@aotearoan/neon 23.0.2 → 23.2.0

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

@@ -1,17 +1,17 @@
-import { defineComponent as w, ref as c, onMounted as C, onUnmounted as q } from "vue";
+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 i } from "../../../common/utils/NeonAlertService.es.js";
-import P from "./container/NeonAlertContainer.vue.es.js";
-import _ from "./container/NeonToastContainer.vue.es.js";
-import { NeonToastService as s } from "../../../common/utils/NeonToastService.es.js";
-import { NeonAlertPlacement as r } from "../../../common/enums/NeonAlertPlacement.es.js";
-import { NeonVerticalPosition as f } from "../../../common/enums/NeonVerticalPosition.es.js";
-const H = w({
+import { NeonAlertService as a } from "../../../common/utils/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";
+const O = C({
   name: "NeonAlert",
   components: {
-    NeonAlertContainer: P,
-    NeonToastContainer: _
+    NeonAlertContainer: _,
+    NeonToastContainer: M
   },
   props: {
     /**
@@ -24,107 +24,117 @@ const H = w({
      */
     duration: { type: Number, default: 2500 }
   },
-  setup(v) {
-    const m = c([]), d = c([]), p = c([]), E = c([]), b = c([]), g = c([]), u = c(1), W = (e) => {
-      switch (e.placement || r.TopRight) {
-        case r.TopLeft:
+  setup(b) {
+    const l = u([]), m = u([]), d = u([]), p = u([]), E = u([]), y = u([]), f = u(1), x = (e) => {
+      switch (e.placement || s.TopRight) {
+        case s.TopLeft:
+          l.value = l.value.filter((o) => o.id !== e.id);
+          break;
+        case s.TopRight:
           m.value = m.value.filter((o) => o.id !== e.id);
           break;
-        case r.TopRight:
+        case s.BottomLeft:
           d.value = d.value.filter((o) => o.id !== e.id);
           break;
-        case r.BottomLeft:
+        case s.BottomRight:
           p.value = p.value.filter((o) => o.id !== e.id);
           break;
-        case r.BottomRight:
-          E.value = E.value.filter((o) => o.id !== e.id);
-          break;
       }
     }, T = (e, o) => {
-      const h = u.value;
-      u.value = u.value + 1;
-      const a = {
-        dismissible: v.dismissible,
+      const c = f.value;
+      f.value = f.value + 1;
+      const r = {
+        dismissible: b.dismissible,
         ...o,
         level: e,
-        id: h
+        id: c
       };
-      switch (o.placement || r.TopRight) {
-        case r.TopLeft:
-          m.value.unshift(a);
+      switch (o.placement || s.TopRight) {
+        case s.TopLeft:
+          l.value.unshift(r);
           break;
-        case r.TopRight:
-          d.value.unshift(a);
+        case s.TopRight:
+          m.value.unshift(r);
           break;
-        case r.BottomLeft:
-          p.value.push(a);
+        case s.BottomLeft:
+          d.value.push(r);
           break;
-        case r.BottomRight:
-          E.value.push(a);
+        case s.BottomRight:
+          p.value.push(r);
           break;
       }
-      const l = o.duration === void 0 ? v.duration : o.duration;
-      l > 0 && !o.primaryAction && setTimeout(() => W(a), l);
-    }, L = (e) => {
-      switch (e.placement || f.Top) {
-        case f.Top:
-          b.value = b.value.filter((o) => o.id !== e.id);
+      const g = o.duration === void 0 ? b.duration : o.duration;
+      g > 0 && !o.primaryAction && setTimeout(() => x(r), g);
+    }, w = (e) => {
+      switch (e.placement || v.Top) {
+        case v.Top:
+          E.value = E.value.filter((o) => o.id !== e.id);
           break;
-        case f.Bottom:
-          g.value = g.value.filter((o) => o.id !== e.id);
+        case v.Bottom:
+          y.value = y.value.filter((o) => o.id !== e.id);
           break;
       }
-    }, y = (e, o) => {
-      const h = u.value;
-      u.value = u.value + 1;
-      const a = {
-        dismissible: v.dismissible,
+    }, h = (e, o) => {
+      const c = f.value;
+      f.value = f.value + 1;
+      const r = {
+        dismissible: b.dismissible,
         ...o,
         level: e,
-        id: h
+        id: c
       };
-      switch (o.placement || f.Top) {
-        case f.Top:
-          b.value.unshift(a);
+      switch (o.placement || v.Top) {
+        case v.Top:
+          E.value.unshift(r);
           break;
-        case f.Bottom:
-          g.value.push(a);
+        case v.Bottom:
+          y.value.push(r);
           break;
       }
-      const l = o.duration === void 0 ? v.duration : o.duration;
-      l > 0 && setTimeout(() => L(a), l);
+      const g = o.duration === void 0 ? b.duration : o.duration;
+      g > 0 && setTimeout(() => w(r), g);
     }, K = (e) => {
       T(t.Info, e);
     }, k = (e) => {
       T(t.Success, e);
     }, A = (e) => {
       T(t.Warn, e);
-    }, N = (e) => {
+    }, I = (e) => {
       T(t.Error, e);
+    }, N = (e) => {
+      h(t.Info, e);
+    }, R = (e) => {
+      h(t.Success, e);
     }, S = (e) => {
-      y(t.Info, e);
-    }, I = (e) => {
-      y(t.Success, e);
+      h(t.Warn, e);
     }, B = (e) => {
-      y(t.Warn, e);
-    }, R = (e) => {
-      y(t.Error, e);
+      h(t.Error, e);
+    }, W = (e) => {
+      [E.value, y.value].forEach((o) => {
+        const c = o.findIndex((r) => r.key === e);
+        c >= 0 && o.splice(c, 1);
+      });
+    }, L = (e) => {
+      [m.value, p.value, l.value, d.value].forEach((o) => {
+        const c = o.findIndex((r) => r.key === e);
+        c >= 0 && o.splice(c, 1);
+      });
     };
-    return C(() => {
-      n.on(i.generateEventKey(t.Info), K), n.on(i.generateEventKey(t.Success), k), n.on(i.generateEventKey(t.Warn), A), n.on(i.generateEventKey(t.Error), N), n.on(s.generateEventKey(t.Info), S), n.on(s.generateEventKey(t.Success), I), n.on(s.generateEventKey(t.Warn), B), n.on(s.generateEventKey(t.Error), R);
-    }), q(() => {
-      n.off(i.generateEventKey(t.Info), K), n.off(i.generateEventKey(t.Success), k), n.off(i.generateEventKey(t.Warn), A), n.off(i.generateEventKey(t.Error), N), n.off(s.generateEventKey(t.Info), S), n.off(s.generateEventKey(t.Success), I), n.off(s.generateEventKey(t.Warn), B), n.off(s.generateEventKey(t.Error), R);
+    return q(() => {
+      n.on(a.generateEventKey(t.Info), K), n.on(a.generateEventKey(t.Success), k), n.on(a.generateEventKey(t.Warn), A), n.on(a.generateEventKey(t.Error), I), n.on(a.removeEventKey, L), n.on(i.generateEventKey(t.Info), N), n.on(i.generateEventKey(t.Success), R), n.on(i.generateEventKey(t.Warn), S), n.on(i.generateEventKey(t.Error), B), n.on(i.removeEventKey, W);
+    }), P(() => {
+      n.off(a.generateEventKey(t.Info), K), n.off(a.generateEventKey(t.Success), k), n.off(a.generateEventKey(t.Warn), A), n.off(a.generateEventKey(t.Error), I), n.off(a.removeEventKey, L), n.off(i.generateEventKey(t.Info), N), n.off(i.generateEventKey(t.Success), R), n.off(i.generateEventKey(t.Warn), S), n.off(i.generateEventKey(t.Error), B), n.off(i.removeEventKey, W);
     }), {
-      topLeft: m,
-      topRight: d,
-      bottomLeft: p,
-      bottomRight: E,
-      top: b,
-      bottom: g
+      topLeft: l,
+      topRight: m,
+      bottomLeft: d,
+      bottomRight: p,
+      top: E,
+      bottom: y
     };
   }
 });
 export {
-  H as default
+  O as default
 };
 //# sourceMappingURL=NeonAlert.es.js.map

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    onMounted(() => {\n      // alerts\n      NeonEventBus.on(NeonAlertService.generateEventKey(NeonAlertLevel.Info), onInfoAlert);\n      NeonEventBus.on(NeonAlertService.generateEventKey(NeonAlertLevel.Success), onSuccessAlert);\n      NeonEventBus.on(NeonAlertService.generateEventKey(NeonAlertLevel.Warn), onWarnAlert);\n      NeonEventBus.on(NeonAlertService.generateEventKey(NeonAlertLevel.Error), onErrorAlert);\n      // toast\n      NeonEventBus.on(NeonToastService.generateEventKey(NeonAlertLevel.Info), onInfoToast);\n      NeonEventBus.on(NeonToastService.generateEventKey(NeonAlertLevel.Success), onSuccessToast);\n      NeonEventBus.on(NeonToastService.generateEventKey(NeonAlertLevel.Warn), onWarnToast);\n      NeonEventBus.on(NeonToastService.generateEventKey(NeonAlertLevel.Error), onErrorToast);\n    });\n\n    onUnmounted(() => {\n      // alerts\n      NeonEventBus.off(NeonAlertService.generateEventKey(NeonAlertLevel.Info), onInfoAlert);\n      NeonEventBus.off(NeonAlertService.generateEventKey(NeonAlertLevel.Success), onSuccessAlert);\n      NeonEventBus.off(NeonAlertService.generateEventKey(NeonAlertLevel.Warn), onWarnAlert);\n      NeonEventBus.off(NeonAlertService.generateEventKey(NeonAlertLevel.Error), onErrorAlert);\n      // toast\n      NeonEventBus.off(NeonToastService.generateEventKey(NeonAlertLevel.Info), onInfoToast);\n      NeonEventBus.off(NeonToastService.generateEventKey(NeonAlertLevel.Success), onSuccessToast);\n      NeonEventBus.off(NeonToastService.generateEventKey(NeonAlertLevel.Warn), onWarnToast);\n      NeonEventBus.off(NeonToastService.generateEventKey(NeonAlertLevel.Error), onErrorToast);\n    });\n\n    return {\n      topLeft,\n      topRight,\n      bottomLeft,\n      bottomRight,\n      top,\n      bottom,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonAlertContainer","NeonToastContainer","props","topLeft","ref","topRight","bottomLeft","bottomRight","top","bottom","internalId","removeAlert","message","NeonAlertPlacement","m","enqueueAlert","level","alert","id","duration","removeToast","NeonVerticalPosition","enqueueToast","toast","onInfoAlert","NeonAlertLevel","onSuccessAlert","onWarnAlert","onErrorAlert","onInfoToast","onSuccessToast","onWarnToast","onErrorToast","onMounted","NeonEventBus","NeonAlertService","NeonToastService","onUnmounted"],"mappings":"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"}
+{"version":3,"file":"NeonAlert.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":"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"}

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

@@ -0,0 +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;
+//# sourceMappingURL=NeonBanner.cjs.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,53 @@
+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";
+const _ = y({
+  name: "NeonBanner",
+  components: {
+    NeonNote: M,
+    NeonButton: N
+  },
+  setup() {
+    const r = l([]), c = l(1), E = (e) => {
+      r.value = r.value.filter((s) => s.id !== e.id);
+    }, a = (e, s) => {
+      const f = c.value;
+      c.value = c.value + 1;
+      const p = {
+        ...s,
+        level: e,
+        id: f
+      };
+      r.value.unshift(p);
+    }, v = (e) => {
+      const s = r.value.findIndex((f) => f.key === e);
+      s >= 0 && r.value.splice(s, 1);
+    }, m = (e) => {
+      a(n.Info, e);
+    }, u = (e) => {
+      a(n.Success, e);
+    }, i = (e) => {
+      a(n.Warn, e);
+    }, g = (e) => {
+      a(n.Error, e);
+    }, d = () => {
+      const e = r.value[0];
+      e && (E(e), e.action.callback());
+    };
+    return K(() => {
+      o.on(t.generateEventKey(n.Info), m), o.on(t.generateEventKey(n.Success), u), o.on(t.generateEventKey(n.Warn), i), o.on(t.generateEventKey(n.Error), g), o.on(t.removeEventKey, v);
+    }), I(() => {
+      o.off(t.generateEventKey(n.Info), m), o.off(t.generateEventKey(n.Success), u), o.off(t.generateEventKey(n.Warn), i), o.off(t.generateEventKey(n.Error), g), o.off(t.removeEventKey, v);
+    }), {
+      onAction: d,
+      messages: r
+    };
+  }
+});
+export {
+  _ as default
+};
+//# sourceMappingURL=NeonBanner.es.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,2 @@
+"use strict";const s=require("./NeonBanner.cjs.js"),e=require("vue"),c=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),a={class:"neon-banner__wrapper"},_=["innerHTML"];function i(o,t,p,d,b,k){const r=e.resolveComponent("neon-button"),l=e.resolveComponent("neon-note");return e.openBlock(),e.createElementBlock("div",a,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.messages,n=>(e.openBlock(),e.createBlock(l,{key:n.id,color:n.level,icon:!1,class:"neon-banner"},{default:e.withCtx(()=>[e.createElementVNode("span",{class:"neon-banner__message",innerHTML:n.message},null,8,_),e.createVNode(r,{label:n.action.label,"button-style":"outline",class:"neon-banner__action",color:"high-contrast",size:"s",onClick:t[0]||(t[0]=m=>o.onAction())},null,8,["label"])]),_:2},1032,["color"]))),128))])}const u=c(s,[["render",i]]);module.exports=u;
+//# sourceMappingURL=NeonBanner.vue.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NeonBanner.vue.cjs.js","sources":["../../../../src/components/feedback/banner/NeonBanner.vue"],"sourcesContent":["<template>\n  <div class=\"neon-banner__wrapper\">\n    <neon-note v-for=\"message in messages\" :key=\"message.id\" :color=\"message.level\" :icon=\"false\" class=\"neon-banner\">\n      <span class=\"neon-banner__message\" v-html=\"message.message\" />\n      <neon-button\n        :label=\"message.action.label\"\n        button-style=\"outline\"\n        class=\"neon-banner__action\"\n        color=\"high-contrast\"\n        size=\"s\"\n        @click=\"onAction()\"\n      />\n    </neon-note>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonBanner.ts\" />\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_Fragment","_renderList","_ctx","message","_createBlock","_component_neon_note","_createElementVNode","_createVNode","_component_neon_button"],"mappings":"qIACOA,EAAA,CAAA,MAAM,sBAAsB,sHAAjC,OAAAC,YAAA,EAAAC,qBAYM,MAZNF,EAYM,kBAXJE,EAAAA,mBAUYC,EAAAA,SAAA,KAAAC,EAAAA,WAViBC,EAAA,SAAXC,kBAAlBC,EAAAA,YAUYC,EAAA,CAV4B,IAAKF,EAAQ,GAAK,MAAOA,EAAQ,MAAQ,KAAM,GAAO,MAAM,kCAClG,IAA8D,CAA9DG,EAAAA,mBAA8D,OAAA,CAAxD,MAAM,uBAAuB,UAAQH,EAAQ,mBACnDI,EAAAA,YAOEC,EAAA,CANC,MAAOL,EAAQ,OAAO,MACvB,eAAa,UACb,MAAM,sBACN,MAAM,gBACN,KAAK,IACJ,uBAAOD,EAAA"}

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

@@ -0,0 +1,36 @@
+import c from "./NeonBanner.es.js";
+import { resolveComponent as r, openBlock as e, createElementBlock as l, Fragment as i, renderList as _, createBlock as p, withCtx as u, createElementVNode as m, createVNode as d } from "vue";
+import b from "../../../_virtual/_plugin-vue_export-helper.es.js";
+const f = { class: "neon-banner__wrapper" }, k = ["innerHTML"];
+function $(o, t, h, v, B, C) {
+  const s = r("neon-button"), a = r("neon-note");
+  return e(), l("div", f, [
+    (e(!0), l(i, null, _(o.messages, (n) => (e(), p(a, {
+      key: n.id,
+      color: n.level,
+      icon: !1,
+      class: "neon-banner"
+    }, {
+      default: u(() => [
+        m("span", {
+          class: "neon-banner__message",
+          innerHTML: n.message
+        }, null, 8, k),
+        d(s, {
+          label: n.action.label,
+          "button-style": "outline",
+          class: "neon-banner__action",
+          color: "high-contrast",
+          size: "s",
+          onClick: t[0] || (t[0] = (L) => o.onAction())
+        }, null, 8, ["label"])
+      ]),
+      _: 2
+    }, 1032, ["color"]))), 128))
+  ]);
+}
+const x = /* @__PURE__ */ b(c, [["render", $]]);
+export {
+  x as default
+};
+//# sourceMappingURL=NeonBanner.vue.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NeonBanner.vue.es.js","sources":["../../../../src/components/feedback/banner/NeonBanner.vue"],"sourcesContent":["<template>\n  <div class=\"neon-banner__wrapper\">\n    <neon-note v-for=\"message in messages\" :key=\"message.id\" :color=\"message.level\" :icon=\"false\" class=\"neon-banner\">\n      <span class=\"neon-banner__message\" v-html=\"message.message\" />\n      <neon-button\n        :label=\"message.action.label\"\n        button-style=\"outline\"\n        class=\"neon-banner__action\"\n        color=\"high-contrast\"\n        size=\"s\"\n        @click=\"onAction()\"\n      />\n    </neon-note>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonBanner.ts\" />\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_Fragment","_renderList","_ctx","message","_createBlock","_component_neon_note","_createElementVNode","_createVNode","_component_neon_button"],"mappings":";;;AACO,MAAAA,IAAA,EAAA,OAAM,uBAAsB;;;AAAjC,SAAAC,EAAA,GAAAC,EAYM,OAZNF,GAYM;AAAA,YAXJE,EAUYC,GAAA,MAAAC,EAViBC,EAAA,UAAQ,CAAnBC,YAAlBC,EAUYC,GAAA;AAAA,MAV4B,KAAKF,EAAQ;AAAA,MAAK,OAAOA,EAAQ;AAAA,MAAQ,MAAM;AAAA,MAAO,OAAM;AAAA;iBAClG,MAA8D;AAAA,QAA9DG,EAA8D,QAAA;AAAA,UAAxD,OAAM;AAAA,UAAuB,WAAQH,EAAQ;AAAA;QACnDI,EAOEC,GAAA;AAAA,UANC,OAAOL,EAAQ,OAAO;AAAA,UACvB,gBAAa;AAAA,UACb,OAAM;AAAA,UACN,OAAM;AAAA,UACN,MAAK;AAAA,UACJ,gCAAOD,EAAA;;;;;;;;"}

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

@@ -1,2 +1,2 @@
-"use strict";const n=require("vue"),s=require("../../../common/enums/NeonPageAlignment.cjs.js"),i=n.defineComponent({name:"NeonPage",props:{pageAlign:{type:String,default:s.NeonPageAlignment.CENTER}},setup(d,{slots:t}){const e=()=>{const o=window.innerHeight*.01;document.documentElement.style.setProperty("--vh",`${o}rem`);const r=window.innerWidth*.01;document.documentElement.style.setProperty("--vw",`${r}rem`)};return n.onMounted(()=>{window.addEventListener("resize",e,{passive:!0}),e()}),n.onUnmounted(()=>{window.removeEventListener("resize",e)}),{slots:t}}});module.exports=i;
+"use strict";const n=require("vue"),s=require("../../../common/enums/NeonPageAlignment.cjs.js"),i=require("../../feedback/alert/NeonAlert.vue.cjs.js"),d=require("../../feedback/banner/NeonBanner.vue.cjs.js"),m=n.defineComponent({name:"NeonPage",components:{NeonAlert:i,NeonBanner:d},props:{pageAlign:{type:String,default:s.NeonPageAlignment.CENTER}},setup(u,{slots:t}){const e=()=>{const o=window.innerHeight*.01;document.documentElement.style.setProperty("--vh",`${o}rem`);const r=window.innerWidth*.01;document.documentElement.style.setProperty("--vw",`${r}rem`)};return n.onMounted(()=>{window.addEventListener("resize",e,{passive:!0}),e()}),n.onUnmounted(()=>{window.removeEventListener("resize",e)}),{slots:t}}});module.exports=m;
 //# sourceMappingURL=NeonPage.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NeonPage.cjs.js","sources":["../../../../src/components/layout/page/NeonPage.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted } from 'vue';\nimport { NeonPageAlignment } from '@/common/enums/NeonPageAlignment';\n\n/**\n * A \"page\" component, this is defined as a wrapper around the contents (NeonGrid, etc) and footer which provides the\n * correct responsive layout accounting for NeonTopNav and NeonSideNav components being used.\n */\nexport default defineComponent({\n  name: 'NeonPage',\n  props: {\n    /**\n     * Page alignment: either left aligned or center aligned.\n     */\n    pageAlign: { type: String as () => NeonPageAlignment, default: NeonPageAlignment.CENTER },\n  },\n  setup(_props, { slots }) {\n    const handleResize = () => {\n      const vh = window.innerHeight * 0.01;\n      document.documentElement.style.setProperty('--vh', `${vh}rem`);\n      const vw = window.innerWidth * 0.01;\n      document.documentElement.style.setProperty('--vw', `${vw}rem`);\n    };\n\n    onMounted(() => {\n      window.addEventListener('resize', handleResize, { passive: true });\n      handleResize();\n    });\n\n    onUnmounted(() => {\n      window.removeEventListener('resize', handleResize);\n    });\n\n    return { slots };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonPageAlignment","_props","slots","handleResize","vh","vw","onMounted","onUnmounted"],"mappings":"gGAOAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,MAAO,CAIL,UAAW,CAAE,KAAM,OAAmC,QAASC,EAAAA,kBAAkB,MAAA,CAAO,EAE1F,MAAMC,EAAQ,CAAE,MAAAC,GAAS,CACvB,MAAMC,EAAe,IAAM,CACzB,MAAMC,EAAK,OAAO,YAAc,IAChC,SAAS,gBAAgB,MAAM,YAAY,OAAQ,GAAGA,CAAE,KAAK,EAC7D,MAAMC,EAAK,OAAO,WAAa,IAC/B,SAAS,gBAAgB,MAAM,YAAY,OAAQ,GAAGA,CAAE,KAAK,CAC/D,EAEAC,OAAAA,EAAAA,UAAU,IAAM,CACd,OAAO,iBAAiB,SAAUH,EAAc,CAAE,QAAS,GAAM,EACjEA,EAAA,CACF,CAAC,EAEDI,EAAAA,YAAY,IAAM,CAChB,OAAO,oBAAoB,SAAUJ,CAAY,CACnD,CAAC,EAEM,CAAE,MAAAD,CAAA,CACX,CACF,CAAC"}
+{"version":3,"file":"NeonPage.cjs.js","sources":["../../../../src/components/layout/page/NeonPage.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted } from 'vue';\nimport { NeonPageAlignment } from '@/common/enums/NeonPageAlignment';\nimport NeonAlert from '@/components/feedback/alert/NeonAlert.vue';\nimport NeonBanner from '@/components/feedback/banner/NeonBanner.vue';\n\n/**\n * A \"page\" component, this is defined as a wrapper around the contents (NeonGrid, etc) and footer which provides the\n * correct responsive layout accounting for NeonTopNav and NeonSideNav components being used.\n */\nexport default defineComponent({\n  name: 'NeonPage',\n  components: {\n    NeonAlert,\n    NeonBanner,\n  },\n  props: {\n    /**\n     * Page alignment: either left aligned or center aligned.\n     */\n    pageAlign: { type: String as () => NeonPageAlignment, default: NeonPageAlignment.CENTER },\n  },\n  setup(_props, { slots }) {\n    const handleResize = () => {\n      const vh = window.innerHeight * 0.01;\n      document.documentElement.style.setProperty('--vh', `${vh}rem`);\n      const vw = window.innerWidth * 0.01;\n      document.documentElement.style.setProperty('--vw', `${vw}rem`);\n    };\n\n    onMounted(() => {\n      window.addEventListener('resize', handleResize, { passive: true });\n      handleResize();\n    });\n\n    onUnmounted(() => {\n      window.removeEventListener('resize', handleResize);\n    });\n\n    return { slots };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonAlert","NeonBanner","NeonPageAlignment","_props","slots","handleResize","vh","vw","onMounted","onUnmounted"],"mappings":"gNASAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,WAAY,CACV,UAAAC,EACA,WAAAC,CAAA,EAEF,MAAO,CAIL,UAAW,CAAE,KAAM,OAAmC,QAASC,EAAAA,kBAAkB,MAAA,CAAO,EAE1F,MAAMC,EAAQ,CAAE,MAAAC,GAAS,CACvB,MAAMC,EAAe,IAAM,CACzB,MAAMC,EAAK,OAAO,YAAc,IAChC,SAAS,gBAAgB,MAAM,YAAY,OAAQ,GAAGA,CAAE,KAAK,EAC7D,MAAMC,EAAK,OAAO,WAAa,IAC/B,SAAS,gBAAgB,MAAM,YAAY,OAAQ,GAAGA,CAAE,KAAK,CAC/D,EAEAC,OAAAA,EAAAA,UAAU,IAAM,CACd,OAAO,iBAAiB,SAAUH,EAAc,CAAE,QAAS,GAAM,EACjEA,EAAA,CACF,CAAC,EAEDI,EAAAA,YAAY,IAAM,CAChB,OAAO,oBAAoB,SAAUJ,CAAY,CACnD,CAAC,EAEM,CAAE,MAAAD,CAAA,CACX,CACF,CAAC"}

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

@@ -1,14 +1,20 @@
-import { defineComponent as r, onMounted as i, onUnmounted as s } from "vue";
-import { NeonPageAlignment as m } from "../../../common/enums/NeonPageAlignment.es.js";
-const u = r({
+import { defineComponent as r, onMounted as i, onUnmounted as m } from "vue";
+import { NeonPageAlignment as s } from "../../../common/enums/NeonPageAlignment.es.js";
+import d from "../../feedback/alert/NeonAlert.vue.es.js";
+import p from "../../feedback/banner/NeonBanner.vue.es.js";
+const f = r({
   name: "NeonPage",
+  components: {
+    NeonAlert: d,
+    NeonBanner: p
+  },
   props: {
     /**
      * Page alignment: either left aligned or center aligned.
      */
-    pageAlign: { type: String, default: m.CENTER }
+    pageAlign: { type: String, default: s.CENTER }
   },
-  setup(d, { slots: n }) {
+  setup(a, { slots: n }) {
     const e = () => {
       const t = window.innerHeight * 0.01;
       document.documentElement.style.setProperty("--vh", `${t}rem`);
@@ -17,12 +23,12 @@ const u = r({
     };
     return i(() => {
       window.addEventListener("resize", e, { passive: !0 }), e();
-    }), s(() => {
+    }), m(() => {
       window.removeEventListener("resize", e);
     }), { slots: n };
   }
 });
 export {
-  u as default
+  f as default
 };
 //# sourceMappingURL=NeonPage.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NeonPage.es.js","sources":["../../../../src/components/layout/page/NeonPage.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted } from 'vue';\nimport { NeonPageAlignment } from '@/common/enums/NeonPageAlignment';\n\n/**\n * A \"page\" component, this is defined as a wrapper around the contents (NeonGrid, etc) and footer which provides the\n * correct responsive layout accounting for NeonTopNav and NeonSideNav components being used.\n */\nexport default defineComponent({\n  name: 'NeonPage',\n  props: {\n    /**\n     * Page alignment: either left aligned or center aligned.\n     */\n    pageAlign: { type: String as () => NeonPageAlignment, default: NeonPageAlignment.CENTER },\n  },\n  setup(_props, { slots }) {\n    const handleResize = () => {\n      const vh = window.innerHeight * 0.01;\n      document.documentElement.style.setProperty('--vh', `${vh}rem`);\n      const vw = window.innerWidth * 0.01;\n      document.documentElement.style.setProperty('--vw', `${vw}rem`);\n    };\n\n    onMounted(() => {\n      window.addEventListener('resize', handleResize, { passive: true });\n      handleResize();\n    });\n\n    onUnmounted(() => {\n      window.removeEventListener('resize', handleResize);\n    });\n\n    return { slots };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonPageAlignment","_props","slots","handleResize","vh","vw","onMounted","onUnmounted"],"mappings":";;AAOA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,WAAW,EAAE,MAAM,QAAmC,SAASC,EAAkB,OAAA;AAAA,EAAO;AAAA,EAE1F,MAAMC,GAAQ,EAAE,OAAAC,KAAS;AACvB,UAAMC,IAAe,MAAM;AACzB,YAAMC,IAAK,OAAO,cAAc;AAChC,eAAS,gBAAgB,MAAM,YAAY,QAAQ,GAAGA,CAAE,KAAK;AAC7D,YAAMC,IAAK,OAAO,aAAa;AAC/B,eAAS,gBAAgB,MAAM,YAAY,QAAQ,GAAGA,CAAE,KAAK;AAAA,IAC/D;AAEA,WAAAC,EAAU,MAAM;AACd,aAAO,iBAAiB,UAAUH,GAAc,EAAE,SAAS,IAAM,GACjEA,EAAA;AAAA,IACF,CAAC,GAEDI,EAAY,MAAM;AAChB,aAAO,oBAAoB,UAAUJ,CAAY;AAAA,IACnD,CAAC,GAEM,EAAE,OAAAD,EAAA;AAAA,EACX;AACF,CAAC;"}
+{"version":3,"file":"NeonPage.es.js","sources":["../../../../src/components/layout/page/NeonPage.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted } from 'vue';\nimport { NeonPageAlignment } from '@/common/enums/NeonPageAlignment';\nimport NeonAlert from '@/components/feedback/alert/NeonAlert.vue';\nimport NeonBanner from '@/components/feedback/banner/NeonBanner.vue';\n\n/**\n * A \"page\" component, this is defined as a wrapper around the contents (NeonGrid, etc) and footer which provides the\n * correct responsive layout accounting for NeonTopNav and NeonSideNav components being used.\n */\nexport default defineComponent({\n  name: 'NeonPage',\n  components: {\n    NeonAlert,\n    NeonBanner,\n  },\n  props: {\n    /**\n     * Page alignment: either left aligned or center aligned.\n     */\n    pageAlign: { type: String as () => NeonPageAlignment, default: NeonPageAlignment.CENTER },\n  },\n  setup(_props, { slots }) {\n    const handleResize = () => {\n      const vh = window.innerHeight * 0.01;\n      document.documentElement.style.setProperty('--vh', `${vh}rem`);\n      const vw = window.innerWidth * 0.01;\n      document.documentElement.style.setProperty('--vw', `${vw}rem`);\n    };\n\n    onMounted(() => {\n      window.addEventListener('resize', handleResize, { passive: true });\n      handleResize();\n    });\n\n    onUnmounted(() => {\n      window.removeEventListener('resize', handleResize);\n    });\n\n    return { slots };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonAlert","NeonBanner","NeonPageAlignment","_props","slots","handleResize","vh","vw","onMounted","onUnmounted"],"mappings":";;;;AASA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,WAAAC;AAAA,IACA,YAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,WAAW,EAAE,MAAM,QAAmC,SAASC,EAAkB,OAAA;AAAA,EAAO;AAAA,EAE1F,MAAMC,GAAQ,EAAE,OAAAC,KAAS;AACvB,UAAMC,IAAe,MAAM;AACzB,YAAMC,IAAK,OAAO,cAAc;AAChC,eAAS,gBAAgB,MAAM,YAAY,QAAQ,GAAGA,CAAE,KAAK;AAC7D,YAAMC,IAAK,OAAO,aAAa;AAC/B,eAAS,gBAAgB,MAAM,YAAY,QAAQ,GAAGA,CAAE,KAAK;AAAA,IAC/D;AAEA,WAAAC,EAAU,MAAM;AACd,aAAO,iBAAiB,UAAUH,GAAc,EAAE,SAAS,IAAM,GACjEA,EAAA;AAAA,IACF,CAAC,GAEDI,EAAY,MAAM;AAChB,aAAO,oBAAoB,UAAUJ,CAAY;AAAA,IACnD,CAAC,GAEM,EAAE,OAAAD,EAAA;AAAA,EACX;AACF,CAAC;"}

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

@@ -1,2 +1,2 @@
-"use strict";const n=require("./NeonPage.cjs.js"),o=require("vue"),s=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),t={class:"neon-page__container"};function r(e,l,p,i,d,c){return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass([[{"neon-page--with-top-nav":e.slots["top-nav"],"neon-page--with-side-nav":e.slots["side-nav"],"neon-page--with-footer":e.slots.footer},`neon-page--${e.pageAlign}`],"neon-page"])},[o.renderSlot(e.$slots,"top-nav"),o.renderSlot(e.$slots,"side-nav"),o.createElementVNode("div",t,[o.renderSlot(e.$slots,"content")]),o.renderSlot(e.$slots,"footer")],2)}const a=s(n,[["render",r]]);module.exports=a;
+"use strict";const s=require("./NeonPage.cjs.js"),e=require("vue"),r=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),a={class:"neon-page__content-wrapper"},l={class:"neon-page__container"};function p(n,i,d,_,g,v){const o=e.resolveComponent("neon-banner"),t=e.resolveComponent("neon-alert");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([[{"neon-page--with-top-nav":n.slots["top-nav"],"neon-page--with-side-nav":n.slots["side-nav"],"neon-page--with-footer":n.slots.footer},`neon-page--${n.pageAlign}`],"neon-page"])},[e.createVNode(o),e.renderSlot(n.$slots,"top-nav"),e.createElementVNode("div",a,[e.renderSlot(n.$slots,"side-nav"),e.createElementVNode("div",l,[e.renderSlot(n.$slots,"content"),e.renderSlot(n.$slots,"footer")])]),e.createVNode(t)],2)}const c=r(s,[["render",p]]);module.exports=c;
 //# sourceMappingURL=NeonPage.vue.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NeonPage.vue.cjs.js","sources":["../../../../src/components/layout/page/NeonPage.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      {\n        'neon-page--with-top-nav': slots['top-nav'],\n        'neon-page--with-side-nav': slots['side-nav'],\n        'neon-page--with-footer': slots['footer'],\n      },\n      `neon-page--${pageAlign}`,\n    ]\"\n    class=\"neon-page\"\n  >\n    <!-- @slot The <strong>NeonTopNav</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n    <slot name=\"top-nav\"></slot>\n    <!-- @slot The <strong>NeonSideNav</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n    <slot name=\"side-nav\"></slot>\n    <div class=\"neon-page__container\">\n      <!-- @slot The main page content -->\n      <slot name=\"content\"></slot>\n    </div>\n    <!-- @slot The <strong>NeonFooter</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n    <slot name=\"footer\"></slot>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonPage.ts\"></script>\n"],"names":["_hoisted_1","_createElementBlock","_normalizeClass","_ctx","_renderSlot","_createElementVNode"],"mappings":"mIAgBSA,EAAA,CAAA,MAAM,sBAAsB,+CAfnCC,EAAAA,mBAqBM,MAAA,CApBH,MAAKC,EAAAA,eAAA,CAAA,4BAA+CC,EAAA,MAAK,SAAA,6BAAiDA,EAAA,MAAK,UAAA,2BAAgDA,EAAA,MAAK,sBAAyCA,EAAA,SAAS,IAQjN,WAAW,CAAA,IAGjBC,aAA4BD,EAAA,OAAA,SAAA,EAE5BC,aAA6BD,EAAA,OAAA,UAAA,EAC7BE,EAAAA,mBAGM,MAHNL,EAGM,CADJI,aAA4BD,EAAA,OAAA,SAAA,IAG9BC,aAA2BD,EAAA,OAAA,QAAA"}
+{"version":3,"file":"NeonPage.vue.cjs.js","sources":["../../../../src/components/layout/page/NeonPage.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      {\n        'neon-page--with-top-nav': slots['top-nav'],\n        'neon-page--with-side-nav': slots['side-nav'],\n        'neon-page--with-footer': slots['footer'],\n      },\n      `neon-page--${pageAlign}`,\n    ]\"\n    class=\"neon-page\"\n  >\n    <neon-banner />\n    <!-- @slot The <strong>NeonTopNav</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n    <slot name=\"top-nav\"></slot>\n    <div class=\"neon-page__content-wrapper\">\n      <!-- @slot The <strong>NeonSideNav</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n      <slot name=\"side-nav\"></slot>\n      <div class=\"neon-page__container\">\n        <!-- @slot The main page content -->\n        <slot name=\"content\"></slot>\n        <!-- @slot The <strong>NeonFooter</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n        <slot name=\"footer\"></slot>\n      </div>\n    </div>\n    <neon-alert />\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonPage.ts\"></script>\n"],"names":["_hoisted_1","_hoisted_2","_createElementBlock","_normalizeClass","_ctx","_createVNode","_component_neon_banner","_renderSlot","_createElementVNode","_component_neon_alert"],"mappings":"mIAeSA,EAAA,CAAA,MAAM,4BAA4B,EAGhCC,EAAA,CAAA,MAAM,sBAAsB,4HAjBrCC,EAAAA,mBAyBM,MAAA,CAxBH,MAAKC,EAAAA,eAAA,CAAA,4BAA+CC,EAAA,MAAK,SAAA,6BAAiDA,EAAA,MAAK,UAAA,2BAAgDA,EAAA,MAAK,sBAAyCA,EAAA,SAAS,IAQjN,WAAW,CAAA,IAEjBC,EAAAA,YAAeC,CAAA,EAEfC,aAA4BH,EAAA,OAAA,SAAA,EAC5BI,EAAAA,mBASM,MATNR,EASM,CAPJO,aAA6BH,EAAA,OAAA,UAAA,EAC7BI,EAAAA,mBAKM,MALNP,EAKM,CAHJM,aAA4BH,EAAA,OAAA,SAAA,EAE5BG,aAA2BH,EAAA,OAAA,QAAA,MAG/BC,EAAAA,YAAcI,CAAA"}

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

@@ -1,10 +1,11 @@
-import n from "./NeonPage.es.js";
-import { openBlock as s, createElementBlock as t, normalizeClass as a, renderSlot as o, createElementVNode as r } from "vue";
-import p from "../../../_virtual/_plugin-vue_export-helper.es.js";
-const i = { class: "neon-page__container" };
-function l(e, d, f, m, c, g) {
-  return s(), t("div", {
-    class: a([[
+import p from "./NeonPage.es.js";
+import { resolveComponent as n, openBlock as l, createElementBlock as i, normalizeClass as c, createVNode as t, renderSlot as o, createElementVNode as s } from "vue";
+import d from "../../../_virtual/_plugin-vue_export-helper.es.js";
+const _ = { class: "neon-page__content-wrapper" }, m = { class: "neon-page__container" };
+function f(e, g, v, $, h, u) {
+  const a = n("neon-banner"), r = n("neon-alert");
+  return l(), i("div", {
+    class: c([[
       {
         "neon-page--with-top-nav": e.slots["top-nav"],
         "neon-page--with-side-nav": e.slots["side-nav"],
@@ -13,16 +14,20 @@ function l(e, d, f, m, c, g) {
       `neon-page--${e.pageAlign}`
     ], "neon-page"])
   }, [
+    t(a),
     o(e.$slots, "top-nav"),
-    o(e.$slots, "side-nav"),
-    r("div", i, [
-      o(e.$slots, "content")
+    s("div", _, [
+      o(e.$slots, "side-nav"),
+      s("div", m, [
+        o(e.$slots, "content"),
+        o(e.$slots, "footer")
+      ])
     ]),
-    o(e.$slots, "footer")
+    t(r)
   ], 2);
 }
-const u = /* @__PURE__ */ p(n, [["render", l]]);
+const k = /* @__PURE__ */ d(p, [["render", f]]);
 export {
-  u as default
+  k as default
 };
 //# sourceMappingURL=NeonPage.vue.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NeonPage.vue.es.js","sources":["../../../../src/components/layout/page/NeonPage.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      {\n        'neon-page--with-top-nav': slots['top-nav'],\n        'neon-page--with-side-nav': slots['side-nav'],\n        'neon-page--with-footer': slots['footer'],\n      },\n      `neon-page--${pageAlign}`,\n    ]\"\n    class=\"neon-page\"\n  >\n    <!-- @slot The <strong>NeonTopNav</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n    <slot name=\"top-nav\"></slot>\n    <!-- @slot The <strong>NeonSideNav</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n    <slot name=\"side-nav\"></slot>\n    <div class=\"neon-page__container\">\n      <!-- @slot The main page content -->\n      <slot name=\"content\"></slot>\n    </div>\n    <!-- @slot The <strong>NeonFooter</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n    <slot name=\"footer\"></slot>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonPage.ts\"></script>\n"],"names":["_hoisted_1","_createElementBlock","_normalizeClass","_ctx","_renderSlot","_createElementVNode"],"mappings":";;;AAgBS,MAAAA,IAAA,EAAA,OAAM,uBAAsB;;cAfnCC,EAqBM,OAAA;AAAA,IApBH,OAAKC,EAAA,CAAA;AAAA;mCAA+CC,EAAA,MAAK,SAAA;AAAA,oCAAiDA,EAAA,MAAK,UAAA;AAAA,kCAAgDA,EAAA,MAAK;AAAA;oBAAyCA,EAAA,SAAS;AAAA,OAQjN,WAAW,CAAA;AAAA;IAGjBC,EAA4BD,EAAA,QAAA,SAAA;AAAA,IAE5BC,EAA6BD,EAAA,QAAA,UAAA;AAAA,IAC7BE,EAGM,OAHNL,GAGM;AAAA,MADJI,EAA4BD,EAAA,QAAA,SAAA;AAAA;IAG9BC,EAA2BD,EAAA,QAAA,QAAA;AAAA;;;"}
+{"version":3,"file":"NeonPage.vue.es.js","sources":["../../../../src/components/layout/page/NeonPage.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      {\n        'neon-page--with-top-nav': slots['top-nav'],\n        'neon-page--with-side-nav': slots['side-nav'],\n        'neon-page--with-footer': slots['footer'],\n      },\n      `neon-page--${pageAlign}`,\n    ]\"\n    class=\"neon-page\"\n  >\n    <neon-banner />\n    <!-- @slot The <strong>NeonTopNav</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n    <slot name=\"top-nav\"></slot>\n    <div class=\"neon-page__content-wrapper\">\n      <!-- @slot The <strong>NeonSideNav</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n      <slot name=\"side-nav\"></slot>\n      <div class=\"neon-page__container\">\n        <!-- @slot The main page content -->\n        <slot name=\"content\"></slot>\n        <!-- @slot The <strong>NeonFooter</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n        <slot name=\"footer\"></slot>\n      </div>\n    </div>\n    <neon-alert />\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonPage.ts\"></script>\n"],"names":["_hoisted_1","_hoisted_2","_createElementBlock","_normalizeClass","_ctx","_createVNode","_component_neon_banner","_renderSlot","_createElementVNode","_component_neon_alert"],"mappings":";;;AAeS,MAAAA,IAAA,EAAA,OAAM,6BAA4B,GAGhCC,IAAA,EAAA,OAAM,uBAAsB;;;cAjBrCC,EAyBM,OAAA;AAAA,IAxBH,OAAKC,EAAA,CAAA;AAAA;mCAA+CC,EAAA,MAAK,SAAA;AAAA,oCAAiDA,EAAA,MAAK,UAAA;AAAA,kCAAgDA,EAAA,MAAK;AAAA;oBAAyCA,EAAA,SAAS;AAAA,OAQjN,WAAW,CAAA;AAAA;IAEjBC,EAAeC,CAAA;AAAA,IAEfC,EAA4BH,EAAA,QAAA,SAAA;AAAA,IAC5BI,EASM,OATNR,GASM;AAAA,MAPJO,EAA6BH,EAAA,QAAA,UAAA;AAAA,MAC7BI,EAKM,OALNP,GAKM;AAAA,QAHJM,EAA4BH,EAAA,QAAA,SAAA;AAAA,QAE5BG,EAA2BH,EAAA,QAAA,QAAA;AAAA;;IAG/BC,EAAcI,CAAA;AAAA;;;"}