{"version":3,"sources":["webpack:///../examples/input-toggle/ToggleSwitchDemo_LabelPosition.vue","webpack:///../examples/input-toggle/ToggleSwitchDemo_LabelPosition.vue?094f","webpack:///../core/components/toggle-switch/ToggleSwitch.vue","webpack:///../core/components/toggle-switch/ToggleSwitch.vue?ef4f","webpack:///../core/components/toggle-switch/index.js","webpack:///../core/components/toggle-switch/ToggleSwitch.vue?8029"],"names":["labelPosition","checked1","label","data","checked2","checked3","checked4","components","LvToggleSwitch","__exports__","render","class","updateValue","$event","for","inputId","name","containerClass","type","role","ref","$attrs","id","checked","modelValue","disabled","onFocus","onBlur","aria-checked","value","aria-labelledby","ariaLabelledBy","icon","aria-hidden","inheritAttrs","props","Boolean","String","dense","default","checkedIcon","focused","computed","this","listeners","$listeners","click","event","methods","$emit","$refs","input","focus","LvInputToggle"],"mappings":"yPACE,eAEM,YADJ,eAAkF,GAAlEA,cAAc,O,WAAgB,EAAAC,S,qDAAA,EAAAA,SAAQ,IAAEC,MAAM,mB,yCAOnD,GACbC,KADa,WAEX,MAAO,CACLF,UAAU,EACVG,UAAU,EACVC,UAAU,EACVC,UAAU,IAGdC,WAAY,CACVC,eAAA,S,qBCdJ,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,gB,8DCqBT,eAAmC,OAA9BC,MAAM,mBAAiB,S,GACvBA,MAAM,mB,gDA5Bf,eAuCM,OAvCDA,MAAM,oBAAqB,QAAK,+BAAE,EAAAC,YAAYC,M,CAEzC,EAAAX,OAAsB,SAAb,EAAAF,e,iBADjB,eAKC,S,MAHEc,IAAK,EAAAC,QAAU,EAAAA,QAAU,EAAAC,KAC1BL,MAAM,yC,eACF,EAAAT,OAAK,Y,sBAGX,eAuBM,OAvBAS,MAAO,EAAAM,gBAAc,CACzB,eAgBE,QAhBF,eAgBE,CAfAC,KAAK,WACLC,KAAK,SACLR,MAAM,kBACNS,IAAI,SACI,EAAAC,OACR,eAAgB,EAAD,YACdC,GAAI,EAAAP,QACJC,KAAM,EAAAA,KACNO,QAAS,EAAAC,WACTC,SAAU,EAAAA,SACV,QAAK,+BAAE,EAAAC,QAAQb,KACf,OAAI,+BAAE,EAAAc,OAAOd,KACb,UAAO,8DAAgB,EAAAD,YAAYC,KAAM,yBACzCe,eAAc,EAAAC,MACdC,kBAAiB,EAAAC,iB,6EAGpB,EACA,eAEM,MAFN,EAEM,CAD0D,EAAAC,M,iBAA9D,eAAwE,K,MAArEC,cAAY,OAAOd,KAAK,eAAgBR,MAAO,EAAAqB,M,qCAK9C,EAAA9B,OAAsB,SAAb,EAAAF,e,iBADjB,eAKC,S,MAHEc,IAAK,EAAAC,QAAU,EAAAA,QAAU,EAAAC,KAC1BL,MAAM,mB,eACF,EAAAT,OAAK,Y,wCAMA,GACbc,KAAM,iBACNkB,cAAc,EAEdC,MAAO,CACLN,MAAOO,QACPrB,QAASsB,OACTrB,KAAMqB,OACNZ,SAAUW,QACVE,MAAOF,QACPlC,MAAOmC,OACPrC,cAAe,CACbkB,KAAMmB,OACNE,QAAS,SAEXP,KAAMK,OACNG,YAAaH,OACbN,eAAgB,MAElB5B,KAnBa,WAoBX,MAAO,CACLsC,SAAS,IAGbC,SAAU,CACRlB,WADQ,WAEN,OAAOmB,KAAKtB,OAAOG,WAAamB,KAAKtB,OAAOG,WAAamB,KAAKd,OAGhEe,UALQ,WAKI,WACV,OAAOD,KAAKE,WAAL,iCAGEF,KAAKE,YAHP,IAIDC,MAAO,SAACC,GAAD,OAAW,EAAKnC,YAAYmC,MAErC,IAEN9B,eAdQ,WAeN,MAAO,CACL,kBACA,CACE,YAAa0B,KAAKnB,WAClB,aAAcmB,KAAKlB,SACnB,UAAWkB,KAAKL,UAKxBU,QAAS,CACPpC,YADO,SACKmC,GACLJ,KAAKlB,WACRkB,KAAKM,MAAM,eAAgBF,GAC3BJ,KAAKM,MAAM,SAAUN,KAAKnB,YAC1BmB,KAAKM,MAAM,qBAAsBN,KAAKnB,YACtCmB,KAAKM,MAAM,SAAUF,GACrBJ,KAAKM,MAAM,QAASF,GAEpBJ,KAAKO,MAAMC,MAAMC,UAWrB1B,QApBO,SAoBCqB,GACNJ,KAAKF,SAAU,EACfE,KAAKM,MAAM,QAASF,IAEtBpB,OAxBO,SAwBAoB,GACLJ,KAAKF,SAAU,EACfE,KAAKM,MAAM,OAAQF,M,iCChHzB,MAAMtC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,QCRA2C,U,kCCDf","file":"js/chunk-d94028a0.27ecf549.js","sourcesContent":["<template>\n  <div>\n    <LvToggleSwitch labelPosition=\"left\" v-model=\"checked1\" label=\"Click to toggle\" />\n  </div>\n</template>\n\n<script>\nimport LvToggleSwitch from 'lightvue/toggle-switch';\n\nexport default {\n  data() {\n    return {\n      checked1: false,\n      checked2: true,\n      checked3: false,\n      checked4: false,\n    };\n  },\n  components: {\n    LvToggleSwitch,\n  },\n};\n</script>\n\n<style></style>\n","import { render } from \"./ToggleSwitchDemo_LabelPosition.vue?vue&type=template&id=ca176276\"\nimport script from \"./ToggleSwitchDemo_LabelPosition.vue?vue&type=script&lang=js\"\nexport * from \"./ToggleSwitchDemo_LabelPosition.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/opt/build/repo/docs-v3/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <div class=\"d-toggle__wrapper\" @click=\"updateValue($event)\">\n    <label\n      v-if=\"label && labelPosition === 'left'\"\n      :for=\"inputId ? inputId : name\"\n      class=\"d-toggle__label d-toggle__label--left\"\n      >{{ label }}</label\n    >\n\n    <div :class=\"containerClass\">\n      <input\n        type=\"checkbox\"\n        role=\"switch\"\n        class=\"d-toggle__input\"\n        ref=\"input\"\n        v-bind=\"$attrs\"\n        v-on=\"listeners\"\n        :id=\"inputId\"\n        :name=\"name\"\n        :checked=\"modelValue\"\n        :disabled=\"disabled\"\n        @focus=\"onFocus($event)\"\n        @blur=\"onBlur($event)\"\n        @keydown.enter.prevent=\"updateValue($event)\"\n        :aria-checked=\"value\"\n        :aria-labelledby=\"ariaLabelledBy\"\n      />\n\n      <div class=\"d-toggle__track\"></div>\n      <div class=\"d-toggle__thumb\">\n        <i aria-hidden=\"true\" role=\"presentation\" :class=\"icon\" v-if=\"icon\"></i>\n      </div>\n    </div>\n\n    <label\n      v-if=\"label && labelPosition !== 'left'\"\n      :for=\"inputId ? inputId : name\"\n      class=\"d-toggle__label\"\n      >{{ label }}</label\n    >\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'LvToggleswitch',\n  inheritAttrs: false,\n\n  props: {\n    value: Boolean,\n    inputId: String,\n    name: String,\n    disabled: Boolean,\n    dense: Boolean,\n    label: String,\n    labelPosition: {\n      type: String,\n      default: 'right'\n    },\n    icon: String,\n    checkedIcon: String,\n    ariaLabelledBy: null,\n  },\n  data() {\n    return {\n      focused: false,\n    };\n  },\n  computed: {\n    modelValue() {\n      return this.$attrs.modelValue ? this.$attrs.modelValue : this.value;\n    },\n\n    listeners() {\n      return this.$listeners\n        ? {\n            // Depreciated in Vue 3\n            ...this.$listeners,\n            click: (event) => this.updateValue(event),\n          }\n        : {};\n    },\n    containerClass() {\n      return [\n        \"d-toggle__inner\",\n        {\n          \"--checked\": this.modelValue,\n          \"--disabled\": this.disabled,\n          \"--dense\": this.dense,\n        },\n      ];\n    },\n  },\n  methods: {\n    updateValue(event) {\n      if (!this.disabled) {\n        this.$emit(\"input-native\", event);\n        this.$emit(\"input\", !this.modelValue); // Only for Vue 2\n        this.$emit(\"update:modelValue\", !this.modelValue); // Only for Vue 3\n        this.$emit(\"change\", event);\n        this.$emit(\"click\", event);\n\n        this.$refs.input.focus();\n      }\n    },\n    // onClick(event) {\n    //   if (!this.disabled) {\n    //     this.$emit(\"click\", event);\n    //     this.$emit(\"input\", !this.modelValue);\n    //     this.$emit(\"change\", event);\n    //     this.$refs.input.focus();\n    //   }\n    // },\n    onFocus(event) {\n      this.focused = true;\n      this.$emit(\"focus\", event);\n    },\n    onBlur(event) {\n      this.focused = false;\n      this.$emit(\"blur\", event);\n    },\n  },\n};\n</script>\n<style lang=\"scss\">\n@import \"./ToggleSwitch.scss\";\n</style>\n","import { render } from \"./ToggleSwitch.vue?vue&type=template&id=10a175af\"\nimport script from \"./ToggleSwitch.vue?vue&type=script&lang=js\"\nexport * from \"./ToggleSwitch.vue?vue&type=script&lang=js\"\n\nimport \"./ToggleSwitch.vue?vue&type=style&index=0&id=10a175af&lang=scss\"\n\nimport exportComponent from \"/opt/build/repo/docs-v3/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import LvInputToggle from './ToggleSwitch.vue';\nexport default LvInputToggle;\n","export * from \"-!../../../docs-v3/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../docs-v3/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../docs-v3/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../docs-v3/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../docs-v3/node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../docs-v3/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../docs-v3/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./ToggleSwitch.vue?vue&type=style&index=0&id=10a175af&lang=scss\""],"sourceRoot":""}