@aotearoan/neon 9.2.0 → 9.2.2

package/dist/components/layout/drawer/{NeonDrawer.ts_vue_type_script_src_f2844260_lang.cjs.js → NeonDrawer.ts_vue_type_script_src_daa2af90_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var e=require("vue"),c=require("../../../common/enums/NeonPosition.cjs.js"),d=require("../../../common/utils/NeonClosableUtils.cjs.js"),m=e.defineComponent({name:"NeonDrawer",props:{open:{type:Boolean,required:!0},dismissible:{type:Boolean,default:!0},fullWidth:{type:Boolean,default:!1},position:{type:String,default:c.NeonPosition.Left},overlay:{type:Boolean,default:!0}},emits:["close"],setup(n,{emit:u}){const t=e.ref(null),o=e.ref(null),a=()=>{u("close")},r=()=>{n.open&&a()};return e.onMounted(()=>{n.dismissible&&(o.value=t.value&&new d.NeonClosableUtils(t.value,r)||null)}),e.watch(()=>n.open,l=>{var s,i;return l?(s=o.value)==null?void 0:s.open():(i=o.value)==null?void 0:i.close()},{immediate:!0}),e.onUnmounted(()=>{var l;(l=o.value)==null||l.destroy()}),{drawer:t}}});module.exports=m;
-//# sourceMappingURL=NeonDrawer.ts_vue_type_script_src_f2844260_lang.cjs.js.map
+//# sourceMappingURL=NeonDrawer.ts_vue_type_script_src_daa2af90_lang.cjs.js.map

package/dist/components/layout/drawer/{NeonDrawer.ts_vue_type_script_src_f2844260_lang.cjs.js.map → NeonDrawer.ts_vue_type_script_src_daa2af90_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonDrawer.ts_vue_type_script_src_f2844260_lang.cjs.js","sources":["../../../../src/components/layout/drawer/NeonDrawer.ts?vue&type=script&src=f2844260&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref, watch } from 'vue';\nimport { NeonPosition } from '@/common/enums/NeonPosition';\nimport { NeonClosableUtils } from '@/common/utils/NeonClosableUtils';\n\n/**\n * A drawer is a slide out panel for representing data which may be secondary or not fit on the main screen. Examples\n * are a responsive navigation menu, more details of a selected item on the page. Drawers can be opened from top,\n * bottom, left or right and an overlay covers the screen to focus more attention on the drawer contents.\n */\nexport default defineComponent({\n  name: 'NeonDrawer',\n  props: {\n    /**\n     * Set the drawer to visible.\n     */\n    open: { type: Boolean, required: true },\n    /**\n     * Whether the user is allowed to dismiss the modal by clicking outside the modal or pressing escape.\n     */\n    dismissible: { type: Boolean, default: true },\n    /**\n     * If true, remove the padding applied to the drawer.\n     */\n    fullWidth: { type: Boolean, default: false },\n    /**\n     * The location of the drawer.\n     */\n    position: { type: String as () => NeonPosition, default: NeonPosition.Left },\n    /**\n     * Display a semi-transparent overlay under the drawer, but over the rest of the page.\n     */\n    overlay: { type: Boolean, default: true },\n  },\n  emits: [\n    /**\n     * Emitted when the drawer is closed.\n     * @type {void}\n     */\n    'close',\n  ],\n  setup(props, { emit }) {\n    const drawer = ref<HTMLDivElement | null>(null);\n    const closableUtils = ref<NeonClosableUtils | null>(null);\n\n    const onClose = () => {\n      emit('close');\n    };\n\n    const close = () => {\n      if (props.open) {\n        onClose();\n      }\n    };\n\n    onMounted(() => {\n      if (props.dismissible) {\n        closableUtils.value = (drawer.value && new NeonClosableUtils(drawer.value, close)) || null;\n      }\n    });\n\n    watch(\n      () => props.open,\n      (value) => (value ? closableUtils.value?.open() : closableUtils.value?.close()),\n      { immediate: true },\n    );\n\n    onUnmounted(() => {\n      closableUtils.value?.destroy();\n    });\n\n    return {\n      drawer,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonPosition","props","emit","drawer","ref","closableUtils","onClose","close","onMounted","NeonClosableUtils","watch","value","_a","_b","onUnmounted"],"mappings":"qJASAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,MAAO,CAIL,KAAM,CAAE,KAAM,QAAS,SAAU,EAAK,EAItC,YAAa,CAAE,KAAM,QAAS,QAAS,EAAK,EAI5C,UAAW,CAAE,KAAM,QAAS,QAAS,EAAM,EAI3C,SAAU,CAAE,KAAM,OAA8B,QAASC,EAAAA,aAAa,IAAK,EAI3E,QAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAC1C,EACA,MAAO,CAKL,OACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACf,MAAAC,EAASC,MAA2B,IAAI,EACxCC,EAAgBD,MAA8B,IAAI,EAElDE,EAAU,IAAM,CACpBJ,EAAK,OAAO,CAAA,EAGRK,EAAQ,IAAM,CACdN,EAAM,MACAK,GACV,EAGFE,OAAAA,EAAAA,UAAU,IAAM,CACVP,EAAM,cACMI,EAAA,MAASF,EAAO,OAAS,IAAIM,oBAAkBN,EAAO,MAAOI,CAAK,GAAM,KACxF,CACD,EAEDG,EAAA,MACE,IAAMT,EAAM,KACXU,YAAW,OAAAA,GAAQC,EAAAP,EAAc,QAAd,YAAAO,EAAqB,QAASC,EAAAR,EAAc,QAAd,YAAAQ,EAAqB,SACvE,CAAE,UAAW,EAAK,CAAA,EAGpBC,EAAAA,YAAY,IAAM,QAChBF,EAAAP,EAAc,QAAd,MAAAO,EAAqB,SAAQ,CAC9B,EAEM,CACL,OAAAT,CAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonDrawer.ts_vue_type_script_src_daa2af90_lang.cjs.js","sources":["../../../../src/components/layout/drawer/NeonDrawer.ts?vue&type=script&src=daa2af90&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref, watch } from 'vue';\nimport { NeonPosition } from '@/common/enums/NeonPosition';\nimport { NeonClosableUtils } from '@/common/utils/NeonClosableUtils';\n\n/**\n * A drawer is a slide out panel for representing data which may be secondary or not fit on the main screen. Examples\n * are a responsive navigation menu, more details of a selected item on the page. Drawers can be opened from top,\n * bottom, left or right and an overlay covers the screen to focus more attention on the drawer contents.\n */\nexport default defineComponent({\n  name: 'NeonDrawer',\n  props: {\n    /**\n     * Set the drawer to visible.\n     */\n    open: { type: Boolean, required: true },\n    /**\n     * Whether the user is allowed to dismiss the modal by clicking outside the modal or pressing escape.\n     */\n    dismissible: { type: Boolean, default: true },\n    /**\n     * If true, remove the padding applied to the drawer.\n     */\n    fullWidth: { type: Boolean, default: false },\n    /**\n     * The location of the drawer.\n     */\n    position: { type: String as () => NeonPosition, default: NeonPosition.Left },\n    /**\n     * Display a semi-transparent overlay under the drawer, but over the rest of the page.\n     */\n    overlay: { type: Boolean, default: true },\n  },\n  emits: [\n    /**\n     * Emitted when the drawer is closed.\n     * @type {void}\n     */\n    'close',\n  ],\n  setup(props, { emit }) {\n    const drawer = ref<HTMLDivElement | null>(null);\n    const closableUtils = ref<NeonClosableUtils | null>(null);\n\n    const onClose = () => {\n      emit('close');\n    };\n\n    const close = () => {\n      if (props.open) {\n        onClose();\n      }\n    };\n\n    onMounted(() => {\n      if (props.dismissible) {\n        closableUtils.value = (drawer.value && new NeonClosableUtils(drawer.value, close)) || null;\n      }\n    });\n\n    watch(\n      () => props.open,\n      (value) => (value ? closableUtils.value?.open() : closableUtils.value?.close()),\n      { immediate: true },\n    );\n\n    onUnmounted(() => {\n      closableUtils.value?.destroy();\n    });\n\n    return {\n      drawer,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonPosition","props","emit","drawer","ref","closableUtils","onClose","close","onMounted","NeonClosableUtils","watch","value","_a","_b","onUnmounted"],"mappings":"qJASAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,MAAO,CAIL,KAAM,CAAE,KAAM,QAAS,SAAU,EAAK,EAItC,YAAa,CAAE,KAAM,QAAS,QAAS,EAAK,EAI5C,UAAW,CAAE,KAAM,QAAS,QAAS,EAAM,EAI3C,SAAU,CAAE,KAAM,OAA8B,QAASC,EAAAA,aAAa,IAAK,EAI3E,QAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAC1C,EACA,MAAO,CAKL,OACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACf,MAAAC,EAASC,MAA2B,IAAI,EACxCC,EAAgBD,MAA8B,IAAI,EAElDE,EAAU,IAAM,CACpBJ,EAAK,OAAO,CAAA,EAGRK,EAAQ,IAAM,CACdN,EAAM,MACAK,GACV,EAGFE,OAAAA,EAAAA,UAAU,IAAM,CACVP,EAAM,cACMI,EAAA,MAASF,EAAO,OAAS,IAAIM,oBAAkBN,EAAO,MAAOI,CAAK,GAAM,KACxF,CACD,EAEDG,EAAA,MACE,IAAMT,EAAM,KACXU,YAAW,OAAAA,GAAQC,EAAAP,EAAc,QAAd,YAAAO,EAAqB,QAASC,EAAAR,EAAc,QAAd,YAAAQ,EAAqB,SACvE,CAAE,UAAW,EAAK,CAAA,EAGpBC,EAAAA,YAAY,IAAM,QAChBF,EAAAP,EAAc,QAAd,MAAAO,EAAqB,SAAQ,CAC9B,EAEM,CACL,OAAAT,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/layout/drawer/{NeonDrawer.ts_vue_type_script_src_f2844260_lang.es.js → NeonDrawer.ts_vue_type_script_src_daa2af90_lang.es.js}

@@ -47,4 +47,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonDrawer.ts_vue_type_script_src_f2844260_lang.es.js.map
+//# sourceMappingURL=NeonDrawer.ts_vue_type_script_src_daa2af90_lang.es.js.map

package/dist/components/layout/drawer/{NeonDrawer.ts_vue_type_script_src_f2844260_lang.es.js.map → NeonDrawer.ts_vue_type_script_src_daa2af90_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonDrawer.ts_vue_type_script_src_f2844260_lang.es.js","sources":["../../../../src/components/layout/drawer/NeonDrawer.ts?vue&type=script&src=f2844260&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref, watch } from 'vue';\nimport { NeonPosition } from '@/common/enums/NeonPosition';\nimport { NeonClosableUtils } from '@/common/utils/NeonClosableUtils';\n\n/**\n * A drawer is a slide out panel for representing data which may be secondary or not fit on the main screen. Examples\n * are a responsive navigation menu, more details of a selected item on the page. Drawers can be opened from top,\n * bottom, left or right and an overlay covers the screen to focus more attention on the drawer contents.\n */\nexport default defineComponent({\n  name: 'NeonDrawer',\n  props: {\n    /**\n     * Set the drawer to visible.\n     */\n    open: { type: Boolean, required: true },\n    /**\n     * Whether the user is allowed to dismiss the modal by clicking outside the modal or pressing escape.\n     */\n    dismissible: { type: Boolean, default: true },\n    /**\n     * If true, remove the padding applied to the drawer.\n     */\n    fullWidth: { type: Boolean, default: false },\n    /**\n     * The location of the drawer.\n     */\n    position: { type: String as () => NeonPosition, default: NeonPosition.Left },\n    /**\n     * Display a semi-transparent overlay under the drawer, but over the rest of the page.\n     */\n    overlay: { type: Boolean, default: true },\n  },\n  emits: [\n    /**\n     * Emitted when the drawer is closed.\n     * @type {void}\n     */\n    'close',\n  ],\n  setup(props, { emit }) {\n    const drawer = ref<HTMLDivElement | null>(null);\n    const closableUtils = ref<NeonClosableUtils | null>(null);\n\n    const onClose = () => {\n      emit('close');\n    };\n\n    const close = () => {\n      if (props.open) {\n        onClose();\n      }\n    };\n\n    onMounted(() => {\n      if (props.dismissible) {\n        closableUtils.value = (drawer.value && new NeonClosableUtils(drawer.value, close)) || null;\n      }\n    });\n\n    watch(\n      () => props.open,\n      (value) => (value ? closableUtils.value?.open() : closableUtils.value?.close()),\n      { immediate: true },\n    );\n\n    onUnmounted(() => {\n      closableUtils.value?.destroy();\n    });\n\n    return {\n      drawer,\n    };\n  },\n});\n"],"names":[],"mappings":";;;AASA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IAIL,MAAM,EAAE,MAAM,SAAS,UAAU,KAAK;AAAA,IAItC,aAAa,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAI5C,WAAW,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI3C,UAAU,EAAE,MAAM,QAA8B,SAAS,aAAa,KAAK;AAAA,IAI3E,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,EAC1C;AAAA,EACA,OAAO;AAAA,IAKL;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACf,UAAA,SAAS,IAA2B,IAAI;AACxC,UAAA,gBAAgB,IAA8B,IAAI;AAExD,UAAM,UAAU,MAAM;AACpB,WAAK,OAAO;AAAA,IAAA;AAGd,UAAM,QAAQ,MAAM;AAClB,UAAI,MAAM,MAAM;AACN;MACV;AAAA,IAAA;AAGF,cAAU,MAAM;AACd,UAAI,MAAM,aAAa;AACP,sBAAA,QAAS,OAAO,SAAS,IAAI,kBAAkB,OAAO,OAAO,KAAK,KAAM;AAAA,MACxF;AAAA,IAAA,CACD;AAED;AAAA,MACE,MAAM,MAAM;AAAA,MACZ,CAAC;;AAAW,wBAAQ,mBAAc,UAAd,mBAAqB,UAAS,mBAAc,UAAd,mBAAqB;AAAA;AAAA,MACvE,EAAE,WAAW,KAAK;AAAA,IAAA;AAGpB,gBAAY,MAAM;;AAChB,0BAAc,UAAd,mBAAqB;AAAA,IAAQ,CAC9B;AAEM,WAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
+{"version":3,"file":"NeonDrawer.ts_vue_type_script_src_daa2af90_lang.es.js","sources":["../../../../src/components/layout/drawer/NeonDrawer.ts?vue&type=script&src=daa2af90&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref, watch } from 'vue';\nimport { NeonPosition } from '@/common/enums/NeonPosition';\nimport { NeonClosableUtils } from '@/common/utils/NeonClosableUtils';\n\n/**\n * A drawer is a slide out panel for representing data which may be secondary or not fit on the main screen. Examples\n * are a responsive navigation menu, more details of a selected item on the page. Drawers can be opened from top,\n * bottom, left or right and an overlay covers the screen to focus more attention on the drawer contents.\n */\nexport default defineComponent({\n  name: 'NeonDrawer',\n  props: {\n    /**\n     * Set the drawer to visible.\n     */\n    open: { type: Boolean, required: true },\n    /**\n     * Whether the user is allowed to dismiss the modal by clicking outside the modal or pressing escape.\n     */\n    dismissible: { type: Boolean, default: true },\n    /**\n     * If true, remove the padding applied to the drawer.\n     */\n    fullWidth: { type: Boolean, default: false },\n    /**\n     * The location of the drawer.\n     */\n    position: { type: String as () => NeonPosition, default: NeonPosition.Left },\n    /**\n     * Display a semi-transparent overlay under the drawer, but over the rest of the page.\n     */\n    overlay: { type: Boolean, default: true },\n  },\n  emits: [\n    /**\n     * Emitted when the drawer is closed.\n     * @type {void}\n     */\n    'close',\n  ],\n  setup(props, { emit }) {\n    const drawer = ref<HTMLDivElement | null>(null);\n    const closableUtils = ref<NeonClosableUtils | null>(null);\n\n    const onClose = () => {\n      emit('close');\n    };\n\n    const close = () => {\n      if (props.open) {\n        onClose();\n      }\n    };\n\n    onMounted(() => {\n      if (props.dismissible) {\n        closableUtils.value = (drawer.value && new NeonClosableUtils(drawer.value, close)) || null;\n      }\n    });\n\n    watch(\n      () => props.open,\n      (value) => (value ? closableUtils.value?.open() : closableUtils.value?.close()),\n      { immediate: true },\n    );\n\n    onUnmounted(() => {\n      closableUtils.value?.destroy();\n    });\n\n    return {\n      drawer,\n    };\n  },\n});\n"],"names":[],"mappings":";;;AASA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IAIL,MAAM,EAAE,MAAM,SAAS,UAAU,KAAK;AAAA,IAItC,aAAa,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAI5C,WAAW,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAI3C,UAAU,EAAE,MAAM,QAA8B,SAAS,aAAa,KAAK;AAAA,IAI3E,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,EAC1C;AAAA,EACA,OAAO;AAAA,IAKL;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACf,UAAA,SAAS,IAA2B,IAAI;AACxC,UAAA,gBAAgB,IAA8B,IAAI;AAExD,UAAM,UAAU,MAAM;AACpB,WAAK,OAAO;AAAA,IAAA;AAGd,UAAM,QAAQ,MAAM;AAClB,UAAI,MAAM,MAAM;AACN;MACV;AAAA,IAAA;AAGF,cAAU,MAAM;AACd,UAAI,MAAM,aAAa;AACP,sBAAA,QAAS,OAAO,SAAS,IAAI,kBAAkB,OAAO,OAAO,KAAK,KAAM;AAAA,MACxF;AAAA,IAAA,CACD;AAED;AAAA,MACE,MAAM,MAAM;AAAA,MACZ,CAAC;;AAAW,wBAAQ,mBAAc,UAAd,mBAAqB,UAAS,mBAAc,UAAd,mBAAqB;AAAA;AAAA,MACvE,EAAE,WAAW,KAAK;AAAA,IAAA;AAGpB,gBAAY,MAAM;;AAChB,0BAAc,UAAd,mBAAqB;AAAA,IAAQ,CAC9B;AAEM,WAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

package/dist/components/layout/footer/NeonFooter.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("./NeonFooter.ts_vue_type_script_src_16095090_lang.cjs.js"),e=require("vue"),t=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const s={class:"neon-footer"},n={class:"neon-footer__container"};function _(o,u,a,l,p,i){return e.openBlock(),e.createElementBlock("footer",s,[e.createElementVNode("div",n,[e.renderSlot(o.$slots,"default")])])}var c=t(r,[["render",_],["__file","/Users/andrew/dev/projects/neon/src/components/layout/footer/NeonFooter.vue"]]);module.exports=c;
+"use strict";var o=require("./NeonFooter.ts_vue_type_script_src_e91d5a6c_lang.cjs.js"),e=require("vue"),t=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const s={class:"neon-footer"},n={class:"neon-footer__container"};function _(r,a,u,l,p,i){return e.openBlock(),e.createElementBlock("footer",s,[e.createElementVNode("div",n,[e.renderSlot(r.$slots,"default")])])}var c=t(o,[["render",_]]);module.exports=c;
 //# sourceMappingURL=NeonFooter.cjs.js.map

package/dist/components/layout/footer/NeonFooter.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonFooter.ts_vue_type_script_src_16095090_lang.es.js";
+import _sfc_main from "./NeonFooter.ts_vue_type_script_src_e91d5a6c_lang.es.js";
 import { openBlock, createElementBlock, createElementVNode, renderSlot } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = { class: "neon-footer" };
@@ -10,6 +10,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var NeonFooter = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/layout/footer/NeonFooter.vue"]]);
+var NeonFooter = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonFooter as default };
 //# sourceMappingURL=NeonFooter.es.js.map

package/dist/components/layout/footer/{NeonFooter.ts_vue_type_script_src_16095090_lang.cjs.js → NeonFooter.ts_vue_type_script_src_e91d5a6c_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var e=require("vue"),r=e.defineComponent({name:"NeonFooter"});module.exports=r;
-//# sourceMappingURL=NeonFooter.ts_vue_type_script_src_16095090_lang.cjs.js.map
+//# sourceMappingURL=NeonFooter.ts_vue_type_script_src_e91d5a6c_lang.cjs.js.map

package/dist/components/layout/footer/{NeonFooter.ts_vue_type_script_src_16095090_lang.cjs.js.map → NeonFooter.ts_vue_type_script_src_e91d5a6c_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonFooter.ts_vue_type_script_src_16095090_lang.cjs.js","sources":["../../../../src/components/layout/footer/NeonFooter.ts?vue&type=script&src=16095090&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * The page footer component. Place directly inside the NeonPage component to have it rendered at the bottom of the page even when the content is shorter than the page.\n */\nexport default defineComponent({ name: 'NeonFooter' });\n"],"names":["_sfc_main","defineComponent"],"mappings":"kCAKAA,EAAeC,kBAAgB,CAAE,KAAM,aAAc"}
+{"version":3,"file":"NeonFooter.ts_vue_type_script_src_e91d5a6c_lang.cjs.js","sources":["../../../../src/components/layout/footer/NeonFooter.ts?vue&type=script&src=e91d5a6c&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * The page footer component. Place directly inside the NeonPage component to have it rendered at the bottom of the page even when the content is shorter than the page.\n */\nexport default defineComponent({ name: 'NeonFooter' });\n"],"names":["_sfc_main","defineComponent"],"mappings":"kCAKAA,EAAeC,kBAAgB,CAAE,KAAM,aAAc"}

package/dist/components/layout/footer/{NeonFooter.ts_vue_type_script_src_16095090_lang.es.js → NeonFooter.ts_vue_type_script_src_e91d5a6c_lang.es.js}

@@ -1,4 +1,4 @@
 import { defineComponent } from "vue";
 var _sfc_main = defineComponent({ name: "NeonFooter" });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonFooter.ts_vue_type_script_src_16095090_lang.es.js.map
+//# sourceMappingURL=NeonFooter.ts_vue_type_script_src_e91d5a6c_lang.es.js.map

package/dist/components/layout/footer/{NeonFooter.ts_vue_type_script_src_16095090_lang.es.js.map → NeonFooter.ts_vue_type_script_src_e91d5a6c_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonFooter.ts_vue_type_script_src_16095090_lang.es.js","sources":["../../../../src/components/layout/footer/NeonFooter.ts?vue&type=script&src=16095090&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * The page footer component. Place directly inside the NeonPage component to have it rendered at the bottom of the page even when the content is shorter than the page.\n */\nexport default defineComponent({ name: 'NeonFooter' });\n"],"names":[],"mappings":";AAKA,IAAA,YAAe,gBAAgB,EAAE,MAAM,cAAc;;"}
+{"version":3,"file":"NeonFooter.ts_vue_type_script_src_e91d5a6c_lang.es.js","sources":["../../../../src/components/layout/footer/NeonFooter.ts?vue&type=script&src=e91d5a6c&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * The page footer component. Place directly inside the NeonPage component to have it rendered at the bottom of the page even when the content is shorter than the page.\n */\nexport default defineComponent({ name: 'NeonFooter' });\n"],"names":[],"mappings":";AAKA,IAAA,YAAe,gBAAgB,EAAE,MAAM,cAAc;;"}

package/dist/components/layout/grid/NeonGrid.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var s=require("./NeonGrid.ts_vue_type_script_src_79684cf0_lang.cjs.js"),e=require("vue"),t=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const n=["id"];function o(r,_,c,u,p,d){return e.openBlock(),e.createElementBlock("article",{id:r.id,class:"neon-grid"},[e.renderSlot(r.$slots,"default")],8,n)}var i=t(s,[["render",o],["__file","/Users/andrew/dev/projects/neon/src/components/layout/grid/NeonGrid.vue"]]);module.exports=i;
+"use strict";var t=require("./NeonGrid.ts_vue_type_script_src_730098fa_lang.cjs.js"),e=require("vue"),s=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const i=["id"];function _(r,o,u,a,c,p){return e.openBlock(),e.createElementBlock("article",{id:r.id,class:"neon-grid"},[e.renderSlot(r.$slots,"default")],8,i)}var n=s(t,[["render",_]]);module.exports=n;
 //# sourceMappingURL=NeonGrid.cjs.js.map

package/dist/components/layout/grid/NeonGrid.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonGrid.ts_vue_type_script_src_79684cf0_lang.es.js";
+import _sfc_main from "./NeonGrid.ts_vue_type_script_src_730098fa_lang.es.js";
 import { openBlock, createElementBlock, renderSlot } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = ["id"];
@@ -10,6 +10,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 8, _hoisted_1);
 }
-var NeonGrid = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/layout/grid/NeonGrid.vue"]]);
+var NeonGrid = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonGrid as default };
 //# sourceMappingURL=NeonGrid.es.js.map

package/dist/components/layout/grid/{NeonGrid.ts_vue_type_script_src_79684cf0_lang.cjs.js → NeonGrid.ts_vue_type_script_src_730098fa_lang.cjs.js}

@@ -12,4 +12,4 @@
 `+m(e)+`
 }`},y=()=>i.layouts.map(t=>p(t)).join(`
 `),f=t=>{const e=u+i.id;let n=document.getElementById(e);n===null&&(n=document.createElement("style"),n.id=e,document.head.appendChild(n)),n.innerHTML=t},a=()=>{const t=y();f(t)},d=()=>{const t=u+i.id,e=document.getElementById(t);e!=null&&e.parentNode&&e.parentNode.removeChild(e)};o.onMounted(()=>a()),o.onUnmounted(()=>d()),o.watch(()=>i.layouts,()=>{d(),a()},{deep:!0,immediate:!0})}});module.exports=S;
-//# sourceMappingURL=NeonGrid.ts_vue_type_script_src_79684cf0_lang.cjs.js.map
+//# sourceMappingURL=NeonGrid.ts_vue_type_script_src_730098fa_lang.cjs.js.map

package/dist/components/layout/grid/{NeonGrid.ts_vue_type_script_src_79684cf0_lang.cjs.js.map → NeonGrid.ts_vue_type_script_src_730098fa_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonGrid.ts_vue_type_script_src_79684cf0_lang.cjs.js","sources":["../../../../src/components/layout/grid/NeonGrid.ts?vue&type=script&src=79684cf0&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref, watch } from 'vue';\nimport type { NeonGridModel } from '@/common/models/NeonGridModel';\nimport { NeonResponsiveUtils } from '@/common/utils/NeonResponsiveUtils';\n\nconst styleIdPrefix = 'neon-grid-styles-';\n\n/**\n * <p>A CSS grid component for top level layout within a page. This component provides functionality to dynamically\n * generate the grid CSS and inject it into the page as well as defining the grid for different responsive breakpoints.\n * The defined grid can be updated programmatically which is useful for adding/removing items from the grid.</p>\n *\n * <p>NeonGrid provides a slot for a set of NeonGridArea components, defining the contents for the various grid areas on\n * the page.</p>\n */\nexport default defineComponent({\n  name: 'NeonGrid',\n  props: {\n    /**\n     * The grid layouts\n     */\n    layouts: { type: Array as () => Array<NeonGridModel>, required: true },\n    /**\n     * Id of the grid, should be unique on the page\n     */\n    id: { type: String, required: true },\n  },\n  setup(props) {\n    const allGridAreas = ref<Set<string>>(new Set<string>(props.layouts.map((layout) => layout.grid.flat()).flat()));\n\n    const generateGridCSS = (grid: string[][]) => {\n      // add template\n      let gridStyles = `  .neon-grid {\n    grid-template-areas: `;\n\n      gridStyles = gridStyles + grid.map((row) => `\"${row.join(' ')}\"`).join('\\n') + ';';\n      gridStyles = gridStyles + '\\n  }\\n';\n\n      const processed: string[] = [];\n\n      // add areas\n      gridStyles =\n        gridStyles +\n        grid\n          .map((row) => {\n            return row\n              .map((column) => {\n                if (processed.indexOf(column) >= 0) {\n                  return '';\n                }\n\n                processed.push(column);\n\n                return `\n  .${column} {\n    grid-area: ${column};\n  }`;\n              })\n              .join('\\n');\n          })\n          .join('');\n\n      const gridAreas = new Set<string>(grid.flat().flat());\n      const toHide = Array.from(allGridAreas.value).filter((area) => !gridAreas.has(area));\n      gridStyles = gridStyles + toHide.map((area) => `\\n\\n  .${area} { display: none!important; }`);\n      return gridStyles;\n    };\n\n    const generateStyle = (layout: NeonGridModel) => {\n      const grid = layout.grid;\n      const breakpoint = NeonResponsiveUtils.breakpoints[layout.breakpoint];\n      const breakpointQuery = breakpoint.length > 0 ? ` and ${breakpoint}` : '';\n      return `@media screen${breakpointQuery} {\\n` + generateGridCSS(grid) + '\\n}';\n    };\n\n    const generateStyles = () => {\n      return props.layouts.map((layout) => generateStyle(layout)).join('\\n');\n    };\n\n    const applyStyle = (styles: string) => {\n      const id = styleIdPrefix + props.id;\n      let element: HTMLStyleElement = document.getElementById(id) as HTMLStyleElement;\n      if (element === null) {\n        element = document.createElement('style');\n        element.id = id;\n        document.head.appendChild(element);\n      }\n      element.innerHTML = styles;\n    };\n\n    const init = () => {\n      const styles = generateStyles();\n      applyStyle(styles);\n    };\n\n    const destroy = () => {\n      const id = styleIdPrefix + props.id;\n      const element: HTMLStyleElement = document.getElementById(id) as HTMLStyleElement;\n\n      if (element != null && element.parentNode) {\n        element.parentNode.removeChild(element);\n      }\n    };\n\n    onMounted(() => init());\n    onUnmounted(() => destroy());\n\n    watch(\n      () => props.layouts,\n      () => {\n        destroy();\n        init();\n      },\n      { deep: true, immediate: true },\n    );\n  },\n});\n"],"names":["styleIdPrefix","_sfc_main","defineComponent","props","allGridAreas","ref","layout","generateGridCSS","grid","gridStyles","row","processed","column","gridAreas","toHide","area","generateStyle","breakpoint","NeonResponsiveUtils","generateStyles","applyStyle","styles","id","element","init","destroy","onMounted","onUnmounted","watch"],"mappings":"gGAIA,MAAMA,EAAgB,oBAUtB,IAAAC,EAAeC,kBAAgB,CAC7B,KAAM,WACN,MAAO,CAIL,QAAS,CAAE,KAAM,MAAqC,SAAU,EAAK,EAIrE,GAAI,CAAE,KAAM,OAAQ,SAAU,EAAK,CACrC,EACA,MAAMC,EAAO,CACX,MAAMC,EAAeC,EAAAA,IAAiB,IAAI,IAAYF,EAAM,QAAQ,IAAKG,GAAWA,EAAO,KAAK,KAAM,CAAA,EAAE,KAAM,CAAA,CAAC,EAEzGC,EAAmBC,GAAqB,CAE5C,IAAIC,EAAa;AAAA,2BAGjBA,EAAaA,EAAaD,EAAK,IAAKE,GAAQ,IAAIA,EAAI,KAAK,GAAG,IAAI,EAAE,KAAK;AAAA,CAAI,EAAI,IAC/ED,EAAaA,EAAa;AAAA;AAAA,EAE1B,MAAME,EAAsB,CAAA,EAG5BF,EACEA,EACAD,EACG,IAAKE,GACGA,EACJ,IAAKE,GACAD,EAAU,QAAQC,CAAM,GAAK,EACxB,IAGTD,EAAU,KAAKC,CAAM,EAEd;AAAA,KAClBA;AAAA,iBACYA;AAAA,KAEF,EACA,KAAK;AAAA,CAAI,CACb,EACA,KAAK,EAAE,EAEZ,MAAMC,EAAY,IAAI,IAAYL,EAAK,KAAK,EAAE,MAAM,EAC9CM,EAAS,MAAM,KAAKV,EAAa,KAAK,EAAE,OAAQW,GAAS,CAACF,EAAU,IAAIE,CAAI,CAAC,EACnF,OAAAN,EAAaA,EAAaK,EAAO,IAAKC,GAAS;AAAA;AAAA,KAAUA,gCAAmC,EACrFN,CAAA,EAGHO,EAAiBV,GAA0B,CAC/C,MAAME,EAAOF,EAAO,KACdW,EAAaC,EAAoB,oBAAA,YAAYZ,EAAO,YAE1D,MAAO,gBADiBW,EAAW,OAAS,EAAI,QAAQA,IAAe;AAAA,EACxBV,EAAgBC,CAAI,EAAI;AAAA,EAAA,EAGnEW,EAAiB,IACdhB,EAAM,QAAQ,IAAKG,GAAWU,EAAcV,CAAM,CAAC,EAAE,KAAK;AAAA,CAAI,EAGjEc,EAAcC,GAAmB,CAC/B,MAAAC,EAAKtB,EAAgBG,EAAM,GAC7B,IAAAoB,EAA4B,SAAS,eAAeD,CAAE,EACtDC,IAAY,OACJA,EAAA,SAAS,cAAc,OAAO,EACxCA,EAAQ,GAAKD,EACJ,SAAA,KAAK,YAAYC,CAAO,GAEnCA,EAAQ,UAAYF,CAAA,EAGhBG,EAAO,IAAM,CACjB,MAAMH,EAASF,IACfC,EAAWC,CAAM,CAAA,EAGbI,EAAU,IAAM,CACd,MAAAH,EAAKtB,EAAgBG,EAAM,GAC3BoB,EAA4B,SAAS,eAAeD,CAAE,EAExDC,GAAW,MAAQA,EAAQ,YACrBA,EAAA,WAAW,YAAYA,CAAO,CACxC,EAGQG,YAAA,IAAMF,GAAM,EACVG,cAAA,IAAMF,GAAS,EAE3BG,EAAA,MACE,IAAMzB,EAAM,QACZ,IAAM,CACIsB,IACHD,GACP,EACA,CAAE,KAAM,GAAM,UAAW,EAAK,CAAA,CAElC,CACF,CAAC"}
+{"version":3,"file":"NeonGrid.ts_vue_type_script_src_730098fa_lang.cjs.js","sources":["../../../../src/components/layout/grid/NeonGrid.ts?vue&type=script&src=730098fa&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref, watch } from 'vue';\nimport type { NeonGridModel } from '@/common/models/NeonGridModel';\nimport { NeonResponsiveUtils } from '@/common/utils/NeonResponsiveUtils';\n\nconst styleIdPrefix = 'neon-grid-styles-';\n\n/**\n * <p>A CSS grid component for top level layout within a page. This component provides functionality to dynamically\n * generate the grid CSS and inject it into the page as well as defining the grid for different responsive breakpoints.\n * The defined grid can be updated programmatically which is useful for adding/removing items from the grid.</p>\n *\n * <p>NeonGrid provides a slot for a set of NeonGridArea components, defining the contents for the various grid areas on\n * the page.</p>\n */\nexport default defineComponent({\n  name: 'NeonGrid',\n  props: {\n    /**\n     * The grid layouts\n     */\n    layouts: { type: Array as () => Array<NeonGridModel>, required: true },\n    /**\n     * Id of the grid, should be unique on the page\n     */\n    id: { type: String, required: true },\n  },\n  setup(props) {\n    const allGridAreas = ref<Set<string>>(new Set<string>(props.layouts.map((layout) => layout.grid.flat()).flat()));\n\n    const generateGridCSS = (grid: string[][]) => {\n      // add template\n      let gridStyles = `  .neon-grid {\n    grid-template-areas: `;\n\n      gridStyles = gridStyles + grid.map((row) => `\"${row.join(' ')}\"`).join('\\n') + ';';\n      gridStyles = gridStyles + '\\n  }\\n';\n\n      const processed: string[] = [];\n\n      // add areas\n      gridStyles =\n        gridStyles +\n        grid\n          .map((row) => {\n            return row\n              .map((column) => {\n                if (processed.indexOf(column) >= 0) {\n                  return '';\n                }\n\n                processed.push(column);\n\n                return `\n  .${column} {\n    grid-area: ${column};\n  }`;\n              })\n              .join('\\n');\n          })\n          .join('');\n\n      const gridAreas = new Set<string>(grid.flat().flat());\n      const toHide = Array.from(allGridAreas.value).filter((area) => !gridAreas.has(area));\n      gridStyles = gridStyles + toHide.map((area) => `\\n\\n  .${area} { display: none!important; }`);\n      return gridStyles;\n    };\n\n    const generateStyle = (layout: NeonGridModel) => {\n      const grid = layout.grid;\n      const breakpoint = NeonResponsiveUtils.breakpoints[layout.breakpoint];\n      const breakpointQuery = breakpoint.length > 0 ? ` and ${breakpoint}` : '';\n      return `@media screen${breakpointQuery} {\\n` + generateGridCSS(grid) + '\\n}';\n    };\n\n    const generateStyles = () => {\n      return props.layouts.map((layout) => generateStyle(layout)).join('\\n');\n    };\n\n    const applyStyle = (styles: string) => {\n      const id = styleIdPrefix + props.id;\n      let element: HTMLStyleElement = document.getElementById(id) as HTMLStyleElement;\n      if (element === null) {\n        element = document.createElement('style');\n        element.id = id;\n        document.head.appendChild(element);\n      }\n      element.innerHTML = styles;\n    };\n\n    const init = () => {\n      const styles = generateStyles();\n      applyStyle(styles);\n    };\n\n    const destroy = () => {\n      const id = styleIdPrefix + props.id;\n      const element: HTMLStyleElement = document.getElementById(id) as HTMLStyleElement;\n\n      if (element != null && element.parentNode) {\n        element.parentNode.removeChild(element);\n      }\n    };\n\n    onMounted(() => init());\n    onUnmounted(() => destroy());\n\n    watch(\n      () => props.layouts,\n      () => {\n        destroy();\n        init();\n      },\n      { deep: true, immediate: true },\n    );\n  },\n});\n"],"names":["styleIdPrefix","_sfc_main","defineComponent","props","allGridAreas","ref","layout","generateGridCSS","grid","gridStyles","row","processed","column","gridAreas","toHide","area","generateStyle","breakpoint","NeonResponsiveUtils","generateStyles","applyStyle","styles","id","element","init","destroy","onMounted","onUnmounted","watch"],"mappings":"gGAIA,MAAMA,EAAgB,oBAUtB,IAAAC,EAAeC,kBAAgB,CAC7B,KAAM,WACN,MAAO,CAIL,QAAS,CAAE,KAAM,MAAqC,SAAU,EAAK,EAIrE,GAAI,CAAE,KAAM,OAAQ,SAAU,EAAK,CACrC,EACA,MAAMC,EAAO,CACX,MAAMC,EAAeC,EAAAA,IAAiB,IAAI,IAAYF,EAAM,QAAQ,IAAKG,GAAWA,EAAO,KAAK,KAAM,CAAA,EAAE,KAAM,CAAA,CAAC,EAEzGC,EAAmBC,GAAqB,CAE5C,IAAIC,EAAa;AAAA,2BAGjBA,EAAaA,EAAaD,EAAK,IAAKE,GAAQ,IAAIA,EAAI,KAAK,GAAG,IAAI,EAAE,KAAK;AAAA,CAAI,EAAI,IAC/ED,EAAaA,EAAa;AAAA;AAAA,EAE1B,MAAME,EAAsB,CAAA,EAG5BF,EACEA,EACAD,EACG,IAAKE,GACGA,EACJ,IAAKE,GACAD,EAAU,QAAQC,CAAM,GAAK,EACxB,IAGTD,EAAU,KAAKC,CAAM,EAEd;AAAA,KAClBA;AAAA,iBACYA;AAAA,KAEF,EACA,KAAK;AAAA,CAAI,CACb,EACA,KAAK,EAAE,EAEZ,MAAMC,EAAY,IAAI,IAAYL,EAAK,KAAK,EAAE,MAAM,EAC9CM,EAAS,MAAM,KAAKV,EAAa,KAAK,EAAE,OAAQW,GAAS,CAACF,EAAU,IAAIE,CAAI,CAAC,EACnF,OAAAN,EAAaA,EAAaK,EAAO,IAAKC,GAAS;AAAA;AAAA,KAAUA,gCAAmC,EACrFN,CAAA,EAGHO,EAAiBV,GAA0B,CAC/C,MAAME,EAAOF,EAAO,KACdW,EAAaC,EAAoB,oBAAA,YAAYZ,EAAO,YAE1D,MAAO,gBADiBW,EAAW,OAAS,EAAI,QAAQA,IAAe;AAAA,EACxBV,EAAgBC,CAAI,EAAI;AAAA,EAAA,EAGnEW,EAAiB,IACdhB,EAAM,QAAQ,IAAKG,GAAWU,EAAcV,CAAM,CAAC,EAAE,KAAK;AAAA,CAAI,EAGjEc,EAAcC,GAAmB,CAC/B,MAAAC,EAAKtB,EAAgBG,EAAM,GAC7B,IAAAoB,EAA4B,SAAS,eAAeD,CAAE,EACtDC,IAAY,OACJA,EAAA,SAAS,cAAc,OAAO,EACxCA,EAAQ,GAAKD,EACJ,SAAA,KAAK,YAAYC,CAAO,GAEnCA,EAAQ,UAAYF,CAAA,EAGhBG,EAAO,IAAM,CACjB,MAAMH,EAASF,IACfC,EAAWC,CAAM,CAAA,EAGbI,EAAU,IAAM,CACd,MAAAH,EAAKtB,EAAgBG,EAAM,GAC3BoB,EAA4B,SAAS,eAAeD,CAAE,EAExDC,GAAW,MAAQA,EAAQ,YACrBA,EAAA,WAAW,YAAYA,CAAO,CACxC,EAGQG,YAAA,IAAMF,GAAM,EACVG,cAAA,IAAMF,GAAS,EAE3BG,EAAA,MACE,IAAMzB,EAAM,QACZ,IAAM,CACIsB,IACHD,GACP,EACA,CAAE,KAAM,GAAM,UAAW,EAAK,CAAA,CAElC,CACF,CAAC"}

package/dist/components/layout/grid/{NeonGrid.ts_vue_type_script_src_79684cf0_lang.es.js → NeonGrid.ts_vue_type_script_src_730098fa_lang.es.js}

@@ -78,4 +78,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonGrid.ts_vue_type_script_src_79684cf0_lang.es.js.map
+//# sourceMappingURL=NeonGrid.ts_vue_type_script_src_730098fa_lang.es.js.map

package/dist/components/layout/grid/{NeonGrid.ts_vue_type_script_src_79684cf0_lang.es.js.map → NeonGrid.ts_vue_type_script_src_730098fa_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonGrid.ts_vue_type_script_src_79684cf0_lang.es.js","sources":["../../../../src/components/layout/grid/NeonGrid.ts?vue&type=script&src=79684cf0&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref, watch } from 'vue';\nimport type { NeonGridModel } from '@/common/models/NeonGridModel';\nimport { NeonResponsiveUtils } from '@/common/utils/NeonResponsiveUtils';\n\nconst styleIdPrefix = 'neon-grid-styles-';\n\n/**\n * <p>A CSS grid component for top level layout within a page. This component provides functionality to dynamically\n * generate the grid CSS and inject it into the page as well as defining the grid for different responsive breakpoints.\n * The defined grid can be updated programmatically which is useful for adding/removing items from the grid.</p>\n *\n * <p>NeonGrid provides a slot for a set of NeonGridArea components, defining the contents for the various grid areas on\n * the page.</p>\n */\nexport default defineComponent({\n  name: 'NeonGrid',\n  props: {\n    /**\n     * The grid layouts\n     */\n    layouts: { type: Array as () => Array<NeonGridModel>, required: true },\n    /**\n     * Id of the grid, should be unique on the page\n     */\n    id: { type: String, required: true },\n  },\n  setup(props) {\n    const allGridAreas = ref<Set<string>>(new Set<string>(props.layouts.map((layout) => layout.grid.flat()).flat()));\n\n    const generateGridCSS = (grid: string[][]) => {\n      // add template\n      let gridStyles = `  .neon-grid {\n    grid-template-areas: `;\n\n      gridStyles = gridStyles + grid.map((row) => `\"${row.join(' ')}\"`).join('\\n') + ';';\n      gridStyles = gridStyles + '\\n  }\\n';\n\n      const processed: string[] = [];\n\n      // add areas\n      gridStyles =\n        gridStyles +\n        grid\n          .map((row) => {\n            return row\n              .map((column) => {\n                if (processed.indexOf(column) >= 0) {\n                  return '';\n                }\n\n                processed.push(column);\n\n                return `\n  .${column} {\n    grid-area: ${column};\n  }`;\n              })\n              .join('\\n');\n          })\n          .join('');\n\n      const gridAreas = new Set<string>(grid.flat().flat());\n      const toHide = Array.from(allGridAreas.value).filter((area) => !gridAreas.has(area));\n      gridStyles = gridStyles + toHide.map((area) => `\\n\\n  .${area} { display: none!important; }`);\n      return gridStyles;\n    };\n\n    const generateStyle = (layout: NeonGridModel) => {\n      const grid = layout.grid;\n      const breakpoint = NeonResponsiveUtils.breakpoints[layout.breakpoint];\n      const breakpointQuery = breakpoint.length > 0 ? ` and ${breakpoint}` : '';\n      return `@media screen${breakpointQuery} {\\n` + generateGridCSS(grid) + '\\n}';\n    };\n\n    const generateStyles = () => {\n      return props.layouts.map((layout) => generateStyle(layout)).join('\\n');\n    };\n\n    const applyStyle = (styles: string) => {\n      const id = styleIdPrefix + props.id;\n      let element: HTMLStyleElement = document.getElementById(id) as HTMLStyleElement;\n      if (element === null) {\n        element = document.createElement('style');\n        element.id = id;\n        document.head.appendChild(element);\n      }\n      element.innerHTML = styles;\n    };\n\n    const init = () => {\n      const styles = generateStyles();\n      applyStyle(styles);\n    };\n\n    const destroy = () => {\n      const id = styleIdPrefix + props.id;\n      const element: HTMLStyleElement = document.getElementById(id) as HTMLStyleElement;\n\n      if (element != null && element.parentNode) {\n        element.parentNode.removeChild(element);\n      }\n    };\n\n    onMounted(() => init());\n    onUnmounted(() => destroy());\n\n    watch(\n      () => props.layouts,\n      () => {\n        destroy();\n        init();\n      },\n      { deep: true, immediate: true },\n    );\n  },\n});\n"],"names":[],"mappings":";;AAIA,MAAM,gBAAgB;AAUtB,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IAIL,SAAS,EAAE,MAAM,OAAqC,UAAU,KAAK;AAAA,IAIrE,IAAI,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,EACrC;AAAA,EACA,MAAM,OAAO;AACX,UAAM,eAAe,IAAiB,IAAI,IAAY,MAAM,QAAQ,IAAI,CAAC,WAAW,OAAO,KAAK,KAAM,CAAA,EAAE,KAAM,CAAA,CAAC;AAEzG,UAAA,kBAAkB,CAAC,SAAqB;AAE5C,UAAI,aAAa;AAAA;AAGjB,mBAAa,aAAa,KAAK,IAAI,CAAC,QAAQ,IAAI,IAAI,KAAK,GAAG,IAAI,EAAE,KAAK,IAAI,IAAI;AAC/E,mBAAa,aAAa;AAE1B,YAAM,YAAsB,CAAA;AAG5B,mBACE,aACA,KACG,IAAI,CAAC,QAAQ;AACL,eAAA,IACJ,IAAI,CAAC,WAAW;AACf,cAAI,UAAU,QAAQ,MAAM,KAAK,GAAG;AAC3B,mBAAA;AAAA,UACT;AAEA,oBAAU,KAAK,MAAM;AAEd,iBAAA;AAAA,KAClB;AAAA,iBACY;AAAA;AAAA,QAAA,CAEF,EACA,KAAK,IAAI;AAAA,MAAA,CACb,EACA,KAAK,EAAE;AAEZ,YAAM,YAAY,IAAI,IAAY,KAAK,KAAK,EAAE,MAAM;AACpD,YAAM,SAAS,MAAM,KAAK,aAAa,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,UAAU,IAAI,IAAI,CAAC;AACnF,mBAAa,aAAa,OAAO,IAAI,CAAC,SAAS;AAAA;AAAA,KAAU,mCAAmC;AACrF,aAAA;AAAA,IAAA;AAGH,UAAA,gBAAgB,CAAC,WAA0B;AAC/C,YAAM,OAAO,OAAO;AACd,YAAA,aAAa,oBAAoB,YAAY,OAAO;AAC1D,YAAM,kBAAkB,WAAW,SAAS,IAAI,QAAQ,eAAe;AACvE,aAAO,gBAAgB;AAAA,IAAwB,gBAAgB,IAAI,IAAI;AAAA,IAAA;AAGzE,UAAM,iBAAiB,MAAM;AACpB,aAAA,MAAM,QAAQ,IAAI,CAAC,WAAW,cAAc,MAAM,CAAC,EAAE,KAAK,IAAI;AAAA,IAAA;AAGjE,UAAA,aAAa,CAAC,WAAmB;AAC/B,YAAA,KAAK,gBAAgB,MAAM;AAC7B,UAAA,UAA4B,SAAS,eAAe,EAAE;AAC1D,UAAI,YAAY,MAAM;AACV,kBAAA,SAAS,cAAc,OAAO;AACxC,gBAAQ,KAAK;AACJ,iBAAA,KAAK,YAAY,OAAO;AAAA,MACnC;AACA,cAAQ,YAAY;AAAA,IAAA;AAGtB,UAAM,OAAO,MAAM;AACjB,YAAM,SAAS;AACf,iBAAW,MAAM;AAAA,IAAA;AAGnB,UAAM,UAAU,MAAM;AACd,YAAA,KAAK,gBAAgB,MAAM;AAC3B,YAAA,UAA4B,SAAS,eAAe,EAAE;AAExD,UAAA,WAAW,QAAQ,QAAQ,YAAY;AACjC,gBAAA,WAAW,YAAY,OAAO;AAAA,MACxC;AAAA,IAAA;AAGQ,cAAA,MAAM,MAAM;AACV,gBAAA,MAAM,SAAS;AAE3B;AAAA,MACE,MAAM,MAAM;AAAA,MACZ,MAAM;AACI;AACH;MACP;AAAA,MACA,EAAE,MAAM,MAAM,WAAW,KAAK;AAAA,IAAA;AAAA,EAElC;AACF,CAAC;;"}
+{"version":3,"file":"NeonGrid.ts_vue_type_script_src_730098fa_lang.es.js","sources":["../../../../src/components/layout/grid/NeonGrid.ts?vue&type=script&src=730098fa&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref, watch } from 'vue';\nimport type { NeonGridModel } from '@/common/models/NeonGridModel';\nimport { NeonResponsiveUtils } from '@/common/utils/NeonResponsiveUtils';\n\nconst styleIdPrefix = 'neon-grid-styles-';\n\n/**\n * <p>A CSS grid component for top level layout within a page. This component provides functionality to dynamically\n * generate the grid CSS and inject it into the page as well as defining the grid for different responsive breakpoints.\n * The defined grid can be updated programmatically which is useful for adding/removing items from the grid.</p>\n *\n * <p>NeonGrid provides a slot for a set of NeonGridArea components, defining the contents for the various grid areas on\n * the page.</p>\n */\nexport default defineComponent({\n  name: 'NeonGrid',\n  props: {\n    /**\n     * The grid layouts\n     */\n    layouts: { type: Array as () => Array<NeonGridModel>, required: true },\n    /**\n     * Id of the grid, should be unique on the page\n     */\n    id: { type: String, required: true },\n  },\n  setup(props) {\n    const allGridAreas = ref<Set<string>>(new Set<string>(props.layouts.map((layout) => layout.grid.flat()).flat()));\n\n    const generateGridCSS = (grid: string[][]) => {\n      // add template\n      let gridStyles = `  .neon-grid {\n    grid-template-areas: `;\n\n      gridStyles = gridStyles + grid.map((row) => `\"${row.join(' ')}\"`).join('\\n') + ';';\n      gridStyles = gridStyles + '\\n  }\\n';\n\n      const processed: string[] = [];\n\n      // add areas\n      gridStyles =\n        gridStyles +\n        grid\n          .map((row) => {\n            return row\n              .map((column) => {\n                if (processed.indexOf(column) >= 0) {\n                  return '';\n                }\n\n                processed.push(column);\n\n                return `\n  .${column} {\n    grid-area: ${column};\n  }`;\n              })\n              .join('\\n');\n          })\n          .join('');\n\n      const gridAreas = new Set<string>(grid.flat().flat());\n      const toHide = Array.from(allGridAreas.value).filter((area) => !gridAreas.has(area));\n      gridStyles = gridStyles + toHide.map((area) => `\\n\\n  .${area} { display: none!important; }`);\n      return gridStyles;\n    };\n\n    const generateStyle = (layout: NeonGridModel) => {\n      const grid = layout.grid;\n      const breakpoint = NeonResponsiveUtils.breakpoints[layout.breakpoint];\n      const breakpointQuery = breakpoint.length > 0 ? ` and ${breakpoint}` : '';\n      return `@media screen${breakpointQuery} {\\n` + generateGridCSS(grid) + '\\n}';\n    };\n\n    const generateStyles = () => {\n      return props.layouts.map((layout) => generateStyle(layout)).join('\\n');\n    };\n\n    const applyStyle = (styles: string) => {\n      const id = styleIdPrefix + props.id;\n      let element: HTMLStyleElement = document.getElementById(id) as HTMLStyleElement;\n      if (element === null) {\n        element = document.createElement('style');\n        element.id = id;\n        document.head.appendChild(element);\n      }\n      element.innerHTML = styles;\n    };\n\n    const init = () => {\n      const styles = generateStyles();\n      applyStyle(styles);\n    };\n\n    const destroy = () => {\n      const id = styleIdPrefix + props.id;\n      const element: HTMLStyleElement = document.getElementById(id) as HTMLStyleElement;\n\n      if (element != null && element.parentNode) {\n        element.parentNode.removeChild(element);\n      }\n    };\n\n    onMounted(() => init());\n    onUnmounted(() => destroy());\n\n    watch(\n      () => props.layouts,\n      () => {\n        destroy();\n        init();\n      },\n      { deep: true, immediate: true },\n    );\n  },\n});\n"],"names":[],"mappings":";;AAIA,MAAM,gBAAgB;AAUtB,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IAIL,SAAS,EAAE,MAAM,OAAqC,UAAU,KAAK;AAAA,IAIrE,IAAI,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,EACrC;AAAA,EACA,MAAM,OAAO;AACX,UAAM,eAAe,IAAiB,IAAI,IAAY,MAAM,QAAQ,IAAI,CAAC,WAAW,OAAO,KAAK,KAAM,CAAA,EAAE,KAAM,CAAA,CAAC;AAEzG,UAAA,kBAAkB,CAAC,SAAqB;AAE5C,UAAI,aAAa;AAAA;AAGjB,mBAAa,aAAa,KAAK,IAAI,CAAC,QAAQ,IAAI,IAAI,KAAK,GAAG,IAAI,EAAE,KAAK,IAAI,IAAI;AAC/E,mBAAa,aAAa;AAE1B,YAAM,YAAsB,CAAA;AAG5B,mBACE,aACA,KACG,IAAI,CAAC,QAAQ;AACL,eAAA,IACJ,IAAI,CAAC,WAAW;AACf,cAAI,UAAU,QAAQ,MAAM,KAAK,GAAG;AAC3B,mBAAA;AAAA,UACT;AAEA,oBAAU,KAAK,MAAM;AAEd,iBAAA;AAAA,KAClB;AAAA,iBACY;AAAA;AAAA,QAAA,CAEF,EACA,KAAK,IAAI;AAAA,MAAA,CACb,EACA,KAAK,EAAE;AAEZ,YAAM,YAAY,IAAI,IAAY,KAAK,KAAK,EAAE,MAAM;AACpD,YAAM,SAAS,MAAM,KAAK,aAAa,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,UAAU,IAAI,IAAI,CAAC;AACnF,mBAAa,aAAa,OAAO,IAAI,CAAC,SAAS;AAAA;AAAA,KAAU,mCAAmC;AACrF,aAAA;AAAA,IAAA;AAGH,UAAA,gBAAgB,CAAC,WAA0B;AAC/C,YAAM,OAAO,OAAO;AACd,YAAA,aAAa,oBAAoB,YAAY,OAAO;AAC1D,YAAM,kBAAkB,WAAW,SAAS,IAAI,QAAQ,eAAe;AACvE,aAAO,gBAAgB;AAAA,IAAwB,gBAAgB,IAAI,IAAI;AAAA,IAAA;AAGzE,UAAM,iBAAiB,MAAM;AACpB,aAAA,MAAM,QAAQ,IAAI,CAAC,WAAW,cAAc,MAAM,CAAC,EAAE,KAAK,IAAI;AAAA,IAAA;AAGjE,UAAA,aAAa,CAAC,WAAmB;AAC/B,YAAA,KAAK,gBAAgB,MAAM;AAC7B,UAAA,UAA4B,SAAS,eAAe,EAAE;AAC1D,UAAI,YAAY,MAAM;AACV,kBAAA,SAAS,cAAc,OAAO;AACxC,gBAAQ,KAAK;AACJ,iBAAA,KAAK,YAAY,OAAO;AAAA,MACnC;AACA,cAAQ,YAAY;AAAA,IAAA;AAGtB,UAAM,OAAO,MAAM;AACjB,YAAM,SAAS;AACf,iBAAW,MAAM;AAAA,IAAA;AAGnB,UAAM,UAAU,MAAM;AACd,YAAA,KAAK,gBAAgB,MAAM;AAC3B,YAAA,UAA4B,SAAS,eAAe,EAAE;AAExD,UAAA,WAAW,QAAQ,QAAQ,YAAY;AACjC,gBAAA,WAAW,YAAY,OAAO;AAAA,MACxC;AAAA,IAAA;AAGQ,cAAA,MAAM,MAAM;AACV,gBAAA,MAAM,SAAS;AAE3B;AAAA,MACE,MAAM,MAAM;AAAA,MACZ,MAAM;AACI;AACH;MACP;AAAA,MACA,EAAE,MAAM,MAAM,WAAW,KAAK;AAAA,IAAA;AAAA,EAElC;AACF,CAAC;;"}

package/dist/components/layout/grid/grid-area/NeonGridArea.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var s=require("./NeonGridArea.ts_vue_type_script_src_58c98bd0_lang.cjs.js"),e=require("vue"),a=require("../../../../_virtual/plugin-vue_export-helper.cjs.js");function n(r,o,i,_,c,u){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["neon-grid-area",r.id])},[e.renderSlot(r.$slots,"default")],2)}var t=a(s,[["render",n],["__file","/Users/andrew/dev/projects/neon/src/components/layout/grid/grid-area/NeonGridArea.vue"]]);module.exports=t;
+"use strict";var s=require("./NeonGridArea.ts_vue_type_script_src_3b003bb0_lang.cjs.js"),e=require("vue"),t=require("../../../../_virtual/plugin-vue_export-helper.cjs.js");function a(r,i,_,o,u,l){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["neon-grid-area",r.id])},[e.renderSlot(r.$slots,"default")],2)}var n=t(s,[["render",a]]);module.exports=n;
 //# sourceMappingURL=NeonGridArea.cjs.js.map

package/dist/components/layout/grid/grid-area/NeonGridArea.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonGridArea.ts_vue_type_script_src_58c98bd0_lang.es.js";
+import _sfc_main from "./NeonGridArea.ts_vue_type_script_src_3b003bb0_lang.es.js";
 import { openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
 import _export_sfc from "../../../../_virtual/plugin-vue_export-helper.es.js";
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -8,6 +8,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var NeonGridArea = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/layout/grid/grid-area/NeonGridArea.vue"]]);
+var NeonGridArea = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonGridArea as default };
 //# sourceMappingURL=NeonGridArea.es.js.map

package/dist/components/layout/grid/grid-area/{NeonGridArea.ts_vue_type_script_src_58c98bd0_lang.cjs.js → NeonGridArea.ts_vue_type_script_src_3b003bb0_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var e=require("vue"),r=e.defineComponent({name:"NeonGridArea",props:{id:{type:String,required:!0}}});module.exports=r;
-//# sourceMappingURL=NeonGridArea.ts_vue_type_script_src_58c98bd0_lang.cjs.js.map
+//# sourceMappingURL=NeonGridArea.ts_vue_type_script_src_3b003bb0_lang.cjs.js.map

package/dist/components/layout/grid/grid-area/{NeonGridArea.ts_vue_type_script_src_58c98bd0_lang.cjs.js.map → NeonGridArea.ts_vue_type_script_src_3b003bb0_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonGridArea.ts_vue_type_script_src_58c98bd0_lang.cjs.js","sources":["../../../../../src/components/layout/grid/grid-area/NeonGridArea.ts?vue&type=script&src=58c98bd0&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * A grid area is the basic container corresponding to a grid area defined in the NeonGrid component.\n */\nexport default defineComponent({\n  name: 'NeonGridArea',\n  props: {\n    /**\n     * Identifier of the grid area (this should match a named area in the grid layout)\n     */\n    id: { type: String, required: true },\n  },\n});\n"],"names":["_sfc_main","defineComponent"],"mappings":"kCAKAA,EAAeC,kBAAgB,CAC7B,KAAM,eACN,MAAO,CAIL,GAAI,CAAE,KAAM,OAAQ,SAAU,EAAK,CACrC,CACF,CAAC"}
+{"version":3,"file":"NeonGridArea.ts_vue_type_script_src_3b003bb0_lang.cjs.js","sources":["../../../../../src/components/layout/grid/grid-area/NeonGridArea.ts?vue&type=script&src=3b003bb0&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * A grid area is the basic container corresponding to a grid area defined in the NeonGrid component.\n */\nexport default defineComponent({\n  name: 'NeonGridArea',\n  props: {\n    /**\n     * Identifier of the grid area (this should match a named area in the grid layout)\n     */\n    id: { type: String, required: true },\n  },\n});\n"],"names":["_sfc_main","defineComponent"],"mappings":"kCAKAA,EAAeC,kBAAgB,CAC7B,KAAM,eACN,MAAO,CAIL,GAAI,CAAE,KAAM,OAAQ,SAAU,EAAK,CACrC,CACF,CAAC"}

package/dist/components/layout/grid/grid-area/{NeonGridArea.ts_vue_type_script_src_58c98bd0_lang.es.js → NeonGridArea.ts_vue_type_script_src_3b003bb0_lang.es.js}

@@ -6,4 +6,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonGridArea.ts_vue_type_script_src_58c98bd0_lang.es.js.map
+//# sourceMappingURL=NeonGridArea.ts_vue_type_script_src_3b003bb0_lang.es.js.map

package/dist/components/layout/grid/grid-area/{NeonGridArea.ts_vue_type_script_src_58c98bd0_lang.es.js.map → NeonGridArea.ts_vue_type_script_src_3b003bb0_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonGridArea.ts_vue_type_script_src_58c98bd0_lang.es.js","sources":["../../../../../src/components/layout/grid/grid-area/NeonGridArea.ts?vue&type=script&src=58c98bd0&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * A grid area is the basic container corresponding to a grid area defined in the NeonGrid component.\n */\nexport default defineComponent({\n  name: 'NeonGridArea',\n  props: {\n    /**\n     * Identifier of the grid area (this should match a named area in the grid layout)\n     */\n    id: { type: String, required: true },\n  },\n});\n"],"names":[],"mappings":";AAKA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IAIL,IAAI,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,EACrC;AACF,CAAC;;"}
+{"version":3,"file":"NeonGridArea.ts_vue_type_script_src_3b003bb0_lang.es.js","sources":["../../../../../src/components/layout/grid/grid-area/NeonGridArea.ts?vue&type=script&src=3b003bb0&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * A grid area is the basic container corresponding to a grid area defined in the NeonGrid component.\n */\nexport default defineComponent({\n  name: 'NeonGridArea',\n  props: {\n    /**\n     * Identifier of the grid area (this should match a named area in the grid layout)\n     */\n    id: { type: String, required: true },\n  },\n});\n"],"names":[],"mappings":";AAKA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IAIL,IAAI,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,EACrC;AACF,CAAC;;"}

package/dist/components/layout/modal/NeonModal.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var s=require("./NeonModal.ts_vue_type_script_src_f558d2c0_lang.cjs.js"),e=require("vue"),l=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const r={ref:"modal",class:"neon-modal__container"};function a(o,c,d,i,p,u){const n=e.resolveComponent("neon-button");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"neon-modal--open":o.open},"neon-modal"]),role:"dialog"},[e.createElementVNode("div",r,[e.renderSlot(o.$slots,"default"),o.dismissible?(e.openBlock(),e.createBlock(n,{key:0,circular:!0,"button-style":"text",class:"neon-modal__close",color:"low-contrast",icon:"times",size:"s",tabindex:"0",onClick:o.close,onKeypress:e.withKeys(e.withModifiers(o.close,["stop"]),["space"]),onKeydown:e.withKeys(o.close,["enter"])},null,8,["onClick","onKeypress","onKeydown"])):e.createCommentVNode("",!0)],512),e.createElementVNode("div",{class:e.normalizeClass([{"neon-modal__overlay--opaque":o.opaque,"neon-modal__overlay--show-top-nav":o.showTopNav},"neon-modal__overlay"])},null,2)],2)}var t=l(s,[["render",a],["__file","/Users/andrew/dev/projects/neon/src/components/layout/modal/NeonModal.vue"]]);module.exports=t;
+"use strict";var s=require("./NeonModal.ts_vue_type_script_src_11e69fa4_lang.cjs.js"),e=require("vue"),l=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const r={ref:"modal",class:"neon-modal__container"};function a(o,i,c,d,p,u){const n=e.resolveComponent("neon-button");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"neon-modal--open":o.open},"neon-modal"]),role:"dialog"},[e.createElementVNode("div",r,[e.renderSlot(o.$slots,"default"),o.dismissible?(e.openBlock(),e.createBlock(n,{key:0,circular:!0,"button-style":"text",class:"neon-modal__close",color:"low-contrast",icon:"times",size:"s",tabindex:"0",onClick:o.close,onKeypress:e.withKeys(e.withModifiers(o.close,["stop"]),["space"]),onKeydown:e.withKeys(o.close,["enter"])},null,8,["onClick","onKeypress","onKeydown"])):e.createCommentVNode("",!0)],512),e.createElementVNode("div",{class:e.normalizeClass([{"neon-modal__overlay--opaque":o.opaque,"neon-modal__overlay--show-top-nav":o.showTopNav},"neon-modal__overlay"])},null,2)],2)}var t=l(s,[["render",a]]);module.exports=t;
 //# sourceMappingURL=NeonModal.cjs.js.map

package/dist/components/layout/modal/NeonModal.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonModal.ts_vue_type_script_src_f558d2c0_lang.es.js";
+import _sfc_main from "./NeonModal.ts_vue_type_script_src_11e69fa4_lang.es.js";
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createBlock, withKeys, withModifiers, createCommentVNode } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = {
@@ -32,6 +32,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 2)
   ], 2);
 }
-var NeonModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/layout/modal/NeonModal.vue"]]);
+var NeonModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonModal as default };
 //# sourceMappingURL=NeonModal.es.js.map

package/dist/components/layout/modal/{NeonModal.ts_vue_type_script_src_f558d2c0_lang.cjs.js → NeonModal.ts_vue_type_script_src_11e69fa4_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var e=require("vue"),r=require("../../../common/utils/NeonClosableUtils.cjs.js"),c=require("../../user-input/button/NeonButton.cjs.js"),m=e.defineComponent({name:"NeonDrawer",components:{NeonButton:c},props:{open:{type:Boolean,required:!0},dismissible:{type:Boolean,default:!0},opaque:{type:Boolean,default:!1},showTopNav:{type:Boolean,default:!1}},emits:["close"],setup(o,{emit:a}){const n=e.ref(null),s=e.ref(null),i=()=>{a("close")},t=()=>{o.open&&o.dismissible&&i()};return e.onMounted(()=>{o.dismissible&&(s.value=n.value&&new r.NeonClosableUtils(n.value,t)||null)}),e.onUnmounted(()=>{var l;(l=s.value)==null||l.destroy()}),e.watch(()=>o.open,l=>{var u;l&&((u=s.value)==null||u.open())},{immediate:!0}),{modal:n,close:t}}});module.exports=m;
-//# sourceMappingURL=NeonModal.ts_vue_type_script_src_f558d2c0_lang.cjs.js.map
+//# sourceMappingURL=NeonModal.ts_vue_type_script_src_11e69fa4_lang.cjs.js.map

package/dist/components/layout/modal/{NeonModal.ts_vue_type_script_src_f558d2c0_lang.cjs.js.map → NeonModal.ts_vue_type_script_src_11e69fa4_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonModal.ts_vue_type_script_src_f558d2c0_lang.cjs.js","sources":["../../../../src/components/layout/modal/NeonModal.ts?vue&type=script&src=f558d2c0&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref, watch } from 'vue';\nimport { NeonClosableUtils } from '@/common/utils/NeonClosableUtils';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\n\n/**\n * A modal dialog component. This will be rendered above the content of the main window and can either be dismissed by the user or configured to require user interaction before dismissal.\n */\nexport default defineComponent({\n  name: 'NeonDrawer',\n  components: {\n    NeonButton,\n  },\n  props: {\n    /**\n     * Whether the modal is currently open.\n     */\n    open: { type: Boolean, required: true },\n    /**\n     * Whether the user is allowed to dismiss the modal by clicking outside the modal or pressing escape.\n     */\n    dismissible: { type: Boolean, default: true },\n    /**\n     * Increase the opacity so that the page behind the modal is no longer visible\n     */\n    opaque: { type: Boolean, default: false },\n    /**\n     * Keep the top nav visible when the modal is open\n     */\n    showTopNav: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the modal is closed.\n     * @type {void}\n     */\n    'close',\n  ],\n  setup(props, { emit }) {\n    const modal = ref(null);\n    const closableUtils = ref<NeonClosableUtils | null>(null);\n\n    const onClose = () => {\n      emit('close');\n    };\n\n    const close = () => {\n      if (props.open && props.dismissible) {\n        onClose();\n      }\n    };\n\n    onMounted(() => {\n      if (props.dismissible) {\n        closableUtils.value = (modal.value && new NeonClosableUtils(modal.value, close)) || null;\n      }\n    });\n\n    onUnmounted(() => {\n      closableUtils.value?.destroy();\n    });\n\n    watch(\n      () => props.open,\n      (value) => {\n        if (value) {\n          closableUtils.value?.open();\n        }\n      },\n      { immediate: true },\n    );\n\n    return {\n      modal,\n      close,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","props","emit","modal","ref","closableUtils","onClose","close","onMounted","NeonClosableUtils","onUnmounted","_a","watch","value"],"mappings":"qJAOAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,WAAY,CACV,WAAAC,CACF,EACA,MAAO,CAIL,KAAM,CAAE,KAAM,QAAS,SAAU,EAAK,EAItC,YAAa,CAAE,KAAM,QAAS,QAAS,EAAK,EAI5C,OAAQ,CAAE,KAAM,QAAS,QAAS,EAAM,EAIxC,WAAY,CAAE,KAAM,QAAS,QAAS,EAAM,CAC9C,EACA,MAAO,CAKL,OACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACf,MAAAC,EAAQC,MAAI,IAAI,EAChBC,EAAgBD,MAA8B,IAAI,EAElDE,EAAU,IAAM,CACpBJ,EAAK,OAAO,CAAA,EAGRK,EAAQ,IAAM,CACdN,EAAM,MAAQA,EAAM,aACdK,GACV,EAGFE,OAAAA,EAAAA,UAAU,IAAM,CACVP,EAAM,cACMI,EAAA,MAASF,EAAM,OAAS,IAAIM,oBAAkBN,EAAM,MAAOI,CAAK,GAAM,KACtF,CACD,EAEDG,EAAAA,YAAY,IAAM,QAChBC,EAAAN,EAAc,QAAd,MAAAM,EAAqB,SAAQ,CAC9B,EAEDC,EAAA,MACE,IAAMX,EAAM,KACXY,GAAU,OACLA,KACFF,EAAAN,EAAc,QAAd,MAAAM,EAAqB,OAEzB,EACA,CAAE,UAAW,EAAK,CAAA,EAGb,CACL,MAAAR,EACA,MAAAI,CAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonModal.ts_vue_type_script_src_11e69fa4_lang.cjs.js","sources":["../../../../src/components/layout/modal/NeonModal.ts?vue&type=script&src=11e69fa4&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref, watch } from 'vue';\nimport { NeonClosableUtils } from '@/common/utils/NeonClosableUtils';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\n\n/**\n * A modal dialog component. This will be rendered above the content of the main window and can either be dismissed by the user or configured to require user interaction before dismissal.\n */\nexport default defineComponent({\n  name: 'NeonDrawer',\n  components: {\n    NeonButton,\n  },\n  props: {\n    /**\n     * Whether the modal is currently open.\n     */\n    open: { type: Boolean, required: true },\n    /**\n     * Whether the user is allowed to dismiss the modal by clicking outside the modal or pressing escape.\n     */\n    dismissible: { type: Boolean, default: true },\n    /**\n     * Increase the opacity so that the page behind the modal is no longer visible\n     */\n    opaque: { type: Boolean, default: false },\n    /**\n     * Keep the top nav visible when the modal is open\n     */\n    showTopNav: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the modal is closed.\n     * @type {void}\n     */\n    'close',\n  ],\n  setup(props, { emit }) {\n    const modal = ref(null);\n    const closableUtils = ref<NeonClosableUtils | null>(null);\n\n    const onClose = () => {\n      emit('close');\n    };\n\n    const close = () => {\n      if (props.open && props.dismissible) {\n        onClose();\n      }\n    };\n\n    onMounted(() => {\n      if (props.dismissible) {\n        closableUtils.value = (modal.value && new NeonClosableUtils(modal.value, close)) || null;\n      }\n    });\n\n    onUnmounted(() => {\n      closableUtils.value?.destroy();\n    });\n\n    watch(\n      () => props.open,\n      (value) => {\n        if (value) {\n          closableUtils.value?.open();\n        }\n      },\n      { immediate: true },\n    );\n\n    return {\n      modal,\n      close,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","props","emit","modal","ref","closableUtils","onClose","close","onMounted","NeonClosableUtils","onUnmounted","_a","watch","value"],"mappings":"qJAOAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,WAAY,CACV,WAAAC,CACF,EACA,MAAO,CAIL,KAAM,CAAE,KAAM,QAAS,SAAU,EAAK,EAItC,YAAa,CAAE,KAAM,QAAS,QAAS,EAAK,EAI5C,OAAQ,CAAE,KAAM,QAAS,QAAS,EAAM,EAIxC,WAAY,CAAE,KAAM,QAAS,QAAS,EAAM,CAC9C,EACA,MAAO,CAKL,OACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACf,MAAAC,EAAQC,MAAI,IAAI,EAChBC,EAAgBD,MAA8B,IAAI,EAElDE,EAAU,IAAM,CACpBJ,EAAK,OAAO,CAAA,EAGRK,EAAQ,IAAM,CACdN,EAAM,MAAQA,EAAM,aACdK,GACV,EAGFE,OAAAA,EAAAA,UAAU,IAAM,CACVP,EAAM,cACMI,EAAA,MAASF,EAAM,OAAS,IAAIM,oBAAkBN,EAAM,MAAOI,CAAK,GAAM,KACtF,CACD,EAEDG,EAAAA,YAAY,IAAM,QAChBC,EAAAN,EAAc,QAAd,MAAAM,EAAqB,SAAQ,CAC9B,EAEDC,EAAA,MACE,IAAMX,EAAM,KACXY,GAAU,OACLA,KACFF,EAAAN,EAAc,QAAd,MAAAM,EAAqB,OAEzB,EACA,CAAE,UAAW,EAAK,CAAA,EAGb,CACL,MAAAR,EACA,MAAAI,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/layout/modal/{NeonModal.ts_vue_type_script_src_f558d2c0_lang.es.js → NeonModal.ts_vue_type_script_src_11e69fa4_lang.es.js}

@@ -52,4 +52,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonModal.ts_vue_type_script_src_f558d2c0_lang.es.js.map
+//# sourceMappingURL=NeonModal.ts_vue_type_script_src_11e69fa4_lang.es.js.map

package/dist/components/layout/modal/{NeonModal.ts_vue_type_script_src_f558d2c0_lang.es.js.map → NeonModal.ts_vue_type_script_src_11e69fa4_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonModal.ts_vue_type_script_src_f558d2c0_lang.es.js","sources":["../../../../src/components/layout/modal/NeonModal.ts?vue&type=script&src=f558d2c0&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref, watch } from 'vue';\nimport { NeonClosableUtils } from '@/common/utils/NeonClosableUtils';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\n\n/**\n * A modal dialog component. This will be rendered above the content of the main window and can either be dismissed by the user or configured to require user interaction before dismissal.\n */\nexport default defineComponent({\n  name: 'NeonDrawer',\n  components: {\n    NeonButton,\n  },\n  props: {\n    /**\n     * Whether the modal is currently open.\n     */\n    open: { type: Boolean, required: true },\n    /**\n     * Whether the user is allowed to dismiss the modal by clicking outside the modal or pressing escape.\n     */\n    dismissible: { type: Boolean, default: true },\n    /**\n     * Increase the opacity so that the page behind the modal is no longer visible\n     */\n    opaque: { type: Boolean, default: false },\n    /**\n     * Keep the top nav visible when the modal is open\n     */\n    showTopNav: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the modal is closed.\n     * @type {void}\n     */\n    'close',\n  ],\n  setup(props, { emit }) {\n    const modal = ref(null);\n    const closableUtils = ref<NeonClosableUtils | null>(null);\n\n    const onClose = () => {\n      emit('close');\n    };\n\n    const close = () => {\n      if (props.open && props.dismissible) {\n        onClose();\n      }\n    };\n\n    onMounted(() => {\n      if (props.dismissible) {\n        closableUtils.value = (modal.value && new NeonClosableUtils(modal.value, close)) || null;\n      }\n    });\n\n    onUnmounted(() => {\n      closableUtils.value?.destroy();\n    });\n\n    watch(\n      () => props.open,\n      (value) => {\n        if (value) {\n          closableUtils.value?.open();\n        }\n      },\n      { immediate: true },\n    );\n\n    return {\n      modal,\n      close,\n    };\n  },\n});\n"],"names":[],"mappings":";;;AAOA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,MAAM,EAAE,MAAM,SAAS,UAAU,KAAK;AAAA,IAItC,aAAa,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAI5C,QAAQ,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAIxC,YAAY,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC9C;AAAA,EACA,OAAO;AAAA,IAKL;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACf,UAAA,QAAQ,IAAI,IAAI;AAChB,UAAA,gBAAgB,IAA8B,IAAI;AAExD,UAAM,UAAU,MAAM;AACpB,WAAK,OAAO;AAAA,IAAA;AAGd,UAAM,QAAQ,MAAM;AACd,UAAA,MAAM,QAAQ,MAAM,aAAa;AAC3B;MACV;AAAA,IAAA;AAGF,cAAU,MAAM;AACd,UAAI,MAAM,aAAa;AACP,sBAAA,QAAS,MAAM,SAAS,IAAI,kBAAkB,MAAM,OAAO,KAAK,KAAM;AAAA,MACtF;AAAA,IAAA,CACD;AAED,gBAAY,MAAM;;AAChB,0BAAc,UAAd,mBAAqB;AAAA,IAAQ,CAC9B;AAED;AAAA,MACE,MAAM,MAAM;AAAA,MACZ,CAAC,UAAU;;AACT,YAAI,OAAO;AACT,8BAAc,UAAd,mBAAqB;AAAA,QACvB;AAAA,MACF;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGb,WAAA;AAAA,MACL;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
+{"version":3,"file":"NeonModal.ts_vue_type_script_src_11e69fa4_lang.es.js","sources":["../../../../src/components/layout/modal/NeonModal.ts?vue&type=script&src=11e69fa4&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref, watch } from 'vue';\nimport { NeonClosableUtils } from '@/common/utils/NeonClosableUtils';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\n\n/**\n * A modal dialog component. This will be rendered above the content of the main window and can either be dismissed by the user or configured to require user interaction before dismissal.\n */\nexport default defineComponent({\n  name: 'NeonDrawer',\n  components: {\n    NeonButton,\n  },\n  props: {\n    /**\n     * Whether the modal is currently open.\n     */\n    open: { type: Boolean, required: true },\n    /**\n     * Whether the user is allowed to dismiss the modal by clicking outside the modal or pressing escape.\n     */\n    dismissible: { type: Boolean, default: true },\n    /**\n     * Increase the opacity so that the page behind the modal is no longer visible\n     */\n    opaque: { type: Boolean, default: false },\n    /**\n     * Keep the top nav visible when the modal is open\n     */\n    showTopNav: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the modal is closed.\n     * @type {void}\n     */\n    'close',\n  ],\n  setup(props, { emit }) {\n    const modal = ref(null);\n    const closableUtils = ref<NeonClosableUtils | null>(null);\n\n    const onClose = () => {\n      emit('close');\n    };\n\n    const close = () => {\n      if (props.open && props.dismissible) {\n        onClose();\n      }\n    };\n\n    onMounted(() => {\n      if (props.dismissible) {\n        closableUtils.value = (modal.value && new NeonClosableUtils(modal.value, close)) || null;\n      }\n    });\n\n    onUnmounted(() => {\n      closableUtils.value?.destroy();\n    });\n\n    watch(\n      () => props.open,\n      (value) => {\n        if (value) {\n          closableUtils.value?.open();\n        }\n      },\n      { immediate: true },\n    );\n\n    return {\n      modal,\n      close,\n    };\n  },\n});\n"],"names":[],"mappings":";;;AAOA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,MAAM,EAAE,MAAM,SAAS,UAAU,KAAK;AAAA,IAItC,aAAa,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAI5C,QAAQ,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAIxC,YAAY,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC9C;AAAA,EACA,OAAO;AAAA,IAKL;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACf,UAAA,QAAQ,IAAI,IAAI;AAChB,UAAA,gBAAgB,IAA8B,IAAI;AAExD,UAAM,UAAU,MAAM;AACpB,WAAK,OAAO;AAAA,IAAA;AAGd,UAAM,QAAQ,MAAM;AACd,UAAA,MAAM,QAAQ,MAAM,aAAa;AAC3B;MACV;AAAA,IAAA;AAGF,cAAU,MAAM;AACd,UAAI,MAAM,aAAa;AACP,sBAAA,QAAS,MAAM,SAAS,IAAI,kBAAkB,MAAM,OAAO,KAAK,KAAM;AAAA,MACtF;AAAA,IAAA,CACD;AAED,gBAAY,MAAM;;AAChB,0BAAc,UAAd,mBAAqB;AAAA,IAAQ,CAC9B;AAED;AAAA,MACE,MAAM,MAAM;AAAA,MACZ,CAAC,UAAU;;AACT,YAAI,OAAO;AACT,8BAAc,UAAd,mBAAqB;AAAA,QACvB;AAAA,MACF;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGb,WAAA;AAAA,MACL;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

package/dist/components/layout/page/NeonPage.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var s=require("./NeonPage.ts_vue_type_script_src_b9c541e0_lang.cjs.js"),e=require("vue"),r=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const o={class:"neon-page__container"};function t(n,p,l,i,c,_){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["neon-page",{"neon-page--with-top-nav":n.$slots["top-nav"],"neon-page--with-side-nav":n.$slots["side-nav"]}])},[e.renderSlot(n.$slots,"top-nav"),e.renderSlot(n.$slots,"side-nav"),e.createElementVNode("div",o,[e.renderSlot(n.$slots,"content")])],2)}var a=r(s,[["render",t],["__file","/Users/andrew/dev/projects/neon/src/components/layout/page/NeonPage.vue"]]);module.exports=a;
+"use strict";var r=require("./NeonPage.ts_vue_type_script_src_d3ad256a_lang.cjs.js"),e=require("vue"),s=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const t={class:"neon-page__container"};function a(n,l,p,i,_,v){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["neon-page",{"neon-page--with-top-nav":n.$slots["top-nav"],"neon-page--with-side-nav":n.$slots["side-nav"]}])},[e.renderSlot(n.$slots,"top-nav"),e.renderSlot(n.$slots,"side-nav"),e.createElementVNode("div",t,[e.renderSlot(n.$slots,"content")])],2)}var o=s(r,[["render",a]]);module.exports=o;
 //# sourceMappingURL=NeonPage.cjs.js.map

package/dist/components/layout/page/NeonPage.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonPage.ts_vue_type_script_src_b9c541e0_lang.es.js";
+import _sfc_main from "./NeonPage.ts_vue_type_script_src_d3ad256a_lang.es.js";
 import { openBlock, createElementBlock, normalizeClass, renderSlot, createElementVNode } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = { class: "neon-page__container" };
@@ -13,6 +13,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var NeonPage = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/layout/page/NeonPage.vue"]]);
+var NeonPage = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonPage as default };
 //# sourceMappingURL=NeonPage.es.js.map

package/dist/components/layout/page/{NeonPage.ts_vue_type_script_src_b9c541e0_lang.cjs.js → NeonPage.ts_vue_type_script_src_d3ad256a_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var n=require("vue"),r=n.defineComponent({name:"NeonPage",setup(){const e=()=>{const t=window.innerHeight*.01;document.documentElement.style.setProperty("--vh",`${t}rem`);const o=window.innerWidth*.01;document.documentElement.style.setProperty("--vw",`${o}rem`)};n.onMounted(()=>{window.addEventListener("resize",e,{passive:!0}),e()}),n.onUnmounted(()=>{window.removeEventListener("resize",e)})}});module.exports=r;
-//# sourceMappingURL=NeonPage.ts_vue_type_script_src_b9c541e0_lang.cjs.js.map
+//# sourceMappingURL=NeonPage.ts_vue_type_script_src_d3ad256a_lang.cjs.js.map

package/dist/components/layout/page/{NeonPage.ts_vue_type_script_src_b9c541e0_lang.cjs.js.map → NeonPage.ts_vue_type_script_src_d3ad256a_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonPage.ts_vue_type_script_src_b9c541e0_lang.cjs.js","sources":["../../../../src/components/layout/page/NeonPage.ts?vue&type=script&src=b9c541e0&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted } from 'vue';\n\n/**\n * A \"page\" component, this is defined as a wrapper around the contents (NeonGrid, etc) and footer which provides the\n * correct responsive layout accounting for NeonTopNav and NeonSideNav components being used.\n */\nexport default defineComponent({\n  name: 'NeonPage',\n  setup() {\n    const handleResize = () => {\n      const vh = window.innerHeight * 0.01;\n      document.documentElement.style.setProperty('--vh', `${vh}rem`);\n      const vw = window.innerWidth * 0.01;\n      document.documentElement.style.setProperty('--vw', `${vw}rem`);\n    };\n\n    onMounted(() => {\n      window.addEventListener('resize', handleResize, { passive: true });\n      handleResize();\n    });\n\n    onUnmounted(() => {\n      window.removeEventListener('resize', handleResize);\n    });\n  },\n});\n"],"names":["_sfc_main","defineComponent","handleResize","vh","vw","onMounted","onUnmounted"],"mappings":"kCAMAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,OAAQ,CACN,MAAMC,EAAe,IAAM,CACnB,MAAAC,EAAK,OAAO,YAAc,IAChC,SAAS,gBAAgB,MAAM,YAAY,OAAQ,GAAGA,MAAO,EACvD,MAAAC,EAAK,OAAO,WAAa,IAC/B,SAAS,gBAAgB,MAAM,YAAY,OAAQ,GAAGA,MAAO,CAAA,EAG/DC,EAAAA,UAAU,IAAM,CACd,OAAO,iBAAiB,SAAUH,EAAc,CAAE,QAAS,GAAM,EACpDA,GAAA,CACd,EAEDI,EAAAA,YAAY,IAAM,CACT,OAAA,oBAAoB,SAAUJ,CAAY,CAAA,CAClD,CACH,CACF,CAAC"}
+{"version":3,"file":"NeonPage.ts_vue_type_script_src_d3ad256a_lang.cjs.js","sources":["../../../../src/components/layout/page/NeonPage.ts?vue&type=script&src=d3ad256a&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted } from 'vue';\n\n/**\n * A \"page\" component, this is defined as a wrapper around the contents (NeonGrid, etc) and footer which provides the\n * correct responsive layout accounting for NeonTopNav and NeonSideNav components being used.\n */\nexport default defineComponent({\n  name: 'NeonPage',\n  setup() {\n    const handleResize = () => {\n      const vh = window.innerHeight * 0.01;\n      document.documentElement.style.setProperty('--vh', `${vh}rem`);\n      const vw = window.innerWidth * 0.01;\n      document.documentElement.style.setProperty('--vw', `${vw}rem`);\n    };\n\n    onMounted(() => {\n      window.addEventListener('resize', handleResize, { passive: true });\n      handleResize();\n    });\n\n    onUnmounted(() => {\n      window.removeEventListener('resize', handleResize);\n    });\n  },\n});\n"],"names":["_sfc_main","defineComponent","handleResize","vh","vw","onMounted","onUnmounted"],"mappings":"kCAMAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,OAAQ,CACN,MAAMC,EAAe,IAAM,CACnB,MAAAC,EAAK,OAAO,YAAc,IAChC,SAAS,gBAAgB,MAAM,YAAY,OAAQ,GAAGA,MAAO,EACvD,MAAAC,EAAK,OAAO,WAAa,IAC/B,SAAS,gBAAgB,MAAM,YAAY,OAAQ,GAAGA,MAAO,CAAA,EAG/DC,EAAAA,UAAU,IAAM,CACd,OAAO,iBAAiB,SAAUH,EAAc,CAAE,QAAS,GAAM,EACpDA,GAAA,CACd,EAEDI,EAAAA,YAAY,IAAM,CACT,OAAA,oBAAoB,SAAUJ,CAAY,CAAA,CAClD,CACH,CACF,CAAC"}

package/dist/components/layout/page/{NeonPage.ts_vue_type_script_src_b9c541e0_lang.es.js → NeonPage.ts_vue_type_script_src_d3ad256a_lang.es.js}

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

package/dist/components/layout/page/{NeonPage.ts_vue_type_script_src_b9c541e0_lang.es.js.map → NeonPage.ts_vue_type_script_src_d3ad256a_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonPage.ts_vue_type_script_src_b9c541e0_lang.es.js","sources":["../../../../src/components/layout/page/NeonPage.ts?vue&type=script&src=b9c541e0&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted } from 'vue';\n\n/**\n * A \"page\" component, this is defined as a wrapper around the contents (NeonGrid, etc) and footer which provides the\n * correct responsive layout accounting for NeonTopNav and NeonSideNav components being used.\n */\nexport default defineComponent({\n  name: 'NeonPage',\n  setup() {\n    const handleResize = () => {\n      const vh = window.innerHeight * 0.01;\n      document.documentElement.style.setProperty('--vh', `${vh}rem`);\n      const vw = window.innerWidth * 0.01;\n      document.documentElement.style.setProperty('--vw', `${vw}rem`);\n    };\n\n    onMounted(() => {\n      window.addEventListener('resize', handleResize, { passive: true });\n      handleResize();\n    });\n\n    onUnmounted(() => {\n      window.removeEventListener('resize', handleResize);\n    });\n  },\n});\n"],"names":[],"mappings":";AAMA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,QAAQ;AACN,UAAM,eAAe,MAAM;AACnB,YAAA,KAAK,OAAO,cAAc;AAChC,eAAS,gBAAgB,MAAM,YAAY,QAAQ,GAAG,OAAO;AACvD,YAAA,KAAK,OAAO,aAAa;AAC/B,eAAS,gBAAgB,MAAM,YAAY,QAAQ,GAAG,OAAO;AAAA,IAAA;AAG/D,cAAU,MAAM;AACd,aAAO,iBAAiB,UAAU,cAAc,EAAE,SAAS,MAAM;AACpD;IAAA,CACd;AAED,gBAAY,MAAM;AACT,aAAA,oBAAoB,UAAU,YAAY;AAAA,IAAA,CAClD;AAAA,EACH;AACF,CAAC;;"}
+{"version":3,"file":"NeonPage.ts_vue_type_script_src_d3ad256a_lang.es.js","sources":["../../../../src/components/layout/page/NeonPage.ts?vue&type=script&src=d3ad256a&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted } from 'vue';\n\n/**\n * A \"page\" component, this is defined as a wrapper around the contents (NeonGrid, etc) and footer which provides the\n * correct responsive layout accounting for NeonTopNav and NeonSideNav components being used.\n */\nexport default defineComponent({\n  name: 'NeonPage',\n  setup() {\n    const handleResize = () => {\n      const vh = window.innerHeight * 0.01;\n      document.documentElement.style.setProperty('--vh', `${vh}rem`);\n      const vw = window.innerWidth * 0.01;\n      document.documentElement.style.setProperty('--vw', `${vw}rem`);\n    };\n\n    onMounted(() => {\n      window.addEventListener('resize', handleResize, { passive: true });\n      handleResize();\n    });\n\n    onUnmounted(() => {\n      window.removeEventListener('resize', handleResize);\n    });\n  },\n});\n"],"names":[],"mappings":";AAMA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,QAAQ;AACN,UAAM,eAAe,MAAM;AACnB,YAAA,KAAK,OAAO,cAAc;AAChC,eAAS,gBAAgB,MAAM,YAAY,QAAQ,GAAG,OAAO;AACvD,YAAA,KAAK,OAAO,aAAa;AAC/B,eAAS,gBAAgB,MAAM,YAAY,QAAQ,GAAG,OAAO;AAAA,IAAA;AAG/D,cAAU,MAAM;AACd,aAAO,iBAAiB,UAAU,cAAc,EAAE,SAAS,MAAM;AACpD;IAAA,CACd;AAED,gBAAY,MAAM;AACT,aAAA,oBAAoB,UAAU,YAAY;AAAA,IAAA,CAClD;AAAA,EACH;AACF,CAAC;;"}

package/dist/components/layout/side-nav/NeonSideNav.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var o=require("./NeonSideNav.ts_vue_type_script_src_18c3ed0e_lang.cjs.js"),e=require("vue"),n=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const t={key:0,class:"neon-side-nav__sticky"},r={key:1},l={key:2,class:"neon-side-nav__scrolling"},c={class:"neon-side-nav__scrolling-container"};function i(s,d,_,v,u,p){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["neon-side-nav",{"neon-side-nav--full-width":s.fullWidth}])},[s.$slots.sticky?(e.openBlock(),e.createElementBlock("div",t,[e.renderSlot(s.$slots,"sticky")])):e.createCommentVNode("",!0),s.$slots.sticky&&s.$slots.scrolling?(e.openBlock(),e.createElementBlock("hr",r)):e.createCommentVNode("",!0),s.$slots.scrolling?(e.openBlock(),e.createElementBlock("div",l,[e.createElementVNode("div",c,[e.renderSlot(s.$slots,"scrolling")])])):e.createCommentVNode("",!0)],2)}var a=n(o,[["render",i],["__file","/Users/andrew/dev/projects/neon/src/components/layout/side-nav/NeonSideNav.vue"]]);module.exports=a;
+"use strict";var o=require("./NeonSideNav.ts_vue_type_script_src_41e0d6eb_lang.cjs.js"),e=require("vue"),n=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const t={key:0,class:"neon-side-nav__sticky"},r={key:1},l={key:2,class:"neon-side-nav__scrolling"},i={class:"neon-side-nav__scrolling-container"};function c(s,d,_,v,u,p){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["neon-side-nav",{"neon-side-nav--full-width":s.fullWidth}])},[s.$slots.sticky?(e.openBlock(),e.createElementBlock("div",t,[e.renderSlot(s.$slots,"sticky")])):e.createCommentVNode("",!0),s.$slots.sticky&&s.$slots.scrolling?(e.openBlock(),e.createElementBlock("hr",r)):e.createCommentVNode("",!0),s.$slots.scrolling?(e.openBlock(),e.createElementBlock("div",l,[e.createElementVNode("div",i,[e.renderSlot(s.$slots,"scrolling")])])):e.createCommentVNode("",!0)],2)}var a=n(o,[["render",c]]);module.exports=a;
 //# sourceMappingURL=NeonSideNav.cjs.js.map

package/dist/components/layout/side-nav/NeonSideNav.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonSideNav.ts_vue_type_script_src_18c3ed0e_lang.es.js";
+import _sfc_main from "./NeonSideNav.ts_vue_type_script_src_41e0d6eb_lang.es.js";
 import { openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = {
@@ -26,6 +26,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 2);
 }
-var NeonSideNav = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/layout/side-nav/NeonSideNav.vue"]]);
+var NeonSideNav = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonSideNav as default };
 //# sourceMappingURL=NeonSideNav.es.js.map

package/dist/components/layout/side-nav/{NeonSideNav.ts_vue_type_script_src_18c3ed0e_lang.cjs.js → NeonSideNav.ts_vue_type_script_src_41e0d6eb_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var e=require("vue"),a=e.defineComponent({name:"NeonSideNav",props:{fullWidth:{type:Boolean,default:!1}}});module.exports=a;
-//# sourceMappingURL=NeonSideNav.ts_vue_type_script_src_18c3ed0e_lang.cjs.js.map
+//# sourceMappingURL=NeonSideNav.ts_vue_type_script_src_41e0d6eb_lang.cjs.js.map

package/dist/components/layout/side-nav/{NeonSideNav.ts_vue_type_script_src_18c3ed0e_lang.cjs.js.map → NeonSideNav.ts_vue_type_script_src_41e0d6eb_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonSideNav.ts_vue_type_script_src_18c3ed0e_lang.cjs.js","sources":["../../../../src/components/layout/side-nav/NeonSideNav.ts?vue&type=script&src=18c3ed0e&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * A side navigation component. This is displayed at the <em>larger-than-tablet</em> breakpoint and hidden at\n * <em>tablet</em> and below. Use this to display menus, navigation or other items related to the main page content. A\n * side nave had two slots, one for <em>sticky</em> content which remains visible at all times. The other is for\n * <em>scrolling content</em> which is allowed to overflow below the bottom of the page.\n */\nexport default defineComponent({\n  name: 'NeonSideNav',\n  props: {\n    /**\n     * If true, removes the side nav component's padding.\n     */\n    fullWidth: { type: Boolean, default: false },\n  },\n});\n"],"names":["_sfc_main","defineComponent"],"mappings":"kCAQAA,EAAeC,kBAAgB,CAC7B,KAAM,cACN,MAAO,CAIL,UAAW,CAAE,KAAM,QAAS,QAAS,EAAM,CAC7C,CACF,CAAC"}
+{"version":3,"file":"NeonSideNav.ts_vue_type_script_src_41e0d6eb_lang.cjs.js","sources":["../../../../src/components/layout/side-nav/NeonSideNav.ts?vue&type=script&src=41e0d6eb&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * A side navigation component. This is displayed at the <em>larger-than-tablet</em> breakpoint and hidden at\n * <em>tablet</em> and below. Use this to display menus, navigation or other items related to the main page content. A\n * side nave had two slots, one for <em>sticky</em> content which remains visible at all times. The other is for\n * <em>scrolling content</em> which is allowed to overflow below the bottom of the page.\n */\nexport default defineComponent({\n  name: 'NeonSideNav',\n  props: {\n    /**\n     * If true, removes the side nav component's padding.\n     */\n    fullWidth: { type: Boolean, default: false },\n  },\n});\n"],"names":["_sfc_main","defineComponent"],"mappings":"kCAQAA,EAAeC,kBAAgB,CAC7B,KAAM,cACN,MAAO,CAIL,UAAW,CAAE,KAAM,QAAS,QAAS,EAAM,CAC7C,CACF,CAAC"}

package/dist/components/layout/side-nav/{NeonSideNav.ts_vue_type_script_src_18c3ed0e_lang.es.js → NeonSideNav.ts_vue_type_script_src_41e0d6eb_lang.es.js}

@@ -6,4 +6,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonSideNav.ts_vue_type_script_src_18c3ed0e_lang.es.js.map
+//# sourceMappingURL=NeonSideNav.ts_vue_type_script_src_41e0d6eb_lang.es.js.map

package/dist/components/layout/side-nav/{NeonSideNav.ts_vue_type_script_src_18c3ed0e_lang.es.js.map → NeonSideNav.ts_vue_type_script_src_41e0d6eb_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonSideNav.ts_vue_type_script_src_18c3ed0e_lang.es.js","sources":["../../../../src/components/layout/side-nav/NeonSideNav.ts?vue&type=script&src=18c3ed0e&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * A side navigation component. This is displayed at the <em>larger-than-tablet</em> breakpoint and hidden at\n * <em>tablet</em> and below. Use this to display menus, navigation or other items related to the main page content. A\n * side nave had two slots, one for <em>sticky</em> content which remains visible at all times. The other is for\n * <em>scrolling content</em> which is allowed to overflow below the bottom of the page.\n */\nexport default defineComponent({\n  name: 'NeonSideNav',\n  props: {\n    /**\n     * If true, removes the side nav component's padding.\n     */\n    fullWidth: { type: Boolean, default: false },\n  },\n});\n"],"names":[],"mappings":";AAQA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IAIL,WAAW,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC7C;AACF,CAAC;;"}
+{"version":3,"file":"NeonSideNav.ts_vue_type_script_src_41e0d6eb_lang.es.js","sources":["../../../../src/components/layout/side-nav/NeonSideNav.ts?vue&type=script&src=41e0d6eb&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * A side navigation component. This is displayed at the <em>larger-than-tablet</em> breakpoint and hidden at\n * <em>tablet</em> and below. Use this to display menus, navigation or other items related to the main page content. A\n * side nave had two slots, one for <em>sticky</em> content which remains visible at all times. The other is for\n * <em>scrolling content</em> which is allowed to overflow below the bottom of the page.\n */\nexport default defineComponent({\n  name: 'NeonSideNav',\n  props: {\n    /**\n     * If true, removes the side nav component's padding.\n     */\n    fullWidth: { type: Boolean, default: false },\n  },\n});\n"],"names":[],"mappings":";AAQA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IAIL,WAAW,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC7C;AACF,CAAC;;"}

package/dist/components/layout/top-nav/NeonTopNav.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var o=require("./NeonTopNav.ts_vue_type_script_src_dc5f54a6_lang.cjs.js"),e=require("vue"),t=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const n={class:"neon-top-nav"},s={class:"neon-top-nav__container"};function a(r,c,p,v,u,l){return e.openBlock(),e.createElementBlock("header",n,[e.createElementVNode("div",s,[e.renderSlot(r.$slots,"default")])])}var _=t(o,[["render",a],["__file","/Users/andrew/dev/projects/neon/src/components/layout/top-nav/NeonTopNav.vue"]]);module.exports=_;
+"use strict";var t=require("./NeonTopNav.ts_vue_type_script_src_f53598c8_lang.cjs.js"),e=require("vue"),o=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const n={class:"neon-top-nav"},s={class:"neon-top-nav__container"};function _(r,c,p,u,l,v){return e.openBlock(),e.createElementBlock("header",n,[e.createElementVNode("div",s,[e.renderSlot(r.$slots,"default")])])}var a=o(t,[["render",_]]);module.exports=a;
 //# sourceMappingURL=NeonTopNav.cjs.js.map

package/dist/components/layout/top-nav/NeonTopNav.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonTopNav.ts_vue_type_script_src_dc5f54a6_lang.es.js";
+import _sfc_main from "./NeonTopNav.ts_vue_type_script_src_f53598c8_lang.es.js";
 import { openBlock, createElementBlock, createElementVNode, renderSlot } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = { class: "neon-top-nav" };
@@ -10,6 +10,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var NeonTopNav = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/layout/top-nav/NeonTopNav.vue"]]);
+var NeonTopNav = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonTopNav as default };
 //# sourceMappingURL=NeonTopNav.es.js.map

package/dist/components/layout/top-nav/{NeonTopNav.ts_vue_type_script_src_dc5f54a6_lang.cjs.js → NeonTopNav.ts_vue_type_script_src_f53598c8_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var e=require("vue"),n=e.defineComponent({name:"NeonTopNav"});module.exports=n;
-//# sourceMappingURL=NeonTopNav.ts_vue_type_script_src_dc5f54a6_lang.cjs.js.map
+//# sourceMappingURL=NeonTopNav.ts_vue_type_script_src_f53598c8_lang.cjs.js.map

package/dist/components/layout/top-nav/{NeonTopNav.ts_vue_type_script_src_dc5f54a6_lang.cjs.js.map → NeonTopNav.ts_vue_type_script_src_f53598c8_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonTopNav.ts_vue_type_script_src_dc5f54a6_lang.cjs.js","sources":["../../../../src/components/layout/top-nav/NeonTopNav.ts?vue&type=script&src=dc5f54a6&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * Top navigation component. This is a fixed container at the top of the page for displaying the site logo, menus, user\n * login and other important actions which need to be visible at all times.\n */\nexport default defineComponent({ name: 'NeonTopNav' });\n"],"names":["_sfc_main","defineComponent"],"mappings":"kCAMAA,EAAeC,kBAAgB,CAAE,KAAM,aAAc"}
+{"version":3,"file":"NeonTopNav.ts_vue_type_script_src_f53598c8_lang.cjs.js","sources":["../../../../src/components/layout/top-nav/NeonTopNav.ts?vue&type=script&src=f53598c8&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * Top navigation component. This is a fixed container at the top of the page for displaying the site logo, menus, user\n * login and other important actions which need to be visible at all times.\n */\nexport default defineComponent({ name: 'NeonTopNav' });\n"],"names":["_sfc_main","defineComponent"],"mappings":"kCAMAA,EAAeC,kBAAgB,CAAE,KAAM,aAAc"}

package/dist/components/layout/top-nav/{NeonTopNav.ts_vue_type_script_src_dc5f54a6_lang.es.js → NeonTopNav.ts_vue_type_script_src_f53598c8_lang.es.js}

@@ -1,4 +1,4 @@
 import { defineComponent } from "vue";
 var _sfc_main = defineComponent({ name: "NeonTopNav" });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonTopNav.ts_vue_type_script_src_dc5f54a6_lang.es.js.map
+//# sourceMappingURL=NeonTopNav.ts_vue_type_script_src_f53598c8_lang.es.js.map

package/dist/components/layout/top-nav/{NeonTopNav.ts_vue_type_script_src_dc5f54a6_lang.es.js.map → NeonTopNav.ts_vue_type_script_src_f53598c8_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonTopNav.ts_vue_type_script_src_dc5f54a6_lang.es.js","sources":["../../../../src/components/layout/top-nav/NeonTopNav.ts?vue&type=script&src=dc5f54a6&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * Top navigation component. This is a fixed container at the top of the page for displaying the site logo, menus, user\n * login and other important actions which need to be visible at all times.\n */\nexport default defineComponent({ name: 'NeonTopNav' });\n"],"names":[],"mappings":";AAMA,IAAA,YAAe,gBAAgB,EAAE,MAAM,cAAc;;"}
+{"version":3,"file":"NeonTopNav.ts_vue_type_script_src_f53598c8_lang.es.js","sources":["../../../../src/components/layout/top-nav/NeonTopNav.ts?vue&type=script&src=f53598c8&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * Top navigation component. This is a fixed container at the top of the page for displaying the site logo, menus, user\n * login and other important actions which need to be visible at all times.\n */\nexport default defineComponent({ name: 'NeonTopNav' });\n"],"names":[],"mappings":";AAMA,IAAA,YAAe,gBAAgB,EAAE,MAAM,cAAc;;"}

package/dist/components/navigation/action-menu/NeonActionMenu.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var c=require("./NeonActionMenu.ts_vue_type_script_src_594f055f_lang.cjs.js"),e=require("vue"),i=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const r={class:"neon-action-menu"},a={class:"no-style"},u={class:"neon-action-menu__link-label"},_={key:0,class:"neon-action-menu__link-count"};function d(o,t,k,v,y,m){const l=e.resolveComponent("neon-link");return e.openBlock(),e.createElementBlock("nav",r,[e.createElementVNode("ul",a,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.model,n=>(e.openBlock(),e.createElementBlock("li",{key:n.key,class:"neon-action-menu__item"},[e.createVNode(l,{class:e.normalizeClass([[{"neon-action-menu__link--selected":n.key===o.modelValue,"neon-action-menu__link--disabled":n.disabled},`neon-action-menu__link--${o.color}`],"neon-action-menu__link"]),"no-style":!0,tabindex:n.disabled?-1:0,"outline-style":"none",onClick:s=>!n.disabled&&o.onClick(n.key),onKeydown:e.withKeys(s=>!n.disabled&&o.onClick(n.key),["space"]),onKeypress:t[0]||(t[0]=e.withKeys(e.withModifiers(()=>{},["prevent"]),["space"]))},{default:e.withCtx(()=>[e.createElementVNode("div",u,e.toDisplayString(n.label),1),n.count?(e.openBlock(),e.createElementBlock("div",_,e.toDisplayString(n.count.toLocaleString()),1)):e.createCommentVNode("",!0)]),_:2},1032,["class","tabindex","onClick","onKeydown"])]))),128))])])}var p=i(c,[["render",d],["__file","/Users/andrew/dev/projects/neon/src/components/navigation/action-menu/NeonActionMenu.vue"]]);module.exports=p;
+"use strict";var c=require("./NeonActionMenu.ts_vue_type_script_src_2ccff933_lang.cjs.js"),e=require("vue"),i=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const r={class:"neon-action-menu"},a={class:"no-style"},u={class:"neon-action-menu__link-label"},_={key:0,class:"neon-action-menu__link-count"};function d(o,t,k,y,v,m){const l=e.resolveComponent("neon-link");return e.openBlock(),e.createElementBlock("nav",r,[e.createElementVNode("ul",a,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.model,n=>(e.openBlock(),e.createElementBlock("li",{key:n.key,class:"neon-action-menu__item"},[e.createVNode(l,{class:e.normalizeClass([[{"neon-action-menu__link--selected":n.key===o.modelValue,"neon-action-menu__link--disabled":n.disabled},`neon-action-menu__link--${o.color}`],"neon-action-menu__link"]),"no-style":!0,tabindex:n.disabled?-1:0,"outline-style":"none",onClick:s=>!n.disabled&&o.onClick(n.key),onKeydown:e.withKeys(s=>!n.disabled&&o.onClick(n.key),["space"]),onKeypress:t[0]||(t[0]=e.withKeys(e.withModifiers(()=>{},["prevent"]),["space"]))},{default:e.withCtx(()=>[e.createElementVNode("div",u,e.toDisplayString(n.label),1),n.count?(e.openBlock(),e.createElementBlock("div",_,e.toDisplayString(n.count.toLocaleString()),1)):e.createCommentVNode("",!0)]),_:2},1032,["class","tabindex","onClick","onKeydown"])]))),128))])])}var p=i(c,[["render",d]]);module.exports=p;
 //# sourceMappingURL=NeonActionMenu.cjs.js.map

package/dist/components/navigation/action-menu/NeonActionMenu.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonActionMenu.ts_vue_type_script_src_594f055f_lang.es.js";
+import _sfc_main from "./NeonActionMenu.ts_vue_type_script_src_2ccff933_lang.es.js";
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createVNode, normalizeClass, withKeys, withModifiers, withCtx, toDisplayString, createCommentVNode } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = { class: "neon-action-menu" };
@@ -44,6 +44,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var NeonActionMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/navigation/action-menu/NeonActionMenu.vue"]]);
+var NeonActionMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonActionMenu as default };
 //# sourceMappingURL=NeonActionMenu.es.js.map

package/dist/components/navigation/action-menu/{NeonActionMenu.ts_vue_type_script_src_594f055f_lang.cjs.js → NeonActionMenu.ts_vue_type_script_src_2ccff933_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var r=require("vue"),u=require("../link/NeonLink.cjs.js"),t=require("../../../common/enums/NeonFunctionalColor.cjs.js"),i=r.defineComponent({name:"NeonActionMenu",components:{NeonLink:u},props:{model:{type:Array,required:!0},modelValue:{type:String,required:!0},color:{type:String,default:t.NeonFunctionalColor.Primary}},emits:["update:modelValue"],setup(o,{emit:n}){return{onClick:e=>{o.modelValue!==e&&n("update:modelValue",e)}}}});module.exports=i;
-//# sourceMappingURL=NeonActionMenu.ts_vue_type_script_src_594f055f_lang.cjs.js.map
+//# sourceMappingURL=NeonActionMenu.ts_vue_type_script_src_2ccff933_lang.cjs.js.map

package/dist/components/navigation/action-menu/{NeonActionMenu.ts_vue_type_script_src_594f055f_lang.cjs.js.map → NeonActionMenu.ts_vue_type_script_src_2ccff933_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonActionMenu.ts_vue_type_script_src_594f055f_lang.cjs.js","sources":["../../../../src/components/navigation/action-menu/NeonActionMenu.ts?vue&type=script&src=594f055f&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport type { NeonActionMenuModel } from '@/common/models/NeonActionMenuModel';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * An action menu is designed for the NeonSideNav component and is designed to behave like tabs where selecting a different item switches the contents in the main page.\n */\nexport default defineComponent({\n  name: 'NeonActionMenu',\n  components: {\n    NeonLink,\n  },\n  props: {\n    /**\n     * The list of action items to display in the menu.\n     */\n    model: { type: Array as () => Array<NeonActionMenuModel>, required: true },\n    /**\n     * The key of the selected model action item.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * The toggle chip color.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n  },\n  emits: [\n    /**\n     * emitted when the user clicks on a new action menu item.\n     * @type {string} the key of the newly selected action menu item.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const onClick = (key: string) => {\n      if (props.modelValue !== key) {\n        emit('update:modelValue', key);\n      }\n    };\n\n    return {\n      onClick,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonLink","NeonFunctionalColor","props","emit","key"],"mappings":"qIAQAA,EAAeC,kBAAgB,CAC7B,KAAM,iBACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CAIL,MAAO,CAAE,KAAM,MAA2C,SAAU,EAAK,EAIzE,WAAY,CAAE,KAAM,OAAQ,SAAU,EAAK,EAI3C,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAQ,CAC3F,EACA,MAAO,CAKL,mBACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CAOd,MAAA,CACL,QAPeC,GAAgB,CAC3BF,EAAM,aAAeE,GACvBD,EAAK,oBAAqBC,CAAG,CAC/B,CAIA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonActionMenu.ts_vue_type_script_src_2ccff933_lang.cjs.js","sources":["../../../../src/components/navigation/action-menu/NeonActionMenu.ts?vue&type=script&src=2ccff933&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport type { NeonActionMenuModel } from '@/common/models/NeonActionMenuModel';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * An action menu is designed for the NeonSideNav component and is designed to behave like tabs where selecting a different item switches the contents in the main page.\n */\nexport default defineComponent({\n  name: 'NeonActionMenu',\n  components: {\n    NeonLink,\n  },\n  props: {\n    /**\n     * The list of action items to display in the menu.\n     */\n    model: { type: Array as () => Array<NeonActionMenuModel>, required: true },\n    /**\n     * The key of the selected model action item.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * The toggle chip color.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n  },\n  emits: [\n    /**\n     * emitted when the user clicks on a new action menu item.\n     * @type {string} the key of the newly selected action menu item.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const onClick = (key: string) => {\n      if (props.modelValue !== key) {\n        emit('update:modelValue', key);\n      }\n    };\n\n    return {\n      onClick,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonLink","NeonFunctionalColor","props","emit","key"],"mappings":"qIAQAA,EAAeC,kBAAgB,CAC7B,KAAM,iBACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CAIL,MAAO,CAAE,KAAM,MAA2C,SAAU,EAAK,EAIzE,WAAY,CAAE,KAAM,OAAQ,SAAU,EAAK,EAI3C,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAQ,CAC3F,EACA,MAAO,CAKL,mBACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CAOd,MAAA,CACL,QAPeC,GAAgB,CAC3BF,EAAM,aAAeE,GACvBD,EAAK,oBAAqBC,CAAG,CAC/B,CAIA,CAEJ,CACF,CAAC"}

package/dist/components/navigation/action-menu/{NeonActionMenu.ts_vue_type_script_src_594f055f_lang.es.js → NeonActionMenu.ts_vue_type_script_src_2ccff933_lang.es.js}

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