@aotearoan/neon 9.2.0 → 9.2.2

package/dist/components/presentation/label/{NeonLabel.ts_vue_type_script_src_47fdcd5e_lang.es.js → NeonLabel.ts_vue_type_script_src_b4d45754_lang.es.js}

@@ -18,4 +18,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonLabel.ts_vue_type_script_src_47fdcd5e_lang.es.js.map
+//# sourceMappingURL=NeonLabel.ts_vue_type_script_src_b4d45754_lang.es.js.map

package/dist/components/presentation/label/{NeonLabel.ts_vue_type_script_src_47fdcd5e_lang.es.js.map → NeonLabel.ts_vue_type_script_src_b4d45754_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonLabel.ts_vue_type_script_src_47fdcd5e_lang.es.js","sources":["../../../../src/components/presentation/label/NeonLabel.ts?vue&type=script&src=47fdcd5e&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonLabelSize } from '@/common/enums/NeonLabelSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonHorizontalPosition } from '@/common/enums/NeonHorizontalPosition';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * Labels are used to tag or emphasize properties of an item in the UI. Labels can be text only, icon only or contain both text and icons.\n */\nexport default defineComponent({\n  name: 'NeonLabel',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The label text\n     */\n    label: { type: String, required: true },\n    /**\n     * The name of the optional label icon\n     */\n    icon: { type: String, default: null },\n    /**\n     * The icon position if there is also text in the label. This is either left or right.\n     */\n    iconPosition: { type: String as () => NeonHorizontalPosition, default: NeonHorizontalPosition.Left },\n    /**\n     * The label size\n     */\n    size: { type: String as () => NeonLabelSize, default: NeonLabelSize.Small },\n    /**\n     * The label color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Neutral },\n    /**\n     * Alternate color for creating gradient labels. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n  },\n});\n"],"names":[],"mappings":";;;;;AASA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,OAAO,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAItC,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIpC,cAAc,EAAE,MAAM,QAAwC,SAAS,uBAAuB,KAAK;AAAA,IAInG,MAAM,EAAE,MAAM,QAA+B,SAAS,cAAc,MAAM;AAAA,IAI1E,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,QAAQ;AAAA,IAIzF,gBAAgB,EAAE,MAAM,QAAqC,SAAS,KAAK;AAAA,EAC7E;AACF,CAAC;;"}
+{"version":3,"file":"NeonLabel.ts_vue_type_script_src_b4d45754_lang.es.js","sources":["../../../../src/components/presentation/label/NeonLabel.ts?vue&type=script&src=b4d45754&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonLabelSize } from '@/common/enums/NeonLabelSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonHorizontalPosition } from '@/common/enums/NeonHorizontalPosition';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * Labels are used to tag or emphasize properties of an item in the UI. Labels can be text only, icon only or contain both text and icons.\n */\nexport default defineComponent({\n  name: 'NeonLabel',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The label text\n     */\n    label: { type: String, required: true },\n    /**\n     * The name of the optional label icon\n     */\n    icon: { type: String, default: null },\n    /**\n     * The icon position if there is also text in the label. This is either left or right.\n     */\n    iconPosition: { type: String as () => NeonHorizontalPosition, default: NeonHorizontalPosition.Left },\n    /**\n     * The label size\n     */\n    size: { type: String as () => NeonLabelSize, default: NeonLabelSize.Small },\n    /**\n     * The label color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Neutral },\n    /**\n     * Alternate color for creating gradient labels. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n  },\n});\n"],"names":[],"mappings":";;;;;AASA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,OAAO,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAItC,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIpC,cAAc,EAAE,MAAM,QAAwC,SAAS,uBAAuB,KAAK;AAAA,IAInG,MAAM,EAAE,MAAM,QAA+B,SAAS,cAAc,MAAM;AAAA,IAI1E,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,QAAQ;AAAA,IAIzF,gBAAgB,EAAE,MAAM,QAAqC,SAAS,KAAK;AAAA,EAC7E;AACF,CAAC;;"}

package/dist/components/presentation/tabs/NeonTabs.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("./NeonTabs.ts_vue_type_script_src_e2690c40_lang.cjs.js"),e=require("vue"),a=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const i=["id","aria-controls","aria-selected","onClick"],c=["id","tabindex","onKeydown"],u={key:1,class:"neon-tabs__menu-label"};function d(n,k,p,_,y,v){const t=e.resolveComponent("neon-icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([[`neon-tabs--${n.size}`,`neon-tabs--${n.color}`],"neon-tabs"]),role:"tablist"},[e.createElementVNode("div",{class:e.normalizeClass([{"neon-tabs__menu-items--underlined":n.underline},"neon-tabs__menu-items"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.tabs,(o,s)=>(e.openBlock(),e.createElementBlock("div",{id:`${o.key}Button`,key:o.key,"aria-controls":o.key,"aria-selected":o.key===n.modelValue,class:e.normalizeClass([{"neon-tabs__menu-item--selected":o.key===n.modelValue},"neon-tabs__menu-item"]),role:"tab",tabindex:"-1",onClick:l=>o.key!==n.modelValue&&n.onClick(o.key)},[e.createElementVNode("div",{id:`${o.key}ButtonContainer`,tabindex:o.key===n.modelValue?0:-1,class:"neon-tabs__menu-item-container",onKeydown:[e.withKeys(l=>n.onClick(n.tabs[s+1===n.tabs.length?0:s+1].key,!0),["right"]),e.withKeys(l=>n.onClick(n.tabs[s===0?n.tabs.length-1:s-1].key,!0),["left"])]},[o.icon?(e.openBlock(),e.createBlock(t,{key:0,color:o.key===n.modelValue?n.color:void 0,name:o.icon,class:"neon-tabs__menu-icon"},null,8,["color","name"])):e.createCommentVNode("",!0),o.label?(e.openBlock(),e.createElementBlock("span",u,e.toDisplayString(o.label),1)):e.createCommentVNode("",!0)],40,c)],10,i))),128))],2),e.renderSlot(n.$slots,"default")],2)}var m=a(r,[["render",d],["__file","/Users/andrew/dev/projects/neon/src/components/presentation/tabs/NeonTabs.vue"]]);module.exports=m;
+"use strict";var r=require("./NeonTabs.ts_vue_type_script_src_b923b5aa_lang.cjs.js"),e=require("vue"),a=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const i=["id","aria-controls","aria-selected","onClick"],c=["id","tabindex","onKeydown"],u={key:1,class:"neon-tabs__menu-label"};function d(n,k,_,p,y,v){const t=e.resolveComponent("neon-icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([[`neon-tabs--${n.size}`,`neon-tabs--${n.color}`],"neon-tabs"]),role:"tablist"},[e.createElementVNode("div",{class:e.normalizeClass([{"neon-tabs__menu-items--underlined":n.underline},"neon-tabs__menu-items"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.tabs,(o,l)=>(e.openBlock(),e.createElementBlock("div",{id:`${o.key}Button`,key:o.key,"aria-controls":o.key,"aria-selected":o.key===n.modelValue,class:e.normalizeClass([{"neon-tabs__menu-item--selected":o.key===n.modelValue},"neon-tabs__menu-item"]),role:"tab",tabindex:"-1",onClick:s=>o.key!==n.modelValue&&n.onClick(o.key)},[e.createElementVNode("div",{id:`${o.key}ButtonContainer`,tabindex:o.key===n.modelValue?0:-1,class:"neon-tabs__menu-item-container",onKeydown:[e.withKeys(s=>n.onClick(n.tabs[l+1===n.tabs.length?0:l+1].key,!0),["right"]),e.withKeys(s=>n.onClick(n.tabs[l===0?n.tabs.length-1:l-1].key,!0),["left"])]},[o.icon?(e.openBlock(),e.createBlock(t,{key:0,color:o.key===n.modelValue?n.color:void 0,name:o.icon,class:"neon-tabs__menu-icon"},null,8,["color","name"])):e.createCommentVNode("",!0),o.label?(e.openBlock(),e.createElementBlock("span",u,e.toDisplayString(o.label),1)):e.createCommentVNode("",!0)],40,c)],10,i))),128))],2),e.renderSlot(n.$slots,"default")],2)}var m=a(r,[["render",d]]);module.exports=m;
 //# sourceMappingURL=NeonTabs.cjs.js.map

package/dist/components/presentation/tabs/NeonTabs.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonTabs.ts_vue_type_script_src_e2690c40_lang.es.js";
+import _sfc_main from "./NeonTabs.ts_vue_type_script_src_b923b5aa_lang.es.js";
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, withKeys, createBlock, createCommentVNode, toDisplayString, renderSlot } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = ["id", "aria-controls", "aria-selected", "onClick"];
@@ -50,6 +50,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var NeonTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/presentation/tabs/NeonTabs.vue"]]);
+var NeonTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonTabs as default };
 //# sourceMappingURL=NeonTabs.es.js.map

package/dist/components/presentation/tabs/{NeonTabs.ts_vue_type_script_src_e2690c40_lang.cjs.js → NeonTabs.ts_vue_type_script_src_b923b5aa_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var t=require("vue"),u=require("../../../common/enums/NeonFunctionalColor.cjs.js"),i=require("../../../common/enums/NeonSize.cjs.js"),a=require("../icon/NeonIcon.cjs.js"),s=t.defineComponent({name:"NeonTabs",components:{NeonIcon:a},props:{tabs:{type:Array,required:!0},modelValue:{type:String,required:!0},color:{type:String,default:u.NeonFunctionalColor.Primary},size:{type:String,default:i.NeonSize.Medium},underline:{type:Boolean,default:!0}},emits:["update:modelValue"],setup(l,{emit:n}){return{onClick:(e,r=!1)=>{if(r){const o=document.getElementById(`${e}ButtonContainer`);o&&o.focus()}n("update:modelValue",e)}}}});module.exports=s;
-//# sourceMappingURL=NeonTabs.ts_vue_type_script_src_e2690c40_lang.cjs.js.map
+//# sourceMappingURL=NeonTabs.ts_vue_type_script_src_b923b5aa_lang.cjs.js.map

package/dist/components/presentation/tabs/{NeonTabs.ts_vue_type_script_src_e2690c40_lang.cjs.js.map → NeonTabs.ts_vue_type_script_src_b923b5aa_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonTabs.ts_vue_type_script_src_e2690c40_lang.cjs.js","sources":["../../../../src/components/presentation/tabs/NeonTabs.ts?vue&type=script&src=e2690c40&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport type { NeonTabModel } from '@/common/models/NeonTabModel';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * A component for displaying tabbed content.\n */\nexport default defineComponent({\n  name: 'NeonTabs',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The list of tabs to display.\n     * */\n    tabs: { type: Array as () => Array<NeonTabModel>, required: true },\n    /**\n     * The key of the selected tab.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * The tab highlight color (excludes low-contrast).\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * The tab size.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Display a border underlining all tabs. When tabs are in an element with a border-bottom it is preferable to omit the tabs border-bottom\n     */\n    underline: { type: Boolean, default: true },\n  },\n  emits: [\n    /**\n     * Emitted when the selected tab is changed.\n     * @type {string} The key of the selected tab.\n     */\n    'update:modelValue',\n  ],\n  setup(_props, { emit }) {\n    const onClick = (key: string, changeFocus = false) => {\n      if (changeFocus) {\n        const tab = document.getElementById(`${key}ButtonContainer`);\n        if (tab) {\n          tab.focus();\n        }\n      }\n      emit('update:modelValue', key);\n    };\n\n    return {\n      onClick,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonFunctionalColor","NeonSize","_props","emit","key","changeFocus","tab"],"mappings":"wLASAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CAIL,KAAM,CAAE,KAAM,MAAoC,SAAU,EAAK,EAIjE,WAAY,CAAE,KAAM,OAAQ,SAAU,EAAK,EAI3C,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAQ,EAIzF,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,EAIjE,UAAW,CAAE,KAAM,QAAS,QAAS,EAAK,CAC5C,EACA,MAAO,CAKL,mBACF,EACA,MAAMC,EAAQ,CAAE,KAAAC,GAAQ,CAWf,MAAA,CACL,QAXc,CAACC,EAAaC,EAAc,KAAU,CACpD,GAAIA,EAAa,CACf,MAAMC,EAAM,SAAS,eAAe,GAAGF,kBAAoB,EACvDE,GACFA,EAAI,MAAM,CAEd,CACAH,EAAK,oBAAqBC,CAAG,CAAA,CAI7B,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonTabs.ts_vue_type_script_src_b923b5aa_lang.cjs.js","sources":["../../../../src/components/presentation/tabs/NeonTabs.ts?vue&type=script&src=b923b5aa&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport type { NeonTabModel } from '@/common/models/NeonTabModel';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * A component for displaying tabbed content.\n */\nexport default defineComponent({\n  name: 'NeonTabs',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The list of tabs to display.\n     * */\n    tabs: { type: Array as () => Array<NeonTabModel>, required: true },\n    /**\n     * The key of the selected tab.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * The tab highlight color (excludes low-contrast).\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * The tab size.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Display a border underlining all tabs. When tabs are in an element with a border-bottom it is preferable to omit the tabs border-bottom\n     */\n    underline: { type: Boolean, default: true },\n  },\n  emits: [\n    /**\n     * Emitted when the selected tab is changed.\n     * @type {string} The key of the selected tab.\n     */\n    'update:modelValue',\n  ],\n  setup(_props, { emit }) {\n    const onClick = (key: string, changeFocus = false) => {\n      if (changeFocus) {\n        const tab = document.getElementById(`${key}ButtonContainer`);\n        if (tab) {\n          tab.focus();\n        }\n      }\n      emit('update:modelValue', key);\n    };\n\n    return {\n      onClick,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonFunctionalColor","NeonSize","_props","emit","key","changeFocus","tab"],"mappings":"wLASAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CAIL,KAAM,CAAE,KAAM,MAAoC,SAAU,EAAK,EAIjE,WAAY,CAAE,KAAM,OAAQ,SAAU,EAAK,EAI3C,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAQ,EAIzF,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,EAIjE,UAAW,CAAE,KAAM,QAAS,QAAS,EAAK,CAC5C,EACA,MAAO,CAKL,mBACF,EACA,MAAMC,EAAQ,CAAE,KAAAC,GAAQ,CAWf,MAAA,CACL,QAXc,CAACC,EAAaC,EAAc,KAAU,CACpD,GAAIA,EAAa,CACf,MAAMC,EAAM,SAAS,eAAe,GAAGF,kBAAoB,EACvDE,GACFA,EAAI,MAAM,CAEd,CACAH,EAAK,oBAAqBC,CAAG,CAAA,CAI7B,CAEJ,CACF,CAAC"}

package/dist/components/presentation/tabs/{NeonTabs.ts_vue_type_script_src_e2690c40_lang.es.js → NeonTabs.ts_vue_type_script_src_b923b5aa_lang.es.js}

@@ -33,4 +33,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonTabs.ts_vue_type_script_src_e2690c40_lang.es.js.map
+//# sourceMappingURL=NeonTabs.ts_vue_type_script_src_b923b5aa_lang.es.js.map

package/dist/components/presentation/tabs/{NeonTabs.ts_vue_type_script_src_e2690c40_lang.es.js.map → NeonTabs.ts_vue_type_script_src_b923b5aa_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonTabs.ts_vue_type_script_src_e2690c40_lang.es.js","sources":["../../../../src/components/presentation/tabs/NeonTabs.ts?vue&type=script&src=e2690c40&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport type { NeonTabModel } from '@/common/models/NeonTabModel';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * A component for displaying tabbed content.\n */\nexport default defineComponent({\n  name: 'NeonTabs',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The list of tabs to display.\n     * */\n    tabs: { type: Array as () => Array<NeonTabModel>, required: true },\n    /**\n     * The key of the selected tab.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * The tab highlight color (excludes low-contrast).\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * The tab size.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Display a border underlining all tabs. When tabs are in an element with a border-bottom it is preferable to omit the tabs border-bottom\n     */\n    underline: { type: Boolean, default: true },\n  },\n  emits: [\n    /**\n     * Emitted when the selected tab is changed.\n     * @type {string} The key of the selected tab.\n     */\n    'update:modelValue',\n  ],\n  setup(_props, { emit }) {\n    const onClick = (key: string, changeFocus = false) => {\n      if (changeFocus) {\n        const tab = document.getElementById(`${key}ButtonContainer`);\n        if (tab) {\n          tab.focus();\n        }\n      }\n      emit('update:modelValue', key);\n    };\n\n    return {\n      onClick,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;AASA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,MAAM,EAAE,MAAM,OAAoC,UAAU,KAAK;AAAA,IAIjE,YAAY,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAI3C,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,QAAQ;AAAA,IAIzF,MAAM,EAAE,MAAM,QAA0B,SAAS,SAAS,OAAO;AAAA,IAIjE,WAAW,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,EAC5C;AAAA,EACA,OAAO;AAAA,IAKL;AAAA,EACF;AAAA,EACA,MAAM,QAAQ,EAAE,QAAQ;AACtB,UAAM,UAAU,CAAC,KAAa,cAAc,UAAU;AACpD,UAAI,aAAa;AACf,cAAM,MAAM,SAAS,eAAe,GAAG,oBAAoB;AAC3D,YAAI,KAAK;AACP,cAAI,MAAM;AAAA,QACZ;AAAA,MACF;AACA,WAAK,qBAAqB,GAAG;AAAA,IAAA;AAGxB,WAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
+{"version":3,"file":"NeonTabs.ts_vue_type_script_src_b923b5aa_lang.es.js","sources":["../../../../src/components/presentation/tabs/NeonTabs.ts?vue&type=script&src=b923b5aa&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport type { NeonTabModel } from '@/common/models/NeonTabModel';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * A component for displaying tabbed content.\n */\nexport default defineComponent({\n  name: 'NeonTabs',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The list of tabs to display.\n     * */\n    tabs: { type: Array as () => Array<NeonTabModel>, required: true },\n    /**\n     * The key of the selected tab.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * The tab highlight color (excludes low-contrast).\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * The tab size.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Display a border underlining all tabs. When tabs are in an element with a border-bottom it is preferable to omit the tabs border-bottom\n     */\n    underline: { type: Boolean, default: true },\n  },\n  emits: [\n    /**\n     * Emitted when the selected tab is changed.\n     * @type {string} The key of the selected tab.\n     */\n    'update:modelValue',\n  ],\n  setup(_props, { emit }) {\n    const onClick = (key: string, changeFocus = false) => {\n      if (changeFocus) {\n        const tab = document.getElementById(`${key}ButtonContainer`);\n        if (tab) {\n          tab.focus();\n        }\n      }\n      emit('update:modelValue', key);\n    };\n\n    return {\n      onClick,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;AASA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,MAAM,EAAE,MAAM,OAAoC,UAAU,KAAK;AAAA,IAIjE,YAAY,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAI3C,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,QAAQ;AAAA,IAIzF,MAAM,EAAE,MAAM,QAA0B,SAAS,SAAS,OAAO;AAAA,IAIjE,WAAW,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,EAC5C;AAAA,EACA,OAAO;AAAA,IAKL;AAAA,EACF;AAAA,EACA,MAAM,QAAQ,EAAE,QAAQ;AACtB,UAAM,UAAU,CAAC,KAAa,cAAc,UAAU;AACpD,UAAI,aAAa;AACf,cAAM,MAAM,SAAS,eAAe,GAAG,oBAAoB;AAC3D,YAAI,KAAK;AACP,cAAI,MAAM;AAAA,QACZ;AAAA,MACF;AACA,WAAK,qBAAqB,GAAG;AAAA,IAAA;AAGxB,WAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

package/dist/components/presentation/tabs/tab/NeonTab.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var n=require("./NeonTab.ts_vue_type_script_src_f0ee8bae_lang.cjs.js"),r=require("vue"),a=require("../../../../_virtual/plugin-vue_export-helper.cjs.js");const s=["id","aria-labelledby"];function t(e,l,i,d,p,u){return e.responsiveView||!e.toggleOnIf||e.toggleOnIf&&e.selected?(r.openBlock(),r.createElementBlock("div",{key:0,id:e.id,class:r.normalizeClass(["neon-tab",{"neon-tab--selected":e.selected}]),role:"tabpanel","aria-labelledby":e.id?`${e.id}Button`:void 0,tabindex:"0"},[r.renderSlot(e.$slots,"default")],10,s)):r.createCommentVNode("",!0)}var o=a(n,[["render",t],["__file","/Users/andrew/dev/projects/neon/src/components/presentation/tabs/tab/NeonTab.vue"]]);module.exports=o;
+"use strict";var a=require("./NeonTab.ts_vue_type_script_src_7a34aacb_lang.cjs.js"),r=require("vue"),n=require("../../../../_virtual/plugin-vue_export-helper.cjs.js");const s=["id","aria-labelledby"];function t(e,o,i,d,u,p){return e.responsiveView||!e.toggleOnIf||e.toggleOnIf&&e.selected?(r.openBlock(),r.createElementBlock("div",{key:0,id:e.id,class:r.normalizeClass(["neon-tab",{"neon-tab--selected":e.selected}]),role:"tabpanel","aria-labelledby":e.id?`${e.id}Button`:void 0,tabindex:"0"},[r.renderSlot(e.$slots,"default")],10,s)):r.createCommentVNode("",!0)}var l=n(a,[["render",t]]);module.exports=l;
 //# sourceMappingURL=NeonTab.cjs.js.map

package/dist/components/presentation/tabs/tab/NeonTab.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonTab.ts_vue_type_script_src_f0ee8bae_lang.es.js";
+import _sfc_main from "./NeonTab.ts_vue_type_script_src_7a34aacb_lang.es.js";
 import { openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode } from "vue";
 import _export_sfc from "../../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = ["id", "aria-labelledby"];
@@ -14,6 +14,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 10, _hoisted_1)) : createCommentVNode("", true);
 }
-var NeonTab = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/presentation/tabs/tab/NeonTab.vue"]]);
+var NeonTab = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonTab as default };
 //# sourceMappingURL=NeonTab.es.js.map

package/dist/components/presentation/tabs/tab/{NeonTab.ts_vue_type_script_src_f0ee8bae_lang.cjs.js → NeonTab.ts_vue_type_script_src_7a34aacb_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var e=require("vue"),o=require("../../../../common/utils/NeonResponsiveUtils.cjs.js"),i=require("../../../../common/enums/NeonResponsive.cjs.js"),t=e.defineComponent({name:"NeonTab",props:{selected:{type:Boolean,required:!0},id:{type:String,default:null},toggleOnIf:{type:Boolean,default:!1}},setup(){const s=e.ref(!1),n=()=>{s.value=window.matchMedia(o.NeonResponsiveUtils.breakpoints[i.NeonResponsive.MobileLarge]).matches};return e.onMounted(()=>{window.addEventListener("resize",n,{passive:!0}),n()}),e.onUnmounted(()=>{window.removeEventListener("resize",n)}),{responsiveView:s}}});module.exports=t;
-//# sourceMappingURL=NeonTab.ts_vue_type_script_src_f0ee8bae_lang.cjs.js.map
+//# sourceMappingURL=NeonTab.ts_vue_type_script_src_7a34aacb_lang.cjs.js.map

package/dist/components/presentation/tabs/tab/{NeonTab.ts_vue_type_script_src_f0ee8bae_lang.cjs.js.map → NeonTab.ts_vue_type_script_src_7a34aacb_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonTab.ts_vue_type_script_src_f0ee8bae_lang.cjs.js","sources":["../../../../../src/components/presentation/tabs/tab/NeonTab.ts?vue&type=script&src=f0ee8bae&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\nimport { NeonResponsiveUtils } from '@/common/utils/NeonResponsiveUtils';\nimport { NeonResponsive } from '@/common/enums/NeonResponsive';\n\n/**\n * The NeonTab component that defines individual tabs for use with the NeonTabs component.\n */\nexport default defineComponent({\n  name: 'NeonTab',\n  props: {\n    /**\n     * True if the current tab is the visible tab.\n     */\n    selected: { type: Boolean, required: true },\n    /**\n     * Id of the tab (matches the key in NeonTabModel).\n     */\n    id: { type: String, default: null },\n    /**\n     * By default, use CSS display property to show/hide tab contents. This flag will enable using v-if instead.\n     * */\n    toggleOnIf: { type: Boolean, default: false },\n  },\n  setup() {\n    const responsiveView = ref(false);\n\n    const handleResize = () => {\n      responsiveView.value = window.matchMedia(NeonResponsiveUtils.breakpoints[NeonResponsive.MobileLarge]).matches;\n    };\n\n    onMounted(() => {\n      window.addEventListener('resize', handleResize, { passive: true });\n      handleResize();\n    });\n\n    onUnmounted(() => {\n      window.removeEventListener('resize', handleResize);\n    });\n\n    return {\n      responsiveView,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","responsiveView","ref","handleResize","NeonResponsiveUtils","NeonResponsive","onMounted","onUnmounted"],"mappings":"+JAOAA,EAAeC,kBAAgB,CAC7B,KAAM,UACN,MAAO,CAIL,SAAU,CAAE,KAAM,QAAS,SAAU,EAAK,EAI1C,GAAI,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIlC,WAAY,CAAE,KAAM,QAAS,QAAS,EAAM,CAC9C,EACA,OAAQ,CACA,MAAAC,EAAiBC,MAAI,EAAK,EAE1BC,EAAe,IAAM,CACzBF,EAAe,MAAQ,OAAO,WAAWG,EAAAA,oBAAoB,YAAYC,iBAAe,YAAY,EAAE,OAAA,EAGxGC,OAAAA,EAAAA,UAAU,IAAM,CACd,OAAO,iBAAiB,SAAUH,EAAc,CAAE,QAAS,GAAM,EACpDA,GAAA,CACd,EAEDI,EAAAA,YAAY,IAAM,CACT,OAAA,oBAAoB,SAAUJ,CAAY,CAAA,CAClD,EAEM,CACL,eAAAF,CAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonTab.ts_vue_type_script_src_7a34aacb_lang.cjs.js","sources":["../../../../../src/components/presentation/tabs/tab/NeonTab.ts?vue&type=script&src=7a34aacb&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\nimport { NeonResponsiveUtils } from '@/common/utils/NeonResponsiveUtils';\nimport { NeonResponsive } from '@/common/enums/NeonResponsive';\n\n/**\n * The NeonTab component that defines individual tabs for use with the NeonTabs component.\n */\nexport default defineComponent({\n  name: 'NeonTab',\n  props: {\n    /**\n     * True if the current tab is the visible tab.\n     */\n    selected: { type: Boolean, required: true },\n    /**\n     * Id of the tab (matches the key in NeonTabModel).\n     */\n    id: { type: String, default: null },\n    /**\n     * By default, use CSS display property to show/hide tab contents. This flag will enable using v-if instead.\n     * */\n    toggleOnIf: { type: Boolean, default: false },\n  },\n  setup() {\n    const responsiveView = ref(false);\n\n    const handleResize = () => {\n      responsiveView.value = window.matchMedia(NeonResponsiveUtils.breakpoints[NeonResponsive.MobileLarge]).matches;\n    };\n\n    onMounted(() => {\n      window.addEventListener('resize', handleResize, { passive: true });\n      handleResize();\n    });\n\n    onUnmounted(() => {\n      window.removeEventListener('resize', handleResize);\n    });\n\n    return {\n      responsiveView,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","responsiveView","ref","handleResize","NeonResponsiveUtils","NeonResponsive","onMounted","onUnmounted"],"mappings":"+JAOAA,EAAeC,kBAAgB,CAC7B,KAAM,UACN,MAAO,CAIL,SAAU,CAAE,KAAM,QAAS,SAAU,EAAK,EAI1C,GAAI,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIlC,WAAY,CAAE,KAAM,QAAS,QAAS,EAAM,CAC9C,EACA,OAAQ,CACA,MAAAC,EAAiBC,MAAI,EAAK,EAE1BC,EAAe,IAAM,CACzBF,EAAe,MAAQ,OAAO,WAAWG,EAAAA,oBAAoB,YAAYC,iBAAe,YAAY,EAAE,OAAA,EAGxGC,OAAAA,EAAAA,UAAU,IAAM,CACd,OAAO,iBAAiB,SAAUH,EAAc,CAAE,QAAS,GAAM,EACpDA,GAAA,CACd,EAEDI,EAAAA,YAAY,IAAM,CACT,OAAA,oBAAoB,SAAUJ,CAAY,CAAA,CAClD,EAEM,CACL,eAAAF,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/presentation/tabs/tab/{NeonTab.ts_vue_type_script_src_f0ee8bae_lang.es.js → NeonTab.ts_vue_type_script_src_7a34aacb_lang.es.js}

@@ -26,4 +26,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonTab.ts_vue_type_script_src_f0ee8bae_lang.es.js.map
+//# sourceMappingURL=NeonTab.ts_vue_type_script_src_7a34aacb_lang.es.js.map

package/dist/components/presentation/tabs/tab/{NeonTab.ts_vue_type_script_src_f0ee8bae_lang.es.js.map → NeonTab.ts_vue_type_script_src_7a34aacb_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonTab.ts_vue_type_script_src_f0ee8bae_lang.es.js","sources":["../../../../../src/components/presentation/tabs/tab/NeonTab.ts?vue&type=script&src=f0ee8bae&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\nimport { NeonResponsiveUtils } from '@/common/utils/NeonResponsiveUtils';\nimport { NeonResponsive } from '@/common/enums/NeonResponsive';\n\n/**\n * The NeonTab component that defines individual tabs for use with the NeonTabs component.\n */\nexport default defineComponent({\n  name: 'NeonTab',\n  props: {\n    /**\n     * True if the current tab is the visible tab.\n     */\n    selected: { type: Boolean, required: true },\n    /**\n     * Id of the tab (matches the key in NeonTabModel).\n     */\n    id: { type: String, default: null },\n    /**\n     * By default, use CSS display property to show/hide tab contents. This flag will enable using v-if instead.\n     * */\n    toggleOnIf: { type: Boolean, default: false },\n  },\n  setup() {\n    const responsiveView = ref(false);\n\n    const handleResize = () => {\n      responsiveView.value = window.matchMedia(NeonResponsiveUtils.breakpoints[NeonResponsive.MobileLarge]).matches;\n    };\n\n    onMounted(() => {\n      window.addEventListener('resize', handleResize, { passive: true });\n      handleResize();\n    });\n\n    onUnmounted(() => {\n      window.removeEventListener('resize', handleResize);\n    });\n\n    return {\n      responsiveView,\n    };\n  },\n});\n"],"names":[],"mappings":";;;AAOA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IAIL,UAAU,EAAE,MAAM,SAAS,UAAU,KAAK;AAAA,IAI1C,IAAI,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIlC,YAAY,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC9C;AAAA,EACA,QAAQ;AACA,UAAA,iBAAiB,IAAI,KAAK;AAEhC,UAAM,eAAe,MAAM;AACzB,qBAAe,QAAQ,OAAO,WAAW,oBAAoB,YAAY,eAAe,YAAY,EAAE;AAAA,IAAA;AAGxG,cAAU,MAAM;AACd,aAAO,iBAAiB,UAAU,cAAc,EAAE,SAAS,MAAM;AACpD;IAAA,CACd;AAED,gBAAY,MAAM;AACT,aAAA,oBAAoB,UAAU,YAAY;AAAA,IAAA,CAClD;AAEM,WAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
+{"version":3,"file":"NeonTab.ts_vue_type_script_src_7a34aacb_lang.es.js","sources":["../../../../../src/components/presentation/tabs/tab/NeonTab.ts?vue&type=script&src=7a34aacb&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\nimport { NeonResponsiveUtils } from '@/common/utils/NeonResponsiveUtils';\nimport { NeonResponsive } from '@/common/enums/NeonResponsive';\n\n/**\n * The NeonTab component that defines individual tabs for use with the NeonTabs component.\n */\nexport default defineComponent({\n  name: 'NeonTab',\n  props: {\n    /**\n     * True if the current tab is the visible tab.\n     */\n    selected: { type: Boolean, required: true },\n    /**\n     * Id of the tab (matches the key in NeonTabModel).\n     */\n    id: { type: String, default: null },\n    /**\n     * By default, use CSS display property to show/hide tab contents. This flag will enable using v-if instead.\n     * */\n    toggleOnIf: { type: Boolean, default: false },\n  },\n  setup() {\n    const responsiveView = ref(false);\n\n    const handleResize = () => {\n      responsiveView.value = window.matchMedia(NeonResponsiveUtils.breakpoints[NeonResponsive.MobileLarge]).matches;\n    };\n\n    onMounted(() => {\n      window.addEventListener('resize', handleResize, { passive: true });\n      handleResize();\n    });\n\n    onUnmounted(() => {\n      window.removeEventListener('resize', handleResize);\n    });\n\n    return {\n      responsiveView,\n    };\n  },\n});\n"],"names":[],"mappings":";;;AAOA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IAIL,UAAU,EAAE,MAAM,SAAS,UAAU,KAAK;AAAA,IAI1C,IAAI,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIlC,YAAY,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC9C;AAAA,EACA,QAAQ;AACA,UAAA,iBAAiB,IAAI,KAAK;AAEhC,UAAM,eAAe,MAAM;AACzB,qBAAe,QAAQ,OAAO,WAAW,oBAAoB,YAAY,eAAe,YAAY,EAAE;AAAA,IAAA;AAGxG,cAAU,MAAM;AACd,aAAO,iBAAiB,UAAU,cAAc,EAAE,SAAS,MAAM;AACpD;IAAA,CACd;AAED,gBAAY,MAAM;AACT,aAAA,oBAAoB,UAAU,YAAY;AAAA,IAAA,CAClD;AAEM,WAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

package/dist/components/user-input/button/NeonButton.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var l=require("./NeonButton.ts_vue_type_script_src_7074fdce_lang.cjs.js"),n=require("vue"),a=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const i={key:1,class:"neon-button__label"},d=["disabled","tabindex"],u={key:1,class:"neon-button__label"};function p(e,o,b,m,v,k){const s=n.resolveComponent("neon-icon"),t=n.resolveComponent("neon-link"),r=n.resolveComponent("neon-expansion-indicator");return e.href?(n.openBlock(),n.createBlock(t,n.mergeProps({key:0,ref:"button",class:[e.classes,"neon-button"],href:e.href,tabindex:e.disabled?-1:0,"outline-style":"none",role:"button"},e.attrs,{onKeydown:o[0]||(o[0]=n.withKeys(y=>e.click(),["space"])),onKeypress:o[1]||(o[1]=n.withKeys(n.withModifiers(()=>{},["prevent"]),["space"]))}),{default:n.withCtx(()=>[e.icon||e.state!=="ready"?(n.openBlock(),n.createBlock(s,{key:0,color:e.buttonStyle!=="solid"?e.color:void 0,inverse:e.buttonStyle==="solid"||e.inverse,name:e.iconName},null,8,["color","inverse","name"])):n.createCommentVNode("",!0),e.label?(n.openBlock(),n.createElementBlock("span",i,n.toDisplayString(e.label),1)):n.createCommentVNode("",!0)]),_:1},16,["class","href","tabindex"])):(n.openBlock(),n.createElementBlock("button",n.mergeProps({key:1,class:[e.classes,"neon-button"],disabled:e.disabled||e.state!=="ready",tabindex:e.disabled?-1:0},e.attrs),[e.icon||e.state!=="ready"?(n.openBlock(),n.createBlock(s,{key:0,color:e.buttonStyle!=="solid"?e.color:void 0,disabled:e.disabled,inverse:e.buttonStyle==="solid"||e.inverse,name:e.iconName},null,8,["color","disabled","inverse","name"])):n.createCommentVNode("",!0),e.label?(n.openBlock(),n.createElementBlock("span",u,n.toDisplayString(e.label),1)):n.createCommentVNode("",!0),e.indicator?(n.openBlock(),n.createBlock(r,{key:2,color:e.color,disabled:e.disabled,expanded:e.indicatorExpanded,inverse:e.buttonStyle==="solid"||e.inverse,class:"neon-button__indicator"},null,8,["color","disabled","expanded","inverse"])):n.createCommentVNode("",!0)],16,d))}var c=a(l,[["render",p],["__file","/Users/andrew/dev/projects/neon/src/components/user-input/button/NeonButton.vue"]]);module.exports=c;
+"use strict";var r=require("./NeonButton.ts_vue_type_script_src_32308d32_lang.cjs.js"),n=require("vue"),a=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const i={key:1,class:"neon-button__label"},d=["disabled","tabindex"],u={key:1,class:"neon-button__label"};function p(e,o,b,m,k,v){const s=n.resolveComponent("neon-icon"),l=n.resolveComponent("neon-link"),t=n.resolveComponent("neon-expansion-indicator");return e.href?(n.openBlock(),n.createBlock(l,n.mergeProps({key:0,ref:"button",class:[e.classes,"neon-button"],href:e.href,tabindex:e.disabled?-1:0,"outline-style":"none",role:"button"},e.attrs,{onKeydown:o[0]||(o[0]=n.withKeys(y=>e.click(),["space"])),onKeypress:o[1]||(o[1]=n.withKeys(n.withModifiers(()=>{},["prevent"]),["space"]))}),{default:n.withCtx(()=>[e.icon||e.state!=="ready"?(n.openBlock(),n.createBlock(s,{key:0,color:e.buttonStyle!=="solid"?e.color:void 0,inverse:e.buttonStyle==="solid"||e.inverse,name:e.iconName},null,8,["color","inverse","name"])):n.createCommentVNode("",!0),e.label?(n.openBlock(),n.createElementBlock("span",i,n.toDisplayString(e.label),1)):n.createCommentVNode("",!0)]),_:1},16,["class","href","tabindex"])):(n.openBlock(),n.createElementBlock("button",n.mergeProps({key:1,class:[e.classes,"neon-button"],disabled:e.disabled||e.state!=="ready",tabindex:e.disabled?-1:0},e.attrs),[e.icon||e.state!=="ready"?(n.openBlock(),n.createBlock(s,{key:0,color:e.buttonStyle!=="solid"?e.color:void 0,disabled:e.disabled,inverse:e.buttonStyle==="solid"||e.inverse,name:e.iconName},null,8,["color","disabled","inverse","name"])):n.createCommentVNode("",!0),e.label?(n.openBlock(),n.createElementBlock("span",u,n.toDisplayString(e.label),1)):n.createCommentVNode("",!0),e.indicator?(n.openBlock(),n.createBlock(t,{key:2,color:e.color,disabled:e.disabled,expanded:e.indicatorExpanded,inverse:e.buttonStyle==="solid"||e.inverse,class:"neon-button__indicator"},null,8,["color","disabled","expanded","inverse"])):n.createCommentVNode("",!0)],16,d))}var c=a(r,[["render",p]]);module.exports=c;
 //# sourceMappingURL=NeonButton.cjs.js.map

package/dist/components/user-input/button/NeonButton.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonButton.ts_vue_type_script_src_7074fdce_lang.es.js";
+import _sfc_main from "./NeonButton.ts_vue_type_script_src_32308d32_lang.es.js";
 import { resolveComponent, openBlock, createBlock, mergeProps, withKeys, withModifiers, withCtx, createCommentVNode, createElementBlock, toDisplayString } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = {
@@ -61,6 +61,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["color", "disabled", "expanded", "inverse"])) : createCommentVNode("", true)
   ], 16, _hoisted_2));
 }
-var NeonButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/user-input/button/NeonButton.vue"]]);
+var NeonButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonButton as default };
 //# sourceMappingURL=NeonButton.es.js.map

package/dist/components/user-input/button/{NeonButton.ts_vue_type_script_src_7074fdce_lang.cjs.js → NeonButton.ts_vue_type_script_src_32308d32_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var e=require("vue"),r=require("../../../common/enums/NeonButtonSize.cjs.js"),c=require("../../../common/enums/NeonFunctionalColor.cjs.js"),s=require("../../../common/enums/NeonButtonStyle.cjs.js"),d=require("../../../common/enums/NeonHorizontalPosition.cjs.js"),f=require("../../presentation/icon/NeonIcon.cjs.js"),b=require("../../navigation/link/NeonLink.cjs.js"),N=require("../../presentation/expansion-indicator/NeonExpansionIndicator.cjs.js"),t=require("../../../common/enums/NeonState.cjs.js"),S=e.defineComponent({name:"NeonButton",components:{NeonExpansionIndicator:N,NeonIcon:f,NeonLink:b},props:{href:{type:String,default:null},label:{type:String,default:null},size:{type:String,default:r.NeonButtonSize.Medium},color:{type:String,default:c.NeonFunctionalColor.LowContrast},inverse:{type:Boolean,default:!1},alternateColor:{type:String,default:null},icon:{type:String,default:null},iconPosition:{type:String,default:d.NeonHorizontalPosition.Left},buttonStyle:{type:String,default:s.NeonButtonStyle.Solid},state:{type:String,default:t.NeonState.Ready},disabled:{type:Boolean,default:!1},outline:{type:Boolean,default:!0},circular:{type:Boolean,default:null},fullWidth:{type:Boolean,default:null},indicator:{type:Boolean,default:!1},indicatorExpanded:{type:Boolean,default:null}},setup(n){const l=e.useAttrs(),o=e.ref(null),a=e.computed(()=>{switch(n.state){case t.NeonState.Loading:return"loading";case t.NeonState.Success:return"check";case t.NeonState.Error:return"times";default:return n.icon}}),u=e.computed(()=>[`neon-button--${n.size}`,!n.inverse&&`neon-button--${n.color}`,`neon-button--${n.buttonStyle}`,`neon-button--state-${n.state}`,{"neon-button--disabled":n.disabled,"neon-button--inverse":n.inverse,"neon-button--circular":n.circular,"neon-button--no-outline":!n.outline,"neon-button--full-width":n.fullWidth,"neon-button--with-icon neon-button--icon-only":!n.label&&n.icon&&!n.indicator,"neon-button--with-icon neon-button--icon-left":n.label&&n.icon&&n.iconPosition==="left","neon-button--with-icon neon-button--icon-right":n.label&&n.icon&&n.iconPosition==="right",[`neon-button--alternate-color-${n.alternateColor}`]:n.alternateColor}]);return{iconName:a,classes:u,button:o,attrs:l,click:()=>{var i;return(i=o.value)==null?void 0:i.click()}}}});module.exports=S;
-//# sourceMappingURL=NeonButton.ts_vue_type_script_src_7074fdce_lang.cjs.js.map
+//# sourceMappingURL=NeonButton.ts_vue_type_script_src_32308d32_lang.cjs.js.map

package/dist/components/user-input/button/{NeonButton.ts_vue_type_script_src_7074fdce_lang.cjs.js.map → NeonButton.ts_vue_type_script_src_32308d32_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonButton.ts_vue_type_script_src_7074fdce_lang.cjs.js","sources":["../../../../src/components/user-input/button/NeonButton.ts?vue&type=script&src=7074fdce&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonButtonSize } from '@/common/enums/NeonButtonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonButtonStyle } from '@/common/enums/NeonButtonStyle';\nimport { NeonHorizontalPosition } from '@/common/enums/NeonHorizontalPosition';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\nimport { NeonState } from '@/common/enums/NeonState';\n\n/**\n * A button component. Renders an HTML button or, if an href is provided, renders using NeonLink in the style of a button. NeonButton supports all events and attributes of HTML buttons, e.g, @click.\n */\nexport default defineComponent({\n  name: 'NeonButton',\n  components: {\n    NeonExpansionIndicator,\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    /**\n     * Optional href for rendering a button as a link\n     */\n    href: { type: String, default: null },\n    /**\n     * The text to display on a button\n     */\n    label: { type: String, default: null },\n    /**\n     * The button size\n     */\n    size: { type: String as () => NeonButtonSize, default: NeonButtonSize.Medium },\n    /**\n     * The button color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * Display the button as high-contrast with inverted colors. This is useful for placing a button on a colored background.\n     * NOTE: Supports Solid & Outline button styles only (gradient & text buttons are not supported)\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Solid buttons ONLY. Alternate color for creating a gradient buttons. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Optional icon to display\n     */\n    icon: { type: String, default: null },\n    /**\n     * Position of the icon if combined with text\n     */\n    iconPosition: { type: String as () => NeonHorizontalPosition, default: NeonHorizontalPosition.Left },\n    /**\n     * The style of button\n     */\n    buttonStyle: { type: String as () => NeonButtonStyle, default: NeonButtonStyle.Solid },\n    /**\n     * Provide button states of <em>ready, loading, success or error</em> which change the display of the button (with icons) to reflect the state.\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * Whether the button is disabled\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Whether to display a button outline when the button has focus\n     */\n    outline: { type: Boolean, default: true },\n    /**\n     * Make the button circular. NOTE: This is only for icon only buttons.\n     */\n    circular: { type: Boolean, default: null },\n    /**\n     * Make a button extend to the full width of the parent container.\n     */\n    fullWidth: { type: Boolean, default: null },\n    /**\n     * INTERNAL USE ONLY: display a NeonExpansionIndicator on the button (used for dropdown buttons)\n     * @ignore\n     */\n    indicator: { type: Boolean, default: false },\n    /**\n     * INTERNAL USE ONLY: display the NeonExpansionIndicator on the button as <em>open</em> or <em>closed</em>.\n     * @ignore\n     */\n    indicatorExpanded: { type: Boolean, default: null },\n  },\n  setup(props) {\n    const attrs = useAttrs();\n\n    const button = ref<HTMLElement | null>(null);\n\n    const iconName = computed(() => {\n      switch (props.state) {\n        case NeonState.Loading:\n          return 'loading';\n        case NeonState.Success:\n          return 'check';\n        case NeonState.Error:\n          return 'times';\n        default:\n          return props.icon;\n      }\n    });\n\n    const classes = computed(() => {\n      return [\n        `neon-button--${props.size}`,\n        !props.inverse && `neon-button--${props.color}`,\n        `neon-button--${props.buttonStyle}`,\n        `neon-button--state-${props.state}`,\n        {\n          'neon-button--disabled': props.disabled,\n          'neon-button--inverse': props.inverse,\n          'neon-button--circular': props.circular,\n          'neon-button--no-outline': !props.outline,\n          'neon-button--full-width': props.fullWidth,\n          'neon-button--with-icon neon-button--icon-only': !props.label && props.icon && !props.indicator,\n          'neon-button--with-icon neon-button--icon-left': props.label && props.icon && props.iconPosition === 'left',\n          'neon-button--with-icon neon-button--icon-right': props.label && props.icon && props.iconPosition === 'right',\n          [`neon-button--alternate-color-${props.alternateColor}`]: props.alternateColor,\n        },\n      ];\n    });\n\n    const click = () => button.value?.click();\n\n    return {\n      iconName,\n      classes,\n      button,\n      attrs,\n      click,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonExpansionIndicator","NeonIcon","NeonLink","NeonButtonSize","NeonFunctionalColor","NeonHorizontalPosition","NeonButtonStyle","NeonState","props","attrs","useAttrs","button","ref","iconName","computed","classes","_a"],"mappings":"kgBAaAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,WAAY,CACV,uBAAAC,EACA,SAAAC,EACA,SAAAC,CACF,EACA,MAAO,CAIL,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIpC,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIrC,KAAM,CAAE,KAAM,OAAgC,QAASC,EAAAA,eAAe,MAAO,EAI7E,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAY,EAK7F,QAAS,CAAE,KAAM,QAAS,QAAS,EAAM,EAIzC,eAAgB,CAAE,KAAM,OAAqC,QAAS,IAAK,EAI3E,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIpC,aAAc,CAAE,KAAM,OAAwC,QAASC,EAAAA,uBAAuB,IAAK,EAInG,YAAa,CAAE,KAAM,OAAiC,QAASC,EAAAA,gBAAgB,KAAM,EAIrF,MAAO,CAAE,KAAM,OAA2B,QAASC,EAAAA,UAAU,KAAM,EAInE,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAI1C,QAAS,CAAE,KAAM,QAAS,QAAS,EAAK,EAIxC,SAAU,CAAE,KAAM,QAAS,QAAS,IAAK,EAIzC,UAAW,CAAE,KAAM,QAAS,QAAS,IAAK,EAK1C,UAAW,CAAE,KAAM,QAAS,QAAS,EAAM,EAK3C,kBAAmB,CAAE,KAAM,QAAS,QAAS,IAAK,CACpD,EACA,MAAMC,EAAO,CACX,MAAMC,EAAQC,EAAAA,WAERC,EAASC,MAAwB,IAAI,EAErCC,EAAWC,EAAAA,SAAS,IAAM,CAC9B,OAAQN,EAAM,YACPD,EAAU,UAAA,QACN,MAAA,eACJA,EAAU,UAAA,QACN,MAAA,aACJA,EAAU,UAAA,MACN,MAAA,gBAEP,OAAOC,EAAM,KAAA,CAElB,EAEKO,EAAUD,EAAAA,SAAS,IAChB,CACL,gBAAgBN,EAAM,OACtB,CAACA,EAAM,SAAW,gBAAgBA,EAAM,QACxC,gBAAgBA,EAAM,cACtB,sBAAsBA,EAAM,QAC5B,CACE,wBAAyBA,EAAM,SAC/B,uBAAwBA,EAAM,QAC9B,wBAAyBA,EAAM,SAC/B,0BAA2B,CAACA,EAAM,QAClC,0BAA2BA,EAAM,UACjC,gDAAiD,CAACA,EAAM,OAASA,EAAM,MAAQ,CAACA,EAAM,UACtF,gDAAiDA,EAAM,OAASA,EAAM,MAAQA,EAAM,eAAiB,OACrG,iDAAkDA,EAAM,OAASA,EAAM,MAAQA,EAAM,eAAiB,QACtG,CAAC,gCAAgCA,EAAM,kBAAmBA,EAAM,cAClE,CAAA,CAEH,EAIM,MAAA,CACL,SAAAK,EACA,QAAAE,EACA,OAAAJ,EACA,MAAAF,EACA,MAPY,IAAM,OAAA,OAAAO,EAAAL,EAAO,QAAP,YAAAK,EAAc,QAOhC,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonButton.ts_vue_type_script_src_32308d32_lang.cjs.js","sources":["../../../../src/components/user-input/button/NeonButton.ts?vue&type=script&src=32308d32&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonButtonSize } from '@/common/enums/NeonButtonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonButtonStyle } from '@/common/enums/NeonButtonStyle';\nimport { NeonHorizontalPosition } from '@/common/enums/NeonHorizontalPosition';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\nimport { NeonState } from '@/common/enums/NeonState';\n\n/**\n * A button component. Renders an HTML button or, if an href is provided, renders using NeonLink in the style of a button. NeonButton supports all events and attributes of HTML buttons, e.g, @click.\n */\nexport default defineComponent({\n  name: 'NeonButton',\n  components: {\n    NeonExpansionIndicator,\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    /**\n     * Optional href for rendering a button as a link\n     */\n    href: { type: String, default: null },\n    /**\n     * The text to display on a button\n     */\n    label: { type: String, default: null },\n    /**\n     * The button size\n     */\n    size: { type: String as () => NeonButtonSize, default: NeonButtonSize.Medium },\n    /**\n     * The button color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * Display the button as high-contrast with inverted colors. This is useful for placing a button on a colored background.\n     * NOTE: Supports Solid & Outline button styles only (gradient & text buttons are not supported)\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Solid buttons ONLY. Alternate color for creating a gradient buttons. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Optional icon to display\n     */\n    icon: { type: String, default: null },\n    /**\n     * Position of the icon if combined with text\n     */\n    iconPosition: { type: String as () => NeonHorizontalPosition, default: NeonHorizontalPosition.Left },\n    /**\n     * The style of button\n     */\n    buttonStyle: { type: String as () => NeonButtonStyle, default: NeonButtonStyle.Solid },\n    /**\n     * Provide button states of <em>ready, loading, success or error</em> which change the display of the button (with icons) to reflect the state.\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * Whether the button is disabled\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Whether to display a button outline when the button has focus\n     */\n    outline: { type: Boolean, default: true },\n    /**\n     * Make the button circular. NOTE: This is only for icon only buttons.\n     */\n    circular: { type: Boolean, default: null },\n    /**\n     * Make a button extend to the full width of the parent container.\n     */\n    fullWidth: { type: Boolean, default: null },\n    /**\n     * INTERNAL USE ONLY: display a NeonExpansionIndicator on the button (used for dropdown buttons)\n     * @ignore\n     */\n    indicator: { type: Boolean, default: false },\n    /**\n     * INTERNAL USE ONLY: display the NeonExpansionIndicator on the button as <em>open</em> or <em>closed</em>.\n     * @ignore\n     */\n    indicatorExpanded: { type: Boolean, default: null },\n  },\n  setup(props) {\n    const attrs = useAttrs();\n\n    const button = ref<HTMLElement | null>(null);\n\n    const iconName = computed(() => {\n      switch (props.state) {\n        case NeonState.Loading:\n          return 'loading';\n        case NeonState.Success:\n          return 'check';\n        case NeonState.Error:\n          return 'times';\n        default:\n          return props.icon;\n      }\n    });\n\n    const classes = computed(() => {\n      return [\n        `neon-button--${props.size}`,\n        !props.inverse && `neon-button--${props.color}`,\n        `neon-button--${props.buttonStyle}`,\n        `neon-button--state-${props.state}`,\n        {\n          'neon-button--disabled': props.disabled,\n          'neon-button--inverse': props.inverse,\n          'neon-button--circular': props.circular,\n          'neon-button--no-outline': !props.outline,\n          'neon-button--full-width': props.fullWidth,\n          'neon-button--with-icon neon-button--icon-only': !props.label && props.icon && !props.indicator,\n          'neon-button--with-icon neon-button--icon-left': props.label && props.icon && props.iconPosition === 'left',\n          'neon-button--with-icon neon-button--icon-right': props.label && props.icon && props.iconPosition === 'right',\n          [`neon-button--alternate-color-${props.alternateColor}`]: props.alternateColor,\n        },\n      ];\n    });\n\n    const click = () => button.value?.click();\n\n    return {\n      iconName,\n      classes,\n      button,\n      attrs,\n      click,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonExpansionIndicator","NeonIcon","NeonLink","NeonButtonSize","NeonFunctionalColor","NeonHorizontalPosition","NeonButtonStyle","NeonState","props","attrs","useAttrs","button","ref","iconName","computed","classes","_a"],"mappings":"kgBAaAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,WAAY,CACV,uBAAAC,EACA,SAAAC,EACA,SAAAC,CACF,EACA,MAAO,CAIL,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIpC,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIrC,KAAM,CAAE,KAAM,OAAgC,QAASC,EAAAA,eAAe,MAAO,EAI7E,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAY,EAK7F,QAAS,CAAE,KAAM,QAAS,QAAS,EAAM,EAIzC,eAAgB,CAAE,KAAM,OAAqC,QAAS,IAAK,EAI3E,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIpC,aAAc,CAAE,KAAM,OAAwC,QAASC,EAAAA,uBAAuB,IAAK,EAInG,YAAa,CAAE,KAAM,OAAiC,QAASC,EAAAA,gBAAgB,KAAM,EAIrF,MAAO,CAAE,KAAM,OAA2B,QAASC,EAAAA,UAAU,KAAM,EAInE,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAI1C,QAAS,CAAE,KAAM,QAAS,QAAS,EAAK,EAIxC,SAAU,CAAE,KAAM,QAAS,QAAS,IAAK,EAIzC,UAAW,CAAE,KAAM,QAAS,QAAS,IAAK,EAK1C,UAAW,CAAE,KAAM,QAAS,QAAS,EAAM,EAK3C,kBAAmB,CAAE,KAAM,QAAS,QAAS,IAAK,CACpD,EACA,MAAMC,EAAO,CACX,MAAMC,EAAQC,EAAAA,WAERC,EAASC,MAAwB,IAAI,EAErCC,EAAWC,EAAAA,SAAS,IAAM,CAC9B,OAAQN,EAAM,YACPD,EAAU,UAAA,QACN,MAAA,eACJA,EAAU,UAAA,QACN,MAAA,aACJA,EAAU,UAAA,MACN,MAAA,gBAEP,OAAOC,EAAM,KAAA,CAElB,EAEKO,EAAUD,EAAAA,SAAS,IAChB,CACL,gBAAgBN,EAAM,OACtB,CAACA,EAAM,SAAW,gBAAgBA,EAAM,QACxC,gBAAgBA,EAAM,cACtB,sBAAsBA,EAAM,QAC5B,CACE,wBAAyBA,EAAM,SAC/B,uBAAwBA,EAAM,QAC9B,wBAAyBA,EAAM,SAC/B,0BAA2B,CAACA,EAAM,QAClC,0BAA2BA,EAAM,UACjC,gDAAiD,CAACA,EAAM,OAASA,EAAM,MAAQ,CAACA,EAAM,UACtF,gDAAiDA,EAAM,OAASA,EAAM,MAAQA,EAAM,eAAiB,OACrG,iDAAkDA,EAAM,OAASA,EAAM,MAAQA,EAAM,eAAiB,QACtG,CAAC,gCAAgCA,EAAM,kBAAmBA,EAAM,cAClE,CAAA,CAEH,EAIM,MAAA,CACL,SAAAK,EACA,QAAAE,EACA,OAAAJ,EACA,MAAAF,EACA,MAPY,IAAM,OAAA,OAAAO,EAAAL,EAAO,QAAP,YAAAK,EAAc,QAOhC,CAEJ,CACF,CAAC"}

package/dist/components/user-input/button/{NeonButton.ts_vue_type_script_src_7074fdce_lang.es.js → NeonButton.ts_vue_type_script_src_32308d32_lang.es.js}

@@ -80,4 +80,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonButton.ts_vue_type_script_src_7074fdce_lang.es.js.map
+//# sourceMappingURL=NeonButton.ts_vue_type_script_src_32308d32_lang.es.js.map

package/dist/components/user-input/button/{NeonButton.ts_vue_type_script_src_7074fdce_lang.es.js.map → NeonButton.ts_vue_type_script_src_32308d32_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonButton.ts_vue_type_script_src_7074fdce_lang.es.js","sources":["../../../../src/components/user-input/button/NeonButton.ts?vue&type=script&src=7074fdce&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonButtonSize } from '@/common/enums/NeonButtonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonButtonStyle } from '@/common/enums/NeonButtonStyle';\nimport { NeonHorizontalPosition } from '@/common/enums/NeonHorizontalPosition';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\nimport { NeonState } from '@/common/enums/NeonState';\n\n/**\n * A button component. Renders an HTML button or, if an href is provided, renders using NeonLink in the style of a button. NeonButton supports all events and attributes of HTML buttons, e.g, @click.\n */\nexport default defineComponent({\n  name: 'NeonButton',\n  components: {\n    NeonExpansionIndicator,\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    /**\n     * Optional href for rendering a button as a link\n     */\n    href: { type: String, default: null },\n    /**\n     * The text to display on a button\n     */\n    label: { type: String, default: null },\n    /**\n     * The button size\n     */\n    size: { type: String as () => NeonButtonSize, default: NeonButtonSize.Medium },\n    /**\n     * The button color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * Display the button as high-contrast with inverted colors. This is useful for placing a button on a colored background.\n     * NOTE: Supports Solid & Outline button styles only (gradient & text buttons are not supported)\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Solid buttons ONLY. Alternate color for creating a gradient buttons. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Optional icon to display\n     */\n    icon: { type: String, default: null },\n    /**\n     * Position of the icon if combined with text\n     */\n    iconPosition: { type: String as () => NeonHorizontalPosition, default: NeonHorizontalPosition.Left },\n    /**\n     * The style of button\n     */\n    buttonStyle: { type: String as () => NeonButtonStyle, default: NeonButtonStyle.Solid },\n    /**\n     * Provide button states of <em>ready, loading, success or error</em> which change the display of the button (with icons) to reflect the state.\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * Whether the button is disabled\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Whether to display a button outline when the button has focus\n     */\n    outline: { type: Boolean, default: true },\n    /**\n     * Make the button circular. NOTE: This is only for icon only buttons.\n     */\n    circular: { type: Boolean, default: null },\n    /**\n     * Make a button extend to the full width of the parent container.\n     */\n    fullWidth: { type: Boolean, default: null },\n    /**\n     * INTERNAL USE ONLY: display a NeonExpansionIndicator on the button (used for dropdown buttons)\n     * @ignore\n     */\n    indicator: { type: Boolean, default: false },\n    /**\n     * INTERNAL USE ONLY: display the NeonExpansionIndicator on the button as <em>open</em> or <em>closed</em>.\n     * @ignore\n     */\n    indicatorExpanded: { type: Boolean, default: null },\n  },\n  setup(props) {\n    const attrs = useAttrs();\n\n    const button = ref<HTMLElement | null>(null);\n\n    const iconName = computed(() => {\n      switch (props.state) {\n        case NeonState.Loading:\n          return 'loading';\n        case NeonState.Success:\n          return 'check';\n        case NeonState.Error:\n          return 'times';\n        default:\n          return props.icon;\n      }\n    });\n\n    const classes = computed(() => {\n      return [\n        `neon-button--${props.size}`,\n        !props.inverse && `neon-button--${props.color}`,\n        `neon-button--${props.buttonStyle}`,\n        `neon-button--state-${props.state}`,\n        {\n          'neon-button--disabled': props.disabled,\n          'neon-button--inverse': props.inverse,\n          'neon-button--circular': props.circular,\n          'neon-button--no-outline': !props.outline,\n          'neon-button--full-width': props.fullWidth,\n          'neon-button--with-icon neon-button--icon-only': !props.label && props.icon && !props.indicator,\n          'neon-button--with-icon neon-button--icon-left': props.label && props.icon && props.iconPosition === 'left',\n          'neon-button--with-icon neon-button--icon-right': props.label && props.icon && props.iconPosition === 'right',\n          [`neon-button--alternate-color-${props.alternateColor}`]: props.alternateColor,\n        },\n      ];\n    });\n\n    const click = () => button.value?.click();\n\n    return {\n      iconName,\n      classes,\n      button,\n      attrs,\n      click,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;AAaA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIpC,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIrC,MAAM,EAAE,MAAM,QAAgC,SAAS,eAAe,OAAO;AAAA,IAI7E,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,YAAY;AAAA,IAK7F,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAIzC,gBAAgB,EAAE,MAAM,QAAqC,SAAS,KAAK;AAAA,IAI3E,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIpC,cAAc,EAAE,MAAM,QAAwC,SAAS,uBAAuB,KAAK;AAAA,IAInG,aAAa,EAAE,MAAM,QAAiC,SAAS,gBAAgB,MAAM;AAAA,IAIrF,OAAO,EAAE,MAAM,QAA2B,SAAS,UAAU,MAAM;AAAA,IAInE,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI1C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAIxC,UAAU,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAIzC,WAAW,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAK1C,WAAW,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAK3C,mBAAmB,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,EACpD;AAAA,EACA,MAAM,OAAO;AACX,UAAM,QAAQ;AAER,UAAA,SAAS,IAAwB,IAAI;AAErC,UAAA,WAAW,SAAS,MAAM;AAC9B,cAAQ,MAAM;AAAA,aACP,UAAU;AACN,iBAAA;AAAA,aACJ,UAAU;AACN,iBAAA;AAAA,aACJ,UAAU;AACN,iBAAA;AAAA;AAEP,iBAAO,MAAM;AAAA;AAAA,IAAA,CAElB;AAEK,UAAA,UAAU,SAAS,MAAM;AACtB,aAAA;AAAA,QACL,gBAAgB,MAAM;AAAA,QACtB,CAAC,MAAM,WAAW,gBAAgB,MAAM;AAAA,QACxC,gBAAgB,MAAM;AAAA,QACtB,sBAAsB,MAAM;AAAA,QAC5B;AAAA,UACE,yBAAyB,MAAM;AAAA,UAC/B,wBAAwB,MAAM;AAAA,UAC9B,yBAAyB,MAAM;AAAA,UAC/B,2BAA2B,CAAC,MAAM;AAAA,UAClC,2BAA2B,MAAM;AAAA,UACjC,iDAAiD,CAAC,MAAM,SAAS,MAAM,QAAQ,CAAC,MAAM;AAAA,UACtF,iDAAiD,MAAM,SAAS,MAAM,QAAQ,MAAM,iBAAiB;AAAA,UACrG,kDAAkD,MAAM,SAAS,MAAM,QAAQ,MAAM,iBAAiB;AAAA,UACtG,CAAC,gCAAgC,MAAM,mBAAmB,MAAM;AAAA,QAClE;AAAA,MAAA;AAAA,IACF,CACD;AAED,UAAM,QAAQ,MAAM;;AAAA,0BAAO,UAAP,mBAAc;AAAA;AAE3B,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
+{"version":3,"file":"NeonButton.ts_vue_type_script_src_32308d32_lang.es.js","sources":["../../../../src/components/user-input/button/NeonButton.ts?vue&type=script&src=32308d32&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonButtonSize } from '@/common/enums/NeonButtonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonButtonStyle } from '@/common/enums/NeonButtonStyle';\nimport { NeonHorizontalPosition } from '@/common/enums/NeonHorizontalPosition';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\nimport { NeonState } from '@/common/enums/NeonState';\n\n/**\n * A button component. Renders an HTML button or, if an href is provided, renders using NeonLink in the style of a button. NeonButton supports all events and attributes of HTML buttons, e.g, @click.\n */\nexport default defineComponent({\n  name: 'NeonButton',\n  components: {\n    NeonExpansionIndicator,\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    /**\n     * Optional href for rendering a button as a link\n     */\n    href: { type: String, default: null },\n    /**\n     * The text to display on a button\n     */\n    label: { type: String, default: null },\n    /**\n     * The button size\n     */\n    size: { type: String as () => NeonButtonSize, default: NeonButtonSize.Medium },\n    /**\n     * The button color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * Display the button as high-contrast with inverted colors. This is useful for placing a button on a colored background.\n     * NOTE: Supports Solid & Outline button styles only (gradient & text buttons are not supported)\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Solid buttons ONLY. Alternate color for creating a gradient buttons. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Optional icon to display\n     */\n    icon: { type: String, default: null },\n    /**\n     * Position of the icon if combined with text\n     */\n    iconPosition: { type: String as () => NeonHorizontalPosition, default: NeonHorizontalPosition.Left },\n    /**\n     * The style of button\n     */\n    buttonStyle: { type: String as () => NeonButtonStyle, default: NeonButtonStyle.Solid },\n    /**\n     * Provide button states of <em>ready, loading, success or error</em> which change the display of the button (with icons) to reflect the state.\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * Whether the button is disabled\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Whether to display a button outline when the button has focus\n     */\n    outline: { type: Boolean, default: true },\n    /**\n     * Make the button circular. NOTE: This is only for icon only buttons.\n     */\n    circular: { type: Boolean, default: null },\n    /**\n     * Make a button extend to the full width of the parent container.\n     */\n    fullWidth: { type: Boolean, default: null },\n    /**\n     * INTERNAL USE ONLY: display a NeonExpansionIndicator on the button (used for dropdown buttons)\n     * @ignore\n     */\n    indicator: { type: Boolean, default: false },\n    /**\n     * INTERNAL USE ONLY: display the NeonExpansionIndicator on the button as <em>open</em> or <em>closed</em>.\n     * @ignore\n     */\n    indicatorExpanded: { type: Boolean, default: null },\n  },\n  setup(props) {\n    const attrs = useAttrs();\n\n    const button = ref<HTMLElement | null>(null);\n\n    const iconName = computed(() => {\n      switch (props.state) {\n        case NeonState.Loading:\n          return 'loading';\n        case NeonState.Success:\n          return 'check';\n        case NeonState.Error:\n          return 'times';\n        default:\n          return props.icon;\n      }\n    });\n\n    const classes = computed(() => {\n      return [\n        `neon-button--${props.size}`,\n        !props.inverse && `neon-button--${props.color}`,\n        `neon-button--${props.buttonStyle}`,\n        `neon-button--state-${props.state}`,\n        {\n          'neon-button--disabled': props.disabled,\n          'neon-button--inverse': props.inverse,\n          'neon-button--circular': props.circular,\n          'neon-button--no-outline': !props.outline,\n          'neon-button--full-width': props.fullWidth,\n          'neon-button--with-icon neon-button--icon-only': !props.label && props.icon && !props.indicator,\n          'neon-button--with-icon neon-button--icon-left': props.label && props.icon && props.iconPosition === 'left',\n          'neon-button--with-icon neon-button--icon-right': props.label && props.icon && props.iconPosition === 'right',\n          [`neon-button--alternate-color-${props.alternateColor}`]: props.alternateColor,\n        },\n      ];\n    });\n\n    const click = () => button.value?.click();\n\n    return {\n      iconName,\n      classes,\n      button,\n      attrs,\n      click,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;AAaA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIpC,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIrC,MAAM,EAAE,MAAM,QAAgC,SAAS,eAAe,OAAO;AAAA,IAI7E,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,YAAY;AAAA,IAK7F,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAIzC,gBAAgB,EAAE,MAAM,QAAqC,SAAS,KAAK;AAAA,IAI3E,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIpC,cAAc,EAAE,MAAM,QAAwC,SAAS,uBAAuB,KAAK;AAAA,IAInG,aAAa,EAAE,MAAM,QAAiC,SAAS,gBAAgB,MAAM;AAAA,IAIrF,OAAO,EAAE,MAAM,QAA2B,SAAS,UAAU,MAAM;AAAA,IAInE,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI1C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAIxC,UAAU,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAIzC,WAAW,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAK1C,WAAW,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAK3C,mBAAmB,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,EACpD;AAAA,EACA,MAAM,OAAO;AACX,UAAM,QAAQ;AAER,UAAA,SAAS,IAAwB,IAAI;AAErC,UAAA,WAAW,SAAS,MAAM;AAC9B,cAAQ,MAAM;AAAA,aACP,UAAU;AACN,iBAAA;AAAA,aACJ,UAAU;AACN,iBAAA;AAAA,aACJ,UAAU;AACN,iBAAA;AAAA;AAEP,iBAAO,MAAM;AAAA;AAAA,IAAA,CAElB;AAEK,UAAA,UAAU,SAAS,MAAM;AACtB,aAAA;AAAA,QACL,gBAAgB,MAAM;AAAA,QACtB,CAAC,MAAM,WAAW,gBAAgB,MAAM;AAAA,QACxC,gBAAgB,MAAM;AAAA,QACtB,sBAAsB,MAAM;AAAA,QAC5B;AAAA,UACE,yBAAyB,MAAM;AAAA,UAC/B,wBAAwB,MAAM;AAAA,UAC9B,yBAAyB,MAAM;AAAA,UAC/B,2BAA2B,CAAC,MAAM;AAAA,UAClC,2BAA2B,MAAM;AAAA,UACjC,iDAAiD,CAAC,MAAM,SAAS,MAAM,QAAQ,CAAC,MAAM;AAAA,UACtF,iDAAiD,MAAM,SAAS,MAAM,QAAQ,MAAM,iBAAiB;AAAA,UACrG,kDAAkD,MAAM,SAAS,MAAM,QAAQ,MAAM,iBAAiB;AAAA,UACtG,CAAC,gCAAgC,MAAM,mBAAmB,MAAM;AAAA,QAClE;AAAA,MAAA;AAAA,IACF,CACD;AAED,UAAM,QAAQ,MAAM;;AAAA,0BAAO,UAAP,mBAAc;AAAA;AAE3B,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

package/dist/components/user-input/chip/NeonChip.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var s=require("./NeonChip.ts_vue_type_script_src_cddc7764_lang.cjs.js"),n=require("vue"),t=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const l=["aria-disabled","role","tabindex"],p={class:"neon-chip__label"};function a(e,o,c,u,v,m){const r=n.resolveComponent("neon-icon");return n.openBlock(),n.createBlock(n.Transition,{name:"neon-transition-chip"},{default:n.withCtx(()=>[e.open?(n.openBlock(),n.createElementBlock("div",n.mergeProps({key:0,ref:"chip","aria-disabled":e.disabled,class:[[`neon-chip--${e.size}`,`neon-chip--${e.color}`,`neon-chip--${e.action}`,{"neon-chip--disabled":e.disabled,"neon-chip--active":e.active}],"no-style neon-chip"],role:e.role,tabindex:e.disabled?void 0:0},e.attrs,{onClick:o[0]||(o[0]=i=>e.clicked()),onKeyup:o[1]||(o[1]=(...i)=>e.keyUp&&e.keyUp(...i)),onKeydown:[o[2]||(o[2]=n.withKeys(i=>e.keyDown(),["space"])),o[3]||(o[3]=n.withKeys(i=>e.keyDown(),["enter"])),o[4]||(o[4]=n.withKeys(i=>e.action==="remove"&&e.keyDown(),["delete"]))],onKeypress:o[5]||(o[5]=n.withKeys(n.withModifiers(()=>{},["prevent"]),["space"]))}),[e.icon?(n.openBlock(),n.createBlock(r,{key:0,color:e.color,name:e.icon,class:"neon-chip__icon"},null,8,["color","name"])):n.createCommentVNode("",!0),n.createElementVNode("span",p,n.toDisplayString(e.label),1),e.action==="remove"?(n.openBlock(),n.createBlock(r,{key:1,class:"neon-chip__close",color:"neutral",name:"times"})):n.createCommentVNode("",!0)],16,l)):n.createCommentVNode("",!0)]),_:1})}var d=t(s,[["render",a],["__file","/Users/andrew/dev/projects/neon/src/components/user-input/chip/NeonChip.vue"]]);module.exports=d;
+"use strict";var s=require("./NeonChip.ts_vue_type_script_src_793559ba_lang.cjs.js"),n=require("vue"),t=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const l=["aria-disabled","role","tabindex"],p={class:"neon-chip__label"};function a(e,o,u,c,v,y){const r=n.resolveComponent("neon-icon");return n.openBlock(),n.createBlock(n.Transition,{name:"neon-transition-chip"},{default:n.withCtx(()=>[e.open?(n.openBlock(),n.createElementBlock("div",n.mergeProps({key:0,ref:"chip","aria-disabled":e.disabled,class:[[`neon-chip--${e.size}`,`neon-chip--${e.color}`,`neon-chip--${e.action}`,{"neon-chip--disabled":e.disabled,"neon-chip--active":e.active}],"no-style neon-chip"],role:e.role,tabindex:e.disabled?void 0:0},e.attrs,{onClick:o[0]||(o[0]=i=>e.clicked()),onKeyup:o[1]||(o[1]=(...i)=>e.keyUp&&e.keyUp(...i)),onKeydown:[o[2]||(o[2]=n.withKeys(i=>e.keyDown(),["space"])),o[3]||(o[3]=n.withKeys(i=>e.keyDown(),["enter"])),o[4]||(o[4]=n.withKeys(i=>e.action==="remove"&&e.keyDown(),["delete"]))],onKeypress:o[5]||(o[5]=n.withKeys(n.withModifiers(()=>{},["prevent"]),["space"]))}),[e.icon?(n.openBlock(),n.createBlock(r,{key:0,color:e.color,name:e.icon,class:"neon-chip__icon"},null,8,["color","name"])):n.createCommentVNode("",!0),n.createElementVNode("span",p,n.toDisplayString(e.label),1),e.action==="remove"?(n.openBlock(),n.createBlock(r,{key:1,class:"neon-chip__close",color:"neutral",name:"times"})):n.createCommentVNode("",!0)],16,l)):n.createCommentVNode("",!0)]),_:1})}var d=t(s,[["render",a]]);module.exports=d;
 //# sourceMappingURL=NeonChip.cjs.js.map

package/dist/components/user-input/chip/NeonChip.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonChip.ts_vue_type_script_src_cddc7764_lang.es.js";
+import _sfc_main from "./NeonChip.ts_vue_type_script_src_793559ba_lang.es.js";
 import { resolveComponent, openBlock, createBlock, Transition, withCtx, createElementBlock, mergeProps, withKeys, withModifiers, createCommentVNode, createElementVNode, toDisplayString } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = ["aria-disabled", "role", "tabindex"];
@@ -48,6 +48,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   });
 }
-var NeonChip = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/user-input/chip/NeonChip.vue"]]);
+var NeonChip = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonChip as default };
 //# sourceMappingURL=NeonChip.es.js.map

package/dist/components/user-input/chip/{NeonChip.ts_vue_type_script_src_cddc7764_lang.cjs.js → NeonChip.ts_vue_type_script_src_793559ba_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var e=require("vue"),u=require("../../../common/enums/NeonSize.cjs.js"),d=require("../../../common/enums/NeonFunctionalColor.cjs.js"),p=require("../../presentation/icon/NeonIcon.cjs.js"),o=require("../../../common/enums/NeonChipAction.cjs.js"),f=e.defineComponent({name:"NeonChip",components:{NeonIcon:p},props:{label:{type:String,required:!0},size:{type:String,default:u.NeonSize.Medium},color:{type:String,default:d.NeonFunctionalColor.LowContrast},action:{type:String,default:o.NeonChipAction.Click},disabled:{type:Boolean,default:!1},icon:{type:String,default:null}},emits:["close","click"],setup(n,{emit:i}){const s=e.useAttrs(),a=e.ref(null),c=e.ref(!0),t=e.ref(!1),l=e.computed(()=>{if(!n.disabled)switch(n.action){case o.NeonChipAction.Remove:return"button";case o.NeonChipAction.Click:return"link"}}),r=()=>{if(!n.disabled)switch(n.action){case o.NeonChipAction.Remove:c.value=!1,i("close");break;case o.NeonChipAction.Click:i("click");break}};return{chip:a,open:c,active:t,role:l,attrs:s,keyUp:()=>{t.value=!1},keyDown:()=>{n.disabled||(t.value=!0,r())},clicked:r}}});module.exports=f;
-//# sourceMappingURL=NeonChip.ts_vue_type_script_src_cddc7764_lang.cjs.js.map
+//# sourceMappingURL=NeonChip.ts_vue_type_script_src_793559ba_lang.cjs.js.map

package/dist/components/user-input/chip/{NeonChip.ts_vue_type_script_src_cddc7764_lang.cjs.js.map → NeonChip.ts_vue_type_script_src_793559ba_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonChip.ts_vue_type_script_src_cddc7764_lang.cjs.js","sources":["../../../../src/components/user-input/chip/NeonChip.ts?vue&type=script&src=cddc7764&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonChipAction } from '@/common/enums/NeonChipAction';\n\n/**\n * <p>\n * <strong>NeonChip</strong> is a clickable or removable chip which can be used as a tag or to indicate selected values\n * in filters and other more complex inputs (e.g. search / multiselect). Clicking the chip results in a callback and in\n * the case it is removable, also removal of the chip. Chips are designed to fit inside inputs for creating more complex\n * input components.\n * </p>\n * <p>\n *   Chips are navigable via tab (tabindex). When focussed, use space, return or enter to click on clickable tabs and, in\n *   the case of removable tabs, use backspace and delete to remove a tab. Escape will blur a focussed tab.\n * </p>\n */\nexport default defineComponent({\n  name: 'NeonChip',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The chip label\n     */\n    label: { type: String, required: true },\n    /**\n     * The size of the chip.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The chip color.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The action when clicking on a chip. Can be click or remove.\n     */\n    action: { type: String as () => NeonChipAction, default: NeonChipAction.Click },\n    /**\n     * The chip disabled state.\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * This is the name of an icon which can optionally be added to the chip.\n     */\n    icon: { type: String, default: null },\n  },\n  emits: [\n    /**\n     * Emitted when the chip is closed by the user.\n     *\n     * @type {void}\n     */\n    'close',\n    /**\n     * Emitted when the chip is clicked on.\n     *\n     * @type {void}\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const chip = ref(null);\n    const open = ref(true);\n    const active = ref(false);\n\n    const role = computed(() => {\n      if (!props.disabled) {\n        switch (props.action) {\n          case NeonChipAction.Remove:\n            return 'button';\n          case NeonChipAction.Click:\n            return 'link';\n        }\n      }\n\n      return undefined;\n    });\n\n    const clicked = () => {\n      if (!props.disabled) {\n        switch (props.action) {\n          case NeonChipAction.Remove:\n            open.value = false;\n            emit('close');\n            break;\n          case NeonChipAction.Click:\n            emit('click');\n            break;\n        }\n      }\n    };\n\n    const keyUp = () => {\n      active.value = false;\n    };\n\n    const keyDown = () => {\n      if (!props.disabled) {\n        active.value = true;\n        clicked();\n      }\n    };\n\n    return {\n      chip,\n      open,\n      active,\n      role,\n      attrs,\n      keyUp,\n      keyDown,\n      clicked,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonSize","NeonFunctionalColor","NeonChipAction","props","emit","attrs","useAttrs","chip","ref","open","active","role","computed","clicked"],"mappings":"iQAkBAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CAIL,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAK,EAItC,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,EAIjE,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAY,EAI7F,OAAQ,CAAE,KAAM,OAAgC,QAASC,EAAAA,eAAe,KAAM,EAI9E,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAI1C,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAK,CACtC,EACA,MAAO,CAML,QAMA,OACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,WAERC,EAAOC,MAAI,IAAI,EACfC,EAAOD,MAAI,EAAI,EACfE,EAASF,MAAI,EAAK,EAElBG,EAAOC,EAAAA,SAAS,IAAM,CACtB,GAAA,CAACT,EAAM,SACT,OAAQA,EAAM,aACPD,EAAe,eAAA,OACX,MAAA,cACJA,EAAe,eAAA,MACX,MAAA,OAIN,CACR,EAEKW,EAAU,IAAM,CAChB,GAAA,CAACV,EAAM,SACT,OAAQA,EAAM,aACPD,EAAe,eAAA,OAClBO,EAAK,MAAQ,GACbL,EAAK,OAAO,EACZ,WACGF,EAAe,eAAA,MAClBE,EAAK,OAAO,EACZ,MAEN,EAcK,MAAA,CACL,KAAAG,EACA,KAAAE,EACA,OAAAC,EACA,KAAAC,EACA,MAAAN,EACA,MAjBY,IAAM,CAClBK,EAAO,MAAQ,EAAA,EAiBf,QAdc,IAAM,CACfP,EAAM,WACTO,EAAO,MAAQ,GACPG,IACV,EAWA,QAAAA,CAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonChip.ts_vue_type_script_src_793559ba_lang.cjs.js","sources":["../../../../src/components/user-input/chip/NeonChip.ts?vue&type=script&src=793559ba&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonChipAction } from '@/common/enums/NeonChipAction';\n\n/**\n * <p>\n * <strong>NeonChip</strong> is a clickable or removable chip which can be used as a tag or to indicate selected values\n * in filters and other more complex inputs (e.g. search / multiselect). Clicking the chip results in a callback and in\n * the case it is removable, also removal of the chip. Chips are designed to fit inside inputs for creating more complex\n * input components.\n * </p>\n * <p>\n *   Chips are navigable via tab (tabindex). When focussed, use space, return or enter to click on clickable tabs and, in\n *   the case of removable tabs, use backspace and delete to remove a tab. Escape will blur a focussed tab.\n * </p>\n */\nexport default defineComponent({\n  name: 'NeonChip',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The chip label\n     */\n    label: { type: String, required: true },\n    /**\n     * The size of the chip.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The chip color.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The action when clicking on a chip. Can be click or remove.\n     */\n    action: { type: String as () => NeonChipAction, default: NeonChipAction.Click },\n    /**\n     * The chip disabled state.\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * This is the name of an icon which can optionally be added to the chip.\n     */\n    icon: { type: String, default: null },\n  },\n  emits: [\n    /**\n     * Emitted when the chip is closed by the user.\n     *\n     * @type {void}\n     */\n    'close',\n    /**\n     * Emitted when the chip is clicked on.\n     *\n     * @type {void}\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const chip = ref(null);\n    const open = ref(true);\n    const active = ref(false);\n\n    const role = computed(() => {\n      if (!props.disabled) {\n        switch (props.action) {\n          case NeonChipAction.Remove:\n            return 'button';\n          case NeonChipAction.Click:\n            return 'link';\n        }\n      }\n\n      return undefined;\n    });\n\n    const clicked = () => {\n      if (!props.disabled) {\n        switch (props.action) {\n          case NeonChipAction.Remove:\n            open.value = false;\n            emit('close');\n            break;\n          case NeonChipAction.Click:\n            emit('click');\n            break;\n        }\n      }\n    };\n\n    const keyUp = () => {\n      active.value = false;\n    };\n\n    const keyDown = () => {\n      if (!props.disabled) {\n        active.value = true;\n        clicked();\n      }\n    };\n\n    return {\n      chip,\n      open,\n      active,\n      role,\n      attrs,\n      keyUp,\n      keyDown,\n      clicked,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonSize","NeonFunctionalColor","NeonChipAction","props","emit","attrs","useAttrs","chip","ref","open","active","role","computed","clicked"],"mappings":"iQAkBAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CAIL,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAK,EAItC,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,EAIjE,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAY,EAI7F,OAAQ,CAAE,KAAM,OAAgC,QAASC,EAAAA,eAAe,KAAM,EAI9E,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAI1C,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAK,CACtC,EACA,MAAO,CAML,QAMA,OACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,WAERC,EAAOC,MAAI,IAAI,EACfC,EAAOD,MAAI,EAAI,EACfE,EAASF,MAAI,EAAK,EAElBG,EAAOC,EAAAA,SAAS,IAAM,CACtB,GAAA,CAACT,EAAM,SACT,OAAQA,EAAM,aACPD,EAAe,eAAA,OACX,MAAA,cACJA,EAAe,eAAA,MACX,MAAA,OAIN,CACR,EAEKW,EAAU,IAAM,CAChB,GAAA,CAACV,EAAM,SACT,OAAQA,EAAM,aACPD,EAAe,eAAA,OAClBO,EAAK,MAAQ,GACbL,EAAK,OAAO,EACZ,WACGF,EAAe,eAAA,MAClBE,EAAK,OAAO,EACZ,MAEN,EAcK,MAAA,CACL,KAAAG,EACA,KAAAE,EACA,OAAAC,EACA,KAAAC,EACA,MAAAN,EACA,MAjBY,IAAM,CAClBK,EAAO,MAAQ,EAAA,EAiBf,QAdc,IAAM,CACfP,EAAM,WACTO,EAAO,MAAQ,GACPG,IACV,EAWA,QAAAA,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/user-input/chip/{NeonChip.ts_vue_type_script_src_cddc7764_lang.es.js → NeonChip.ts_vue_type_script_src_793559ba_lang.es.js}

@@ -71,4 +71,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonChip.ts_vue_type_script_src_cddc7764_lang.es.js.map
+//# sourceMappingURL=NeonChip.ts_vue_type_script_src_793559ba_lang.es.js.map

package/dist/components/user-input/chip/{NeonChip.ts_vue_type_script_src_cddc7764_lang.es.js.map → NeonChip.ts_vue_type_script_src_793559ba_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonChip.ts_vue_type_script_src_cddc7764_lang.es.js","sources":["../../../../src/components/user-input/chip/NeonChip.ts?vue&type=script&src=cddc7764&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonChipAction } from '@/common/enums/NeonChipAction';\n\n/**\n * <p>\n * <strong>NeonChip</strong> is a clickable or removable chip which can be used as a tag or to indicate selected values\n * in filters and other more complex inputs (e.g. search / multiselect). Clicking the chip results in a callback and in\n * the case it is removable, also removal of the chip. Chips are designed to fit inside inputs for creating more complex\n * input components.\n * </p>\n * <p>\n *   Chips are navigable via tab (tabindex). When focussed, use space, return or enter to click on clickable tabs and, in\n *   the case of removable tabs, use backspace and delete to remove a tab. Escape will blur a focussed tab.\n * </p>\n */\nexport default defineComponent({\n  name: 'NeonChip',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The chip label\n     */\n    label: { type: String, required: true },\n    /**\n     * The size of the chip.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The chip color.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The action when clicking on a chip. Can be click or remove.\n     */\n    action: { type: String as () => NeonChipAction, default: NeonChipAction.Click },\n    /**\n     * The chip disabled state.\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * This is the name of an icon which can optionally be added to the chip.\n     */\n    icon: { type: String, default: null },\n  },\n  emits: [\n    /**\n     * Emitted when the chip is closed by the user.\n     *\n     * @type {void}\n     */\n    'close',\n    /**\n     * Emitted when the chip is clicked on.\n     *\n     * @type {void}\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const chip = ref(null);\n    const open = ref(true);\n    const active = ref(false);\n\n    const role = computed(() => {\n      if (!props.disabled) {\n        switch (props.action) {\n          case NeonChipAction.Remove:\n            return 'button';\n          case NeonChipAction.Click:\n            return 'link';\n        }\n      }\n\n      return undefined;\n    });\n\n    const clicked = () => {\n      if (!props.disabled) {\n        switch (props.action) {\n          case NeonChipAction.Remove:\n            open.value = false;\n            emit('close');\n            break;\n          case NeonChipAction.Click:\n            emit('click');\n            break;\n        }\n      }\n    };\n\n    const keyUp = () => {\n      active.value = false;\n    };\n\n    const keyDown = () => {\n      if (!props.disabled) {\n        active.value = true;\n        clicked();\n      }\n    };\n\n    return {\n      chip,\n      open,\n      active,\n      role,\n      attrs,\n      keyUp,\n      keyDown,\n      clicked,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;;AAkBA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,OAAO,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAItC,MAAM,EAAE,MAAM,QAA0B,SAAS,SAAS,OAAO;AAAA,IAIjE,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,YAAY;AAAA,IAI7F,QAAQ,EAAE,MAAM,QAAgC,SAAS,eAAe,MAAM;AAAA,IAI9E,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI1C,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,EACtC;AAAA,EACA,OAAO;AAAA,IAML;AAAA,IAMA;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,QAAQ;AAER,UAAA,OAAO,IAAI,IAAI;AACf,UAAA,OAAO,IAAI,IAAI;AACf,UAAA,SAAS,IAAI,KAAK;AAElB,UAAA,OAAO,SAAS,MAAM;AACtB,UAAA,CAAC,MAAM,UAAU;AACnB,gBAAQ,MAAM;AAAA,eACP,eAAe;AACX,mBAAA;AAAA,eACJ,eAAe;AACX,mBAAA;AAAA;AAAA,MAEb;AAEO,aAAA;AAAA,IAAA,CACR;AAED,UAAM,UAAU,MAAM;AAChB,UAAA,CAAC,MAAM,UAAU;AACnB,gBAAQ,MAAM;AAAA,eACP,eAAe;AAClB,iBAAK,QAAQ;AACb,iBAAK,OAAO;AACZ;AAAA,eACG,eAAe;AAClB,iBAAK,OAAO;AACZ;AAAA;AAAA,MAEN;AAAA,IAAA;AAGF,UAAM,QAAQ,MAAM;AAClB,aAAO,QAAQ;AAAA,IAAA;AAGjB,UAAM,UAAU,MAAM;AAChB,UAAA,CAAC,MAAM,UAAU;AACnB,eAAO,QAAQ;AACP;MACV;AAAA,IAAA;AAGK,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
+{"version":3,"file":"NeonChip.ts_vue_type_script_src_793559ba_lang.es.js","sources":["../../../../src/components/user-input/chip/NeonChip.ts?vue&type=script&src=793559ba&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonChipAction } from '@/common/enums/NeonChipAction';\n\n/**\n * <p>\n * <strong>NeonChip</strong> is a clickable or removable chip which can be used as a tag or to indicate selected values\n * in filters and other more complex inputs (e.g. search / multiselect). Clicking the chip results in a callback and in\n * the case it is removable, also removal of the chip. Chips are designed to fit inside inputs for creating more complex\n * input components.\n * </p>\n * <p>\n *   Chips are navigable via tab (tabindex). When focussed, use space, return or enter to click on clickable tabs and, in\n *   the case of removable tabs, use backspace and delete to remove a tab. Escape will blur a focussed tab.\n * </p>\n */\nexport default defineComponent({\n  name: 'NeonChip',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The chip label\n     */\n    label: { type: String, required: true },\n    /**\n     * The size of the chip.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The chip color.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The action when clicking on a chip. Can be click or remove.\n     */\n    action: { type: String as () => NeonChipAction, default: NeonChipAction.Click },\n    /**\n     * The chip disabled state.\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * This is the name of an icon which can optionally be added to the chip.\n     */\n    icon: { type: String, default: null },\n  },\n  emits: [\n    /**\n     * Emitted when the chip is closed by the user.\n     *\n     * @type {void}\n     */\n    'close',\n    /**\n     * Emitted when the chip is clicked on.\n     *\n     * @type {void}\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const chip = ref(null);\n    const open = ref(true);\n    const active = ref(false);\n\n    const role = computed(() => {\n      if (!props.disabled) {\n        switch (props.action) {\n          case NeonChipAction.Remove:\n            return 'button';\n          case NeonChipAction.Click:\n            return 'link';\n        }\n      }\n\n      return undefined;\n    });\n\n    const clicked = () => {\n      if (!props.disabled) {\n        switch (props.action) {\n          case NeonChipAction.Remove:\n            open.value = false;\n            emit('close');\n            break;\n          case NeonChipAction.Click:\n            emit('click');\n            break;\n        }\n      }\n    };\n\n    const keyUp = () => {\n      active.value = false;\n    };\n\n    const keyDown = () => {\n      if (!props.disabled) {\n        active.value = true;\n        clicked();\n      }\n    };\n\n    return {\n      chip,\n      open,\n      active,\n      role,\n      attrs,\n      keyUp,\n      keyDown,\n      clicked,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;;AAkBA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,OAAO,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAItC,MAAM,EAAE,MAAM,QAA0B,SAAS,SAAS,OAAO;AAAA,IAIjE,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,YAAY;AAAA,IAI7F,QAAQ,EAAE,MAAM,QAAgC,SAAS,eAAe,MAAM;AAAA,IAI9E,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI1C,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,EACtC;AAAA,EACA,OAAO;AAAA,IAML;AAAA,IAMA;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,QAAQ;AAER,UAAA,OAAO,IAAI,IAAI;AACf,UAAA,OAAO,IAAI,IAAI;AACf,UAAA,SAAS,IAAI,KAAK;AAElB,UAAA,OAAO,SAAS,MAAM;AACtB,UAAA,CAAC,MAAM,UAAU;AACnB,gBAAQ,MAAM;AAAA,eACP,eAAe;AACX,mBAAA;AAAA,eACJ,eAAe;AACX,mBAAA;AAAA;AAAA,MAEb;AAEO,aAAA;AAAA,IAAA,CACR;AAED,UAAM,UAAU,MAAM;AAChB,UAAA,CAAC,MAAM,UAAU;AACnB,gBAAQ,MAAM;AAAA,eACP,eAAe;AAClB,iBAAK,QAAQ;AACb,iBAAK,OAAO;AACZ;AAAA,eACG,eAAe;AAClB,iBAAK,OAAO;AACZ;AAAA;AAAA,MAEN;AAAA,IAAA;AAGF,UAAM,QAAQ,MAAM;AAClB,aAAO,QAAQ;AAAA,IAAA;AAGjB,UAAM,UAAU,MAAM;AAChB,UAAA,CAAC,MAAM,UAAU;AACnB,eAAO,QAAQ;AACP;MACV;AAAA,IAAA;AAGK,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

package/dist/components/user-input/color/NeonColor.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var a=require("./NeonColor.ts_vue_type_script_src_94e4c0ac_lang.cjs.js"),o=require("vue"),s=require("../../../_virtual/plugin-vue_export-helper.cjs.js");function d(e,l,u,p,t,c){const n=o.resolveComponent("neon-input");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass([[`neon-color--${e.size}`,`neon-color--${e.color}`,{"neon-color--disabled":e.disabled}],"neon-color"])},[e.pickerOnly?o.createCommentVNode("",!0):(o.openBlock(),o.createBlock(n,o.mergeProps({key:0,modelValue:e.localValue,"onUpdate:modelValue":l[0]||(l[0]=r=>e.localValue=r),color:e.color,disabled:e.disabled,"hide-icon":!0,pattern:"#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})",placeholder:e.placeholder,size:e.size,class:"neon-color__text-input",type:"text"},e.attrs),null,16,["modelValue","color","disabled","pattern","placeholder","size"])),o.createVNode(n,o.mergeProps({id:e.id,modelValue:e.localValue,"onUpdate:modelValue":l[1]||(l[1]=r=>e.localValue=r),color:e.color,disabled:e.disabled,"hide-icon":!0,size:e.size,class:"neon-color__input",type:"color"},e.attrs),null,16,["id","modelValue","color","disabled","size"]),o.createElementVNode("div",{style:o.normalizeStyle(`background-color:${e.modelValue||"#000000"};box-shadow: 0 0 0 2rem ${e.modelValue||"#000000"}4D`),class:"neon-color__indicator"},null,4)],2)}var i=s(a,[["render",d],["__file","/Users/andrew/dev/projects/neon/src/components/user-input/color/NeonColor.vue"]]);module.exports=i;
+"use strict";var a=require("./NeonColor.ts_vue_type_script_src_08f52373_lang.cjs.js"),o=require("vue"),s=require("../../../_virtual/plugin-vue_export-helper.cjs.js");function d(e,l,u,p,t,c){const n=o.resolveComponent("neon-input");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass([[`neon-color--${e.size}`,`neon-color--${e.color}`,{"neon-color--disabled":e.disabled}],"neon-color"])},[e.pickerOnly?o.createCommentVNode("",!0):(o.openBlock(),o.createBlock(n,o.mergeProps({key:0,modelValue:e.localValue,"onUpdate:modelValue":l[0]||(l[0]=r=>e.localValue=r),color:e.color,disabled:e.disabled,"hide-icon":!0,pattern:"#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})",placeholder:e.placeholder,size:e.size,class:"neon-color__text-input",type:"text"},e.attrs),null,16,["modelValue","color","disabled","pattern","placeholder","size"])),o.createVNode(n,o.mergeProps({id:e.id,modelValue:e.localValue,"onUpdate:modelValue":l[1]||(l[1]=r=>e.localValue=r),color:e.color,disabled:e.disabled,"hide-icon":!0,size:e.size,class:"neon-color__input",type:"color"},e.attrs),null,16,["id","modelValue","color","disabled","size"]),o.createElementVNode("div",{style:o.normalizeStyle(`background-color:${e.modelValue||"#000000"};box-shadow: 0 0 0 2rem ${e.modelValue||"#000000"}4D`),class:"neon-color__indicator"},null,4)],2)}var i=s(a,[["render",d]]);module.exports=i;
 //# sourceMappingURL=NeonColor.cjs.js.map

package/dist/components/user-input/color/NeonColor.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonColor.ts_vue_type_script_src_94e4c0ac_lang.es.js";
+import _sfc_main from "./NeonColor.ts_vue_type_script_src_08f52373_lang.es.js";
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, mergeProps, createCommentVNode, createVNode, createElementVNode, normalizeStyle } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -36,6 +36,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 4)
   ], 2);
 }
-var NeonColor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/user-input/color/NeonColor.vue"]]);
+var NeonColor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonColor as default };
 //# sourceMappingURL=NeonColor.es.js.map

package/dist/components/user-input/color/{NeonColor.ts_vue_type_script_src_94e4c0ac_lang.cjs.js → NeonColor.ts_vue_type_script_src_08f52373_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var e=require("vue"),l=require("../../../common/enums/NeonSize.cjs.js"),a=require("../../../common/enums/NeonFunctionalColor.cjs.js"),s=require("../input/NeonInput.cjs.js"),i=e.defineComponent({name:"NeonColor",components:{NeonInput:s},props:{id:{type:String},modelValue:{type:String,required:!0},disabled:{type:Boolean,default:!1},pickerOnly:{type:Boolean,default:!1},size:{type:String,default:l.NeonSize.Medium},color:{type:String,default:a.NeonFunctionalColor.LowContrast},placeholder:{type:String,required:!1}},setup(o,{emit:t}){const n=e.useAttrs(),r=e.computed({get(){return o.modelValue},set(u){t("update:modelValue",u)}});return{attrs:n,localValue:r}}});module.exports=i;
-//# sourceMappingURL=NeonColor.ts_vue_type_script_src_94e4c0ac_lang.cjs.js.map
+//# sourceMappingURL=NeonColor.ts_vue_type_script_src_08f52373_lang.cjs.js.map

package/dist/components/user-input/color/{NeonColor.ts_vue_type_script_src_94e4c0ac_lang.cjs.js.map → NeonColor.ts_vue_type_script_src_08f52373_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonColor.ts_vue_type_script_src_94e4c0ac_lang.cjs.js","sources":["../../../../src/components/user-input/color/NeonColor.ts?vue&type=script&src=94e4c0ac&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\n\nexport default defineComponent({\n  name: 'NeonColor',\n  components: {\n    NeonInput,\n  },\n  props: {\n    /**\n     * Id of the input, will be attached to the native color input control.\n     */\n    id: { type: String },\n    /**\n     * The Hexadecimal color code.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * Disable color picker\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Only display the color picker\n     */\n    pickerOnly: { type: Boolean, default: false },\n    /**\n     * The size of the color picker, one of NeonSize.Small | NeonSize.Medium | NeonSize.Large.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Color of the input\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * This is the placeholder for the text input when no value is provided.\n     */\n    placeholder: { type: String, required: false },\n  },\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const localValue = computed({\n      get() {\n        return props.modelValue;\n      },\n      set(val: string) {\n        emit('update:modelValue', val);\n      },\n    });\n\n    return {\n      attrs,\n      localValue,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonInput","NeonSize","NeonFunctionalColor","props","emit","attrs","useAttrs","localValue","computed","val"],"mappings":"0LAKAA,EAAeC,kBAAgB,CAC7B,KAAM,YACN,WAAY,CACV,UAAAC,CACF,EACA,MAAO,CAIL,GAAI,CAAE,KAAM,MAAO,EAInB,WAAY,CAAE,KAAM,OAAQ,SAAU,EAAK,EAI3C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAI1C,WAAY,CAAE,KAAM,QAAS,QAAS,EAAM,EAI5C,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,EAIjE,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAY,EAI7F,YAAa,CAAE,KAAM,OAAQ,SAAU,EAAM,CAC/C,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,WACRC,EAAaC,EAAAA,SAAS,CAC1B,KAAM,CACJ,OAAOL,EAAM,UACf,EACA,IAAIM,EAAa,CACfL,EAAK,oBAAqBK,CAAG,CAC/B,CAAA,CACD,EAEM,MAAA,CACL,MAAAJ,EACA,WAAAE,CAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonColor.ts_vue_type_script_src_08f52373_lang.cjs.js","sources":["../../../../src/components/user-input/color/NeonColor.ts?vue&type=script&src=08f52373&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\n\nexport default defineComponent({\n  name: 'NeonColor',\n  components: {\n    NeonInput,\n  },\n  props: {\n    /**\n     * Id of the input, will be attached to the native color input control.\n     */\n    id: { type: String },\n    /**\n     * The Hexadecimal color code.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * Disable color picker\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Only display the color picker\n     */\n    pickerOnly: { type: Boolean, default: false },\n    /**\n     * The size of the color picker, one of NeonSize.Small | NeonSize.Medium | NeonSize.Large.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Color of the input\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * This is the placeholder for the text input when no value is provided.\n     */\n    placeholder: { type: String, required: false },\n  },\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const localValue = computed({\n      get() {\n        return props.modelValue;\n      },\n      set(val: string) {\n        emit('update:modelValue', val);\n      },\n    });\n\n    return {\n      attrs,\n      localValue,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonInput","NeonSize","NeonFunctionalColor","props","emit","attrs","useAttrs","localValue","computed","val"],"mappings":"0LAKAA,EAAeC,kBAAgB,CAC7B,KAAM,YACN,WAAY,CACV,UAAAC,CACF,EACA,MAAO,CAIL,GAAI,CAAE,KAAM,MAAO,EAInB,WAAY,CAAE,KAAM,OAAQ,SAAU,EAAK,EAI3C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAI1C,WAAY,CAAE,KAAM,QAAS,QAAS,EAAM,EAI5C,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,EAIjE,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAY,EAI7F,YAAa,CAAE,KAAM,OAAQ,SAAU,EAAM,CAC/C,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,WACRC,EAAaC,EAAAA,SAAS,CAC1B,KAAM,CACJ,OAAOL,EAAM,UACf,EACA,IAAIM,EAAa,CACfL,EAAK,oBAAqBK,CAAG,CAC/B,CAAA,CACD,EAEM,MAAA,CACL,MAAAJ,EACA,WAAAE,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/user-input/color/{NeonColor.ts_vue_type_script_src_94e4c0ac_lang.es.js → NeonColor.ts_vue_type_script_src_08f52373_lang.es.js}

@@ -33,4 +33,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonColor.ts_vue_type_script_src_94e4c0ac_lang.es.js.map
+//# sourceMappingURL=NeonColor.ts_vue_type_script_src_08f52373_lang.es.js.map

package/dist/components/user-input/color/{NeonColor.ts_vue_type_script_src_94e4c0ac_lang.es.js.map → NeonColor.ts_vue_type_script_src_08f52373_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonColor.ts_vue_type_script_src_94e4c0ac_lang.es.js","sources":["../../../../src/components/user-input/color/NeonColor.ts?vue&type=script&src=94e4c0ac&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\n\nexport default defineComponent({\n  name: 'NeonColor',\n  components: {\n    NeonInput,\n  },\n  props: {\n    /**\n     * Id of the input, will be attached to the native color input control.\n     */\n    id: { type: String },\n    /**\n     * The Hexadecimal color code.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * Disable color picker\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Only display the color picker\n     */\n    pickerOnly: { type: Boolean, default: false },\n    /**\n     * The size of the color picker, one of NeonSize.Small | NeonSize.Medium | NeonSize.Large.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Color of the input\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * This is the placeholder for the text input when no value is provided.\n     */\n    placeholder: { type: String, required: false },\n  },\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const localValue = computed({\n      get() {\n        return props.modelValue;\n      },\n      set(val: string) {\n        emit('update:modelValue', val);\n      },\n    });\n\n    return {\n      attrs,\n      localValue,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;AAKA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,IAAI,EAAE,MAAM,OAAO;AAAA,IAInB,YAAY,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAI3C,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI1C,YAAY,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI5C,MAAM,EAAE,MAAM,QAA0B,SAAS,SAAS,OAAO;AAAA,IAIjE,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,YAAY;AAAA,IAI7F,aAAa,EAAE,MAAM,QAAQ,UAAU,MAAM;AAAA,EAC/C;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,QAAQ;AACd,UAAM,aAAa,SAAS;AAAA,MAC1B,MAAM;AACJ,eAAO,MAAM;AAAA,MACf;AAAA,MACA,IAAI,KAAa;AACf,aAAK,qBAAqB,GAAG;AAAA,MAC/B;AAAA,IAAA,CACD;AAEM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
+{"version":3,"file":"NeonColor.ts_vue_type_script_src_08f52373_lang.es.js","sources":["../../../../src/components/user-input/color/NeonColor.ts?vue&type=script&src=08f52373&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonInput from '@/components/user-input/input/NeonInput.vue';\n\nexport default defineComponent({\n  name: 'NeonColor',\n  components: {\n    NeonInput,\n  },\n  props: {\n    /**\n     * Id of the input, will be attached to the native color input control.\n     */\n    id: { type: String },\n    /**\n     * The Hexadecimal color code.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * Disable color picker\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Only display the color picker\n     */\n    pickerOnly: { type: Boolean, default: false },\n    /**\n     * The size of the color picker, one of NeonSize.Small | NeonSize.Medium | NeonSize.Large.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Color of the input\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * This is the placeholder for the text input when no value is provided.\n     */\n    placeholder: { type: String, required: false },\n  },\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const localValue = computed({\n      get() {\n        return props.modelValue;\n      },\n      set(val: string) {\n        emit('update:modelValue', val);\n      },\n    });\n\n    return {\n      attrs,\n      localValue,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;AAKA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,IAAI,EAAE,MAAM,OAAO;AAAA,IAInB,YAAY,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAI3C,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI1C,YAAY,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI5C,MAAM,EAAE,MAAM,QAA0B,SAAS,SAAS,OAAO;AAAA,IAIjE,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,YAAY;AAAA,IAI7F,aAAa,EAAE,MAAM,QAAQ,UAAU,MAAM;AAAA,EAC/C;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,QAAQ;AACd,UAAM,aAAa,SAAS;AAAA,MAC1B,MAAM;AACJ,eAAO,MAAM;AAAA,MACf;AAAA,MACA,IAAI,KAAa;AACf,aAAK,qBAAqB,GAAG;AAAA,MAC/B;AAAA,IAAA,CACD;AAEM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

package/dist/components/user-input/date-picker/NeonDatePicker.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var c=require("./NeonDatePicker.ts_vue_type_script_src_dd58960a_lang.cjs.js"),a=require("vue"),p=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const u=["aria-label","tabindex"],k={ref:"calendarRef",class:"neon-date-picker__calendar"},b={class:"neon-date-picker__calendar-header"},m={class:"neon-date-picker__calendar-title-readonly"},v={class:"neon-date-picker__calendar-header-actions"},g=a.createElementVNode("hr",null,null,-1),h={class:"neon-date-picker__calendar-options"},y={class:"neon-date-picker__calendar-header"},D={key:0,class:"neon-date-picker__calendar-title-readonly"},N={class:"neon-date-picker__calendar-header-actions"},B=a.createElementVNode("hr",null,null,-1),V={class:"neon-date-picker__calendar-options"},$={class:"neon-date-picker__calendar-header"},E={key:0,class:"neon-date-picker__calendar-title-readonly"},C={class:"neon-date-picker__calendar-header-actions"},Y={class:"neon-date-picker__calendar-dows"},z=a.createElementVNode("hr",null,null,-1),w=a.createElementVNode("hr",null,null,-1),M={class:"neon-button-group"};function L(e,n,S,P,F,j){const d=a.resolveComponent("neon-input"),o=a.resolveComponent("neon-button"),s=a.resolveComponent("neon-dropdown");return a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass([[`neon-date-picker--${e.size}`,`neon-date-picker--${e.color}`,{"neon-date-picker--disabled":e.disabled,"neon-date-picker--open":e.calendarOpen}],"neon-date-picker"])},[a.createVNode(s,{ref:"dropdown",modelValue:e.calendarOpen,"onUpdate:modelValue":[n[13]||(n[13]=l=>e.calendarOpen=l),n[14]||(n[14]=l=>e.resetToCalendar())],placement:e.placement},{"dropdown-button":a.withCtx(()=>[a.createVNode(d,{color:e.color,disabled:e.disabled,"icon-readonly":!0,"model-value":e.formattedValue,placeholder:e.placeholder,size:e.size,tabindex:-1,class:"neon-date-picker__button",icon:"calendar",type:"text"},null,8,["color","disabled","model-value","placeholder","size"]),a.createElementVNode("div",{"aria-label":e.openCalendarLabel,tabindex:e.disabled?-1:0,class:"neon-date-picker__button-click-capture",role:"button",onClick:n[0]||(n[0]=l=>!e.disabled&&e.openCalendar()),onKeydown:[n[1]||(n[1]=a.withKeys(a.withModifiers(l=>e.openCalendar(),["stop","prevent"]),["enter"])),n[2]||(n[2]=a.withKeys(a.withModifiers(l=>e.openCalendar(),["stop","prevent"]),["space"]))]},null,40,u)]),default:a.withCtx(()=>[a.createElementVNode("div",k,[e.yearSelectionOpen?(a.openBlock(),a.createElementBlock(a.Fragment,{key:0},[a.createElementVNode("div",b,[a.createElementVNode("span",m,a.toDisplayString(`${e.calendar.pageDecadeStart}\u2013${e.calendar.pageDecadeStart+9}`),1),a.createElementVNode("div",v,[a.createVNode(o,{"aria-label":e.previousDecadeLabel,circular:!0,color:e.color,disabled:e.isPreviousDecadeDisabled,"button-style":"text",class:"neon-date-picker__previous-button",icon:"chevron-left",size:"m",onClick:n[3]||(n[3]=l=>e.onPreviousDecade())},null,8,["aria-label","color","disabled"]),a.createVNode(o,{"aria-label":e.nextDecadeLabel,circular:!0,color:e.color,disabled:e.isNextDecadeDisabled,"button-style":"text",class:"neon-date-picker__next-button",icon:"chevron-right",size:"m",onClick:n[4]||(n[4]=l=>e.onNextDecade())},null,8,["aria-label","color","disabled"])])]),g,a.createElementVNode("div",h,[(a.openBlock(),a.createElementBlock(a.Fragment,null,a.renderList(10,l=>a.createVNode(o,{key:l,class:a.normalizeClass([{"neon-date-picker__calendar-option--selected":e.calendar.pageYear===e.calendar.pageDecadeStart+l-1,"neon-date-picker__calendar-option--today":e.calendar.today.year===e.calendar.pageDecadeStart+l-1,"neon-date-picker__calendar-option--disabled":e.isYearDisabled(e.calendar.pageDecadeStart+l-1)},"neon-date-picker__calendar-option"]),color:e.color,disabled:e.isYearDisabled(e.calendar.pageDecadeStart+l-1),"full-width":!0,label:`${e.calendar.pageDecadeStart+l-1}`,"button-style":"text",size:"s",onClick:r=>e.selectYear(e.calendar.pageDecadeStart+l-1)},null,8,["class","color","disabled","label","onClick"])),64))])],64)):e.monthSelectionOpen?(a.openBlock(),a.createElementBlock(a.Fragment,{key:1},[a.createElementVNode("div",y,[e.isChangeYearDisabled?(a.openBlock(),a.createElementBlock("span",D,a.toDisplayString(e.calendar.pageYear),1)):(a.openBlock(),a.createBlock(o,{key:1,"aria-label":e.changeYearLabel,label:`${e.calendar.pageYear}`,"button-style":"text",class:"neon-date-picker__calendar-header-title",color:"high-contrast",icon:"switch","icon-position":"right",size:"m",onClick:n[5]||(n[5]=l=>e.changeYear())},null,8,["aria-label","label"])),a.createElementVNode("div",N,[a.createVNode(o,{"aria-label":e.previousYearLabel,circular:!0,color:e.color,disabled:e.isPreviousYearDisabled,"button-style":"text",class:"neon-date-picker__previous-button",icon:"chevron-left",size:"m",onClick:n[6]||(n[6]=l=>e.onPreviousYear())},null,8,["aria-label","color","disabled"]),a.createVNode(o,{"aria-label":e.nextYearLabel,circular:!0,color:e.color,disabled:e.isNextYearDisabled,"button-style":"text",class:"neon-date-picker__next-button",icon:"chevron-right",size:"m",onClick:n[7]||(n[7]=l=>e.onNextYear())},null,8,["aria-label","color","disabled"])])]),B,a.createElementVNode("div",V,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.calendar.months,(l,r)=>(a.openBlock(),a.createBlock(o,{key:r,class:a.normalizeClass([{"neon-date-picker__calendar-option--selected":r+1===e.calendar.pageMonth,"neon-date-picker__calendar-option--today":r+1===e.calendar.today.month&&e.calendar.today.year===e.calendar.pageYear,"neon-date-picker__calendar-option--disabled":e.isMonthDisabled(e.calendar.pageYear,r+1)},"neon-date-picker__calendar-option"]),color:e.color,disabled:e.isMonthDisabled(e.calendar.pageYear,r+1),"full-width":!0,label:l,"button-style":"text",size:"s",onClick:t=>e.selectMonth(r+1)},null,8,["class","color","disabled","label","onClick"]))),128))])],64)):(a.openBlock(),a.createElementBlock(a.Fragment,{key:2},[a.createElementVNode("div",$,[e.isChangeDateDisabled?(a.openBlock(),a.createElementBlock("span",E,a.toDisplayString(`${e.calendar.pageMonthName} ${e.calendar.pageYear}`),1)):(a.openBlock(),a.createBlock(o,{key:1,"aria-label":e.changeMonthLabel,label:`${e.calendar.pageMonthName} ${e.calendar.pageYear}`,"button-style":"text",class:"neon-date-picker__calendar-header-title",color:"high-contrast",icon:"switch","icon-position":"right",size:"m",onClick:n[8]||(n[8]=l=>e.changeMonth())},null,8,["aria-label","label"])),a.createElementVNode("div",C,[a.createVNode(o,{"aria-label":e.previousMonthLabel,circular:!0,color:e.color,disabled:e.isPreviousDisabled,"button-style":"text",class:"neon-date-picker__previous-button",icon:"chevron-left",size:"m",onClick:n[9]||(n[9]=l=>e.onPrevious())},null,8,["aria-label","color","disabled"]),a.createVNode(o,{"aria-label":e.nextMonthLabel,circular:!0,color:e.color,disabled:e.isNextDisabled,"button-style":"text",class:"neon-date-picker__next-button",icon:"chevron-right",size:"m",onClick:n[10]||(n[10]=l=>e.onNext())},null,8,["aria-label","color","disabled"])])]),a.createElementVNode("div",Y,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.calendar.dowNames,l=>(a.openBlock(),a.createElementBlock("div",{key:l,class:"neon-date-picker__calendar-dow"},a.toDisplayString(l),1))),128))]),z,(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.calendar.dates,(l,r)=>(a.openBlock(),a.createElementBlock("div",{key:r,class:"neon-date-picker__calendar-dates"},[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(l,(t,i)=>(a.openBlock(),a.createElementBlock(a.Fragment,null,[t?(a.openBlock(),a.createBlock(o,{key:i,circular:!0,class:a.normalizeClass([{"neon-date-picker__calendar-date--selected":e.modelValue===e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear),"neon-date-picker__calendar-date--today":e.today===e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear),"neon-date-picker__calendar-date--disabled":e.isDisabled(e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear))},"neon-date-picker__calendar-date"]),color:e.color,disabled:e.isDisabled(e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear)),label:`${t}`,tabindex:e.isDisabled(e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear))?-1:0,"button-style":"text",size:"m",onClick:O=>e.emitDate(e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear))},null,8,["class","color","disabled","label","tabindex","onClick"])):(a.openBlock(),a.createElementBlock("div",{key:`${i}-empty`,class:"neon-date-picker__calendar-date neon-date-picker__calendar-date--empty"}))],64))),256))]))),128))],64)),w,a.createElementVNode("div",M,[e.optional?(a.openBlock(),a.createBlock(o,{key:0,label:e.clearLabel,"button-style":"text",class:"neon-date-picker__calendar-clear-button",color:"high-contrast",size:"s",onClick:n[11]||(n[11]=l=>e.clear())},null,8,["label"])):a.createCommentVNode("",!0),a.createVNode(o,{color:e.color,label:e.doneLabel,"button-style":"text",class:"neon-date-picker__calendar-done-button",size:"s",onClick:n[12]||(n[12]=l=>e.done())},null,8,["color","label"])])],512)]),_:1},8,["modelValue","placement"]),a.createVNode(d,a.mergeProps({disabled:e.disabled,"hide-icon":!0,max:e.max,min:e.min,"model-value":e.modelValue,size:e.size,tabindex:-1,class:"neon-date-picker__native-input",type:"date"},e.attrs,{"onUpdate:modelValue":e.emitDate}),null,16,["disabled","max","min","model-value","size","onUpdate:modelValue"])],2)}var f=p(c,[["render",L],["__file","/Users/andrew/dev/projects/neon/src/components/user-input/date-picker/NeonDatePicker.vue"]]);module.exports=f;
+"use strict";var c=require("./NeonDatePicker.ts_vue_type_script_src_01c3f912_lang.cjs.js"),a=require("vue"),p=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const u=["aria-label","tabindex"],b={ref:"calendarRef",class:"neon-date-picker__calendar"},k={class:"neon-date-picker__calendar-header"},m={class:"neon-date-picker__calendar-title-readonly"},v={class:"neon-date-picker__calendar-header-actions"},g=a.createElementVNode("hr",null,null,-1),h={class:"neon-date-picker__calendar-options"},y={class:"neon-date-picker__calendar-header"},D={key:0,class:"neon-date-picker__calendar-title-readonly"},N={class:"neon-date-picker__calendar-header-actions"},B=a.createElementVNode("hr",null,null,-1),V={class:"neon-date-picker__calendar-options"},$={class:"neon-date-picker__calendar-header"},E={key:0,class:"neon-date-picker__calendar-title-readonly"},C={class:"neon-date-picker__calendar-header-actions"},Y={class:"neon-date-picker__calendar-dows"},z=a.createElementVNode("hr",null,null,-1),M=a.createElementVNode("hr",null,null,-1),w={class:"neon-button-group"};function f(e,l,S,P,F,O){const d=a.resolveComponent("neon-input"),o=a.resolveComponent("neon-button"),s=a.resolveComponent("neon-dropdown");return a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass([[`neon-date-picker--${e.size}`,`neon-date-picker--${e.color}`,{"neon-date-picker--disabled":e.disabled,"neon-date-picker--open":e.calendarOpen}],"neon-date-picker"])},[a.createVNode(s,{ref:"dropdown",modelValue:e.calendarOpen,"onUpdate:modelValue":[l[13]||(l[13]=n=>e.calendarOpen=n),l[14]||(l[14]=n=>e.resetToCalendar())],placement:e.placement},{"dropdown-button":a.withCtx(()=>[a.createVNode(d,{color:e.color,disabled:e.disabled,"icon-readonly":!0,"model-value":e.formattedValue,placeholder:e.placeholder,size:e.size,tabindex:-1,class:"neon-date-picker__button",icon:"calendar",type:"text"},null,8,["color","disabled","model-value","placeholder","size"]),a.createElementVNode("div",{"aria-label":e.openCalendarLabel,tabindex:e.disabled?-1:0,class:"neon-date-picker__button-click-capture",role:"button",onClick:l[0]||(l[0]=n=>!e.disabled&&e.openCalendar()),onKeydown:[l[1]||(l[1]=a.withKeys(a.withModifiers(n=>e.openCalendar(),["stop","prevent"]),["enter"])),l[2]||(l[2]=a.withKeys(a.withModifiers(n=>e.openCalendar(),["stop","prevent"]),["space"]))]},null,40,u)]),default:a.withCtx(()=>[a.createElementVNode("div",b,[e.yearSelectionOpen?(a.openBlock(),a.createElementBlock(a.Fragment,{key:0},[a.createElementVNode("div",k,[a.createElementVNode("span",m,a.toDisplayString(`${e.calendar.pageDecadeStart}\u2013${e.calendar.pageDecadeStart+9}`),1),a.createElementVNode("div",v,[a.createVNode(o,{"aria-label":e.previousDecadeLabel,circular:!0,color:e.color,disabled:e.isPreviousDecadeDisabled,"button-style":"text",class:"neon-date-picker__previous-button",icon:"chevron-left",size:"m",onClick:l[3]||(l[3]=n=>e.onPreviousDecade())},null,8,["aria-label","color","disabled"]),a.createVNode(o,{"aria-label":e.nextDecadeLabel,circular:!0,color:e.color,disabled:e.isNextDecadeDisabled,"button-style":"text",class:"neon-date-picker__next-button",icon:"chevron-right",size:"m",onClick:l[4]||(l[4]=n=>e.onNextDecade())},null,8,["aria-label","color","disabled"])])]),g,a.createElementVNode("div",h,[(a.openBlock(),a.createElementBlock(a.Fragment,null,a.renderList(10,n=>a.createVNode(o,{key:n,class:a.normalizeClass([{"neon-date-picker__calendar-option--selected":e.calendar.pageYear===e.calendar.pageDecadeStart+n-1,"neon-date-picker__calendar-option--today":e.calendar.today.year===e.calendar.pageDecadeStart+n-1,"neon-date-picker__calendar-option--disabled":e.isYearDisabled(e.calendar.pageDecadeStart+n-1)},"neon-date-picker__calendar-option"]),color:e.color,disabled:e.isYearDisabled(e.calendar.pageDecadeStart+n-1),"full-width":!0,label:`${e.calendar.pageDecadeStart+n-1}`,"button-style":"text",size:"s",onClick:r=>e.selectYear(e.calendar.pageDecadeStart+n-1)},null,8,["class","color","disabled","label","onClick"])),64))])],64)):e.monthSelectionOpen?(a.openBlock(),a.createElementBlock(a.Fragment,{key:1},[a.createElementVNode("div",y,[e.isChangeYearDisabled?(a.openBlock(),a.createElementBlock("span",D,a.toDisplayString(e.calendar.pageYear),1)):(a.openBlock(),a.createBlock(o,{key:1,"aria-label":e.changeYearLabel,label:`${e.calendar.pageYear}`,"button-style":"text",class:"neon-date-picker__calendar-header-title",color:"high-contrast",icon:"switch","icon-position":"right",size:"m",onClick:l[5]||(l[5]=n=>e.changeYear())},null,8,["aria-label","label"])),a.createElementVNode("div",N,[a.createVNode(o,{"aria-label":e.previousYearLabel,circular:!0,color:e.color,disabled:e.isPreviousYearDisabled,"button-style":"text",class:"neon-date-picker__previous-button",icon:"chevron-left",size:"m",onClick:l[6]||(l[6]=n=>e.onPreviousYear())},null,8,["aria-label","color","disabled"]),a.createVNode(o,{"aria-label":e.nextYearLabel,circular:!0,color:e.color,disabled:e.isNextYearDisabled,"button-style":"text",class:"neon-date-picker__next-button",icon:"chevron-right",size:"m",onClick:l[7]||(l[7]=n=>e.onNextYear())},null,8,["aria-label","color","disabled"])])]),B,a.createElementVNode("div",V,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.calendar.months,(n,r)=>(a.openBlock(),a.createBlock(o,{key:r,class:a.normalizeClass([{"neon-date-picker__calendar-option--selected":r+1===e.calendar.pageMonth,"neon-date-picker__calendar-option--today":r+1===e.calendar.today.month&&e.calendar.today.year===e.calendar.pageYear,"neon-date-picker__calendar-option--disabled":e.isMonthDisabled(e.calendar.pageYear,r+1)},"neon-date-picker__calendar-option"]),color:e.color,disabled:e.isMonthDisabled(e.calendar.pageYear,r+1),"full-width":!0,label:n,"button-style":"text",size:"s",onClick:t=>e.selectMonth(r+1)},null,8,["class","color","disabled","label","onClick"]))),128))])],64)):(a.openBlock(),a.createElementBlock(a.Fragment,{key:2},[a.createElementVNode("div",$,[e.isChangeDateDisabled?(a.openBlock(),a.createElementBlock("span",E,a.toDisplayString(`${e.calendar.pageMonthName} ${e.calendar.pageYear}`),1)):(a.openBlock(),a.createBlock(o,{key:1,"aria-label":e.changeMonthLabel,label:`${e.calendar.pageMonthName} ${e.calendar.pageYear}`,"button-style":"text",class:"neon-date-picker__calendar-header-title",color:"high-contrast",icon:"switch","icon-position":"right",size:"m",onClick:l[8]||(l[8]=n=>e.changeMonth())},null,8,["aria-label","label"])),a.createElementVNode("div",C,[a.createVNode(o,{"aria-label":e.previousMonthLabel,circular:!0,color:e.color,disabled:e.isPreviousDisabled,"button-style":"text",class:"neon-date-picker__previous-button",icon:"chevron-left",size:"m",onClick:l[9]||(l[9]=n=>e.onPrevious())},null,8,["aria-label","color","disabled"]),a.createVNode(o,{"aria-label":e.nextMonthLabel,circular:!0,color:e.color,disabled:e.isNextDisabled,"button-style":"text",class:"neon-date-picker__next-button",icon:"chevron-right",size:"m",onClick:l[10]||(l[10]=n=>e.onNext())},null,8,["aria-label","color","disabled"])])]),a.createElementVNode("div",Y,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.calendar.dowNames,n=>(a.openBlock(),a.createElementBlock("div",{key:n,class:"neon-date-picker__calendar-dow"},a.toDisplayString(n),1))),128))]),z,(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.calendar.dates,(n,r)=>(a.openBlock(),a.createElementBlock("div",{key:r,class:"neon-date-picker__calendar-dates"},[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(n,(t,i)=>(a.openBlock(),a.createElementBlock(a.Fragment,null,[t?(a.openBlock(),a.createBlock(o,{key:i,circular:!0,class:a.normalizeClass([{"neon-date-picker__calendar-date--selected":e.modelValue===e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear),"neon-date-picker__calendar-date--today":e.today===e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear),"neon-date-picker__calendar-date--disabled":e.isDisabled(e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear))},"neon-date-picker__calendar-date"]),color:e.color,disabled:e.isDisabled(e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear)),label:`${t}`,tabindex:e.isDisabled(e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear))?-1:0,"button-style":"text",size:"m",onClick:j=>e.emitDate(e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear))},null,8,["class","color","disabled","label","tabindex","onClick"])):(a.openBlock(),a.createElementBlock("div",{key:`${i}-empty`,class:"neon-date-picker__calendar-date neon-date-picker__calendar-date--empty"}))],64))),256))]))),128))],64)),M,a.createElementVNode("div",w,[e.optional?(a.openBlock(),a.createBlock(o,{key:0,label:e.clearLabel,"button-style":"text",class:"neon-date-picker__calendar-clear-button",color:"high-contrast",size:"s",onClick:l[11]||(l[11]=n=>e.clear())},null,8,["label"])):a.createCommentVNode("",!0),a.createVNode(o,{color:e.color,label:e.doneLabel,"button-style":"text",class:"neon-date-picker__calendar-done-button",size:"s",onClick:l[12]||(l[12]=n=>e.done())},null,8,["color","label"])])],512)]),_:1},8,["modelValue","placement"]),a.createVNode(d,a.mergeProps({disabled:e.disabled,"hide-icon":!0,max:e.max,min:e.min,"model-value":e.modelValue,size:e.size,tabindex:-1,class:"neon-date-picker__native-input",type:"date"},e.attrs,{"onUpdate:modelValue":e.emitDate}),null,16,["disabled","max","min","model-value","size","onUpdate:modelValue"])],2)}var L=p(c,[["render",f]]);module.exports=L;
 //# sourceMappingURL=NeonDatePicker.cjs.js.map

package/dist/components/user-input/date-picker/NeonDatePicker.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonDatePicker.ts_vue_type_script_src_dd58960a_lang.es.js";
+import _sfc_main from "./NeonDatePicker.ts_vue_type_script_src_01c3f912_lang.es.js";
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createElementVNode, withKeys, withModifiers, Fragment, toDisplayString, renderList, createBlock, createCommentVNode, mergeProps } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = ["aria-label", "tabindex"];
@@ -304,6 +304,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, _ctx.attrs, { "onUpdate:modelValue": _ctx.emitDate }), null, 16, ["disabled", "max", "min", "model-value", "size", "onUpdate:modelValue"])
   ], 2);
 }
-var NeonDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/user-input/date-picker/NeonDatePicker.vue"]]);
+var NeonDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonDatePicker as default };
 //# sourceMappingURL=NeonDatePicker.es.js.map

package/dist/components/user-input/date-picker/{NeonDatePicker.ts_vue_type_script_src_dd58960a_lang.cjs.js → NeonDatePicker.ts_vue_type_script_src_01c3f912_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var t=require("vue"),Z=require("../../../common/enums/NeonSize.cjs.js"),ee=require("../../../common/enums/NeonFunctionalColor.cjs.js"),ae=require("../../presentation/dropdown/NeonDropdown.cjs.js"),te=require("../button/NeonButton.cjs.js"),ne=require("../input/NeonInput.cjs.js"),r=require("../../../common/utils/NeonDateUtils.cjs.js"),le=require("../../../common/enums/NeonDropdownPlacement.cjs.js"),oe=t.defineComponent({name:"NeonDatePicker",components:{NeonButton:te,NeonDropdown:ae,NeonInput:ne},props:{modelValue:{type:String,default:null},locale:{type:String,default:null},disabled:{type:Boolean,default:!1},size:{type:String,default:Z.NeonSize.Medium},color:{type:String,default:ee.NeonFunctionalColor.Primary},min:{type:String,default:null},max:{type:String,default:null},placement:{type:String,default:le.NeonDropdownPlacement.BottomLeft},disabledDates:{type:Array,default:()=>[]},placeholder:{type:String,required:!1},openCalendarLabel:{type:String,default:"Open calendar"},doneLabel:{type:String,default:"Done"},clearLabel:{type:String,default:"Clear"},changeMonthLabel:{type:String,default:"Change month"},previousMonthLabel:{type:String,default:"Previous month"},nextMonthLabel:{type:String,default:"Next month"},changeYearLabel:{type:String,default:"Change year"},previousYearLabel:{type:String,default:"Previous year"},nextYearLabel:{type:String,default:"Next year"},previousDecadeLabel:{type:String,default:"Previous decade"},nextDecadeLabel:{type:String,default:"Next decade"}},setup(e,{emit:g}){const D=t.useAttrs(),L=!D.required,P=t.ref(null),v=t.ref(null),c=t.ref(!1),d=t.ref(!1),m=t.ref(!1),U=t.computed(()=>{if(e.modelValue){const a=r.NeonDateUtils.stringToNeonDate(e.modelValue,e.locale,!0);if(a){const{dayFormatted:n,monthShortName:u,yearFormatted:X}=a;return`${n} ${u} ${X}`}}return""}),p=(a,n,u)=>r.NeonDateUtils.dmyToIso(a,n,u),y=new Date,N=e.locale||navigator.language,o=t.ref(e.modelValue?+e.modelValue.substring(5,7):+y.toLocaleString(N,{month:"numeric"})),l=t.ref(e.modelValue?+e.modelValue.substring(0,4):+y.toLocaleString(N,{year:"numeric"})),i=t.ref(Math.floor(l.value/10)*10),s=t.computed(()=>r.NeonDateUtils.toCalendarConfiguration(e.modelValue,o.value,l.value,i.value,e.locale)),q=t.computed(()=>{const{day:a,month:n,year:u}=s.value.today;return r.NeonDateUtils.dmyToIso(a,n,u)}),T=()=>{if(!e.disabled&&(c.value=!0,v.value)){const a=v.value.querySelector(".neon-date-picker__calendar-date--selected");a&&setTimeout(()=>a.focus())}},V=a=>{g("update:modelValue",a)},I=()=>{o.value===1?(o.value=12,l.value=l.value-1):o.value=o.value-1},w=()=>{o.value===12?(o.value=1,l.value=l.value+1):o.value=o.value+1},O=()=>{d.value=!0},b=t.computed(()=>e.min&&e.min>=r.NeonDateUtils.dmyToIso(1,s.value.pageMonth,s.value.pageYear)),h=t.computed(()=>{const{pageYear:a,pageMonth:n,lastDayOfMonth:u}=s.value;return e.max&&e.max<=r.NeonDateUtils.dmyToIso(u,n,a)}),F=t.computed(()=>b.value&&h.value),$=()=>{l.value=l.value-1},z=()=>{l.value=l.value+1},B=()=>{m.value=!0},S=t.computed(()=>e.min&&e.min>=r.NeonDateUtils.dmyToIso(1,1,s.value.pageYear)),x=t.computed(()=>e.max&&e.max<=r.NeonDateUtils.dmyToIso(31,12,s.value.pageYear)),_=t.computed(()=>S.value&&x.value),k=()=>{i.value=i.value-10},A=()=>{i.value=i.value+10},R=t.computed(()=>e.min&&e.min>=r.NeonDateUtils.dmyToIso(1,1,Math.floor(s.value.pageYear/10)*10)),E=t.computed(()=>e.max&&e.max<=r.NeonDateUtils.dmyToIso(31,12,Math.floor(s.value.pageYear/10)*10+9)),f=()=>{d.value=!1,m.value=!1},G=()=>{c.value=!1,f()},H=()=>{g("update:modelValue",null),c.value=!1,f()},J=a=>{o.value=a,d.value=!1},K=a=>{l.value=a,m.value=!1},Q=a=>{var n;return((n=e.disabledDates)==null?void 0:n.indexOf(a))>=0||e.min&&e.min>a||e.max&&e.max<a},W=(a,n)=>{const u=`${a}-${n<10?"0"+n:n}`;return M.value&&M.value>u||C.value&&C.value<u},Y=t.computed(()=>e.min?+e.min.substring(0,4):null),M=t.computed(()=>e.min?e.min.substring(0,7):null),j=t.computed(()=>e.max?+e.max.substring(0,4):null),C=t.computed(()=>e.max?e.max.substring(0,7):null);return{attrs:D,calendar:s,calendarOpen:c,dropdown:P,formattedValue:U,isChangeDateDisabled:F,isChangeYearDisabled:_,isNextDisabled:h,isNextDecadeDisabled:E,isNextYearDisabled:x,isPreviousDisabled:b,isPreviousDecadeDisabled:R,isPreviousYearDisabled:S,monthSelectionOpen:d,optional:L,today:q,calendarRef:v,yearSelectionOpen:m,changeMonth:O,changeYear:B,clear:H,done:G,emitDate:V,isDisabled:Q,isoDate:p,isMonthDisabled:W,isYearDisabled:a=>Y.value&&Y.value>a||j.value&&j.value<a,openCalendar:T,onNext:w,onNextDecade:A,onNextYear:z,onPrevious:I,onPreviousDecade:k,onPreviousYear:$,resetToCalendar:f,selectMonth:J,selectYear:K}}});module.exports=oe;
-//# sourceMappingURL=NeonDatePicker.ts_vue_type_script_src_dd58960a_lang.cjs.js.map
+//# sourceMappingURL=NeonDatePicker.ts_vue_type_script_src_01c3f912_lang.cjs.js.map