@aotearoan/neon 9.2.0 → 9.2.2

package/dist/components/navigation/tree-menu/{NeonTreeMenu.ts_vue_type_script_src_8d08d922_lang.cjs.js → NeonTreeMenu.ts_vue_type_script_src_ad293a40_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var t=require("vue"),i=require("../link/NeonLink.cjs.js"),l=require("vue-router"),p=t.defineComponent({name:"NeonTreeMenu",components:{NeonLink:i},props:{model:{type:Array,required:!0},expandAll:{type:Boolean,default:!1}},emits:["click"],setup(m,{emit:o}){const u=l.useRoute(),n=t.ref(null),c=e=>{const r=e.target;r!=null&&r.parentElement&&r.parentElement.click()},s=e=>{o("click",e)},a=e=>e.toLowerCase().replace(/\s/g,"-");return t.watch(()=>u.path,e=>n.value=e,{immediate:!0}),{url:n,click:c,onClick:s,fragment:a}}});module.exports=p;
-//# sourceMappingURL=NeonTreeMenu.ts_vue_type_script_src_8d08d922_lang.cjs.js.map
+//# sourceMappingURL=NeonTreeMenu.ts_vue_type_script_src_ad293a40_lang.cjs.js.map

package/dist/components/navigation/tree-menu/{NeonTreeMenu.ts_vue_type_script_src_8d08d922_lang.cjs.js.map → NeonTreeMenu.ts_vue_type_script_src_ad293a40_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonTreeMenu.ts_vue_type_script_src_8d08d922_lang.cjs.js","sources":["../../../../src/components/navigation/tree-menu/NeonTreeMenu.ts?vue&type=script&src=8d08d922&lang.ts"],"sourcesContent":["import { defineComponent, ref, watch } from 'vue';\nimport type { NeonTreeMenuSectionModel } from '@/common/models/NeonTreeMenuSectionModel';\nimport NeonLink from '../link/NeonLink.vue';\nimport { useRoute } from 'vue-router';\n\n/**\n * Three level tree menu. This is useful for displaying a hierarchical navigation in NeonSideNav.The top level of the\n * menu is expandable on click but will not navigate to a page. The second level is links to pages and the third level\n * is the fragments on that page.\n */\nexport default defineComponent({\n  name: 'NeonTreeMenu',\n  components: {\n    NeonLink,\n  },\n  props: {\n    /**\n     * The tree model defining the menu.\n     */\n    model: { type: Array as () => Array<NeonTreeMenuSectionModel>, required: true },\n    /**\n     * Expand all nodes in the tree, this is useful for providing filtering (e.g. the Neon showcase side navigation menu).\n     */\n    expandAll: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the user clicks on a menu item\n     * @type {string} the key of the clicked on menu item.\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const route = useRoute();\n    const url = ref<string | null>(null);\n\n    const click = ($event: KeyboardEvent) => {\n      const target = $event.target as HTMLSpanElement;\n      if (target?.parentElement) {\n        target.parentElement.click();\n      }\n    };\n\n    const onClick = (key: string) => {\n      emit('click', key);\n    };\n\n    const fragment = (anchor: string) => {\n      return anchor.toLowerCase().replace(/\\s/g, '-');\n    };\n\n    watch(\n      () => route.path,\n      (value) => (url.value = value),\n      { immediate: true },\n    );\n\n    return {\n      url,\n      click,\n      onClick,\n      fragment,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonLink","props","emit","route","useRoute","url","ref","click","$event","target","onClick","key","fragment","anchor","watch","value"],"mappings":"+FAUAA,EAAeC,kBAAgB,CAC7B,KAAM,eACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CAIL,MAAO,CAAE,KAAM,MAAgD,SAAU,EAAK,EAI9E,UAAW,CAAE,KAAM,QAAS,QAAS,EAAM,CAC7C,EACA,MAAO,CAKL,OACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,WACRC,EAAMC,MAAmB,IAAI,EAE7BC,EAASC,GAA0B,CACvC,MAAMC,EAASD,EAAO,OAClBC,GAAA,MAAAA,EAAQ,eACVA,EAAO,cAAc,OACvB,EAGIC,EAAWC,GAAgB,CAC/BT,EAAK,QAASS,CAAG,CAAA,EAGbC,EAAYC,GACTA,EAAO,YAAc,EAAA,QAAQ,MAAO,GAAG,EAGhDC,OAAAA,EAAA,MACE,IAAMX,EAAM,KACXY,GAAWV,EAAI,MAAQU,EACxB,CAAE,UAAW,EAAK,CAAA,EAGb,CACL,IAAAV,EACA,MAAAE,EACA,QAAAG,EACA,SAAAE,CAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonTreeMenu.ts_vue_type_script_src_ad293a40_lang.cjs.js","sources":["../../../../src/components/navigation/tree-menu/NeonTreeMenu.ts?vue&type=script&src=ad293a40&lang.ts"],"sourcesContent":["import { defineComponent, ref, watch } from 'vue';\nimport type { NeonTreeMenuSectionModel } from '@/common/models/NeonTreeMenuSectionModel';\nimport NeonLink from '../link/NeonLink.vue';\nimport { useRoute } from 'vue-router';\n\n/**\n * Three level tree menu. This is useful for displaying a hierarchical navigation in NeonSideNav.The top level of the\n * menu is expandable on click but will not navigate to a page. The second level is links to pages and the third level\n * is the fragments on that page.\n */\nexport default defineComponent({\n  name: 'NeonTreeMenu',\n  components: {\n    NeonLink,\n  },\n  props: {\n    /**\n     * The tree model defining the menu.\n     */\n    model: { type: Array as () => Array<NeonTreeMenuSectionModel>, required: true },\n    /**\n     * Expand all nodes in the tree, this is useful for providing filtering (e.g. the Neon showcase side navigation menu).\n     */\n    expandAll: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the user clicks on a menu item\n     * @type {string} the key of the clicked on menu item.\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const route = useRoute();\n    const url = ref<string | null>(null);\n\n    const click = ($event: KeyboardEvent) => {\n      const target = $event.target as HTMLSpanElement;\n      if (target?.parentElement) {\n        target.parentElement.click();\n      }\n    };\n\n    const onClick = (key: string) => {\n      emit('click', key);\n    };\n\n    const fragment = (anchor: string) => {\n      return anchor.toLowerCase().replace(/\\s/g, '-');\n    };\n\n    watch(\n      () => route.path,\n      (value) => (url.value = value),\n      { immediate: true },\n    );\n\n    return {\n      url,\n      click,\n      onClick,\n      fragment,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonLink","props","emit","route","useRoute","url","ref","click","$event","target","onClick","key","fragment","anchor","watch","value"],"mappings":"+FAUAA,EAAeC,kBAAgB,CAC7B,KAAM,eACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CAIL,MAAO,CAAE,KAAM,MAAgD,SAAU,EAAK,EAI9E,UAAW,CAAE,KAAM,QAAS,QAAS,EAAM,CAC7C,EACA,MAAO,CAKL,OACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,WACRC,EAAMC,MAAmB,IAAI,EAE7BC,EAASC,GAA0B,CACvC,MAAMC,EAASD,EAAO,OAClBC,GAAA,MAAAA,EAAQ,eACVA,EAAO,cAAc,OACvB,EAGIC,EAAWC,GAAgB,CAC/BT,EAAK,QAASS,CAAG,CAAA,EAGbC,EAAYC,GACTA,EAAO,YAAc,EAAA,QAAQ,MAAO,GAAG,EAGhDC,OAAAA,EAAA,MACE,IAAMX,EAAM,KACXY,GAAWV,EAAI,MAAQU,EACxB,CAAE,UAAW,EAAK,CAAA,EAGb,CACL,IAAAV,EACA,MAAAE,EACA,QAAAG,EACA,SAAAE,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/navigation/tree-menu/{NeonTreeMenu.ts_vue_type_script_src_8d08d922_lang.es.js → NeonTreeMenu.ts_vue_type_script_src_ad293a40_lang.es.js}

@@ -42,4 +42,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonTreeMenu.ts_vue_type_script_src_8d08d922_lang.es.js.map
+//# sourceMappingURL=NeonTreeMenu.ts_vue_type_script_src_ad293a40_lang.es.js.map

package/dist/components/navigation/tree-menu/{NeonTreeMenu.ts_vue_type_script_src_8d08d922_lang.es.js.map → NeonTreeMenu.ts_vue_type_script_src_ad293a40_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonTreeMenu.ts_vue_type_script_src_8d08d922_lang.es.js","sources":["../../../../src/components/navigation/tree-menu/NeonTreeMenu.ts?vue&type=script&src=8d08d922&lang.ts"],"sourcesContent":["import { defineComponent, ref, watch } from 'vue';\nimport type { NeonTreeMenuSectionModel } from '@/common/models/NeonTreeMenuSectionModel';\nimport NeonLink from '../link/NeonLink.vue';\nimport { useRoute } from 'vue-router';\n\n/**\n * Three level tree menu. This is useful for displaying a hierarchical navigation in NeonSideNav.The top level of the\n * menu is expandable on click but will not navigate to a page. The second level is links to pages and the third level\n * is the fragments on that page.\n */\nexport default defineComponent({\n  name: 'NeonTreeMenu',\n  components: {\n    NeonLink,\n  },\n  props: {\n    /**\n     * The tree model defining the menu.\n     */\n    model: { type: Array as () => Array<NeonTreeMenuSectionModel>, required: true },\n    /**\n     * Expand all nodes in the tree, this is useful for providing filtering (e.g. the Neon showcase side navigation menu).\n     */\n    expandAll: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the user clicks on a menu item\n     * @type {string} the key of the clicked on menu item.\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const route = useRoute();\n    const url = ref<string | null>(null);\n\n    const click = ($event: KeyboardEvent) => {\n      const target = $event.target as HTMLSpanElement;\n      if (target?.parentElement) {\n        target.parentElement.click();\n      }\n    };\n\n    const onClick = (key: string) => {\n      emit('click', key);\n    };\n\n    const fragment = (anchor: string) => {\n      return anchor.toLowerCase().replace(/\\s/g, '-');\n    };\n\n    watch(\n      () => route.path,\n      (value) => (url.value = value),\n      { immediate: true },\n    );\n\n    return {\n      url,\n      click,\n      onClick,\n      fragment,\n    };\n  },\n});\n"],"names":[],"mappings":";;;AAUA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,OAAO,EAAE,MAAM,OAAgD,UAAU,KAAK;AAAA,IAI9E,WAAW,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC7C;AAAA,EACA,OAAO;AAAA,IAKL;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,QAAQ;AACR,UAAA,MAAM,IAAmB,IAAI;AAE7B,UAAA,QAAQ,CAAC,WAA0B;AACvC,YAAM,SAAS,OAAO;AACtB,UAAI,iCAAQ,eAAe;AACzB,eAAO,cAAc;MACvB;AAAA,IAAA;AAGI,UAAA,UAAU,CAAC,QAAgB;AAC/B,WAAK,SAAS,GAAG;AAAA,IAAA;AAGb,UAAA,WAAW,CAAC,WAAmB;AACnC,aAAO,OAAO,YAAc,EAAA,QAAQ,OAAO,GAAG;AAAA,IAAA;AAGhD;AAAA,MACE,MAAM,MAAM;AAAA,MACZ,CAAC,UAAW,IAAI,QAAQ;AAAA,MACxB,EAAE,WAAW,KAAK;AAAA,IAAA;AAGb,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
+{"version":3,"file":"NeonTreeMenu.ts_vue_type_script_src_ad293a40_lang.es.js","sources":["../../../../src/components/navigation/tree-menu/NeonTreeMenu.ts?vue&type=script&src=ad293a40&lang.ts"],"sourcesContent":["import { defineComponent, ref, watch } from 'vue';\nimport type { NeonTreeMenuSectionModel } from '@/common/models/NeonTreeMenuSectionModel';\nimport NeonLink from '../link/NeonLink.vue';\nimport { useRoute } from 'vue-router';\n\n/**\n * Three level tree menu. This is useful for displaying a hierarchical navigation in NeonSideNav.The top level of the\n * menu is expandable on click but will not navigate to a page. The second level is links to pages and the third level\n * is the fragments on that page.\n */\nexport default defineComponent({\n  name: 'NeonTreeMenu',\n  components: {\n    NeonLink,\n  },\n  props: {\n    /**\n     * The tree model defining the menu.\n     */\n    model: { type: Array as () => Array<NeonTreeMenuSectionModel>, required: true },\n    /**\n     * Expand all nodes in the tree, this is useful for providing filtering (e.g. the Neon showcase side navigation menu).\n     */\n    expandAll: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the user clicks on a menu item\n     * @type {string} the key of the clicked on menu item.\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const route = useRoute();\n    const url = ref<string | null>(null);\n\n    const click = ($event: KeyboardEvent) => {\n      const target = $event.target as HTMLSpanElement;\n      if (target?.parentElement) {\n        target.parentElement.click();\n      }\n    };\n\n    const onClick = (key: string) => {\n      emit('click', key);\n    };\n\n    const fragment = (anchor: string) => {\n      return anchor.toLowerCase().replace(/\\s/g, '-');\n    };\n\n    watch(\n      () => route.path,\n      (value) => (url.value = value),\n      { immediate: true },\n    );\n\n    return {\n      url,\n      click,\n      onClick,\n      fragment,\n    };\n  },\n});\n"],"names":[],"mappings":";;;AAUA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,OAAO,EAAE,MAAM,OAAgD,UAAU,KAAK;AAAA,IAI9E,WAAW,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC7C;AAAA,EACA,OAAO;AAAA,IAKL;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,QAAQ;AACR,UAAA,MAAM,IAAmB,IAAI;AAE7B,UAAA,QAAQ,CAAC,WAA0B;AACvC,YAAM,SAAS,OAAO;AACtB,UAAI,iCAAQ,eAAe;AACzB,eAAO,cAAc;MACvB;AAAA,IAAA;AAGI,UAAA,UAAU,CAAC,QAAgB;AAC/B,WAAK,SAAS,GAAG;AAAA,IAAA;AAGb,UAAA,WAAW,CAAC,WAAmB;AACnC,aAAO,OAAO,YAAc,EAAA,QAAQ,OAAO,GAAG;AAAA,IAAA;AAGhD;AAAA,MACE,MAAM,MAAM;AAAA,MACZ,CAAC,UAAW,IAAI,QAAQ;AAAA,MACxB,EAAE,WAAW,KAAK;AAAA,IAAA;AAGb,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

package/dist/components/presentation/badge/NeonBadge.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var a=require("./NeonBadge.ts_vue_type_script_src_5e168e08_lang.cjs.js"),n=require("vue"),l=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const r={key:0,class:"neon-badge__label"},s=["alt","src"];function i(e,t,c,g,p,b){const o=n.resolveComponent("neon-icon");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass([[`neon-badge--${e.color}`,e.alternateColor?`neon-badge--alternate-color-${e.alternateColor}`:"",`neon-badge--${e.size}`,{"neon-badge--with-label":e.label,"neon-badge--disabled":e.disabled,"neon-badge--with-image":e.image,"neon-badge--with-icon":e.icon},e.circular?"neon-badge--circular":"neon-badge--square"],"neon-badge"])},[e.label?(n.openBlock(),n.createElementBlock("span",r,n.toDisplayString(e.label),1)):e.image?(n.openBlock(),n.createElementBlock("img",{key:1,alt:e.imageAlt,src:e.image,class:"neon-badge__image"},null,8,s)):e.icon?(n.openBlock(),n.createBlock(o,{key:2,disabled:e.disabled,inverse:!!e.color,name:e.icon,class:"neon-badge__icon"},null,8,["disabled","inverse","name"])):n.createCommentVNode("",!0)],2)}var d=l(a,[["render",i],["__file","/Users/andrew/dev/projects/neon/src/components/presentation/badge/NeonBadge.vue"]]);module.exports=d;
+"use strict";var o=require("./NeonBadge.ts_vue_type_script_src_3224431b_lang.cjs.js"),n=require("vue"),l=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const r={key:0,class:"neon-badge__label"},s=["alt","src"];function i(e,c,t,g,b,p){const a=n.resolveComponent("neon-icon");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass([[`neon-badge--${e.color}`,e.alternateColor?`neon-badge--alternate-color-${e.alternateColor}`:"",`neon-badge--${e.size}`,{"neon-badge--with-label":e.label,"neon-badge--disabled":e.disabled,"neon-badge--with-image":e.image,"neon-badge--with-icon":e.icon},e.circular?"neon-badge--circular":"neon-badge--square"],"neon-badge"])},[e.label?(n.openBlock(),n.createElementBlock("span",r,n.toDisplayString(e.label),1)):e.image?(n.openBlock(),n.createElementBlock("img",{key:1,alt:e.imageAlt,src:e.image,class:"neon-badge__image"},null,8,s)):e.icon?(n.openBlock(),n.createBlock(a,{key:2,disabled:e.disabled,inverse:!!e.color,name:e.icon,class:"neon-badge__icon"},null,8,["disabled","inverse","name"])):n.createCommentVNode("",!0)],2)}var d=l(o,[["render",i]]);module.exports=d;
 //# sourceMappingURL=NeonBadge.cjs.js.map

package/dist/components/presentation/badge/NeonBadge.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonBadge.ts_vue_type_script_src_5e168e08_lang.es.js";
+import _sfc_main from "./NeonBadge.ts_vue_type_script_src_3224431b_lang.es.js";
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, toDisplayString, createBlock, createCommentVNode } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = {
@@ -36,6 +36,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["disabled", "inverse", "name"])) : createCommentVNode("", true)
   ], 2);
 }
-var NeonBadge = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/presentation/badge/NeonBadge.vue"]]);
+var NeonBadge = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonBadge as default };
 //# sourceMappingURL=NeonBadge.es.js.map

package/dist/components/presentation/badge/{NeonBadge.ts_vue_type_script_src_5e168e08_lang.cjs.js → NeonBadge.ts_vue_type_script_src_3224431b_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var e=require("vue"),n=require("../../../common/enums/NeonSize.cjs.js"),o=require("../../../common/enums/NeonFunctionalColor.cjs.js"),t=require("../icon/NeonIcon.cjs.js"),l=e.defineComponent({name:"NeonBadge",components:{NeonIcon:t},props:{label:{type:String,default:null},image:{type:String,default:null},icon:{type:String,default:null},circular:{type:Boolean,default:!1},size:{type:String,default:n.NeonSize.Medium},color:{type:String,default:o.NeonFunctionalColor.LowContrast},alternateColor:{type:String,default:null},disabled:{type:Boolean,default:!1},imageAlt:{type:String,default:"Badge"}}});module.exports=l;
-//# sourceMappingURL=NeonBadge.ts_vue_type_script_src_5e168e08_lang.cjs.js.map
+//# sourceMappingURL=NeonBadge.ts_vue_type_script_src_3224431b_lang.cjs.js.map

package/dist/components/presentation/badge/{NeonBadge.ts_vue_type_script_src_5e168e08_lang.cjs.js.map → NeonBadge.ts_vue_type_script_src_3224431b_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonBadge.ts_vue_type_script_src_5e168e08_lang.cjs.js","sources":["../../../../src/components/presentation/badge/NeonBadge.ts?vue&type=script&src=5e168e08&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * A badge is a small square or circular component for representing user avatars. These can be in the form of an image, an icon or a two character string (e.g. the user's initials).\n */\nexport default defineComponent({\n  name: 'NeonBadge',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The two character <em>initials</em> to display on the badge.\n     */\n    label: { type: String, default: null },\n    /**\n     * URL of the image to display on the badge.\n     */\n    image: { type: String, default: null },\n    /**\n     * An icon to display on the badge.\n     */\n    icon: { type: String, default: null },\n    /**\n     * If true, render the badge as a circle, instead of a square.\n     */\n    circular: { type: Boolean, default: false },\n    /**\n     * The size of the badge - Small, Medium or Large.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The color of the badge. This is one of the provided NeonFunctionalColors.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * Alternate color for creating gradient badges. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Display the badge in the disable style\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Badge image alt text.\n     */\n    imageAlt: { type: String, default: 'Badge' },\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonSize","NeonFunctionalColor"],"mappings":"wLAQAA,EAAeC,kBAAgB,CAC7B,KAAM,YACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CAIL,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIrC,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIrC,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIpC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAI1C,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,EAIjE,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAY,EAI7F,eAAgB,CAAE,KAAM,OAAqC,QAAS,IAAK,EAI3E,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAI1C,SAAU,CAAE,KAAM,OAAQ,QAAS,OAAQ,CAC7C,CACF,CAAC"}
+{"version":3,"file":"NeonBadge.ts_vue_type_script_src_3224431b_lang.cjs.js","sources":["../../../../src/components/presentation/badge/NeonBadge.ts?vue&type=script&src=3224431b&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * A badge is a small square or circular component for representing user avatars. These can be in the form of an image, an icon or a two character string (e.g. the user's initials).\n */\nexport default defineComponent({\n  name: 'NeonBadge',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The two character <em>initials</em> to display on the badge.\n     */\n    label: { type: String, default: null },\n    /**\n     * URL of the image to display on the badge.\n     */\n    image: { type: String, default: null },\n    /**\n     * An icon to display on the badge.\n     */\n    icon: { type: String, default: null },\n    /**\n     * If true, render the badge as a circle, instead of a square.\n     */\n    circular: { type: Boolean, default: false },\n    /**\n     * The size of the badge - Small, Medium or Large.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The color of the badge. This is one of the provided NeonFunctionalColors.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * Alternate color for creating gradient badges. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Display the badge in the disable style\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Badge image alt text.\n     */\n    imageAlt: { type: String, default: 'Badge' },\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonSize","NeonFunctionalColor"],"mappings":"wLAQAA,EAAeC,kBAAgB,CAC7B,KAAM,YACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CAIL,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIrC,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIrC,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIpC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAI1C,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,EAIjE,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAY,EAI7F,eAAgB,CAAE,KAAM,OAAqC,QAAS,IAAK,EAI3E,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAI1C,SAAU,CAAE,KAAM,OAAQ,QAAS,OAAQ,CAC7C,CACF,CAAC"}

package/dist/components/presentation/badge/{NeonBadge.ts_vue_type_script_src_5e168e08_lang.es.js → NeonBadge.ts_vue_type_script_src_3224431b_lang.es.js}

@@ -20,4 +20,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonBadge.ts_vue_type_script_src_5e168e08_lang.es.js.map
+//# sourceMappingURL=NeonBadge.ts_vue_type_script_src_3224431b_lang.es.js.map

package/dist/components/presentation/badge/{NeonBadge.ts_vue_type_script_src_5e168e08_lang.es.js.map → NeonBadge.ts_vue_type_script_src_3224431b_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonBadge.ts_vue_type_script_src_5e168e08_lang.es.js","sources":["../../../../src/components/presentation/badge/NeonBadge.ts?vue&type=script&src=5e168e08&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * A badge is a small square or circular component for representing user avatars. These can be in the form of an image, an icon or a two character string (e.g. the user's initials).\n */\nexport default defineComponent({\n  name: 'NeonBadge',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The two character <em>initials</em> to display on the badge.\n     */\n    label: { type: String, default: null },\n    /**\n     * URL of the image to display on the badge.\n     */\n    image: { type: String, default: null },\n    /**\n     * An icon to display on the badge.\n     */\n    icon: { type: String, default: null },\n    /**\n     * If true, render the badge as a circle, instead of a square.\n     */\n    circular: { type: Boolean, default: false },\n    /**\n     * The size of the badge - Small, Medium or Large.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The color of the badge. This is one of the provided NeonFunctionalColors.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * Alternate color for creating gradient badges. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Display the badge in the disable style\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Badge image alt text.\n     */\n    imageAlt: { type: String, default: 'Badge' },\n  },\n});\n"],"names":[],"mappings":";;;;AAQA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIrC,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIrC,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIpC,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI1C,MAAM,EAAE,MAAM,QAA0B,SAAS,SAAS,OAAO;AAAA,IAIjE,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,YAAY;AAAA,IAI7F,gBAAgB,EAAE,MAAM,QAAqC,SAAS,KAAK;AAAA,IAI3E,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI1C,UAAU,EAAE,MAAM,QAAQ,SAAS,QAAQ;AAAA,EAC7C;AACF,CAAC;;"}
+{"version":3,"file":"NeonBadge.ts_vue_type_script_src_3224431b_lang.es.js","sources":["../../../../src/components/presentation/badge/NeonBadge.ts?vue&type=script&src=3224431b&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * A badge is a small square or circular component for representing user avatars. These can be in the form of an image, an icon or a two character string (e.g. the user's initials).\n */\nexport default defineComponent({\n  name: 'NeonBadge',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The two character <em>initials</em> to display on the badge.\n     */\n    label: { type: String, default: null },\n    /**\n     * URL of the image to display on the badge.\n     */\n    image: { type: String, default: null },\n    /**\n     * An icon to display on the badge.\n     */\n    icon: { type: String, default: null },\n    /**\n     * If true, render the badge as a circle, instead of a square.\n     */\n    circular: { type: Boolean, default: false },\n    /**\n     * The size of the badge - Small, Medium or Large.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The color of the badge. This is one of the provided NeonFunctionalColors.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * Alternate color for creating gradient badges. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Display the badge in the disable style\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * Badge image alt text.\n     */\n    imageAlt: { type: String, default: 'Badge' },\n  },\n});\n"],"names":[],"mappings":";;;;AAQA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIrC,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIrC,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIpC,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI1C,MAAM,EAAE,MAAM,QAA0B,SAAS,SAAS,OAAO;AAAA,IAIjE,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,YAAY;AAAA,IAI7F,gBAAgB,EAAE,MAAM,QAAqC,SAAS,KAAK;AAAA,IAI3E,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI1C,UAAU,EAAE,MAAM,QAAQ,SAAS,QAAQ;AAAA,EAC7C;AACF,CAAC;;"}

package/dist/components/presentation/dropdown/NeonDropdown.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("./NeonDropdown.ts_vue_type_script_src_4222fb80_lang.cjs.js"),o=require("vue"),a=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const s={ref:"dropdownButton"},p={key:0,class:"neon-dropdown__button-wrapper"},u=["id","tabindex"],b=o.createElementVNode("div",{class:"neon-dropdown__click-blocker"},null,-1);function w(e,n,m,g,c,k){const r=o.resolveComponent("neon-button"),l=o.resolveComponent("neon-badge"),i=o.resolveComponent("neon-expansion-indicator");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass([[{"neon-dropdown--with-indicator":e.indicator,"neon-dropdown--open":e.modelValue,"neon-dropdown--open-on-hover":e.openOnHover,"neon-dropdown--icon-only":e.icon&&!e.label,"neon-dropdown--disabled":e.disabled},`neon-dropdown--${e.size}`,`neon-dropdown--${e.color}`],"neon-dropdown"])},[o.createElementVNode("div",s,[o.renderSlot(e.$slots,"dropdown-button",{},()=>[e.dropdownStyle==="text-button"||e.dropdownStyle==="solid-button"?(o.openBlock(),o.createElementBlock("div",p,[o.createVNode(r,{id:e.id,"alternate-color":e.alternateColor,"aria-expanded":e.modelValue,"button-style":e.dropdownStyle==="text-button"?"text":"solid",color:e.color,disabled:e.disabled,icon:e.icon,indicator:e.indicator,"indicator-expanded":e.modelValue,label:e.label,size:e.size,"aria-haspopup":"true",class:"neon-dropdown__button",onBlur:n[0]||(n[0]=d=>e.onBlur()),onClick:n[1]||(n[1]=d=>e.toggleOpen()),onFocus:n[2]||(n[2]=d=>e.onFocus())},null,8,["id","alternate-color","aria-expanded","button-style","color","disabled","icon","indicator","indicator-expanded","label","size"])])):(o.openBlock(),o.createElementBlock("div",{key:1,id:e.id,ref:"dropdownButton",tabindex:e.disabled?void 0:0,class:"neon-dropdown__badge",role:"button",onClick:n[3]||(n[3]=(...d)=>e.toggleOpen&&e.toggleOpen(...d)),onKeydown:[n[4]||(n[4]=o.withKeys((...d)=>e.toggleOpen&&e.toggleOpen(...d),["enter"])),n[5]||(n[5]=o.withKeys(o.withModifiers((...d)=>e.toggleOpen&&e.toggleOpen(...d),["stop","prevent"]),["space"]))]},[o.createVNode(l,{"alternate-color":e.alternateColor,circular:e.dropdownStyle==="circular-badge",color:e.color,disabled:e.disabled,icon:e.icon,image:e.image,imageAlt:e.imageAlt,label:e.label,size:e.size},null,8,["alternate-color","circular","color","disabled","icon","image","imageAlt","label","size"]),e.indicator?(o.openBlock(),o.createBlock(i,{key:0,color:e.color,disabled:e.disabled,expanded:e.modelValue,class:"neon-button__indicator"},null,8,["color","disabled","expanded"])):o.createCommentVNode("",!0)],40,u))])],512),b,o.withDirectives(o.createElementVNode("div",{ref:"dropdownContent",class:o.normalizeClass([`neon-dropdown__content--${e.dropdownPlacement}`,"neon-dropdown__content"])},[o.renderSlot(e.$slots,"default")],2),[[o.vShow,e.openOnHover||e.modelValue]])],2)}var v=a(t,[["render",w],["__file","/Users/andrew/dev/projects/neon/src/components/presentation/dropdown/NeonDropdown.vue"]]);module.exports=v;
+"use strict";var t=require("./NeonDropdown.ts_vue_type_script_src_40f73ad8_lang.cjs.js"),o=require("vue"),a=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const s={ref:"dropdownButton"},p={key:0,class:"neon-dropdown__button-wrapper"},u=["id","tabindex"],b=o.createElementVNode("div",{class:"neon-dropdown__click-blocker"},null,-1);function w(e,n,m,v,c,k){const l=o.resolveComponent("neon-button"),r=o.resolveComponent("neon-badge"),i=o.resolveComponent("neon-expansion-indicator");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass([[{"neon-dropdown--with-indicator":e.indicator,"neon-dropdown--open":e.modelValue,"neon-dropdown--open-on-hover":e.openOnHover,"neon-dropdown--icon-only":e.icon&&!e.label,"neon-dropdown--disabled":e.disabled},`neon-dropdown--${e.size}`,`neon-dropdown--${e.color}`],"neon-dropdown"])},[o.createElementVNode("div",s,[o.renderSlot(e.$slots,"dropdown-button",{},()=>[e.dropdownStyle==="text-button"||e.dropdownStyle==="solid-button"?(o.openBlock(),o.createElementBlock("div",p,[o.createVNode(l,{id:e.id,"alternate-color":e.alternateColor,"aria-expanded":e.modelValue,"button-style":e.dropdownStyle==="text-button"?"text":"solid",color:e.color,disabled:e.disabled,icon:e.icon,indicator:e.indicator,"indicator-expanded":e.modelValue,label:e.label,size:e.size,"aria-haspopup":"true",class:"neon-dropdown__button",onBlur:n[0]||(n[0]=d=>e.onBlur()),onClick:n[1]||(n[1]=d=>e.toggleOpen()),onFocus:n[2]||(n[2]=d=>e.onFocus())},null,8,["id","alternate-color","aria-expanded","button-style","color","disabled","icon","indicator","indicator-expanded","label","size"])])):(o.openBlock(),o.createElementBlock("div",{key:1,id:e.id,ref:"dropdownButton",tabindex:e.disabled?void 0:0,class:"neon-dropdown__badge",role:"button",onClick:n[3]||(n[3]=(...d)=>e.toggleOpen&&e.toggleOpen(...d)),onKeydown:[n[4]||(n[4]=o.withKeys((...d)=>e.toggleOpen&&e.toggleOpen(...d),["enter"])),n[5]||(n[5]=o.withKeys(o.withModifiers((...d)=>e.toggleOpen&&e.toggleOpen(...d),["stop","prevent"]),["space"]))]},[o.createVNode(r,{"alternate-color":e.alternateColor,circular:e.dropdownStyle==="circular-badge",color:e.color,disabled:e.disabled,icon:e.icon,image:e.image,imageAlt:e.imageAlt,label:e.label,size:e.size},null,8,["alternate-color","circular","color","disabled","icon","image","imageAlt","label","size"]),e.indicator?(o.openBlock(),o.createBlock(i,{key:0,color:e.color,disabled:e.disabled,expanded:e.modelValue,class:"neon-button__indicator"},null,8,["color","disabled","expanded"])):o.createCommentVNode("",!0)],40,u))])],512),b,o.withDirectives(o.createElementVNode("div",{ref:"dropdownContent",class:o.normalizeClass([`neon-dropdown__content--${e.dropdownPlacement}`,"neon-dropdown__content"])},[o.renderSlot(e.$slots,"default")],2),[[o.vShow,e.openOnHover||e.modelValue]])],2)}var g=a(t,[["render",w]]);module.exports=g;
 //# sourceMappingURL=NeonDropdown.cjs.js.map

package/dist/components/presentation/dropdown/NeonDropdown.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonDropdown.ts_vue_type_script_src_4222fb80_lang.es.js";
+import _sfc_main from "./NeonDropdown.ts_vue_type_script_src_40f73ad8_lang.es.js";
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, withKeys, withModifiers, createBlock, createCommentVNode, withDirectives, vShow } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = { ref: "dropdownButton" };
@@ -91,6 +91,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var NeonDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/presentation/dropdown/NeonDropdown.vue"]]);
+var NeonDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonDropdown as default };
 //# sourceMappingURL=NeonDropdown.es.js.map

package/dist/components/presentation/dropdown/{NeonDropdown.ts_vue_type_script_src_4222fb80_lang.cjs.js → NeonDropdown.ts_vue_type_script_src_40f73ad8_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var n=require("vue"),p=require("../../../common/enums/NeonDropdownPlacement.cjs.js"),f=require("../../../common/utils/NeonDropdownPlacementUtils.cjs.js"),w=require("../../../common/utils/NeonClosableUtils.cjs.js"),N=require("../../../common/enums/NeonSize.cjs.js"),y=require("../../../common/enums/NeonFunctionalColor.cjs.js"),j=require("../../../common/enums/NeonDropdownStyle.cjs.js"),S=require("../badge/NeonBadge.cjs.js"),g=require("../../user-input/button/NeonButton.cjs.js"),C=require("../expansion-indicator/NeonExpansionIndicator.cjs.js"),b=n.defineComponent({name:"NeonDropdown",components:{NeonBadge:S,NeonButton:g,NeonExpansionIndicator:C},props:{id:{type:String},modelValue:{type:Boolean,required:!0},label:{type:String,default:null},image:{type:String,default:null},imageAlt:{type:String,default:null},icon:{type:String,default:null},indicator:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},size:{type:String,default:N.NeonSize.Medium},color:{type:String,default:y.NeonFunctionalColor.LowContrast},alternateColor:{type:String,default:null},dropdownStyle:{type:String,default:j.NeonDropdownStyle.SolidButton},placement:{type:String,default:p.NeonDropdownPlacement.BottomLeft},placementContainer:{type:Object,default:null},openOnHover:{type:Boolean,default:!1}},emits:["update:modelValue","dropdown-placement","blur","focus","button-ref"],setup(e,{emit:t}){const r=n.ref(null),l=n.ref(null),a=n.ref(e.placement),u=n.ref(null),s=()=>{t("update:modelValue",!1)},d=()=>{e.modelValue&&s()},o=()=>{if(e.modelValue&&r.value&&l.value){const i=a.value;a.value=f.NeonDropdownPlacementUtils.calculatePlacement(r.value,l.value,e.placement,e.placementContainer),i!==a.value&&t("dropdown-placement",a.value)}},c=()=>{!e.disabled&&!e.openOnHover&&(t("update:modelValue",!e.modelValue),setTimeout(o))},m=()=>{t("blur")},v=()=>{t("focus")};return n.onMounted(()=>{!e.openOnHover&&l.value&&(u.value=new w.NeonClosableUtils(l.value,d)),window.addEventListener("resize",o,{passive:!0}),window.addEventListener("scroll",o,{passive:!0}),e.placementContainer&&e.placementContainer.addEventListener("scroll",o,{passive:!0})}),n.onUnmounted(()=>{e.openOnHover||u.value&&u.value.destroy(),window.removeEventListener("resize",o),window.removeEventListener("scroll",o),e.placementContainer&&e.placementContainer.removeEventListener("scroll",o)}),n.watch(()=>r.value,i=>t("button-ref",i),{immediate:!0}),{dropdownButton:r,dropdownContent:l,dropdownPlacement:a,closableUtils:u,onClose:s,close:d,toggleOpen:c,onBlur:m,onFocus:v}}});module.exports=b;
-//# sourceMappingURL=NeonDropdown.ts_vue_type_script_src_4222fb80_lang.cjs.js.map
+//# sourceMappingURL=NeonDropdown.ts_vue_type_script_src_40f73ad8_lang.cjs.js.map

package/dist/components/presentation/dropdown/{NeonDropdown.ts_vue_type_script_src_4222fb80_lang.cjs.js.map → NeonDropdown.ts_vue_type_script_src_40f73ad8_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonDropdown.ts_vue_type_script_src_4222fb80_lang.cjs.js","sources":["../../../../src/components/presentation/dropdown/NeonDropdown.ts?vue&type=script&src=4222fb80&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref, watch } from 'vue';\nimport { NeonDropdownPlacement } from '@/common/enums/NeonDropdownPlacement';\nimport { NeonDropdownPlacementUtils } from '@/common/utils/NeonDropdownPlacementUtils';\nimport { NeonClosableUtils } from '@/common/utils/NeonClosableUtils';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonDropdownStyle } from '@/common/enums/NeonDropdownStyle';\nimport NeonBadge from '@/components/presentation/badge/NeonBadge.vue';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\n\n/**\n * <p>A general purpose dropdown component. This component consists of a button, to trigger the dropdown to open, and\n * the dropdown content which is displayed above the page when the user clicks the button.</p>\n * <p>This can be useful for secondary (perhaps more complex) actions for which there is not enough space on the page or\n * the action is asynchronous allowing the user to perform the action and continue what they were doing. Examples are\n * providing links to copy and letting the user send feedback.</p>\n * <p><strong>NeonDropdown</strong> is the basis for the <strong>NeonDropdownMenu</strong> component and the\n * <strong>NeonSelect</strong> form component.</p>\n */\nexport default defineComponent({\n  name: 'NeonDropdown',\n  components: {\n    NeonBadge,\n    NeonButton,\n    NeonExpansionIndicator,\n  },\n  props: {\n    /**\n     * Id for the dropdown button.\n     */\n    id: { type: String },\n    /**\n     * Whether the dropdown is currently open.\n     */\n    modelValue: { type: Boolean, required: true },\n    /**\n     * The label for the dropdown button.\n     */\n    label: { type: String, default: null },\n    /**\n     * URL of image to display if the button style is a square or circular badge.\n     */\n    image: { type: String, default: null },\n    /**\n     * Badge image ALT text.\n     */\n    imageAlt: { type: String, default: null },\n    /**\n     * An icon to display on the dropdown button. This will be to the left of any label, but can also be used on its own.\n     */\n    icon: { type: String, default: null },\n    /**\n     * Show the dropdown button's indicator (chevron).\n     */\n    indicator: { type: Boolean, default: true },\n    /**\n     * Disable the dropdown button\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * The size of the dropdown button - Small, Medium or Large.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The color of the dropdown button\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The alternate color of the dropdown button (for gradient buttons).\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * The style of the dropdown button\n     */\n    dropdownStyle: { type: String as () => NeonDropdownStyle, default: NeonDropdownStyle.SolidButton },\n    /**\n     * Placement of the dropdown contents.\n     */\n    placement: { type: String as () => NeonDropdownPlacement, default: NeonDropdownPlacement.BottomLeft },\n    /**\n     * Restrict placement to within this container.\n     */\n    placementContainer: { type: Object as () => HTMLElement, default: null },\n    /**\n     * Instead of opening on click (default), open on hover.\n     */\n    openOnHover: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the dropdown button is toggled.\n     * @type {boolean} the open state of the dropdown.\n     */\n    'update:modelValue',\n    /**\n     * Emitted on initialisation.\n     * @type {NeonDropdownPlacement} the placement of the dropdown.\n     */\n    'dropdown-placement',\n    /**\n     * Emitted when the dropdown button is blurred.\n     * @type {void}\n     */\n    'blur',\n    /**\n     * Emitted when the dropdown button is focussed.\n     * @type {void}\n     */\n    'focus',\n    /**\n     * emitted on initialisation\n     * @type {HTMLElement} the reference to the HTMLElement for the dropdown menu button.\n     */\n    'button-ref',\n  ],\n  setup(props, { emit }) {\n    const dropdownButton = ref<HTMLElement | null>(null);\n    const dropdownContent = ref<HTMLDivElement | null>(null);\n\n    const dropdownPlacement = ref<NeonDropdownPlacement>(props.placement);\n    const closableUtils = ref<NeonClosableUtils | null>(null);\n\n    const onClose = () => {\n      emit('update:modelValue', false);\n    };\n\n    const close = () => {\n      if (props.modelValue) {\n        onClose();\n      }\n    };\n\n    const recalculatePlacement = () => {\n      if (props.modelValue && dropdownButton.value && dropdownContent.value) {\n        const previousValue = dropdownPlacement.value;\n        dropdownPlacement.value = NeonDropdownPlacementUtils.calculatePlacement(\n          dropdownButton.value,\n          dropdownContent.value,\n          props.placement,\n          props.placementContainer,\n        );\n\n        if (previousValue !== dropdownPlacement.value) {\n          emit('dropdown-placement', dropdownPlacement.value);\n        }\n      }\n    };\n\n    const toggleOpen = () => {\n      if (!props.disabled && !props.openOnHover) {\n        emit('update:modelValue', !props.modelValue);\n        setTimeout(recalculatePlacement);\n      }\n    };\n\n    const onBlur = () => {\n      emit('blur');\n    };\n\n    const onFocus = () => {\n      emit('focus');\n    };\n\n    onMounted(() => {\n      if (!props.openOnHover && dropdownContent.value) {\n        closableUtils.value = new NeonClosableUtils(dropdownContent.value, close);\n      }\n      window.addEventListener('resize', recalculatePlacement, { passive: true });\n      window.addEventListener('scroll', recalculatePlacement, { passive: true });\n      if (props.placementContainer) {\n        props.placementContainer.addEventListener('scroll', recalculatePlacement, { passive: true });\n      }\n    });\n\n    onUnmounted(() => {\n      if (!props.openOnHover) {\n        closableUtils.value && closableUtils.value.destroy();\n      }\n      window.removeEventListener('resize', recalculatePlacement);\n      window.removeEventListener('scroll', recalculatePlacement);\n      if (props.placementContainer) {\n        props.placementContainer.removeEventListener('scroll', recalculatePlacement);\n      }\n    });\n\n    watch(\n      () => dropdownButton.value,\n      (value) => emit('button-ref', value),\n      { immediate: true },\n    );\n\n    return {\n      dropdownButton,\n      dropdownContent,\n      dropdownPlacement,\n      closableUtils,\n      onClose,\n      close,\n      toggleOpen,\n      onBlur,\n      onFocus,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonBadge","NeonButton","NeonExpansionIndicator","NeonSize","NeonFunctionalColor","NeonDropdownStyle","NeonDropdownPlacement","props","emit","dropdownButton","ref","dropdownContent","dropdownPlacement","closableUtils","onClose","close","recalculatePlacement","previousValue","NeonDropdownPlacementUtils","toggleOpen","onBlur","onFocus","onMounted","NeonClosableUtils","onUnmounted","watch","value"],"mappings":"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"}
+{"version":3,"file":"NeonDropdown.ts_vue_type_script_src_40f73ad8_lang.cjs.js","sources":["../../../../src/components/presentation/dropdown/NeonDropdown.ts?vue&type=script&src=40f73ad8&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref, watch } from 'vue';\nimport { NeonDropdownPlacement } from '@/common/enums/NeonDropdownPlacement';\nimport { NeonDropdownPlacementUtils } from '@/common/utils/NeonDropdownPlacementUtils';\nimport { NeonClosableUtils } from '@/common/utils/NeonClosableUtils';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonDropdownStyle } from '@/common/enums/NeonDropdownStyle';\nimport NeonBadge from '@/components/presentation/badge/NeonBadge.vue';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\n\n/**\n * <p>A general purpose dropdown component. This component consists of a button, to trigger the dropdown to open, and\n * the dropdown content which is displayed above the page when the user clicks the button.</p>\n * <p>This can be useful for secondary (perhaps more complex) actions for which there is not enough space on the page or\n * the action is asynchronous allowing the user to perform the action and continue what they were doing. Examples are\n * providing links to copy and letting the user send feedback.</p>\n * <p><strong>NeonDropdown</strong> is the basis for the <strong>NeonDropdownMenu</strong> component and the\n * <strong>NeonSelect</strong> form component.</p>\n */\nexport default defineComponent({\n  name: 'NeonDropdown',\n  components: {\n    NeonBadge,\n    NeonButton,\n    NeonExpansionIndicator,\n  },\n  props: {\n    /**\n     * Id for the dropdown button.\n     */\n    id: { type: String },\n    /**\n     * Whether the dropdown is currently open.\n     */\n    modelValue: { type: Boolean, required: true },\n    /**\n     * The label for the dropdown button.\n     */\n    label: { type: String, default: null },\n    /**\n     * URL of image to display if the button style is a square or circular badge.\n     */\n    image: { type: String, default: null },\n    /**\n     * Badge image ALT text.\n     */\n    imageAlt: { type: String, default: null },\n    /**\n     * An icon to display on the dropdown button. This will be to the left of any label, but can also be used on its own.\n     */\n    icon: { type: String, default: null },\n    /**\n     * Show the dropdown button's indicator (chevron).\n     */\n    indicator: { type: Boolean, default: true },\n    /**\n     * Disable the dropdown button\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * The size of the dropdown button - Small, Medium or Large.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The color of the dropdown button\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The alternate color of the dropdown button (for gradient buttons).\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * The style of the dropdown button\n     */\n    dropdownStyle: { type: String as () => NeonDropdownStyle, default: NeonDropdownStyle.SolidButton },\n    /**\n     * Placement of the dropdown contents.\n     */\n    placement: { type: String as () => NeonDropdownPlacement, default: NeonDropdownPlacement.BottomLeft },\n    /**\n     * Restrict placement to within this container.\n     */\n    placementContainer: { type: Object as () => HTMLElement, default: null },\n    /**\n     * Instead of opening on click (default), open on hover.\n     */\n    openOnHover: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the dropdown button is toggled.\n     * @type {boolean} the open state of the dropdown.\n     */\n    'update:modelValue',\n    /**\n     * Emitted on initialisation.\n     * @type {NeonDropdownPlacement} the placement of the dropdown.\n     */\n    'dropdown-placement',\n    /**\n     * Emitted when the dropdown button is blurred.\n     * @type {void}\n     */\n    'blur',\n    /**\n     * Emitted when the dropdown button is focussed.\n     * @type {void}\n     */\n    'focus',\n    /**\n     * emitted on initialisation\n     * @type {HTMLElement} the reference to the HTMLElement for the dropdown menu button.\n     */\n    'button-ref',\n  ],\n  setup(props, { emit }) {\n    const dropdownButton = ref<HTMLElement | null>(null);\n    const dropdownContent = ref<HTMLDivElement | null>(null);\n\n    const dropdownPlacement = ref<NeonDropdownPlacement>(props.placement);\n    const closableUtils = ref<NeonClosableUtils | null>(null);\n\n    const onClose = () => {\n      emit('update:modelValue', false);\n    };\n\n    const close = () => {\n      if (props.modelValue) {\n        onClose();\n      }\n    };\n\n    const recalculatePlacement = () => {\n      if (props.modelValue && dropdownButton.value && dropdownContent.value) {\n        const previousValue = dropdownPlacement.value;\n        dropdownPlacement.value = NeonDropdownPlacementUtils.calculatePlacement(\n          dropdownButton.value,\n          dropdownContent.value,\n          props.placement,\n          props.placementContainer,\n        );\n\n        if (previousValue !== dropdownPlacement.value) {\n          emit('dropdown-placement', dropdownPlacement.value);\n        }\n      }\n    };\n\n    const toggleOpen = () => {\n      if (!props.disabled && !props.openOnHover) {\n        emit('update:modelValue', !props.modelValue);\n        setTimeout(recalculatePlacement);\n      }\n    };\n\n    const onBlur = () => {\n      emit('blur');\n    };\n\n    const onFocus = () => {\n      emit('focus');\n    };\n\n    onMounted(() => {\n      if (!props.openOnHover && dropdownContent.value) {\n        closableUtils.value = new NeonClosableUtils(dropdownContent.value, close);\n      }\n      window.addEventListener('resize', recalculatePlacement, { passive: true });\n      window.addEventListener('scroll', recalculatePlacement, { passive: true });\n      if (props.placementContainer) {\n        props.placementContainer.addEventListener('scroll', recalculatePlacement, { passive: true });\n      }\n    });\n\n    onUnmounted(() => {\n      if (!props.openOnHover) {\n        closableUtils.value && closableUtils.value.destroy();\n      }\n      window.removeEventListener('resize', recalculatePlacement);\n      window.removeEventListener('scroll', recalculatePlacement);\n      if (props.placementContainer) {\n        props.placementContainer.removeEventListener('scroll', recalculatePlacement);\n      }\n    });\n\n    watch(\n      () => dropdownButton.value,\n      (value) => emit('button-ref', value),\n      { immediate: true },\n    );\n\n    return {\n      dropdownButton,\n      dropdownContent,\n      dropdownPlacement,\n      closableUtils,\n      onClose,\n      close,\n      toggleOpen,\n      onBlur,\n      onFocus,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonBadge","NeonButton","NeonExpansionIndicator","NeonSize","NeonFunctionalColor","NeonDropdownStyle","NeonDropdownPlacement","props","emit","dropdownButton","ref","dropdownContent","dropdownPlacement","closableUtils","onClose","close","recalculatePlacement","previousValue","NeonDropdownPlacementUtils","toggleOpen","onBlur","onFocus","onMounted","NeonClosableUtils","onUnmounted","watch","value"],"mappings":"gjBAoBAA,EAAeC,kBAAgB,CAC7B,KAAM,eACN,WAAY,CACV,UAAAC,EACA,WAAAC,EACA,uBAAAC,CACF,EACA,MAAO,CAIL,GAAI,CAAE,KAAM,MAAO,EAInB,WAAY,CAAE,KAAM,QAAS,SAAU,EAAK,EAI5C,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIrC,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIrC,SAAU,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIxC,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIpC,UAAW,CAAE,KAAM,QAAS,QAAS,EAAK,EAI1C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAI1C,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,EAIjE,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAY,EAI7F,eAAgB,CAAE,KAAM,OAAqC,QAAS,IAAK,EAI3E,cAAe,CAAE,KAAM,OAAmC,QAASC,EAAAA,kBAAkB,WAAY,EAIjG,UAAW,CAAE,KAAM,OAAuC,QAASC,EAAAA,sBAAsB,UAAW,EAIpG,mBAAoB,CAAE,KAAM,OAA6B,QAAS,IAAK,EAIvE,YAAa,CAAE,KAAM,QAAS,QAAS,EAAM,CAC/C,EACA,MAAO,CAKL,oBAKA,qBAKA,OAKA,QAKA,YACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACf,MAAAC,EAAiBC,MAAwB,IAAI,EAC7CC,EAAkBD,MAA2B,IAAI,EAEjDE,EAAoBF,EAAAA,IAA2BH,EAAM,SAAS,EAC9DM,EAAgBH,MAA8B,IAAI,EAElDI,EAAU,IAAM,CACpBN,EAAK,oBAAqB,EAAK,CAAA,EAG3BO,EAAQ,IAAM,CACdR,EAAM,YACAO,GACV,EAGIE,EAAuB,IAAM,CACjC,GAAIT,EAAM,YAAcE,EAAe,OAASE,EAAgB,MAAO,CACrE,MAAMM,EAAgBL,EAAkB,MACxCA,EAAkB,MAAQM,EAAAA,2BAA2B,mBACnDT,EAAe,MACfE,EAAgB,MAChBJ,EAAM,UACNA,EAAM,kBAAA,EAGJU,IAAkBL,EAAkB,OACjCJ,EAAA,qBAAsBI,EAAkB,KAAK,CAEtD,CAAA,EAGIO,EAAa,IAAM,CACnB,CAACZ,EAAM,UAAY,CAACA,EAAM,cACvBC,EAAA,oBAAqB,CAACD,EAAM,UAAU,EAC3C,WAAWS,CAAoB,EACjC,EAGII,EAAS,IAAM,CACnBZ,EAAK,MAAM,CAAA,EAGPa,EAAU,IAAM,CACpBb,EAAK,OAAO,CAAA,EAGdc,OAAAA,EAAAA,UAAU,IAAM,CACV,CAACf,EAAM,aAAeI,EAAgB,QACxCE,EAAc,MAAQ,IAAIU,EAAAA,kBAAkBZ,EAAgB,MAAOI,CAAK,GAE1E,OAAO,iBAAiB,SAAUC,EAAsB,CAAE,QAAS,GAAM,EACzE,OAAO,iBAAiB,SAAUA,EAAsB,CAAE,QAAS,GAAM,EACrET,EAAM,oBACRA,EAAM,mBAAmB,iBAAiB,SAAUS,EAAsB,CAAE,QAAS,GAAM,CAC7F,CACD,EAEDQ,EAAAA,YAAY,IAAM,CACXjB,EAAM,aACKM,EAAA,OAASA,EAAc,MAAM,QAAQ,EAE9C,OAAA,oBAAoB,SAAUG,CAAoB,EAClD,OAAA,oBAAoB,SAAUA,CAAoB,EACrDT,EAAM,oBACFA,EAAA,mBAAmB,oBAAoB,SAAUS,CAAoB,CAC7E,CACD,EAEDS,EAAA,MACE,IAAMhB,EAAe,MACpBiB,GAAUlB,EAAK,aAAckB,CAAK,EACnC,CAAE,UAAW,EAAK,CAAA,EAGb,CACL,eAAAjB,EACA,gBAAAE,EACA,kBAAAC,EACA,cAAAC,EACA,QAAAC,EACA,MAAAC,EACA,WAAAI,EACA,OAAAC,EACA,QAAAC,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/presentation/dropdown/{NeonDropdown.ts_vue_type_script_src_4222fb80_lang.es.js → NeonDropdown.ts_vue_type_script_src_40f73ad8_lang.es.js}

@@ -117,4 +117,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonDropdown.ts_vue_type_script_src_4222fb80_lang.es.js.map
+//# sourceMappingURL=NeonDropdown.ts_vue_type_script_src_40f73ad8_lang.es.js.map

package/dist/components/presentation/dropdown/{NeonDropdown.ts_vue_type_script_src_4222fb80_lang.es.js.map → NeonDropdown.ts_vue_type_script_src_40f73ad8_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonDropdown.ts_vue_type_script_src_4222fb80_lang.es.js","sources":["../../../../src/components/presentation/dropdown/NeonDropdown.ts?vue&type=script&src=4222fb80&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref, watch } from 'vue';\nimport { NeonDropdownPlacement } from '@/common/enums/NeonDropdownPlacement';\nimport { NeonDropdownPlacementUtils } from '@/common/utils/NeonDropdownPlacementUtils';\nimport { NeonClosableUtils } from '@/common/utils/NeonClosableUtils';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonDropdownStyle } from '@/common/enums/NeonDropdownStyle';\nimport NeonBadge from '@/components/presentation/badge/NeonBadge.vue';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\n\n/**\n * <p>A general purpose dropdown component. This component consists of a button, to trigger the dropdown to open, and\n * the dropdown content which is displayed above the page when the user clicks the button.</p>\n * <p>This can be useful for secondary (perhaps more complex) actions for which there is not enough space on the page or\n * the action is asynchronous allowing the user to perform the action and continue what they were doing. Examples are\n * providing links to copy and letting the user send feedback.</p>\n * <p><strong>NeonDropdown</strong> is the basis for the <strong>NeonDropdownMenu</strong> component and the\n * <strong>NeonSelect</strong> form component.</p>\n */\nexport default defineComponent({\n  name: 'NeonDropdown',\n  components: {\n    NeonBadge,\n    NeonButton,\n    NeonExpansionIndicator,\n  },\n  props: {\n    /**\n     * Id for the dropdown button.\n     */\n    id: { type: String },\n    /**\n     * Whether the dropdown is currently open.\n     */\n    modelValue: { type: Boolean, required: true },\n    /**\n     * The label for the dropdown button.\n     */\n    label: { type: String, default: null },\n    /**\n     * URL of image to display if the button style is a square or circular badge.\n     */\n    image: { type: String, default: null },\n    /**\n     * Badge image ALT text.\n     */\n    imageAlt: { type: String, default: null },\n    /**\n     * An icon to display on the dropdown button. This will be to the left of any label, but can also be used on its own.\n     */\n    icon: { type: String, default: null },\n    /**\n     * Show the dropdown button's indicator (chevron).\n     */\n    indicator: { type: Boolean, default: true },\n    /**\n     * Disable the dropdown button\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * The size of the dropdown button - Small, Medium or Large.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The color of the dropdown button\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The alternate color of the dropdown button (for gradient buttons).\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * The style of the dropdown button\n     */\n    dropdownStyle: { type: String as () => NeonDropdownStyle, default: NeonDropdownStyle.SolidButton },\n    /**\n     * Placement of the dropdown contents.\n     */\n    placement: { type: String as () => NeonDropdownPlacement, default: NeonDropdownPlacement.BottomLeft },\n    /**\n     * Restrict placement to within this container.\n     */\n    placementContainer: { type: Object as () => HTMLElement, default: null },\n    /**\n     * Instead of opening on click (default), open on hover.\n     */\n    openOnHover: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the dropdown button is toggled.\n     * @type {boolean} the open state of the dropdown.\n     */\n    'update:modelValue',\n    /**\n     * Emitted on initialisation.\n     * @type {NeonDropdownPlacement} the placement of the dropdown.\n     */\n    'dropdown-placement',\n    /**\n     * Emitted when the dropdown button is blurred.\n     * @type {void}\n     */\n    'blur',\n    /**\n     * Emitted when the dropdown button is focussed.\n     * @type {void}\n     */\n    'focus',\n    /**\n     * emitted on initialisation\n     * @type {HTMLElement} the reference to the HTMLElement for the dropdown menu button.\n     */\n    'button-ref',\n  ],\n  setup(props, { emit }) {\n    const dropdownButton = ref<HTMLElement | null>(null);\n    const dropdownContent = ref<HTMLDivElement | null>(null);\n\n    const dropdownPlacement = ref<NeonDropdownPlacement>(props.placement);\n    const closableUtils = ref<NeonClosableUtils | null>(null);\n\n    const onClose = () => {\n      emit('update:modelValue', false);\n    };\n\n    const close = () => {\n      if (props.modelValue) {\n        onClose();\n      }\n    };\n\n    const recalculatePlacement = () => {\n      if (props.modelValue && dropdownButton.value && dropdownContent.value) {\n        const previousValue = dropdownPlacement.value;\n        dropdownPlacement.value = NeonDropdownPlacementUtils.calculatePlacement(\n          dropdownButton.value,\n          dropdownContent.value,\n          props.placement,\n          props.placementContainer,\n        );\n\n        if (previousValue !== dropdownPlacement.value) {\n          emit('dropdown-placement', dropdownPlacement.value);\n        }\n      }\n    };\n\n    const toggleOpen = () => {\n      if (!props.disabled && !props.openOnHover) {\n        emit('update:modelValue', !props.modelValue);\n        setTimeout(recalculatePlacement);\n      }\n    };\n\n    const onBlur = () => {\n      emit('blur');\n    };\n\n    const onFocus = () => {\n      emit('focus');\n    };\n\n    onMounted(() => {\n      if (!props.openOnHover && dropdownContent.value) {\n        closableUtils.value = new NeonClosableUtils(dropdownContent.value, close);\n      }\n      window.addEventListener('resize', recalculatePlacement, { passive: true });\n      window.addEventListener('scroll', recalculatePlacement, { passive: true });\n      if (props.placementContainer) {\n        props.placementContainer.addEventListener('scroll', recalculatePlacement, { passive: true });\n      }\n    });\n\n    onUnmounted(() => {\n      if (!props.openOnHover) {\n        closableUtils.value && closableUtils.value.destroy();\n      }\n      window.removeEventListener('resize', recalculatePlacement);\n      window.removeEventListener('scroll', recalculatePlacement);\n      if (props.placementContainer) {\n        props.placementContainer.removeEventListener('scroll', recalculatePlacement);\n      }\n    });\n\n    watch(\n      () => dropdownButton.value,\n      (value) => emit('button-ref', value),\n      { immediate: true },\n    );\n\n    return {\n      dropdownButton,\n      dropdownContent,\n      dropdownPlacement,\n      closableUtils,\n      onClose,\n      close,\n      toggleOpen,\n      onBlur,\n      onFocus,\n    };\n  },\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"NeonDropdown.ts_vue_type_script_src_40f73ad8_lang.es.js","sources":["../../../../src/components/presentation/dropdown/NeonDropdown.ts?vue&type=script&src=40f73ad8&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref, watch } from 'vue';\nimport { NeonDropdownPlacement } from '@/common/enums/NeonDropdownPlacement';\nimport { NeonDropdownPlacementUtils } from '@/common/utils/NeonDropdownPlacementUtils';\nimport { NeonClosableUtils } from '@/common/utils/NeonClosableUtils';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonDropdownStyle } from '@/common/enums/NeonDropdownStyle';\nimport NeonBadge from '@/components/presentation/badge/NeonBadge.vue';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\n\n/**\n * <p>A general purpose dropdown component. This component consists of a button, to trigger the dropdown to open, and\n * the dropdown content which is displayed above the page when the user clicks the button.</p>\n * <p>This can be useful for secondary (perhaps more complex) actions for which there is not enough space on the page or\n * the action is asynchronous allowing the user to perform the action and continue what they were doing. Examples are\n * providing links to copy and letting the user send feedback.</p>\n * <p><strong>NeonDropdown</strong> is the basis for the <strong>NeonDropdownMenu</strong> component and the\n * <strong>NeonSelect</strong> form component.</p>\n */\nexport default defineComponent({\n  name: 'NeonDropdown',\n  components: {\n    NeonBadge,\n    NeonButton,\n    NeonExpansionIndicator,\n  },\n  props: {\n    /**\n     * Id for the dropdown button.\n     */\n    id: { type: String },\n    /**\n     * Whether the dropdown is currently open.\n     */\n    modelValue: { type: Boolean, required: true },\n    /**\n     * The label for the dropdown button.\n     */\n    label: { type: String, default: null },\n    /**\n     * URL of image to display if the button style is a square or circular badge.\n     */\n    image: { type: String, default: null },\n    /**\n     * Badge image ALT text.\n     */\n    imageAlt: { type: String, default: null },\n    /**\n     * An icon to display on the dropdown button. This will be to the left of any label, but can also be used on its own.\n     */\n    icon: { type: String, default: null },\n    /**\n     * Show the dropdown button's indicator (chevron).\n     */\n    indicator: { type: Boolean, default: true },\n    /**\n     * Disable the dropdown button\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * The size of the dropdown button - Small, Medium or Large.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The color of the dropdown button\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * The alternate color of the dropdown button (for gradient buttons).\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * The style of the dropdown button\n     */\n    dropdownStyle: { type: String as () => NeonDropdownStyle, default: NeonDropdownStyle.SolidButton },\n    /**\n     * Placement of the dropdown contents.\n     */\n    placement: { type: String as () => NeonDropdownPlacement, default: NeonDropdownPlacement.BottomLeft },\n    /**\n     * Restrict placement to within this container.\n     */\n    placementContainer: { type: Object as () => HTMLElement, default: null },\n    /**\n     * Instead of opening on click (default), open on hover.\n     */\n    openOnHover: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the dropdown button is toggled.\n     * @type {boolean} the open state of the dropdown.\n     */\n    'update:modelValue',\n    /**\n     * Emitted on initialisation.\n     * @type {NeonDropdownPlacement} the placement of the dropdown.\n     */\n    'dropdown-placement',\n    /**\n     * Emitted when the dropdown button is blurred.\n     * @type {void}\n     */\n    'blur',\n    /**\n     * Emitted when the dropdown button is focussed.\n     * @type {void}\n     */\n    'focus',\n    /**\n     * emitted on initialisation\n     * @type {HTMLElement} the reference to the HTMLElement for the dropdown menu button.\n     */\n    'button-ref',\n  ],\n  setup(props, { emit }) {\n    const dropdownButton = ref<HTMLElement | null>(null);\n    const dropdownContent = ref<HTMLDivElement | null>(null);\n\n    const dropdownPlacement = ref<NeonDropdownPlacement>(props.placement);\n    const closableUtils = ref<NeonClosableUtils | null>(null);\n\n    const onClose = () => {\n      emit('update:modelValue', false);\n    };\n\n    const close = () => {\n      if (props.modelValue) {\n        onClose();\n      }\n    };\n\n    const recalculatePlacement = () => {\n      if (props.modelValue && dropdownButton.value && dropdownContent.value) {\n        const previousValue = dropdownPlacement.value;\n        dropdownPlacement.value = NeonDropdownPlacementUtils.calculatePlacement(\n          dropdownButton.value,\n          dropdownContent.value,\n          props.placement,\n          props.placementContainer,\n        );\n\n        if (previousValue !== dropdownPlacement.value) {\n          emit('dropdown-placement', dropdownPlacement.value);\n        }\n      }\n    };\n\n    const toggleOpen = () => {\n      if (!props.disabled && !props.openOnHover) {\n        emit('update:modelValue', !props.modelValue);\n        setTimeout(recalculatePlacement);\n      }\n    };\n\n    const onBlur = () => {\n      emit('blur');\n    };\n\n    const onFocus = () => {\n      emit('focus');\n    };\n\n    onMounted(() => {\n      if (!props.openOnHover && dropdownContent.value) {\n        closableUtils.value = new NeonClosableUtils(dropdownContent.value, close);\n      }\n      window.addEventListener('resize', recalculatePlacement, { passive: true });\n      window.addEventListener('scroll', recalculatePlacement, { passive: true });\n      if (props.placementContainer) {\n        props.placementContainer.addEventListener('scroll', recalculatePlacement, { passive: true });\n      }\n    });\n\n    onUnmounted(() => {\n      if (!props.openOnHover) {\n        closableUtils.value && closableUtils.value.destroy();\n      }\n      window.removeEventListener('resize', recalculatePlacement);\n      window.removeEventListener('scroll', recalculatePlacement);\n      if (props.placementContainer) {\n        props.placementContainer.removeEventListener('scroll', recalculatePlacement);\n      }\n    });\n\n    watch(\n      () => dropdownButton.value,\n      (value) => emit('button-ref', value),\n      { immediate: true },\n    );\n\n    return {\n      dropdownButton,\n      dropdownContent,\n      dropdownPlacement,\n      closableUtils,\n      onClose,\n      close,\n      toggleOpen,\n      onBlur,\n      onFocus,\n    };\n  },\n});\n"],"names":[],"mappings":"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"}

package/dist/components/presentation/expansion-indicator/NeonExpansionIndicator.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var o=require("./NeonExpansionIndicator.ts_vue_type_script_src_0c9f4fa9_lang.cjs.js"),e=require("vue"),i=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const s=e.createElementVNode("svg",{width:"16",height:"16",viewbox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"xMidYMid"},[e.createElementVNode("g",{class:"neon-expansion-indicator__container"},[e.createElementVNode("line",{class:"neon-svg--stroke neon-expansion-indicator__line1",x1:"2",y1:"8",x2:"8",y2:"8"}),e.createElementVNode("line",{class:"neon-svg--stroke neon-expansion-indicator__line2",x1:"14",y1:"8",x2:"8",y2:"8"})])],-1),r=[s];function a(n,c,p,d,l,_){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["neon-expansion-indicator",[{"neon-expansion-indicator--expanded":n.expanded,"neon-expansion-indicator--inverse":n.inverse,"neon-expansion-indicator--disabled":n.disabled},`neon-expansion-indicator--${n.color}`]]),role:"presentation"},r,2)}var t=i(o,[["render",a],["__file","/Users/andrew/dev/projects/neon/src/components/presentation/expansion-indicator/NeonExpansionIndicator.vue"]]);module.exports=t;
+"use strict";var o=require("./NeonExpansionIndicator.ts_vue_type_script_src_ac75de48_lang.cjs.js"),e=require("vue"),i=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const r=e.createElementVNode("svg",{width:"16",height:"16",viewbox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"xMidYMid"},[e.createElementVNode("g",{class:"neon-expansion-indicator__container"},[e.createElementVNode("line",{class:"neon-svg--stroke neon-expansion-indicator__line1",x1:"2",y1:"8",x2:"8",y2:"8"}),e.createElementVNode("line",{class:"neon-svg--stroke neon-expansion-indicator__line2",x1:"14",y1:"8",x2:"8",y2:"8"})])],-1),s=[r];function a(n,c,d,p,l,_){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["neon-expansion-indicator",[{"neon-expansion-indicator--expanded":n.expanded,"neon-expansion-indicator--inverse":n.inverse,"neon-expansion-indicator--disabled":n.disabled},`neon-expansion-indicator--${n.color}`]]),role:"presentation"},s,2)}var t=i(o,[["render",a]]);module.exports=t;
 //# sourceMappingURL=NeonExpansionIndicator.cjs.js.map

package/dist/components/presentation/expansion-indicator/NeonExpansionIndicator.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonExpansionIndicator.ts_vue_type_script_src_0c9f4fa9_lang.es.js";
+import _sfc_main from "./NeonExpansionIndicator.ts_vue_type_script_src_ac75de48_lang.es.js";
 import { openBlock, createElementBlock, normalizeClass, createElementVNode } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = /* @__PURE__ */ createElementVNode("svg", {
@@ -41,6 +41,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     role: "presentation"
   }, _hoisted_2, 2);
 }
-var NeonExpansionIndicator = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/presentation/expansion-indicator/NeonExpansionIndicator.vue"]]);
+var NeonExpansionIndicator = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonExpansionIndicator as default };
 //# sourceMappingURL=NeonExpansionIndicator.es.js.map

package/dist/components/presentation/expansion-indicator/{NeonExpansionIndicator.ts_vue_type_script_src_0c9f4fa9_lang.cjs.js → NeonExpansionIndicator.ts_vue_type_script_src_ac75de48_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var e=require("vue"),a=e.defineComponent({name:"NeonExpansionIndicator",props:{expanded:{type:Boolean,default:!1},inverse:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},color:{type:String,default:null}}});module.exports=a;
-//# sourceMappingURL=NeonExpansionIndicator.ts_vue_type_script_src_0c9f4fa9_lang.cjs.js.map
+//# sourceMappingURL=NeonExpansionIndicator.ts_vue_type_script_src_ac75de48_lang.cjs.js.map

package/dist/components/presentation/expansion-indicator/{NeonExpansionIndicator.ts_vue_type_script_src_0c9f4fa9_lang.cjs.js.map → NeonExpansionIndicator.ts_vue_type_script_src_ac75de48_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonExpansionIndicator.ts_vue_type_script_src_0c9f4fa9_lang.cjs.js","sources":["../../../../src/components/presentation/expansion-indicator/NeonExpansionIndicator.ts?vue&type=script&src=0c9f4fa9&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport type { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * Custom animated chevron component which is used in dropdowns and expansion panels. This may be useful in creating\n * higher level components but is unlikely to be used on its own.\n */\nexport default defineComponent({\n  name: 'NeonExpansionIndicator',\n  props: {\n    /**\n     * Whether the chevron is <em>open</em>.\n     */\n    expanded: { type: Boolean, default: false },\n    /**\n     * Display the expansion indicator in the inverse text color\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Display the expansion indicator in the disabled color\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * The color of the chevron.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: null },\n  },\n});\n"],"names":["_sfc_main","defineComponent"],"mappings":"kCAOAA,EAAeC,kBAAgB,CAC7B,KAAM,yBACN,MAAO,CAIL,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAI1C,QAAS,CAAE,KAAM,QAAS,QAAS,EAAM,EAIzC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAI1C,MAAO,CAAE,KAAM,OAAqC,QAAS,IAAK,CACpE,CACF,CAAC"}
+{"version":3,"file":"NeonExpansionIndicator.ts_vue_type_script_src_ac75de48_lang.cjs.js","sources":["../../../../src/components/presentation/expansion-indicator/NeonExpansionIndicator.ts?vue&type=script&src=ac75de48&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport type { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * Custom animated chevron component which is used in dropdowns and expansion panels. This may be useful in creating\n * higher level components but is unlikely to be used on its own.\n */\nexport default defineComponent({\n  name: 'NeonExpansionIndicator',\n  props: {\n    /**\n     * Whether the chevron is <em>open</em>.\n     */\n    expanded: { type: Boolean, default: false },\n    /**\n     * Display the expansion indicator in the inverse text color\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Display the expansion indicator in the disabled color\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * The color of the chevron.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: null },\n  },\n});\n"],"names":["_sfc_main","defineComponent"],"mappings":"kCAOAA,EAAeC,kBAAgB,CAC7B,KAAM,yBACN,MAAO,CAIL,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAI1C,QAAS,CAAE,KAAM,QAAS,QAAS,EAAM,EAIzC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAI1C,MAAO,CAAE,KAAM,OAAqC,QAAS,IAAK,CACpE,CACF,CAAC"}

package/dist/components/presentation/expansion-indicator/{NeonExpansionIndicator.ts_vue_type_script_src_0c9f4fa9_lang.es.js → NeonExpansionIndicator.ts_vue_type_script_src_ac75de48_lang.es.js}

@@ -9,4 +9,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonExpansionIndicator.ts_vue_type_script_src_0c9f4fa9_lang.es.js.map
+//# sourceMappingURL=NeonExpansionIndicator.ts_vue_type_script_src_ac75de48_lang.es.js.map

package/dist/components/presentation/expansion-indicator/{NeonExpansionIndicator.ts_vue_type_script_src_0c9f4fa9_lang.es.js.map → NeonExpansionIndicator.ts_vue_type_script_src_ac75de48_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonExpansionIndicator.ts_vue_type_script_src_0c9f4fa9_lang.es.js","sources":["../../../../src/components/presentation/expansion-indicator/NeonExpansionIndicator.ts?vue&type=script&src=0c9f4fa9&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport type { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * Custom animated chevron component which is used in dropdowns and expansion panels. This may be useful in creating\n * higher level components but is unlikely to be used on its own.\n */\nexport default defineComponent({\n  name: 'NeonExpansionIndicator',\n  props: {\n    /**\n     * Whether the chevron is <em>open</em>.\n     */\n    expanded: { type: Boolean, default: false },\n    /**\n     * Display the expansion indicator in the inverse text color\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Display the expansion indicator in the disabled color\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * The color of the chevron.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: null },\n  },\n});\n"],"names":[],"mappings":";AAOA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IAIL,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI1C,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAIzC,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI1C,OAAO,EAAE,MAAM,QAAqC,SAAS,KAAK;AAAA,EACpE;AACF,CAAC;;"}
+{"version":3,"file":"NeonExpansionIndicator.ts_vue_type_script_src_ac75de48_lang.es.js","sources":["../../../../src/components/presentation/expansion-indicator/NeonExpansionIndicator.ts?vue&type=script&src=ac75de48&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport type { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * Custom animated chevron component which is used in dropdowns and expansion panels. This may be useful in creating\n * higher level components but is unlikely to be used on its own.\n */\nexport default defineComponent({\n  name: 'NeonExpansionIndicator',\n  props: {\n    /**\n     * Whether the chevron is <em>open</em>.\n     */\n    expanded: { type: Boolean, default: false },\n    /**\n     * Display the expansion indicator in the inverse text color\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Display the expansion indicator in the disabled color\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * The color of the chevron.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: null },\n  },\n});\n"],"names":[],"mappings":";AAOA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IAIL,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI1C,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAIzC,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI1C,OAAO,EAAE,MAAM,QAAqC,SAAS,KAAK;AAAA,EACpE;AACF,CAAC;;"}

package/dist/components/presentation/expansion-panel/NeonExpansionPanel.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var i=require("./NeonExpansionPanel.ts_vue_type_script_src_a1b32fee_lang.cjs.js"),n=require("vue"),d=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const p=["aria-disabled","aria-expanded"],r=["aria-controls"],t={class:"neon-expansion-panel__label"},u=["id"];function v(e,o,b,m,g,E){const l=n.resolveComponent("neon-icon"),s=n.resolveComponent("neon-expansion-indicator");return n.openBlock(),n.createElementBlock("div",{"aria-disabled":e.disabled,"aria-expanded":e.modelValue,class:n.normalizeClass([[{"neon-expansion-panel--expanded":e.modelValue,"neon-expansion-panel--full-width":e.fullWidth,"neon-expansion-panel--disabled":e.disabled},`neon-expansion-panel--${e.position}`,`neon-expansion-panel--${e.size}`,`neon-expansion-panel--${e.color}`],"neon-expansion-panel"])},[n.createElementVNode("div",{"aria-controls":e.id,class:"neon-expansion-panel__header",tabindex:"-1",onClick:o[3]||(o[3]=(...a)=>e.toggleExpanded&&e.toggleExpanded(...a))},[n.createElementVNode("div",{class:"neon-expansion-panel__label-container neon-expansion-panel__label-container--outline-text",tabindex:"0",onKeydown:[o[0]||(o[0]=n.withKeys((...a)=>e.toggleExpanded&&e.toggleExpanded(...a),["enter"])),o[1]||(o[1]=n.withKeys((...a)=>e.toggleExpanded&&e.toggleExpanded(...a),["space"]))],onKeypress:o[2]||(o[2]=n.withKeys(n.withModifiers(()=>{},["prevent"]),["space"]))},[e.icon?(n.openBlock(),n.createBlock(l,{key:0,color:e.color,disabled:e.disabled,name:e.icon},null,8,["color","disabled","name"])):n.createCommentVNode("",!0),n.createElementVNode("span",t,n.toDisplayString(e.label),1)],32),n.createVNode(s,{color:e.color,disabled:e.disabled,expanded:e.modelValue},null,8,["color","disabled","expanded"])],8,r),n.withDirectives(n.createElementVNode("div",{id:e.id,class:"neon-expansion-panel__content"},[n.renderSlot(e.$slots,"default")],8,u),[[n.vShow,e.modelValue]])],10,p)}var c=d(i,[["render",v],["__file","/Users/andrew/dev/projects/neon/src/components/presentation/expansion-panel/NeonExpansionPanel.vue"]]);module.exports=c;
+"use strict";var s=require("./NeonExpansionPanel.ts_vue_type_script_src_3526cd45_lang.cjs.js"),n=require("vue"),d=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const p=["aria-disabled","aria-expanded"],r=["aria-controls"],t={class:"neon-expansion-panel__label"},u=["id"];function c(e,o,m,b,g,E){const l=n.resolveComponent("neon-icon"),i=n.resolveComponent("neon-expansion-indicator");return n.openBlock(),n.createElementBlock("div",{"aria-disabled":e.disabled,"aria-expanded":e.modelValue,class:n.normalizeClass([[{"neon-expansion-panel--expanded":e.modelValue,"neon-expansion-panel--full-width":e.fullWidth,"neon-expansion-panel--disabled":e.disabled},`neon-expansion-panel--${e.position}`,`neon-expansion-panel--${e.size}`,`neon-expansion-panel--${e.color}`],"neon-expansion-panel"])},[n.createElementVNode("div",{"aria-controls":e.id,class:"neon-expansion-panel__header",tabindex:"-1",onClick:o[3]||(o[3]=(...a)=>e.toggleExpanded&&e.toggleExpanded(...a))},[n.createElementVNode("div",{class:"neon-expansion-panel__label-container neon-expansion-panel__label-container--outline-text",tabindex:"0",onKeydown:[o[0]||(o[0]=n.withKeys((...a)=>e.toggleExpanded&&e.toggleExpanded(...a),["enter"])),o[1]||(o[1]=n.withKeys((...a)=>e.toggleExpanded&&e.toggleExpanded(...a),["space"]))],onKeypress:o[2]||(o[2]=n.withKeys(n.withModifiers(()=>{},["prevent"]),["space"]))},[e.icon?(n.openBlock(),n.createBlock(l,{key:0,color:e.color,disabled:e.disabled,name:e.icon},null,8,["color","disabled","name"])):n.createCommentVNode("",!0),n.createElementVNode("span",t,n.toDisplayString(e.label),1)],32),n.createVNode(i,{color:e.color,disabled:e.disabled,expanded:e.modelValue},null,8,["color","disabled","expanded"])],8,r),n.withDirectives(n.createElementVNode("div",{id:e.id,class:"neon-expansion-panel__content"},[n.renderSlot(e.$slots,"default")],8,u),[[n.vShow,e.modelValue]])],10,p)}var v=d(s,[["render",c]]);module.exports=v;
 //# sourceMappingURL=NeonExpansionPanel.cjs.js.map

package/dist/components/presentation/expansion-panel/NeonExpansionPanel.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonExpansionPanel.ts_vue_type_script_src_a1b32fee_lang.es.js";
+import _sfc_main from "./NeonExpansionPanel.ts_vue_type_script_src_3526cd45_lang.es.js";
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withKeys, withModifiers, createBlock, createCommentVNode, toDisplayString, createVNode, withDirectives, renderSlot, vShow } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = ["aria-disabled", "aria-expanded"];
@@ -62,6 +62,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 10, _hoisted_1);
 }
-var NeonExpansionPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/presentation/expansion-panel/NeonExpansionPanel.vue"]]);
+var NeonExpansionPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonExpansionPanel as default };
 //# sourceMappingURL=NeonExpansionPanel.es.js.map

package/dist/components/presentation/expansion-panel/{NeonExpansionPanel.ts_vue_type_script_src_a1b32fee_lang.cjs.js → NeonExpansionPanel.ts_vue_type_script_src_3526cd45_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var n=require("vue"),i=require("../../../common/enums/NeonVerticalPosition.cjs.js"),t=require("../../../common/enums/NeonSize.cjs.js"),a=require("../expansion-indicator/NeonExpansionIndicator.cjs.js"),r=require("../icon/NeonIcon.cjs.js"),l=require("../../../common/enums/NeonFunctionalColor.cjs.js"),u=n.defineComponent({name:"NeonExpansionPanel",components:{NeonExpansionIndicator:a,NeonIcon:r},props:{modelValue:{type:Boolean,required:!0},label:{type:String,required:!0},id:{type:String,default:null},icon:{type:String,default:null},position:{type:String,default:i.NeonVerticalPosition.Top},size:{type:String,default:t.NeonSize.Medium},color:{type:String,default:l.NeonFunctionalColor.Neutral},fullWidth:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:o}){return{toggleExpanded:()=>{e.disabled||o("update:modelValue",!e.modelValue)}}}});module.exports=u;
-//# sourceMappingURL=NeonExpansionPanel.ts_vue_type_script_src_a1b32fee_lang.cjs.js.map
+//# sourceMappingURL=NeonExpansionPanel.ts_vue_type_script_src_3526cd45_lang.cjs.js.map

package/dist/components/presentation/expansion-panel/{NeonExpansionPanel.ts_vue_type_script_src_a1b32fee_lang.cjs.js.map → NeonExpansionPanel.ts_vue_type_script_src_3526cd45_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonExpansionPanel.ts_vue_type_script_src_a1b32fee_lang.cjs.js","sources":["../../../../src/components/presentation/expansion-panel/NeonExpansionPanel.ts?vue&type=script&src=a1b32fee&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonVerticalPosition } from '@/common/enums/NeonVerticalPosition';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * <p>Expansion panels are used to show and hide content that may be less important or too large to display on screen\n * all the time. They can also be used to expand lists of items, e.g. <em>Show more</em>. The expansion panel consists\n * of a button which, when clicked, toggles the open/closed state of the expansion panel and a slot for the content to\n * display on expansion.</p>\n */\nexport default defineComponent({\n  name: 'NeonExpansionPanel',\n  components: {\n    NeonExpansionIndicator,\n    NeonIcon,\n  },\n  props: {\n    /**\n     * A boolean indicating whether the expansion panel is expanded.\n     */\n    modelValue: { type: Boolean, required: true },\n    /**\n     * The label of the expansion button\n     */\n    label: { type: String, required: true },\n    /**\n     * Provide an id to support aria-controls. The id will be placed on the expansion panel content wrapper and the\n     * aria-controls on the header (triggering the expansion).\n     */\n    id: { type: String, default: null },\n    /**\n     * An icon to display to the left of the label\n     */\n    icon: { type: String, default: null },\n    /**\n     * The position of the expansion button. This can be located above the content to expand or below it.\n     */\n    position: { type: String as () => NeonVerticalPosition, default: NeonVerticalPosition.Top },\n    /**\n     * The size of the expansion panel button.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The color of the expansion panel button.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Neutral },\n    /**\n     * Whether the label and expansion indicator should be flush with the width of the container.\n     */\n    fullWidth: { type: Boolean, default: false },\n    /**\n     * The disabled state of the expansion panel\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the expansion panel button is clicked.\n     * @type {boolean} The new open state of the expansion panel.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const toggleExpanded = () => {\n      if (!props.disabled) {\n        emit('update:modelValue', !props.modelValue);\n      }\n    };\n\n    return {\n      toggleExpanded,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonExpansionIndicator","NeonIcon","NeonVerticalPosition","NeonSize","NeonFunctionalColor","props","emit"],"mappings":"yTAaAA,EAAeC,kBAAgB,CAC7B,KAAM,qBACN,WAAY,CACV,uBAAAC,EACA,SAAAC,CACF,EACA,MAAO,CAIL,WAAY,CAAE,KAAM,QAAS,SAAU,EAAK,EAI5C,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAK,EAKtC,GAAI,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIlC,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIpC,SAAU,CAAE,KAAM,OAAsC,QAASC,EAAAA,qBAAqB,GAAI,EAI1F,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,EAIjE,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAQ,EAIzF,UAAW,CAAE,KAAM,QAAS,QAAS,EAAM,EAI3C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAO,CAKL,mBACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CAOd,MAAA,CACL,eAPqB,IAAM,CACtBD,EAAM,UACJC,EAAA,oBAAqB,CAACD,EAAM,UAAU,CAC7C,CAIA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonExpansionPanel.ts_vue_type_script_src_3526cd45_lang.cjs.js","sources":["../../../../src/components/presentation/expansion-panel/NeonExpansionPanel.ts?vue&type=script&src=3526cd45&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonVerticalPosition } from '@/common/enums/NeonVerticalPosition';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * <p>Expansion panels are used to show and hide content that may be less important or too large to display on screen\n * all the time. They can also be used to expand lists of items, e.g. <em>Show more</em>. The expansion panel consists\n * of a button which, when clicked, toggles the open/closed state of the expansion panel and a slot for the content to\n * display on expansion.</p>\n */\nexport default defineComponent({\n  name: 'NeonExpansionPanel',\n  components: {\n    NeonExpansionIndicator,\n    NeonIcon,\n  },\n  props: {\n    /**\n     * A boolean indicating whether the expansion panel is expanded.\n     */\n    modelValue: { type: Boolean, required: true },\n    /**\n     * The label of the expansion button\n     */\n    label: { type: String, required: true },\n    /**\n     * Provide an id to support aria-controls. The id will be placed on the expansion panel content wrapper and the\n     * aria-controls on the header (triggering the expansion).\n     */\n    id: { type: String, default: null },\n    /**\n     * An icon to display to the left of the label\n     */\n    icon: { type: String, default: null },\n    /**\n     * The position of the expansion button. This can be located above the content to expand or below it.\n     */\n    position: { type: String as () => NeonVerticalPosition, default: NeonVerticalPosition.Top },\n    /**\n     * The size of the expansion panel button.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The color of the expansion panel button.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Neutral },\n    /**\n     * Whether the label and expansion indicator should be flush with the width of the container.\n     */\n    fullWidth: { type: Boolean, default: false },\n    /**\n     * The disabled state of the expansion panel\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the expansion panel button is clicked.\n     * @type {boolean} The new open state of the expansion panel.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const toggleExpanded = () => {\n      if (!props.disabled) {\n        emit('update:modelValue', !props.modelValue);\n      }\n    };\n\n    return {\n      toggleExpanded,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonExpansionIndicator","NeonIcon","NeonVerticalPosition","NeonSize","NeonFunctionalColor","props","emit"],"mappings":"yTAaAA,EAAeC,kBAAgB,CAC7B,KAAM,qBACN,WAAY,CACV,uBAAAC,EACA,SAAAC,CACF,EACA,MAAO,CAIL,WAAY,CAAE,KAAM,QAAS,SAAU,EAAK,EAI5C,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAK,EAKtC,GAAI,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIlC,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIpC,SAAU,CAAE,KAAM,OAAsC,QAASC,EAAAA,qBAAqB,GAAI,EAI1F,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,EAIjE,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAQ,EAIzF,UAAW,CAAE,KAAM,QAAS,QAAS,EAAM,EAI3C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAO,CAKL,mBACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CAOd,MAAA,CACL,eAPqB,IAAM,CACtBD,EAAM,UACJC,EAAA,oBAAqB,CAACD,EAAM,UAAU,CAC7C,CAIA,CAEJ,CACF,CAAC"}

package/dist/components/presentation/expansion-panel/{NeonExpansionPanel.ts_vue_type_script_src_a1b32fee_lang.es.js → NeonExpansionPanel.ts_vue_type_script_src_3526cd45_lang.es.js}

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

package/dist/components/presentation/expansion-panel/{NeonExpansionPanel.ts_vue_type_script_src_a1b32fee_lang.es.js.map → NeonExpansionPanel.ts_vue_type_script_src_3526cd45_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonExpansionPanel.ts_vue_type_script_src_a1b32fee_lang.es.js","sources":["../../../../src/components/presentation/expansion-panel/NeonExpansionPanel.ts?vue&type=script&src=a1b32fee&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonVerticalPosition } from '@/common/enums/NeonVerticalPosition';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * <p>Expansion panels are used to show and hide content that may be less important or too large to display on screen\n * all the time. They can also be used to expand lists of items, e.g. <em>Show more</em>. The expansion panel consists\n * of a button which, when clicked, toggles the open/closed state of the expansion panel and a slot for the content to\n * display on expansion.</p>\n */\nexport default defineComponent({\n  name: 'NeonExpansionPanel',\n  components: {\n    NeonExpansionIndicator,\n    NeonIcon,\n  },\n  props: {\n    /**\n     * A boolean indicating whether the expansion panel is expanded.\n     */\n    modelValue: { type: Boolean, required: true },\n    /**\n     * The label of the expansion button\n     */\n    label: { type: String, required: true },\n    /**\n     * Provide an id to support aria-controls. The id will be placed on the expansion panel content wrapper and the\n     * aria-controls on the header (triggering the expansion).\n     */\n    id: { type: String, default: null },\n    /**\n     * An icon to display to the left of the label\n     */\n    icon: { type: String, default: null },\n    /**\n     * The position of the expansion button. This can be located above the content to expand or below it.\n     */\n    position: { type: String as () => NeonVerticalPosition, default: NeonVerticalPosition.Top },\n    /**\n     * The size of the expansion panel button.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The color of the expansion panel button.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Neutral },\n    /**\n     * Whether the label and expansion indicator should be flush with the width of the container.\n     */\n    fullWidth: { type: Boolean, default: false },\n    /**\n     * The disabled state of the expansion panel\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the expansion panel button is clicked.\n     * @type {boolean} The new open state of the expansion panel.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const toggleExpanded = () => {\n      if (!props.disabled) {\n        emit('update:modelValue', !props.modelValue);\n      }\n    };\n\n    return {\n      toggleExpanded,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;;;AAaA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,YAAY,EAAE,MAAM,SAAS,UAAU,KAAK;AAAA,IAI5C,OAAO,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAKtC,IAAI,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIlC,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIpC,UAAU,EAAE,MAAM,QAAsC,SAAS,qBAAqB,IAAI;AAAA,IAI1F,MAAM,EAAE,MAAM,QAA0B,SAAS,SAAS,OAAO;AAAA,IAIjE,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,QAAQ;AAAA,IAIzF,WAAW,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI3C,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC5C;AAAA,EACA,OAAO;AAAA,IAKL;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,iBAAiB,MAAM;AACvB,UAAA,CAAC,MAAM,UAAU;AACd,aAAA,qBAAqB,CAAC,MAAM,UAAU;AAAA,MAC7C;AAAA,IAAA;AAGK,WAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
+{"version":3,"file":"NeonExpansionPanel.ts_vue_type_script_src_3526cd45_lang.es.js","sources":["../../../../src/components/presentation/expansion-panel/NeonExpansionPanel.ts?vue&type=script&src=3526cd45&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonVerticalPosition } from '@/common/enums/NeonVerticalPosition';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * <p>Expansion panels are used to show and hide content that may be less important or too large to display on screen\n * all the time. They can also be used to expand lists of items, e.g. <em>Show more</em>. The expansion panel consists\n * of a button which, when clicked, toggles the open/closed state of the expansion panel and a slot for the content to\n * display on expansion.</p>\n */\nexport default defineComponent({\n  name: 'NeonExpansionPanel',\n  components: {\n    NeonExpansionIndicator,\n    NeonIcon,\n  },\n  props: {\n    /**\n     * A boolean indicating whether the expansion panel is expanded.\n     */\n    modelValue: { type: Boolean, required: true },\n    /**\n     * The label of the expansion button\n     */\n    label: { type: String, required: true },\n    /**\n     * Provide an id to support aria-controls. The id will be placed on the expansion panel content wrapper and the\n     * aria-controls on the header (triggering the expansion).\n     */\n    id: { type: String, default: null },\n    /**\n     * An icon to display to the left of the label\n     */\n    icon: { type: String, default: null },\n    /**\n     * The position of the expansion button. This can be located above the content to expand or below it.\n     */\n    position: { type: String as () => NeonVerticalPosition, default: NeonVerticalPosition.Top },\n    /**\n     * The size of the expansion panel button.\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The color of the expansion panel button.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Neutral },\n    /**\n     * Whether the label and expansion indicator should be flush with the width of the container.\n     */\n    fullWidth: { type: Boolean, default: false },\n    /**\n     * The disabled state of the expansion panel\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the expansion panel button is clicked.\n     * @type {boolean} The new open state of the expansion panel.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const toggleExpanded = () => {\n      if (!props.disabled) {\n        emit('update:modelValue', !props.modelValue);\n      }\n    };\n\n    return {\n      toggleExpanded,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;;;AAaA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,YAAY,EAAE,MAAM,SAAS,UAAU,KAAK;AAAA,IAI5C,OAAO,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAKtC,IAAI,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIlC,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIpC,UAAU,EAAE,MAAM,QAAsC,SAAS,qBAAqB,IAAI;AAAA,IAI1F,MAAM,EAAE,MAAM,QAA0B,SAAS,SAAS,OAAO;AAAA,IAIjE,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,QAAQ;AAAA,IAIzF,WAAW,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI3C,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC5C;AAAA,EACA,OAAO;AAAA,IAKL;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,iBAAiB,MAAM;AACvB,UAAA,CAAC,MAAM,UAAU;AACd,aAAA,qBAAqB,CAAC,MAAM,UAAU;AAAA,MAC7C;AAAA,IAAA;AAGK,WAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

package/dist/components/presentation/icon/NeonIcon.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("./NeonIcon.ts_vue_type_script_src_0a7a3440_lang.cjs.js"),n=require("vue"),o=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const s=["innerHTML"];function i(e,t,a,p,u,l){return e.icon?(n.openBlock(),n.createElementBlock("div",n.mergeProps({key:0,class:[[e.color?`neon-icon--${e.color}`:"",{"neon-icon--inverse":e.inverse,"neon-icon--disabled":e.disabled}],"neon-icon"]},e.attrs,{innerHTML:e.icon}),null,16,s)):n.createCommentVNode("",!0)}var c=o(r,[["render",i],["__file","/Users/andrew/dev/projects/neon/src/components/presentation/icon/NeonIcon.vue"]]);module.exports=c;
+"use strict";var r=require("./NeonIcon.ts_vue_type_script_src_3580e0c3_lang.cjs.js"),n=require("vue"),o=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const s=["innerHTML"];function i(e,t,u,l,p,a){return e.icon?(n.openBlock(),n.createElementBlock("div",n.mergeProps({key:0,class:[[e.color?`neon-icon--${e.color}`:"",{"neon-icon--inverse":e.inverse,"neon-icon--disabled":e.disabled}],"neon-icon"]},e.attrs,{innerHTML:e.icon}),null,16,s)):n.createCommentVNode("",!0)}var c=o(r,[["render",i]]);module.exports=c;
 //# sourceMappingURL=NeonIcon.cjs.js.map

package/dist/components/presentation/icon/NeonIcon.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonIcon.ts_vue_type_script_src_0a7a3440_lang.es.js";
+import _sfc_main from "./NeonIcon.ts_vue_type_script_src_3580e0c3_lang.es.js";
 import { openBlock, createElementBlock, mergeProps, createCommentVNode } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = ["innerHTML"];
@@ -8,6 +8,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: [[_ctx.color ? `neon-icon--${_ctx.color}` : "", { "neon-icon--inverse": _ctx.inverse, "neon-icon--disabled": _ctx.disabled }], "neon-icon"]
   }, _ctx.attrs, { innerHTML: _ctx.icon }), null, 16, _hoisted_1)) : createCommentVNode("", true);
 }
-var NeonIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/presentation/icon/NeonIcon.vue"]]);
+var NeonIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonIcon as default };
 //# sourceMappingURL=NeonIcon.es.js.map

package/dist/components/presentation/icon/{NeonIcon.ts_vue_type_script_src_0a7a3440_lang.cjs.js → NeonIcon.ts_vue_type_script_src_3580e0c3_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var e=require("vue"),s=require("../../../common/utils/NeonIconRegistry.cjs.js"),i=e.defineComponent({name:"NeonIcon",props:{name:{type:String,required:!0},color:{type:String,default:null},inverse:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(n){const t=e.useAttrs(),r=e.computed(()=>{const o=s.NeonIconRegistry.getIcon(n.name);return o||console.error(`icon ${n.name} doesn't exist! Register icon with NeonIconRegistry.addIcon(name, svg);`),o});return{attrs:t,icon:r}}});module.exports=i;
-//# sourceMappingURL=NeonIcon.ts_vue_type_script_src_0a7a3440_lang.cjs.js.map
+//# sourceMappingURL=NeonIcon.ts_vue_type_script_src_3580e0c3_lang.cjs.js.map

package/dist/components/presentation/icon/{NeonIcon.ts_vue_type_script_src_0a7a3440_lang.cjs.js.map → NeonIcon.ts_vue_type_script_src_3580e0c3_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonIcon.ts_vue_type_script_src_0a7a3440_lang.cjs.js","sources":["../../../../src/components/presentation/icon/NeonIcon.ts?vue&type=script&src=0a7a3440&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonIconRegistry } from '@/common/utils/NeonIconRegistry';\nimport type { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * <p>A component for rendering SVG images. These images are generally, but not limited to, <em>icons</em>. This\n * component can render any SVG of any size. Size is not restricted in the NeonIcon component but rather in the\n * components using the icons. Generally, when talking about icons, this component is only used to build other\n * components. But you may also find it useful for rendering SVG images, e.g. illustrations.</p>\n *\n * <p>There is an icon registry where strings containing SVGs can be registered with a name and that name can be used\n * with the NeonIcon component to render the image. Use the classes <em>neon-svg-fill</em> and <em>neon-svg--stroke</em>\n * in the SVG elements to automatically apply the functional colors.</p>\n *\n * <p>This provides the advantage of only registering the icons you actually need, dynamically switching colors in\n * Typescript/CSS without using a large icon font and not having to duplicate icon images to support multiple\n * color variations (including light and dark modes).</p>\n *\n * For more detailed information please see <a href=\"/presentation/icon\">Icons</a>.\n */\nexport default defineComponent({\n  name: 'NeonIcon',\n  props: {\n    /**\n     * The name of an icon registered in the icon registry.\n     */\n    name: { type: String, required: true },\n    /**\n     * The color to render the icon. By default, it will be the current text color (light text in dark mode or dark text in light mode).\n     */\n    color: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Set the icon color to the inverse text color\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Apply a disabled style to the icon\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  setup(props) {\n    const attrs = useAttrs();\n    const icon = computed(() => {\n      const _icon = NeonIconRegistry.getIcon(props.name);\n      if (!_icon) {\n        console.error(`icon ${props.name} doesn't exist! Register icon with NeonIconRegistry.addIcon(name, svg);`);\n      }\n      return _icon;\n    });\n\n    return {\n      attrs,\n      icon,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","props","attrs","useAttrs","icon","computed","_icon","NeonIconRegistry"],"mappings":"6FAoBAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,MAAO,CAIL,KAAM,CAAE,KAAM,OAAQ,SAAU,EAAK,EAIrC,MAAO,CAAE,KAAM,OAAqC,QAAS,IAAK,EAIlE,QAAS,CAAE,KAAM,QAAS,QAAS,EAAM,EAIzC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAMC,EAAO,CACX,MAAMC,EAAQC,EAAAA,WACRC,EAAOC,EAAAA,SAAS,IAAM,CAC1B,MAAMC,EAAQC,EAAA,iBAAiB,QAAQN,EAAM,IAAI,EACjD,OAAKK,GACK,QAAA,MAAM,QAAQL,EAAM,6EAA6E,EAEpGK,CAAA,CACR,EAEM,MAAA,CACL,MAAAJ,EACA,KAAAE,CAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonIcon.ts_vue_type_script_src_3580e0c3_lang.cjs.js","sources":["../../../../src/components/presentation/icon/NeonIcon.ts?vue&type=script&src=3580e0c3&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonIconRegistry } from '@/common/utils/NeonIconRegistry';\nimport type { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * <p>A component for rendering SVG images. These images are generally, but not limited to, <em>icons</em>. This\n * component can render any SVG of any size. Size is not restricted in the NeonIcon component but rather in the\n * components using the icons. Generally, when talking about icons, this component is only used to build other\n * components. But you may also find it useful for rendering SVG images, e.g. illustrations.</p>\n *\n * <p>There is an icon registry where strings containing SVGs can be registered with a name and that name can be used\n * with the NeonIcon component to render the image. Use the classes <em>neon-svg-fill</em> and <em>neon-svg--stroke</em>\n * in the SVG elements to automatically apply the functional colors.</p>\n *\n * <p>This provides the advantage of only registering the icons you actually need, dynamically switching colors in\n * Typescript/CSS without using a large icon font and not having to duplicate icon images to support multiple\n * color variations (including light and dark modes).</p>\n *\n * For more detailed information please see <a href=\"/presentation/icon\">Icons</a>.\n */\nexport default defineComponent({\n  name: 'NeonIcon',\n  props: {\n    /**\n     * The name of an icon registered in the icon registry.\n     */\n    name: { type: String, required: true },\n    /**\n     * The color to render the icon. By default, it will be the current text color (light text in dark mode or dark text in light mode).\n     */\n    color: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Set the icon color to the inverse text color\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Apply a disabled style to the icon\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  setup(props) {\n    const attrs = useAttrs();\n    const icon = computed(() => {\n      const _icon = NeonIconRegistry.getIcon(props.name);\n      if (!_icon) {\n        console.error(`icon ${props.name} doesn't exist! Register icon with NeonIconRegistry.addIcon(name, svg);`);\n      }\n      return _icon;\n    });\n\n    return {\n      attrs,\n      icon,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","props","attrs","useAttrs","icon","computed","_icon","NeonIconRegistry"],"mappings":"6FAoBAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,MAAO,CAIL,KAAM,CAAE,KAAM,OAAQ,SAAU,EAAK,EAIrC,MAAO,CAAE,KAAM,OAAqC,QAAS,IAAK,EAIlE,QAAS,CAAE,KAAM,QAAS,QAAS,EAAM,EAIzC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAMC,EAAO,CACX,MAAMC,EAAQC,EAAAA,WACRC,EAAOC,EAAAA,SAAS,IAAM,CAC1B,MAAMC,EAAQC,EAAA,iBAAiB,QAAQN,EAAM,IAAI,EACjD,OAAKK,GACK,QAAA,MAAM,QAAQL,EAAM,6EAA6E,EAEpGK,CAAA,CACR,EAEM,MAAA,CACL,MAAAJ,EACA,KAAAE,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/presentation/icon/{NeonIcon.ts_vue_type_script_src_0a7a3440_lang.es.js → NeonIcon.ts_vue_type_script_src_3580e0c3_lang.es.js}

@@ -24,4 +24,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonIcon.ts_vue_type_script_src_0a7a3440_lang.es.js.map
+//# sourceMappingURL=NeonIcon.ts_vue_type_script_src_3580e0c3_lang.es.js.map

package/dist/components/presentation/icon/{NeonIcon.ts_vue_type_script_src_0a7a3440_lang.es.js.map → NeonIcon.ts_vue_type_script_src_3580e0c3_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonIcon.ts_vue_type_script_src_0a7a3440_lang.es.js","sources":["../../../../src/components/presentation/icon/NeonIcon.ts?vue&type=script&src=0a7a3440&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonIconRegistry } from '@/common/utils/NeonIconRegistry';\nimport type { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * <p>A component for rendering SVG images. These images are generally, but not limited to, <em>icons</em>. This\n * component can render any SVG of any size. Size is not restricted in the NeonIcon component but rather in the\n * components using the icons. Generally, when talking about icons, this component is only used to build other\n * components. But you may also find it useful for rendering SVG images, e.g. illustrations.</p>\n *\n * <p>There is an icon registry where strings containing SVGs can be registered with a name and that name can be used\n * with the NeonIcon component to render the image. Use the classes <em>neon-svg-fill</em> and <em>neon-svg--stroke</em>\n * in the SVG elements to automatically apply the functional colors.</p>\n *\n * <p>This provides the advantage of only registering the icons you actually need, dynamically switching colors in\n * Typescript/CSS without using a large icon font and not having to duplicate icon images to support multiple\n * color variations (including light and dark modes).</p>\n *\n * For more detailed information please see <a href=\"/presentation/icon\">Icons</a>.\n */\nexport default defineComponent({\n  name: 'NeonIcon',\n  props: {\n    /**\n     * The name of an icon registered in the icon registry.\n     */\n    name: { type: String, required: true },\n    /**\n     * The color to render the icon. By default, it will be the current text color (light text in dark mode or dark text in light mode).\n     */\n    color: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Set the icon color to the inverse text color\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Apply a disabled style to the icon\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  setup(props) {\n    const attrs = useAttrs();\n    const icon = computed(() => {\n      const _icon = NeonIconRegistry.getIcon(props.name);\n      if (!_icon) {\n        console.error(`icon ${props.name} doesn't exist! Register icon with NeonIconRegistry.addIcon(name, svg);`);\n      }\n      return _icon;\n    });\n\n    return {\n      attrs,\n      icon,\n    };\n  },\n});\n"],"names":[],"mappings":";;AAoBA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IAIL,MAAM,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAIrC,OAAO,EAAE,MAAM,QAAqC,SAAS,KAAK;AAAA,IAIlE,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAIzC,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC5C;AAAA,EACA,MAAM,OAAO;AACX,UAAM,QAAQ;AACR,UAAA,OAAO,SAAS,MAAM;AAC1B,YAAM,QAAQ,iBAAiB,QAAQ,MAAM,IAAI;AACjD,UAAI,CAAC,OAAO;AACF,gBAAA,MAAM,QAAQ,MAAM,6EAA6E;AAAA,MAC3G;AACO,aAAA;AAAA,IAAA,CACR;AAEM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
+{"version":3,"file":"NeonIcon.ts_vue_type_script_src_3580e0c3_lang.es.js","sources":["../../../../src/components/presentation/icon/NeonIcon.ts?vue&type=script&src=3580e0c3&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonIconRegistry } from '@/common/utils/NeonIconRegistry';\nimport type { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * <p>A component for rendering SVG images. These images are generally, but not limited to, <em>icons</em>. This\n * component can render any SVG of any size. Size is not restricted in the NeonIcon component but rather in the\n * components using the icons. Generally, when talking about icons, this component is only used to build other\n * components. But you may also find it useful for rendering SVG images, e.g. illustrations.</p>\n *\n * <p>There is an icon registry where strings containing SVGs can be registered with a name and that name can be used\n * with the NeonIcon component to render the image. Use the classes <em>neon-svg-fill</em> and <em>neon-svg--stroke</em>\n * in the SVG elements to automatically apply the functional colors.</p>\n *\n * <p>This provides the advantage of only registering the icons you actually need, dynamically switching colors in\n * Typescript/CSS without using a large icon font and not having to duplicate icon images to support multiple\n * color variations (including light and dark modes).</p>\n *\n * For more detailed information please see <a href=\"/presentation/icon\">Icons</a>.\n */\nexport default defineComponent({\n  name: 'NeonIcon',\n  props: {\n    /**\n     * The name of an icon registered in the icon registry.\n     */\n    name: { type: String, required: true },\n    /**\n     * The color to render the icon. By default, it will be the current text color (light text in dark mode or dark text in light mode).\n     */\n    color: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Set the icon color to the inverse text color\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Apply a disabled style to the icon\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  setup(props) {\n    const attrs = useAttrs();\n    const icon = computed(() => {\n      const _icon = NeonIconRegistry.getIcon(props.name);\n      if (!_icon) {\n        console.error(`icon ${props.name} doesn't exist! Register icon with NeonIconRegistry.addIcon(name, svg);`);\n      }\n      return _icon;\n    });\n\n    return {\n      attrs,\n      icon,\n    };\n  },\n});\n"],"names":[],"mappings":";;AAoBA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IAIL,MAAM,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAIrC,OAAO,EAAE,MAAM,QAAqC,SAAS,KAAK;AAAA,IAIlE,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAIzC,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC5C;AAAA,EACA,MAAM,OAAO;AACX,UAAM,QAAQ;AACR,UAAA,OAAO,SAAS,MAAM;AAC1B,YAAM,QAAQ,iBAAiB,QAAQ,MAAM,IAAI;AACjD,UAAI,CAAC,OAAO;AACF,gBAAA,MAAM,QAAQ,MAAM,6EAA6E;AAAA,MAC3G;AACO,aAAA;AAAA,IAAA,CACR;AAEM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

package/dist/components/presentation/label/NeonLabel.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var l=require("./NeonLabel.ts_vue_type_script_src_47fdcd5e_lang.cjs.js"),n=require("vue"),r=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const a={key:1,class:"neon-label__label"};function s(e,t,i,p,u,b){const o=n.resolveComponent("neon-icon");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["neon-label",[`neon-label--${e.color}`,e.alternateColor?`neon-label--alternate-color-${e.alternateColor}`:"",`neon-label--${e.size}`,e.icon?`neon-label--icon-${e.iconPosition}`:"",{"neon-label--with-icon":e.icon,"neon-label--with-label":e.label}]])},[e.icon?(n.openBlock(),n.createBlock(o,{key:0,class:"neon-label__icon",color:e.color,name:e.icon},null,8,["color","name"])):n.createCommentVNode("",!0),e.label?(n.openBlock(),n.createElementBlock("span",a,n.toDisplayString(e.label),1)):n.createCommentVNode("",!0)],2)}var c=r(l,[["render",s],["__file","/Users/andrew/dev/projects/neon/src/components/presentation/label/NeonLabel.vue"]]);module.exports=c;
+"use strict";var l=require("./NeonLabel.ts_vue_type_script_src_b4d45754_lang.cjs.js"),o=require("vue"),r=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const a={key:1,class:"neon-label__label"};function s(e,c,i,p,b,u){const n=o.resolveComponent("neon-icon");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["neon-label",[`neon-label--${e.color}`,e.alternateColor?`neon-label--alternate-color-${e.alternateColor}`:"",`neon-label--${e.size}`,e.icon?`neon-label--icon-${e.iconPosition}`:"",{"neon-label--with-icon":e.icon,"neon-label--with-label":e.label}]])},[e.icon?(o.openBlock(),o.createBlock(n,{key:0,class:"neon-label__icon",color:e.color,name:e.icon},null,8,["color","name"])):o.createCommentVNode("",!0),e.label?(o.openBlock(),o.createElementBlock("span",a,o.toDisplayString(e.label),1)):o.createCommentVNode("",!0)],2)}var t=r(l,[["render",s]]);module.exports=t;
 //# sourceMappingURL=NeonLabel.cjs.js.map

package/dist/components/presentation/label/NeonLabel.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonLabel.ts_vue_type_script_src_47fdcd5e_lang.es.js";
+import _sfc_main from "./NeonLabel.ts_vue_type_script_src_b4d45754_lang.es.js";
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, toDisplayString } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = {
@@ -28,6 +28,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
   ], 2);
 }
-var NeonLabel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/presentation/label/NeonLabel.vue"]]);
+var NeonLabel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonLabel as default };
 //# sourceMappingURL=NeonLabel.es.js.map

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

@@ -1,2 +1,2 @@
 "use strict";var e=require("vue"),o=require("../../../common/enums/NeonLabelSize.cjs.js"),n=require("../../../common/enums/NeonFunctionalColor.cjs.js"),r=require("../../../common/enums/NeonHorizontalPosition.cjs.js"),t=require("../icon/NeonIcon.cjs.js"),i=e.defineComponent({name:"NeonLabel",components:{NeonIcon:t},props:{label:{type:String,required:!0},icon:{type:String,default:null},iconPosition:{type:String,default:r.NeonHorizontalPosition.Left},size:{type:String,default:o.NeonLabelSize.Small},color:{type:String,default:n.NeonFunctionalColor.Neutral},alternateColor:{type:String,default:null}}});module.exports=i;
-//# sourceMappingURL=NeonLabel.ts_vue_type_script_src_47fdcd5e_lang.cjs.js.map
+//# sourceMappingURL=NeonLabel.ts_vue_type_script_src_b4d45754_lang.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NeonLabel.ts_vue_type_script_src_47fdcd5e_lang.cjs.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":["_sfc_main","defineComponent","NeonIcon","NeonHorizontalPosition","NeonLabelSize","NeonFunctionalColor"],"mappings":"8PASAA,EAAeC,kBAAgB,CAC7B,KAAM,YACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CAIL,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAK,EAItC,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIpC,aAAc,CAAE,KAAM,OAAwC,QAASC,EAAAA,uBAAuB,IAAK,EAInG,KAAM,CAAE,KAAM,OAA+B,QAASC,EAAAA,cAAc,KAAM,EAI1E,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAQ,EAIzF,eAAgB,CAAE,KAAM,OAAqC,QAAS,IAAK,CAC7E,CACF,CAAC"}
+{"version":3,"file":"NeonLabel.ts_vue_type_script_src_b4d45754_lang.cjs.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":["_sfc_main","defineComponent","NeonIcon","NeonHorizontalPosition","NeonLabelSize","NeonFunctionalColor"],"mappings":"8PASAA,EAAeC,kBAAgB,CAC7B,KAAM,YACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CAIL,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAK,EAItC,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIpC,aAAc,CAAE,KAAM,OAAwC,QAASC,EAAAA,uBAAuB,IAAK,EAInG,KAAM,CAAE,KAAM,OAA+B,QAASC,EAAAA,cAAc,KAAM,EAI1E,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAQ,EAIzF,eAAgB,CAAE,KAAM,OAAqC,QAAS,IAAK,CAC7E,CACF,CAAC"}