{"version":3,"file":"checkbox-button.vue2.mjs","sources":["../../../../../packages/components/checkbox/src/checkbox-button.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'ElCheckboxButton'\n});\n</script>\n<template>\n  <label\n    :class=\"[\n      ns.b('button'),\n      ns.bm('button', checkboxSize),\n      ns.is('disabled', isDisabled),\n      ns.is('checked', isChecked),\n      ns.is('focus', focus)\n    ]\"\n    role=\"checkbox\"\n  >\n    <input\n      :checked=\"isChecked\"\n      :class=\"ns.be('button', 'original')\"\n      type=\"checkbox\"\n      :tabindex=\"tabindex\"\n      :disabled=\"isDisabled\"\n      @change=\"handleChange\"\n      @focus=\"focus = true\"\n      @blur=\"focus = false\"\n    />\n\n    <span v-if=\"$slots.default || value\" :class=\"ns.be('button', 'inner')\">\n      <slot>{{ value }}</slot>\n    </span>\n  </label>\n</template>\n<script setup lang=\"ts\">\nimport { useNamespace } from '@element-ultra/hooks'\nimport { useCheckbox } from './useCheckbox'\nimport { checkboxEmit, checkboxProps } from './checkbox'\n\n\nconst props = defineProps(checkboxProps)\nconst emit = defineEmits(checkboxEmit)\n\nconst { focus, isChecked, isDisabled, checkboxSize, handleChange } = useCheckbox(props, emit)\n\nconst ns = useNamespace('checkbox')\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":";;;;;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,kBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAsCD,IAAM,MAAA,EAAE,OAAO,SAAW,EAAA,UAAA,EAAY,cAAc,YAAa,EAAA,GAAI,WAAY,CAAA,KAAA,EAAO,IAAI,CAAA,CAAA;AAE5F,IAAM,MAAA,EAAA,GAAK,aAAa,UAAU,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}