@aotearoan/neon 9.2.0 → 9.2.1

package/dist/components/user-input/selectable-card/NeonSelectableCard.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonSelectableCard.ts_vue_type_script_src_3688086a_lang.es.js";
+import _sfc_main from "./NeonSelectableCard.ts_vue_type_script_src_397cfc5e_lang.es.js";
 import { resolveComponent, openBlock, createBlock, normalizeClass, withKeys, withModifiers, withCtx, createVNode, renderSlot } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -42,6 +42,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["class", "size"]);
 }
-var NeonSelectableCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/user-input/selectable-card/NeonSelectableCard.vue"]]);
+var NeonSelectableCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonSelectableCard as default };
 //# sourceMappingURL=NeonSelectableCard.es.js.map

package/dist/components/user-input/selectable-card/{NeonSelectableCard.ts_vue_type_script_src_3688086a_lang.cjs.js → NeonSelectableCard.ts_vue_type_script_src_397cfc5e_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var o=require("vue"),r=require("../../../common/enums/NeonSize.cjs.js"),a=require("../../../common/enums/NeonFunctionalColor.cjs.js"),s=require("../../layout/card/NeonCard.cjs.js"),i=require("../../layout/card/header/NeonCardHeader.cjs.js"),t=require("../switch/NeonSwitch.cjs.js"),l=require("../../../common/enums/NeonResponsive.cjs.js"),u=o.defineComponent({name:"NeonSelectableCard",components:{NeonCard:s,NeonCardHeader:i,NeonSwitch:t},props:{modelValue:{type:Boolean,required:!0},size:{type:String,default:r.NeonSize.Small},color:{type:String,default:a.NeonFunctionalColor.Brand},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){return{active:o.ref(!1),clicked:()=>{e.disabled||n("update:modelValue",!e.modelValue)},NeonResponsive:l.NeonResponsive}}});module.exports=u;
-//# sourceMappingURL=NeonSelectableCard.ts_vue_type_script_src_3688086a_lang.cjs.js.map
+//# sourceMappingURL=NeonSelectableCard.ts_vue_type_script_src_397cfc5e_lang.cjs.js.map

package/dist/components/user-input/selectable-card/{NeonSelectableCard.ts_vue_type_script_src_3688086a_lang.cjs.js.map → NeonSelectableCard.ts_vue_type_script_src_397cfc5e_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonSelectableCard.ts_vue_type_script_src_3688086a_lang.cjs.js","sources":["../../../../src/components/user-input/selectable-card/NeonSelectableCard.ts?vue&type=script&src=3688086a&lang.ts"],"sourcesContent":["import { defineComponent, ref } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonCard from '@/components/layout/card/NeonCard.vue';\nimport NeonCardHeader from '@/components/layout/card/header/NeonCardHeader.vue';\nimport NeonSwitch from '@/components/user-input/switch/NeonSwitch.vue';\nimport { NeonResponsive } from '@/common/enums/NeonResponsive';\n\n/**\n * <p>\n * <strong>NeonSelectableCard</strong> is a horizontal card that is selectable by clicking on it. It can be used in\n * lists to easily allow users to select multiple items, providing richer content & a larger footprint for clicking on.\n * </p>\n */\nexport default defineComponent({\n  name: 'NeonSelectableCard',\n  components: {\n    NeonCard,\n    NeonCardHeader,\n    NeonSwitch,\n  },\n  props: {\n    /**\n     * The selected state of the card\n     */\n    modelValue: { type: Boolean, required: true },\n    /**\n     * The size of the card.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Small },\n    /**\n     * The selection color. This will be used for the checkbox as well as borders & the background color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Brand },\n    /**\n     * The disabled state of the card.\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the user clicks on the card, toggling the selection state.\n     * @type {boolean} the current selection state of the card.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const active = ref<boolean>(false);\n    const clicked = () => {\n      if (!props.disabled) {\n        emit('update:modelValue', !props.modelValue);\n      }\n    };\n\n    return {\n      active,\n      clicked,\n      NeonResponsive,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonCard","NeonCardHeader","NeonSwitch","NeonSize","NeonFunctionalColor","props","emit","ref","NeonResponsive"],"mappings":"gWAcAA,EAAeC,kBAAgB,CAC7B,KAAM,qBACN,WAAY,CACV,SAAAC,EACA,eAAAC,EACA,WAAAC,CACF,EACA,MAAO,CAIL,WAAY,CAAE,KAAM,QAAS,SAAU,EAAK,EAI5C,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,KAAM,EAIhE,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,KAAM,EAIvF,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAO,CAKL,mBACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CAQd,MAAA,CACL,OARaC,MAAa,EAAK,EAS/B,QARc,IAAM,CACfF,EAAM,UACJC,EAAA,oBAAqB,CAACD,EAAM,UAAU,CAC7C,EAKA,eACAG,EAAA,cAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonSelectableCard.ts_vue_type_script_src_397cfc5e_lang.cjs.js","sources":["../../../../src/components/user-input/selectable-card/NeonSelectableCard.ts?vue&type=script&src=397cfc5e&lang.ts"],"sourcesContent":["import { defineComponent, ref } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonCard from '@/components/layout/card/NeonCard.vue';\nimport NeonCardHeader from '@/components/layout/card/header/NeonCardHeader.vue';\nimport NeonSwitch from '@/components/user-input/switch/NeonSwitch.vue';\nimport { NeonResponsive } from '@/common/enums/NeonResponsive';\n\n/**\n * <p>\n * <strong>NeonSelectableCard</strong> is a horizontal card that is selectable by clicking on it. It can be used in\n * lists to easily allow users to select multiple items, providing richer content & a larger footprint for clicking on.\n * </p>\n */\nexport default defineComponent({\n  name: 'NeonSelectableCard',\n  components: {\n    NeonCard,\n    NeonCardHeader,\n    NeonSwitch,\n  },\n  props: {\n    /**\n     * The selected state of the card\n     */\n    modelValue: { type: Boolean, required: true },\n    /**\n     * The size of the card.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Small },\n    /**\n     * The selection color. This will be used for the checkbox as well as borders & the background color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Brand },\n    /**\n     * The disabled state of the card.\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the user clicks on the card, toggling the selection state.\n     * @type {boolean} the current selection state of the card.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const active = ref<boolean>(false);\n    const clicked = () => {\n      if (!props.disabled) {\n        emit('update:modelValue', !props.modelValue);\n      }\n    };\n\n    return {\n      active,\n      clicked,\n      NeonResponsive,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonCard","NeonCardHeader","NeonSwitch","NeonSize","NeonFunctionalColor","props","emit","ref","NeonResponsive"],"mappings":"gWAcAA,EAAeC,kBAAgB,CAC7B,KAAM,qBACN,WAAY,CACV,SAAAC,EACA,eAAAC,EACA,WAAAC,CACF,EACA,MAAO,CAIL,WAAY,CAAE,KAAM,QAAS,SAAU,EAAK,EAI5C,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,KAAM,EAIhE,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,KAAM,EAIvF,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAO,CAKL,mBACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CAQd,MAAA,CACL,OARaC,MAAa,EAAK,EAS/B,QARc,IAAM,CACfF,EAAM,UACJC,EAAA,oBAAqB,CAACD,EAAM,UAAU,CAC7C,EAKA,eACAG,EAAA,cAAA,CAEJ,CACF,CAAC"}

package/dist/components/user-input/selectable-card/{NeonSelectableCard.ts_vue_type_script_src_3688086a_lang.es.js → NeonSelectableCard.ts_vue_type_script_src_397cfc5e_lang.es.js}

@@ -36,4 +36,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonSelectableCard.ts_vue_type_script_src_3688086a_lang.es.js.map
+//# sourceMappingURL=NeonSelectableCard.ts_vue_type_script_src_397cfc5e_lang.es.js.map

package/dist/components/user-input/selectable-card/{NeonSelectableCard.ts_vue_type_script_src_3688086a_lang.es.js.map → NeonSelectableCard.ts_vue_type_script_src_397cfc5e_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonSelectableCard.ts_vue_type_script_src_3688086a_lang.es.js","sources":["../../../../src/components/user-input/selectable-card/NeonSelectableCard.ts?vue&type=script&src=3688086a&lang.ts"],"sourcesContent":["import { defineComponent, ref } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonCard from '@/components/layout/card/NeonCard.vue';\nimport NeonCardHeader from '@/components/layout/card/header/NeonCardHeader.vue';\nimport NeonSwitch from '@/components/user-input/switch/NeonSwitch.vue';\nimport { NeonResponsive } from '@/common/enums/NeonResponsive';\n\n/**\n * <p>\n * <strong>NeonSelectableCard</strong> is a horizontal card that is selectable by clicking on it. It can be used in\n * lists to easily allow users to select multiple items, providing richer content & a larger footprint for clicking on.\n * </p>\n */\nexport default defineComponent({\n  name: 'NeonSelectableCard',\n  components: {\n    NeonCard,\n    NeonCardHeader,\n    NeonSwitch,\n  },\n  props: {\n    /**\n     * The selected state of the card\n     */\n    modelValue: { type: Boolean, required: true },\n    /**\n     * The size of the card.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Small },\n    /**\n     * The selection color. This will be used for the checkbox as well as borders & the background color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Brand },\n    /**\n     * The disabled state of the card.\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the user clicks on the card, toggling the selection state.\n     * @type {boolean} the current selection state of the card.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const active = ref<boolean>(false);\n    const clicked = () => {\n      if (!props.disabled) {\n        emit('update:modelValue', !props.modelValue);\n      }\n    };\n\n    return {\n      active,\n      clicked,\n      NeonResponsive,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;;;;AAcA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,YAAY,EAAE,MAAM,SAAS,UAAU,KAAK;AAAA,IAI5C,MAAM,EAAE,MAAM,QAA0B,SAAS,SAAS,MAAM;AAAA,IAIhE,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,MAAM;AAAA,IAIvF,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC5C;AAAA,EACA,OAAO;AAAA,IAKL;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACf,UAAA,SAAS,IAAa,KAAK;AACjC,UAAM,UAAU,MAAM;AAChB,UAAA,CAAC,MAAM,UAAU;AACd,aAAA,qBAAqB,CAAC,MAAM,UAAU;AAAA,MAC7C;AAAA,IAAA;AAGK,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
+{"version":3,"file":"NeonSelectableCard.ts_vue_type_script_src_397cfc5e_lang.es.js","sources":["../../../../src/components/user-input/selectable-card/NeonSelectableCard.ts?vue&type=script&src=397cfc5e&lang.ts"],"sourcesContent":["import { defineComponent, ref } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonCard from '@/components/layout/card/NeonCard.vue';\nimport NeonCardHeader from '@/components/layout/card/header/NeonCardHeader.vue';\nimport NeonSwitch from '@/components/user-input/switch/NeonSwitch.vue';\nimport { NeonResponsive } from '@/common/enums/NeonResponsive';\n\n/**\n * <p>\n * <strong>NeonSelectableCard</strong> is a horizontal card that is selectable by clicking on it. It can be used in\n * lists to easily allow users to select multiple items, providing richer content & a larger footprint for clicking on.\n * </p>\n */\nexport default defineComponent({\n  name: 'NeonSelectableCard',\n  components: {\n    NeonCard,\n    NeonCardHeader,\n    NeonSwitch,\n  },\n  props: {\n    /**\n     * The selected state of the card\n     */\n    modelValue: { type: Boolean, required: true },\n    /**\n     * The size of the card.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Small },\n    /**\n     * The selection color. This will be used for the checkbox as well as borders & the background color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Brand },\n    /**\n     * The disabled state of the card.\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the user clicks on the card, toggling the selection state.\n     * @type {boolean} the current selection state of the card.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const active = ref<boolean>(false);\n    const clicked = () => {\n      if (!props.disabled) {\n        emit('update:modelValue', !props.modelValue);\n      }\n    };\n\n    return {\n      active,\n      clicked,\n      NeonResponsive,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;;;;AAcA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,YAAY,EAAE,MAAM,SAAS,UAAU,KAAK;AAAA,IAI5C,MAAM,EAAE,MAAM,QAA0B,SAAS,SAAS,MAAM;AAAA,IAIhE,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,MAAM;AAAA,IAIvF,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC5C;AAAA,EACA,OAAO;AAAA,IAKL;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACf,UAAA,SAAS,IAAa,KAAK;AACjC,UAAM,UAAU,MAAM;AAChB,UAAA,CAAC,MAAM,UAAU;AACd,aAAA,qBAAqB,CAAC,MAAM,UAAU;AAAA,MAC7C;AAAA,IAAA;AAGK,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

package/dist/components/user-input/slider/NeonSlider.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var a=require("./NeonSlider.ts_vue_type_script_src_e29dcb24_lang.cjs.js"),o=require("vue"),r=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const s=["for"],t=["id","value","step","min","max","aria-valuemin","aria-valuemax","aria-valuenow","disabled"],i={key:1,class:"neon-slider__legend"},d={class:"neon-slider__legend-item"},u={class:"neon-slider__legend-item"},p=["for"],m={class:"neon-slider__tooltip-content"},c={class:"neon-slider__tooltip-value"};function v(e,n,g,V,y,N){return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["neon-slider",[{"neon-slider--disabled":e.disabled,"neon-slider--no-legend":!e.legend},`neon-slider--${e.color}`]]),style:o.normalizeStyle("--min: "+e.min+";--max: "+e.computedMax+";--val: "+e.modelValue)},[e.output?(o.openBlock(),o.createElementBlock("output",{key:0,for:e.id,class:"neon-slider__output"},o.toDisplayString(e.formattedValue),9,s)):o.createCommentVNode("",!0),o.createElementVNode("input",o.mergeProps({id:e.id,type:"range",value:e.modelValue,step:e.computedStep,min:e.min,max:e.computedMax,"aria-valuemin":e.min,"aria-valuemax":e.computedMax,"aria-valuenow":e.modelValue,disabled:e.disabled,class:"neon-slider__input"},e.sanitizedAttributes,{onInput:n[0]||(n[0]=(...l)=>e.changeValue&&e.changeValue(...l))}),null,16,t),e.legend?(o.openBlock(),o.createElementBlock("div",i,[o.createElementVNode("span",d,o.toDisplayString(e.formattedMin),1),o.createElementVNode("span",u,o.toDisplayString(e.formattedMax),1)])):o.createCommentVNode("",!0),e.tooltip?(o.openBlock(),o.createElementBlock("output",{key:2,for:e.id,class:"neon-slider__tooltip"},[o.createElementVNode("div",m,[o.createElementVNode("span",c,o.toDisplayString(e.formattedValue),1)])],8,p)):o.createCommentVNode("",!0)],6)}var _=r(a,[["render",v],["__file","/Users/andrew/dev/projects/neon/src/components/user-input/slider/NeonSlider.vue"]]);module.exports=_;
+"use strict";var a=require("./NeonSlider.ts_vue_type_script_src_5303acb4_lang.cjs.js"),o=require("vue"),t=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const i=["for"],r=["id","value","step","min","max","aria-valuemin","aria-valuemax","aria-valuenow","disabled"],s={key:1,class:"neon-slider__legend"},d={class:"neon-slider__legend-item"},u={class:"neon-slider__legend-item"},p=["for"],m={class:"neon-slider__tooltip-content"},c={class:"neon-slider__tooltip-value"};function v(e,n,g,V,y,k){return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["neon-slider",[{"neon-slider--disabled":e.disabled,"neon-slider--no-legend":!e.legend},`neon-slider--${e.color}`]]),style:o.normalizeStyle("--min: "+e.min+";--max: "+e.computedMax+";--val: "+e.modelValue)},[e.output?(o.openBlock(),o.createElementBlock("output",{key:0,for:e.id,class:"neon-slider__output"},o.toDisplayString(e.formattedValue),9,i)):o.createCommentVNode("",!0),o.createElementVNode("input",o.mergeProps({id:e.id,type:"range",value:e.modelValue,step:e.computedStep,min:e.min,max:e.computedMax,"aria-valuemin":e.min,"aria-valuemax":e.computedMax,"aria-valuenow":e.modelValue,disabled:e.disabled,class:"neon-slider__input"},e.sanitizedAttributes,{onInput:n[0]||(n[0]=(...l)=>e.changeValue&&e.changeValue(...l))}),null,16,r),e.legend?(o.openBlock(),o.createElementBlock("div",s,[o.createElementVNode("span",d,o.toDisplayString(e.formattedMin),1),o.createElementVNode("span",u,o.toDisplayString(e.formattedMax),1)])):o.createCommentVNode("",!0),e.tooltip?(o.openBlock(),o.createElementBlock("output",{key:2,for:e.id,class:"neon-slider__tooltip"},[o.createElementVNode("div",m,[o.createElementVNode("span",c,o.toDisplayString(e.formattedValue),1)])],8,p)):o.createCommentVNode("",!0)],6)}var _=t(a,[["render",v]]);module.exports=_;
 //# sourceMappingURL=NeonSlider.cjs.js.map

package/dist/components/user-input/slider/NeonSlider.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonSlider.ts_vue_type_script_src_e29dcb24_lang.es.js";
+import _sfc_main from "./NeonSlider.ts_vue_type_script_src_5303acb4_lang.es.js";
 import { openBlock, createElementBlock, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, createElementVNode, mergeProps } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = ["for"];
@@ -58,6 +58,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 8, _hoisted_6)) : createCommentVNode("", true)
   ], 6);
 }
-var NeonSlider = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/user-input/slider/NeonSlider.vue"]]);
+var NeonSlider = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonSlider as default };
 //# sourceMappingURL=NeonSlider.es.js.map

package/dist/components/user-input/slider/{NeonSlider.ts_vue_type_script_src_e29dcb24_lang.cjs.js → NeonSlider.ts_vue_type_script_src_5303acb4_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var t=require("vue"),f=require("../../../common/enums/NeonFunctionalColor.cjs.js"),p=require("../../../common/utils/NeonNumberUtils.cjs.js"),N=t.defineComponent({name:"NeonSlider",props:{modelValue:{type:Number,required:!0},id:{type:String,required:!1},color:{type:String,default:f.NeonFunctionalColor.LowContrast},locale:{type:String,default:null},output:{type:Boolean,default:!0},legend:{type:Boolean,default:!0},tooltip:{type:Boolean,default:!0},percentage:{type:Boolean,default:!1},step:{type:Number,required:!1},decimals:{type:Number,required:!1},valueTemplate:{type:String,required:!1},disableFormatting:{type:Boolean,default:!1},min:{type:Number,default:0},max:{type:Number,required:!1},lowerBound:{type:Number,required:!1},upperBound:{type:Number,required:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:n}){const r=t.useAttrs(),d=t.computed(()=>{const{...u}=r;return u}),l=u=>e.disableFormatting?u:p.NeonNumberUtils.formatNumber(u,{decimals:e.decimals,format:e.valueTemplate,percentage:e.percentage},e.locale),i=t.computed(()=>l(e.min)),o=t.computed(()=>e.max!==void 0?e.max:e.percentage?1:100),m=t.computed(()=>l(o.value)),c=t.computed(()=>l(e.modelValue)),s=t.computed(()=>e.step!==void 0?e.step:e.percentage?.01:1);return{sanitizedAttributes:d,formattedMin:i,formattedMax:m,formattedValue:c,computedMax:o,computedStep:s,changeValue:u=>{let a=+u.target.value;e.lowerBound!==void 0&&a<e.lowerBound?a=e.lowerBound:e.upperBound!==void 0&&a>e.upperBound&&(a=e.upperBound),n("update:modelValue",a)}}}});module.exports=N;
-//# sourceMappingURL=NeonSlider.ts_vue_type_script_src_e29dcb24_lang.cjs.js.map
+//# sourceMappingURL=NeonSlider.ts_vue_type_script_src_5303acb4_lang.cjs.js.map

package/dist/components/user-input/slider/{NeonSlider.ts_vue_type_script_src_e29dcb24_lang.cjs.js.map → NeonSlider.ts_vue_type_script_src_5303acb4_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonSlider.ts_vue_type_script_src_e29dcb24_lang.cjs.js","sources":["../../../../src/components/user-input/slider/NeonSlider.ts?vue&type=script&src=e29dcb24&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonNumberUtils } from '@/common/utils/NeonNumberUtils';\n\n/**\n * <p>\n *   The <strong>NeonSlider</strong> component is the equivalent of an <strong>&lt;input type=\"range\" /&gt;</strong>. In\n *   addition to this, there is support for automatic formatting the min, max and selected value plus options for\n *   percentage formatting and providing custom templates, e.g. currency formatting.\n * </p>\n * <p><strong>NeonNumber</strong> also supports all relevant properties found on an HTML &lt;input&gt;.</p>\n */\nexport default defineComponent({\n  name: 'NeonSlider',\n  props: {\n    /**\n     * The current input <em>value</em>.\n     */\n    modelValue: { type: Number, required: true },\n    /**\n     * id of the range input.\n     */\n    id: { type: String, required: false },\n    /**\n     * Slider color.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The locale used for display purposes. This defaults to the browser's locale if none is provided.\n     */\n    locale: { type: String, default: null },\n    /**\n     * Show/hide the output.\n     */\n    output: { type: Boolean, default: true },\n    /**\n     * Show/hide the legend.\n     */\n    legend: { type: Boolean, default: true },\n    /**\n     * Show/hide the tooltip.\n     */\n    tooltip: { type: Boolean, default: true },\n    /**\n     * Automatically applies % formatting, e.g. if the value = 0.15 it will be displayed as 15%.\n     */\n    percentage: { type: Boolean, default: false },\n    /**\n     * The size of steps between values the user can select. The default value is 1 except when percentage = true the\n     * default is 0.01 (1%).\n     */\n    step: { type: Number, required: false },\n    /**\n     * The rounding precision for display purposes.\n     */\n    decimals: { type: Number, required: false },\n    /**\n     * A template string used for formatting the display value. Use the placeholder {value} to reference the value in the\n     * template string. e.g. value = 90, ${value} => $90.\n     */\n    valueTemplate: { type: String, required: false },\n    /**\n     * Disable formatting, e.g. in the case of a year value -> display as 2020, not 2,020.\n     */\n    disableFormatting: { type: Boolean, default: false },\n    /**\n     * The minimum range value.\n     */\n    min: { type: Number, default: 0 },\n    /**\n     * The maximum range value. The default value is 100 except when percentage = true the default is 1 (100%).\n     */\n    max: { type: Number, required: false },\n    /**\n     * The lower bound within the range of values.\n     * @ignore\n     */\n    lowerBound: { type: Number, required: false },\n    /**\n     * The upper bound within the range of values.\n     * @ignore\n     */\n    upperBound: { type: Number, required: false },\n    /**\n     * Component disabled state.\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Event triggered when the value changes.\n     *\n     * @type {number} the raw selected numeric value.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const formatNumber = (value: number) => {\n      return !props.disableFormatting\n        ? NeonNumberUtils.formatNumber(\n            value,\n            {\n              decimals: props.decimals,\n              format: props.valueTemplate,\n              percentage: props.percentage,\n            },\n            props.locale,\n          )\n        : value;\n    };\n\n    const formattedMin = computed(() => formatNumber(props.min));\n    const computedMax = computed(() => (props.max !== undefined ? props.max : props.percentage ? 1 : 100));\n    const formattedMax = computed(() => formatNumber(computedMax.value));\n    const formattedValue = computed(() => formatNumber(props.modelValue));\n    const computedStep = computed(() => (props.step !== undefined ? props.step : props.percentage ? 0.01 : 1));\n\n    const changeValue = (event: Event) => {\n      const input = event.target as HTMLInputElement;\n      let newValue = +input.value;\n      // adjust for bounds if set\n      if (props.lowerBound !== undefined && newValue < props.lowerBound) {\n        newValue = props.lowerBound;\n      } else if (props.upperBound !== undefined && newValue > props.upperBound) {\n        newValue = props.upperBound;\n      }\n      emit('update:modelValue', newValue);\n    };\n\n    return {\n      sanitizedAttributes,\n      formattedMin,\n      formattedMax,\n      formattedValue,\n      computedMax,\n      computedStep,\n      changeValue,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonFunctionalColor","props","emit","attrs","useAttrs","sanitizedAttributes","computed","sanitized","formatNumber","value","NeonNumberUtils","formattedMin","computedMax","formattedMax","formattedValue","computedStep","event","newValue"],"mappings":"0JAYAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,MAAO,CAIL,WAAY,CAAE,KAAM,OAAQ,SAAU,EAAK,EAI3C,GAAI,CAAE,KAAM,OAAQ,SAAU,EAAM,EAIpC,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAY,EAI7F,OAAQ,CAAE,KAAM,OAAQ,QAAS,IAAK,EAItC,OAAQ,CAAE,KAAM,QAAS,QAAS,EAAK,EAIvC,OAAQ,CAAE,KAAM,QAAS,QAAS,EAAK,EAIvC,QAAS,CAAE,KAAM,QAAS,QAAS,EAAK,EAIxC,WAAY,CAAE,KAAM,QAAS,QAAS,EAAM,EAK5C,KAAM,CAAE,KAAM,OAAQ,SAAU,EAAM,EAItC,SAAU,CAAE,KAAM,OAAQ,SAAU,EAAM,EAK1C,cAAe,CAAE,KAAM,OAAQ,SAAU,EAAM,EAI/C,kBAAmB,CAAE,KAAM,QAAS,QAAS,EAAM,EAInD,IAAK,CAAE,KAAM,OAAQ,QAAS,CAAE,EAIhC,IAAK,CAAE,KAAM,OAAQ,SAAU,EAAM,EAKrC,WAAY,CAAE,KAAM,OAAQ,SAAU,EAAM,EAK5C,WAAY,CAAE,KAAM,OAAQ,SAAU,EAAM,EAI5C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAO,CAML,mBACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,WAERC,EAAsBC,EAAAA,SAAS,IAAM,CAEnC,KAAA,IAAKC,CAAc,EAAAJ,EAClB,OAAAI,CAAA,CACR,EAEKC,EAAgBC,GACZR,EAAM,kBAUVQ,EATAC,EAAAA,gBAAgB,aACdD,EACA,CACE,SAAUR,EAAM,SAChB,OAAQA,EAAM,cACd,WAAYA,EAAM,UACpB,EACAA,EAAM,MAER,EAGAU,EAAeL,EAAAA,SAAS,IAAME,EAAaP,EAAM,GAAG,CAAC,EACrDW,EAAcN,EAAS,SAAA,IAAOL,EAAM,MAAQ,OAAYA,EAAM,IAAMA,EAAM,WAAa,EAAI,GAAI,EAC/FY,EAAeP,EAAAA,SAAS,IAAME,EAAaI,EAAY,KAAK,CAAC,EAC7DE,EAAiBR,EAAAA,SAAS,IAAME,EAAaP,EAAM,UAAU,CAAC,EAC9Dc,EAAeT,EAAS,SAAA,IAAOL,EAAM,OAAS,OAAYA,EAAM,KAAOA,EAAM,WAAa,IAAO,CAAE,EAclG,MAAA,CACL,oBAAAI,EACA,aAAAM,EACA,aAAAE,EACA,eAAAC,EACA,YAAAF,EACA,aAAAG,EACA,YAnBmBC,GAAiB,CAEhC,IAAAC,EAAW,CADDD,EAAM,OACE,MAElBf,EAAM,aAAe,QAAagB,EAAWhB,EAAM,WACrDgB,EAAWhB,EAAM,WACRA,EAAM,aAAe,QAAagB,EAAWhB,EAAM,aAC5DgB,EAAWhB,EAAM,YAEnBC,EAAK,oBAAqBe,CAAQ,CAAA,CAUlC,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonSlider.ts_vue_type_script_src_5303acb4_lang.cjs.js","sources":["../../../../src/components/user-input/slider/NeonSlider.ts?vue&type=script&src=5303acb4&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonNumberUtils } from '@/common/utils/NeonNumberUtils';\n\n/**\n * <p>\n *   The <strong>NeonSlider</strong> component is the equivalent of an <strong>&lt;input type=\"range\" /&gt;</strong>. In\n *   addition to this, there is support for automatic formatting the min, max and selected value plus options for\n *   percentage formatting and providing custom templates, e.g. currency formatting.\n * </p>\n * <p><strong>NeonNumber</strong> also supports all relevant properties found on an HTML &lt;input&gt;.</p>\n */\nexport default defineComponent({\n  name: 'NeonSlider',\n  props: {\n    /**\n     * The current input <em>value</em>.\n     */\n    modelValue: { type: Number, required: true },\n    /**\n     * id of the range input.\n     */\n    id: { type: String, required: false },\n    /**\n     * Slider color.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The locale used for display purposes. This defaults to the browser's locale if none is provided.\n     */\n    locale: { type: String, default: null },\n    /**\n     * Show/hide the output.\n     */\n    output: { type: Boolean, default: true },\n    /**\n     * Show/hide the legend.\n     */\n    legend: { type: Boolean, default: true },\n    /**\n     * Show/hide the tooltip.\n     */\n    tooltip: { type: Boolean, default: true },\n    /**\n     * Automatically applies % formatting, e.g. if the value = 0.15 it will be displayed as 15%.\n     */\n    percentage: { type: Boolean, default: false },\n    /**\n     * The size of steps between values the user can select. The default value is 1 except when percentage = true the\n     * default is 0.01 (1%).\n     */\n    step: { type: Number, required: false },\n    /**\n     * The rounding precision for display purposes.\n     */\n    decimals: { type: Number, required: false },\n    /**\n     * A template string used for formatting the display value. Use the placeholder {value} to reference the value in the\n     * template string. e.g. value = 90, ${value} => $90.\n     */\n    valueTemplate: { type: String, required: false },\n    /**\n     * Disable formatting, e.g. in the case of a year value -> display as 2020, not 2,020.\n     */\n    disableFormatting: { type: Boolean, default: false },\n    /**\n     * The minimum range value.\n     */\n    min: { type: Number, default: 0 },\n    /**\n     * The maximum range value. The default value is 100 except when percentage = true the default is 1 (100%).\n     */\n    max: { type: Number, required: false },\n    /**\n     * The lower bound within the range of values.\n     * @ignore\n     */\n    lowerBound: { type: Number, required: false },\n    /**\n     * The upper bound within the range of values.\n     * @ignore\n     */\n    upperBound: { type: Number, required: false },\n    /**\n     * Component disabled state.\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Event triggered when the value changes.\n     *\n     * @type {number} the raw selected numeric value.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const formatNumber = (value: number) => {\n      return !props.disableFormatting\n        ? NeonNumberUtils.formatNumber(\n            value,\n            {\n              decimals: props.decimals,\n              format: props.valueTemplate,\n              percentage: props.percentage,\n            },\n            props.locale,\n          )\n        : value;\n    };\n\n    const formattedMin = computed(() => formatNumber(props.min));\n    const computedMax = computed(() => (props.max !== undefined ? props.max : props.percentage ? 1 : 100));\n    const formattedMax = computed(() => formatNumber(computedMax.value));\n    const formattedValue = computed(() => formatNumber(props.modelValue));\n    const computedStep = computed(() => (props.step !== undefined ? props.step : props.percentage ? 0.01 : 1));\n\n    const changeValue = (event: Event) => {\n      const input = event.target as HTMLInputElement;\n      let newValue = +input.value;\n      // adjust for bounds if set\n      if (props.lowerBound !== undefined && newValue < props.lowerBound) {\n        newValue = props.lowerBound;\n      } else if (props.upperBound !== undefined && newValue > props.upperBound) {\n        newValue = props.upperBound;\n      }\n      emit('update:modelValue', newValue);\n    };\n\n    return {\n      sanitizedAttributes,\n      formattedMin,\n      formattedMax,\n      formattedValue,\n      computedMax,\n      computedStep,\n      changeValue,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonFunctionalColor","props","emit","attrs","useAttrs","sanitizedAttributes","computed","sanitized","formatNumber","value","NeonNumberUtils","formattedMin","computedMax","formattedMax","formattedValue","computedStep","event","newValue"],"mappings":"0JAYAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,MAAO,CAIL,WAAY,CAAE,KAAM,OAAQ,SAAU,EAAK,EAI3C,GAAI,CAAE,KAAM,OAAQ,SAAU,EAAM,EAIpC,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAY,EAI7F,OAAQ,CAAE,KAAM,OAAQ,QAAS,IAAK,EAItC,OAAQ,CAAE,KAAM,QAAS,QAAS,EAAK,EAIvC,OAAQ,CAAE,KAAM,QAAS,QAAS,EAAK,EAIvC,QAAS,CAAE,KAAM,QAAS,QAAS,EAAK,EAIxC,WAAY,CAAE,KAAM,QAAS,QAAS,EAAM,EAK5C,KAAM,CAAE,KAAM,OAAQ,SAAU,EAAM,EAItC,SAAU,CAAE,KAAM,OAAQ,SAAU,EAAM,EAK1C,cAAe,CAAE,KAAM,OAAQ,SAAU,EAAM,EAI/C,kBAAmB,CAAE,KAAM,QAAS,QAAS,EAAM,EAInD,IAAK,CAAE,KAAM,OAAQ,QAAS,CAAE,EAIhC,IAAK,CAAE,KAAM,OAAQ,SAAU,EAAM,EAKrC,WAAY,CAAE,KAAM,OAAQ,SAAU,EAAM,EAK5C,WAAY,CAAE,KAAM,OAAQ,SAAU,EAAM,EAI5C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAO,CAML,mBACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,WAERC,EAAsBC,EAAAA,SAAS,IAAM,CAEnC,KAAA,IAAKC,CAAc,EAAAJ,EAClB,OAAAI,CAAA,CACR,EAEKC,EAAgBC,GACZR,EAAM,kBAUVQ,EATAC,EAAAA,gBAAgB,aACdD,EACA,CACE,SAAUR,EAAM,SAChB,OAAQA,EAAM,cACd,WAAYA,EAAM,UACpB,EACAA,EAAM,MAER,EAGAU,EAAeL,EAAAA,SAAS,IAAME,EAAaP,EAAM,GAAG,CAAC,EACrDW,EAAcN,EAAS,SAAA,IAAOL,EAAM,MAAQ,OAAYA,EAAM,IAAMA,EAAM,WAAa,EAAI,GAAI,EAC/FY,EAAeP,EAAAA,SAAS,IAAME,EAAaI,EAAY,KAAK,CAAC,EAC7DE,EAAiBR,EAAAA,SAAS,IAAME,EAAaP,EAAM,UAAU,CAAC,EAC9Dc,EAAeT,EAAS,SAAA,IAAOL,EAAM,OAAS,OAAYA,EAAM,KAAOA,EAAM,WAAa,IAAO,CAAE,EAclG,MAAA,CACL,oBAAAI,EACA,aAAAM,EACA,aAAAE,EACA,eAAAC,EACA,YAAAF,EACA,aAAAG,EACA,YAnBmBC,GAAiB,CAEhC,IAAAC,EAAW,CADDD,EAAM,OACE,MAElBf,EAAM,aAAe,QAAagB,EAAWhB,EAAM,WACrDgB,EAAWhB,EAAM,WACRA,EAAM,aAAe,QAAagB,EAAWhB,EAAM,aAC5DgB,EAAWhB,EAAM,YAEnBC,EAAK,oBAAqBe,CAAQ,CAAA,CAUlC,CAEJ,CACF,CAAC"}

package/dist/components/user-input/slider/{NeonSlider.ts_vue_type_script_src_e29dcb24_lang.es.js → NeonSlider.ts_vue_type_script_src_5303acb4_lang.es.js}

@@ -69,4 +69,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonSlider.ts_vue_type_script_src_e29dcb24_lang.es.js.map
+//# sourceMappingURL=NeonSlider.ts_vue_type_script_src_5303acb4_lang.es.js.map

package/dist/components/user-input/slider/{NeonSlider.ts_vue_type_script_src_e29dcb24_lang.es.js.map → NeonSlider.ts_vue_type_script_src_5303acb4_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonSlider.ts_vue_type_script_src_e29dcb24_lang.es.js","sources":["../../../../src/components/user-input/slider/NeonSlider.ts?vue&type=script&src=e29dcb24&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonNumberUtils } from '@/common/utils/NeonNumberUtils';\n\n/**\n * <p>\n *   The <strong>NeonSlider</strong> component is the equivalent of an <strong>&lt;input type=\"range\" /&gt;</strong>. In\n *   addition to this, there is support for automatic formatting the min, max and selected value plus options for\n *   percentage formatting and providing custom templates, e.g. currency formatting.\n * </p>\n * <p><strong>NeonNumber</strong> also supports all relevant properties found on an HTML &lt;input&gt;.</p>\n */\nexport default defineComponent({\n  name: 'NeonSlider',\n  props: {\n    /**\n     * The current input <em>value</em>.\n     */\n    modelValue: { type: Number, required: true },\n    /**\n     * id of the range input.\n     */\n    id: { type: String, required: false },\n    /**\n     * Slider color.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The locale used for display purposes. This defaults to the browser's locale if none is provided.\n     */\n    locale: { type: String, default: null },\n    /**\n     * Show/hide the output.\n     */\n    output: { type: Boolean, default: true },\n    /**\n     * Show/hide the legend.\n     */\n    legend: { type: Boolean, default: true },\n    /**\n     * Show/hide the tooltip.\n     */\n    tooltip: { type: Boolean, default: true },\n    /**\n     * Automatically applies % formatting, e.g. if the value = 0.15 it will be displayed as 15%.\n     */\n    percentage: { type: Boolean, default: false },\n    /**\n     * The size of steps between values the user can select. The default value is 1 except when percentage = true the\n     * default is 0.01 (1%).\n     */\n    step: { type: Number, required: false },\n    /**\n     * The rounding precision for display purposes.\n     */\n    decimals: { type: Number, required: false },\n    /**\n     * A template string used for formatting the display value. Use the placeholder {value} to reference the value in the\n     * template string. e.g. value = 90, ${value} => $90.\n     */\n    valueTemplate: { type: String, required: false },\n    /**\n     * Disable formatting, e.g. in the case of a year value -> display as 2020, not 2,020.\n     */\n    disableFormatting: { type: Boolean, default: false },\n    /**\n     * The minimum range value.\n     */\n    min: { type: Number, default: 0 },\n    /**\n     * The maximum range value. The default value is 100 except when percentage = true the default is 1 (100%).\n     */\n    max: { type: Number, required: false },\n    /**\n     * The lower bound within the range of values.\n     * @ignore\n     */\n    lowerBound: { type: Number, required: false },\n    /**\n     * The upper bound within the range of values.\n     * @ignore\n     */\n    upperBound: { type: Number, required: false },\n    /**\n     * Component disabled state.\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Event triggered when the value changes.\n     *\n     * @type {number} the raw selected numeric value.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const formatNumber = (value: number) => {\n      return !props.disableFormatting\n        ? NeonNumberUtils.formatNumber(\n            value,\n            {\n              decimals: props.decimals,\n              format: props.valueTemplate,\n              percentage: props.percentage,\n            },\n            props.locale,\n          )\n        : value;\n    };\n\n    const formattedMin = computed(() => formatNumber(props.min));\n    const computedMax = computed(() => (props.max !== undefined ? props.max : props.percentage ? 1 : 100));\n    const formattedMax = computed(() => formatNumber(computedMax.value));\n    const formattedValue = computed(() => formatNumber(props.modelValue));\n    const computedStep = computed(() => (props.step !== undefined ? props.step : props.percentage ? 0.01 : 1));\n\n    const changeValue = (event: Event) => {\n      const input = event.target as HTMLInputElement;\n      let newValue = +input.value;\n      // adjust for bounds if set\n      if (props.lowerBound !== undefined && newValue < props.lowerBound) {\n        newValue = props.lowerBound;\n      } else if (props.upperBound !== undefined && newValue > props.upperBound) {\n        newValue = props.upperBound;\n      }\n      emit('update:modelValue', newValue);\n    };\n\n    return {\n      sanitizedAttributes,\n      formattedMin,\n      formattedMax,\n      formattedValue,\n      computedMax,\n      computedStep,\n      changeValue,\n    };\n  },\n});\n"],"names":[],"mappings":";;;AAYA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IAIL,YAAY,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAI3C,IAAI,EAAE,MAAM,QAAQ,UAAU,MAAM;AAAA,IAIpC,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,YAAY;AAAA,IAI7F,QAAQ,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAItC,QAAQ,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAIvC,QAAQ,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAIvC,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAIxC,YAAY,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAK5C,MAAM,EAAE,MAAM,QAAQ,UAAU,MAAM;AAAA,IAItC,UAAU,EAAE,MAAM,QAAQ,UAAU,MAAM;AAAA,IAK1C,eAAe,EAAE,MAAM,QAAQ,UAAU,MAAM;AAAA,IAI/C,mBAAmB,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAInD,KAAK,EAAE,MAAM,QAAQ,SAAS,EAAE;AAAA,IAIhC,KAAK,EAAE,MAAM,QAAQ,UAAU,MAAM;AAAA,IAKrC,YAAY,EAAE,MAAM,QAAQ,UAAU,MAAM;AAAA,IAK5C,YAAY,EAAE,MAAM,QAAQ,UAAU,MAAM;AAAA,IAI5C,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC5C;AAAA,EACA,OAAO;AAAA,IAML;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,QAAQ;AAER,UAAA,sBAAsB,SAAS,MAAM;AAEnC,YAAA,KAAK,UAAc,IAAA;AAClB,aAAA;AAAA,IAAA,CACR;AAEK,UAAA,eAAe,CAAC,UAAkB;AAC/B,aAAA,CAAC,MAAM,oBACV,gBAAgB;AAAA,QACd;AAAA,QACA;AAAA,UACE,UAAU,MAAM;AAAA,UAChB,QAAQ,MAAM;AAAA,UACd,YAAY,MAAM;AAAA,QACpB;AAAA,QACA,MAAM;AAAA,MAER,IAAA;AAAA,IAAA;AAGN,UAAM,eAAe,SAAS,MAAM,aAAa,MAAM,GAAG,CAAC;AACrD,UAAA,cAAc,SAAS,MAAO,MAAM,QAAQ,SAAY,MAAM,MAAM,MAAM,aAAa,IAAI,GAAI;AACrG,UAAM,eAAe,SAAS,MAAM,aAAa,YAAY,KAAK,CAAC;AACnE,UAAM,iBAAiB,SAAS,MAAM,aAAa,MAAM,UAAU,CAAC;AAC9D,UAAA,eAAe,SAAS,MAAO,MAAM,SAAS,SAAY,MAAM,OAAO,MAAM,aAAa,OAAO,CAAE;AAEnG,UAAA,cAAc,CAAC,UAAiB;AACpC,YAAM,QAAQ,MAAM;AAChB,UAAA,WAAW,CAAC,MAAM;AAEtB,UAAI,MAAM,eAAe,UAAa,WAAW,MAAM,YAAY;AACjE,mBAAW,MAAM;AAAA,MAAA,WACR,MAAM,eAAe,UAAa,WAAW,MAAM,YAAY;AACxE,mBAAW,MAAM;AAAA,MACnB;AACA,WAAK,qBAAqB,QAAQ;AAAA,IAAA;AAG7B,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
+{"version":3,"file":"NeonSlider.ts_vue_type_script_src_5303acb4_lang.es.js","sources":["../../../../src/components/user-input/slider/NeonSlider.ts?vue&type=script&src=5303acb4&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonNumberUtils } from '@/common/utils/NeonNumberUtils';\n\n/**\n * <p>\n *   The <strong>NeonSlider</strong> component is the equivalent of an <strong>&lt;input type=\"range\" /&gt;</strong>. In\n *   addition to this, there is support for automatic formatting the min, max and selected value plus options for\n *   percentage formatting and providing custom templates, e.g. currency formatting.\n * </p>\n * <p><strong>NeonNumber</strong> also supports all relevant properties found on an HTML &lt;input&gt;.</p>\n */\nexport default defineComponent({\n  name: 'NeonSlider',\n  props: {\n    /**\n     * The current input <em>value</em>.\n     */\n    modelValue: { type: Number, required: true },\n    /**\n     * id of the range input.\n     */\n    id: { type: String, required: false },\n    /**\n     * Slider color.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The locale used for display purposes. This defaults to the browser's locale if none is provided.\n     */\n    locale: { type: String, default: null },\n    /**\n     * Show/hide the output.\n     */\n    output: { type: Boolean, default: true },\n    /**\n     * Show/hide the legend.\n     */\n    legend: { type: Boolean, default: true },\n    /**\n     * Show/hide the tooltip.\n     */\n    tooltip: { type: Boolean, default: true },\n    /**\n     * Automatically applies % formatting, e.g. if the value = 0.15 it will be displayed as 15%.\n     */\n    percentage: { type: Boolean, default: false },\n    /**\n     * The size of steps between values the user can select. The default value is 1 except when percentage = true the\n     * default is 0.01 (1%).\n     */\n    step: { type: Number, required: false },\n    /**\n     * The rounding precision for display purposes.\n     */\n    decimals: { type: Number, required: false },\n    /**\n     * A template string used for formatting the display value. Use the placeholder {value} to reference the value in the\n     * template string. e.g. value = 90, ${value} => $90.\n     */\n    valueTemplate: { type: String, required: false },\n    /**\n     * Disable formatting, e.g. in the case of a year value -> display as 2020, not 2,020.\n     */\n    disableFormatting: { type: Boolean, default: false },\n    /**\n     * The minimum range value.\n     */\n    min: { type: Number, default: 0 },\n    /**\n     * The maximum range value. The default value is 100 except when percentage = true the default is 1 (100%).\n     */\n    max: { type: Number, required: false },\n    /**\n     * The lower bound within the range of values.\n     * @ignore\n     */\n    lowerBound: { type: Number, required: false },\n    /**\n     * The upper bound within the range of values.\n     * @ignore\n     */\n    upperBound: { type: Number, required: false },\n    /**\n     * Component disabled state.\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Event triggered when the value changes.\n     *\n     * @type {number} the raw selected numeric value.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const formatNumber = (value: number) => {\n      return !props.disableFormatting\n        ? NeonNumberUtils.formatNumber(\n            value,\n            {\n              decimals: props.decimals,\n              format: props.valueTemplate,\n              percentage: props.percentage,\n            },\n            props.locale,\n          )\n        : value;\n    };\n\n    const formattedMin = computed(() => formatNumber(props.min));\n    const computedMax = computed(() => (props.max !== undefined ? props.max : props.percentage ? 1 : 100));\n    const formattedMax = computed(() => formatNumber(computedMax.value));\n    const formattedValue = computed(() => formatNumber(props.modelValue));\n    const computedStep = computed(() => (props.step !== undefined ? props.step : props.percentage ? 0.01 : 1));\n\n    const changeValue = (event: Event) => {\n      const input = event.target as HTMLInputElement;\n      let newValue = +input.value;\n      // adjust for bounds if set\n      if (props.lowerBound !== undefined && newValue < props.lowerBound) {\n        newValue = props.lowerBound;\n      } else if (props.upperBound !== undefined && newValue > props.upperBound) {\n        newValue = props.upperBound;\n      }\n      emit('update:modelValue', newValue);\n    };\n\n    return {\n      sanitizedAttributes,\n      formattedMin,\n      formattedMax,\n      formattedValue,\n      computedMax,\n      computedStep,\n      changeValue,\n    };\n  },\n});\n"],"names":[],"mappings":";;;AAYA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IAIL,YAAY,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAI3C,IAAI,EAAE,MAAM,QAAQ,UAAU,MAAM;AAAA,IAIpC,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,YAAY;AAAA,IAI7F,QAAQ,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAItC,QAAQ,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAIvC,QAAQ,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAIvC,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAIxC,YAAY,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAK5C,MAAM,EAAE,MAAM,QAAQ,UAAU,MAAM;AAAA,IAItC,UAAU,EAAE,MAAM,QAAQ,UAAU,MAAM;AAAA,IAK1C,eAAe,EAAE,MAAM,QAAQ,UAAU,MAAM;AAAA,IAI/C,mBAAmB,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAInD,KAAK,EAAE,MAAM,QAAQ,SAAS,EAAE;AAAA,IAIhC,KAAK,EAAE,MAAM,QAAQ,UAAU,MAAM;AAAA,IAKrC,YAAY,EAAE,MAAM,QAAQ,UAAU,MAAM;AAAA,IAK5C,YAAY,EAAE,MAAM,QAAQ,UAAU,MAAM;AAAA,IAI5C,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC5C;AAAA,EACA,OAAO;AAAA,IAML;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,QAAQ;AAER,UAAA,sBAAsB,SAAS,MAAM;AAEnC,YAAA,KAAK,UAAc,IAAA;AAClB,aAAA;AAAA,IAAA,CACR;AAEK,UAAA,eAAe,CAAC,UAAkB;AAC/B,aAAA,CAAC,MAAM,oBACV,gBAAgB;AAAA,QACd;AAAA,QACA;AAAA,UACE,UAAU,MAAM;AAAA,UAChB,QAAQ,MAAM;AAAA,UACd,YAAY,MAAM;AAAA,QACpB;AAAA,QACA,MAAM;AAAA,MAER,IAAA;AAAA,IAAA;AAGN,UAAM,eAAe,SAAS,MAAM,aAAa,MAAM,GAAG,CAAC;AACrD,UAAA,cAAc,SAAS,MAAO,MAAM,QAAQ,SAAY,MAAM,MAAM,MAAM,aAAa,IAAI,GAAI;AACrG,UAAM,eAAe,SAAS,MAAM,aAAa,YAAY,KAAK,CAAC;AACnE,UAAM,iBAAiB,SAAS,MAAM,aAAa,MAAM,UAAU,CAAC;AAC9D,UAAA,eAAe,SAAS,MAAO,MAAM,SAAS,SAAY,MAAM,OAAO,MAAM,aAAa,OAAO,CAAE;AAEnG,UAAA,cAAc,CAAC,UAAiB;AACpC,YAAM,QAAQ,MAAM;AAChB,UAAA,WAAW,CAAC,MAAM;AAEtB,UAAI,MAAM,eAAe,UAAa,WAAW,MAAM,YAAY;AACjE,mBAAW,MAAM;AAAA,MAAA,WACR,MAAM,eAAe,UAAa,WAAW,MAAM,YAAY;AACxE,mBAAW,MAAM;AAAA,MACnB;AACA,WAAK,qBAAqB,QAAQ;AAAA,IAAA;AAG7B,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

package/dist/components/user-input/switch/NeonSwitch.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var o=require("./NeonSwitch.ts_vue_type_script_src_041ae88e_lang.cjs.js"),n=require("vue"),l=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const a=["aria-checked","aria-disabled","role"],r=["tabindex"],d=n.createElementVNode("span",{class:"neon-switch__indicator"},null,-1),c=[d],h=["checked","disabled"],p={key:2,class:"neon-switch__label"};function w(e,i,b,m,k,g){const s=n.resolveComponent("neon-icon");return n.openBlock(),n.createElementBlock("label",{"aria-checked":e.indeterminate?"mixed":e.modelValue,"aria-disabled":e.disabled,class:n.normalizeClass([[`neon-switch--${e.switchStyle}`,`neon-switch--${e.size}`,`neon-switch--${e.color}`,`neon-switch--${e.labelPosition}`,{"neon-switch--disabled":e.disabled,"neon-switch--checked":e.modelValue,"neon-switch--indeterminate":e.indeterminate}],"neon-switch no-style"]),role:e.switchStyle,tabindex:"-1",onClick:i[0]||(i[0]=n.withModifiers((...t)=>e.toggleSwitch&&e.toggleSwitch(...t),["stop","prevent"])),onKeydown:[i[1]||(i[1]=n.withKeys(n.withModifiers((...t)=>e.toggleSwitch&&e.toggleSwitch(...t),["stop","prevent"]),["enter"])),i[2]||(i[2]=n.withKeys(n.withModifiers((...t)=>e.toggleSwitch&&e.toggleSwitch(...t),["stop","prevent"]),["space"]))]},[e.switchStyle==="checkbox"?(n.openBlock(),n.createBlock(s,{key:0,disabled:e.disabled,inverse:!0,name:e.indeterminate?"dash":"check",tabindex:!e.disabled&&e.label?0:void 0,class:"neon-switch__checkbox"},null,8,["disabled","name","tabindex"])):n.createCommentVNode("",!0),e.switchStyle==="switch"?(n.openBlock(),n.createElementBlock("span",{key:1,tabindex:e.disabled?void 0:0,class:"neon-switch__switch"},c,8,r)):n.createCommentVNode("",!0),n.createElementVNode("input",n.mergeProps({ref:"checkbox",checked:!e.indeterminate&&e.modelValue,disabled:e.disabled,class:"neon-switch__input",type:"checkbox"},e.sanitizedAttributes),null,16,h),e.label?(n.openBlock(),n.createElementBlock("span",p,n.toDisplayString(e.label),1)):n.createCommentVNode("",!0)],42,a)}var u=l(o,[["render",w],["__file","/Users/andrew/dev/projects/neon/src/components/user-input/switch/NeonSwitch.vue"]]);module.exports=u;
+"use strict";var s=require("./NeonSwitch.ts_vue_type_script_src_1957263a_lang.cjs.js"),n=require("vue"),l=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const a=["aria-checked","aria-disabled","role"],d=["tabindex"],r=n.createElementVNode("span",{class:"neon-switch__indicator"},null,-1),c=[r],h=["checked","disabled"],p={key:2,class:"neon-switch__label"};function w(e,i,b,m,k,g){const o=n.resolveComponent("neon-icon");return n.openBlock(),n.createElementBlock("label",{"aria-checked":e.indeterminate?"mixed":e.modelValue,"aria-disabled":e.disabled,class:n.normalizeClass([[`neon-switch--${e.switchStyle}`,`neon-switch--${e.size}`,`neon-switch--${e.color}`,`neon-switch--${e.labelPosition}`,{"neon-switch--disabled":e.disabled,"neon-switch--checked":e.modelValue,"neon-switch--indeterminate":e.indeterminate}],"neon-switch no-style"]),role:e.switchStyle,tabindex:"-1",onClick:i[0]||(i[0]=n.withModifiers((...t)=>e.toggleSwitch&&e.toggleSwitch(...t),["stop","prevent"])),onKeydown:[i[1]||(i[1]=n.withKeys(n.withModifiers((...t)=>e.toggleSwitch&&e.toggleSwitch(...t),["stop","prevent"]),["enter"])),i[2]||(i[2]=n.withKeys(n.withModifiers((...t)=>e.toggleSwitch&&e.toggleSwitch(...t),["stop","prevent"]),["space"]))]},[e.switchStyle==="checkbox"?(n.openBlock(),n.createBlock(o,{key:0,disabled:e.disabled,inverse:!0,name:e.indeterminate?"dash":"check",tabindex:!e.disabled&&e.label?0:void 0,class:"neon-switch__checkbox"},null,8,["disabled","name","tabindex"])):n.createCommentVNode("",!0),e.switchStyle==="switch"?(n.openBlock(),n.createElementBlock("span",{key:1,tabindex:e.disabled?void 0:0,class:"neon-switch__switch"},c,8,d)):n.createCommentVNode("",!0),n.createElementVNode("input",n.mergeProps({ref:"checkbox",checked:!e.indeterminate&&e.modelValue,disabled:e.disabled,class:"neon-switch__input",type:"checkbox"},e.sanitizedAttributes),null,16,h),e.label?(n.openBlock(),n.createElementBlock("span",p,n.toDisplayString(e.label),1)):n.createCommentVNode("",!0)],42,a)}var u=l(s,[["render",w]]);module.exports=u;
 //# sourceMappingURL=NeonSwitch.cjs.js.map

package/dist/components/user-input/switch/NeonSwitch.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonSwitch.ts_vue_type_script_src_041ae88e_lang.es.js";
+import _sfc_main from "./NeonSwitch.ts_vue_type_script_src_1957263a_lang.es.js";
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, withKeys, createBlock, createCommentVNode, createElementVNode, mergeProps, toDisplayString } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = ["aria-checked", "aria-disabled", "role"];
@@ -59,6 +59,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
   ], 42, _hoisted_1);
 }
-var NeonSwitch = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/user-input/switch/NeonSwitch.vue"]]);
+var NeonSwitch = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonSwitch as default };
 //# sourceMappingURL=NeonSwitch.es.js.map

package/dist/components/user-input/switch/{NeonSwitch.ts_vue_type_script_src_041ae88e_lang.cjs.js → NeonSwitch.ts_vue_type_script_src_1957263a_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var t=require("vue"),m=require("../../../common/enums/NeonSize.cjs.js"),d=require("../../../common/enums/NeonFunctionalColor.cjs.js"),S=require("../../../common/enums/NeonSwitchStyle.cjs.js"),f=require("../../../common/enums/NeonHorizontalPosition.cjs.js"),h=require("../../presentation/icon/NeonIcon.cjs.js"),N=t.defineComponent({name:"NeonSwitch",components:{NeonIcon:h},props:{modelValue:{type:Boolean,required:!0},label:{type:String,default:null},indeterminate:{type:Boolean,default:!1},size:{type:String,default:()=>m.NeonSize.Medium},color:{type:String,default:()=>d.NeonFunctionalColor.Primary},switchStyle:{type:String,default:()=>S.NeonSwitchStyle.Switch},labelPosition:{type:String,default:()=>f.NeonHorizontalPosition.Right},disabled:{type:Boolean,default:!1}},emits:["indeterminate-change","update:modelValue"],setup(n,{emit:i}){const r=t.useAttrs(),o=t.ref(null);t.watch(()=>n.indeterminate,e=>{o.value&&(o.value.indeterminate=e)},{immediate:!0});const l=e=>{i("indeterminate-change",e)},a=e=>{i("update:modelValue",e)},s=e=>{n.disabled||(n.indeterminate?(l(!1),a(!0)):a(e))},c=t.computed(()=>{const{onIndeterminateChange:e,onClick:y,...u}=r;return u});return{checkbox:o,sanitizedAttributes:c,toggleSwitch:()=>{s(!n.modelValue)}}}});module.exports=N;
-//# sourceMappingURL=NeonSwitch.ts_vue_type_script_src_041ae88e_lang.cjs.js.map
+//# sourceMappingURL=NeonSwitch.ts_vue_type_script_src_1957263a_lang.cjs.js.map

package/dist/components/user-input/switch/{NeonSwitch.ts_vue_type_script_src_041ae88e_lang.cjs.js.map → NeonSwitch.ts_vue_type_script_src_1957263a_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonSwitch.ts_vue_type_script_src_041ae88e_lang.cjs.js","sources":["../../../../src/components/user-input/switch/NeonSwitch.ts?vue&type=script&src=041ae88e&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs, watch } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonSwitchStyle } from '@/common/enums/NeonSwitchStyle';\nimport { NeonHorizontalPosition } from '@/common/enums/NeonHorizontalPosition';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * <p>\n * A Switch or Checkbox component used to indicate an on/off state. This is equivalent to a checkbox. The switch supports\n * both <em>Switch</em> and <em>Checkbox</em> styles which can be used in different scenarios.\n * </p>\n */\nexport default defineComponent({\n  name: 'NeonSwitch',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The switch model.\n     */\n    modelValue: { type: Boolean, required: true },\n    /**\n     * The switch label, the label can be optional only in the case the switch is part of a more complex component.\n     */\n    label: { type: String, default: null },\n    /**\n     * The indeterminate state of the checkbox.\n     */\n    indeterminate: { type: Boolean, default: false },\n    /**\n     * The size of the switch.\n     */\n    size: { type: String as () => NeonSize, default: () => NeonSize.Medium },\n    /**\n     * The switch color.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: () => NeonFunctionalColor.Primary },\n    /**\n     * Style the switch as a <em>Switch</em> or a <em>Checkbox</em>.\n     */\n    switchStyle: { type: String as () => NeonSwitchStyle, default: () => NeonSwitchStyle.Switch },\n    /**\n     * The position of the switch label.\n     */\n    labelPosition: { type: String as () => NeonHorizontalPosition, default: () => NeonHorizontalPosition.Right },\n    /**\n     * Disabled state of the switch.\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when an indeterminate checkbox is toggled to checked.\n     *\n     * @type {boolean} The indeterminate state of the checkbox.\n     */\n    'indeterminate-change',\n    /**\n     * Emitted when the switch is toggled checked or unchecked.\n     *\n     * @type {boolean} The checked state of the switch.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const checkbox = ref<HTMLInputElement | null>(null);\n\n    watch(\n      () => props.indeterminate,\n      (value) => {\n        if (checkbox.value) {\n          checkbox.value.indeterminate = value;\n        }\n      },\n      { immediate: true },\n    );\n\n    const emitIndeterminate = (indeterminate: boolean) => {\n      emit('indeterminate-change', indeterminate);\n    };\n\n    const emitChecked = (checked: boolean) => {\n      emit('update:modelValue', checked);\n    };\n\n    const changeState = (newState: boolean) => {\n      if (!props.disabled) {\n        if (props.indeterminate) {\n          emitIndeterminate(false);\n          emitChecked(true);\n        } else {\n          emitChecked(newState);\n        }\n      }\n    };\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onIndeterminateChange, onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const toggleSwitch = () => {\n      changeState(!props.modelValue);\n    };\n\n    return {\n      checkbox,\n      sanitizedAttributes,\n      toggleSwitch,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonSize","NeonFunctionalColor","NeonSwitchStyle","NeonHorizontalPosition","props","emit","attrs","useAttrs","checkbox","ref","watch","value","emitIndeterminate","indeterminate","emitChecked","checked","changeState","newState","sanitizedAttributes","computed","onIndeterminateChange","onClick","sanitized"],"mappings":"mUAaAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CAIL,WAAY,CAAE,KAAM,QAAS,SAAU,EAAK,EAI5C,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIrC,cAAe,CAAE,KAAM,QAAS,QAAS,EAAM,EAI/C,KAAM,CAAE,KAAM,OAA0B,QAAS,IAAMC,WAAS,MAAO,EAIvE,MAAO,CAAE,KAAM,OAAqC,QAAS,IAAMC,sBAAoB,OAAQ,EAI/F,YAAa,CAAE,KAAM,OAAiC,QAAS,IAAMC,kBAAgB,MAAO,EAI5F,cAAe,CAAE,KAAM,OAAwC,QAAS,IAAMC,yBAAuB,KAAM,EAI3G,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAO,CAML,uBAMA,mBACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,WAERC,EAAWC,MAA6B,IAAI,EAElDC,EAAA,MACE,IAAMN,EAAM,cACXO,GAAU,CACLH,EAAS,QACXA,EAAS,MAAM,cAAgBG,EAEnC,EACA,CAAE,UAAW,EAAK,CAAA,EAGd,MAAAC,EAAqBC,GAA2B,CACpDR,EAAK,uBAAwBQ,CAAa,CAAA,EAGtCC,EAAeC,GAAqB,CACxCV,EAAK,oBAAqBU,CAAO,CAAA,EAG7BC,EAAeC,GAAsB,CACpCb,EAAM,WACLA,EAAM,eACRQ,EAAkB,EAAK,EACvBE,EAAY,EAAI,GAEhBA,EAAYG,CAAQ,EAExB,EAGIC,EAAsBC,EAAAA,SAAS,IAAM,CAEzC,KAAM,CAAE,sBAAAC,EAAuB,QAAAC,KAAYC,CAAA,EAAchB,EAClD,OAAAgB,CAAA,CACR,EAMM,MAAA,CACL,SAAAd,EACA,oBAAAU,EACA,aAPmB,IAAM,CACbF,EAAA,CAACZ,EAAM,UAAU,CAAA,CAM7B,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonSwitch.ts_vue_type_script_src_1957263a_lang.cjs.js","sources":["../../../../src/components/user-input/switch/NeonSwitch.ts?vue&type=script&src=1957263a&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs, watch } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonSwitchStyle } from '@/common/enums/NeonSwitchStyle';\nimport { NeonHorizontalPosition } from '@/common/enums/NeonHorizontalPosition';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * <p>\n * A Switch or Checkbox component used to indicate an on/off state. This is equivalent to a checkbox. The switch supports\n * both <em>Switch</em> and <em>Checkbox</em> styles which can be used in different scenarios.\n * </p>\n */\nexport default defineComponent({\n  name: 'NeonSwitch',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The switch model.\n     */\n    modelValue: { type: Boolean, required: true },\n    /**\n     * The switch label, the label can be optional only in the case the switch is part of a more complex component.\n     */\n    label: { type: String, default: null },\n    /**\n     * The indeterminate state of the checkbox.\n     */\n    indeterminate: { type: Boolean, default: false },\n    /**\n     * The size of the switch.\n     */\n    size: { type: String as () => NeonSize, default: () => NeonSize.Medium },\n    /**\n     * The switch color.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: () => NeonFunctionalColor.Primary },\n    /**\n     * Style the switch as a <em>Switch</em> or a <em>Checkbox</em>.\n     */\n    switchStyle: { type: String as () => NeonSwitchStyle, default: () => NeonSwitchStyle.Switch },\n    /**\n     * The position of the switch label.\n     */\n    labelPosition: { type: String as () => NeonHorizontalPosition, default: () => NeonHorizontalPosition.Right },\n    /**\n     * Disabled state of the switch.\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when an indeterminate checkbox is toggled to checked.\n     *\n     * @type {boolean} The indeterminate state of the checkbox.\n     */\n    'indeterminate-change',\n    /**\n     * Emitted when the switch is toggled checked or unchecked.\n     *\n     * @type {boolean} The checked state of the switch.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const checkbox = ref<HTMLInputElement | null>(null);\n\n    watch(\n      () => props.indeterminate,\n      (value) => {\n        if (checkbox.value) {\n          checkbox.value.indeterminate = value;\n        }\n      },\n      { immediate: true },\n    );\n\n    const emitIndeterminate = (indeterminate: boolean) => {\n      emit('indeterminate-change', indeterminate);\n    };\n\n    const emitChecked = (checked: boolean) => {\n      emit('update:modelValue', checked);\n    };\n\n    const changeState = (newState: boolean) => {\n      if (!props.disabled) {\n        if (props.indeterminate) {\n          emitIndeterminate(false);\n          emitChecked(true);\n        } else {\n          emitChecked(newState);\n        }\n      }\n    };\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onIndeterminateChange, onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const toggleSwitch = () => {\n      changeState(!props.modelValue);\n    };\n\n    return {\n      checkbox,\n      sanitizedAttributes,\n      toggleSwitch,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonSize","NeonFunctionalColor","NeonSwitchStyle","NeonHorizontalPosition","props","emit","attrs","useAttrs","checkbox","ref","watch","value","emitIndeterminate","indeterminate","emitChecked","checked","changeState","newState","sanitizedAttributes","computed","onIndeterminateChange","onClick","sanitized"],"mappings":"mUAaAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CAIL,WAAY,CAAE,KAAM,QAAS,SAAU,EAAK,EAI5C,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIrC,cAAe,CAAE,KAAM,QAAS,QAAS,EAAM,EAI/C,KAAM,CAAE,KAAM,OAA0B,QAAS,IAAMC,WAAS,MAAO,EAIvE,MAAO,CAAE,KAAM,OAAqC,QAAS,IAAMC,sBAAoB,OAAQ,EAI/F,YAAa,CAAE,KAAM,OAAiC,QAAS,IAAMC,kBAAgB,MAAO,EAI5F,cAAe,CAAE,KAAM,OAAwC,QAAS,IAAMC,yBAAuB,KAAM,EAI3G,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAO,CAML,uBAMA,mBACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,WAERC,EAAWC,MAA6B,IAAI,EAElDC,EAAA,MACE,IAAMN,EAAM,cACXO,GAAU,CACLH,EAAS,QACXA,EAAS,MAAM,cAAgBG,EAEnC,EACA,CAAE,UAAW,EAAK,CAAA,EAGd,MAAAC,EAAqBC,GAA2B,CACpDR,EAAK,uBAAwBQ,CAAa,CAAA,EAGtCC,EAAeC,GAAqB,CACxCV,EAAK,oBAAqBU,CAAO,CAAA,EAG7BC,EAAeC,GAAsB,CACpCb,EAAM,WACLA,EAAM,eACRQ,EAAkB,EAAK,EACvBE,EAAY,EAAI,GAEhBA,EAAYG,CAAQ,EAExB,EAGIC,EAAsBC,EAAAA,SAAS,IAAM,CAEzC,KAAM,CAAE,sBAAAC,EAAuB,QAAAC,KAAYC,CAAA,EAAchB,EAClD,OAAAgB,CAAA,CACR,EAMM,MAAA,CACL,SAAAd,EACA,oBAAAU,EACA,aAPmB,IAAM,CACbF,EAAA,CAACZ,EAAM,UAAU,CAAA,CAM7B,CAEJ,CACF,CAAC"}

package/dist/components/user-input/switch/{NeonSwitch.ts_vue_type_script_src_041ae88e_lang.es.js → NeonSwitch.ts_vue_type_script_src_1957263a_lang.es.js}

@@ -66,4 +66,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonSwitch.ts_vue_type_script_src_041ae88e_lang.es.js.map
+//# sourceMappingURL=NeonSwitch.ts_vue_type_script_src_1957263a_lang.es.js.map

package/dist/components/user-input/switch/{NeonSwitch.ts_vue_type_script_src_041ae88e_lang.es.js.map → NeonSwitch.ts_vue_type_script_src_1957263a_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonSwitch.ts_vue_type_script_src_041ae88e_lang.es.js","sources":["../../../../src/components/user-input/switch/NeonSwitch.ts?vue&type=script&src=041ae88e&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs, watch } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonSwitchStyle } from '@/common/enums/NeonSwitchStyle';\nimport { NeonHorizontalPosition } from '@/common/enums/NeonHorizontalPosition';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * <p>\n * A Switch or Checkbox component used to indicate an on/off state. This is equivalent to a checkbox. The switch supports\n * both <em>Switch</em> and <em>Checkbox</em> styles which can be used in different scenarios.\n * </p>\n */\nexport default defineComponent({\n  name: 'NeonSwitch',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The switch model.\n     */\n    modelValue: { type: Boolean, required: true },\n    /**\n     * The switch label, the label can be optional only in the case the switch is part of a more complex component.\n     */\n    label: { type: String, default: null },\n    /**\n     * The indeterminate state of the checkbox.\n     */\n    indeterminate: { type: Boolean, default: false },\n    /**\n     * The size of the switch.\n     */\n    size: { type: String as () => NeonSize, default: () => NeonSize.Medium },\n    /**\n     * The switch color.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: () => NeonFunctionalColor.Primary },\n    /**\n     * Style the switch as a <em>Switch</em> or a <em>Checkbox</em>.\n     */\n    switchStyle: { type: String as () => NeonSwitchStyle, default: () => NeonSwitchStyle.Switch },\n    /**\n     * The position of the switch label.\n     */\n    labelPosition: { type: String as () => NeonHorizontalPosition, default: () => NeonHorizontalPosition.Right },\n    /**\n     * Disabled state of the switch.\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when an indeterminate checkbox is toggled to checked.\n     *\n     * @type {boolean} The indeterminate state of the checkbox.\n     */\n    'indeterminate-change',\n    /**\n     * Emitted when the switch is toggled checked or unchecked.\n     *\n     * @type {boolean} The checked state of the switch.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const checkbox = ref<HTMLInputElement | null>(null);\n\n    watch(\n      () => props.indeterminate,\n      (value) => {\n        if (checkbox.value) {\n          checkbox.value.indeterminate = value;\n        }\n      },\n      { immediate: true },\n    );\n\n    const emitIndeterminate = (indeterminate: boolean) => {\n      emit('indeterminate-change', indeterminate);\n    };\n\n    const emitChecked = (checked: boolean) => {\n      emit('update:modelValue', checked);\n    };\n\n    const changeState = (newState: boolean) => {\n      if (!props.disabled) {\n        if (props.indeterminate) {\n          emitIndeterminate(false);\n          emitChecked(true);\n        } else {\n          emitChecked(newState);\n        }\n      }\n    };\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onIndeterminateChange, onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const toggleSwitch = () => {\n      changeState(!props.modelValue);\n    };\n\n    return {\n      checkbox,\n      sanitizedAttributes,\n      toggleSwitch,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;;;AAaA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,YAAY,EAAE,MAAM,SAAS,UAAU,KAAK;AAAA,IAI5C,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIrC,eAAe,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI/C,MAAM,EAAE,MAAM,QAA0B,SAAS,MAAM,SAAS,OAAO;AAAA,IAIvE,OAAO,EAAE,MAAM,QAAqC,SAAS,MAAM,oBAAoB,QAAQ;AAAA,IAI/F,aAAa,EAAE,MAAM,QAAiC,SAAS,MAAM,gBAAgB,OAAO;AAAA,IAI5F,eAAe,EAAE,MAAM,QAAwC,SAAS,MAAM,uBAAuB,MAAM;AAAA,IAI3G,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC5C;AAAA,EACA,OAAO;AAAA,IAML;AAAA,IAMA;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,QAAQ;AAER,UAAA,WAAW,IAA6B,IAAI;AAElD;AAAA,MACE,MAAM,MAAM;AAAA,MACZ,CAAC,UAAU;AACT,YAAI,SAAS,OAAO;AAClB,mBAAS,MAAM,gBAAgB;AAAA,QACjC;AAAA,MACF;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGd,UAAA,oBAAoB,CAAC,kBAA2B;AACpD,WAAK,wBAAwB,aAAa;AAAA,IAAA;AAGtC,UAAA,cAAc,CAAC,YAAqB;AACxC,WAAK,qBAAqB,OAAO;AAAA,IAAA;AAG7B,UAAA,cAAc,CAAC,aAAsB;AACrC,UAAA,CAAC,MAAM,UAAU;AACnB,YAAI,MAAM,eAAe;AACvB,4BAAkB,KAAK;AACvB,sBAAY,IAAI;AAAA,QAAA,OACX;AACL,sBAAY,QAAQ;AAAA,QACtB;AAAA,MACF;AAAA,IAAA;AAGI,UAAA,sBAAsB,SAAS,MAAM;AAEzC,YAAM,EAAE,uBAAuB,YAAY,UAAA,IAAc;AAClD,aAAA;AAAA,IAAA,CACR;AAED,UAAM,eAAe,MAAM;AACb,kBAAA,CAAC,MAAM,UAAU;AAAA,IAAA;AAGxB,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
+{"version":3,"file":"NeonSwitch.ts_vue_type_script_src_1957263a_lang.es.js","sources":["../../../../src/components/user-input/switch/NeonSwitch.ts?vue&type=script&src=1957263a&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs, watch } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonSwitchStyle } from '@/common/enums/NeonSwitchStyle';\nimport { NeonHorizontalPosition } from '@/common/enums/NeonHorizontalPosition';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * <p>\n * A Switch or Checkbox component used to indicate an on/off state. This is equivalent to a checkbox. The switch supports\n * both <em>Switch</em> and <em>Checkbox</em> styles which can be used in different scenarios.\n * </p>\n */\nexport default defineComponent({\n  name: 'NeonSwitch',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The switch model.\n     */\n    modelValue: { type: Boolean, required: true },\n    /**\n     * The switch label, the label can be optional only in the case the switch is part of a more complex component.\n     */\n    label: { type: String, default: null },\n    /**\n     * The indeterminate state of the checkbox.\n     */\n    indeterminate: { type: Boolean, default: false },\n    /**\n     * The size of the switch.\n     */\n    size: { type: String as () => NeonSize, default: () => NeonSize.Medium },\n    /**\n     * The switch color.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: () => NeonFunctionalColor.Primary },\n    /**\n     * Style the switch as a <em>Switch</em> or a <em>Checkbox</em>.\n     */\n    switchStyle: { type: String as () => NeonSwitchStyle, default: () => NeonSwitchStyle.Switch },\n    /**\n     * The position of the switch label.\n     */\n    labelPosition: { type: String as () => NeonHorizontalPosition, default: () => NeonHorizontalPosition.Right },\n    /**\n     * Disabled state of the switch.\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when an indeterminate checkbox is toggled to checked.\n     *\n     * @type {boolean} The indeterminate state of the checkbox.\n     */\n    'indeterminate-change',\n    /**\n     * Emitted when the switch is toggled checked or unchecked.\n     *\n     * @type {boolean} The checked state of the switch.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const checkbox = ref<HTMLInputElement | null>(null);\n\n    watch(\n      () => props.indeterminate,\n      (value) => {\n        if (checkbox.value) {\n          checkbox.value.indeterminate = value;\n        }\n      },\n      { immediate: true },\n    );\n\n    const emitIndeterminate = (indeterminate: boolean) => {\n      emit('indeterminate-change', indeterminate);\n    };\n\n    const emitChecked = (checked: boolean) => {\n      emit('update:modelValue', checked);\n    };\n\n    const changeState = (newState: boolean) => {\n      if (!props.disabled) {\n        if (props.indeterminate) {\n          emitIndeterminate(false);\n          emitChecked(true);\n        } else {\n          emitChecked(newState);\n        }\n      }\n    };\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onIndeterminateChange, onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const toggleSwitch = () => {\n      changeState(!props.modelValue);\n    };\n\n    return {\n      checkbox,\n      sanitizedAttributes,\n      toggleSwitch,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;;;AAaA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,YAAY,EAAE,MAAM,SAAS,UAAU,KAAK;AAAA,IAI5C,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIrC,eAAe,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI/C,MAAM,EAAE,MAAM,QAA0B,SAAS,MAAM,SAAS,OAAO;AAAA,IAIvE,OAAO,EAAE,MAAM,QAAqC,SAAS,MAAM,oBAAoB,QAAQ;AAAA,IAI/F,aAAa,EAAE,MAAM,QAAiC,SAAS,MAAM,gBAAgB,OAAO;AAAA,IAI5F,eAAe,EAAE,MAAM,QAAwC,SAAS,MAAM,uBAAuB,MAAM;AAAA,IAI3G,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC5C;AAAA,EACA,OAAO;AAAA,IAML;AAAA,IAMA;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,QAAQ;AAER,UAAA,WAAW,IAA6B,IAAI;AAElD;AAAA,MACE,MAAM,MAAM;AAAA,MACZ,CAAC,UAAU;AACT,YAAI,SAAS,OAAO;AAClB,mBAAS,MAAM,gBAAgB;AAAA,QACjC;AAAA,MACF;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGd,UAAA,oBAAoB,CAAC,kBAA2B;AACpD,WAAK,wBAAwB,aAAa;AAAA,IAAA;AAGtC,UAAA,cAAc,CAAC,YAAqB;AACxC,WAAK,qBAAqB,OAAO;AAAA,IAAA;AAG7B,UAAA,cAAc,CAAC,aAAsB;AACrC,UAAA,CAAC,MAAM,UAAU;AACnB,YAAI,MAAM,eAAe;AACvB,4BAAkB,KAAK;AACvB,sBAAY,IAAI;AAAA,QAAA,OACX;AACL,sBAAY,QAAQ;AAAA,QACtB;AAAA,MACF;AAAA,IAAA;AAGI,UAAA,sBAAsB,SAAS,MAAM;AAEzC,YAAM,EAAE,uBAAuB,YAAY,UAAA,IAAc;AAClD,aAAA;AAAA,IAAA,CACR;AAED,UAAM,eAAe,MAAM;AACb,kBAAA,CAAC,MAAM,UAAU;AAAA,IAAA;AAGxB,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

package/dist/components/user-input/toggle/NeonToggle.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var d=require("./NeonToggle.ts_vue_type_script_src_500f148e_lang.cjs.js"),e=require("vue"),r=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const t=["aria-checked","aria-disabled","tabindex","onKeydown"],i=["checked","disabled","name","value","onClick"],c={key:0,class:"neon-toggle__radio-button"},g={key:0,class:"neon-toggle__radio-button-indicator"},u={key:2};function b(l,o,m,y,_,p){const s=e.resolveComponent("neon-icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([[`neon-toggle--${l.toggleStyle}`,`neon-toggle--${l.disabled?"low-contrast":l.color}`,`neon-toggle--${l.orientation}`,`neon-toggle--${l.size}`,{"neon-toggle--disabled":l.disabled}],"neon-toggle"]),role:"radiogroup"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.model,n=>(e.openBlock(),e.createElementBlock("label",{key:n.key,"aria-checked":n.key===l.modelValue,"aria-disabled":l.disabled||n.disabled,class:e.normalizeClass([{"neon-toggle__label--disabled":l.disabled||n.disabled,"neon-toggle__label--checked":n.key===l.modelValue,"neon-toggle__label--with-icon":n.icon},"neon-toggle__label no-style"]),tabindex:!l.disabled&&!n.disabled?0:void 0,role:"radio",onKeydown:[e.withKeys(a=>l.selectOption(n),["enter"]),e.withKeys(a=>l.selectOption(n),["space"])],onKeypress:o[0]||(o[0]=e.withKeys(e.withModifiers(()=>{},["prevent"]),["space"]))},[e.createElementVNode("input",e.mergeProps({checked:n.key===l.modelValue,disabled:l.disabled||n.disabled,name:l.name,tabindex:-1,value:n.key,class:"neon-toggle__input",type:"radio"},l.sanitizedAttributes,{onClick:a=>l.onInput(n.key)}),null,16,i),l.toggleStyle==="radio-buttons"?(e.openBlock(),e.createElementBlock("div",c,[n.key===l.modelValue?(e.openBlock(),e.createElementBlock("div",g)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),n.icon?(e.openBlock(),e.createBlock(s,{key:1,disabled:l.disabled||n.disabled,name:n.icon},null,8,["disabled","name"])):e.createCommentVNode("",!0),n.label?(e.openBlock(),e.createElementBlock("span",u,e.toDisplayString(n.label),1)):e.createCommentVNode("",!0)],42,t))),128))],2)}var k=r(d,[["render",b],["__file","/Users/andrew/dev/projects/neon/src/components/user-input/toggle/NeonToggle.vue"]]);module.exports=k;
+"use strict";var s=require("./NeonToggle.ts_vue_type_script_src_7a9a119d_lang.cjs.js"),e=require("vue"),r=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const t=["aria-checked","aria-disabled","tabindex","onKeydown"],i=["checked","disabled","name","value","onClick"],c={key:0,class:"neon-toggle__radio-button"},g={key:0,class:"neon-toggle__radio-button-indicator"},u={key:2};function b(l,o,m,y,_,p){const d=e.resolveComponent("neon-icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([[`neon-toggle--${l.toggleStyle}`,`neon-toggle--${l.disabled?"low-contrast":l.color}`,`neon-toggle--${l.orientation}`,`neon-toggle--${l.size}`,{"neon-toggle--disabled":l.disabled}],"neon-toggle"]),role:"radiogroup"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.model,n=>(e.openBlock(),e.createElementBlock("label",{key:n.key,"aria-checked":n.key===l.modelValue,"aria-disabled":l.disabled||n.disabled,class:e.normalizeClass([{"neon-toggle__label--disabled":l.disabled||n.disabled,"neon-toggle__label--checked":n.key===l.modelValue,"neon-toggle__label--with-icon":n.icon},"neon-toggle__label no-style"]),tabindex:!l.disabled&&!n.disabled?0:void 0,role:"radio",onKeydown:[e.withKeys(a=>l.selectOption(n),["enter"]),e.withKeys(a=>l.selectOption(n),["space"])],onKeypress:o[0]||(o[0]=e.withKeys(e.withModifiers(()=>{},["prevent"]),["space"]))},[e.createElementVNode("input",e.mergeProps({checked:n.key===l.modelValue,disabled:l.disabled||n.disabled,name:l.name,tabindex:-1,value:n.key,class:"neon-toggle__input",type:"radio"},l.sanitizedAttributes,{onClick:a=>l.onInput(n.key)}),null,16,i),l.toggleStyle==="radio-buttons"?(e.openBlock(),e.createElementBlock("div",c,[n.key===l.modelValue?(e.openBlock(),e.createElementBlock("div",g)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),n.icon?(e.openBlock(),e.createBlock(d,{key:1,disabled:l.disabled||n.disabled,name:n.icon},null,8,["disabled","name"])):e.createCommentVNode("",!0),n.label?(e.openBlock(),e.createElementBlock("span",u,e.toDisplayString(n.label),1)):e.createCommentVNode("",!0)],42,t))),128))],2)}var k=r(s,[["render",b]]);module.exports=k;
 //# sourceMappingURL=NeonToggle.cjs.js.map

package/dist/components/user-input/toggle/NeonToggle.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonToggle.ts_vue_type_script_src_500f148e_lang.es.js";
+import _sfc_main from "./NeonToggle.ts_vue_type_script_src_7a9a119d_lang.es.js";
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, withKeys, withModifiers, createElementVNode, mergeProps, createCommentVNode, createBlock, toDisplayString } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = ["aria-checked", "aria-disabled", "tabindex", "onKeydown"];
@@ -67,6 +67,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 2);
 }
-var NeonToggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/user-input/toggle/NeonToggle.vue"]]);
+var NeonToggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonToggle as default };
 //# sourceMappingURL=NeonToggle.es.js.map

package/dist/components/user-input/toggle/{NeonToggle.ts_vue_type_script_src_500f148e_lang.cjs.js → NeonToggle.ts_vue_type_script_src_7a9a119d_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var t=require("vue"),l=require("../../../common/enums/NeonSize.cjs.js"),c=require("../../../common/enums/NeonFunctionalColor.cjs.js"),d=require("../../../common/enums/NeonToggleStyle.cjs.js"),m=require("../../../common/enums/NeonOrientation.cjs.js"),p=require("../../presentation/icon/NeonIcon.cjs.js"),g=t.defineComponent({name:"NeonToggle",components:{NeonIcon:p},props:{name:{type:String,required:!0},modelValue:{type:String,required:!0},model:{type:Array,required:!0},toggleStyle:{type:String,default:()=>d.NeonToggleStyle.Toggle},size:{type:String,default:()=>l.NeonSize.Medium},orientation:{type:String,default:()=>m.NeonOrientation.Vertical},color:{type:String,default:()=>c.NeonFunctionalColor.Neutral},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(n,{emit:r}){const i=t.useAttrs(),o=e=>{r("update:modelValue",e)},s=e=>{n.disabled||o(e)},u=t.computed(()=>{const{onClick:e,...a}=i;return a});return{selectOption:e=>{!n.disabled&&!e.disabled&&o(e.key)},onInput:s,sanitizedAttributes:u}}});module.exports=g;
-//# sourceMappingURL=NeonToggle.ts_vue_type_script_src_500f148e_lang.cjs.js.map
+//# sourceMappingURL=NeonToggle.ts_vue_type_script_src_7a9a119d_lang.cjs.js.map

package/dist/components/user-input/toggle/{NeonToggle.ts_vue_type_script_src_500f148e_lang.cjs.js.map → NeonToggle.ts_vue_type_script_src_7a9a119d_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonToggle.ts_vue_type_script_src_500f148e_lang.cjs.js","sources":["../../../../src/components/user-input/toggle/NeonToggle.ts?vue&type=script&src=500f148e&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport type { NeonToggleModel } from '@/common/models/NeonToggleModel';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonToggleStyle } from '@/common/enums/NeonToggleStyle';\nimport { NeonOrientation } from '@/common/enums/NeonOrientation';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * <p>A toggle component for selecting one value from a range of options. This is equivalent to a radio button group. It can be styled as a <em>Toggle</em> or as <em>Radio buttons</em>.\n */\nexport default defineComponent({\n  name: 'NeonToggle',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The name of the radio button group.\n     */\n    name: { type: String, required: true },\n    /**\n     * The key of the selected option.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * The list of options to present to the user.\n     */\n    model: { type: Array as () => Array<NeonToggleModel>, required: true },\n    /**\n     * The style of toggle to display to the user.\n     */\n    toggleStyle: { type: String as () => NeonToggleStyle, default: () => NeonToggleStyle.Toggle },\n    /**\n     * The size of the toggle.\n     */\n    size: { type: String as () => NeonSize, default: () => NeonSize.Medium },\n    /**\n     * The orientation of the toggle if the style is a radio button group.\n     */\n    orientation: { type: String as () => NeonOrientation, default: () => NeonOrientation.Vertical },\n    /**\n     * The color of the toggle.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: () => NeonFunctionalColor.Neutral },\n    /**\n     * Whether the toggle is disabled.\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the selected value changes.\n     * @type {boolean} The key of the selected model item.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const emitInput = (key: string) => {\n      emit('update:modelValue', key);\n    };\n\n    const onInput = (key: string) => {\n      if (!props.disabled) {\n        emitInput(key);\n      }\n    };\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const selectOption = (option: NeonToggleModel) => {\n      if (!props.disabled && !option.disabled) {\n        emitInput(option.key);\n      }\n    };\n\n    return {\n      selectOption,\n      onInput,\n      sanitizedAttributes,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonToggleStyle","NeonSize","NeonOrientation","NeonFunctionalColor","props","emit","attrs","useAttrs","emitInput","key","onInput","sanitizedAttributes","computed","onClick","sanitized","option"],"mappings":"4TAWAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CAIL,KAAM,CAAE,KAAM,OAAQ,SAAU,EAAK,EAIrC,WAAY,CAAE,KAAM,OAAQ,SAAU,EAAK,EAI3C,MAAO,CAAE,KAAM,MAAuC,SAAU,EAAK,EAIrE,YAAa,CAAE,KAAM,OAAiC,QAAS,IAAMC,kBAAgB,MAAO,EAI5F,KAAM,CAAE,KAAM,OAA0B,QAAS,IAAMC,WAAS,MAAO,EAIvE,YAAa,CAAE,KAAM,OAAiC,QAAS,IAAMC,kBAAgB,QAAS,EAI9F,MAAO,CAAE,KAAM,OAAqC,QAAS,IAAMC,sBAAoB,OAAQ,EAI/F,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAO,CAKL,mBACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,WACRC,EAAaC,GAAgB,CACjCJ,EAAK,oBAAqBI,CAAG,CAAA,EAGzBC,EAAWD,GAAgB,CAC1BL,EAAM,UACTI,EAAUC,CAAG,CACf,EAGIE,EAAsBC,EAAAA,SAAS,IAAM,CAEnC,KAAA,CAAE,QAAAC,KAAYC,CAAA,EAAcR,EAC3B,OAAAQ,CAAA,CACR,EAQM,MAAA,CACL,aAPoBC,GAA4B,CAC5C,CAACX,EAAM,UAAY,CAACW,EAAO,UAC7BP,EAAUO,EAAO,GAAG,CACtB,EAKA,QAAAL,EACA,oBAAAC,CAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonToggle.ts_vue_type_script_src_7a9a119d_lang.cjs.js","sources":["../../../../src/components/user-input/toggle/NeonToggle.ts?vue&type=script&src=7a9a119d&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport type { NeonToggleModel } from '@/common/models/NeonToggleModel';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonToggleStyle } from '@/common/enums/NeonToggleStyle';\nimport { NeonOrientation } from '@/common/enums/NeonOrientation';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * <p>A toggle component for selecting one value from a range of options. This is equivalent to a radio button group. It can be styled as a <em>Toggle</em> or as <em>Radio buttons</em>.\n */\nexport default defineComponent({\n  name: 'NeonToggle',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The name of the radio button group.\n     */\n    name: { type: String, required: true },\n    /**\n     * The key of the selected option.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * The list of options to present to the user.\n     */\n    model: { type: Array as () => Array<NeonToggleModel>, required: true },\n    /**\n     * The style of toggle to display to the user.\n     */\n    toggleStyle: { type: String as () => NeonToggleStyle, default: () => NeonToggleStyle.Toggle },\n    /**\n     * The size of the toggle.\n     */\n    size: { type: String as () => NeonSize, default: () => NeonSize.Medium },\n    /**\n     * The orientation of the toggle if the style is a radio button group.\n     */\n    orientation: { type: String as () => NeonOrientation, default: () => NeonOrientation.Vertical },\n    /**\n     * The color of the toggle.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: () => NeonFunctionalColor.Neutral },\n    /**\n     * Whether the toggle is disabled.\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the selected value changes.\n     * @type {boolean} The key of the selected model item.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const emitInput = (key: string) => {\n      emit('update:modelValue', key);\n    };\n\n    const onInput = (key: string) => {\n      if (!props.disabled) {\n        emitInput(key);\n      }\n    };\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const selectOption = (option: NeonToggleModel) => {\n      if (!props.disabled && !option.disabled) {\n        emitInput(option.key);\n      }\n    };\n\n    return {\n      selectOption,\n      onInput,\n      sanitizedAttributes,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonToggleStyle","NeonSize","NeonOrientation","NeonFunctionalColor","props","emit","attrs","useAttrs","emitInput","key","onInput","sanitizedAttributes","computed","onClick","sanitized","option"],"mappings":"4TAWAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CAIL,KAAM,CAAE,KAAM,OAAQ,SAAU,EAAK,EAIrC,WAAY,CAAE,KAAM,OAAQ,SAAU,EAAK,EAI3C,MAAO,CAAE,KAAM,MAAuC,SAAU,EAAK,EAIrE,YAAa,CAAE,KAAM,OAAiC,QAAS,IAAMC,kBAAgB,MAAO,EAI5F,KAAM,CAAE,KAAM,OAA0B,QAAS,IAAMC,WAAS,MAAO,EAIvE,YAAa,CAAE,KAAM,OAAiC,QAAS,IAAMC,kBAAgB,QAAS,EAI9F,MAAO,CAAE,KAAM,OAAqC,QAAS,IAAMC,sBAAoB,OAAQ,EAI/F,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAO,CAKL,mBACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,WACRC,EAAaC,GAAgB,CACjCJ,EAAK,oBAAqBI,CAAG,CAAA,EAGzBC,EAAWD,GAAgB,CAC1BL,EAAM,UACTI,EAAUC,CAAG,CACf,EAGIE,EAAsBC,EAAAA,SAAS,IAAM,CAEnC,KAAA,CAAE,QAAAC,KAAYC,CAAA,EAAcR,EAC3B,OAAAQ,CAAA,CACR,EAQM,MAAA,CACL,aAPoBC,GAA4B,CAC5C,CAACX,EAAM,UAAY,CAACW,EAAO,UAC7BP,EAAUO,EAAO,GAAG,CACtB,EAKA,QAAAL,EACA,oBAAAC,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/user-input/toggle/{NeonToggle.ts_vue_type_script_src_500f148e_lang.es.js → NeonToggle.ts_vue_type_script_src_7a9a119d_lang.es.js}

@@ -49,4 +49,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonToggle.ts_vue_type_script_src_500f148e_lang.es.js.map
+//# sourceMappingURL=NeonToggle.ts_vue_type_script_src_7a9a119d_lang.es.js.map

package/dist/components/user-input/toggle/{NeonToggle.ts_vue_type_script_src_500f148e_lang.es.js.map → NeonToggle.ts_vue_type_script_src_7a9a119d_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonToggle.ts_vue_type_script_src_500f148e_lang.es.js","sources":["../../../../src/components/user-input/toggle/NeonToggle.ts?vue&type=script&src=500f148e&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport type { NeonToggleModel } from '@/common/models/NeonToggleModel';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonToggleStyle } from '@/common/enums/NeonToggleStyle';\nimport { NeonOrientation } from '@/common/enums/NeonOrientation';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * <p>A toggle component for selecting one value from a range of options. This is equivalent to a radio button group. It can be styled as a <em>Toggle</em> or as <em>Radio buttons</em>.\n */\nexport default defineComponent({\n  name: 'NeonToggle',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The name of the radio button group.\n     */\n    name: { type: String, required: true },\n    /**\n     * The key of the selected option.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * The list of options to present to the user.\n     */\n    model: { type: Array as () => Array<NeonToggleModel>, required: true },\n    /**\n     * The style of toggle to display to the user.\n     */\n    toggleStyle: { type: String as () => NeonToggleStyle, default: () => NeonToggleStyle.Toggle },\n    /**\n     * The size of the toggle.\n     */\n    size: { type: String as () => NeonSize, default: () => NeonSize.Medium },\n    /**\n     * The orientation of the toggle if the style is a radio button group.\n     */\n    orientation: { type: String as () => NeonOrientation, default: () => NeonOrientation.Vertical },\n    /**\n     * The color of the toggle.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: () => NeonFunctionalColor.Neutral },\n    /**\n     * Whether the toggle is disabled.\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the selected value changes.\n     * @type {boolean} The key of the selected model item.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const emitInput = (key: string) => {\n      emit('update:modelValue', key);\n    };\n\n    const onInput = (key: string) => {\n      if (!props.disabled) {\n        emitInput(key);\n      }\n    };\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const selectOption = (option: NeonToggleModel) => {\n      if (!props.disabled && !option.disabled) {\n        emitInput(option.key);\n      }\n    };\n\n    return {\n      selectOption,\n      onInput,\n      sanitizedAttributes,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;;;AAWA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,MAAM,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAIrC,YAAY,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAI3C,OAAO,EAAE,MAAM,OAAuC,UAAU,KAAK;AAAA,IAIrE,aAAa,EAAE,MAAM,QAAiC,SAAS,MAAM,gBAAgB,OAAO;AAAA,IAI5F,MAAM,EAAE,MAAM,QAA0B,SAAS,MAAM,SAAS,OAAO;AAAA,IAIvE,aAAa,EAAE,MAAM,QAAiC,SAAS,MAAM,gBAAgB,SAAS;AAAA,IAI9F,OAAO,EAAE,MAAM,QAAqC,SAAS,MAAM,oBAAoB,QAAQ;AAAA,IAI/F,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC5C;AAAA,EACA,OAAO;AAAA,IAKL;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,QAAQ;AACR,UAAA,YAAY,CAAC,QAAgB;AACjC,WAAK,qBAAqB,GAAG;AAAA,IAAA;AAGzB,UAAA,UAAU,CAAC,QAAgB;AAC3B,UAAA,CAAC,MAAM,UAAU;AACnB,kBAAU,GAAG;AAAA,MACf;AAAA,IAAA;AAGI,UAAA,sBAAsB,SAAS,MAAM;AAEnC,YAAA,EAAE,YAAY,UAAA,IAAc;AAC3B,aAAA;AAAA,IAAA,CACR;AAEK,UAAA,eAAe,CAAC,WAA4B;AAChD,UAAI,CAAC,MAAM,YAAY,CAAC,OAAO,UAAU;AACvC,kBAAU,OAAO,GAAG;AAAA,MACtB;AAAA,IAAA;AAGK,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
+{"version":3,"file":"NeonToggle.ts_vue_type_script_src_7a9a119d_lang.es.js","sources":["../../../../src/components/user-input/toggle/NeonToggle.ts?vue&type=script&src=7a9a119d&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport type { NeonToggleModel } from '@/common/models/NeonToggleModel';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonToggleStyle } from '@/common/enums/NeonToggleStyle';\nimport { NeonOrientation } from '@/common/enums/NeonOrientation';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * <p>A toggle component for selecting one value from a range of options. This is equivalent to a radio button group. It can be styled as a <em>Toggle</em> or as <em>Radio buttons</em>.\n */\nexport default defineComponent({\n  name: 'NeonToggle',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The name of the radio button group.\n     */\n    name: { type: String, required: true },\n    /**\n     * The key of the selected option.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * The list of options to present to the user.\n     */\n    model: { type: Array as () => Array<NeonToggleModel>, required: true },\n    /**\n     * The style of toggle to display to the user.\n     */\n    toggleStyle: { type: String as () => NeonToggleStyle, default: () => NeonToggleStyle.Toggle },\n    /**\n     * The size of the toggle.\n     */\n    size: { type: String as () => NeonSize, default: () => NeonSize.Medium },\n    /**\n     * The orientation of the toggle if the style is a radio button group.\n     */\n    orientation: { type: String as () => NeonOrientation, default: () => NeonOrientation.Vertical },\n    /**\n     * The color of the toggle.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: () => NeonFunctionalColor.Neutral },\n    /**\n     * Whether the toggle is disabled.\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the selected value changes.\n     * @type {boolean} The key of the selected model item.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const emitInput = (key: string) => {\n      emit('update:modelValue', key);\n    };\n\n    const onInput = (key: string) => {\n      if (!props.disabled) {\n        emitInput(key);\n      }\n    };\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const selectOption = (option: NeonToggleModel) => {\n      if (!props.disabled && !option.disabled) {\n        emitInput(option.key);\n      }\n    };\n\n    return {\n      selectOption,\n      onInput,\n      sanitizedAttributes,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;;;AAWA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,MAAM,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAIrC,YAAY,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAI3C,OAAO,EAAE,MAAM,OAAuC,UAAU,KAAK;AAAA,IAIrE,aAAa,EAAE,MAAM,QAAiC,SAAS,MAAM,gBAAgB,OAAO;AAAA,IAI5F,MAAM,EAAE,MAAM,QAA0B,SAAS,MAAM,SAAS,OAAO;AAAA,IAIvE,aAAa,EAAE,MAAM,QAAiC,SAAS,MAAM,gBAAgB,SAAS;AAAA,IAI9F,OAAO,EAAE,MAAM,QAAqC,SAAS,MAAM,oBAAoB,QAAQ;AAAA,IAI/F,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC5C;AAAA,EACA,OAAO;AAAA,IAKL;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,QAAQ;AACR,UAAA,YAAY,CAAC,QAAgB;AACjC,WAAK,qBAAqB,GAAG;AAAA,IAAA;AAGzB,UAAA,UAAU,CAAC,QAAgB;AAC3B,UAAA,CAAC,MAAM,UAAU;AACnB,kBAAU,GAAG;AAAA,MACf;AAAA,IAAA;AAGI,UAAA,sBAAsB,SAAS,MAAM;AAEnC,YAAA,EAAE,YAAY,UAAA,IAAc;AAC3B,aAAA;AAAA,IAAA,CACR;AAEK,UAAA,eAAe,CAAC,WAA4B;AAChD,UAAI,CAAC,MAAM,YAAY,CAAC,OAAO,UAAU;AACvC,kBAAU,OAAO,GAAG;AAAA,MACtB;AAAA,IAAA;AAGK,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

package/dist/components/user-input/toggle-chip/NeonToggleChip.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var s=require("./NeonToggleChip.ts_vue_type_script_src_5dbbd047_lang.cjs.js"),o=require("vue"),t=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const p=["aria-disabled","aria-pressed"],r={class:"neon-toggle-chip__label"},d=["checked","disabled"];function g(e,n,h,u,b,c){const l=o.resolveComponent("neon-icon");return o.openBlock(),o.createElementBlock("label",{"aria-disabled":e.disabled,"aria-pressed":e.modelValue,class:o.normalizeClass([[`neon-toggle-chip--${e.size}`,`neon-toggle-chip--${e.color}`,{"neon-toggle-chip--disabled":e.disabled,"neon-toggle-chip--checked":e.modelValue,"neon-toggle-chip--show-check":e.showCheck}],"neon-toggle-chip no-style"]),role:"button",tabindex:"0",onKeydown:[n[2]||(n[2]=o.withKeys((...i)=>e.toggleChip&&e.toggleChip(...i),["enter"])),n[3]||(n[3]=o.withKeys((...i)=>e.toggleChip&&e.toggleChip(...i),["space"]))],onKeypress:n[4]||(n[4]=o.withKeys(o.withModifiers(()=>{},["prevent"]),["space"]))},[e.modelValue&&e.showCheck?(o.openBlock(),o.createBlock(l,{key:0,disabled:e.disabled,class:"neon-toggle-chip__checked",name:"check"},null,8,["disabled"])):o.createCommentVNode("",!0),o.createElementVNode("span",r,o.toDisplayString(e.label),1),o.createElementVNode("input",o.mergeProps({checked:e.modelValue,disabled:e.disabled,class:"neon-toggle-chip__input",tabindex:"-1",type:"checkbox"},e.sanitizedAttributes,{onClick:n[0]||(n[0]=o.withModifiers((...i)=>e.toggleChip&&e.toggleChip(...i),["prevent","stop"])),onInput:n[1]||(n[1]=o.withModifiers((...i)=>e.toggleChip&&e.toggleChip(...i),["prevent","stop"]))}),null,16,d)],42,p)}var a=t(s,[["render",g],["__file","/Users/andrew/dev/projects/neon/src/components/user-input/toggle-chip/NeonToggleChip.vue"]]);module.exports=a;
+"use strict";var s=require("./NeonToggleChip.ts_vue_type_script_src_bdfdbd3a_lang.cjs.js"),o=require("vue"),t=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const p=["aria-disabled","aria-pressed"],r={class:"neon-toggle-chip__label"},d=["checked","disabled"];function a(e,i,h,u,b,c){const n=o.resolveComponent("neon-icon");return o.openBlock(),o.createElementBlock("label",{"aria-disabled":e.disabled,"aria-pressed":e.modelValue,class:o.normalizeClass([[`neon-toggle-chip--${e.size}`,`neon-toggle-chip--${e.color}`,{"neon-toggle-chip--disabled":e.disabled,"neon-toggle-chip--checked":e.modelValue,"neon-toggle-chip--show-check":e.showCheck}],"neon-toggle-chip no-style"]),role:"button",tabindex:"0",onKeydown:[i[2]||(i[2]=o.withKeys((...l)=>e.toggleChip&&e.toggleChip(...l),["enter"])),i[3]||(i[3]=o.withKeys((...l)=>e.toggleChip&&e.toggleChip(...l),["space"]))],onKeypress:i[4]||(i[4]=o.withKeys(o.withModifiers(()=>{},["prevent"]),["space"]))},[e.modelValue&&e.showCheck?(o.openBlock(),o.createBlock(n,{key:0,disabled:e.disabled,class:"neon-toggle-chip__checked",name:"check"},null,8,["disabled"])):o.createCommentVNode("",!0),o.createElementVNode("span",r,o.toDisplayString(e.label),1),o.createElementVNode("input",o.mergeProps({checked:e.modelValue,disabled:e.disabled,class:"neon-toggle-chip__input",tabindex:"-1",type:"checkbox"},e.sanitizedAttributes,{onClick:i[0]||(i[0]=o.withModifiers((...l)=>e.toggleChip&&e.toggleChip(...l),["prevent","stop"])),onInput:i[1]||(i[1]=o.withModifiers((...l)=>e.toggleChip&&e.toggleChip(...l),["prevent","stop"]))}),null,16,d)],42,p)}var g=t(s,[["render",a]]);module.exports=g;
 //# sourceMappingURL=NeonToggleChip.cjs.js.map

package/dist/components/user-input/toggle-chip/NeonToggleChip.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonToggleChip.ts_vue_type_script_src_5dbbd047_lang.es.js";
+import _sfc_main from "./NeonToggleChip.ts_vue_type_script_src_bdfdbd3a_lang.es.js";
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withKeys, withModifiers, createBlock, createCommentVNode, createElementVNode, toDisplayString, mergeProps } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = ["aria-disabled", "aria-pressed"];
@@ -46,6 +46,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }), null, 16, _hoisted_3)
   ], 42, _hoisted_1);
 }
-var NeonToggleChip = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/user-input/toggle-chip/NeonToggleChip.vue"]]);
+var NeonToggleChip = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonToggleChip as default };
 //# sourceMappingURL=NeonToggleChip.es.js.map

package/dist/components/user-input/toggle-chip/{NeonToggleChip.ts_vue_type_script_src_5dbbd047_lang.cjs.js → NeonToggleChip.ts_vue_type_script_src_bdfdbd3a_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var e=require("vue"),a=require("../../../common/enums/NeonSize.cjs.js"),s=require("../../../common/enums/NeonFunctionalColor.cjs.js"),l=require("../../presentation/icon/NeonIcon.cjs.js"),c=e.defineComponent({name:"NeonToggleChip",components:{NeonIcon:l},props:{modelValue:{type:Boolean,required:!0},label:{type:String,required:!0},size:{type:String,default:a.NeonSize.Medium},color:{type:String,default:s.NeonFunctionalColor.Primary},showCheck:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(t,{emit:i}){const r=e.useAttrs(),o=n=>{i("update:modelValue",n)};return{sanitizedAttributes:e.computed(()=>{const{onClick:n,type:p,tabindex:g,...u}=r;return{...u}}),emitInput:o,toggleChip:()=>{t.disabled||o(!t.modelValue)}}}});module.exports=c;
-//# sourceMappingURL=NeonToggleChip.ts_vue_type_script_src_5dbbd047_lang.cjs.js.map
+//# sourceMappingURL=NeonToggleChip.ts_vue_type_script_src_bdfdbd3a_lang.cjs.js.map

package/dist/components/user-input/toggle-chip/{NeonToggleChip.ts_vue_type_script_src_5dbbd047_lang.cjs.js.map → NeonToggleChip.ts_vue_type_script_src_bdfdbd3a_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonToggleChip.ts_vue_type_script_src_5dbbd047_lang.cjs.js","sources":["../../../../src/components/user-input/toggle-chip/NeonToggleChip.ts?vue&type=script&src=5dbbd047&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * <p>\n * A Toggle chip component used to indicate an on/off state in form inputs. This is equivalent to a checkbox. This is a\n * variation of a checkbox/switch which can be used as an on/off button to trigger an action or used in a group for\n * filtering.\n * </p>\n */\nexport default defineComponent({\n  name: 'NeonToggleChip',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The toggle chip model.\n     */\n    modelValue: { type: Boolean, required: true },\n    /**\n     * The toggle label.\n     */\n    label: { type: String, required: true },\n    /**\n     * The size of the toggle chip.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The toggle chip color.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Whether to display a checked icon on the toggle chip when it is 'on'.\n     */\n    showCheck: { type: Boolean, default: true },\n    /**\n     * Disabled state of the toggle chip.\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the toggle chip is toggled on or off.\n     *\n     * @type {boolean} The state of the switch.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const emitInput = (value: boolean) => {\n      emit('update:modelValue', value);\n    };\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, type, tabindex, ...sanitized } = attrs;\n      return { ...sanitized };\n    });\n\n    const toggleChip = () => {\n      if (!props.disabled) {\n        emitInput(!props.modelValue);\n      }\n    };\n\n    return {\n      sanitizedAttributes,\n      emitInput,\n      toggleChip,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonSize","NeonFunctionalColor","props","emit","attrs","useAttrs","emitInput","value","computed","onClick","type","tabindex","sanitized"],"mappings":"wMAYAA,EAAeC,kBAAgB,CAC7B,KAAM,iBACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CAIL,WAAY,CAAE,KAAM,QAAS,SAAU,EAAK,EAI5C,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAK,EAItC,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,EAIjE,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAQ,EAIzF,UAAW,CAAE,KAAM,QAAS,QAAS,EAAK,EAI1C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAO,CAML,mBACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,WACRC,EAAaC,GAAmB,CACpCJ,EAAK,oBAAqBI,CAAK,CAAA,EAe1B,MAAA,CACL,oBAb0BC,EAAAA,SAAS,IAAM,CAEzC,KAAM,CAAE,QAAAC,EAAS,KAAAC,EAAM,SAAAC,KAAaC,CAAc,EAAAR,EAC3C,MAAA,CAAE,GAAGQ,EAAU,CACvB,EAUC,UAAAN,EACA,WATiB,IAAM,CAClBJ,EAAM,UACCI,EAAA,CAACJ,EAAM,UAAU,CAC7B,CAMA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonToggleChip.ts_vue_type_script_src_bdfdbd3a_lang.cjs.js","sources":["../../../../src/components/user-input/toggle-chip/NeonToggleChip.ts?vue&type=script&src=bdfdbd3a&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * <p>\n * A Toggle chip component used to indicate an on/off state in form inputs. This is equivalent to a checkbox. This is a\n * variation of a checkbox/switch which can be used as an on/off button to trigger an action or used in a group for\n * filtering.\n * </p>\n */\nexport default defineComponent({\n  name: 'NeonToggleChip',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The toggle chip model.\n     */\n    modelValue: { type: Boolean, required: true },\n    /**\n     * The toggle label.\n     */\n    label: { type: String, required: true },\n    /**\n     * The size of the toggle chip.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The toggle chip color.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Whether to display a checked icon on the toggle chip when it is 'on'.\n     */\n    showCheck: { type: Boolean, default: true },\n    /**\n     * Disabled state of the toggle chip.\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the toggle chip is toggled on or off.\n     *\n     * @type {boolean} The state of the switch.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const emitInput = (value: boolean) => {\n      emit('update:modelValue', value);\n    };\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, type, tabindex, ...sanitized } = attrs;\n      return { ...sanitized };\n    });\n\n    const toggleChip = () => {\n      if (!props.disabled) {\n        emitInput(!props.modelValue);\n      }\n    };\n\n    return {\n      sanitizedAttributes,\n      emitInput,\n      toggleChip,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonSize","NeonFunctionalColor","props","emit","attrs","useAttrs","emitInput","value","computed","onClick","type","tabindex","sanitized"],"mappings":"wMAYAA,EAAeC,kBAAgB,CAC7B,KAAM,iBACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CAIL,WAAY,CAAE,KAAM,QAAS,SAAU,EAAK,EAI5C,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAK,EAItC,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,EAIjE,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAQ,EAIzF,UAAW,CAAE,KAAM,QAAS,QAAS,EAAK,EAI1C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAO,CAML,mBACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,WACRC,EAAaC,GAAmB,CACpCJ,EAAK,oBAAqBI,CAAK,CAAA,EAe1B,MAAA,CACL,oBAb0BC,EAAAA,SAAS,IAAM,CAEzC,KAAM,CAAE,QAAAC,EAAS,KAAAC,EAAM,SAAAC,KAAaC,CAAc,EAAAR,EAC3C,MAAA,CAAE,GAAGQ,EAAU,CACvB,EAUC,UAAAN,EACA,WATiB,IAAM,CAClBJ,EAAM,UACCI,EAAA,CAACJ,EAAM,UAAU,CAC7B,CAMA,CAEJ,CACF,CAAC"}

package/dist/components/user-input/toggle-chip/{NeonToggleChip.ts_vue_type_script_src_5dbbd047_lang.es.js → NeonToggleChip.ts_vue_type_script_src_bdfdbd3a_lang.es.js}

@@ -40,4 +40,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonToggleChip.ts_vue_type_script_src_5dbbd047_lang.es.js.map
+//# sourceMappingURL=NeonToggleChip.ts_vue_type_script_src_bdfdbd3a_lang.es.js.map

package/dist/components/user-input/toggle-chip/{NeonToggleChip.ts_vue_type_script_src_5dbbd047_lang.es.js.map → NeonToggleChip.ts_vue_type_script_src_bdfdbd3a_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonToggleChip.ts_vue_type_script_src_5dbbd047_lang.es.js","sources":["../../../../src/components/user-input/toggle-chip/NeonToggleChip.ts?vue&type=script&src=5dbbd047&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * <p>\n * A Toggle chip component used to indicate an on/off state in form inputs. This is equivalent to a checkbox. This is a\n * variation of a checkbox/switch which can be used as an on/off button to trigger an action or used in a group for\n * filtering.\n * </p>\n */\nexport default defineComponent({\n  name: 'NeonToggleChip',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The toggle chip model.\n     */\n    modelValue: { type: Boolean, required: true },\n    /**\n     * The toggle label.\n     */\n    label: { type: String, required: true },\n    /**\n     * The size of the toggle chip.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The toggle chip color.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Whether to display a checked icon on the toggle chip when it is 'on'.\n     */\n    showCheck: { type: Boolean, default: true },\n    /**\n     * Disabled state of the toggle chip.\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the toggle chip is toggled on or off.\n     *\n     * @type {boolean} The state of the switch.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const emitInput = (value: boolean) => {\n      emit('update:modelValue', value);\n    };\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, type, tabindex, ...sanitized } = attrs;\n      return { ...sanitized };\n    });\n\n    const toggleChip = () => {\n      if (!props.disabled) {\n        emitInput(!props.modelValue);\n      }\n    };\n\n    return {\n      sanitizedAttributes,\n      emitInput,\n      toggleChip,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;AAYA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,YAAY,EAAE,MAAM,SAAS,UAAU,KAAK;AAAA,IAI5C,OAAO,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAItC,MAAM,EAAE,MAAM,QAA0B,SAAS,SAAS,OAAO;AAAA,IAIjE,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,QAAQ;AAAA,IAIzF,WAAW,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAI1C,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC5C;AAAA,EACA,OAAO;AAAA,IAML;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,QAAQ;AACR,UAAA,YAAY,CAAC,UAAmB;AACpC,WAAK,qBAAqB,KAAK;AAAA,IAAA;AAG3B,UAAA,sBAAsB,SAAS,MAAM;AAEzC,YAAM,EAAE,SAAS,MAAM,aAAa,UAAc,IAAA;AAC3C,aAAA,EAAE,GAAG;IAAU,CACvB;AAED,UAAM,aAAa,MAAM;AACnB,UAAA,CAAC,MAAM,UAAU;AACT,kBAAA,CAAC,MAAM,UAAU;AAAA,MAC7B;AAAA,IAAA;AAGK,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
+{"version":3,"file":"NeonToggleChip.ts_vue_type_script_src_bdfdbd3a_lang.es.js","sources":["../../../../src/components/user-input/toggle-chip/NeonToggleChip.ts?vue&type=script&src=bdfdbd3a&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * <p>\n * A Toggle chip component used to indicate an on/off state in form inputs. This is equivalent to a checkbox. This is a\n * variation of a checkbox/switch which can be used as an on/off button to trigger an action or used in a group for\n * filtering.\n * </p>\n */\nexport default defineComponent({\n  name: 'NeonToggleChip',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The toggle chip model.\n     */\n    modelValue: { type: Boolean, required: true },\n    /**\n     * The toggle label.\n     */\n    label: { type: String, required: true },\n    /**\n     * The size of the toggle chip.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The toggle chip color.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Whether to display a checked icon on the toggle chip when it is 'on'.\n     */\n    showCheck: { type: Boolean, default: true },\n    /**\n     * Disabled state of the toggle chip.\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the toggle chip is toggled on or off.\n     *\n     * @type {boolean} The state of the switch.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const emitInput = (value: boolean) => {\n      emit('update:modelValue', value);\n    };\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, type, tabindex, ...sanitized } = attrs;\n      return { ...sanitized };\n    });\n\n    const toggleChip = () => {\n      if (!props.disabled) {\n        emitInput(!props.modelValue);\n      }\n    };\n\n    return {\n      sanitizedAttributes,\n      emitInput,\n      toggleChip,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;AAYA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,YAAY,EAAE,MAAM,SAAS,UAAU,KAAK;AAAA,IAI5C,OAAO,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAItC,MAAM,EAAE,MAAM,QAA0B,SAAS,SAAS,OAAO;AAAA,IAIjE,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,QAAQ;AAAA,IAIzF,WAAW,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAI1C,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC5C;AAAA,EACA,OAAO;AAAA,IAML;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,QAAQ;AACR,UAAA,YAAY,CAAC,UAAmB;AACpC,WAAK,qBAAqB,KAAK;AAAA,IAAA;AAG3B,UAAA,sBAAsB,SAAS,MAAM;AAEzC,YAAM,EAAE,SAAS,MAAM,aAAa,UAAc,IAAA;AAC3C,aAAA,EAAE,GAAG;IAAU,CACvB;AAED,UAAM,aAAa,MAAM;AACnB,UAAA,CAAC,MAAM,UAAU;AACT,kBAAA,CAAC,MAAM,UAAU;AAAA,MAC7B;AAAA,IAAA;AAGK,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@aotearoan/neon",
   "description": "Neon is a lightweight design library of Vue 3 components with minimal dependencies.",
-  "version": "9.2.0",
+  "version": "9.2.1",
   "main": "./dist/neoon.cjs.js",
   "module": "dist/neon.es.js",
   "types": "dist/neon.d.ts",

package/dist/common/enums/NeonAlertLevel.d.ts

@@ -1,6 +0,0 @@
-export declare enum NeonAlertLevel {
-    Info = "info",
-    Success = "success",
-    Warn = "warn",
-    Error = "error"
-}

package/dist/common/enums/NeonAlertPlacement.d.ts

@@ -1,6 +0,0 @@
-export declare enum NeonAlertPlacement {
-    TopLeft = "top-left",
-    TopRight = "top-right",
-    BottomLeft = "bottom-left",
-    BottomRight = "bottom-right"
-}

package/dist/common/enums/NeonButtonSize.d.ts

@@ -1,6 +0,0 @@
-export declare enum NeonButtonSize {
-    Small = "s",
-    Medium = "m",
-    Large = "l",
-    ExtraLarge = "xl"
-}

package/dist/common/enums/NeonButtonStyle.d.ts

@@ -1,5 +0,0 @@
-export declare enum NeonButtonStyle {
-    Solid = "solid",
-    Outline = "outline",
-    Text = "text"
-}

package/dist/common/enums/NeonChipAction.d.ts

@@ -1,4 +0,0 @@
-export declare enum NeonChipAction {
-    Click = "click",
-    Remove = "remove"
-}

package/dist/common/enums/NeonDropdownPlacement.d.ts

@@ -1,10 +0,0 @@
-export declare enum NeonDropdownPlacement {
-    TopLeft = "top-left",
-    TopRight = "top-right",
-    BottomLeft = "bottom-left",
-    BottomRight = "bottom-right",
-    LeftTop = "left-top",
-    LeftBottom = "left-bottom",
-    RightTop = "right-top",
-    RightBottom = "right-bottom"
-}

package/dist/common/enums/NeonDropdownStyle.d.ts

@@ -1,6 +0,0 @@
-export declare enum NeonDropdownStyle {
-    SolidButton = "solid-button",
-    Text = "text-button",
-    SquareBadge = "square-badge",
-    CircularBadge = "circular-badge"
-}

package/dist/common/enums/NeonFunctionalColor.d.ts

@@ -1,11 +0,0 @@
-export declare enum NeonFunctionalColor {
-    LowContrast = "low-contrast",
-    Neutral = "neutral",
-    HighContrast = "high-contrast",
-    Brand = "brand",
-    Primary = "primary",
-    Info = "info",
-    Success = "success",
-    Warn = "warn",
-    Error = "error"
-}

package/dist/common/enums/NeonHorizontalPosition.d.ts

@@ -1,4 +0,0 @@
-export declare enum NeonHorizontalPosition {
-    Left = "left",
-    Right = "right"
-}

package/dist/common/enums/NeonInputMode.d.ts

@@ -1,10 +0,0 @@
-export declare enum NeonInputMode {
-    None = "none",
-    Text = "text",
-    Decimal = "decimal",
-    Numeric = "numeric",
-    Tel = "tel",
-    Search = "search",
-    Email = "email",
-    Url = "url"
-}