@aotearoan/neon 25.2.0 → 26.0.1

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"NeonAlert.cjs.js","sources":["../../../../src/components/feedback/alert/NeonAlert.ts?vue&type=script&src=true&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    const onRemoveToast = (key: string) => {\n      [top.value, bottom.value].forEach((list) => {\n        const msgIndex = list.findIndex((m) => m.key === key);\n        if (msgIndex >= 0) {\n          list.splice(msgIndex, 1);\n        }\n      });\n    };\n\n    const onRemoveAlert = (key: string) => {\n      [topRight.value, bottomRight.value, topLeft.value, bottomLeft.value].forEach((list) => {\n        const msgIndex = list.findIndex((m) => m.key === key);\n        if (msgIndex >= 0) {\n          list.splice(msgIndex, 1);\n        }\n      });\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      NeonEventBus.on(NeonAlertService.removeEventKey, onRemoveAlert);\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      NeonEventBus.on(NeonToastService.removeEventKey, onRemoveToast);\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      NeonEventBus.off(NeonAlertService.removeEventKey, onRemoveAlert);\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      NeonEventBus.off(NeonToastService.removeEventKey, onRemoveToast);\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","onRemoveToast","key","list","msgIndex","onRemoveAlert","onMounted","NeonEventBus","NeonAlertService","NeonToastService","onUnmounted"],"mappings":"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"}
+{"version":3,"file":"NeonAlert.cjs.js","sources":["../../../../src/components/feedback/alert/NeonAlert.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\nimport { NeonEventBus } from '@/utils/common/event/NeonEventBus';\nimport type { NeonAlertMessage } from '@/model/feedback/alert/NeonAlertMessage';\nimport { NeonAlertLevel } from '@/model/feedback/alert/NeonAlertLevel';\nimport { NeonAlertService } from '@/utils/feedback/alert/NeonAlertService';\nimport NeonAlertContainer from './container/NeonAlertContainer.vue';\nimport NeonToastContainer from './container/NeonToastContainer.vue';\nimport type { NeonAlertModel } from '@/model/feedback/alert/NeonAlertModel';\nimport type { NeonToastModel } from '@/model/feedback/toast/NeonToastModel';\nimport type { NeonToastMessage } from '@/model/feedback/toast/NeonToastMessage';\nimport { NeonToastService } from '@/utils/feedback/toast/NeonToastService';\nimport { NeonAlertPlacement } from '@/model/feedback/alert/NeonAlertPlacement';\nimport { NeonVerticalPosition } from '@/model/common/position/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    const onRemoveToast = (key: string) => {\n      [top.value, bottom.value].forEach((list) => {\n        const msgIndex = list.findIndex((m) => m.key === key);\n        if (msgIndex >= 0) {\n          list.splice(msgIndex, 1);\n        }\n      });\n    };\n\n    const onRemoveAlert = (key: string) => {\n      [topRight.value, bottomRight.value, topLeft.value, bottomLeft.value].forEach((list) => {\n        const msgIndex = list.findIndex((m) => m.key === key);\n        if (msgIndex >= 0) {\n          list.splice(msgIndex, 1);\n        }\n      });\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      NeonEventBus.on(NeonAlertService.removeEventKey, onRemoveAlert);\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      NeonEventBus.on(NeonToastService.removeEventKey, onRemoveToast);\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      NeonEventBus.off(NeonAlertService.removeEventKey, onRemoveAlert);\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      NeonEventBus.off(NeonToastService.removeEventKey, onRemoveToast);\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","onRemoveToast","key","list","msgIndex","onRemoveAlert","onMounted","NeonEventBus","NeonAlertService","NeonToastService","onUnmounted"],"mappings":"miBAkBAA,EAAeC,kBAAgB,CAC7B,KAAM,YACN,WAAY,CACV,mBAAAC,EACA,mBAAAC,CAAA,EAEF,MAAO,CAIL,YAAa,CAAE,KAAM,QAAS,QAAS,EAAA,EAKvC,SAAU,CAAE,KAAM,OAAQ,QAAS,IAAA,CAAK,EAE1C,MAAMC,EAAO,CAEX,MAAMC,EAAUC,EAAAA,IAA2B,EAAE,EACvCC,EAAWD,EAAAA,IAA2B,EAAE,EACxCE,EAAaF,EAAAA,IAA2B,EAAE,EAC1CG,EAAcH,EAAAA,IAA2B,EAAE,EAE3CI,EAAMJ,EAAAA,IAA2B,EAAE,EACnCK,EAASL,EAAAA,IAA2B,EAAE,EAEtCM,EAAaN,EAAAA,IAAI,CAAC,EAElBO,EAAeC,GAA4B,CAC/C,OAAQA,EAAQ,WAAaC,EAAAA,mBAAmB,SAAA,CAC9C,KAAKA,EAAAA,mBAAmB,QACtBV,EAAQ,MAAQA,EAAQ,MAAM,OAAQW,GAAMA,EAAE,KAAOF,EAAQ,EAAE,EAC/D,MACF,KAAKC,EAAAA,mBAAmB,SACtBR,EAAS,MAAQA,EAAS,MAAM,OAAQS,GAAMA,EAAE,KAAOF,EAAQ,EAAE,EACjE,MACF,KAAKC,EAAAA,mBAAmB,WACtBP,EAAW,MAAQA,EAAW,MAAM,OAAQQ,GAAMA,EAAE,KAAOF,EAAQ,EAAE,EACrE,MACF,KAAKC,EAAAA,mBAAmB,YACtBN,EAAY,MAAQA,EAAY,MAAM,OAAQO,GAAMA,EAAE,KAAOF,EAAQ,EAAE,EACvE,KAAA,CAEN,EAEMG,EAAe,CAACC,EAAuBC,IAA4B,CACvE,MAAMC,EAAKR,EAAW,MACtBA,EAAW,MAAQA,EAAW,MAAQ,EACtC,MAAME,EAA0B,CAC9B,YAAaV,EAAM,YACnB,GAAGe,EACH,MAAAD,EACA,GAAAE,CAAA,EAGF,OAAQD,EAAM,WAAaJ,EAAAA,mBAAmB,SAAA,CAC5C,KAAKA,EAAAA,mBAAmB,QACtBV,EAAQ,MAAM,QAAQS,CAAO,EAC7B,MACF,KAAKC,EAAAA,mBAAmB,SACtBR,EAAS,MAAM,QAAQO,CAAO,EAC9B,MACF,KAAKC,EAAAA,mBAAmB,WACtBP,EAAW,MAAM,KAAKM,CAAO,EAC7B,MACF,KAAKC,EAAAA,mBAAmB,YACtBN,EAAY,MAAM,KAAKK,CAAO,EAC9B,KAAA,CAGJ,MAAMO,EAAWF,EAAM,WAAa,OAAYf,EAAM,SAAWe,EAAM,SACnEE,EAAW,GAAK,CAACF,EAAM,eACzB,WAAW,IAAMN,EAAYC,CAAO,EAAGO,CAAQ,CAEnD,EAEMC,EAAeR,GAA4B,CAC/C,OAAQA,EAAQ,WAAaS,EAAAA,qBAAqB,IAAA,CAChD,KAAKA,EAAAA,qBAAqB,IACxBb,EAAI,MAAQA,EAAI,MAAM,OAAQM,GAAMA,EAAE,KAAOF,EAAQ,EAAE,EACvD,MACF,KAAKS,EAAAA,qBAAqB,OACxBZ,EAAO,MAAQA,EAAO,MAAM,OAAQK,GAAMA,EAAE,KAAOF,EAAQ,EAAE,EAC7D,KAAA,CAEN,EAEMU,EAAe,CAACN,EAAuBO,IAA4B,CACvE,MAAML,EAAKR,EAAW,MACtBA,EAAW,MAAQA,EAAW,MAAQ,EACtC,MAAME,EAA0B,CAC9B,YAAaV,EAAM,YACnB,GAAGqB,EACH,MAAAP,EACA,GAAAE,CAAA,EAGF,OAAQK,EAAM,WAAaF,EAAAA,qBAAqB,IAAA,CAC9C,KAAKA,EAAAA,qBAAqB,IACxBb,EAAI,MAAM,QAAQI,CAAO,EACzB,MACF,KAAKS,EAAAA,qBAAqB,OACxBZ,EAAO,MAAM,KAAKG,CAAO,EACzB,KAAA,CAGJ,MAAMO,EAAWI,EAAM,WAAa,OAAYrB,EAAM,SAAWqB,EAAM,SACnEJ,EAAW,GACb,WAAW,IAAMC,EAAYR,CAAO,EAAGO,CAAQ,CAEnD,EAEMK,EAAeP,GAA4B,CAC/CF,EAAaU,EAAAA,eAAe,KAAMR,CAAK,CACzC,EAEMS,EAAkBT,GAA4B,CAClDF,EAAaU,EAAAA,eAAe,QAASR,CAAK,CAC5C,EAEMU,EAAeV,GAA4B,CAC/CF,EAAaU,EAAAA,eAAe,KAAMR,CAAK,CACzC,EAEMW,EAAgBX,GAA4B,CAChDF,EAAaU,EAAAA,eAAe,MAAOR,CAAK,CAC1C,EAEMY,EAAeN,GAA4B,CAC/CD,EAAaG,EAAAA,eAAe,KAAMF,CAAK,CACzC,EAEMO,EAAkBP,GAA4B,CAClDD,EAAaG,EAAAA,eAAe,QAASF,CAAK,CAC5C,EAEMQ,EAAeR,GAA4B,CAC/CD,EAAaG,EAAAA,eAAe,KAAMF,CAAK,CACzC,EAEMS,EAAgBT,GAA4B,CAChDD,EAAaG,EAAAA,eAAe,MAAOF,CAAK,CAC1C,EAEMU,EAAiBC,GAAgB,CACrC,CAAC1B,EAAI,MAAOC,EAAO,KAAK,EAAE,QAAS0B,GAAS,CAC1C,MAAMC,EAAWD,EAAK,UAAWrB,GAAMA,EAAE,MAAQoB,CAAG,EAChDE,GAAY,GACdD,EAAK,OAAOC,EAAU,CAAC,CAE3B,CAAC,CACH,EAEMC,EAAiBH,GAAgB,CACrC,CAAC7B,EAAS,MAAOE,EAAY,MAAOJ,EAAQ,MAAOG,EAAW,KAAK,EAAE,QAAS6B,GAAS,CACrF,MAAMC,EAAWD,EAAK,UAAWrB,GAAMA,EAAE,MAAQoB,CAAG,EAChDE,GAAY,GACdD,EAAK,OAAOC,EAAU,CAAC,CAE3B,CAAC,CACH,EAEAE,OAAAA,EAAAA,UAAU,IAAM,CAEdC,EAAAA,aAAa,GAAGC,mBAAiB,iBAAiBf,EAAAA,eAAe,IAAI,EAAGD,CAAW,EACnFe,EAAAA,aAAa,GAAGC,mBAAiB,iBAAiBf,EAAAA,eAAe,OAAO,EAAGC,CAAc,EACzFa,EAAAA,aAAa,GAAGC,mBAAiB,iBAAiBf,EAAAA,eAAe,IAAI,EAAGE,CAAW,EACnFY,EAAAA,aAAa,GAAGC,mBAAiB,iBAAiBf,EAAAA,eAAe,KAAK,EAAGG,CAAY,EACrFW,EAAAA,aAAa,GAAGC,mBAAiB,eAAgBH,CAAa,EAE9DE,EAAAA,aAAa,GAAGE,mBAAiB,iBAAiBhB,EAAAA,eAAe,IAAI,EAAGI,CAAW,EACnFU,EAAAA,aAAa,GAAGE,mBAAiB,iBAAiBhB,EAAAA,eAAe,OAAO,EAAGK,CAAc,EACzFS,EAAAA,aAAa,GAAGE,mBAAiB,iBAAiBhB,EAAAA,eAAe,IAAI,EAAGM,CAAW,EACnFQ,EAAAA,aAAa,GAAGE,mBAAiB,iBAAiBhB,EAAAA,eAAe,KAAK,EAAGO,CAAY,EACrFO,EAAAA,aAAa,GAAGE,mBAAiB,eAAgBR,CAAa,CAChE,CAAC,EAEDS,EAAAA,YAAY,IAAM,CAEhBH,EAAAA,aAAa,IAAIC,mBAAiB,iBAAiBf,EAAAA,eAAe,IAAI,EAAGD,CAAW,EACpFe,EAAAA,aAAa,IAAIC,mBAAiB,iBAAiBf,EAAAA,eAAe,OAAO,EAAGC,CAAc,EAC1Fa,EAAAA,aAAa,IAAIC,mBAAiB,iBAAiBf,EAAAA,eAAe,IAAI,EAAGE,CAAW,EACpFY,EAAAA,aAAa,IAAIC,mBAAiB,iBAAiBf,EAAAA,eAAe,KAAK,EAAGG,CAAY,EACtFW,EAAAA,aAAa,IAAIC,mBAAiB,eAAgBH,CAAa,EAE/DE,EAAAA,aAAa,IAAIE,mBAAiB,iBAAiBhB,EAAAA,eAAe,IAAI,EAAGI,CAAW,EACpFU,EAAAA,aAAa,IAAIE,mBAAiB,iBAAiBhB,EAAAA,eAAe,OAAO,EAAGK,CAAc,EAC1FS,EAAAA,aAAa,IAAIE,mBAAiB,iBAAiBhB,EAAAA,eAAe,IAAI,EAAGM,CAAW,EACpFQ,EAAAA,aAAa,IAAIE,mBAAiB,iBAAiBhB,EAAAA,eAAe,KAAK,EAAGO,CAAY,EACtFO,EAAAA,aAAa,IAAIE,mBAAiB,eAAgBR,CAAa,CACjE,CAAC,EAEM,CACL,QAAA9B,EACA,SAAAE,EACA,WAAAC,EACA,YAAAC,EACA,IAAAC,EACA,OAAAC,CAAA,CAEJ,CACF,CAAC"}

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

@@ -1,12 +1,12 @@
 import { defineComponent as C, ref as u, onMounted as q, onUnmounted as P } from "vue";
-import { NeonEventBus as n } from "../../../common/utils/NeonEventBus.es.js";
-import { NeonAlertLevel as t } from "../../../common/enums/NeonAlertLevel.es.js";
-import { NeonAlertService as a } from "../../../common/utils/NeonAlertService.es.js";
+import { NeonEventBus as n } from "../../../utils/common/event/NeonEventBus.es.js";
+import { NeonAlertLevel as t } from "../../../model/feedback/alert/NeonAlertLevel.es.js";
+import { NeonAlertService as a } from "../../../utils/feedback/alert/NeonAlertService.es.js";
 import _ from "./container/NeonAlertContainer.vue.es.js";
 import M from "./container/NeonToastContainer.vue.es.js";
-import { NeonToastService as i } from "../../../common/utils/NeonToastService.es.js";
-import { NeonAlertPlacement as s } from "../../../common/enums/NeonAlertPlacement.es.js";
-import { NeonVerticalPosition as v } from "../../../common/enums/NeonVerticalPosition.es.js";
+import { NeonToastService as i } from "../../../utils/feedback/toast/NeonToastService.es.js";
+import { NeonAlertPlacement as s } from "../../../model/feedback/alert/NeonAlertPlacement.es.js";
+import { NeonVerticalPosition as v } from "../../../model/common/position/NeonVerticalPosition.es.js";
 const O = C({
   name: "NeonAlert",
   components: {

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

@@ -1 +1 @@
-{"version":3,"file":"NeonAlert.es.js","sources":["../../../../src/components/feedback/alert/NeonAlert.ts?vue&type=script&src=true&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    const onRemoveToast = (key: string) => {\n      [top.value, bottom.value].forEach((list) => {\n        const msgIndex = list.findIndex((m) => m.key === key);\n        if (msgIndex >= 0) {\n          list.splice(msgIndex, 1);\n        }\n      });\n    };\n\n    const onRemoveAlert = (key: string) => {\n      [topRight.value, bottomRight.value, topLeft.value, bottomLeft.value].forEach((list) => {\n        const msgIndex = list.findIndex((m) => m.key === key);\n        if (msgIndex >= 0) {\n          list.splice(msgIndex, 1);\n        }\n      });\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      NeonEventBus.on(NeonAlertService.removeEventKey, onRemoveAlert);\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      NeonEventBus.on(NeonToastService.removeEventKey, onRemoveToast);\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      NeonEventBus.off(NeonAlertService.removeEventKey, onRemoveAlert);\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      NeonEventBus.off(NeonToastService.removeEventKey, onRemoveToast);\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","onRemoveToast","key","list","msgIndex","onRemoveAlert","onMounted","NeonEventBus","NeonAlertService","NeonToastService","onUnmounted"],"mappings":";;;;;;;;;AAkBA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,oBAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,aAAa,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKvC,UAAU,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA,EAAK;AAAA,EAE1C,MAAMC,GAAO;AAEX,UAAMC,IAAUC,EAA2B,EAAE,GACvCC,IAAWD,EAA2B,EAAE,GACxCE,IAAaF,EAA2B,EAAE,GAC1CG,IAAcH,EAA2B,EAAE,GAE3CI,IAAMJ,EAA2B,EAAE,GACnCK,IAASL,EAA2B,EAAE,GAEtCM,IAAaN,EAAI,CAAC,GAElBO,IAAc,CAACC,MAA4B;AAC/C,cAAQA,EAAQ,aAAaC,EAAmB,UAAA;AAAA,QAC9C,KAAKA,EAAmB;AACtB,UAAAV,EAAQ,QAAQA,EAAQ,MAAM,OAAO,CAACW,MAAMA,EAAE,OAAOF,EAAQ,EAAE;AAC/D;AAAA,QACF,KAAKC,EAAmB;AACtB,UAAAR,EAAS,QAAQA,EAAS,MAAM,OAAO,CAACS,MAAMA,EAAE,OAAOF,EAAQ,EAAE;AACjE;AAAA,QACF,KAAKC,EAAmB;AACtB,UAAAP,EAAW,QAAQA,EAAW,MAAM,OAAO,CAACQ,MAAMA,EAAE,OAAOF,EAAQ,EAAE;AACrE;AAAA,QACF,KAAKC,EAAmB;AACtB,UAAAN,EAAY,QAAQA,EAAY,MAAM,OAAO,CAACO,MAAMA,EAAE,OAAOF,EAAQ,EAAE;AACvE;AAAA,MAAA;AAAA,IAEN,GAEMG,IAAe,CAACC,GAAuBC,MAA4B;AACvE,YAAMC,IAAKR,EAAW;AACtB,MAAAA,EAAW,QAAQA,EAAW,QAAQ;AACtC,YAAME,IAA0B;AAAA,QAC9B,aAAaV,EAAM;AAAA,QACnB,GAAGe;AAAA,QACH,OAAAD;AAAA,QACA,IAAAE;AAAA,MAAA;AAGF,cAAQD,EAAM,aAAaJ,EAAmB,UAAA;AAAA,QAC5C,KAAKA,EAAmB;AACtB,UAAAV,EAAQ,MAAM,QAAQS,CAAO;AAC7B;AAAA,QACF,KAAKC,EAAmB;AACtB,UAAAR,EAAS,MAAM,QAAQO,CAAO;AAC9B;AAAA,QACF,KAAKC,EAAmB;AACtB,UAAAP,EAAW,MAAM,KAAKM,CAAO;AAC7B;AAAA,QACF,KAAKC,EAAmB;AACtB,UAAAN,EAAY,MAAM,KAAKK,CAAO;AAC9B;AAAA,MAAA;AAGJ,YAAMO,IAAWF,EAAM,aAAa,SAAYf,EAAM,WAAWe,EAAM;AACvE,MAAIE,IAAW,KAAK,CAACF,EAAM,iBACzB,WAAW,MAAMN,EAAYC,CAAO,GAAGO,CAAQ;AAAA,IAEnD,GAEMC,IAAc,CAACR,MAA4B;AAC/C,cAAQA,EAAQ,aAAaS,EAAqB,KAAA;AAAA,QAChD,KAAKA,EAAqB;AACxB,UAAAb,EAAI,QAAQA,EAAI,MAAM,OAAO,CAACM,MAAMA,EAAE,OAAOF,EAAQ,EAAE;AACvD;AAAA,QACF,KAAKS,EAAqB;AACxB,UAAAZ,EAAO,QAAQA,EAAO,MAAM,OAAO,CAACK,MAAMA,EAAE,OAAOF,EAAQ,EAAE;AAC7D;AAAA,MAAA;AAAA,IAEN,GAEMU,IAAe,CAACN,GAAuBO,MAA4B;AACvE,YAAML,IAAKR,EAAW;AACtB,MAAAA,EAAW,QAAQA,EAAW,QAAQ;AACtC,YAAME,IAA0B;AAAA,QAC9B,aAAaV,EAAM;AAAA,QACnB,GAAGqB;AAAA,QACH,OAAAP;AAAA,QACA,IAAAE;AAAA,MAAA;AAGF,cAAQK,EAAM,aAAaF,EAAqB,KAAA;AAAA,QAC9C,KAAKA,EAAqB;AACxB,UAAAb,EAAI,MAAM,QAAQI,CAAO;AACzB;AAAA,QACF,KAAKS,EAAqB;AACxB,UAAAZ,EAAO,MAAM,KAAKG,CAAO;AACzB;AAAA,MAAA;AAGJ,YAAMO,IAAWI,EAAM,aAAa,SAAYrB,EAAM,WAAWqB,EAAM;AACvE,MAAIJ,IAAW,KACb,WAAW,MAAMC,EAAYR,CAAO,GAAGO,CAAQ;AAAA,IAEnD,GAEMK,IAAc,CAACP,MAA4B;AAC/C,MAAAF,EAAaU,EAAe,MAAMR,CAAK;AAAA,IACzC,GAEMS,IAAiB,CAACT,MAA4B;AAClD,MAAAF,EAAaU,EAAe,SAASR,CAAK;AAAA,IAC5C,GAEMU,IAAc,CAACV,MAA4B;AAC/C,MAAAF,EAAaU,EAAe,MAAMR,CAAK;AAAA,IACzC,GAEMW,IAAe,CAACX,MAA4B;AAChD,MAAAF,EAAaU,EAAe,OAAOR,CAAK;AAAA,IAC1C,GAEMY,IAAc,CAACN,MAA4B;AAC/C,MAAAD,EAAaG,EAAe,MAAMF,CAAK;AAAA,IACzC,GAEMO,IAAiB,CAACP,MAA4B;AAClD,MAAAD,EAAaG,EAAe,SAASF,CAAK;AAAA,IAC5C,GAEMQ,IAAc,CAACR,MAA4B;AAC/C,MAAAD,EAAaG,EAAe,MAAMF,CAAK;AAAA,IACzC,GAEMS,IAAe,CAACT,MAA4B;AAChD,MAAAD,EAAaG,EAAe,OAAOF,CAAK;AAAA,IAC1C,GAEMU,IAAgB,CAACC,MAAgB;AACrC,OAAC1B,EAAI,OAAOC,EAAO,KAAK,EAAE,QAAQ,CAAC0B,MAAS;AAC1C,cAAMC,IAAWD,EAAK,UAAU,CAACrB,MAAMA,EAAE,QAAQoB,CAAG;AACpD,QAAIE,KAAY,KACdD,EAAK,OAAOC,GAAU,CAAC;AAAA,MAE3B,CAAC;AAAA,IACH,GAEMC,IAAgB,CAACH,MAAgB;AACrC,OAAC7B,EAAS,OAAOE,EAAY,OAAOJ,EAAQ,OAAOG,EAAW,KAAK,EAAE,QAAQ,CAAC6B,MAAS;AACrF,cAAMC,IAAWD,EAAK,UAAU,CAACrB,MAAMA,EAAE,QAAQoB,CAAG;AACpD,QAAIE,KAAY,KACdD,EAAK,OAAOC,GAAU,CAAC;AAAA,MAE3B,CAAC;AAAA,IACH;AAEA,WAAAE,EAAU,MAAM;AAEd,MAAAC,EAAa,GAAGC,EAAiB,iBAAiBf,EAAe,IAAI,GAAGD,CAAW,GACnFe,EAAa,GAAGC,EAAiB,iBAAiBf,EAAe,OAAO,GAAGC,CAAc,GACzFa,EAAa,GAAGC,EAAiB,iBAAiBf,EAAe,IAAI,GAAGE,CAAW,GACnFY,EAAa,GAAGC,EAAiB,iBAAiBf,EAAe,KAAK,GAAGG,CAAY,GACrFW,EAAa,GAAGC,EAAiB,gBAAgBH,CAAa,GAE9DE,EAAa,GAAGE,EAAiB,iBAAiBhB,EAAe,IAAI,GAAGI,CAAW,GACnFU,EAAa,GAAGE,EAAiB,iBAAiBhB,EAAe,OAAO,GAAGK,CAAc,GACzFS,EAAa,GAAGE,EAAiB,iBAAiBhB,EAAe,IAAI,GAAGM,CAAW,GACnFQ,EAAa,GAAGE,EAAiB,iBAAiBhB,EAAe,KAAK,GAAGO,CAAY,GACrFO,EAAa,GAAGE,EAAiB,gBAAgBR,CAAa;AAAA,IAChE,CAAC,GAEDS,EAAY,MAAM;AAEhB,MAAAH,EAAa,IAAIC,EAAiB,iBAAiBf,EAAe,IAAI,GAAGD,CAAW,GACpFe,EAAa,IAAIC,EAAiB,iBAAiBf,EAAe,OAAO,GAAGC,CAAc,GAC1Fa,EAAa,IAAIC,EAAiB,iBAAiBf,EAAe,IAAI,GAAGE,CAAW,GACpFY,EAAa,IAAIC,EAAiB,iBAAiBf,EAAe,KAAK,GAAGG,CAAY,GACtFW,EAAa,IAAIC,EAAiB,gBAAgBH,CAAa,GAE/DE,EAAa,IAAIE,EAAiB,iBAAiBhB,EAAe,IAAI,GAAGI,CAAW,GACpFU,EAAa,IAAIE,EAAiB,iBAAiBhB,EAAe,OAAO,GAAGK,CAAc,GAC1FS,EAAa,IAAIE,EAAiB,iBAAiBhB,EAAe,IAAI,GAAGM,CAAW,GACpFQ,EAAa,IAAIE,EAAiB,iBAAiBhB,EAAe,KAAK,GAAGO,CAAY,GACtFO,EAAa,IAAIE,EAAiB,gBAAgBR,CAAa;AAAA,IACjE,CAAC,GAEM;AAAA,MACL,SAAA9B;AAAA,MACA,UAAAE;AAAA,MACA,YAAAC;AAAA,MACA,aAAAC;AAAA,MACA,KAAAC;AAAA,MACA,QAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"NeonAlert.es.js","sources":["../../../../src/components/feedback/alert/NeonAlert.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\nimport { NeonEventBus } from '@/utils/common/event/NeonEventBus';\nimport type { NeonAlertMessage } from '@/model/feedback/alert/NeonAlertMessage';\nimport { NeonAlertLevel } from '@/model/feedback/alert/NeonAlertLevel';\nimport { NeonAlertService } from '@/utils/feedback/alert/NeonAlertService';\nimport NeonAlertContainer from './container/NeonAlertContainer.vue';\nimport NeonToastContainer from './container/NeonToastContainer.vue';\nimport type { NeonAlertModel } from '@/model/feedback/alert/NeonAlertModel';\nimport type { NeonToastModel } from '@/model/feedback/toast/NeonToastModel';\nimport type { NeonToastMessage } from '@/model/feedback/toast/NeonToastMessage';\nimport { NeonToastService } from '@/utils/feedback/toast/NeonToastService';\nimport { NeonAlertPlacement } from '@/model/feedback/alert/NeonAlertPlacement';\nimport { NeonVerticalPosition } from '@/model/common/position/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    const onRemoveToast = (key: string) => {\n      [top.value, bottom.value].forEach((list) => {\n        const msgIndex = list.findIndex((m) => m.key === key);\n        if (msgIndex >= 0) {\n          list.splice(msgIndex, 1);\n        }\n      });\n    };\n\n    const onRemoveAlert = (key: string) => {\n      [topRight.value, bottomRight.value, topLeft.value, bottomLeft.value].forEach((list) => {\n        const msgIndex = list.findIndex((m) => m.key === key);\n        if (msgIndex >= 0) {\n          list.splice(msgIndex, 1);\n        }\n      });\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      NeonEventBus.on(NeonAlertService.removeEventKey, onRemoveAlert);\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      NeonEventBus.on(NeonToastService.removeEventKey, onRemoveToast);\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      NeonEventBus.off(NeonAlertService.removeEventKey, onRemoveAlert);\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      NeonEventBus.off(NeonToastService.removeEventKey, onRemoveToast);\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","onRemoveToast","key","list","msgIndex","onRemoveAlert","onMounted","NeonEventBus","NeonAlertService","NeonToastService","onUnmounted"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";const o=require("vue"),e=require("../../../../common/enums/NeonAlertLevel.cjs.js"),s=require("../../../presentation/icon/NeonIcon.vue.cjs.js"),l=require("../../../navigation/link/NeonLink.vue.cjs.js"),i=o.defineComponent({name:"NeonAlertContainer",components:{NeonIcon:s,NeonLink:l},props:{modelValue:{type:Array,required:!0},placement:{type:String,required:!0}},setup(n,{emit:t}){return{closeMessage:r=>{t("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=i;
+"use strict";const o=require("vue"),e=require("../../../../model/feedback/alert/NeonAlertLevel.cjs.js"),s=require("../../../presentation/icon/NeonIcon.vue.cjs.js"),l=require("../../../navigation/link/NeonLink.vue.cjs.js"),i=o.defineComponent({name:"NeonAlertContainer",components:{NeonIcon:s,NeonLink:l},props:{modelValue:{type:Array,required:!0},placement:{type:String,required:!0}},setup(n,{emit:t}){return{closeMessage:r=>{t("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=i;
 //# sourceMappingURL=NeonAlertContainer.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NeonAlertContainer.cjs.js","sources":["../../../../../src/components/feedback/alert/container/NeonAlertContainer.ts?vue&type=script&src=true&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":"sNAUAA,EAAeC,kBAAgB,CAC7B,KAAM,qBACN,WAAY,CACV,SAAAC,EACA,SAAAC,CAAA,EAEF,MAAO,CACL,WAAY,CAAE,KAAM,MAAsC,SAAU,EAAA,EACpE,UAAW,CAAE,KAAM,OAAoC,SAAU,EAAA,CAAK,EAExE,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CAqBrB,MAAO,CACL,aArBoBC,GAAe,CACnCD,EACE,oBACAD,EAAM,WAAW,OAAQG,GAAQA,EAAI,KAAOD,CAAE,CAAA,CAElD,EAiBE,KAfYE,GAA0B,CACtC,OAAQA,EAAA,CACN,KAAKC,EAAAA,eAAe,KAClB,MAAO,cACT,KAAKA,EAAAA,eAAe,QAClB,MAAO,eACT,KAAKA,EAAAA,eAAe,KAClB,MAAO,qBACT,KAAKA,EAAAA,eAAe,MAClB,MAAO,cAAA,CAEb,CAIE,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonAlertContainer.cjs.js","sources":["../../../../../src/components/feedback/alert/container/NeonAlertContainer.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonAlertLevel } from '@/model/feedback/alert/NeonAlertLevel';\nimport type { NeonAlertPlacement } from '@/model/feedback/alert/NeonAlertPlacement';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport type { NeonAlertModel } from '@/model/feedback/alert/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":"8NAUAA,EAAeC,kBAAgB,CAC7B,KAAM,qBACN,WAAY,CACV,SAAAC,EACA,SAAAC,CAAA,EAEF,MAAO,CACL,WAAY,CAAE,KAAM,MAAsC,SAAU,EAAA,EACpE,UAAW,CAAE,KAAM,OAAoC,SAAU,EAAA,CAAK,EAExE,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CAqBrB,MAAO,CACL,aArBoBC,GAAe,CACnCD,EACE,oBACAD,EAAM,WAAW,OAAQG,GAAQA,EAAI,KAAOD,CAAE,CAAA,CAElD,EAiBE,KAfYE,GAA0B,CACtC,OAAQA,EAAA,CACN,KAAKC,EAAAA,eAAe,KAClB,MAAO,cACT,KAAKA,EAAAA,eAAe,QAClB,MAAO,eACT,KAAKA,EAAAA,eAAe,KAClB,MAAO,qBACT,KAAKA,EAAAA,eAAe,MAClB,MAAO,cAAA,CAEb,CAIE,CAEJ,CACF,CAAC"}

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

@@ -1,5 +1,5 @@
 import { defineComponent as c } from "vue";
-import { NeonAlertLevel as e } from "../../../../common/enums/NeonAlertLevel.es.js";
+import { NeonAlertLevel as e } from "../../../../model/feedback/alert/NeonAlertLevel.es.js";
 import i from "../../../presentation/icon/NeonIcon.vue.es.js";
 import s from "../../../navigation/link/NeonLink.vue.es.js";
 const d = c({

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

@@ -1 +1 @@
-{"version":3,"file":"NeonAlertContainer.es.js","sources":["../../../../../src/components/feedback/alert/container/NeonAlertContainer.ts?vue&type=script&src=true&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":";;;;AAUA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA,IACL,YAAY,EAAE,MAAM,OAAsC,UAAU,GAAA;AAAA,IACpE,WAAW,EAAE,MAAM,QAAoC,UAAU,GAAA;AAAA,EAAK;AAAA,EAExE,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AAqBrB,WAAO;AAAA,MACL,cArBmB,CAACC,MAAe;AACnC,QAAAD;AAAA,UACE;AAAA,UACAD,EAAM,WAAW,OAAO,CAACG,MAAQA,EAAI,OAAOD,CAAE;AAAA,QAAA;AAAA,MAElD;AAAA,MAiBE,MAfW,CAACE,MAA0B;AACtC,gBAAQA,GAAA;AAAA,UACN,KAAKC,EAAe;AAClB,mBAAO;AAAA,UACT,KAAKA,EAAe;AAClB,mBAAO;AAAA,UACT,KAAKA,EAAe;AAClB,mBAAO;AAAA,UACT,KAAKA,EAAe;AAClB,mBAAO;AAAA,QAAA;AAAA,MAEb;AAAA,IAIE;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"NeonAlertContainer.es.js","sources":["../../../../../src/components/feedback/alert/container/NeonAlertContainer.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport { NeonAlertLevel } from '@/model/feedback/alert/NeonAlertLevel';\nimport type { NeonAlertPlacement } from '@/model/feedback/alert/NeonAlertPlacement';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport type { NeonAlertModel } from '@/model/feedback/alert/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":";;;;AAUA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA,IACL,YAAY,EAAE,MAAM,OAAsC,UAAU,GAAA;AAAA,IACpE,WAAW,EAAE,MAAM,QAAoC,UAAU,GAAA;AAAA,EAAK;AAAA,EAExE,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AAqBrB,WAAO;AAAA,MACL,cArBmB,CAACC,MAAe;AACnC,QAAAD;AAAA,UACE;AAAA,UACAD,EAAM,WAAW,OAAO,CAACG,MAAQA,EAAI,OAAOD,CAAE;AAAA,QAAA;AAAA,MAElD;AAAA,MAiBE,MAfW,CAACE,MAA0B;AACtC,gBAAQA,GAAA;AAAA,UACN,KAAKC,EAAe;AAClB,mBAAO;AAAA,UACT,KAAKA,EAAe;AAClB,mBAAO;AAAA,UACT,KAAKA,EAAe;AAClB,mBAAO;AAAA,UACT,KAAKA,EAAe;AAClB,mBAAO;AAAA,QAAA;AAAA,MAEb;AAAA,IAIE;AAAA,EAEJ;AACF,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"NeonToastContainer.cjs.js","sources":["../../../../../src/components/feedback/alert/container/NeonToastContainer.ts?vue&type=script&src=true&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: Array 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":"gGAQAA,EAAeC,kBAAgB,CAC7B,KAAM,qBACN,WAAY,CACV,SAAAC,CAAA,EAEF,MAAO,CACL,WAAY,CAAE,KAAM,MAAsC,SAAU,EAAA,EACpE,UAAW,CAAE,KAAM,OAAsC,SAAU,EAAA,CAAK,EAE1E,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CAQrB,MAAO,CACL,aARoBC,GAAe,CACnCD,EACE,oBACAD,EAAM,WAAW,OAAQG,GAAQA,EAAI,KAAOD,CAAE,CAAA,CAElD,CAGE,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonToastContainer.cjs.js","sources":["../../../../../src/components/feedback/alert/container/NeonToastContainer.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport type { NeonToastModel } from '@/model/feedback/toast/NeonToastModel';\nimport type { NeonVerticalPosition } from '@/model/common/position/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: Array 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":"gGAQAA,EAAeC,kBAAgB,CAC7B,KAAM,qBACN,WAAY,CACV,SAAAC,CAAA,EAEF,MAAO,CACL,WAAY,CAAE,KAAM,MAAsC,SAAU,EAAA,EACpE,UAAW,CAAE,KAAM,OAAsC,SAAU,EAAA,CAAK,EAE1E,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CAQrB,MAAO,CACL,aARoBC,GAAe,CACnCD,EACE,oBACAD,EAAM,WAAW,OAAQG,GAAQA,EAAI,KAAOD,CAAE,CAAA,CAElD,CAGE,CAEJ,CACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"NeonToastContainer.es.js","sources":["../../../../../src/components/feedback/alert/container/NeonToastContainer.ts?vue&type=script&src=true&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: Array 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":";;AAQA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA,IACL,YAAY,EAAE,MAAM,OAAsC,UAAU,GAAA;AAAA,IACpE,WAAW,EAAE,MAAM,QAAsC,UAAU,GAAA;AAAA,EAAK;AAAA,EAE1E,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AAQrB,WAAO;AAAA,MACL,cARmB,CAACC,MAAe;AACnC,QAAAD;AAAA,UACE;AAAA,UACAD,EAAM,WAAW,OAAO,CAACG,MAAQA,EAAI,OAAOD,CAAE;AAAA,QAAA;AAAA,MAElD;AAAA,IAGE;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"NeonToastContainer.es.js","sources":["../../../../../src/components/feedback/alert/container/NeonToastContainer.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport type { NeonToastModel } from '@/model/feedback/toast/NeonToastModel';\nimport type { NeonVerticalPosition } from '@/model/common/position/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: Array 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":";;AAQA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA,IACL,YAAY,EAAE,MAAM,OAAsC,UAAU,GAAA;AAAA,IACpE,WAAW,EAAE,MAAM,QAAsC,UAAU,GAAA;AAAA,EAAK;AAAA,EAE1E,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AAQrB,WAAO;AAAA,MACL,cARmB,CAACC,MAAe;AACnC,QAAAD;AAAA,UACE;AAAA,UACAD,EAAM,WAAW,OAAO,CAACG,MAAQA,EAAI,OAAOD,CAAE;AAAA,QAAA;AAAA,MAElD;AAAA,IAGE;AAAA,EAEJ;AACF,CAAC;"}

package/dist/components/feedback/banner/NeonBanner.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const v=require("vue"),A=require("../note/NeonNote.vue.cjs.js"),m=require("../../user-input/button/NeonButton.vue.cjs.js"),n=require("../../../common/enums/NeonAlertLevel.cjs.js"),o=require("../../../common/utils/NeonEventBus.cjs.js"),r=require("../../../common/utils/NeonBannerService.cjs.js"),L=v.defineComponent({name:"NeonBanner",components:{NeonNote:A,NeonButton:m},setup(){const t=v.ref([]),a=v.ref(1),f=e=>{t.value=t.value.filter(s=>s.id!==e.id)},c=(e,s)=>{const l=a.value;a.value=a.value+1;const S={...s,level:e,id:l};t.value.unshift(S)},u=e=>{const s=t.value.findIndex(l=>l.key===e);s>=0&&t.value.splice(s,1)},N=e=>{c(n.NeonAlertLevel.Info,e)},i=e=>{c(n.NeonAlertLevel.Success,e)},B=e=>{c(n.NeonAlertLevel.Warn,e)},E=e=>{c(n.NeonAlertLevel.Error,e)},g=()=>{const e=t.value[0];e&&(f(e),e.action.callback())};return v.onMounted(()=>{o.NeonEventBus.on(r.NeonBannerService.generateEventKey(n.NeonAlertLevel.Info),N),o.NeonEventBus.on(r.NeonBannerService.generateEventKey(n.NeonAlertLevel.Success),i),o.NeonEventBus.on(r.NeonBannerService.generateEventKey(n.NeonAlertLevel.Warn),B),o.NeonEventBus.on(r.NeonBannerService.generateEventKey(n.NeonAlertLevel.Error),E),o.NeonEventBus.on(r.NeonBannerService.removeEventKey,u)}),v.onUnmounted(()=>{o.NeonEventBus.off(r.NeonBannerService.generateEventKey(n.NeonAlertLevel.Info),N),o.NeonEventBus.off(r.NeonBannerService.generateEventKey(n.NeonAlertLevel.Success),i),o.NeonEventBus.off(r.NeonBannerService.generateEventKey(n.NeonAlertLevel.Warn),B),o.NeonEventBus.off(r.NeonBannerService.generateEventKey(n.NeonAlertLevel.Error),E),o.NeonEventBus.off(r.NeonBannerService.removeEventKey,u)}),{onAction:g,messages:t}}});module.exports=L;
+"use strict";const v=require("vue"),A=require("../note/NeonNote.vue.cjs.js"),m=require("../../user-input/button/NeonButton.vue.cjs.js"),n=require("../../../model/feedback/alert/NeonAlertLevel.cjs.js"),o=require("../../../utils/common/event/NeonEventBus.cjs.js"),r=require("../../../utils/feedback/banner/NeonBannerService.cjs.js"),L=v.defineComponent({name:"NeonBanner",components:{NeonNote:A,NeonButton:m},setup(){const t=v.ref([]),a=v.ref(1),f=e=>{t.value=t.value.filter(s=>s.id!==e.id)},c=(e,s)=>{const l=a.value;a.value=a.value+1;const S={...s,level:e,id:l};t.value.unshift(S)},u=e=>{const s=t.value.findIndex(l=>l.key===e);s>=0&&t.value.splice(s,1)},N=e=>{c(n.NeonAlertLevel.Info,e)},i=e=>{c(n.NeonAlertLevel.Success,e)},B=e=>{c(n.NeonAlertLevel.Warn,e)},E=e=>{c(n.NeonAlertLevel.Error,e)},g=()=>{const e=t.value[0];e&&(f(e),e.action.callback())};return v.onMounted(()=>{o.NeonEventBus.on(r.NeonBannerService.generateEventKey(n.NeonAlertLevel.Info),N),o.NeonEventBus.on(r.NeonBannerService.generateEventKey(n.NeonAlertLevel.Success),i),o.NeonEventBus.on(r.NeonBannerService.generateEventKey(n.NeonAlertLevel.Warn),B),o.NeonEventBus.on(r.NeonBannerService.generateEventKey(n.NeonAlertLevel.Error),E),o.NeonEventBus.on(r.NeonBannerService.removeEventKey,u)}),v.onUnmounted(()=>{o.NeonEventBus.off(r.NeonBannerService.generateEventKey(n.NeonAlertLevel.Info),N),o.NeonEventBus.off(r.NeonBannerService.generateEventKey(n.NeonAlertLevel.Success),i),o.NeonEventBus.off(r.NeonBannerService.generateEventKey(n.NeonAlertLevel.Warn),B),o.NeonEventBus.off(r.NeonBannerService.generateEventKey(n.NeonAlertLevel.Error),E),o.NeonEventBus.off(r.NeonBannerService.removeEventKey,u)}),{onAction:g,messages:t}}});module.exports=L;
 //# sourceMappingURL=NeonBanner.cjs.js.map

package/dist/components/feedback/banner/NeonBanner.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonBanner.cjs.js","sources":["../../../../src/components/feedback/banner/NeonBanner.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\nimport NeonNote from '@/components/feedback/note/NeonNote.vue';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport type { NeonBannerModel } from '@/components/feedback/banner/NeonBannerModel';\nimport { NeonAlertLevel } from '@/common/enums/NeonAlertLevel';\nimport type { NeonBannerMessage } from '@/common/models/NeonBannerMessage';\nimport { NeonEventBus } from '@/common/utils/NeonEventBus';\nimport { NeonBannerService } from '@/common/utils/NeonBannerService';\n\n/**\n * NeonBanner is a component for displaying important information to the user above the page content.\n */\nexport default defineComponent({\n  name: 'NeonBanner',\n  components: {\n    NeonNote,\n    NeonButton,\n  },\n  setup() {\n    const messages = ref<Array<NeonBannerModel>>([]);\n\n    const internalId = ref(1);\n\n    const removeMessage = (message: NeonBannerModel) => {\n      messages.value = messages.value.filter((m) => m.id !== message.id);\n    };\n\n    const enqueueMessage = (level: NeonAlertLevel, message: NeonBannerMessage) => {\n      const id = internalId.value;\n      internalId.value = internalId.value + 1;\n\n      const msg: NeonBannerModel = {\n        ...message,\n        level,\n        id,\n      };\n\n      messages.value.unshift(msg);\n    };\n\n    const onRemoveBanner = (key: string) => {\n      const msgIndex = messages.value.findIndex((m) => m.key === key);\n      if (msgIndex >= 0) {\n        messages.value.splice(msgIndex, 1);\n      }\n    };\n\n    const onInfoMessage = (message: NeonBannerMessage) => {\n      enqueueMessage(NeonAlertLevel.Info, message);\n    };\n\n    const onSuccessMessage = (message: NeonBannerMessage) => {\n      enqueueMessage(NeonAlertLevel.Success, message);\n    };\n\n    const onWarnMessage = (message: NeonBannerMessage) => {\n      enqueueMessage(NeonAlertLevel.Warn, message);\n    };\n\n    const onErrorMessage = (message: NeonBannerMessage) => {\n      enqueueMessage(NeonAlertLevel.Error, message);\n    };\n\n    const onAction = () => {\n      const msg = messages.value[0];\n\n      if (msg) {\n        removeMessage(msg);\n        msg.action.callback();\n      }\n    };\n\n    onMounted(() => {\n      NeonEventBus.on(NeonBannerService.generateEventKey(NeonAlertLevel.Info), onInfoMessage);\n      NeonEventBus.on(NeonBannerService.generateEventKey(NeonAlertLevel.Success), onSuccessMessage);\n      NeonEventBus.on(NeonBannerService.generateEventKey(NeonAlertLevel.Warn), onWarnMessage);\n      NeonEventBus.on(NeonBannerService.generateEventKey(NeonAlertLevel.Error), onErrorMessage);\n      NeonEventBus.on(NeonBannerService.removeEventKey, onRemoveBanner);\n    });\n\n    onUnmounted(() => {\n      NeonEventBus.off(NeonBannerService.generateEventKey(NeonAlertLevel.Info), onInfoMessage);\n      NeonEventBus.off(NeonBannerService.generateEventKey(NeonAlertLevel.Success), onSuccessMessage);\n      NeonEventBus.off(NeonBannerService.generateEventKey(NeonAlertLevel.Warn), onWarnMessage);\n      NeonEventBus.off(NeonBannerService.generateEventKey(NeonAlertLevel.Error), onErrorMessage);\n      NeonEventBus.off(NeonBannerService.removeEventKey, onRemoveBanner);\n    });\n\n    return {\n      onAction,\n      messages,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonNote","NeonButton","messages","ref","internalId","removeMessage","message","m","enqueueMessage","level","id","msg","onRemoveBanner","key","msgIndex","onInfoMessage","NeonAlertLevel","onSuccessMessage","onWarnMessage","onErrorMessage","onAction","onMounted","NeonEventBus","NeonBannerService","onUnmounted"],"mappings":"oTAYAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,WAAY,CACV,SAAAC,EACA,WAAAC,CAAA,EAEF,OAAQ,CACN,MAAMC,EAAWC,EAAAA,IAA4B,EAAE,EAEzCC,EAAaD,EAAAA,IAAI,CAAC,EAElBE,EAAiBC,GAA6B,CAClDJ,EAAS,MAAQA,EAAS,MAAM,OAAQK,GAAMA,EAAE,KAAOD,EAAQ,EAAE,CACnE,EAEME,EAAiB,CAACC,EAAuBH,IAA+B,CAC5E,MAAMI,EAAKN,EAAW,MACtBA,EAAW,MAAQA,EAAW,MAAQ,EAEtC,MAAMO,EAAuB,CAC3B,GAAGL,EACH,MAAAG,EACA,GAAAC,CAAA,EAGFR,EAAS,MAAM,QAAQS,CAAG,CAC5B,EAEMC,EAAkBC,GAAgB,CACtC,MAAMC,EAAWZ,EAAS,MAAM,UAAWK,GAAMA,EAAE,MAAQM,CAAG,EAC1DC,GAAY,GACdZ,EAAS,MAAM,OAAOY,EAAU,CAAC,CAErC,EAEMC,EAAiBT,GAA+B,CACpDE,EAAeQ,EAAAA,eAAe,KAAMV,CAAO,CAC7C,EAEMW,EAAoBX,GAA+B,CACvDE,EAAeQ,EAAAA,eAAe,QAASV,CAAO,CAChD,EAEMY,EAAiBZ,GAA+B,CACpDE,EAAeQ,EAAAA,eAAe,KAAMV,CAAO,CAC7C,EAEMa,EAAkBb,GAA+B,CACrDE,EAAeQ,EAAAA,eAAe,MAAOV,CAAO,CAC9C,EAEMc,EAAW,IAAM,CACrB,MAAMT,EAAMT,EAAS,MAAM,CAAC,EAExBS,IACFN,EAAcM,CAAG,EACjBA,EAAI,OAAO,SAAA,EAEf,EAEAU,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,aAAa,GAAGC,oBAAkB,iBAAiBP,EAAAA,eAAe,IAAI,EAAGD,CAAa,EACtFO,EAAAA,aAAa,GAAGC,oBAAkB,iBAAiBP,EAAAA,eAAe,OAAO,EAAGC,CAAgB,EAC5FK,EAAAA,aAAa,GAAGC,oBAAkB,iBAAiBP,EAAAA,eAAe,IAAI,EAAGE,CAAa,EACtFI,EAAAA,aAAa,GAAGC,oBAAkB,iBAAiBP,EAAAA,eAAe,KAAK,EAAGG,CAAc,EACxFG,EAAAA,aAAa,GAAGC,oBAAkB,eAAgBX,CAAc,CAClE,CAAC,EAEDY,EAAAA,YAAY,IAAM,CAChBF,EAAAA,aAAa,IAAIC,oBAAkB,iBAAiBP,EAAAA,eAAe,IAAI,EAAGD,CAAa,EACvFO,EAAAA,aAAa,IAAIC,oBAAkB,iBAAiBP,EAAAA,eAAe,OAAO,EAAGC,CAAgB,EAC7FK,EAAAA,aAAa,IAAIC,oBAAkB,iBAAiBP,EAAAA,eAAe,IAAI,EAAGE,CAAa,EACvFI,EAAAA,aAAa,IAAIC,oBAAkB,iBAAiBP,EAAAA,eAAe,KAAK,EAAGG,CAAc,EACzFG,EAAAA,aAAa,IAAIC,oBAAkB,eAAgBX,CAAc,CACnE,CAAC,EAEM,CACL,SAAAQ,EACA,SAAAlB,CAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonBanner.cjs.js","sources":["../../../../src/components/feedback/banner/NeonBanner.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\nimport NeonNote from '@/components/feedback/note/NeonNote.vue';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport type { NeonBannerModel } from '@/model/feedback/banner/NeonBannerModel';\nimport { NeonAlertLevel } from '@/model/feedback/alert/NeonAlertLevel';\nimport type { NeonBannerMessage } from '@/model/feedback/banner/NeonBannerMessage';\nimport { NeonEventBus } from '@/utils/common/event/NeonEventBus';\nimport { NeonBannerService } from '@/utils/feedback/banner/NeonBannerService';\n\n/**\n * NeonBanner is a component for displaying important information to the user above the page content.\n */\nexport default defineComponent({\n  name: 'NeonBanner',\n  components: {\n    NeonNote,\n    NeonButton,\n  },\n  setup() {\n    const messages = ref<Array<NeonBannerModel>>([]);\n\n    const internalId = ref(1);\n\n    const removeMessage = (message: NeonBannerModel) => {\n      messages.value = messages.value.filter((m) => m.id !== message.id);\n    };\n\n    const enqueueMessage = (level: NeonAlertLevel, message: NeonBannerMessage) => {\n      const id = internalId.value;\n      internalId.value = internalId.value + 1;\n\n      const msg: NeonBannerModel = {\n        ...message,\n        level,\n        id,\n      };\n\n      messages.value.unshift(msg);\n    };\n\n    const onRemoveBanner = (key: string) => {\n      const msgIndex = messages.value.findIndex((m) => m.key === key);\n      if (msgIndex >= 0) {\n        messages.value.splice(msgIndex, 1);\n      }\n    };\n\n    const onInfoMessage = (message: NeonBannerMessage) => {\n      enqueueMessage(NeonAlertLevel.Info, message);\n    };\n\n    const onSuccessMessage = (message: NeonBannerMessage) => {\n      enqueueMessage(NeonAlertLevel.Success, message);\n    };\n\n    const onWarnMessage = (message: NeonBannerMessage) => {\n      enqueueMessage(NeonAlertLevel.Warn, message);\n    };\n\n    const onErrorMessage = (message: NeonBannerMessage) => {\n      enqueueMessage(NeonAlertLevel.Error, message);\n    };\n\n    const onAction = () => {\n      const msg = messages.value[0];\n\n      if (msg) {\n        removeMessage(msg);\n        msg.action.callback();\n      }\n    };\n\n    onMounted(() => {\n      NeonEventBus.on(NeonBannerService.generateEventKey(NeonAlertLevel.Info), onInfoMessage);\n      NeonEventBus.on(NeonBannerService.generateEventKey(NeonAlertLevel.Success), onSuccessMessage);\n      NeonEventBus.on(NeonBannerService.generateEventKey(NeonAlertLevel.Warn), onWarnMessage);\n      NeonEventBus.on(NeonBannerService.generateEventKey(NeonAlertLevel.Error), onErrorMessage);\n      NeonEventBus.on(NeonBannerService.removeEventKey, onRemoveBanner);\n    });\n\n    onUnmounted(() => {\n      NeonEventBus.off(NeonBannerService.generateEventKey(NeonAlertLevel.Info), onInfoMessage);\n      NeonEventBus.off(NeonBannerService.generateEventKey(NeonAlertLevel.Success), onSuccessMessage);\n      NeonEventBus.off(NeonBannerService.generateEventKey(NeonAlertLevel.Warn), onWarnMessage);\n      NeonEventBus.off(NeonBannerService.generateEventKey(NeonAlertLevel.Error), onErrorMessage);\n      NeonEventBus.off(NeonBannerService.removeEventKey, onRemoveBanner);\n    });\n\n    return {\n      onAction,\n      messages,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonNote","NeonButton","messages","ref","internalId","removeMessage","message","m","enqueueMessage","level","id","msg","onRemoveBanner","key","msgIndex","onInfoMessage","NeonAlertLevel","onSuccessMessage","onWarnMessage","onErrorMessage","onAction","onMounted","NeonEventBus","NeonBannerService","onUnmounted"],"mappings":"2UAYAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,WAAY,CACV,SAAAC,EACA,WAAAC,CAAA,EAEF,OAAQ,CACN,MAAMC,EAAWC,EAAAA,IAA4B,EAAE,EAEzCC,EAAaD,EAAAA,IAAI,CAAC,EAElBE,EAAiBC,GAA6B,CAClDJ,EAAS,MAAQA,EAAS,MAAM,OAAQK,GAAMA,EAAE,KAAOD,EAAQ,EAAE,CACnE,EAEME,EAAiB,CAACC,EAAuBH,IAA+B,CAC5E,MAAMI,EAAKN,EAAW,MACtBA,EAAW,MAAQA,EAAW,MAAQ,EAEtC,MAAMO,EAAuB,CAC3B,GAAGL,EACH,MAAAG,EACA,GAAAC,CAAA,EAGFR,EAAS,MAAM,QAAQS,CAAG,CAC5B,EAEMC,EAAkBC,GAAgB,CACtC,MAAMC,EAAWZ,EAAS,MAAM,UAAWK,GAAMA,EAAE,MAAQM,CAAG,EAC1DC,GAAY,GACdZ,EAAS,MAAM,OAAOY,EAAU,CAAC,CAErC,EAEMC,EAAiBT,GAA+B,CACpDE,EAAeQ,EAAAA,eAAe,KAAMV,CAAO,CAC7C,EAEMW,EAAoBX,GAA+B,CACvDE,EAAeQ,EAAAA,eAAe,QAASV,CAAO,CAChD,EAEMY,EAAiBZ,GAA+B,CACpDE,EAAeQ,EAAAA,eAAe,KAAMV,CAAO,CAC7C,EAEMa,EAAkBb,GAA+B,CACrDE,EAAeQ,EAAAA,eAAe,MAAOV,CAAO,CAC9C,EAEMc,EAAW,IAAM,CACrB,MAAMT,EAAMT,EAAS,MAAM,CAAC,EAExBS,IACFN,EAAcM,CAAG,EACjBA,EAAI,OAAO,SAAA,EAEf,EAEAU,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,aAAa,GAAGC,oBAAkB,iBAAiBP,EAAAA,eAAe,IAAI,EAAGD,CAAa,EACtFO,EAAAA,aAAa,GAAGC,oBAAkB,iBAAiBP,EAAAA,eAAe,OAAO,EAAGC,CAAgB,EAC5FK,EAAAA,aAAa,GAAGC,oBAAkB,iBAAiBP,EAAAA,eAAe,IAAI,EAAGE,CAAa,EACtFI,EAAAA,aAAa,GAAGC,oBAAkB,iBAAiBP,EAAAA,eAAe,KAAK,EAAGG,CAAc,EACxFG,EAAAA,aAAa,GAAGC,oBAAkB,eAAgBX,CAAc,CAClE,CAAC,EAEDY,EAAAA,YAAY,IAAM,CAChBF,EAAAA,aAAa,IAAIC,oBAAkB,iBAAiBP,EAAAA,eAAe,IAAI,EAAGD,CAAa,EACvFO,EAAAA,aAAa,IAAIC,oBAAkB,iBAAiBP,EAAAA,eAAe,OAAO,EAAGC,CAAgB,EAC7FK,EAAAA,aAAa,IAAIC,oBAAkB,iBAAiBP,EAAAA,eAAe,IAAI,EAAGE,CAAa,EACvFI,EAAAA,aAAa,IAAIC,oBAAkB,iBAAiBP,EAAAA,eAAe,KAAK,EAAGG,CAAc,EACzFG,EAAAA,aAAa,IAAIC,oBAAkB,eAAgBX,CAAc,CACnE,CAAC,EAEM,CACL,SAAAQ,EACA,SAAAlB,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/feedback/banner/NeonBanner.es.js

@@ -1,9 +1,9 @@
 import { defineComponent as y, ref as l, onMounted as K, onUnmounted as I } from "vue";
 import M from "../note/NeonNote.vue.es.js";
 import N from "../../user-input/button/NeonButton.vue.es.js";
-import { NeonAlertLevel as n } from "../../../common/enums/NeonAlertLevel.es.js";
-import { NeonEventBus as o } from "../../../common/utils/NeonEventBus.es.js";
-import { NeonBannerService as t } from "../../../common/utils/NeonBannerService.es.js";
+import { NeonAlertLevel as n } from "../../../model/feedback/alert/NeonAlertLevel.es.js";
+import { NeonEventBus as o } from "../../../utils/common/event/NeonEventBus.es.js";
+import { NeonBannerService as t } from "../../../utils/feedback/banner/NeonBannerService.es.js";
 const _ = y({
   name: "NeonBanner",
   components: {

package/dist/components/feedback/banner/NeonBanner.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonBanner.es.js","sources":["../../../../src/components/feedback/banner/NeonBanner.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\nimport NeonNote from '@/components/feedback/note/NeonNote.vue';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport type { NeonBannerModel } from '@/components/feedback/banner/NeonBannerModel';\nimport { NeonAlertLevel } from '@/common/enums/NeonAlertLevel';\nimport type { NeonBannerMessage } from '@/common/models/NeonBannerMessage';\nimport { NeonEventBus } from '@/common/utils/NeonEventBus';\nimport { NeonBannerService } from '@/common/utils/NeonBannerService';\n\n/**\n * NeonBanner is a component for displaying important information to the user above the page content.\n */\nexport default defineComponent({\n  name: 'NeonBanner',\n  components: {\n    NeonNote,\n    NeonButton,\n  },\n  setup() {\n    const messages = ref<Array<NeonBannerModel>>([]);\n\n    const internalId = ref(1);\n\n    const removeMessage = (message: NeonBannerModel) => {\n      messages.value = messages.value.filter((m) => m.id !== message.id);\n    };\n\n    const enqueueMessage = (level: NeonAlertLevel, message: NeonBannerMessage) => {\n      const id = internalId.value;\n      internalId.value = internalId.value + 1;\n\n      const msg: NeonBannerModel = {\n        ...message,\n        level,\n        id,\n      };\n\n      messages.value.unshift(msg);\n    };\n\n    const onRemoveBanner = (key: string) => {\n      const msgIndex = messages.value.findIndex((m) => m.key === key);\n      if (msgIndex >= 0) {\n        messages.value.splice(msgIndex, 1);\n      }\n    };\n\n    const onInfoMessage = (message: NeonBannerMessage) => {\n      enqueueMessage(NeonAlertLevel.Info, message);\n    };\n\n    const onSuccessMessage = (message: NeonBannerMessage) => {\n      enqueueMessage(NeonAlertLevel.Success, message);\n    };\n\n    const onWarnMessage = (message: NeonBannerMessage) => {\n      enqueueMessage(NeonAlertLevel.Warn, message);\n    };\n\n    const onErrorMessage = (message: NeonBannerMessage) => {\n      enqueueMessage(NeonAlertLevel.Error, message);\n    };\n\n    const onAction = () => {\n      const msg = messages.value[0];\n\n      if (msg) {\n        removeMessage(msg);\n        msg.action.callback();\n      }\n    };\n\n    onMounted(() => {\n      NeonEventBus.on(NeonBannerService.generateEventKey(NeonAlertLevel.Info), onInfoMessage);\n      NeonEventBus.on(NeonBannerService.generateEventKey(NeonAlertLevel.Success), onSuccessMessage);\n      NeonEventBus.on(NeonBannerService.generateEventKey(NeonAlertLevel.Warn), onWarnMessage);\n      NeonEventBus.on(NeonBannerService.generateEventKey(NeonAlertLevel.Error), onErrorMessage);\n      NeonEventBus.on(NeonBannerService.removeEventKey, onRemoveBanner);\n    });\n\n    onUnmounted(() => {\n      NeonEventBus.off(NeonBannerService.generateEventKey(NeonAlertLevel.Info), onInfoMessage);\n      NeonEventBus.off(NeonBannerService.generateEventKey(NeonAlertLevel.Success), onSuccessMessage);\n      NeonEventBus.off(NeonBannerService.generateEventKey(NeonAlertLevel.Warn), onWarnMessage);\n      NeonEventBus.off(NeonBannerService.generateEventKey(NeonAlertLevel.Error), onErrorMessage);\n      NeonEventBus.off(NeonBannerService.removeEventKey, onRemoveBanner);\n    });\n\n    return {\n      onAction,\n      messages,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonNote","NeonButton","messages","ref","internalId","removeMessage","message","m","enqueueMessage","level","id","msg","onRemoveBanner","key","msgIndex","onInfoMessage","NeonAlertLevel","onSuccessMessage","onWarnMessage","onErrorMessage","onAction","onMounted","NeonEventBus","NeonBannerService","onUnmounted"],"mappings":";;;;;;AAYA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,YAAAC;AAAA,EAAA;AAAA,EAEF,QAAQ;AACN,UAAMC,IAAWC,EAA4B,EAAE,GAEzCC,IAAaD,EAAI,CAAC,GAElBE,IAAgB,CAACC,MAA6B;AAClD,MAAAJ,EAAS,QAAQA,EAAS,MAAM,OAAO,CAACK,MAAMA,EAAE,OAAOD,EAAQ,EAAE;AAAA,IACnE,GAEME,IAAiB,CAACC,GAAuBH,MAA+B;AAC5E,YAAMI,IAAKN,EAAW;AACtB,MAAAA,EAAW,QAAQA,EAAW,QAAQ;AAEtC,YAAMO,IAAuB;AAAA,QAC3B,GAAGL;AAAA,QACH,OAAAG;AAAA,QACA,IAAAC;AAAA,MAAA;AAGF,MAAAR,EAAS,MAAM,QAAQS,CAAG;AAAA,IAC5B,GAEMC,IAAiB,CAACC,MAAgB;AACtC,YAAMC,IAAWZ,EAAS,MAAM,UAAU,CAACK,MAAMA,EAAE,QAAQM,CAAG;AAC9D,MAAIC,KAAY,KACdZ,EAAS,MAAM,OAAOY,GAAU,CAAC;AAAA,IAErC,GAEMC,IAAgB,CAACT,MAA+B;AACpD,MAAAE,EAAeQ,EAAe,MAAMV,CAAO;AAAA,IAC7C,GAEMW,IAAmB,CAACX,MAA+B;AACvD,MAAAE,EAAeQ,EAAe,SAASV,CAAO;AAAA,IAChD,GAEMY,IAAgB,CAACZ,MAA+B;AACpD,MAAAE,EAAeQ,EAAe,MAAMV,CAAO;AAAA,IAC7C,GAEMa,IAAiB,CAACb,MAA+B;AACrD,MAAAE,EAAeQ,EAAe,OAAOV,CAAO;AAAA,IAC9C,GAEMc,IAAW,MAAM;AACrB,YAAMT,IAAMT,EAAS,MAAM,CAAC;AAE5B,MAAIS,MACFN,EAAcM,CAAG,GACjBA,EAAI,OAAO,SAAA;AAAA,IAEf;AAEA,WAAAU,EAAU,MAAM;AACd,MAAAC,EAAa,GAAGC,EAAkB,iBAAiBP,EAAe,IAAI,GAAGD,CAAa,GACtFO,EAAa,GAAGC,EAAkB,iBAAiBP,EAAe,OAAO,GAAGC,CAAgB,GAC5FK,EAAa,GAAGC,EAAkB,iBAAiBP,EAAe,IAAI,GAAGE,CAAa,GACtFI,EAAa,GAAGC,EAAkB,iBAAiBP,EAAe,KAAK,GAAGG,CAAc,GACxFG,EAAa,GAAGC,EAAkB,gBAAgBX,CAAc;AAAA,IAClE,CAAC,GAEDY,EAAY,MAAM;AAChB,MAAAF,EAAa,IAAIC,EAAkB,iBAAiBP,EAAe,IAAI,GAAGD,CAAa,GACvFO,EAAa,IAAIC,EAAkB,iBAAiBP,EAAe,OAAO,GAAGC,CAAgB,GAC7FK,EAAa,IAAIC,EAAkB,iBAAiBP,EAAe,IAAI,GAAGE,CAAa,GACvFI,EAAa,IAAIC,EAAkB,iBAAiBP,EAAe,KAAK,GAAGG,CAAc,GACzFG,EAAa,IAAIC,EAAkB,gBAAgBX,CAAc;AAAA,IACnE,CAAC,GAEM;AAAA,MACL,UAAAQ;AAAA,MACA,UAAAlB;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"NeonBanner.es.js","sources":["../../../../src/components/feedback/banner/NeonBanner.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\nimport NeonNote from '@/components/feedback/note/NeonNote.vue';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport type { NeonBannerModel } from '@/model/feedback/banner/NeonBannerModel';\nimport { NeonAlertLevel } from '@/model/feedback/alert/NeonAlertLevel';\nimport type { NeonBannerMessage } from '@/model/feedback/banner/NeonBannerMessage';\nimport { NeonEventBus } from '@/utils/common/event/NeonEventBus';\nimport { NeonBannerService } from '@/utils/feedback/banner/NeonBannerService';\n\n/**\n * NeonBanner is a component for displaying important information to the user above the page content.\n */\nexport default defineComponent({\n  name: 'NeonBanner',\n  components: {\n    NeonNote,\n    NeonButton,\n  },\n  setup() {\n    const messages = ref<Array<NeonBannerModel>>([]);\n\n    const internalId = ref(1);\n\n    const removeMessage = (message: NeonBannerModel) => {\n      messages.value = messages.value.filter((m) => m.id !== message.id);\n    };\n\n    const enqueueMessage = (level: NeonAlertLevel, message: NeonBannerMessage) => {\n      const id = internalId.value;\n      internalId.value = internalId.value + 1;\n\n      const msg: NeonBannerModel = {\n        ...message,\n        level,\n        id,\n      };\n\n      messages.value.unshift(msg);\n    };\n\n    const onRemoveBanner = (key: string) => {\n      const msgIndex = messages.value.findIndex((m) => m.key === key);\n      if (msgIndex >= 0) {\n        messages.value.splice(msgIndex, 1);\n      }\n    };\n\n    const onInfoMessage = (message: NeonBannerMessage) => {\n      enqueueMessage(NeonAlertLevel.Info, message);\n    };\n\n    const onSuccessMessage = (message: NeonBannerMessage) => {\n      enqueueMessage(NeonAlertLevel.Success, message);\n    };\n\n    const onWarnMessage = (message: NeonBannerMessage) => {\n      enqueueMessage(NeonAlertLevel.Warn, message);\n    };\n\n    const onErrorMessage = (message: NeonBannerMessage) => {\n      enqueueMessage(NeonAlertLevel.Error, message);\n    };\n\n    const onAction = () => {\n      const msg = messages.value[0];\n\n      if (msg) {\n        removeMessage(msg);\n        msg.action.callback();\n      }\n    };\n\n    onMounted(() => {\n      NeonEventBus.on(NeonBannerService.generateEventKey(NeonAlertLevel.Info), onInfoMessage);\n      NeonEventBus.on(NeonBannerService.generateEventKey(NeonAlertLevel.Success), onSuccessMessage);\n      NeonEventBus.on(NeonBannerService.generateEventKey(NeonAlertLevel.Warn), onWarnMessage);\n      NeonEventBus.on(NeonBannerService.generateEventKey(NeonAlertLevel.Error), onErrorMessage);\n      NeonEventBus.on(NeonBannerService.removeEventKey, onRemoveBanner);\n    });\n\n    onUnmounted(() => {\n      NeonEventBus.off(NeonBannerService.generateEventKey(NeonAlertLevel.Info), onInfoMessage);\n      NeonEventBus.off(NeonBannerService.generateEventKey(NeonAlertLevel.Success), onSuccessMessage);\n      NeonEventBus.off(NeonBannerService.generateEventKey(NeonAlertLevel.Warn), onWarnMessage);\n      NeonEventBus.off(NeonBannerService.generateEventKey(NeonAlertLevel.Error), onErrorMessage);\n      NeonEventBus.off(NeonBannerService.removeEventKey, onRemoveBanner);\n    });\n\n    return {\n      onAction,\n      messages,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonNote","NeonButton","messages","ref","internalId","removeMessage","message","m","enqueueMessage","level","id","msg","onRemoveBanner","key","msgIndex","onInfoMessage","NeonAlertLevel","onSuccessMessage","onWarnMessage","onErrorMessage","onAction","onMounted","NeonEventBus","NeonBannerService","onUnmounted"],"mappings":";;;;;;AAYA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,YAAAC;AAAA,EAAA;AAAA,EAEF,QAAQ;AACN,UAAMC,IAAWC,EAA4B,EAAE,GAEzCC,IAAaD,EAAI,CAAC,GAElBE,IAAgB,CAACC,MAA6B;AAClD,MAAAJ,EAAS,QAAQA,EAAS,MAAM,OAAO,CAACK,MAAMA,EAAE,OAAOD,EAAQ,EAAE;AAAA,IACnE,GAEME,IAAiB,CAACC,GAAuBH,MAA+B;AAC5E,YAAMI,IAAKN,EAAW;AACtB,MAAAA,EAAW,QAAQA,EAAW,QAAQ;AAEtC,YAAMO,IAAuB;AAAA,QAC3B,GAAGL;AAAA,QACH,OAAAG;AAAA,QACA,IAAAC;AAAA,MAAA;AAGF,MAAAR,EAAS,MAAM,QAAQS,CAAG;AAAA,IAC5B,GAEMC,IAAiB,CAACC,MAAgB;AACtC,YAAMC,IAAWZ,EAAS,MAAM,UAAU,CAACK,MAAMA,EAAE,QAAQM,CAAG;AAC9D,MAAIC,KAAY,KACdZ,EAAS,MAAM,OAAOY,GAAU,CAAC;AAAA,IAErC,GAEMC,IAAgB,CAACT,MAA+B;AACpD,MAAAE,EAAeQ,EAAe,MAAMV,CAAO;AAAA,IAC7C,GAEMW,IAAmB,CAACX,MAA+B;AACvD,MAAAE,EAAeQ,EAAe,SAASV,CAAO;AAAA,IAChD,GAEMY,IAAgB,CAACZ,MAA+B;AACpD,MAAAE,EAAeQ,EAAe,MAAMV,CAAO;AAAA,IAC7C,GAEMa,IAAiB,CAACb,MAA+B;AACrD,MAAAE,EAAeQ,EAAe,OAAOV,CAAO;AAAA,IAC9C,GAEMc,IAAW,MAAM;AACrB,YAAMT,IAAMT,EAAS,MAAM,CAAC;AAE5B,MAAIS,MACFN,EAAcM,CAAG,GACjBA,EAAI,OAAO,SAAA;AAAA,IAEf;AAEA,WAAAU,EAAU,MAAM;AACd,MAAAC,EAAa,GAAGC,EAAkB,iBAAiBP,EAAe,IAAI,GAAGD,CAAa,GACtFO,EAAa,GAAGC,EAAkB,iBAAiBP,EAAe,OAAO,GAAGC,CAAgB,GAC5FK,EAAa,GAAGC,EAAkB,iBAAiBP,EAAe,IAAI,GAAGE,CAAa,GACtFI,EAAa,GAAGC,EAAkB,iBAAiBP,EAAe,KAAK,GAAGG,CAAc,GACxFG,EAAa,GAAGC,EAAkB,gBAAgBX,CAAc;AAAA,IAClE,CAAC,GAEDY,EAAY,MAAM;AAChB,MAAAF,EAAa,IAAIC,EAAkB,iBAAiBP,EAAe,IAAI,GAAGD,CAAa,GACvFO,EAAa,IAAIC,EAAkB,iBAAiBP,EAAe,OAAO,GAAGC,CAAgB,GAC7FK,EAAa,IAAIC,EAAkB,iBAAiBP,EAAe,IAAI,GAAGE,CAAa,GACvFI,EAAa,IAAIC,EAAkB,iBAAiBP,EAAe,KAAK,GAAGG,CAAc,GACzFG,EAAa,IAAIC,EAAkB,gBAAgBX,CAAc;AAAA,IACnE,CAAC,GAEM;AAAA,MACL,UAAAQ;AAAA,MACA,UAAAlB;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

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

@@ -1,2 +1,2 @@
-"use strict";const o=require("vue"),a=require("../../../common/enums/NeonFunctionalColor.cjs.js"),i=require("../../user-input/button/NeonButton.vue.cjs.js"),u=require("../../layout/card/NeonCard.vue.cjs.js"),s=require("../../layout/card/body/NeonCardBody.vue.cjs.js"),f=require("../../layout/modal/NeonModal.vue.cjs.js"),p=o.defineComponent({name:"NeonDialog",components:{NeonButton:i,NeonCard:u,NeonCardBody:s,NeonModal:f},props:{color:{type:String,default:a.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(r,{emit:t}){const e=o.ref(null),c=()=>{t("cancel")},l=()=>{t("confirm")};return o.watch(()=>r.open,()=>{if(e.value){const n=e.value.querySelector(".neon-dialog__confirm-button");n==null||n.focus()}}),{actions:e,cancel:c,confirm:l}}});module.exports=p;
+"use strict";const o=require("vue"),a=require("../../../model/common/color/NeonFunctionalColor.cjs.js"),i=require("../../user-input/button/NeonButton.vue.cjs.js"),u=require("../../layout/card/NeonCard.vue.cjs.js"),s=require("../../layout/card/body/NeonCardBody.vue.cjs.js"),f=require("../../layout/modal/NeonModal.vue.cjs.js"),p=o.defineComponent({name:"NeonDialog",components:{NeonButton:i,NeonCard:u,NeonCardBody:s,NeonModal:f},props:{color:{type:String,default:a.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(r,{emit:t}){const e=o.ref(null),c=()=>{t("cancel")},l=()=>{t("confirm")};return o.watch(()=>r.open,()=>{if(e.value){const n=e.value.querySelector(".neon-dialog__confirm-button");n==null||n.focus()}}),{actions:e,cancel:c,confirm:l}}});module.exports=p;
 //# sourceMappingURL=NeonDialog.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NeonDialog.cjs.js","sources":["../../../../src/components/feedback/dialog/NeonDialog.ts?vue&type=script&src=true&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":"iUAWAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,WAAY,CACV,WAAAC,EACA,SAAAC,EACA,aAAAC,EACA,UAAAC,CAAA,EAEF,MAAO,CAIL,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAA,EAIjF,eAAgB,CAAE,KAAM,OAAqC,QAAS,IAAA,EAItE,YAAa,CAAE,KAAM,OAAQ,QAAS,QAAA,EAItC,aAAc,CAAE,KAAM,OAAQ,QAAS,SAAA,EAIvC,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAA,EAIjC,SAAU,CAAE,KAAM,OAAQ,SAAU,EAAA,EAIpC,KAAM,CAAE,KAAM,QAAS,QAAS,EAAA,EAIhC,OAAQ,CAAE,KAAM,QAAS,QAAS,EAAA,CAAM,EAE1C,MAAO,CAKL,SAKA,SAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAUC,EAAAA,IAA2B,IAAI,EAEzCC,EAAS,IAAM,CACnBH,EAAK,QAAQ,CACf,EAEMI,EAAU,IAAM,CACpBJ,EAAK,SAAS,CAChB,EAEAK,OAAAA,EAAAA,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.cjs.js","sources":["../../../../src/components/feedback/dialog/NeonDialog.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, ref, watch } from 'vue';\nimport { NeonFunctionalColor } from '@/model/common/color/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":"uUAWAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,WAAY,CACV,WAAAC,EACA,SAAAC,EACA,aAAAC,EACA,UAAAC,CAAA,EAEF,MAAO,CAIL,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAA,EAIjF,eAAgB,CAAE,KAAM,OAAqC,QAAS,IAAA,EAItE,YAAa,CAAE,KAAM,OAAQ,QAAS,QAAA,EAItC,aAAc,CAAE,KAAM,OAAQ,QAAS,SAAA,EAIvC,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAA,EAIjC,SAAU,CAAE,KAAM,OAAQ,SAAU,EAAA,EAIpC,KAAM,CAAE,KAAM,QAAS,QAAS,EAAA,EAIhC,OAAQ,CAAE,KAAM,QAAS,QAAS,EAAA,CAAM,EAE1C,MAAO,CAKL,SAKA,SAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAUC,EAAAA,IAA2B,IAAI,EAEzCC,EAAS,IAAM,CACnBH,EAAK,QAAQ,CACf,EAEMI,EAAU,IAAM,CACpBJ,EAAK,SAAS,CAChB,EAEAK,OAAAA,EAAAA,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.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as l, ref as i, watch as c } from "vue";
-import { NeonFunctionalColor as f } from "../../../common/enums/NeonFunctionalColor.es.js";
+import { NeonFunctionalColor as f } from "../../../model/common/color/NeonFunctionalColor.es.js";
 import m from "../../user-input/button/NeonButton.vue.es.js";
 import p from "../../layout/card/NeonCard.vue.es.js";
 import u from "../../layout/card/body/NeonCardBody.vue.es.js";

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

@@ -1 +1 @@
-{"version":3,"file":"NeonDialog.es.js","sources":["../../../../src/components/feedback/dialog/NeonDialog.ts?vue&type=script&src=true&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":";;;;;;AAWA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,OAAO,EAAE,MAAM,QAAqC,SAASC,EAAoB,QAAA;AAAA;AAAA;AAAA;AAAA,IAIjF,gBAAgB,EAAE,MAAM,QAAqC,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAItE,aAAa,EAAE,MAAM,QAAQ,SAAS,SAAA;AAAA;AAAA;AAAA;AAAA,IAItC,cAAc,EAAE,MAAM,QAAQ,SAAS,UAAA;AAAA;AAAA;AAAA;AAAA,IAIvC,OAAO,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIjC,UAAU,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,MAAM,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIhC,QAAQ,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAAA,EAE1C,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA,EAAA;AAAA,EAEF,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AACrB,UAAMC,IAAUC,EAA2B,IAAI,GAEzCC,IAAS,MAAM;AACnB,MAAAH,EAAK,QAAQ;AAAA,IACf,GAEMI,IAAU,MAAM;AACpB,MAAAJ,EAAK,SAAS;AAAA,IAChB;AAEA,WAAAK;AAAA,MACE,MAAMN,EAAM;AAAA,MACZ,MAAM;AACJ,YAAIE,EAAQ,OAAO;AACjB,gBAAMK,IAASL,EAAQ,MAAM,cAAc,8BAA8B;AACzE,UAAAK,KAAA,QAAAA,EAAQ;AAAA,QACV;AAAA,MACF;AAAA,IAAA,GAGK;AAAA,MACL,SAAAL;AAAA,MACA,QAAAE;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"NeonDialog.es.js","sources":["../../../../src/components/feedback/dialog/NeonDialog.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, ref, watch } from 'vue';\nimport { NeonFunctionalColor } from '@/model/common/color/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":";;;;;;AAWA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,OAAO,EAAE,MAAM,QAAqC,SAASC,EAAoB,QAAA;AAAA;AAAA;AAAA;AAAA,IAIjF,gBAAgB,EAAE,MAAM,QAAqC,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAItE,aAAa,EAAE,MAAM,QAAQ,SAAS,SAAA;AAAA;AAAA;AAAA;AAAA,IAItC,cAAc,EAAE,MAAM,QAAQ,SAAS,UAAA;AAAA;AAAA;AAAA;AAAA,IAIvC,OAAO,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIjC,UAAU,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,MAAM,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIhC,QAAQ,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAAA,EAE1C,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA,EAAA;AAAA,EAEF,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AACrB,UAAMC,IAAUC,EAA2B,IAAI,GAEzCC,IAAS,MAAM;AACnB,MAAAH,EAAK,QAAQ;AAAA,IACf,GAEMI,IAAU,MAAM;AACpB,MAAAJ,EAAK,SAAS;AAAA,IAChB;AAEA,WAAAK;AAAA,MACE,MAAMN,EAAM;AAAA,MACZ,MAAM;AACJ,YAAIE,EAAQ,OAAO;AACjB,gBAAMK,IAASL,EAAQ,MAAM,cAAc,8BAA8B;AACzE,UAAAK,KAAA,QAAAA,EAAQ;AAAA,QACV;AAAA,MACF;AAAA,IAAA,GAGK;AAAA,MACL,SAAAL;AAAA,MACA,QAAAE;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"NeonLinearProgress.cjs.js","sources":["../../../../src/components/feedback/linear-progress/NeonLinearProgress.ts?vue&type=script&src=true&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    modelValue: { 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.modelValue,\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":"wQAUAA,EAAeC,kBAAgB,CAC7B,KAAM,qBACN,WAAY,CACV,SAAAC,CAAA,EAEF,MAAO,CAKL,WAAY,CAAE,KAAM,OAAQ,SAAU,EAAA,EAItC,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAA,EAIhC,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAA,EAIhC,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAA,EAIjF,eAAgB,CAAE,KAAM,OAAqC,QAAS,IAAA,EAItE,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAA,EAI1D,OAAQ,CAAE,KAAM,OAAQ,QAAS,IAAA,EAIjC,OAAQ,CAAE,KAAM,QAAS,QAAS,EAAA,EAIlC,cAAe,CAAE,KAAM,OAAQ,QAAS,IAAA,EAIxC,mBAAoB,CAAE,KAAM,OAAqC,QAAS,IAAA,EAI1E,SAAU,CAAE,KAAM,OAAQ,QAAS,CAAA,CAAE,EAEvC,MAAMC,EAAO,CAEX,MAAMC,EAAkBC,EAAAA,IAAI,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,QAAA,EAAYA,EAAM,MAAM,CAAC,MAChGA,EAAM,KACR,GACA,GAAGS,EAAAA,gBAAgB,aAAaJ,EAAmB,MAAO,CAAE,SAAUL,EAAM,QAAA,EAAYA,EAAM,MAAM,CAAC,GAC1G,EAEKU,EAAkBC,GAAkB,CACxC,WAAW,IAAM,CACfV,EAAgB,MAAQ,KAAK,IAAIU,EAAOV,EAAgB,MAAQE,EAAU,KAAK,EAC3EQ,EAAQV,EAAgB,OAC1BS,EAAeC,CAAK,CAExB,EAAG,EAAyB,CAC9B,EAEAC,OAAAA,EAAAA,MACE,IAAMZ,EAAM,WACXW,GAAkB,CACjBD,EAAeC,CAAK,CACtB,EACA,CAAE,UAAW,EAAA,CAAK,EAGb,CACL,gBAAAV,EACA,cAAAK,EACA,UAAAC,EACA,eAAAC,EACA,mBAAAH,CAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonLinearProgress.cjs.js","sources":["../../../../src/components/feedback/linear-progress/NeonLinearProgress.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, watch } from 'vue';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\nimport { NeonSize } from '@/model/common/size/NeonSize';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonNumberUtils } from '@/utils/common/number/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    modelValue: { 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.modelValue,\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":"0RAUAA,EAAeC,kBAAgB,CAC7B,KAAM,qBACN,WAAY,CACV,SAAAC,CAAA,EAEF,MAAO,CAKL,WAAY,CAAE,KAAM,OAAQ,SAAU,EAAA,EAItC,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAA,EAIhC,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAA,EAIhC,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAA,EAIjF,eAAgB,CAAE,KAAM,OAAqC,QAAS,IAAA,EAItE,KAAM,CAAE,KAAM,OAA0B,QAASC,EAAAA,SAAS,MAAA,EAI1D,OAAQ,CAAE,KAAM,OAAQ,QAAS,IAAA,EAIjC,OAAQ,CAAE,KAAM,QAAS,QAAS,EAAA,EAIlC,cAAe,CAAE,KAAM,OAAQ,QAAS,IAAA,EAIxC,mBAAoB,CAAE,KAAM,OAAqC,QAAS,IAAA,EAI1E,SAAU,CAAE,KAAM,OAAQ,QAAS,CAAA,CAAE,EAEvC,MAAMC,EAAO,CAEX,MAAMC,EAAkBC,EAAAA,IAAI,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,QAAA,EAAYA,EAAM,MAAM,CAAC,MAChGA,EAAM,KACR,GACA,GAAGS,EAAAA,gBAAgB,aAAaJ,EAAmB,MAAO,CAAE,SAAUL,EAAM,QAAA,EAAYA,EAAM,MAAM,CAAC,GAC1G,EAEKU,EAAkBC,GAAkB,CACxC,WAAW,IAAM,CACfV,EAAgB,MAAQ,KAAK,IAAIU,EAAOV,EAAgB,MAAQE,EAAU,KAAK,EAC3EQ,EAAQV,EAAgB,OAC1BS,EAAeC,CAAK,CAExB,EAAG,EAAyB,CAC9B,EAEAC,OAAAA,EAAAA,MACE,IAAMZ,EAAM,WACXW,GAAkB,CACjBD,EAAeC,CAAK,CACtB,EACA,CAAE,UAAW,EAAA,CAAK,EAGb,CACL,gBAAAV,EACA,cAAAK,EACA,UAAAC,EACA,eAAAC,EACA,mBAAAH,CAAA,CAEJ,CACF,CAAC"}

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

@@ -1,8 +1,8 @@
 import { defineComponent as d, ref as f, computed as o, watch as s } from "vue";
-import { NeonFunctionalColor as p } from "../../../common/enums/NeonFunctionalColor.es.js";
-import { NeonSize as y } from "../../../common/enums/NeonSize.es.js";
+import { NeonFunctionalColor as p } from "../../../model/common/color/NeonFunctionalColor.es.js";
+import { NeonSize as y } from "../../../model/common/size/NeonSize.es.js";
 import g from "../../presentation/icon/NeonIcon.vue.es.js";
-import { NeonNumberUtils as u } from "../../../common/utils/NeonNumberUtils.es.js";
+import { NeonNumberUtils as u } from "../../../utils/common/number/NeonNumberUtils.es.js";
 const V = d({
   name: "NeonLinearProgress",
   components: {

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

@@ -1 +1 @@
-{"version":3,"file":"NeonLinearProgress.es.js","sources":["../../../../src/components/feedback/linear-progress/NeonLinearProgress.ts?vue&type=script&src=true&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    modelValue: { 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.modelValue,\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":";;;;;AAUA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,YAAY,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAItC,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAIhC,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAIhC,OAAO,EAAE,MAAM,QAAqC,SAASC,EAAoB,QAAA;AAAA;AAAA;AAAA;AAAA,IAIjF,gBAAgB,EAAE,MAAM,QAAqC,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAItE,MAAM,EAAE,MAAM,QAA0B,SAASC,EAAS,OAAA;AAAA;AAAA;AAAA;AAAA,IAI1D,QAAQ,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAIjC,QAAQ,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIlC,eAAe,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAIxC,oBAAoB,EAAE,MAAM,QAAqC,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAI1E,UAAU,EAAE,MAAM,QAAQ,SAAS,EAAA;AAAA,EAAE;AAAA,EAEvC,MAAMC,GAAO;AAEX,UAAMC,IAAkBC,EAAI,CAAC,GAEvBC,IAAYC,EAAS,MAClBJ,EAAM,QAAQ,IAAI,IAC1B,GAEKK,IAAqBD,EAAS,MAC1B,MAAQH,EAAgB,SAAUD,EAAM,SAAS,EAC1D,GAEKM,IAAgBF,EAAS,MACtBJ,EAAM,SAAS,GACvB,GAEKO,IAAYH,EAAS,MAClBC,EAAmB,SAAS,GACpC,GAEKG,IAAiBJ,EAAS,MACvBJ,EAAM,QACT,GAAGS,EAAgB,aAAaR,EAAgB,OAAO,EAAE,UAAUD,EAAM,SAAA,GAAYA,EAAM,MAAM,CAAC,MAChGA,EAAM,KACR,KACA,GAAGS,EAAgB,aAAaJ,EAAmB,OAAO,EAAE,UAAUL,EAAM,SAAA,GAAYA,EAAM,MAAM,CAAC,GAC1G,GAEKU,IAAiB,CAACC,MAAkB;AACxC,iBAAW,MAAM;AACf,QAAAV,EAAgB,QAAQ,KAAK,IAAIU,GAAOV,EAAgB,QAAQE,EAAU,KAAK,GAC3EQ,IAAQV,EAAgB,SAC1BS,EAAeC,CAAK;AAAA,MAExB,GAAG,EAAyB;AAAA,IAC9B;AAEA,WAAAC;AAAA,MACE,MAAMZ,EAAM;AAAA,MACZ,CAACW,MAAkB;AACjB,QAAAD,EAAeC,CAAK;AAAA,MACtB;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK,GAGb;AAAA,MACL,iBAAAV;AAAA,MACA,eAAAK;AAAA,MACA,WAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,oBAAAH;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"NeonLinearProgress.es.js","sources":["../../../../src/components/feedback/linear-progress/NeonLinearProgress.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, watch } from 'vue';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\nimport { NeonSize } from '@/model/common/size/NeonSize';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonNumberUtils } from '@/utils/common/number/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    modelValue: { 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.modelValue,\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":";;;;;AAUA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,YAAY,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAItC,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAIhC,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAIhC,OAAO,EAAE,MAAM,QAAqC,SAASC,EAAoB,QAAA;AAAA;AAAA;AAAA;AAAA,IAIjF,gBAAgB,EAAE,MAAM,QAAqC,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAItE,MAAM,EAAE,MAAM,QAA0B,SAASC,EAAS,OAAA;AAAA;AAAA;AAAA;AAAA,IAI1D,QAAQ,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAIjC,QAAQ,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIlC,eAAe,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAIxC,oBAAoB,EAAE,MAAM,QAAqC,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAI1E,UAAU,EAAE,MAAM,QAAQ,SAAS,EAAA;AAAA,EAAE;AAAA,EAEvC,MAAMC,GAAO;AAEX,UAAMC,IAAkBC,EAAI,CAAC,GAEvBC,IAAYC,EAAS,MAClBJ,EAAM,QAAQ,IAAI,IAC1B,GAEKK,IAAqBD,EAAS,MAC1B,MAAQH,EAAgB,SAAUD,EAAM,SAAS,EAC1D,GAEKM,IAAgBF,EAAS,MACtBJ,EAAM,SAAS,GACvB,GAEKO,IAAYH,EAAS,MAClBC,EAAmB,SAAS,GACpC,GAEKG,IAAiBJ,EAAS,MACvBJ,EAAM,QACT,GAAGS,EAAgB,aAAaR,EAAgB,OAAO,EAAE,UAAUD,EAAM,SAAA,GAAYA,EAAM,MAAM,CAAC,MAChGA,EAAM,KACR,KACA,GAAGS,EAAgB,aAAaJ,EAAmB,OAAO,EAAE,UAAUL,EAAM,SAAA,GAAYA,EAAM,MAAM,CAAC,GAC1G,GAEKU,IAAiB,CAACC,MAAkB;AACxC,iBAAW,MAAM;AACf,QAAAV,EAAgB,QAAQ,KAAK,IAAIU,GAAOV,EAAgB,QAAQE,EAAU,KAAK,GAC3EQ,IAAQV,EAAgB,SAC1BS,EAAeC,CAAK;AAAA,MAExB,GAAG,EAAyB;AAAA,IAC9B;AAEA,WAAAC;AAAA,MACE,MAAMZ,EAAM;AAAA,MACZ,CAACW,MAAkB;AACjB,QAAAD,EAAeC,CAAK;AAAA,MACtB;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK,GAGb;AAAA,MACL,iBAAAV;AAAA,MACA,eAAAK;AAAA,MACA,WAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,oBAAAH;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

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

@@ -1,2 +1,2 @@
-"use strict";const n=require("vue"),e=require("../../../common/enums/NeonFunctionalColor.cjs.js"),r=require("../../presentation/icon/NeonIcon.vue.cjs.js"),l=require("../../user-input/button/NeonButton.vue.cjs.js"),i=require("../../layout/inline/NeonInline.vue.cjs.js"),s=require("../../layout/stack/NeonStack.vue.cjs.js"),a=n.defineComponent({name:"NeonNote",components:{NeonButton:l,NeonIcon:r,NeonInline:i,NeonStack:s},props:{title:{type:String},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,slots:c}){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}}),slots:c,closeNote:()=>{t("close-note")}}}});module.exports=a;
+"use strict";const n=require("vue"),e=require("../../../model/common/color/NeonFunctionalColor.cjs.js"),r=require("../../presentation/icon/NeonIcon.vue.cjs.js"),l=require("../../user-input/button/NeonButton.vue.cjs.js"),i=require("../../layout/inline/NeonInline.vue.cjs.js"),s=require("../../layout/stack/NeonStack.vue.cjs.js"),a=n.defineComponent({name:"NeonNote",components:{NeonButton:l,NeonIcon:r,NeonInline:i,NeonStack:s},props:{title:{type:String},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,slots:c}){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}}),slots:c,closeNote:()=>{t("close-note")}}}});module.exports=a;
 //# sourceMappingURL=NeonNote.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NeonNote.cjs.js","sources":["../../../../src/components/feedback/note/NeonNote.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent } from 'vue';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonInline from '@/components/layout/inline/NeonInline.vue';\nimport NeonStack from '@/components/layout/stack/NeonStack.vue';\n\n/**\n * NeonNote is a component for displaying important information to the user, such as - notes, hints or quotes.\n */\nexport default defineComponent({\n  name: 'NeonNote',\n  components: {\n    NeonButton,\n    NeonIcon,\n    NeonInline,\n    NeonStack,\n  },\n  props: {\n    /**\n     * An optional title to be displayed above the note description (aka slot contents).\n     */\n    title: { type: String },\n    /**\n     * The color of the note. In the case of the colors info, success, warn and error an icon will also be displayed to\n     * further enhance user comprehension.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * Whether the note has a close button\n     */\n    closable: { type: Boolean, default: false },\n    /**\n     * Display the associated icon for info, success, warn and error colors.\n     */\n    icon: { type: Boolean, default: true },\n    /**\n     * Note close button aria label.\n     */\n    ariaLabelCloseNote: { type: String, default: 'Close note' },\n  },\n  emits: [\n    /**\n     * emitted when the user clicks the close button on the note\n     * @type {void}\n     */\n    'close-note',\n  ],\n  setup(props, { emit, slots }) {\n    const iconName = computed(() => {\n      if (props.icon) {\n        switch (props.color) {\n          case NeonFunctionalColor.Info:\n            return 'info-circle';\n          case NeonFunctionalColor.Success:\n            return 'check-circle';\n          case NeonFunctionalColor.Warn:\n            return 'exclamation-circle';\n          case NeonFunctionalColor.Error:\n            return 'times-circle';\n          default:\n            return undefined;\n        }\n      }\n\n      return undefined;\n    });\n\n    const closeNote = () => {\n      emit('close-note');\n    };\n\n    return {\n      iconName,\n      slots,\n      closeNote,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonIcon","NeonInline","NeonStack","NeonFunctionalColor","props","emit","slots","computed"],"mappings":"kUAUAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,WAAY,CACV,WAAAC,EACA,SAAAC,EACA,WAAAC,EACA,UAAAC,CAAA,EAEF,MAAO,CAIL,MAAO,CAAE,KAAM,MAAA,EAKf,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAA,EAIjF,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,KAAM,CAAE,KAAM,QAAS,QAAS,EAAA,EAIhC,mBAAoB,CAAE,KAAM,OAAQ,QAAS,YAAA,CAAa,EAE5D,MAAO,CAKL,YAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,EAAM,MAAAC,GAAS,CAwB5B,MAAO,CACL,SAxBeC,EAAAA,SAAS,IAAM,CAC9B,GAAIH,EAAM,KACR,OAAQA,EAAM,MAAA,CACZ,KAAKD,EAAAA,oBAAoB,KACvB,MAAO,cACT,KAAKA,EAAAA,oBAAoB,QACvB,MAAO,eACT,KAAKA,EAAAA,oBAAoB,KACvB,MAAO,qBACT,KAAKA,EAAAA,oBAAoB,MACvB,MAAO,eACT,QACE,MAAO,CAKf,CAAC,EAQC,MAAAG,EACA,UAPgB,IAAM,CACtBD,EAAK,YAAY,CACnB,CAKE,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonNote.cjs.js","sources":["../../../../src/components/feedback/note/NeonNote.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent } from 'vue';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonInline from '@/components/layout/inline/NeonInline.vue';\nimport NeonStack from '@/components/layout/stack/NeonStack.vue';\n\n/**\n * NeonNote is a component for displaying important information to the user, such as - notes, hints or quotes.\n */\nexport default defineComponent({\n  name: 'NeonNote',\n  components: {\n    NeonButton,\n    NeonIcon,\n    NeonInline,\n    NeonStack,\n  },\n  props: {\n    /**\n     * An optional title to be displayed above the note description (aka slot contents).\n     */\n    title: { type: String },\n    /**\n     * The color of the note. In the case of the colors info, success, warn and error an icon will also be displayed to\n     * further enhance user comprehension.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.LowContrast },\n    /**\n     * Whether the note has a close button\n     */\n    closable: { type: Boolean, default: false },\n    /**\n     * Display the associated icon for info, success, warn and error colors.\n     */\n    icon: { type: Boolean, default: true },\n    /**\n     * Note close button aria label.\n     */\n    ariaLabelCloseNote: { type: String, default: 'Close note' },\n  },\n  emits: [\n    /**\n     * emitted when the user clicks the close button on the note\n     * @type {void}\n     */\n    'close-note',\n  ],\n  setup(props, { emit, slots }) {\n    const iconName = computed(() => {\n      if (props.icon) {\n        switch (props.color) {\n          case NeonFunctionalColor.Info:\n            return 'info-circle';\n          case NeonFunctionalColor.Success:\n            return 'check-circle';\n          case NeonFunctionalColor.Warn:\n            return 'exclamation-circle';\n          case NeonFunctionalColor.Error:\n            return 'times-circle';\n          default:\n            return undefined;\n        }\n      }\n\n      return undefined;\n    });\n\n    const closeNote = () => {\n      emit('close-note');\n    };\n\n    return {\n      iconName,\n      slots,\n      closeNote,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonIcon","NeonInline","NeonStack","NeonFunctionalColor","props","emit","slots","computed"],"mappings":"wUAUAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,WAAY,CACV,WAAAC,EACA,SAAAC,EACA,WAAAC,EACA,UAAAC,CAAA,EAEF,MAAO,CAIL,MAAO,CAAE,KAAM,MAAA,EAKf,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,WAAA,EAIjF,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,KAAM,CAAE,KAAM,QAAS,QAAS,EAAA,EAIhC,mBAAoB,CAAE,KAAM,OAAQ,QAAS,YAAA,CAAa,EAE5D,MAAO,CAKL,YAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,EAAM,MAAAC,GAAS,CAwB5B,MAAO,CACL,SAxBeC,EAAAA,SAAS,IAAM,CAC9B,GAAIH,EAAM,KACR,OAAQA,EAAM,MAAA,CACZ,KAAKD,EAAAA,oBAAoB,KACvB,MAAO,cACT,KAAKA,EAAAA,oBAAoB,QACvB,MAAO,eACT,KAAKA,EAAAA,oBAAoB,KACvB,MAAO,qBACT,KAAKA,EAAAA,oBAAoB,MACvB,MAAO,eACT,QACE,MAAO,CAKf,CAAC,EAQC,MAAAG,EACA,UAPgB,IAAM,CACtBD,EAAK,YAAY,CACnB,CAKE,CAEJ,CACF,CAAC"}

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

@@ -1,5 +1,5 @@
 import { defineComponent as r, computed as c } from "vue";
-import { NeonFunctionalColor as e } from "../../../common/enums/NeonFunctionalColor.es.js";
+import { NeonFunctionalColor as e } from "../../../model/common/color/NeonFunctionalColor.es.js";
 import i from "../../presentation/icon/NeonIcon.vue.es.js";
 import l from "../../user-input/button/NeonButton.vue.es.js";
 import a from "../../layout/inline/NeonInline.vue.es.js";