@aotearoan/neon 9.2.0 → 9.2.2

package/dist/components/feedback/alert/NeonAlert.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var a=require("./NeonAlert.ts_vue_type_script_src_cfa5c5ce_lang.cjs.js"),l=require("vue"),p=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const u={class:"neon-alert__wrapper"};function m(e,o,s,V,i,v){const n=l.resolveComponent("neon-alert-container"),r=l.resolveComponent("neon-toast-container");return l.openBlock(),l.createElementBlock("div",u,[l.createVNode(n,{modelValue:e.topLeft,"onUpdate:modelValue":o[0]||(o[0]=t=>e.topLeft=t),placement:"top-left"},null,8,["modelValue"]),l.createVNode(n,{modelValue:e.topRight,"onUpdate:modelValue":o[1]||(o[1]=t=>e.topRight=t),placement:"top-right"},null,8,["modelValue"]),l.createVNode(n,{modelValue:e.bottomLeft,"onUpdate:modelValue":o[2]||(o[2]=t=>e.bottomLeft=t),placement:"bottom-left"},null,8,["modelValue"]),l.createVNode(n,{modelValue:e.bottomRight,"onUpdate:modelValue":o[3]||(o[3]=t=>e.bottomRight=t),placement:"bottom-right"},null,8,["modelValue"]),l.createVNode(r,{modelValue:e.top,"onUpdate:modelValue":o[4]||(o[4]=t=>e.top=t),placement:"top"},null,8,["modelValue"]),l.createVNode(r,{modelValue:e.bottom,"onUpdate:modelValue":o[5]||(o[5]=t=>e.bottom=t),placement:"bottom"},null,8,["modelValue"])])}var d=p(a,[["render",m],["__file","/Users/andrew/dev/projects/neon/src/components/feedback/alert/NeonAlert.vue"]]);module.exports=d;
+"use strict";var a=require("./NeonAlert.ts_vue_type_script_src_8af9e330_lang.cjs.js"),l=require("vue"),p=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const u={class:"neon-alert__wrapper"};function m(e,o,s,V,i,v){const n=l.resolveComponent("neon-alert-container"),r=l.resolveComponent("neon-toast-container");return l.openBlock(),l.createElementBlock("div",u,[l.createVNode(n,{modelValue:e.topLeft,"onUpdate:modelValue":o[0]||(o[0]=t=>e.topLeft=t),placement:"top-left"},null,8,["modelValue"]),l.createVNode(n,{modelValue:e.topRight,"onUpdate:modelValue":o[1]||(o[1]=t=>e.topRight=t),placement:"top-right"},null,8,["modelValue"]),l.createVNode(n,{modelValue:e.bottomLeft,"onUpdate:modelValue":o[2]||(o[2]=t=>e.bottomLeft=t),placement:"bottom-left"},null,8,["modelValue"]),l.createVNode(n,{modelValue:e.bottomRight,"onUpdate:modelValue":o[3]||(o[3]=t=>e.bottomRight=t),placement:"bottom-right"},null,8,["modelValue"]),l.createVNode(r,{modelValue:e.top,"onUpdate:modelValue":o[4]||(o[4]=t=>e.top=t),placement:"top"},null,8,["modelValue"]),l.createVNode(r,{modelValue:e.bottom,"onUpdate:modelValue":o[5]||(o[5]=t=>e.bottom=t),placement:"bottom"},null,8,["modelValue"])])}var d=p(a,[["render",m]]);module.exports=d;
 //# sourceMappingURL=NeonAlert.cjs.js.map

package/dist/components/feedback/alert/NeonAlert.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonAlert.ts_vue_type_script_src_cfa5c5ce_lang.es.js";
+import _sfc_main from "./NeonAlert.ts_vue_type_script_src_8af9e330_lang.es.js";
 import { resolveComponent, openBlock, createElementBlock, createVNode } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = { class: "neon-alert__wrapper" };
@@ -38,6 +38,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["modelValue"])
   ]);
 }
-var NeonAlert = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/feedback/alert/NeonAlert.vue"]]);
+var NeonAlert = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonAlert as default };
 //# sourceMappingURL=NeonAlert.es.js.map

package/dist/components/feedback/alert/{NeonAlert.ts_vue_type_script_src_cfa5c5ce_lang.cjs.js → NeonAlert.ts_vue_type_script_src_8af9e330_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var r=require("vue"),t=require("../../../common/utils/NeonEventBus.cjs.js"),n=require("../../../common/enums/NeonAlertLevel.cjs.js"),a=require("../../../common/utils/NeonAlertService.cjs.js"),I=require("./container/NeonAlertContainer.cjs.js"),R=require("./container/NeonToastContainer.cjs.js"),i=require("../../../common/utils/NeonToastService.cjs.js"),l=require("../../../common/enums/NeonAlertPlacement.cjs.js"),v=require("../../../common/enums/NeonVerticalPosition.cjs.js"),V=r.defineComponent({name:"NeonAlert",components:{NeonAlertContainer:I,NeonToastContainer:R},props:{dismissible:{type:Boolean,default:!0},duration:{type:Number,default:2500}},setup(N){const A=r.ref([]),f=r.ref([]),m=r.ref([]),E=r.ref([]),d=r.ref([]),L=r.ref([]),c=r.ref(1),k=e=>{switch(e.placement||l.NeonAlertPlacement.TopRight){case l.NeonAlertPlacement.TopLeft:A.value=A.value.filter(o=>o.id!==e.id);break;case l.NeonAlertPlacement.TopRight:f.value=f.value.filter(o=>o.id!==e.id);break;case l.NeonAlertPlacement.BottomLeft:m.value=m.value.filter(o=>o.id!==e.id);break;case l.NeonAlertPlacement.BottomRight:E.value=E.value.filter(o=>o.id!==e.id);break}},T=(e,o)=>{const B=c.value;c.value=c.value+1;const s={dismissible:N.dismissible,...o,level:e,id:B};switch(o.placement||l.NeonAlertPlacement.TopRight){case l.NeonAlertPlacement.TopLeft:A.value.unshift(s);break;case l.NeonAlertPlacement.TopRight:f.value.unshift(s);break;case l.NeonAlertPlacement.BottomLeft:m.value.push(s);break;case l.NeonAlertPlacement.BottomRight:E.value.push(s);break}const u=o.duration===void 0?N.duration:o.duration;u>0&&!o.primaryAction&&setTimeout(()=>k(s),u)},q=e=>{switch(e.placement||v.NeonVerticalPosition.Top){case v.NeonVerticalPosition.Top:d.value=d.value.filter(o=>o.id!==e.id);break;case v.NeonVerticalPosition.Bottom:L.value=L.value.filter(o=>o.id!==e.id);break}},S=(e,o)=>{const B=c.value;c.value=c.value+1;const s={dismissible:N.dismissible,...o,level:e,id:B};switch(o.placement||v.NeonVerticalPosition.Top){case v.NeonVerticalPosition.Top:d.value.unshift(s);break;case v.NeonVerticalPosition.Bottom:L.value.push(s);break}const u=o.duration===void 0?N.duration:o.duration;u>0&&setTimeout(()=>q(s),u)},p=e=>{T(n.NeonAlertLevel.Info,e)},b=e=>{T(n.NeonAlertLevel.Success,e)},g=e=>{T(n.NeonAlertLevel.Warn,e)},P=e=>{T(n.NeonAlertLevel.Error,e)},y=e=>{S(n.NeonAlertLevel.Info,e)},h=e=>{S(n.NeonAlertLevel.Success,e)},j=e=>{S(n.NeonAlertLevel.Warn,e)},K=e=>{S(n.NeonAlertLevel.Error,e)};return r.onMounted(()=>{t.NeonEventBus.on(a.NeonAlertService.generateEventKey(n.NeonAlertLevel.Info),p),t.NeonEventBus.on(a.NeonAlertService.generateEventKey(n.NeonAlertLevel.Success),b),t.NeonEventBus.on(a.NeonAlertService.generateEventKey(n.NeonAlertLevel.Warn),g),t.NeonEventBus.on(a.NeonAlertService.generateEventKey(n.NeonAlertLevel.Error),P),t.NeonEventBus.on(i.NeonToastService.generateEventKey(n.NeonAlertLevel.Info),y),t.NeonEventBus.on(i.NeonToastService.generateEventKey(n.NeonAlertLevel.Success),h),t.NeonEventBus.on(i.NeonToastService.generateEventKey(n.NeonAlertLevel.Warn),j),t.NeonEventBus.on(i.NeonToastService.generateEventKey(n.NeonAlertLevel.Error),K)}),r.onUnmounted(()=>{t.NeonEventBus.off(a.NeonAlertService.generateEventKey(n.NeonAlertLevel.Info),p),t.NeonEventBus.off(a.NeonAlertService.generateEventKey(n.NeonAlertLevel.Success),b),t.NeonEventBus.off(a.NeonAlertService.generateEventKey(n.NeonAlertLevel.Warn),g),t.NeonEventBus.off(a.NeonAlertService.generateEventKey(n.NeonAlertLevel.Error),P),t.NeonEventBus.off(i.NeonToastService.generateEventKey(n.NeonAlertLevel.Info),y),t.NeonEventBus.off(i.NeonToastService.generateEventKey(n.NeonAlertLevel.Success),h),t.NeonEventBus.off(i.NeonToastService.generateEventKey(n.NeonAlertLevel.Warn),j),t.NeonEventBus.off(i.NeonToastService.generateEventKey(n.NeonAlertLevel.Error),K)}),{topLeft:A,topRight:f,bottomLeft:m,bottomRight:E,top:d,bottom:L}}});module.exports=V;
-//# sourceMappingURL=NeonAlert.ts_vue_type_script_src_cfa5c5ce_lang.cjs.js.map
+//# sourceMappingURL=NeonAlert.ts_vue_type_script_src_8af9e330_lang.cjs.js.map

package/dist/components/feedback/alert/{NeonAlert.ts_vue_type_script_src_cfa5c5ce_lang.cjs.js.map → NeonAlert.ts_vue_type_script_src_8af9e330_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonAlert.ts_vue_type_script_src_cfa5c5ce_lang.cjs.js","sources":["../../../../src/components/feedback/alert/NeonAlert.ts?vue&type=script&src=cfa5c5ce&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\nimport { NeonEventBus } from '@/common/utils/NeonEventBus';\nimport type { NeonAlertMessage } from '@/common/models/NeonAlertMessage';\nimport { NeonAlertLevel } from '@/common/enums/NeonAlertLevel';\nimport { NeonAlertService } from '@/common/utils/NeonAlertService';\nimport NeonAlertContainer from './container/NeonAlertContainer.vue';\nimport NeonToastContainer from './container/NeonToastContainer.vue';\nimport type { NeonAlertModel } from './NeonAlertModel';\nimport type { NeonToastModel } from './NeonToastModel';\nimport type { NeonToastMessage } from '@/common/models/NeonToastMessage';\nimport { NeonToastService } from '@/common/utils/NeonToastService';\nimport { NeonAlertPlacement } from '@/common/enums/NeonAlertPlacement';\nimport { NeonVerticalPosition } from '@/common/enums/NeonVerticalPosition';\n\n/**\n * NeonAlert is a component for presenting temporary notifications to the user. Place the component once inside your app\n * and use <strong>NeonAlertService</strong> to send events to the component.\n */\nexport default defineComponent({\n  name: 'NeonAlert',\n  components: {\n    NeonAlertContainer,\n    NeonToastContainer,\n  },\n  props: {\n    /**\n     * Whether alert messages are dismissible by clicking on them. This can also be set per alert message.\n     */\n    dismissible: { type: Boolean, default: true },\n    /**\n     * Duration to display messages before removing them. This can also be set per alert message. Set the duration to 0 to\n     * disable the duration timer, NOTE: this requires the user to dismiss the alert by clicking on it.\n     */\n    duration: { type: Number, default: 2500 },\n  },\n  setup(props) {\n    // alerts\n    const topLeft = ref<Array<NeonAlertModel>>([]);\n    const topRight = ref<Array<NeonAlertModel>>([]);\n    const bottomLeft = ref<Array<NeonAlertModel>>([]);\n    const bottomRight = ref<Array<NeonAlertModel>>([]);\n    // toasts\n    const top = ref<Array<NeonToastModel>>([]);\n    const bottom = ref<Array<NeonToastModel>>([]);\n\n    const internalId = ref(1);\n\n    const removeAlert = (message: NeonAlertModel) => {\n      switch (message.placement || NeonAlertPlacement.TopRight) {\n        case NeonAlertPlacement.TopLeft:\n          topLeft.value = topLeft.value.filter((m) => m.id !== message.id);\n          break;\n        case NeonAlertPlacement.TopRight:\n          topRight.value = topRight.value.filter((m) => m.id !== message.id);\n          break;\n        case NeonAlertPlacement.BottomLeft:\n          bottomLeft.value = bottomLeft.value.filter((m) => m.id !== message.id);\n          break;\n        case NeonAlertPlacement.BottomRight:\n          bottomRight.value = bottomRight.value.filter((m) => m.id !== message.id);\n          break;\n      }\n    };\n\n    const enqueueAlert = (level: NeonAlertLevel, alert: NeonAlertMessage) => {\n      const id = internalId.value;\n      internalId.value = internalId.value + 1;\n      const message: NeonAlertModel = {\n        dismissible: props.dismissible,\n        ...alert,\n        level,\n        id,\n      };\n\n      switch (alert.placement || NeonAlertPlacement.TopRight) {\n        case NeonAlertPlacement.TopLeft:\n          topLeft.value.unshift(message);\n          break;\n        case NeonAlertPlacement.TopRight:\n          topRight.value.unshift(message);\n          break;\n        case NeonAlertPlacement.BottomLeft:\n          bottomLeft.value.push(message);\n          break;\n        case NeonAlertPlacement.BottomRight:\n          bottomRight.value.push(message);\n          break;\n      }\n\n      const duration = alert.duration === undefined ? props.duration : alert.duration;\n      if (duration > 0 && !alert.primaryAction) {\n        setTimeout(() => removeAlert(message), duration);\n      }\n    };\n\n    const removeToast = (message: NeonToastModel) => {\n      switch (message.placement || NeonVerticalPosition.Top) {\n        case NeonVerticalPosition.Top:\n          top.value = top.value.filter((m) => m.id !== message.id);\n          break;\n        case NeonVerticalPosition.Bottom:\n          bottom.value = bottom.value.filter((m) => m.id !== message.id);\n          break;\n      }\n    };\n\n    const enqueueToast = (level: NeonAlertLevel, toast: NeonToastMessage) => {\n      const id = internalId.value;\n      internalId.value = internalId.value + 1;\n      const message: NeonToastModel = {\n        dismissible: props.dismissible,\n        ...toast,\n        level,\n        id,\n      };\n\n      switch (toast.placement || NeonVerticalPosition.Top) {\n        case NeonVerticalPosition.Top:\n          top.value.unshift(message);\n          break;\n        case NeonVerticalPosition.Bottom:\n          bottom.value.push(message);\n          break;\n      }\n\n      const duration = toast.duration === undefined ? props.duration : toast.duration;\n      if (duration > 0) {\n        setTimeout(() => removeToast(message), duration);\n      }\n    };\n\n    const onInfoAlert = (alert: NeonAlertMessage) => {\n      enqueueAlert(NeonAlertLevel.Info, alert);\n    };\n\n    const onSuccessAlert = (alert: NeonAlertMessage) => {\n      enqueueAlert(NeonAlertLevel.Success, alert);\n    };\n\n    const onWarnAlert = (alert: NeonAlertMessage) => {\n      enqueueAlert(NeonAlertLevel.Warn, alert);\n    };\n\n    const onErrorAlert = (alert: NeonAlertMessage) => {\n      enqueueAlert(NeonAlertLevel.Error, alert);\n    };\n\n    const onInfoToast = (toast: NeonToastMessage) => {\n      enqueueToast(NeonAlertLevel.Info, toast);\n    };\n\n    const onSuccessToast = (toast: NeonToastMessage) => {\n      enqueueToast(NeonAlertLevel.Success, toast);\n    };\n\n    const onWarnToast = (toast: NeonToastMessage) => {\n      enqueueToast(NeonAlertLevel.Warn, toast);\n    };\n\n    const onErrorToast = (toast: NeonToastMessage) => {\n      enqueueToast(NeonAlertLevel.Error, toast);\n    };\n\n    onMounted(() => {\n      // alerts\n      NeonEventBus.on(NeonAlertService.generateEventKey(NeonAlertLevel.Info), onInfoAlert);\n      NeonEventBus.on(NeonAlertService.generateEventKey(NeonAlertLevel.Success), onSuccessAlert);\n      NeonEventBus.on(NeonAlertService.generateEventKey(NeonAlertLevel.Warn), onWarnAlert);\n      NeonEventBus.on(NeonAlertService.generateEventKey(NeonAlertLevel.Error), onErrorAlert);\n      // toast\n      NeonEventBus.on(NeonToastService.generateEventKey(NeonAlertLevel.Info), onInfoToast);\n      NeonEventBus.on(NeonToastService.generateEventKey(NeonAlertLevel.Success), onSuccessToast);\n      NeonEventBus.on(NeonToastService.generateEventKey(NeonAlertLevel.Warn), onWarnToast);\n      NeonEventBus.on(NeonToastService.generateEventKey(NeonAlertLevel.Error), onErrorToast);\n    });\n\n    onUnmounted(() => {\n      // alerts\n      NeonEventBus.off(NeonAlertService.generateEventKey(NeonAlertLevel.Info), onInfoAlert);\n      NeonEventBus.off(NeonAlertService.generateEventKey(NeonAlertLevel.Success), onSuccessAlert);\n      NeonEventBus.off(NeonAlertService.generateEventKey(NeonAlertLevel.Warn), onWarnAlert);\n      NeonEventBus.off(NeonAlertService.generateEventKey(NeonAlertLevel.Error), onErrorAlert);\n      // toast\n      NeonEventBus.off(NeonToastService.generateEventKey(NeonAlertLevel.Info), onInfoToast);\n      NeonEventBus.off(NeonToastService.generateEventKey(NeonAlertLevel.Success), onSuccessToast);\n      NeonEventBus.off(NeonToastService.generateEventKey(NeonAlertLevel.Warn), onWarnToast);\n      NeonEventBus.off(NeonToastService.generateEventKey(NeonAlertLevel.Error), onErrorToast);\n    });\n\n    return {\n      topLeft,\n      topRight,\n      bottomLeft,\n      bottomRight,\n      top,\n      bottom,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonAlertContainer","NeonToastContainer","props","topLeft","ref","topRight","bottomLeft","bottomRight","top","bottom","internalId","removeAlert","message","NeonAlertPlacement","m","enqueueAlert","level","alert","id","duration","removeToast","NeonVerticalPosition","enqueueToast","toast","onInfoAlert","NeonAlertLevel","onSuccessAlert","onWarnAlert","onErrorAlert","onInfoToast","onSuccessToast","onWarnToast","onErrorToast","onMounted","NeonEventBus","NeonAlertService","NeonToastService","onUnmounted"],"mappings":"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"}
+{"version":3,"file":"NeonAlert.ts_vue_type_script_src_8af9e330_lang.cjs.js","sources":["../../../../src/components/feedback/alert/NeonAlert.ts?vue&type=script&src=8af9e330&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\nimport { NeonEventBus } from '@/common/utils/NeonEventBus';\nimport type { NeonAlertMessage } from '@/common/models/NeonAlertMessage';\nimport { NeonAlertLevel } from '@/common/enums/NeonAlertLevel';\nimport { NeonAlertService } from '@/common/utils/NeonAlertService';\nimport NeonAlertContainer from './container/NeonAlertContainer.vue';\nimport NeonToastContainer from './container/NeonToastContainer.vue';\nimport type { NeonAlertModel } from './NeonAlertModel';\nimport type { NeonToastModel } from './NeonToastModel';\nimport type { NeonToastMessage } from '@/common/models/NeonToastMessage';\nimport { NeonToastService } from '@/common/utils/NeonToastService';\nimport { NeonAlertPlacement } from '@/common/enums/NeonAlertPlacement';\nimport { NeonVerticalPosition } from '@/common/enums/NeonVerticalPosition';\n\n/**\n * NeonAlert is a component for presenting temporary notifications to the user. Place the component once inside your app\n * and use <strong>NeonAlertService</strong> to send events to the component.\n */\nexport default defineComponent({\n  name: 'NeonAlert',\n  components: {\n    NeonAlertContainer,\n    NeonToastContainer,\n  },\n  props: {\n    /**\n     * Whether alert messages are dismissible by clicking on them. This can also be set per alert message.\n     */\n    dismissible: { type: Boolean, default: true },\n    /**\n     * Duration to display messages before removing them. This can also be set per alert message. Set the duration to 0 to\n     * disable the duration timer, NOTE: this requires the user to dismiss the alert by clicking on it.\n     */\n    duration: { type: Number, default: 2500 },\n  },\n  setup(props) {\n    // alerts\n    const topLeft = ref<Array<NeonAlertModel>>([]);\n    const topRight = ref<Array<NeonAlertModel>>([]);\n    const bottomLeft = ref<Array<NeonAlertModel>>([]);\n    const bottomRight = ref<Array<NeonAlertModel>>([]);\n    // toasts\n    const top = ref<Array<NeonToastModel>>([]);\n    const bottom = ref<Array<NeonToastModel>>([]);\n\n    const internalId = ref(1);\n\n    const removeAlert = (message: NeonAlertModel) => {\n      switch (message.placement || NeonAlertPlacement.TopRight) {\n        case NeonAlertPlacement.TopLeft:\n          topLeft.value = topLeft.value.filter((m) => m.id !== message.id);\n          break;\n        case NeonAlertPlacement.TopRight:\n          topRight.value = topRight.value.filter((m) => m.id !== message.id);\n          break;\n        case NeonAlertPlacement.BottomLeft:\n          bottomLeft.value = bottomLeft.value.filter((m) => m.id !== message.id);\n          break;\n        case NeonAlertPlacement.BottomRight:\n          bottomRight.value = bottomRight.value.filter((m) => m.id !== message.id);\n          break;\n      }\n    };\n\n    const enqueueAlert = (level: NeonAlertLevel, alert: NeonAlertMessage) => {\n      const id = internalId.value;\n      internalId.value = internalId.value + 1;\n      const message: NeonAlertModel = {\n        dismissible: props.dismissible,\n        ...alert,\n        level,\n        id,\n      };\n\n      switch (alert.placement || NeonAlertPlacement.TopRight) {\n        case NeonAlertPlacement.TopLeft:\n          topLeft.value.unshift(message);\n          break;\n        case NeonAlertPlacement.TopRight:\n          topRight.value.unshift(message);\n          break;\n        case NeonAlertPlacement.BottomLeft:\n          bottomLeft.value.push(message);\n          break;\n        case NeonAlertPlacement.BottomRight:\n          bottomRight.value.push(message);\n          break;\n      }\n\n      const duration = alert.duration === undefined ? props.duration : alert.duration;\n      if (duration > 0 && !alert.primaryAction) {\n        setTimeout(() => removeAlert(message), duration);\n      }\n    };\n\n    const removeToast = (message: NeonToastModel) => {\n      switch (message.placement || NeonVerticalPosition.Top) {\n        case NeonVerticalPosition.Top:\n          top.value = top.value.filter((m) => m.id !== message.id);\n          break;\n        case NeonVerticalPosition.Bottom:\n          bottom.value = bottom.value.filter((m) => m.id !== message.id);\n          break;\n      }\n    };\n\n    const enqueueToast = (level: NeonAlertLevel, toast: NeonToastMessage) => {\n      const id = internalId.value;\n      internalId.value = internalId.value + 1;\n      const message: NeonToastModel = {\n        dismissible: props.dismissible,\n        ...toast,\n        level,\n        id,\n      };\n\n      switch (toast.placement || NeonVerticalPosition.Top) {\n        case NeonVerticalPosition.Top:\n          top.value.unshift(message);\n          break;\n        case NeonVerticalPosition.Bottom:\n          bottom.value.push(message);\n          break;\n      }\n\n      const duration = toast.duration === undefined ? props.duration : toast.duration;\n      if (duration > 0) {\n        setTimeout(() => removeToast(message), duration);\n      }\n    };\n\n    const onInfoAlert = (alert: NeonAlertMessage) => {\n      enqueueAlert(NeonAlertLevel.Info, alert);\n    };\n\n    const onSuccessAlert = (alert: NeonAlertMessage) => {\n      enqueueAlert(NeonAlertLevel.Success, alert);\n    };\n\n    const onWarnAlert = (alert: NeonAlertMessage) => {\n      enqueueAlert(NeonAlertLevel.Warn, alert);\n    };\n\n    const onErrorAlert = (alert: NeonAlertMessage) => {\n      enqueueAlert(NeonAlertLevel.Error, alert);\n    };\n\n    const onInfoToast = (toast: NeonToastMessage) => {\n      enqueueToast(NeonAlertLevel.Info, toast);\n    };\n\n    const onSuccessToast = (toast: NeonToastMessage) => {\n      enqueueToast(NeonAlertLevel.Success, toast);\n    };\n\n    const onWarnToast = (toast: NeonToastMessage) => {\n      enqueueToast(NeonAlertLevel.Warn, toast);\n    };\n\n    const onErrorToast = (toast: NeonToastMessage) => {\n      enqueueToast(NeonAlertLevel.Error, toast);\n    };\n\n    onMounted(() => {\n      // alerts\n      NeonEventBus.on(NeonAlertService.generateEventKey(NeonAlertLevel.Info), onInfoAlert);\n      NeonEventBus.on(NeonAlertService.generateEventKey(NeonAlertLevel.Success), onSuccessAlert);\n      NeonEventBus.on(NeonAlertService.generateEventKey(NeonAlertLevel.Warn), onWarnAlert);\n      NeonEventBus.on(NeonAlertService.generateEventKey(NeonAlertLevel.Error), onErrorAlert);\n      // toast\n      NeonEventBus.on(NeonToastService.generateEventKey(NeonAlertLevel.Info), onInfoToast);\n      NeonEventBus.on(NeonToastService.generateEventKey(NeonAlertLevel.Success), onSuccessToast);\n      NeonEventBus.on(NeonToastService.generateEventKey(NeonAlertLevel.Warn), onWarnToast);\n      NeonEventBus.on(NeonToastService.generateEventKey(NeonAlertLevel.Error), onErrorToast);\n    });\n\n    onUnmounted(() => {\n      // alerts\n      NeonEventBus.off(NeonAlertService.generateEventKey(NeonAlertLevel.Info), onInfoAlert);\n      NeonEventBus.off(NeonAlertService.generateEventKey(NeonAlertLevel.Success), onSuccessAlert);\n      NeonEventBus.off(NeonAlertService.generateEventKey(NeonAlertLevel.Warn), onWarnAlert);\n      NeonEventBus.off(NeonAlertService.generateEventKey(NeonAlertLevel.Error), onErrorAlert);\n      // toast\n      NeonEventBus.off(NeonToastService.generateEventKey(NeonAlertLevel.Info), onInfoToast);\n      NeonEventBus.off(NeonToastService.generateEventKey(NeonAlertLevel.Success), onSuccessToast);\n      NeonEventBus.off(NeonToastService.generateEventKey(NeonAlertLevel.Warn), onWarnToast);\n      NeonEventBus.off(NeonToastService.generateEventKey(NeonAlertLevel.Error), onErrorToast);\n    });\n\n    return {\n      topLeft,\n      topRight,\n      bottomLeft,\n      bottomRight,\n      top,\n      bottom,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonAlertContainer","NeonToastContainer","props","topLeft","ref","topRight","bottomLeft","bottomRight","top","bottom","internalId","removeAlert","message","NeonAlertPlacement","m","enqueueAlert","level","alert","id","duration","removeToast","NeonVerticalPosition","enqueueToast","toast","onInfoAlert","NeonAlertLevel","onSuccessAlert","onWarnAlert","onErrorAlert","onInfoToast","onSuccessToast","onWarnToast","onErrorToast","onMounted","NeonEventBus","NeonAlertService","NeonToastService","onUnmounted"],"mappings":"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"}

package/dist/components/feedback/alert/{NeonAlert.ts_vue_type_script_src_cfa5c5ce_lang.es.js → NeonAlert.ts_vue_type_script_src_8af9e330_lang.es.js}

@@ -156,4 +156,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonAlert.ts_vue_type_script_src_cfa5c5ce_lang.es.js.map
+//# sourceMappingURL=NeonAlert.ts_vue_type_script_src_8af9e330_lang.es.js.map

package/dist/components/feedback/alert/{NeonAlert.ts_vue_type_script_src_cfa5c5ce_lang.es.js.map → NeonAlert.ts_vue_type_script_src_8af9e330_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonAlert.ts_vue_type_script_src_cfa5c5ce_lang.es.js","sources":["../../../../src/components/feedback/alert/NeonAlert.ts?vue&type=script&src=cfa5c5ce&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\nimport { NeonEventBus } from '@/common/utils/NeonEventBus';\nimport type { NeonAlertMessage } from '@/common/models/NeonAlertMessage';\nimport { NeonAlertLevel } from '@/common/enums/NeonAlertLevel';\nimport { NeonAlertService } from '@/common/utils/NeonAlertService';\nimport NeonAlertContainer from './container/NeonAlertContainer.vue';\nimport NeonToastContainer from './container/NeonToastContainer.vue';\nimport type { NeonAlertModel } from './NeonAlertModel';\nimport type { NeonToastModel } from './NeonToastModel';\nimport type { NeonToastMessage } from '@/common/models/NeonToastMessage';\nimport { NeonToastService } from '@/common/utils/NeonToastService';\nimport { NeonAlertPlacement } from '@/common/enums/NeonAlertPlacement';\nimport { NeonVerticalPosition } from '@/common/enums/NeonVerticalPosition';\n\n/**\n * NeonAlert is a component for presenting temporary notifications to the user. Place the component once inside your app\n * and use <strong>NeonAlertService</strong> to send events to the component.\n */\nexport default defineComponent({\n  name: 'NeonAlert',\n  components: {\n    NeonAlertContainer,\n    NeonToastContainer,\n  },\n  props: {\n    /**\n     * Whether alert messages are dismissible by clicking on them. This can also be set per alert message.\n     */\n    dismissible: { type: Boolean, default: true },\n    /**\n     * Duration to display messages before removing them. This can also be set per alert message. Set the duration to 0 to\n     * disable the duration timer, NOTE: this requires the user to dismiss the alert by clicking on it.\n     */\n    duration: { type: Number, default: 2500 },\n  },\n  setup(props) {\n    // alerts\n    const topLeft = ref<Array<NeonAlertModel>>([]);\n    const topRight = ref<Array<NeonAlertModel>>([]);\n    const bottomLeft = ref<Array<NeonAlertModel>>([]);\n    const bottomRight = ref<Array<NeonAlertModel>>([]);\n    // toasts\n    const top = ref<Array<NeonToastModel>>([]);\n    const bottom = ref<Array<NeonToastModel>>([]);\n\n    const internalId = ref(1);\n\n    const removeAlert = (message: NeonAlertModel) => {\n      switch (message.placement || NeonAlertPlacement.TopRight) {\n        case NeonAlertPlacement.TopLeft:\n          topLeft.value = topLeft.value.filter((m) => m.id !== message.id);\n          break;\n        case NeonAlertPlacement.TopRight:\n          topRight.value = topRight.value.filter((m) => m.id !== message.id);\n          break;\n        case NeonAlertPlacement.BottomLeft:\n          bottomLeft.value = bottomLeft.value.filter((m) => m.id !== message.id);\n          break;\n        case NeonAlertPlacement.BottomRight:\n          bottomRight.value = bottomRight.value.filter((m) => m.id !== message.id);\n          break;\n      }\n    };\n\n    const enqueueAlert = (level: NeonAlertLevel, alert: NeonAlertMessage) => {\n      const id = internalId.value;\n      internalId.value = internalId.value + 1;\n      const message: NeonAlertModel = {\n        dismissible: props.dismissible,\n        ...alert,\n        level,\n        id,\n      };\n\n      switch (alert.placement || NeonAlertPlacement.TopRight) {\n        case NeonAlertPlacement.TopLeft:\n          topLeft.value.unshift(message);\n          break;\n        case NeonAlertPlacement.TopRight:\n          topRight.value.unshift(message);\n          break;\n        case NeonAlertPlacement.BottomLeft:\n          bottomLeft.value.push(message);\n          break;\n        case NeonAlertPlacement.BottomRight:\n          bottomRight.value.push(message);\n          break;\n      }\n\n      const duration = alert.duration === undefined ? props.duration : alert.duration;\n      if (duration > 0 && !alert.primaryAction) {\n        setTimeout(() => removeAlert(message), duration);\n      }\n    };\n\n    const removeToast = (message: NeonToastModel) => {\n      switch (message.placement || NeonVerticalPosition.Top) {\n        case NeonVerticalPosition.Top:\n          top.value = top.value.filter((m) => m.id !== message.id);\n          break;\n        case NeonVerticalPosition.Bottom:\n          bottom.value = bottom.value.filter((m) => m.id !== message.id);\n          break;\n      }\n    };\n\n    const enqueueToast = (level: NeonAlertLevel, toast: NeonToastMessage) => {\n      const id = internalId.value;\n      internalId.value = internalId.value + 1;\n      const message: NeonToastModel = {\n        dismissible: props.dismissible,\n        ...toast,\n        level,\n        id,\n      };\n\n      switch (toast.placement || NeonVerticalPosition.Top) {\n        case NeonVerticalPosition.Top:\n          top.value.unshift(message);\n          break;\n        case NeonVerticalPosition.Bottom:\n          bottom.value.push(message);\n          break;\n      }\n\n      const duration = toast.duration === undefined ? props.duration : toast.duration;\n      if (duration > 0) {\n        setTimeout(() => removeToast(message), duration);\n      }\n    };\n\n    const onInfoAlert = (alert: NeonAlertMessage) => {\n      enqueueAlert(NeonAlertLevel.Info, alert);\n    };\n\n    const onSuccessAlert = (alert: NeonAlertMessage) => {\n      enqueueAlert(NeonAlertLevel.Success, alert);\n    };\n\n    const onWarnAlert = (alert: NeonAlertMessage) => {\n      enqueueAlert(NeonAlertLevel.Warn, alert);\n    };\n\n    const onErrorAlert = (alert: NeonAlertMessage) => {\n      enqueueAlert(NeonAlertLevel.Error, alert);\n    };\n\n    const onInfoToast = (toast: NeonToastMessage) => {\n      enqueueToast(NeonAlertLevel.Info, toast);\n    };\n\n    const onSuccessToast = (toast: NeonToastMessage) => {\n      enqueueToast(NeonAlertLevel.Success, toast);\n    };\n\n    const onWarnToast = (toast: NeonToastMessage) => {\n      enqueueToast(NeonAlertLevel.Warn, toast);\n    };\n\n    const onErrorToast = (toast: NeonToastMessage) => {\n      enqueueToast(NeonAlertLevel.Error, toast);\n    };\n\n    onMounted(() => {\n      // alerts\n      NeonEventBus.on(NeonAlertService.generateEventKey(NeonAlertLevel.Info), onInfoAlert);\n      NeonEventBus.on(NeonAlertService.generateEventKey(NeonAlertLevel.Success), onSuccessAlert);\n      NeonEventBus.on(NeonAlertService.generateEventKey(NeonAlertLevel.Warn), onWarnAlert);\n      NeonEventBus.on(NeonAlertService.generateEventKey(NeonAlertLevel.Error), onErrorAlert);\n      // toast\n      NeonEventBus.on(NeonToastService.generateEventKey(NeonAlertLevel.Info), onInfoToast);\n      NeonEventBus.on(NeonToastService.generateEventKey(NeonAlertLevel.Success), onSuccessToast);\n      NeonEventBus.on(NeonToastService.generateEventKey(NeonAlertLevel.Warn), onWarnToast);\n      NeonEventBus.on(NeonToastService.generateEventKey(NeonAlertLevel.Error), onErrorToast);\n    });\n\n    onUnmounted(() => {\n      // alerts\n      NeonEventBus.off(NeonAlertService.generateEventKey(NeonAlertLevel.Info), onInfoAlert);\n      NeonEventBus.off(NeonAlertService.generateEventKey(NeonAlertLevel.Success), onSuccessAlert);\n      NeonEventBus.off(NeonAlertService.generateEventKey(NeonAlertLevel.Warn), onWarnAlert);\n      NeonEventBus.off(NeonAlertService.generateEventKey(NeonAlertLevel.Error), onErrorAlert);\n      // toast\n      NeonEventBus.off(NeonToastService.generateEventKey(NeonAlertLevel.Info), onInfoToast);\n      NeonEventBus.off(NeonToastService.generateEventKey(NeonAlertLevel.Success), onSuccessToast);\n      NeonEventBus.off(NeonToastService.generateEventKey(NeonAlertLevel.Warn), onWarnToast);\n      NeonEventBus.off(NeonToastService.generateEventKey(NeonAlertLevel.Error), onErrorToast);\n    });\n\n    return {\n      topLeft,\n      topRight,\n      bottomLeft,\n      bottomRight,\n      top,\n      bottom,\n    };\n  },\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"NeonAlert.ts_vue_type_script_src_8af9e330_lang.es.js","sources":["../../../../src/components/feedback/alert/NeonAlert.ts?vue&type=script&src=8af9e330&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\nimport { NeonEventBus } from '@/common/utils/NeonEventBus';\nimport type { NeonAlertMessage } from '@/common/models/NeonAlertMessage';\nimport { NeonAlertLevel } from '@/common/enums/NeonAlertLevel';\nimport { NeonAlertService } from '@/common/utils/NeonAlertService';\nimport NeonAlertContainer from './container/NeonAlertContainer.vue';\nimport NeonToastContainer from './container/NeonToastContainer.vue';\nimport type { NeonAlertModel } from './NeonAlertModel';\nimport type { NeonToastModel } from './NeonToastModel';\nimport type { NeonToastMessage } from '@/common/models/NeonToastMessage';\nimport { NeonToastService } from '@/common/utils/NeonToastService';\nimport { NeonAlertPlacement } from '@/common/enums/NeonAlertPlacement';\nimport { NeonVerticalPosition } from '@/common/enums/NeonVerticalPosition';\n\n/**\n * NeonAlert is a component for presenting temporary notifications to the user. Place the component once inside your app\n * and use <strong>NeonAlertService</strong> to send events to the component.\n */\nexport default defineComponent({\n  name: 'NeonAlert',\n  components: {\n    NeonAlertContainer,\n    NeonToastContainer,\n  },\n  props: {\n    /**\n     * Whether alert messages are dismissible by clicking on them. This can also be set per alert message.\n     */\n    dismissible: { type: Boolean, default: true },\n    /**\n     * Duration to display messages before removing them. This can also be set per alert message. Set the duration to 0 to\n     * disable the duration timer, NOTE: this requires the user to dismiss the alert by clicking on it.\n     */\n    duration: { type: Number, default: 2500 },\n  },\n  setup(props) {\n    // alerts\n    const topLeft = ref<Array<NeonAlertModel>>([]);\n    const topRight = ref<Array<NeonAlertModel>>([]);\n    const bottomLeft = ref<Array<NeonAlertModel>>([]);\n    const bottomRight = ref<Array<NeonAlertModel>>([]);\n    // toasts\n    const top = ref<Array<NeonToastModel>>([]);\n    const bottom = ref<Array<NeonToastModel>>([]);\n\n    const internalId = ref(1);\n\n    const removeAlert = (message: NeonAlertModel) => {\n      switch (message.placement || NeonAlertPlacement.TopRight) {\n        case NeonAlertPlacement.TopLeft:\n          topLeft.value = topLeft.value.filter((m) => m.id !== message.id);\n          break;\n        case NeonAlertPlacement.TopRight:\n          topRight.value = topRight.value.filter((m) => m.id !== message.id);\n          break;\n        case NeonAlertPlacement.BottomLeft:\n          bottomLeft.value = bottomLeft.value.filter((m) => m.id !== message.id);\n          break;\n        case NeonAlertPlacement.BottomRight:\n          bottomRight.value = bottomRight.value.filter((m) => m.id !== message.id);\n          break;\n      }\n    };\n\n    const enqueueAlert = (level: NeonAlertLevel, alert: NeonAlertMessage) => {\n      const id = internalId.value;\n      internalId.value = internalId.value + 1;\n      const message: NeonAlertModel = {\n        dismissible: props.dismissible,\n        ...alert,\n        level,\n        id,\n      };\n\n      switch (alert.placement || NeonAlertPlacement.TopRight) {\n        case NeonAlertPlacement.TopLeft:\n          topLeft.value.unshift(message);\n          break;\n        case NeonAlertPlacement.TopRight:\n          topRight.value.unshift(message);\n          break;\n        case NeonAlertPlacement.BottomLeft:\n          bottomLeft.value.push(message);\n          break;\n        case NeonAlertPlacement.BottomRight:\n          bottomRight.value.push(message);\n          break;\n      }\n\n      const duration = alert.duration === undefined ? props.duration : alert.duration;\n      if (duration > 0 && !alert.primaryAction) {\n        setTimeout(() => removeAlert(message), duration);\n      }\n    };\n\n    const removeToast = (message: NeonToastModel) => {\n      switch (message.placement || NeonVerticalPosition.Top) {\n        case NeonVerticalPosition.Top:\n          top.value = top.value.filter((m) => m.id !== message.id);\n          break;\n        case NeonVerticalPosition.Bottom:\n          bottom.value = bottom.value.filter((m) => m.id !== message.id);\n          break;\n      }\n    };\n\n    const enqueueToast = (level: NeonAlertLevel, toast: NeonToastMessage) => {\n      const id = internalId.value;\n      internalId.value = internalId.value + 1;\n      const message: NeonToastModel = {\n        dismissible: props.dismissible,\n        ...toast,\n        level,\n        id,\n      };\n\n      switch (toast.placement || NeonVerticalPosition.Top) {\n        case NeonVerticalPosition.Top:\n          top.value.unshift(message);\n          break;\n        case NeonVerticalPosition.Bottom:\n          bottom.value.push(message);\n          break;\n      }\n\n      const duration = toast.duration === undefined ? props.duration : toast.duration;\n      if (duration > 0) {\n        setTimeout(() => removeToast(message), duration);\n      }\n    };\n\n    const onInfoAlert = (alert: NeonAlertMessage) => {\n      enqueueAlert(NeonAlertLevel.Info, alert);\n    };\n\n    const onSuccessAlert = (alert: NeonAlertMessage) => {\n      enqueueAlert(NeonAlertLevel.Success, alert);\n    };\n\n    const onWarnAlert = (alert: NeonAlertMessage) => {\n      enqueueAlert(NeonAlertLevel.Warn, alert);\n    };\n\n    const onErrorAlert = (alert: NeonAlertMessage) => {\n      enqueueAlert(NeonAlertLevel.Error, alert);\n    };\n\n    const onInfoToast = (toast: NeonToastMessage) => {\n      enqueueToast(NeonAlertLevel.Info, toast);\n    };\n\n    const onSuccessToast = (toast: NeonToastMessage) => {\n      enqueueToast(NeonAlertLevel.Success, toast);\n    };\n\n    const onWarnToast = (toast: NeonToastMessage) => {\n      enqueueToast(NeonAlertLevel.Warn, toast);\n    };\n\n    const onErrorToast = (toast: NeonToastMessage) => {\n      enqueueToast(NeonAlertLevel.Error, toast);\n    };\n\n    onMounted(() => {\n      // alerts\n      NeonEventBus.on(NeonAlertService.generateEventKey(NeonAlertLevel.Info), onInfoAlert);\n      NeonEventBus.on(NeonAlertService.generateEventKey(NeonAlertLevel.Success), onSuccessAlert);\n      NeonEventBus.on(NeonAlertService.generateEventKey(NeonAlertLevel.Warn), onWarnAlert);\n      NeonEventBus.on(NeonAlertService.generateEventKey(NeonAlertLevel.Error), onErrorAlert);\n      // toast\n      NeonEventBus.on(NeonToastService.generateEventKey(NeonAlertLevel.Info), onInfoToast);\n      NeonEventBus.on(NeonToastService.generateEventKey(NeonAlertLevel.Success), onSuccessToast);\n      NeonEventBus.on(NeonToastService.generateEventKey(NeonAlertLevel.Warn), onWarnToast);\n      NeonEventBus.on(NeonToastService.generateEventKey(NeonAlertLevel.Error), onErrorToast);\n    });\n\n    onUnmounted(() => {\n      // alerts\n      NeonEventBus.off(NeonAlertService.generateEventKey(NeonAlertLevel.Info), onInfoAlert);\n      NeonEventBus.off(NeonAlertService.generateEventKey(NeonAlertLevel.Success), onSuccessAlert);\n      NeonEventBus.off(NeonAlertService.generateEventKey(NeonAlertLevel.Warn), onWarnAlert);\n      NeonEventBus.off(NeonAlertService.generateEventKey(NeonAlertLevel.Error), onErrorAlert);\n      // toast\n      NeonEventBus.off(NeonToastService.generateEventKey(NeonAlertLevel.Info), onInfoToast);\n      NeonEventBus.off(NeonToastService.generateEventKey(NeonAlertLevel.Success), onSuccessToast);\n      NeonEventBus.off(NeonToastService.generateEventKey(NeonAlertLevel.Warn), onWarnToast);\n      NeonEventBus.off(NeonToastService.generateEventKey(NeonAlertLevel.Error), onErrorToast);\n    });\n\n    return {\n      topLeft,\n      topRight,\n      bottomLeft,\n      bottomRight,\n      top,\n      bottom,\n    };\n  },\n});\n"],"names":[],"mappings":"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"}

package/dist/components/feedback/alert/container/NeonAlertContainer.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var c=require("./NeonAlertContainer.ts_vue_type_script_src_b22c4fb4_lang.cjs.js"),e=require("vue"),s=require("../../../../_virtual/plugin-vue_export-helper.cjs.js");const d=["aria-describedby","aria-labelledby","role","onClick"],p=["role","tabindex","onKeydown"],_=["id"],y=["id"],u={key:0,class:"neon-alert__actions"},k={class:"neon-alert__action-label"},b={class:"neon-alert__action-label"};function v(o,t,w,A,m,h){const a=e.resolveComponent("neon-icon"),r=e.resolveComponent("neon-link");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`neon-alert--${o.placement}`,"neon-alert"])},[e.createVNode(e.TransitionGroup,{name:"neon-alert-transition"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.modelValue,(n,l)=>(e.openBlock(),e.createElementBlock("div",{key:n.id,"aria-describedby":n.message?`alertMessage${l}`:void 0,"aria-labelledby":n.title?`alertTitle${l}`:void 0,class:e.normalizeClass([[`neon-alert__message--${n.level}`,{"neon-alert__message--dismissible":n.dismissible,"neon-alert__message--with-actions":n.primaryAction}],"neon-alert__message"]),role:n.primaryAction?"dialog":n.duration>0?"alert":"alertdialog",onClick:i=>!n.primaryAction&&n.dismissible&&o.closeMessage(n.id)},[e.createVNode(a,{color:n.level,name:o.icon(n.level)},null,8,["color","name"]),e.createElementVNode("div",{role:n.primaryAction?void 0:"button",tabindex:n.primaryAction?-1:0,class:"neon-alert__content",onKeydown:[e.withKeys(i=>!n.primaryAction&&n.dismissible&&o.closeMessage(n.id),["space"]),e.withKeys(i=>!n.primaryAction&&n.dismissible&&o.closeMessage(n.id),["enter"])],onKeypress:t[0]||(t[0]=e.withKeys(e.withModifiers(()=>{},["prevent"]),["space"]))},[n.title?(e.openBlock(),e.createElementBlock("div",{key:0,id:`alertTitle${l}`,class:"neon-alert__title"},e.toDisplayString(n.title),9,_)):e.createCommentVNode("",!0),n.message?(e.openBlock(),e.createElementBlock("div",{key:1,id:`alertMessage${l}`,class:"neon-alert__body"},e.toDisplayString(n.message),9,y)):e.createCommentVNode("",!0)],40,p),n.primaryAction?(e.openBlock(),e.createElementBlock("div",u,[n.primaryAction?(e.openBlock(),e.createBlock(r,{key:0,class:"neon-alert__action","outline-style":"none",role:"button",tabindex:"0",onClick:i=>{n.primaryAction.callback(),o.closeMessage(n.id)},onKeydown:e.withKeys(i=>{n.primaryAction.callback(),o.closeMessage(n.id)},["space"]),onKeypress:t[1]||(t[1]=e.withKeys(e.withModifiers(()=>{},["prevent"]),["space"]))},{default:e.withCtx(()=>[e.createElementVNode("span",k,e.toDisplayString(n.primaryAction.label),1)]),_:2},1032,["onClick","onKeydown"])):e.createCommentVNode("",!0),n.secondaryAction?(e.openBlock(),e.createBlock(r,{key:1,class:"neon-alert__action","outline-style":"none",role:"button",tabindex:"0",onClick:i=>{n.secondaryAction.callback(),o.closeMessage(n.id)},onKeydown:e.withKeys(i=>{n.secondaryAction.callback(),o.closeMessage(n.id)},["space"]),onKeypress:t[2]||(t[2]=e.withKeys(e.withModifiers(()=>{},["prevent"]),["space"]))},{default:e.withCtx(()=>[e.createElementVNode("span",b,e.toDisplayString(n.secondaryAction.label),1)]),_:2},1032,["onClick","onKeydown"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],10,d))),128))]),_:1})],2)}var C=s(c,[["render",v],["__file","/Users/andrew/dev/projects/neon/src/components/feedback/alert/container/NeonAlertContainer.vue"]]);module.exports=C;
+"use strict";var c=require("./NeonAlertContainer.ts_vue_type_script_src_e0e5c2f4_lang.cjs.js"),e=require("vue"),s=require("../../../../_virtual/plugin-vue_export-helper.cjs.js");const d=["aria-describedby","aria-labelledby","role","onClick"],p=["role","tabindex","onKeydown"],y=["id"],_=["id"],u={key:0,class:"neon-alert__actions"},k={class:"neon-alert__action-label"},v={class:"neon-alert__action-label"};function b(o,t,w,A,m,h){const a=e.resolveComponent("neon-icon"),r=e.resolveComponent("neon-link");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`neon-alert--${o.placement}`,"neon-alert"])},[e.createVNode(e.TransitionGroup,{name:"neon-alert-transition"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.modelValue,(n,l)=>(e.openBlock(),e.createElementBlock("div",{key:n.id,"aria-describedby":n.message?`alertMessage${l}`:void 0,"aria-labelledby":n.title?`alertTitle${l}`:void 0,class:e.normalizeClass([[`neon-alert__message--${n.level}`,{"neon-alert__message--dismissible":n.dismissible,"neon-alert__message--with-actions":n.primaryAction}],"neon-alert__message"]),role:n.primaryAction?"dialog":n.duration>0?"alert":"alertdialog",onClick:i=>!n.primaryAction&&n.dismissible&&o.closeMessage(n.id)},[e.createVNode(a,{color:n.level,name:o.icon(n.level)},null,8,["color","name"]),e.createElementVNode("div",{role:n.primaryAction?void 0:"button",tabindex:n.primaryAction?-1:0,class:"neon-alert__content",onKeydown:[e.withKeys(i=>!n.primaryAction&&n.dismissible&&o.closeMessage(n.id),["space"]),e.withKeys(i=>!n.primaryAction&&n.dismissible&&o.closeMessage(n.id),["enter"])],onKeypress:t[0]||(t[0]=e.withKeys(e.withModifiers(()=>{},["prevent"]),["space"]))},[n.title?(e.openBlock(),e.createElementBlock("div",{key:0,id:`alertTitle${l}`,class:"neon-alert__title"},e.toDisplayString(n.title),9,y)):e.createCommentVNode("",!0),n.message?(e.openBlock(),e.createElementBlock("div",{key:1,id:`alertMessage${l}`,class:"neon-alert__body"},e.toDisplayString(n.message),9,_)):e.createCommentVNode("",!0)],40,p),n.primaryAction?(e.openBlock(),e.createElementBlock("div",u,[n.primaryAction?(e.openBlock(),e.createBlock(r,{key:0,class:"neon-alert__action","outline-style":"none",role:"button",tabindex:"0",onClick:i=>{n.primaryAction.callback(),o.closeMessage(n.id)},onKeydown:e.withKeys(i=>{n.primaryAction.callback(),o.closeMessage(n.id)},["space"]),onKeypress:t[1]||(t[1]=e.withKeys(e.withModifiers(()=>{},["prevent"]),["space"]))},{default:e.withCtx(()=>[e.createElementVNode("span",k,e.toDisplayString(n.primaryAction.label),1)]),_:2},1032,["onClick","onKeydown"])):e.createCommentVNode("",!0),n.secondaryAction?(e.openBlock(),e.createBlock(r,{key:1,class:"neon-alert__action","outline-style":"none",role:"button",tabindex:"0",onClick:i=>{n.secondaryAction.callback(),o.closeMessage(n.id)},onKeydown:e.withKeys(i=>{n.secondaryAction.callback(),o.closeMessage(n.id)},["space"]),onKeypress:t[2]||(t[2]=e.withKeys(e.withModifiers(()=>{},["prevent"]),["space"]))},{default:e.withCtx(()=>[e.createElementVNode("span",v,e.toDisplayString(n.secondaryAction.label),1)]),_:2},1032,["onClick","onKeydown"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],10,d))),128))]),_:1})],2)}var C=s(c,[["render",b]]);module.exports=C;
 //# sourceMappingURL=NeonAlertContainer.cjs.js.map

package/dist/components/feedback/alert/container/NeonAlertContainer.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonAlertContainer.ts_vue_type_script_src_b22c4fb4_lang.es.js";
+import _sfc_main from "./NeonAlertContainer.ts_vue_type_script_src_e0e5c2f4_lang.es.js";
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, TransitionGroup, withCtx, Fragment, renderList, createElementVNode, withKeys, withModifiers, toDisplayString, createCommentVNode, createBlock } from "vue";
 import _export_sfc from "../../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = ["aria-describedby", "aria-labelledby", "role", "onClick"];
@@ -113,6 +113,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ], 2);
 }
-var NeonAlertContainer = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/feedback/alert/container/NeonAlertContainer.vue"]]);
+var NeonAlertContainer = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonAlertContainer as default };
 //# sourceMappingURL=NeonAlertContainer.es.js.map

package/dist/components/feedback/alert/container/{NeonAlertContainer.ts_vue_type_script_src_b22c4fb4_lang.cjs.js → NeonAlertContainer.ts_vue_type_script_src_e0e5c2f4_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var t=require("vue"),e=require("../../../../common/enums/NeonAlertLevel.cjs.js"),s=require("../../../presentation/icon/NeonIcon.cjs.js"),i=require("../../../navigation/link/NeonLink.cjs.js"),l=t.defineComponent({name:"NeonAlertContainer",components:{NeonIcon:s,NeonLink:i},props:{modelValue:{type:Array,required:!0},placement:{type:String,required:!0}},setup(n,{emit:o}){return{closeMessage:r=>{o("update:modelValue",n.modelValue.filter(c=>c.id!==r))},icon:r=>{switch(r){case e.NeonAlertLevel.Info:return"info-circle";case e.NeonAlertLevel.Success:return"check-circle";case e.NeonAlertLevel.Warn:return"exclamation-circle";case e.NeonAlertLevel.Error:return"times-circle"}}}}});module.exports=l;
-//# sourceMappingURL=NeonAlertContainer.ts_vue_type_script_src_b22c4fb4_lang.cjs.js.map
+//# sourceMappingURL=NeonAlertContainer.ts_vue_type_script_src_e0e5c2f4_lang.cjs.js.map

package/dist/components/feedback/alert/container/{NeonAlertContainer.ts_vue_type_script_src_b22c4fb4_lang.cjs.js.map → NeonAlertContainer.ts_vue_type_script_src_e0e5c2f4_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonAlertContainer.ts_vue_type_script_src_b22c4fb4_lang.cjs.js","sources":["../../../../../src/components/feedback/alert/container/NeonAlertContainer.ts?vue&type=script&src=b22c4fb4&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonAlertLevel } from '@/common/enums/NeonAlertLevel';\nimport type { NeonAlertPlacement } from '@/common/enums/NeonAlertPlacement';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport type { NeonAlertModel } from '../NeonAlertModel';\n\n/**\n * This is an internal component for rendering alerts.\n */\nexport default defineComponent({\n  name: 'NeonAlertContainer',\n  components: {\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    modelValue: { type: Array as () => Array<NeonAlertModel>, required: true },\n    placement: { type: String as () => NeonAlertPlacement, required: true },\n  },\n  setup(props, { emit }) {\n    const closeMessage = (id: number) => {\n      emit(\n        'update:modelValue',\n        props.modelValue.filter((msg) => msg.id !== id),\n      );\n    };\n\n    const icon = (level: NeonAlertLevel) => {\n      switch (level) {\n        case NeonAlertLevel.Info:\n          return 'info-circle';\n        case NeonAlertLevel.Success:\n          return 'check-circle';\n        case NeonAlertLevel.Warn:\n          return 'exclamation-circle';\n        case NeonAlertLevel.Error:\n          return 'times-circle';\n      }\n    };\n\n    return {\n      closeMessage,\n      icon,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonLink","props","emit","id","msg","level","NeonAlertLevel"],"mappings":"4MAUAA,EAAeC,kBAAgB,CAC7B,KAAM,qBACN,WAAY,CACV,SAAAC,EACA,SAAAC,CACF,EACA,MAAO,CACL,WAAY,CAAE,KAAM,MAAsC,SAAU,EAAK,EACzE,UAAW,CAAE,KAAM,OAAoC,SAAU,EAAK,CACxE,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CAqBd,MAAA,CACL,aArBoBC,GAAe,CACnCD,EACE,oBACAD,EAAM,WAAW,OAAQG,GAAQA,EAAI,KAAOD,CAAE,CAAA,CAChD,EAkBA,KAfYE,GAA0B,CAC9B,OAAAA,QACDC,EAAe,eAAA,KACX,MAAA,mBACJA,EAAe,eAAA,QACX,MAAA,oBACJA,EAAe,eAAA,KACX,MAAA,0BACJA,EAAe,eAAA,MACX,MAAA,eAAA,CAMX,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonAlertContainer.ts_vue_type_script_src_e0e5c2f4_lang.cjs.js","sources":["../../../../../src/components/feedback/alert/container/NeonAlertContainer.ts?vue&type=script&src=e0e5c2f4&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonAlertLevel } from '@/common/enums/NeonAlertLevel';\nimport type { NeonAlertPlacement } from '@/common/enums/NeonAlertPlacement';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport type { NeonAlertModel } from '../NeonAlertModel';\n\n/**\n * This is an internal component for rendering alerts.\n */\nexport default defineComponent({\n  name: 'NeonAlertContainer',\n  components: {\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    modelValue: { type: Array as () => Array<NeonAlertModel>, required: true },\n    placement: { type: String as () => NeonAlertPlacement, required: true },\n  },\n  setup(props, { emit }) {\n    const closeMessage = (id: number) => {\n      emit(\n        'update:modelValue',\n        props.modelValue.filter((msg) => msg.id !== id),\n      );\n    };\n\n    const icon = (level: NeonAlertLevel) => {\n      switch (level) {\n        case NeonAlertLevel.Info:\n          return 'info-circle';\n        case NeonAlertLevel.Success:\n          return 'check-circle';\n        case NeonAlertLevel.Warn:\n          return 'exclamation-circle';\n        case NeonAlertLevel.Error:\n          return 'times-circle';\n      }\n    };\n\n    return {\n      closeMessage,\n      icon,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonLink","props","emit","id","msg","level","NeonAlertLevel"],"mappings":"4MAUAA,EAAeC,kBAAgB,CAC7B,KAAM,qBACN,WAAY,CACV,SAAAC,EACA,SAAAC,CACF,EACA,MAAO,CACL,WAAY,CAAE,KAAM,MAAsC,SAAU,EAAK,EACzE,UAAW,CAAE,KAAM,OAAoC,SAAU,EAAK,CACxE,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CAqBd,MAAA,CACL,aArBoBC,GAAe,CACnCD,EACE,oBACAD,EAAM,WAAW,OAAQG,GAAQA,EAAI,KAAOD,CAAE,CAAA,CAChD,EAkBA,KAfYE,GAA0B,CAC9B,OAAAA,QACDC,EAAe,eAAA,KACX,MAAA,mBACJA,EAAe,eAAA,QACX,MAAA,oBACJA,EAAe,eAAA,KACX,MAAA,0BACJA,EAAe,eAAA,MACX,MAAA,eAAA,CAMX,CAEJ,CACF,CAAC"}

package/dist/components/feedback/alert/container/{NeonAlertContainer.ts_vue_type_script_src_b22c4fb4_lang.es.js → NeonAlertContainer.ts_vue_type_script_src_e0e5c2f4_lang.es.js}

@@ -38,4 +38,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonAlertContainer.ts_vue_type_script_src_b22c4fb4_lang.es.js.map
+//# sourceMappingURL=NeonAlertContainer.ts_vue_type_script_src_e0e5c2f4_lang.es.js.map

package/dist/components/feedback/alert/container/{NeonAlertContainer.ts_vue_type_script_src_b22c4fb4_lang.es.js.map → NeonAlertContainer.ts_vue_type_script_src_e0e5c2f4_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonAlertContainer.ts_vue_type_script_src_b22c4fb4_lang.es.js","sources":["../../../../../src/components/feedback/alert/container/NeonAlertContainer.ts?vue&type=script&src=b22c4fb4&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonAlertLevel } from '@/common/enums/NeonAlertLevel';\nimport type { NeonAlertPlacement } from '@/common/enums/NeonAlertPlacement';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport type { NeonAlertModel } from '../NeonAlertModel';\n\n/**\n * This is an internal component for rendering alerts.\n */\nexport default defineComponent({\n  name: 'NeonAlertContainer',\n  components: {\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    modelValue: { type: Array as () => Array<NeonAlertModel>, required: true },\n    placement: { type: String as () => NeonAlertPlacement, required: true },\n  },\n  setup(props, { emit }) {\n    const closeMessage = (id: number) => {\n      emit(\n        'update:modelValue',\n        props.modelValue.filter((msg) => msg.id !== id),\n      );\n    };\n\n    const icon = (level: NeonAlertLevel) => {\n      switch (level) {\n        case NeonAlertLevel.Info:\n          return 'info-circle';\n        case NeonAlertLevel.Success:\n          return 'check-circle';\n        case NeonAlertLevel.Warn:\n          return 'exclamation-circle';\n        case NeonAlertLevel.Error:\n          return 'times-circle';\n      }\n    };\n\n    return {\n      closeMessage,\n      icon,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;AAUA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,YAAY,EAAE,MAAM,OAAsC,UAAU,KAAK;AAAA,IACzE,WAAW,EAAE,MAAM,QAAoC,UAAU,KAAK;AAAA,EACxE;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACf,UAAA,eAAe,CAAC,OAAe;AACnC;AAAA,QACE;AAAA,QACA,MAAM,WAAW,OAAO,CAAC,QAAQ,IAAI,OAAO,EAAE;AAAA,MAAA;AAAA,IAChD;AAGI,UAAA,OAAO,CAAC,UAA0B;AAC9B,cAAA;AAAA,aACD,eAAe;AACX,iBAAA;AAAA,aACJ,eAAe;AACX,iBAAA;AAAA,aACJ,eAAe;AACX,iBAAA;AAAA,aACJ,eAAe;AACX,iBAAA;AAAA;AAAA,IAAA;AAIN,WAAA;AAAA,MACL;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
+{"version":3,"file":"NeonAlertContainer.ts_vue_type_script_src_e0e5c2f4_lang.es.js","sources":["../../../../../src/components/feedback/alert/container/NeonAlertContainer.ts?vue&type=script&src=e0e5c2f4&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonAlertLevel } from '@/common/enums/NeonAlertLevel';\nimport type { NeonAlertPlacement } from '@/common/enums/NeonAlertPlacement';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport type { NeonAlertModel } from '../NeonAlertModel';\n\n/**\n * This is an internal component for rendering alerts.\n */\nexport default defineComponent({\n  name: 'NeonAlertContainer',\n  components: {\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    modelValue: { type: Array as () => Array<NeonAlertModel>, required: true },\n    placement: { type: String as () => NeonAlertPlacement, required: true },\n  },\n  setup(props, { emit }) {\n    const closeMessage = (id: number) => {\n      emit(\n        'update:modelValue',\n        props.modelValue.filter((msg) => msg.id !== id),\n      );\n    };\n\n    const icon = (level: NeonAlertLevel) => {\n      switch (level) {\n        case NeonAlertLevel.Info:\n          return 'info-circle';\n        case NeonAlertLevel.Success:\n          return 'check-circle';\n        case NeonAlertLevel.Warn:\n          return 'exclamation-circle';\n        case NeonAlertLevel.Error:\n          return 'times-circle';\n      }\n    };\n\n    return {\n      closeMessage,\n      icon,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;AAUA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,YAAY,EAAE,MAAM,OAAsC,UAAU,KAAK;AAAA,IACzE,WAAW,EAAE,MAAM,QAAoC,UAAU,KAAK;AAAA,EACxE;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACf,UAAA,eAAe,CAAC,OAAe;AACnC;AAAA,QACE;AAAA,QACA,MAAM,WAAW,OAAO,CAAC,QAAQ,IAAI,OAAO,EAAE;AAAA,MAAA;AAAA,IAChD;AAGI,UAAA,OAAO,CAAC,UAA0B;AAC9B,cAAA;AAAA,aACD,eAAe;AACX,iBAAA;AAAA,aACJ,eAAe;AACX,iBAAA;AAAA,aACJ,eAAe;AACX,iBAAA;AAAA,aACJ,eAAe;AACX,iBAAA;AAAA;AAAA,IAAA;AAIN,WAAA;AAAA,MACL;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

package/dist/components/feedback/alert/container/NeonToastContainer.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var s=require("./NeonToastContainer.ts_vue_type_script_src_034f2d3b_lang.cjs.js"),e=require("vue"),a=require("../../../../_virtual/plugin-vue_export-helper.cjs.js");const c=["aria-labelledby","role","onClick"],d=["id"];function _(o,i,u,v,k,b){const r=e.resolveComponent("neon-icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`neon-alert--${o.placement}`,"neon-alert"])},[e.createVNode(e.TransitionGroup,{name:"neon-alert-transition"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.modelValue,(n,l)=>(e.openBlock(),e.createElementBlock("div",{key:n.id,"aria-labelledby":`toastTitle${l}`,class:e.normalizeClass([[`neon-toast__message--${n.level}`,{"neon-toast__message--dismissible":n.dismissible}],"neon-toast__message"]),role:n.duration>0?"alert":"alertdialog",onClick:t=>n.dismissible&&o.closeMessage(n.id)},[n.title?(e.openBlock(),e.createElementBlock("div",{key:0,id:`toastTitle${l}`,class:"neon-toast__title"},e.toDisplayString(n.title),9,d)):e.createCommentVNode("",!0),n.dismissible?(e.openBlock(),e.createBlock(r,{key:1,role:n.dismissible?"button":void 0,class:"neon-toast__close",name:"times",tabindex:"0",onClick:t=>n.dismissible&&o.closeMessage(n.id),onKeydown:[e.withKeys(t=>n.dismissible&&o.closeMessage(n.id),["space"]),e.withKeys(t=>n.dismissible&&o.closeMessage(n.id),["enter"])],onKeypress:i[0]||(i[0]=e.withKeys(e.withModifiers(()=>{},["prevent"]),["space"]))},null,8,["role","onClick","onKeydown"])):e.createCommentVNode("",!0)],10,c))),128))]),_:1})],2)}var p=a(s,[["render",_],["__file","/Users/andrew/dev/projects/neon/src/components/feedback/alert/container/NeonToastContainer.vue"]]);module.exports=p;
+"use strict";var r=require("./NeonToastContainer.ts_vue_type_script_src_de3bc79a_lang.cjs.js"),e=require("vue"),a=require("../../../../_virtual/plugin-vue_export-helper.cjs.js");const c=["aria-labelledby","role","onClick"],d=["id"];function _(o,i,u,v,k,b){const s=e.resolveComponent("neon-icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`neon-alert--${o.placement}`,"neon-alert"])},[e.createVNode(e.TransitionGroup,{name:"neon-alert-transition"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.modelValue,(t,l)=>(e.openBlock(),e.createElementBlock("div",{key:t.id,"aria-labelledby":`toastTitle${l}`,class:e.normalizeClass([[`neon-toast__message--${t.level}`,{"neon-toast__message--dismissible":t.dismissible}],"neon-toast__message"]),role:t.duration>0?"alert":"alertdialog",onClick:n=>t.dismissible&&o.closeMessage(t.id)},[t.title?(e.openBlock(),e.createElementBlock("div",{key:0,id:`toastTitle${l}`,class:"neon-toast__title"},e.toDisplayString(t.title),9,d)):e.createCommentVNode("",!0),t.dismissible?(e.openBlock(),e.createBlock(s,{key:1,role:t.dismissible?"button":void 0,class:"neon-toast__close",name:"times",tabindex:"0",onClick:n=>t.dismissible&&o.closeMessage(t.id),onKeydown:[e.withKeys(n=>t.dismissible&&o.closeMessage(t.id),["space"]),e.withKeys(n=>t.dismissible&&o.closeMessage(t.id),["enter"])],onKeypress:i[0]||(i[0]=e.withKeys(e.withModifiers(()=>{},["prevent"]),["space"]))},null,8,["role","onClick","onKeydown"])):e.createCommentVNode("",!0)],10,c))),128))]),_:1})],2)}var p=a(r,[["render",_]]);module.exports=p;
 //# sourceMappingURL=NeonToastContainer.cjs.js.map

package/dist/components/feedback/alert/container/NeonToastContainer.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonToastContainer.ts_vue_type_script_src_034f2d3b_lang.es.js";
+import _sfc_main from "./NeonToastContainer.ts_vue_type_script_src_de3bc79a_lang.es.js";
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, TransitionGroup, withCtx, Fragment, renderList, toDisplayString, createCommentVNode, createBlock, withKeys, withModifiers } from "vue";
 import _export_sfc from "../../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = ["aria-labelledby", "role", "onClick"];
@@ -44,6 +44,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ], 2);
 }
-var NeonToastContainer = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/feedback/alert/container/NeonToastContainer.vue"]]);
+var NeonToastContainer = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonToastContainer as default };
 //# sourceMappingURL=NeonToastContainer.es.js.map

package/dist/components/feedback/alert/container/{NeonToastContainer.ts_vue_type_script_src_034f2d3b_lang.cjs.js → NeonToastContainer.ts_vue_type_script_src_de3bc79a_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var t=require("vue"),s=require("../../../presentation/icon/NeonIcon.cjs.js"),a=t.defineComponent({name:"NeonToastContainer",components:{NeonIcon:s},props:{modelValue:{type:Object,required:!0},placement:{type:String,required:!0}},setup(e,{emit:r}){return{closeMessage:n=>{r("update:modelValue",e.modelValue.filter(o=>o.id!==n))}}}});module.exports=a;
-//# sourceMappingURL=NeonToastContainer.ts_vue_type_script_src_034f2d3b_lang.cjs.js.map
+//# sourceMappingURL=NeonToastContainer.ts_vue_type_script_src_de3bc79a_lang.cjs.js.map

package/dist/components/feedback/alert/container/{NeonToastContainer.ts_vue_type_script_src_034f2d3b_lang.cjs.js.map → NeonToastContainer.ts_vue_type_script_src_de3bc79a_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonToastContainer.ts_vue_type_script_src_034f2d3b_lang.cjs.js","sources":["../../../../../src/components/feedback/alert/container/NeonToastContainer.ts?vue&type=script&src=034f2d3b&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport type { NeonToastModel } from '../NeonToastModel';\nimport type { NeonVerticalPosition } from '@/common/enums/NeonVerticalPosition';\n\n/**\n * This is an internal component for rendering alerts.\n */\nexport default defineComponent({\n  name: 'NeonToastContainer',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    modelValue: { type: Object as () => Array<NeonToastModel>, required: true },\n    placement: { type: String as () => NeonVerticalPosition, required: true },\n  },\n  setup(props, { emit }) {\n    const closeMessage = (id: number) => {\n      emit(\n        'update:modelValue',\n        props.modelValue.filter((msg) => msg.id !== id),\n      );\n    };\n\n    return {\n      closeMessage,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","props","emit","id","msg"],"mappings":"0FAQAA,EAAeC,kBAAgB,CAC7B,KAAM,qBACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CACL,WAAY,CAAE,KAAM,OAAuC,SAAU,EAAK,EAC1E,UAAW,CAAE,KAAM,OAAsC,SAAU,EAAK,CAC1E,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CAQd,MAAA,CACL,aARoBC,GAAe,CACnCD,EACE,oBACAD,EAAM,WAAW,OAAQG,GAAQA,EAAI,KAAOD,CAAE,CAAA,CAChD,CAIA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonToastContainer.ts_vue_type_script_src_de3bc79a_lang.cjs.js","sources":["../../../../../src/components/feedback/alert/container/NeonToastContainer.ts?vue&type=script&src=de3bc79a&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport type { NeonToastModel } from '../NeonToastModel';\nimport type { NeonVerticalPosition } from '@/common/enums/NeonVerticalPosition';\n\n/**\n * This is an internal component for rendering alerts.\n */\nexport default defineComponent({\n  name: 'NeonToastContainer',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    modelValue: { type: Object as () => Array<NeonToastModel>, required: true },\n    placement: { type: String as () => NeonVerticalPosition, required: true },\n  },\n  setup(props, { emit }) {\n    const closeMessage = (id: number) => {\n      emit(\n        'update:modelValue',\n        props.modelValue.filter((msg) => msg.id !== id),\n      );\n    };\n\n    return {\n      closeMessage,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","props","emit","id","msg"],"mappings":"0FAQAA,EAAeC,kBAAgB,CAC7B,KAAM,qBACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CACL,WAAY,CAAE,KAAM,OAAuC,SAAU,EAAK,EAC1E,UAAW,CAAE,KAAM,OAAsC,SAAU,EAAK,CAC1E,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CAQd,MAAA,CACL,aARoBC,GAAe,CACnCD,EACE,oBACAD,EAAM,WAAW,OAAQG,GAAQA,EAAI,KAAOD,CAAE,CAAA,CAChD,CAIA,CAEJ,CACF,CAAC"}

package/dist/components/feedback/alert/container/{NeonToastContainer.ts_vue_type_script_src_034f2d3b_lang.es.js → NeonToastContainer.ts_vue_type_script_src_de3bc79a_lang.es.js}

@@ -22,4 +22,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonToastContainer.ts_vue_type_script_src_034f2d3b_lang.es.js.map
+//# sourceMappingURL=NeonToastContainer.ts_vue_type_script_src_de3bc79a_lang.es.js.map

package/dist/components/feedback/alert/container/{NeonToastContainer.ts_vue_type_script_src_034f2d3b_lang.es.js.map → NeonToastContainer.ts_vue_type_script_src_de3bc79a_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonToastContainer.ts_vue_type_script_src_034f2d3b_lang.es.js","sources":["../../../../../src/components/feedback/alert/container/NeonToastContainer.ts?vue&type=script&src=034f2d3b&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport type { NeonToastModel } from '../NeonToastModel';\nimport type { NeonVerticalPosition } from '@/common/enums/NeonVerticalPosition';\n\n/**\n * This is an internal component for rendering alerts.\n */\nexport default defineComponent({\n  name: 'NeonToastContainer',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    modelValue: { type: Object as () => Array<NeonToastModel>, required: true },\n    placement: { type: String as () => NeonVerticalPosition, required: true },\n  },\n  setup(props, { emit }) {\n    const closeMessage = (id: number) => {\n      emit(\n        'update:modelValue',\n        props.modelValue.filter((msg) => msg.id !== id),\n      );\n    };\n\n    return {\n      closeMessage,\n    };\n  },\n});\n"],"names":[],"mappings":";;AAQA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,YAAY,EAAE,MAAM,QAAuC,UAAU,KAAK;AAAA,IAC1E,WAAW,EAAE,MAAM,QAAsC,UAAU,KAAK;AAAA,EAC1E;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACf,UAAA,eAAe,CAAC,OAAe;AACnC;AAAA,QACE;AAAA,QACA,MAAM,WAAW,OAAO,CAAC,QAAQ,IAAI,OAAO,EAAE;AAAA,MAAA;AAAA,IAChD;AAGK,WAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
+{"version":3,"file":"NeonToastContainer.ts_vue_type_script_src_de3bc79a_lang.es.js","sources":["../../../../../src/components/feedback/alert/container/NeonToastContainer.ts?vue&type=script&src=de3bc79a&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport type { NeonToastModel } from '../NeonToastModel';\nimport type { NeonVerticalPosition } from '@/common/enums/NeonVerticalPosition';\n\n/**\n * This is an internal component for rendering alerts.\n */\nexport default defineComponent({\n  name: 'NeonToastContainer',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    modelValue: { type: Object as () => Array<NeonToastModel>, required: true },\n    placement: { type: String as () => NeonVerticalPosition, required: true },\n  },\n  setup(props, { emit }) {\n    const closeMessage = (id: number) => {\n      emit(\n        'update:modelValue',\n        props.modelValue.filter((msg) => msg.id !== id),\n      );\n    };\n\n    return {\n      closeMessage,\n    };\n  },\n});\n"],"names":[],"mappings":";;AAQA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,YAAY,EAAE,MAAM,QAAuC,UAAU,KAAK;AAAA,IAC1E,WAAW,EAAE,MAAM,QAAsC,UAAU,KAAK;AAAA,EAC1E;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACf,UAAA,eAAe,CAAC,OAAe;AACnC;AAAA,QACE;AAAA,QACA,MAAM,WAAW,OAAO,CAAC,QAAQ,IAAI,OAAO,EAAE;AAAA,MAAA;AAAA,IAChD;AAGK,WAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

package/dist/components/feedback/dialog/NeonDialog.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var s=require("./NeonDialog.ts_vue_type_script_src_5f73ae8b_lang.cjs.js"),e=require("vue"),c=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const d={class:"neon-dialog__title"},u=["innerHTML"],p={ref:"actions"};function _(o,n,b,m,f,g){const l=e.resolveComponent("neon-button"),a=e.resolveComponent("neon-card-body"),r=e.resolveComponent("neon-card"),i=e.resolveComponent("neon-modal");return e.openBlock(),e.createBlock(i,{opaque:o.opaque,open:o.open,class:"neon-dialog",onKeydown:n[2]||(n[2]=e.withKeys(t=>o.cancel(),["esc"]))},{default:e.withCtx(()=>[e.createVNode(r,{size:"m"},{default:e.withCtx(()=>[e.createVNode(a,null,{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("h6",d,e.toDisplayString(o.title),1),e.createElementVNode("div",{class:"neon-dialog__question",innerHTML:o.question},null,8,u)]),e.createElementVNode("div",p,[e.createVNode(l,{"aria-label":o.cancelLabel,"full-width":!0,label:o.cancelLabel,size:"s",onClick:n[0]||(n[0]=t=>o.cancel())},null,8,["aria-label","label"]),e.createVNode(l,{"alternate-color":o.alternateColor,"aria-label":o.confirmLabel,color:o.color,"full-width":!0,label:o.confirmLabel,class:"neon-dialog__confirm-button",size:"s",onClick:n[1]||(n[1]=t=>o.confirm())},null,8,["alternate-color","aria-label","color","label"])],512)]),_:1})]),_:1})]),_:1},8,["opaque","open"])}var v=c(s,[["render",_],["__file","/Users/andrew/dev/projects/neon/src/components/feedback/dialog/NeonDialog.vue"]]);module.exports=v;
+"use strict";var s=require("./NeonDialog.ts_vue_type_script_src_be950c82_lang.cjs.js"),e=require("vue"),c=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const u={class:"neon-dialog__title"},d=["innerHTML"],p={ref:"actions"};function _(o,n,b,m,f,g){const l=e.resolveComponent("neon-button"),a=e.resolveComponent("neon-card-body"),r=e.resolveComponent("neon-card"),i=e.resolveComponent("neon-modal");return e.openBlock(),e.createBlock(i,{opaque:o.opaque,open:o.open,class:"neon-dialog",onKeydown:n[2]||(n[2]=e.withKeys(t=>o.cancel(),["esc"]))},{default:e.withCtx(()=>[e.createVNode(r,{size:"m"},{default:e.withCtx(()=>[e.createVNode(a,null,{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("h6",u,e.toDisplayString(o.title),1),e.createElementVNode("div",{class:"neon-dialog__question",innerHTML:o.question},null,8,d)]),e.createElementVNode("div",p,[e.createVNode(l,{"aria-label":o.cancelLabel,"full-width":!0,label:o.cancelLabel,size:"s",onClick:n[0]||(n[0]=t=>o.cancel())},null,8,["aria-label","label"]),e.createVNode(l,{"alternate-color":o.alternateColor,"aria-label":o.confirmLabel,color:o.color,"full-width":!0,label:o.confirmLabel,class:"neon-dialog__confirm-button",size:"s",onClick:n[1]||(n[1]=t=>o.confirm())},null,8,["alternate-color","aria-label","color","label"])],512)]),_:1})]),_:1})]),_:1},8,["opaque","open"])}var v=c(s,[["render",_]]);module.exports=v;
 //# sourceMappingURL=NeonDialog.cjs.js.map

package/dist/components/feedback/dialog/NeonDialog.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonDialog.ts_vue_type_script_src_5f73ae8b_lang.es.js";
+import _sfc_main from "./NeonDialog.ts_vue_type_script_src_be950c82_lang.es.js";
 import { resolveComponent, openBlock, createBlock, withKeys, withCtx, createVNode, createElementVNode, toDisplayString } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = { class: "neon-dialog__title" };
@@ -56,6 +56,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["opaque", "open"]);
 }
-var NeonDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/feedback/dialog/NeonDialog.vue"]]);
+var NeonDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonDialog as default };
 //# sourceMappingURL=NeonDialog.es.js.map

package/dist/components/feedback/dialog/{NeonDialog.ts_vue_type_script_src_5f73ae8b_lang.cjs.js → NeonDialog.ts_vue_type_script_src_be950c82_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var n=require("vue"),u=require("../../../common/enums/NeonFunctionalColor.cjs.js"),c=require("../../user-input/button/NeonButton.cjs.js"),i=require("../../layout/card/NeonCard.cjs.js"),s=require("../../layout/card/body/NeonCardBody.cjs.js"),d=require("../../layout/modal/NeonModal.cjs.js"),f=n.defineComponent({name:"NeonDialog",components:{NeonButton:c,NeonCard:i,NeonCardBody:s,NeonModal:d},props:{color:{type:String,default:u.NeonFunctionalColor.Primary},alternateColor:{type:String,default:null},cancelLabel:{type:String,default:"Cancel"},confirmLabel:{type:String,default:"Confirm"},title:{type:String,required:!0},question:{type:String,required:!0},open:{type:Boolean,default:!1},opaque:{type:Boolean,default:!1}},emits:["cancel","confirm"],setup(t,{emit:r}){const e=n.ref(null),a=()=>{r("cancel")},l=()=>{r("confirm")};return n.watch(()=>t.open,()=>{if(e.value){const o=e.value.querySelector(".neon-dialog__confirm-button");o==null||o.focus()}}),{actions:e,cancel:a,confirm:l}}});module.exports=f;
-//# sourceMappingURL=NeonDialog.ts_vue_type_script_src_5f73ae8b_lang.cjs.js.map
+//# sourceMappingURL=NeonDialog.ts_vue_type_script_src_be950c82_lang.cjs.js.map

package/dist/components/feedback/dialog/{NeonDialog.ts_vue_type_script_src_5f73ae8b_lang.cjs.js.map → NeonDialog.ts_vue_type_script_src_be950c82_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonDialog.ts_vue_type_script_src_5f73ae8b_lang.cjs.js","sources":["../../../../src/components/feedback/dialog/NeonDialog.ts?vue&type=script&src=5f73ae8b&lang.ts"],"sourcesContent":["import { defineComponent, ref, watch } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonCard from '@/components/layout/card/NeonCard.vue';\nimport NeonCardBody from '@/components/layout/card/body/NeonCardBody.vue';\nimport NeonModal from '@/components/layout/modal/NeonModal.vue';\n\n/**\n * A dialog component for confirming simple actions. This will be rendered above the content of the main window and\n * present just two options to the user, one to proceed with the action and the other to cancel it.\n */\nexport default defineComponent({\n  name: 'NeonDialog',\n  components: {\n    NeonButton,\n    NeonCard,\n    NeonCardBody,\n    NeonModal,\n  },\n  props: {\n    /**\n     * The color of the button for the confirm (positive) action.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Alternate confirm button color for creating a gradient button. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * The label of the button for the cancel (negative) action.\n     */\n    cancelLabel: { type: String, default: 'Cancel' },\n    /**\n     * The label of the button for the confirm (positive) action.\n     */\n    confirmLabel: { type: String, default: 'Confirm' },\n    /**\n     * The dialog title\n     */\n    title: { type: String, required: true },\n    /**\n     * The dialog question. Can be html (rendered using v-html).\n     */\n    question: { type: String, required: true },\n    /**\n     * Whether the dialog is open.\n     */\n    open: { type: Boolean, default: false },\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  emits: [\n    /**\n     * emitted when the user clicks the cancel (negative) action button.\n     * @type {void}\n     */\n    'cancel',\n    /**\n     * emitted when the user clicks the confirm (positive) action button.\n     * @type {void}\n     */\n    'confirm',\n  ],\n  setup(props, { emit }) {\n    const actions = ref<HTMLDivElement | null>(null);\n\n    const cancel = () => {\n      emit('cancel');\n    };\n\n    const confirm = () => {\n      emit('confirm');\n    };\n\n    watch(\n      () => props.open,\n      () => {\n        if (actions.value) {\n          const button = actions.value.querySelector('.neon-dialog__confirm-button') as HTMLButtonElement;\n          button?.focus();\n        }\n      },\n    );\n\n    return {\n      actions,\n      cancel,\n      confirm,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonCard","NeonCardBody","NeonModal","NeonFunctionalColor","props","emit","actions","ref","cancel","confirm","watch","button"],"mappings":"+SAWAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,WAAY,CACV,WAAAC,EACA,SAAAC,EACA,aAAAC,EACA,UAAAC,CACF,EACA,MAAO,CAIL,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAQ,EAIzF,eAAgB,CAAE,KAAM,OAAqC,QAAS,IAAK,EAI3E,YAAa,CAAE,KAAM,OAAQ,QAAS,QAAS,EAI/C,aAAc,CAAE,KAAM,OAAQ,QAAS,SAAU,EAIjD,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAK,EAItC,SAAU,CAAE,KAAM,OAAQ,SAAU,EAAK,EAIzC,KAAM,CAAE,KAAM,QAAS,QAAS,EAAM,EAItC,OAAQ,CAAE,KAAM,QAAS,QAAS,EAAM,CAC1C,EACA,MAAO,CAKL,SAKA,SACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACf,MAAAC,EAAUC,MAA2B,IAAI,EAEzCC,EAAS,IAAM,CACnBH,EAAK,QAAQ,CAAA,EAGTI,EAAU,IAAM,CACpBJ,EAAK,SAAS,CAAA,EAGhBK,OAAAA,EAAA,MACE,IAAMN,EAAM,KACZ,IAAM,CACJ,GAAIE,EAAQ,MAAO,CACjB,MAAMK,EAASL,EAAQ,MAAM,cAAc,8BAA8B,EACzEK,GAAA,MAAAA,EAAQ,OACV,CACF,CAAA,EAGK,CACL,QAAAL,EACA,OAAAE,EACA,QAAAC,CAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonDialog.ts_vue_type_script_src_be950c82_lang.cjs.js","sources":["../../../../src/components/feedback/dialog/NeonDialog.ts?vue&type=script&src=be950c82&lang.ts"],"sourcesContent":["import { defineComponent, ref, watch } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonCard from '@/components/layout/card/NeonCard.vue';\nimport NeonCardBody from '@/components/layout/card/body/NeonCardBody.vue';\nimport NeonModal from '@/components/layout/modal/NeonModal.vue';\n\n/**\n * A dialog component for confirming simple actions. This will be rendered above the content of the main window and\n * present just two options to the user, one to proceed with the action and the other to cancel it.\n */\nexport default defineComponent({\n  name: 'NeonDialog',\n  components: {\n    NeonButton,\n    NeonCard,\n    NeonCardBody,\n    NeonModal,\n  },\n  props: {\n    /**\n     * The color of the button for the confirm (positive) action.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Alternate confirm button color for creating a gradient button. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * The label of the button for the cancel (negative) action.\n     */\n    cancelLabel: { type: String, default: 'Cancel' },\n    /**\n     * The label of the button for the confirm (positive) action.\n     */\n    confirmLabel: { type: String, default: 'Confirm' },\n    /**\n     * The dialog title\n     */\n    title: { type: String, required: true },\n    /**\n     * The dialog question. Can be html (rendered using v-html).\n     */\n    question: { type: String, required: true },\n    /**\n     * Whether the dialog is open.\n     */\n    open: { type: Boolean, default: false },\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  emits: [\n    /**\n     * emitted when the user clicks the cancel (negative) action button.\n     * @type {void}\n     */\n    'cancel',\n    /**\n     * emitted when the user clicks the confirm (positive) action button.\n     * @type {void}\n     */\n    'confirm',\n  ],\n  setup(props, { emit }) {\n    const actions = ref<HTMLDivElement | null>(null);\n\n    const cancel = () => {\n      emit('cancel');\n    };\n\n    const confirm = () => {\n      emit('confirm');\n    };\n\n    watch(\n      () => props.open,\n      () => {\n        if (actions.value) {\n          const button = actions.value.querySelector('.neon-dialog__confirm-button') as HTMLButtonElement;\n          button?.focus();\n        }\n      },\n    );\n\n    return {\n      actions,\n      cancel,\n      confirm,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonCard","NeonCardBody","NeonModal","NeonFunctionalColor","props","emit","actions","ref","cancel","confirm","watch","button"],"mappings":"+SAWAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,WAAY,CACV,WAAAC,EACA,SAAAC,EACA,aAAAC,EACA,UAAAC,CACF,EACA,MAAO,CAIL,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAQ,EAIzF,eAAgB,CAAE,KAAM,OAAqC,QAAS,IAAK,EAI3E,YAAa,CAAE,KAAM,OAAQ,QAAS,QAAS,EAI/C,aAAc,CAAE,KAAM,OAAQ,QAAS,SAAU,EAIjD,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAK,EAItC,SAAU,CAAE,KAAM,OAAQ,SAAU,EAAK,EAIzC,KAAM,CAAE,KAAM,QAAS,QAAS,EAAM,EAItC,OAAQ,CAAE,KAAM,QAAS,QAAS,EAAM,CAC1C,EACA,MAAO,CAKL,SAKA,SACF,EACA,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACf,MAAAC,EAAUC,MAA2B,IAAI,EAEzCC,EAAS,IAAM,CACnBH,EAAK,QAAQ,CAAA,EAGTI,EAAU,IAAM,CACpBJ,EAAK,SAAS,CAAA,EAGhBK,OAAAA,EAAA,MACE,IAAMN,EAAM,KACZ,IAAM,CACJ,GAAIE,EAAQ,MAAO,CACjB,MAAMK,EAASL,EAAQ,MAAM,cAAc,8BAA8B,EACzEK,GAAA,MAAAA,EAAQ,OACV,CACF,CAAA,EAGK,CACL,QAAAL,EACA,OAAAE,EACA,QAAAC,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/feedback/dialog/{NeonDialog.ts_vue_type_script_src_5f73ae8b_lang.es.js → NeonDialog.ts_vue_type_script_src_be950c82_lang.es.js}

@@ -51,4 +51,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonDialog.ts_vue_type_script_src_5f73ae8b_lang.es.js.map
+//# sourceMappingURL=NeonDialog.ts_vue_type_script_src_be950c82_lang.es.js.map

package/dist/components/feedback/dialog/{NeonDialog.ts_vue_type_script_src_5f73ae8b_lang.es.js.map → NeonDialog.ts_vue_type_script_src_be950c82_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonDialog.ts_vue_type_script_src_5f73ae8b_lang.es.js","sources":["../../../../src/components/feedback/dialog/NeonDialog.ts?vue&type=script&src=5f73ae8b&lang.ts"],"sourcesContent":["import { defineComponent, ref, watch } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonCard from '@/components/layout/card/NeonCard.vue';\nimport NeonCardBody from '@/components/layout/card/body/NeonCardBody.vue';\nimport NeonModal from '@/components/layout/modal/NeonModal.vue';\n\n/**\n * A dialog component for confirming simple actions. This will be rendered above the content of the main window and\n * present just two options to the user, one to proceed with the action and the other to cancel it.\n */\nexport default defineComponent({\n  name: 'NeonDialog',\n  components: {\n    NeonButton,\n    NeonCard,\n    NeonCardBody,\n    NeonModal,\n  },\n  props: {\n    /**\n     * The color of the button for the confirm (positive) action.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Alternate confirm button color for creating a gradient button. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * The label of the button for the cancel (negative) action.\n     */\n    cancelLabel: { type: String, default: 'Cancel' },\n    /**\n     * The label of the button for the confirm (positive) action.\n     */\n    confirmLabel: { type: String, default: 'Confirm' },\n    /**\n     * The dialog title\n     */\n    title: { type: String, required: true },\n    /**\n     * The dialog question. Can be html (rendered using v-html).\n     */\n    question: { type: String, required: true },\n    /**\n     * Whether the dialog is open.\n     */\n    open: { type: Boolean, default: false },\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  emits: [\n    /**\n     * emitted when the user clicks the cancel (negative) action button.\n     * @type {void}\n     */\n    'cancel',\n    /**\n     * emitted when the user clicks the confirm (positive) action button.\n     * @type {void}\n     */\n    'confirm',\n  ],\n  setup(props, { emit }) {\n    const actions = ref<HTMLDivElement | null>(null);\n\n    const cancel = () => {\n      emit('cancel');\n    };\n\n    const confirm = () => {\n      emit('confirm');\n    };\n\n    watch(\n      () => props.open,\n      () => {\n        if (actions.value) {\n          const button = actions.value.querySelector('.neon-dialog__confirm-button') as HTMLButtonElement;\n          button?.focus();\n        }\n      },\n    );\n\n    return {\n      actions,\n      cancel,\n      confirm,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;;;AAWA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,QAAQ;AAAA,IAIzF,gBAAgB,EAAE,MAAM,QAAqC,SAAS,KAAK;AAAA,IAI3E,aAAa,EAAE,MAAM,QAAQ,SAAS,SAAS;AAAA,IAI/C,cAAc,EAAE,MAAM,QAAQ,SAAS,UAAU;AAAA,IAIjD,OAAO,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAItC,UAAU,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAIzC,MAAM,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAItC,QAAQ,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC1C;AAAA,EACA,OAAO;AAAA,IAKL;AAAA,IAKA;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACf,UAAA,UAAU,IAA2B,IAAI;AAE/C,UAAM,SAAS,MAAM;AACnB,WAAK,QAAQ;AAAA,IAAA;AAGf,UAAM,UAAU,MAAM;AACpB,WAAK,SAAS;AAAA,IAAA;AAGhB;AAAA,MACE,MAAM,MAAM;AAAA,MACZ,MAAM;AACJ,YAAI,QAAQ,OAAO;AACjB,gBAAM,SAAS,QAAQ,MAAM,cAAc,8BAA8B;AACzE,2CAAQ;AAAA,QACV;AAAA,MACF;AAAA,IAAA;AAGK,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
+{"version":3,"file":"NeonDialog.ts_vue_type_script_src_be950c82_lang.es.js","sources":["../../../../src/components/feedback/dialog/NeonDialog.ts?vue&type=script&src=be950c82&lang.ts"],"sourcesContent":["import { defineComponent, ref, watch } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonCard from '@/components/layout/card/NeonCard.vue';\nimport NeonCardBody from '@/components/layout/card/body/NeonCardBody.vue';\nimport NeonModal from '@/components/layout/modal/NeonModal.vue';\n\n/**\n * A dialog component for confirming simple actions. This will be rendered above the content of the main window and\n * present just two options to the user, one to proceed with the action and the other to cancel it.\n */\nexport default defineComponent({\n  name: 'NeonDialog',\n  components: {\n    NeonButton,\n    NeonCard,\n    NeonCardBody,\n    NeonModal,\n  },\n  props: {\n    /**\n     * The color of the button for the confirm (positive) action.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Alternate confirm button color for creating a gradient button. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * The label of the button for the cancel (negative) action.\n     */\n    cancelLabel: { type: String, default: 'Cancel' },\n    /**\n     * The label of the button for the confirm (positive) action.\n     */\n    confirmLabel: { type: String, default: 'Confirm' },\n    /**\n     * The dialog title\n     */\n    title: { type: String, required: true },\n    /**\n     * The dialog question. Can be html (rendered using v-html).\n     */\n    question: { type: String, required: true },\n    /**\n     * Whether the dialog is open.\n     */\n    open: { type: Boolean, default: false },\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  emits: [\n    /**\n     * emitted when the user clicks the cancel (negative) action button.\n     * @type {void}\n     */\n    'cancel',\n    /**\n     * emitted when the user clicks the confirm (positive) action button.\n     * @type {void}\n     */\n    'confirm',\n  ],\n  setup(props, { emit }) {\n    const actions = ref<HTMLDivElement | null>(null);\n\n    const cancel = () => {\n      emit('cancel');\n    };\n\n    const confirm = () => {\n      emit('confirm');\n    };\n\n    watch(\n      () => props.open,\n      () => {\n        if (actions.value) {\n          const button = actions.value.querySelector('.neon-dialog__confirm-button') as HTMLButtonElement;\n          button?.focus();\n        }\n      },\n    );\n\n    return {\n      actions,\n      cancel,\n      confirm,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;;;AAWA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAIL,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,QAAQ;AAAA,IAIzF,gBAAgB,EAAE,MAAM,QAAqC,SAAS,KAAK;AAAA,IAI3E,aAAa,EAAE,MAAM,QAAQ,SAAS,SAAS;AAAA,IAI/C,cAAc,EAAE,MAAM,QAAQ,SAAS,UAAU;AAAA,IAIjD,OAAO,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAItC,UAAU,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAIzC,MAAM,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,IAItC,QAAQ,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC1C;AAAA,EACA,OAAO;AAAA,IAKL;AAAA,IAKA;AAAA,EACF;AAAA,EACA,MAAM,OAAO,EAAE,QAAQ;AACf,UAAA,UAAU,IAA2B,IAAI;AAE/C,UAAM,SAAS,MAAM;AACnB,WAAK,QAAQ;AAAA,IAAA;AAGf,UAAM,UAAU,MAAM;AACpB,WAAK,SAAS;AAAA,IAAA;AAGhB;AAAA,MACE,MAAM,MAAM;AAAA,MACZ,MAAM;AACJ,YAAI,QAAQ,OAAO;AACjB,gBAAM,SAAS,QAAQ,MAAM,cAAc,8BAA8B;AACzE,2CAAQ;AAAA,QACV;AAAA,MACF;AAAA,IAAA;AAGK,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

package/dist/components/feedback/linear-progress/NeonLinearProgress.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var n=require("./NeonLinearProgress.ts_vue_type_script_src_1c4c776c_lang.cjs.js"),e=require("vue"),a=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const s=["aria-valuemax","aria-valuenow"],l={class:"neon-linear-progress__container"},t={key:0,class:"neon-linear-progress__label"},c={class:"neon-linear-progress__bar"},i={key:1,class:"neon-linear-progress__output"};function p(o,d,m,_,g,v){const r=e.resolveComponent("neon-icon");return e.openBlock(),e.createElementBlock("div",{"aria-valuemax":o.computedTotal,"aria-valuenow":o.calculatedValue,class:e.normalizeClass([[`neon-linear-progress--${o.color}`,`neon-linear-progress--${o.size}`,o.alternateColor?`neon-linear-progress--alternate-color-${o.alternateColor}`:""],"neon-linear-progress"]),"aria-valuemin":"0",role:"progressbar"},[e.createElementVNode("div",l,[o.label?(e.openBlock(),e.createElementBlock("span",t,e.toDisplayString(o.label),1)):e.createCommentVNode("",!0),e.createElementVNode("div",c,[e.createElementVNode("div",{class:e.normalizeClass([{"neon-linear-progress__indicator--completed":o.completed},"neon-linear-progress__indicator"]),style:e.normalizeStyle(`width:${o.computedPercentage}%`)},null,6)])]),o.completedIcon&&o.completed?(e.openBlock(),e.createBlock(r,{key:0,color:o.completedIconColor||o.alternateColor||o.color,name:o.completedIcon,class:"neon-linear-progress__icon"},null,8,["color","name"])):e.createCommentVNode("",!0),o.output?(e.openBlock(),e.createElementBlock("span",i,e.toDisplayString(o.computedOutput),1)):e.createCommentVNode("",!0)],10,s)}var u=a(n,[["render",p],["__file","/Users/andrew/dev/projects/neon/src/components/feedback/linear-progress/NeonLinearProgress.vue"]]);module.exports=u;
+"use strict";var n=require("./NeonLinearProgress.ts_vue_type_script_src_51ae18c9_lang.cjs.js"),e=require("vue"),a=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const l=["aria-valuemax","aria-valuenow"],s={class:"neon-linear-progress__container"},t={key:0,class:"neon-linear-progress__label"},i={class:"neon-linear-progress__bar"},c={key:1,class:"neon-linear-progress__output"};function p(o,d,m,_,g,v){const r=e.resolveComponent("neon-icon");return e.openBlock(),e.createElementBlock("div",{"aria-valuemax":o.computedTotal,"aria-valuenow":o.calculatedValue,class:e.normalizeClass([[`neon-linear-progress--${o.color}`,`neon-linear-progress--${o.size}`,o.alternateColor?`neon-linear-progress--alternate-color-${o.alternateColor}`:""],"neon-linear-progress"]),"aria-valuemin":"0",role:"progressbar"},[e.createElementVNode("div",s,[o.label?(e.openBlock(),e.createElementBlock("span",t,e.toDisplayString(o.label),1)):e.createCommentVNode("",!0),e.createElementVNode("div",i,[e.createElementVNode("div",{class:e.normalizeClass([{"neon-linear-progress__indicator--completed":o.completed},"neon-linear-progress__indicator"]),style:e.normalizeStyle(`width:${o.computedPercentage}%`)},null,6)])]),o.completedIcon&&o.completed?(e.openBlock(),e.createBlock(r,{key:0,color:o.completedIconColor||o.alternateColor||o.color,name:o.completedIcon,class:"neon-linear-progress__icon"},null,8,["color","name"])):e.createCommentVNode("",!0),o.output?(e.openBlock(),e.createElementBlock("span",c,e.toDisplayString(o.computedOutput),1)):e.createCommentVNode("",!0)],10,l)}var u=a(n,[["render",p]]);module.exports=u;
 //# sourceMappingURL=NeonLinearProgress.cjs.js.map

package/dist/components/feedback/linear-progress/NeonLinearProgress.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonLinearProgress.ts_vue_type_script_src_1c4c776c_lang.es.js";
+import _sfc_main from "./NeonLinearProgress.ts_vue_type_script_src_51ae18c9_lang.es.js";
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, normalizeStyle, createBlock } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = ["aria-valuemax", "aria-valuenow"];
@@ -43,6 +43,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.output ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(_ctx.computedOutput), 1)) : createCommentVNode("", true)
   ], 10, _hoisted_1);
 }
-var NeonLinearProgress = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/feedback/linear-progress/NeonLinearProgress.vue"]]);
+var NeonLinearProgress = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonLinearProgress as default };
 //# sourceMappingURL=NeonLinearProgress.es.js.map

package/dist/components/feedback/linear-progress/{NeonLinearProgress.ts_vue_type_script_src_1c4c776c_lang.cjs.js → NeonLinearProgress.ts_vue_type_script_src_51ae18c9_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var t=require("vue"),s=require("../../../common/enums/NeonFunctionalColor.cjs.js"),d=require("../../../common/enums/NeonSize.cjs.js"),N=require("../../presentation/icon/NeonIcon.cjs.js"),r=require("../../../common/utils/NeonNumberUtils.cjs.js"),v=t.defineComponent({name:"NeonLinearProgress",components:{NeonIcon:N},props:{value:{type:Number,required:!0},total:{type:Number,default:null},label:{type:String,default:null},color:{type:String,default:s.NeonFunctionalColor.Primary},alternateColor:{type:String,default:null},size:{type:String,default:d.NeonSize.Medium},locale:{type:String,default:null},output:{type:Boolean,default:!0},completedIcon:{type:String,default:null},completedIconColor:{type:String,default:null},decimals:{type:Number,default:0}},setup(e){const n=t.ref(0),a=t.computed(()=>e.total?1:.01),l=t.computed(()=>100*n.value/(e.total||1)),c=t.computed(()=>e.total||100),i=t.computed(()=>l.value>=100),m=t.computed(()=>e.total?`${r.NeonNumberUtils.formatNumber(n.value,{decimals:e.decimals},e.locale)} / ${e.total}`:`${r.NeonNumberUtils.formatNumber(l.value,{decimals:e.decimals},e.locale)}%`),u=o=>{setTimeout(()=>{n.value=Math.min(o,n.value+a.value),o>n.value&&u(o)},25)};return t.watch(()=>e.value,o=>{u(o)},{immediate:!0}),{calculatedValue:n,computedTotal:c,completed:i,computedOutput:m,computedPercentage:l}}});module.exports=v;
-//# sourceMappingURL=NeonLinearProgress.ts_vue_type_script_src_1c4c776c_lang.cjs.js.map
+//# sourceMappingURL=NeonLinearProgress.ts_vue_type_script_src_51ae18c9_lang.cjs.js.map

package/dist/components/feedback/linear-progress/{NeonLinearProgress.ts_vue_type_script_src_1c4c776c_lang.cjs.js.map → NeonLinearProgress.ts_vue_type_script_src_51ae18c9_lang.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonLinearProgress.ts_vue_type_script_src_1c4c776c_lang.cjs.js","sources":["../../../../src/components/feedback/linear-progress/NeonLinearProgress.ts?vue&type=script&src=1c4c776c&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, watch } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonNumberUtils } from '@/common/utils/NeonNumberUtils';\n\n/**\n * A component for displaying linear progress. The progress can be displayed as a percentage (default) or\n * as a counter (x / y).\n */\nexport default defineComponent({\n  name: 'NeonLinearProgress',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * If no total is provided (default) the current % completion is expressed as a %, e.g. 0.15 = 15%,\n     * In the case of a total being provided this is the count of items from the total, i.e. the 'x' in 'x / y '.\n     */\n    value: { type: Number, required: true },\n    /**\n     * When the total is provided the display is 'x / y' where total is the 'y' in 'x / y'.\n     */\n    total: { type: Number, default: null },\n    /**\n     * A label to display above the progress bar\n     */\n    label: { type: String, default: null },\n    /**\n     * The progress bar color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * The alternate color for displaying the progress as a gradient\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * The component size, NeonSize.Small or NeonSize.Medium\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The locale used for display purposes. This defaults to the browser's locale if none is provided.\n     */\n    locale: { type: String, default: null },\n    /**\n     * Display the text output indicating the current state of progress\n     */\n    output: { type: Boolean, default: true },\n    /**\n     * Display an icon on completion\n     */\n    completedIcon: { type: String, default: null },\n    /**\n     * Specify the icon color (default = alternate-color || color)\n     */\n    completedIconColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * The decimals to use for rounding\n     */\n    decimals: { type: Number, default: 0 },\n  },\n  setup(props) {\n    const progressAnimationInterval = 25;\n    const calculatedValue = ref(0);\n\n    const increment = computed(() => {\n      return props.total ? 1 : 0.01;\n    });\n\n    const computedPercentage = computed(() => {\n      return (100.0 * calculatedValue.value) / (props.total || 1.0);\n    });\n\n    const computedTotal = computed(() => {\n      return props.total || 100.0;\n    });\n\n    const completed = computed(() => {\n      return computedPercentage.value >= 100;\n    });\n\n    const computedOutput = computed(() => {\n      return props.total\n        ? `${NeonNumberUtils.formatNumber(calculatedValue.value, { decimals: props.decimals }, props.locale)} / ${\n            props.total\n          }`\n        : `${NeonNumberUtils.formatNumber(computedPercentage.value, { decimals: props.decimals }, props.locale)}%`;\n    });\n\n    const incrementValue = (value: number) => {\n      setTimeout(() => {\n        calculatedValue.value = Math.min(value, calculatedValue.value + increment.value);\n        if (value > calculatedValue.value) {\n          incrementValue(value);\n        }\n      }, progressAnimationInterval);\n    };\n\n    watch(\n      () => props.value,\n      (value: number) => {\n        incrementValue(value);\n      },\n      { immediate: true },\n    );\n\n    return {\n      calculatedValue,\n      computedTotal,\n      completed,\n      computedOutput,\n      computedPercentage,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonFunctionalColor","NeonSize","props","calculatedValue","ref","increment","computed","computedPercentage","computedTotal","completed","computedOutput","NeonNumberUtils","incrementValue","value","watch"],"mappings":"kQAUAA,EAAeC,kBAAgB,CAC7B,KAAM,qBACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CAKL,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAK,EAItC,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIrC,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIrC,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAQ,EAIzF,eAAgB,CAAE,KAAM,OAAqC,QAAS,IAAK,EAI3E,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,EAIjE,OAAQ,CAAE,KAAM,OAAQ,QAAS,IAAK,EAItC,OAAQ,CAAE,KAAM,QAAS,QAAS,EAAK,EAIvC,cAAe,CAAE,KAAM,OAAQ,QAAS,IAAK,EAI7C,mBAAoB,CAAE,KAAM,OAAqC,QAAS,IAAK,EAI/E,SAAU,CAAE,KAAM,OAAQ,QAAS,CAAE,CACvC,EACA,MAAMC,EAAO,CAEL,MAAAC,EAAkBC,MAAI,CAAC,EAEvBC,EAAYC,EAAAA,SAAS,IAClBJ,EAAM,MAAQ,EAAI,GAC1B,EAEKK,EAAqBD,EAAAA,SAAS,IAC1B,IAAQH,EAAgB,OAAUD,EAAM,OAAS,EAC1D,EAEKM,EAAgBF,EAAAA,SAAS,IACtBJ,EAAM,OAAS,GACvB,EAEKO,EAAYH,EAAAA,SAAS,IAClBC,EAAmB,OAAS,GACpC,EAEKG,EAAiBJ,EAAAA,SAAS,IACvBJ,EAAM,MACT,GAAGS,EAAAA,gBAAgB,aAAaR,EAAgB,MAAO,CAAE,SAAUD,EAAM,QAAS,EAAGA,EAAM,MAAM,OAC/FA,EAAM,QAER,GAAGS,EAAgB,gBAAA,aAAaJ,EAAmB,MAAO,CAAE,SAAUL,EAAM,QAAY,EAAAA,EAAM,MAAM,IACzG,EAEKU,EAAkBC,GAAkB,CACxC,WAAW,IAAM,CACfV,EAAgB,MAAQ,KAAK,IAAIU,EAAOV,EAAgB,MAAQE,EAAU,KAAK,EAC3EQ,EAAQV,EAAgB,OAC1BS,EAAeC,CAAK,GAErB,EAAyB,CAAA,EAG9BC,OAAAA,EAAA,MACE,IAAMZ,EAAM,MACXW,GAAkB,CACjBD,EAAeC,CAAK,CACtB,EACA,CAAE,UAAW,EAAK,CAAA,EAGb,CACL,gBAAAV,EACA,cAAAK,EACA,UAAAC,EACA,eAAAC,EACA,mBAAAH,CAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonLinearProgress.ts_vue_type_script_src_51ae18c9_lang.cjs.js","sources":["../../../../src/components/feedback/linear-progress/NeonLinearProgress.ts?vue&type=script&src=51ae18c9&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, watch } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonNumberUtils } from '@/common/utils/NeonNumberUtils';\n\n/**\n * A component for displaying linear progress. The progress can be displayed as a percentage (default) or\n * as a counter (x / y).\n */\nexport default defineComponent({\n  name: 'NeonLinearProgress',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * If no total is provided (default) the current % completion is expressed as a %, e.g. 0.15 = 15%,\n     * In the case of a total being provided this is the count of items from the total, i.e. the 'x' in 'x / y '.\n     */\n    value: { type: Number, required: true },\n    /**\n     * When the total is provided the display is 'x / y' where total is the 'y' in 'x / y'.\n     */\n    total: { type: Number, default: null },\n    /**\n     * A label to display above the progress bar\n     */\n    label: { type: String, default: null },\n    /**\n     * The progress bar color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * The alternate color for displaying the progress as a gradient\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * The component size, NeonSize.Small or NeonSize.Medium\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The locale used for display purposes. This defaults to the browser's locale if none is provided.\n     */\n    locale: { type: String, default: null },\n    /**\n     * Display the text output indicating the current state of progress\n     */\n    output: { type: Boolean, default: true },\n    /**\n     * Display an icon on completion\n     */\n    completedIcon: { type: String, default: null },\n    /**\n     * Specify the icon color (default = alternate-color || color)\n     */\n    completedIconColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * The decimals to use for rounding\n     */\n    decimals: { type: Number, default: 0 },\n  },\n  setup(props) {\n    const progressAnimationInterval = 25;\n    const calculatedValue = ref(0);\n\n    const increment = computed(() => {\n      return props.total ? 1 : 0.01;\n    });\n\n    const computedPercentage = computed(() => {\n      return (100.0 * calculatedValue.value) / (props.total || 1.0);\n    });\n\n    const computedTotal = computed(() => {\n      return props.total || 100.0;\n    });\n\n    const completed = computed(() => {\n      return computedPercentage.value >= 100;\n    });\n\n    const computedOutput = computed(() => {\n      return props.total\n        ? `${NeonNumberUtils.formatNumber(calculatedValue.value, { decimals: props.decimals }, props.locale)} / ${\n            props.total\n          }`\n        : `${NeonNumberUtils.formatNumber(computedPercentage.value, { decimals: props.decimals }, props.locale)}%`;\n    });\n\n    const incrementValue = (value: number) => {\n      setTimeout(() => {\n        calculatedValue.value = Math.min(value, calculatedValue.value + increment.value);\n        if (value > calculatedValue.value) {\n          incrementValue(value);\n        }\n      }, progressAnimationInterval);\n    };\n\n    watch(\n      () => props.value,\n      (value: number) => {\n        incrementValue(value);\n      },\n      { immediate: true },\n    );\n\n    return {\n      calculatedValue,\n      computedTotal,\n      completed,\n      computedOutput,\n      computedPercentage,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonFunctionalColor","NeonSize","props","calculatedValue","ref","increment","computed","computedPercentage","computedTotal","completed","computedOutput","NeonNumberUtils","incrementValue","value","watch"],"mappings":"kQAUAA,EAAeC,kBAAgB,CAC7B,KAAM,qBACN,WAAY,CACV,SAAAC,CACF,EACA,MAAO,CAKL,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAK,EAItC,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIrC,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAK,EAIrC,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAQ,EAIzF,eAAgB,CAAE,KAAM,OAAqC,QAAS,IAAK,EAI3E,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAO,EAIjE,OAAQ,CAAE,KAAM,OAAQ,QAAS,IAAK,EAItC,OAAQ,CAAE,KAAM,QAAS,QAAS,EAAK,EAIvC,cAAe,CAAE,KAAM,OAAQ,QAAS,IAAK,EAI7C,mBAAoB,CAAE,KAAM,OAAqC,QAAS,IAAK,EAI/E,SAAU,CAAE,KAAM,OAAQ,QAAS,CAAE,CACvC,EACA,MAAMC,EAAO,CAEL,MAAAC,EAAkBC,MAAI,CAAC,EAEvBC,EAAYC,EAAAA,SAAS,IAClBJ,EAAM,MAAQ,EAAI,GAC1B,EAEKK,EAAqBD,EAAAA,SAAS,IAC1B,IAAQH,EAAgB,OAAUD,EAAM,OAAS,EAC1D,EAEKM,EAAgBF,EAAAA,SAAS,IACtBJ,EAAM,OAAS,GACvB,EAEKO,EAAYH,EAAAA,SAAS,IAClBC,EAAmB,OAAS,GACpC,EAEKG,EAAiBJ,EAAAA,SAAS,IACvBJ,EAAM,MACT,GAAGS,EAAAA,gBAAgB,aAAaR,EAAgB,MAAO,CAAE,SAAUD,EAAM,QAAS,EAAGA,EAAM,MAAM,OAC/FA,EAAM,QAER,GAAGS,EAAgB,gBAAA,aAAaJ,EAAmB,MAAO,CAAE,SAAUL,EAAM,QAAY,EAAAA,EAAM,MAAM,IACzG,EAEKU,EAAkBC,GAAkB,CACxC,WAAW,IAAM,CACfV,EAAgB,MAAQ,KAAK,IAAIU,EAAOV,EAAgB,MAAQE,EAAU,KAAK,EAC3EQ,EAAQV,EAAgB,OAC1BS,EAAeC,CAAK,GAErB,EAAyB,CAAA,EAG9BC,OAAAA,EAAA,MACE,IAAMZ,EAAM,MACXW,GAAkB,CACjBD,EAAeC,CAAK,CACtB,EACA,CAAE,UAAW,EAAK,CAAA,EAGb,CACL,gBAAAV,EACA,cAAAK,EACA,UAAAC,EACA,eAAAC,EACA,mBAAAH,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/feedback/linear-progress/{NeonLinearProgress.ts_vue_type_script_src_1c4c776c_lang.es.js → NeonLinearProgress.ts_vue_type_script_src_51ae18c9_lang.es.js}

@@ -64,4 +64,4 @@ var _sfc_main = defineComponent({
   }
 });
 export { _sfc_main as default };
-//# sourceMappingURL=NeonLinearProgress.ts_vue_type_script_src_1c4c776c_lang.es.js.map
+//# sourceMappingURL=NeonLinearProgress.ts_vue_type_script_src_51ae18c9_lang.es.js.map

package/dist/components/feedback/linear-progress/{NeonLinearProgress.ts_vue_type_script_src_1c4c776c_lang.es.js.map → NeonLinearProgress.ts_vue_type_script_src_51ae18c9_lang.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NeonLinearProgress.ts_vue_type_script_src_1c4c776c_lang.es.js","sources":["../../../../src/components/feedback/linear-progress/NeonLinearProgress.ts?vue&type=script&src=1c4c776c&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, watch } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonNumberUtils } from '@/common/utils/NeonNumberUtils';\n\n/**\n * A component for displaying linear progress. The progress can be displayed as a percentage (default) or\n * as a counter (x / y).\n */\nexport default defineComponent({\n  name: 'NeonLinearProgress',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * If no total is provided (default) the current % completion is expressed as a %, e.g. 0.15 = 15%,\n     * In the case of a total being provided this is the count of items from the total, i.e. the 'x' in 'x / y '.\n     */\n    value: { type: Number, required: true },\n    /**\n     * When the total is provided the display is 'x / y' where total is the 'y' in 'x / y'.\n     */\n    total: { type: Number, default: null },\n    /**\n     * A label to display above the progress bar\n     */\n    label: { type: String, default: null },\n    /**\n     * The progress bar color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * The alternate color for displaying the progress as a gradient\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * The component size, NeonSize.Small or NeonSize.Medium\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The locale used for display purposes. This defaults to the browser's locale if none is provided.\n     */\n    locale: { type: String, default: null },\n    /**\n     * Display the text output indicating the current state of progress\n     */\n    output: { type: Boolean, default: true },\n    /**\n     * Display an icon on completion\n     */\n    completedIcon: { type: String, default: null },\n    /**\n     * Specify the icon color (default = alternate-color || color)\n     */\n    completedIconColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * The decimals to use for rounding\n     */\n    decimals: { type: Number, default: 0 },\n  },\n  setup(props) {\n    const progressAnimationInterval = 25;\n    const calculatedValue = ref(0);\n\n    const increment = computed(() => {\n      return props.total ? 1 : 0.01;\n    });\n\n    const computedPercentage = computed(() => {\n      return (100.0 * calculatedValue.value) / (props.total || 1.0);\n    });\n\n    const computedTotal = computed(() => {\n      return props.total || 100.0;\n    });\n\n    const completed = computed(() => {\n      return computedPercentage.value >= 100;\n    });\n\n    const computedOutput = computed(() => {\n      return props.total\n        ? `${NeonNumberUtils.formatNumber(calculatedValue.value, { decimals: props.decimals }, props.locale)} / ${\n            props.total\n          }`\n        : `${NeonNumberUtils.formatNumber(computedPercentage.value, { decimals: props.decimals }, props.locale)}%`;\n    });\n\n    const incrementValue = (value: number) => {\n      setTimeout(() => {\n        calculatedValue.value = Math.min(value, calculatedValue.value + increment.value);\n        if (value > calculatedValue.value) {\n          incrementValue(value);\n        }\n      }, progressAnimationInterval);\n    };\n\n    watch(\n      () => props.value,\n      (value: number) => {\n        incrementValue(value);\n      },\n      { immediate: true },\n    );\n\n    return {\n      calculatedValue,\n      computedTotal,\n      completed,\n      computedOutput,\n      computedPercentage,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;;AAUA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAKL,OAAO,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAItC,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIrC,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIrC,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,QAAQ;AAAA,IAIzF,gBAAgB,EAAE,MAAM,QAAqC,SAAS,KAAK;AAAA,IAI3E,MAAM,EAAE,MAAM,QAA0B,SAAS,SAAS,OAAO;AAAA,IAIjE,QAAQ,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAItC,QAAQ,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAIvC,eAAe,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAI7C,oBAAoB,EAAE,MAAM,QAAqC,SAAS,KAAK;AAAA,IAI/E,UAAU,EAAE,MAAM,QAAQ,SAAS,EAAE;AAAA,EACvC;AAAA,EACA,MAAM,OAAO;AACX,UAAM,4BAA4B;AAC5B,UAAA,kBAAkB,IAAI,CAAC;AAEvB,UAAA,YAAY,SAAS,MAAM;AACxB,aAAA,MAAM,QAAQ,IAAI;AAAA,IAAA,CAC1B;AAEK,UAAA,qBAAqB,SAAS,MAAM;AACxC,aAAQ,MAAQ,gBAAgB,SAAU,MAAM,SAAS;AAAA,IAAA,CAC1D;AAEK,UAAA,gBAAgB,SAAS,MAAM;AACnC,aAAO,MAAM,SAAS;AAAA,IAAA,CACvB;AAEK,UAAA,YAAY,SAAS,MAAM;AAC/B,aAAO,mBAAmB,SAAS;AAAA,IAAA,CACpC;AAEK,UAAA,iBAAiB,SAAS,MAAM;AACpC,aAAO,MAAM,QACT,GAAG,gBAAgB,aAAa,gBAAgB,OAAO,EAAE,UAAU,MAAM,SAAS,GAAG,MAAM,MAAM,OAC/F,MAAM,UAER,GAAG,gBAAgB,aAAa,mBAAmB,OAAO,EAAE,UAAU,MAAM,SAAY,GAAA,MAAM,MAAM;AAAA,IAAA,CACzG;AAEK,UAAA,iBAAiB,CAAC,UAAkB;AACxC,iBAAW,MAAM;AACf,wBAAgB,QAAQ,KAAK,IAAI,OAAO,gBAAgB,QAAQ,UAAU,KAAK;AAC3E,YAAA,QAAQ,gBAAgB,OAAO;AACjC,yBAAe,KAAK;AAAA,QACtB;AAAA,SACC,yBAAyB;AAAA,IAAA;AAG9B;AAAA,MACE,MAAM,MAAM;AAAA,MACZ,CAAC,UAAkB;AACjB,uBAAe,KAAK;AAAA,MACtB;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGb,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
+{"version":3,"file":"NeonLinearProgress.ts_vue_type_script_src_51ae18c9_lang.es.js","sources":["../../../../src/components/feedback/linear-progress/NeonLinearProgress.ts?vue&type=script&src=51ae18c9&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, watch } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonNumberUtils } from '@/common/utils/NeonNumberUtils';\n\n/**\n * A component for displaying linear progress. The progress can be displayed as a percentage (default) or\n * as a counter (x / y).\n */\nexport default defineComponent({\n  name: 'NeonLinearProgress',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * If no total is provided (default) the current % completion is expressed as a %, e.g. 0.15 = 15%,\n     * In the case of a total being provided this is the count of items from the total, i.e. the 'x' in 'x / y '.\n     */\n    value: { type: Number, required: true },\n    /**\n     * When the total is provided the display is 'x / y' where total is the 'y' in 'x / y'.\n     */\n    total: { type: Number, default: null },\n    /**\n     * A label to display above the progress bar\n     */\n    label: { type: String, default: null },\n    /**\n     * The progress bar color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * The alternate color for displaying the progress as a gradient\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * The component size, NeonSize.Small or NeonSize.Medium\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * The locale used for display purposes. This defaults to the browser's locale if none is provided.\n     */\n    locale: { type: String, default: null },\n    /**\n     * Display the text output indicating the current state of progress\n     */\n    output: { type: Boolean, default: true },\n    /**\n     * Display an icon on completion\n     */\n    completedIcon: { type: String, default: null },\n    /**\n     * Specify the icon color (default = alternate-color || color)\n     */\n    completedIconColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * The decimals to use for rounding\n     */\n    decimals: { type: Number, default: 0 },\n  },\n  setup(props) {\n    const progressAnimationInterval = 25;\n    const calculatedValue = ref(0);\n\n    const increment = computed(() => {\n      return props.total ? 1 : 0.01;\n    });\n\n    const computedPercentage = computed(() => {\n      return (100.0 * calculatedValue.value) / (props.total || 1.0);\n    });\n\n    const computedTotal = computed(() => {\n      return props.total || 100.0;\n    });\n\n    const completed = computed(() => {\n      return computedPercentage.value >= 100;\n    });\n\n    const computedOutput = computed(() => {\n      return props.total\n        ? `${NeonNumberUtils.formatNumber(calculatedValue.value, { decimals: props.decimals }, props.locale)} / ${\n            props.total\n          }`\n        : `${NeonNumberUtils.formatNumber(computedPercentage.value, { decimals: props.decimals }, props.locale)}%`;\n    });\n\n    const incrementValue = (value: number) => {\n      setTimeout(() => {\n        calculatedValue.value = Math.min(value, calculatedValue.value + increment.value);\n        if (value > calculatedValue.value) {\n          incrementValue(value);\n        }\n      }, progressAnimationInterval);\n    };\n\n    watch(\n      () => props.value,\n      (value: number) => {\n        incrementValue(value);\n      },\n      { immediate: true },\n    );\n\n    return {\n      calculatedValue,\n      computedTotal,\n      completed,\n      computedOutput,\n      computedPercentage,\n    };\n  },\n});\n"],"names":[],"mappings":";;;;;AAUA,IAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IAKL,OAAO,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,IAItC,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIrC,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAIrC,OAAO,EAAE,MAAM,QAAqC,SAAS,oBAAoB,QAAQ;AAAA,IAIzF,gBAAgB,EAAE,MAAM,QAAqC,SAAS,KAAK;AAAA,IAI3E,MAAM,EAAE,MAAM,QAA0B,SAAS,SAAS,OAAO;AAAA,IAIjE,QAAQ,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAItC,QAAQ,EAAE,MAAM,SAAS,SAAS,KAAK;AAAA,IAIvC,eAAe,EAAE,MAAM,QAAQ,SAAS,KAAK;AAAA,IAI7C,oBAAoB,EAAE,MAAM,QAAqC,SAAS,KAAK;AAAA,IAI/E,UAAU,EAAE,MAAM,QAAQ,SAAS,EAAE;AAAA,EACvC;AAAA,EACA,MAAM,OAAO;AACX,UAAM,4BAA4B;AAC5B,UAAA,kBAAkB,IAAI,CAAC;AAEvB,UAAA,YAAY,SAAS,MAAM;AACxB,aAAA,MAAM,QAAQ,IAAI;AAAA,IAAA,CAC1B;AAEK,UAAA,qBAAqB,SAAS,MAAM;AACxC,aAAQ,MAAQ,gBAAgB,SAAU,MAAM,SAAS;AAAA,IAAA,CAC1D;AAEK,UAAA,gBAAgB,SAAS,MAAM;AACnC,aAAO,MAAM,SAAS;AAAA,IAAA,CACvB;AAEK,UAAA,YAAY,SAAS,MAAM;AAC/B,aAAO,mBAAmB,SAAS;AAAA,IAAA,CACpC;AAEK,UAAA,iBAAiB,SAAS,MAAM;AACpC,aAAO,MAAM,QACT,GAAG,gBAAgB,aAAa,gBAAgB,OAAO,EAAE,UAAU,MAAM,SAAS,GAAG,MAAM,MAAM,OAC/F,MAAM,UAER,GAAG,gBAAgB,aAAa,mBAAmB,OAAO,EAAE,UAAU,MAAM,SAAY,GAAA,MAAM,MAAM;AAAA,IAAA,CACzG;AAEK,UAAA,iBAAiB,CAAC,UAAkB;AACxC,iBAAW,MAAM;AACf,wBAAgB,QAAQ,KAAK,IAAI,OAAO,gBAAgB,QAAQ,UAAU,KAAK;AAC3E,YAAA,QAAQ,gBAAgB,OAAO;AACjC,yBAAe,KAAK;AAAA,QACtB;AAAA,SACC,yBAAyB;AAAA,IAAA;AAG9B;AAAA,MACE,MAAM,MAAM;AAAA,MACZ,CAAC,UAAkB;AACjB,uBAAe,KAAK;AAAA,MACtB;AAAA,MACA,EAAE,WAAW,KAAK;AAAA,IAAA;AAGb,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

package/dist/components/feedback/note/NeonNote.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("./NeonNote.ts_vue_type_script_src_a7ef7fea_lang.cjs.js"),e=require("vue"),l=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const s={class:"neon-note__container"};function c(o,i,u,p,_,d){const n=e.resolveComponent("neon-icon"),t=e.resolveComponent("neon-button");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`neon-note--${o.color}`,"neon-note"]),role:"note"},[e.createElementVNode("div",s,[o.iconName?(e.openBlock(),e.createBlock(n,{key:0,color:o.color,name:o.iconName,class:"neon-note__icon"},null,8,["color","name"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default")]),o.closable?(e.openBlock(),e.createBlock(t,{key:0,"aria-label":o.ariaLabelCloseNote,circular:!0,color:o.color,"button-style":"text",class:"neon-note__close",icon:"times",size:"s",tabindex:"0",onClick:o.closeNote,onKeydown:[e.withKeys(o.closeNote,["enter"]),e.withKeys(e.withModifiers(o.closeNote,["stop"]),["space"])]},null,8,["aria-label","color","onClick","onKeydown"])):e.createCommentVNode("",!0)],2)}var a=l(r,[["render",c],["__file","/Users/andrew/dev/projects/neon/src/components/feedback/note/NeonNote.vue"]]);module.exports=a;
+"use strict";var r=require("./NeonNote.ts_vue_type_script_src_0fed684e_lang.cjs.js"),e=require("vue"),l=require("../../../_virtual/plugin-vue_export-helper.cjs.js");const s={class:"neon-note__container"};function c(o,i,u,p,_,d){const n=e.resolveComponent("neon-icon"),t=e.resolveComponent("neon-button");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`neon-note--${o.color}`,"neon-note"]),role:"note"},[e.createElementVNode("div",s,[o.iconName?(e.openBlock(),e.createBlock(n,{key:0,color:o.color,name:o.iconName,class:"neon-note__icon"},null,8,["color","name"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default")]),o.closable?(e.openBlock(),e.createBlock(t,{key:0,"aria-label":o.ariaLabelCloseNote,circular:!0,color:o.color,"button-style":"text",class:"neon-note__close",icon:"times",size:"s",tabindex:"0",onClick:o.closeNote,onKeydown:[e.withKeys(o.closeNote,["enter"]),e.withKeys(e.withModifiers(o.closeNote,["stop"]),["space"])]},null,8,["aria-label","color","onClick","onKeydown"])):e.createCommentVNode("",!0)],2)}var a=l(r,[["render",c]]);module.exports=a;
 //# sourceMappingURL=NeonNote.cjs.js.map

package/dist/components/feedback/note/NeonNote.es.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./NeonNote.ts_vue_type_script_src_a7ef7fea_lang.es.js";
+import _sfc_main from "./NeonNote.ts_vue_type_script_src_0fed684e_lang.es.js";
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, renderSlot, withKeys, withModifiers } from "vue";
 import _export_sfc from "../../../_virtual/plugin-vue_export-helper.es.js";
 const _hoisted_1 = { class: "neon-note__container" };
@@ -36,6 +36,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["aria-label", "color", "onClick", "onKeydown"])) : createCommentVNode("", true)
   ], 2);
 }
-var NeonNote = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/andrew/dev/projects/neon/src/components/feedback/note/NeonNote.vue"]]);
+var NeonNote = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { NeonNote as default };
 //# sourceMappingURL=NeonNote.es.js.map

package/dist/components/feedback/note/{NeonNote.ts_vue_type_script_src_a7ef7fea_lang.cjs.js → NeonNote.ts_vue_type_script_src_0fed684e_lang.cjs.js}

@@ -1,2 +1,2 @@
 "use strict";var n=require("vue"),e=require("../../../common/enums/NeonFunctionalColor.cjs.js"),r=require("../../presentation/icon/NeonIcon.cjs.js"),c=require("../../user-input/button/NeonButton.cjs.js"),l=n.defineComponent({name:"NeonNote",components:{NeonIcon:r,NeonButton:c},props:{color:{type:String,default:e.NeonFunctionalColor.LowContrast},closable:{type:Boolean,default:!1},icon:{type:Boolean,default:!0},ariaLabelCloseNote:{type:String,default:"Close note"}},emits:["close-note"],setup(o,{emit:t}){return{iconName:n.computed(()=>{if(o.icon)switch(o.color){case e.NeonFunctionalColor.Info:return"info-circle";case e.NeonFunctionalColor.Success:return"check-circle";case e.NeonFunctionalColor.Warn:return"exclamation-circle";case e.NeonFunctionalColor.Error:return"times-circle";default:return}}),closeNote:()=>{t("close-note")}}}});module.exports=l;
-//# sourceMappingURL=NeonNote.ts_vue_type_script_src_a7ef7fea_lang.cjs.js.map
+//# sourceMappingURL=NeonNote.ts_vue_type_script_src_0fed684e_lang.cjs.js.map