{"version":3,"sources":["webpack:///../examples/input-toggle/ToggleSwitchDemo_Icon.vue","webpack:///../examples/input-toggle/ToggleSwitchDemo_Icon.vue?3554","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":["checked1","label","icon","data","components","LvToggleSwitch","__exports__","render","class","updateValue","$event","labelPosition","for","inputId","name","containerClass","type","role","ref","$attrs","id","checked","modelValue","disabled","onFocus","onBlur","aria-checked","value","aria-labelledby","ariaLabelledBy","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,eAAiF,G,WAAxD,EAAAA,S,qDAAA,EAAAA,SAAQ,IAAEC,MAAM,kBAAkBC,KAAK,gB,yCAOrD,GACbC,KADa,WAEX,MAAO,CACLH,UAAU,IAGdI,WAAY,CACVC,eAAA,S,qBCXJ,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,EAAAT,OAAsB,SAAb,EAAAU,e,iBADjB,eAKC,S,MAHEC,IAAK,EAAAC,QAAU,EAAAA,QAAU,EAAAC,KAC1BN,MAAM,yC,eACF,EAAAP,OAAK,Y,sBAGX,eAuBM,OAvBAO,MAAO,EAAAO,gBAAc,CACzB,eAgBE,QAhBF,eAgBE,CAfAC,KAAK,WACLC,KAAK,SACLT,MAAM,kBACNU,IAAI,SACI,EAAAC,OACR,eAAgB,EAAD,YACdC,GAAI,EAAAP,QACJC,KAAM,EAAAA,KACNO,QAAS,EAAAC,WACTC,SAAU,EAAAA,SACV,QAAK,+BAAE,EAAAC,QAAQd,KACf,OAAI,+BAAE,EAAAe,OAAOf,KACb,UAAO,8DAAgB,EAAAD,YAAYC,KAAM,yBACzCgB,eAAc,EAAAC,MACdC,kBAAiB,EAAAC,iB,6EAGpB,EACA,eAEM,MAFN,EAEM,CAD0D,EAAA3B,M,iBAA9D,eAAwE,K,MAArE4B,cAAY,OAAOb,KAAK,eAAgBT,MAAO,EAAAN,M,qCAK9C,EAAAD,OAAsB,SAAb,EAAAU,e,iBADjB,eAKC,S,MAHEC,IAAK,EAAAC,QAAU,EAAAA,QAAU,EAAAC,KAC1BN,MAAM,mB,eACF,EAAAP,OAAK,Y,wCAMA,GACba,KAAM,iBACNiB,cAAc,EAEdC,MAAO,CACLL,MAAOM,QACPpB,QAASqB,OACTpB,KAAMoB,OACNX,SAAUU,QACVE,MAAOF,QACPhC,MAAOiC,OACPvB,cAAe,CACbK,KAAMkB,OACNE,QAAS,SAEXlC,KAAMgC,OACNG,YAAaH,OACbL,eAAgB,MAElB1B,KAnBa,WAoBX,MAAO,CACLmC,SAAS,IAGbC,SAAU,CACRjB,WADQ,WAEN,OAAOkB,KAAKrB,OAAOG,WAAakB,KAAKrB,OAAOG,WAAakB,KAAKb,OAGhEc,UALQ,WAKI,WACV,OAAOD,KAAKE,WAAL,iCAGEF,KAAKE,YAHP,IAIDC,MAAO,SAACC,GAAD,OAAW,EAAKnC,YAAYmC,MAErC,IAEN7B,eAdQ,WAeN,MAAO,CACL,kBACA,CACE,YAAayB,KAAKlB,WAClB,aAAckB,KAAKjB,SACnB,UAAWiB,KAAKL,UAKxBU,QAAS,CACPpC,YADO,SACKmC,GACLJ,KAAKjB,WACRiB,KAAKM,MAAM,eAAgBF,GAC3BJ,KAAKM,MAAM,SAAUN,KAAKlB,YAC1BkB,KAAKM,MAAM,qBAAsBN,KAAKlB,YACtCkB,KAAKM,MAAM,SAAUF,GACrBJ,KAAKM,MAAM,QAASF,GAEpBJ,KAAKO,MAAMC,MAAMC,UAWrBzB,QApBO,SAoBCoB,GACNJ,KAAKF,SAAU,EACfE,KAAKM,MAAM,QAASF,IAEtBnB,OAxBO,SAwBAmB,GACLJ,KAAKF,SAAU,EACfE,KAAKM,MAAM,OAAQF,M,iCChHzB,MAAMtC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,QCRA2C,U,kCCDf","file":"js/chunk-f9075408.40820dcd.js","sourcesContent":["<template>\n  <div>\n    <LvToggleSwitch v-model=\"checked1\" label=\"Click to toggle\" icon=\"light-icon-x\" />\n  </div>\n</template>\n\n<script>\nimport LvToggleSwitch from 'lightvue/toggle-switch';\n\nexport default {\n  data() {\n    return {\n      checked1: false,\n    };\n  },\n  components: {\n    LvToggleSwitch,\n  },\n};\n</script>\n\n<style></style>\n","import { render } from \"./ToggleSwitchDemo_Icon.vue?vue&type=template&id=79ae64c2\"\nimport script from \"./ToggleSwitchDemo_Icon.vue?vue&type=script&lang=js\"\nexport * from \"./ToggleSwitchDemo_Icon.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":""}