{"version":3,"file":"ToggleFi-DgduOg5V.js","sources":["../../src/components/atoms/toggle-fi/ToggleFi.vue","../../src/components/atoms/toggle-fi/ToggleFi.vue"],"sourcesContent":["<template>\n  <span\n    :class=\"wrapperClass\"\n    :tabindex=\"tabindex\"\n    :autofocus=\"autofocus\"\n    :aria-checked=\"isChecked\"\n    role=\"checkbox\"\n    @blur=\"blurHandler\"\n    @focus=\"focusHandler\"\n    @click=\"clickHandler\"\n    @keydown=\"keydownHandler\"\n  >\n    <input\n      ref=\"input\"\n      :value=\"currentValue\"\n      :name=\"name\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n      :required=\"required\"\n      type=\"hidden\"\n    />\n    <span\n      class=\"toggle-fi__checked-placeholder\"\n      aria-hidden\n    />\n    <span\n      class=\"toggle-fi__unchecked-placeholder\"\n      aria-hidden\n    />\n    <span\n      ref=\"button\"\n      :class=\"isChecked ? 'toggle-fi__button--checked' : 'toggle-fi__button'\"\n      aria-hidden\n      ><slot\n    /></span>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport binaryInputMixin from 'mixins/binaryInputMixin.vue';\nimport { defineComponent } from 'vue';\n\nimport checkboxMixin from '../checkbox-fi/checkboxMixin.vue';\n\nexport default defineComponent({\n  name: 'ToggleFi',\n  mixins: [binaryInputMixin, checkboxMixin],\n  props: {\n    name: {\n      type: String,\n      default: undefined,\n    },\n    uncheckedValue: {\n      type: [String, Object, Number, Boolean, Array],\n      default: false,\n    },\n    autofocus: {\n      type: Boolean,\n      default: undefined,\n    },\n    required: {\n      type: Boolean,\n      default: undefined,\n    },\n    tabindex: {\n      type: [String, Number],\n      default: undefined,\n    },\n    variant: {\n      type: String,\n      default: undefined,\n    },\n  },\n  computed: {\n    currentValue() {\n      return this.isChecked ? this.value : this.uncheckedValue;\n    },\n    wrapperClass(): Array<string> {\n      const wrapperClass = [\n        'toggle-fi',\n        this.isChecked ? 'toggle-fi--checked' : 'toggle-fi--unchecked',\n        `toggle-fi--${this.variant}`,\n      ];\n      if (this.disabled) {\n        wrapperClass.push('toggle-fi--disabled');\n      }\n\n      return wrapperClass;\n    },\n    labelClass(): string {\n      if (this.variant) {\n        return `toggle-fi toggle-fi--${this.variant}`;\n      }\n      return 'toggle-fi';\n    },\n  },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@import './toggle-fi';\n</style>\n","<template>\n  <span\n    :class=\"wrapperClass\"\n    :tabindex=\"tabindex\"\n    :autofocus=\"autofocus\"\n    :aria-checked=\"isChecked\"\n    role=\"checkbox\"\n    @blur=\"blurHandler\"\n    @focus=\"focusHandler\"\n    @click=\"clickHandler\"\n    @keydown=\"keydownHandler\"\n  >\n    <input\n      ref=\"input\"\n      :value=\"currentValue\"\n      :name=\"name\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n      :required=\"required\"\n      type=\"hidden\"\n    />\n    <span\n      class=\"toggle-fi__checked-placeholder\"\n      aria-hidden\n    />\n    <span\n      class=\"toggle-fi__unchecked-placeholder\"\n      aria-hidden\n    />\n    <span\n      ref=\"button\"\n      :class=\"isChecked ? 'toggle-fi__button--checked' : 'toggle-fi__button'\"\n      aria-hidden\n      ><slot\n    /></span>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport binaryInputMixin from 'mixins/binaryInputMixin.vue';\nimport { defineComponent } from 'vue';\n\nimport checkboxMixin from '../checkbox-fi/checkboxMixin.vue';\n\nexport default defineComponent({\n  name: 'ToggleFi',\n  mixins: [binaryInputMixin, checkboxMixin],\n  props: {\n    name: {\n      type: String,\n      default: undefined,\n    },\n    uncheckedValue: {\n      type: [String, Object, Number, Boolean, Array],\n      default: false,\n    },\n    autofocus: {\n      type: Boolean,\n      default: undefined,\n    },\n    required: {\n      type: Boolean,\n      default: undefined,\n    },\n    tabindex: {\n      type: [String, Number],\n      default: undefined,\n    },\n    variant: {\n      type: String,\n      default: undefined,\n    },\n  },\n  computed: {\n    currentValue() {\n      return this.isChecked ? this.value : this.uncheckedValue;\n    },\n    wrapperClass(): Array<string> {\n      const wrapperClass = [\n        'toggle-fi',\n        this.isChecked ? 'toggle-fi--checked' : 'toggle-fi--unchecked',\n        `toggle-fi--${this.variant}`,\n      ];\n      if (this.disabled) {\n        wrapperClass.push('toggle-fi--disabled');\n      }\n\n      return wrapperClass;\n    },\n    labelClass(): string {\n      if (this.variant) {\n        return `toggle-fi toggle-fi--${this.variant}`;\n      }\n      return 'toggle-fi';\n    },\n  },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@import './toggle-fi';\n</style>\n"],"names":["_sfc_main","defineComponent","binaryInputMixin","checkboxMixin","wrapperClass","_sfc_render","_ctx","$props","$setup","$data","$options","_openBlock","_createElementBlock","autofocus","_cache","args","currentValue","disabled","readonly","required","_hoisted_2","_createElementVNode","isChecked","_normalizeClass","_renderSlot"],"mappings":"iGA4CA,MAAAA,EAAeC,EAAgB,CAC7B,KAAM,WACN,OAAQ,CAACC,EAAkBC,CAAa,EACxC,MAAO,CACL,KAAM,CACJ,KAAM,OACN,QAAS,MACX,EACA,eAAgB,CACd,KAAM,CAAC,OAAQ,OAAQ,OAAQ,QAAS,KAAK,EAC7C,QAAS,EACX,EACA,UAAW,CACT,KAAM,QACN,QAAS,MACX,EACA,SAAU,CACR,KAAM,QACN,QAAS,MACX,EACA,SAAU,CACR,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,MACX,EACA,QAAS,CACP,KAAM,OACN,QAAS,MACX,CACF,EACA,SAAU,CACR,cAAe,CACb,OAAO,KAAK,UAAY,KAAK,MAAQ,KAAK,cAC5C,EACA,cAA8B,CAC5B,MAAMC,EAAe,CACnB,YACA,KAAK,UAAY,qBAAuB,uBACxC,cAAc,KAAK,OAAO,EAAA,EAE5B,OAAI,KAAK,UACPA,EAAa,KAAK,qBAAqB,EAGlCA,CACT,EACA,YAAqB,CACnB,OAAI,KAAK,QACA,wBAAwB,KAAK,OAAO,GAEtC,WACT,CACF,CACF,CAAC,gGC9FS,SAAAC,EAFVC,EAEYF,EAAYG,EAAAC,EAAAC,EAAAC,EAAA,CACnB,OAAAC,EAAA,EAAkBC,EAAA,OAAA,CAClB,QAAWC,EAAS,YAAA,EACpB,SAAYP,EAAA,SACb,UAAKA,EAAU,UACd,eAAIA,EAAA,UACJ,KAAA,WACA,OAAKQ,EAAE,CAAA,IAAAA,EAAA,CAAA,EAAA,IAAAC,IAAAT,EAAA,aAAAA,EAAA,YAAA,GAAAS,CAAA,GACP,QAAOD,EAAE,CAAA,IAAAA,EAAA,CAAA,EAAA,IAAAC,IAAAT,EAAA,cAAAA,EAAA,aAAA,GAAAS,CAAA,GAAA,QAAAD,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,IAAAC,IAAAT,EAAA,cAAAA,EAAA,aAAA,GAAAS,CAAA,GAEV,UAQED,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,IAAAC,IAAAT,EAAA,gBAAAA,EAAA,eAAA,GAAAS,CAAA,EAAA,EAAA,GANQC,QAAY,CACnB,IAAI,QACJ,MAAUC,EAAAA,aACV,KAAUC,EAAAA,KACV,SAAUC,EAAAA,SACX,SAAKb,EAAQ,SAnBnB,SAAAA,EAAA,SAAA,KAAA,UAsBM,KAAM,EAAAc,CAAA,EAAAN,EACN,CAAW,IAAAA,EAAA,CAAA,EAAAO,EAAA,OAAA,CAAA,MAAA,mDAGX,KAAM,EAAA,GAAAP,EACN,CAAW,IAAAA,EAAA,CAAA,EAAAO,EAAA,OAAA,CAAA,MAAA,mCAEb,cAAA,EAAA,EACE,KAAI,EAAA,GAAAA,EA9BV,OA+BcC,CACR,IAAA,SAAA,MAAAC,EAAAjB,EAAA,UAAA,6BAAA,mBAAA,EACC,cACD,EAAA,EAAA,CAlCNkB,EAAAlB,EAAA,OAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,CAAA"}