관리-도구

편집 파일: Checkbox.6db0b9ed.js

import{S as u}from"./Checkmark.e40641dd.js";import{v as d,o as m,c as f,m as r,a as s,G as l,C as g,H as c,E as p}from"./runtime-dom.esm-bundler.5c3c7d72.js";import{_ as b}from"./_plugin-vue_export-helper.eefbdd86.js";const _={components:{SvgCheckmark:u},props:{modelValue:Boolean,name:String,labelClass:{type:String,default(){return""}},inputClass:{type:String,default(){return""}},id:String,size:String,disabled:Boolean,round:Boolean,type:{type:String,default(){return"blue"}}},methods:{labelToggle(){this.$refs.input.click()}}},k={class:"form-checkbox-wrapper"},y={class:"form-checkbox"},h=["checked","name","id","disabled"];function C(o,n,e,x,S,t){const i=d("svg-checkmark");return m(),f("label",{class:l(["aioseo-checkbox",[e.labelClass,{[e.size]:e.size},{disabled:e.disabled},{round:e.round}]]),onKeydown:[n[1]||(n[1]=c((...a)=>t.labelToggle&&t.labelToggle(...a),["enter"])),n[2]||(n[2]=c((...a)=>t.labelToggle&&t.labelToggle(...a),["space"]))],onClick:p(()=>{},["stop"])},[r(o.$slots,"header"),s("span",k,[s("span",y,[s("input",{type:"checkbox",onInput:n[0]||(n[0]=a=>o.$emit("update:modelValue",a.target.checked)),checked:e.modelValue,name:e.name,id:e.id,class:l(e.inputClass),disabled:e.disabled,ref:"input"},null,42,h),s("span",{class:l(["fancy-checkbox",e.type])},[g(i)],2)])]),r(o.$slots,"default")],34)}const V=b(_,[["render",C]]);export{V as B};