@aotearoan/neon 28.0.3 → 28.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/feedback/alert/NeonAlert.cjs.js +1 -1
- package/dist/components/feedback/alert/NeonAlert.cjs.js.map +1 -1
- package/dist/components/feedback/alert/NeonAlert.es.js +58 -45
- package/dist/components/feedback/alert/NeonAlert.es.js.map +1 -1
- package/dist/components/feedback/alert/NeonAlert.vue.cjs.js +1 -1
- package/dist/components/feedback/alert/NeonAlert.vue.cjs.js.map +1 -1
- package/dist/components/feedback/alert/NeonAlert.vue.es.js +23 -19
- package/dist/components/feedback/alert/NeonAlert.vue.es.js.map +1 -1
- package/dist/components/feedback/alert/container/NeonDialogContainer.cjs.js +2 -0
- package/dist/components/feedback/alert/container/NeonDialogContainer.cjs.js.map +1 -0
- package/dist/components/feedback/alert/container/NeonDialogContainer.cjs2.js +2 -0
- package/dist/components/feedback/alert/container/NeonDialogContainer.cjs2.js.map +1 -0
- package/dist/components/feedback/alert/container/NeonDialogContainer.es.js +25 -0
- package/dist/components/feedback/alert/container/NeonDialogContainer.es.js.map +1 -0
- package/dist/components/feedback/alert/container/NeonDialogContainer.es2.js +25 -0
- package/dist/components/feedback/alert/container/NeonDialogContainer.es2.js.map +1 -0
- package/dist/components/feedback/alert/container/NeonDialogContainer.vue.cjs.js +2 -0
- package/dist/components/feedback/alert/container/NeonDialogContainer.vue.cjs.js.map +1 -0
- package/dist/components/feedback/alert/container/NeonDialogContainer.vue.es.js +18 -0
- package/dist/components/feedback/alert/container/NeonDialogContainer.vue.es.js.map +1 -0
- package/dist/neon.cjs.js +1 -1
- package/dist/neon.es.js +217 -213
- package/dist/neon.es.js.map +1 -1
- package/dist/src/components/feedback/alert/NeonAlert.d.ts +1038 -0
- package/dist/src/components/feedback/alert/container/NeonDialogContainer.d.ts +1021 -0
- package/dist/src/components/feedback/alert/container/NeonDialogContainer.vue.d.ts +2 -0
- package/dist/src/components/feedback/banner/NeonBanner.d.ts +2 -2
- package/dist/src/components/feedback/dialog/NeonDialog.d.ts +6 -6
- package/dist/src/components/feedback/note/NeonNote.d.ts +1 -1
- package/dist/src/components/layout/card-list/NeonCardList.d.ts +2 -2
- package/dist/src/components/layout/drawer/NeonDrawer.d.ts +1 -1
- package/dist/src/components/layout/modal/NeonModal.d.ts +3 -3
- package/dist/src/components/layout/page/NeonPage.d.ts +1045 -2
- package/dist/src/components/layout/swiper/NeonSwiper.d.ts +1 -1
- package/dist/src/components/navigation/breadcrumbs/NeonBreadcrumbs.d.ts +1 -1
- package/dist/src/components/navigation/dropdown-menu/NeonDropdownMenu.d.ts +18 -18
- package/dist/src/components/navigation/menu/NeonMenu.d.ts +18 -18
- package/dist/src/components/navigation/mobile-menu/NeonMobileMenu.d.ts +18 -18
- package/dist/src/components/navigation/pagination/NeonPagination.d.ts +1 -1
- package/dist/src/components/presentation/badge/NeonBadge.d.ts +4 -4
- package/dist/src/components/presentation/dropdown/NeonDropdown.d.ts +6 -6
- package/dist/src/components/presentation/header/NeonHeader.d.ts +1 -1
- package/dist/src/components/presentation/image-carousel/NeonImageCarousel.d.ts +1 -1
- package/dist/src/components/presentation/tabs/NeonTabs.d.ts +1 -1
- package/dist/src/components/user-input/button/NeonButton.d.ts +1 -1
- package/dist/src/components/user-input/color/NeonColor.d.ts +1 -1
- package/dist/src/components/user-input/date-picker/NeonDatePicker.d.ts +8 -8
- package/dist/src/components/user-input/file/NeonFile.d.ts +4 -4
- package/dist/src/components/user-input/input/NeonInput.d.ts +1 -1
- package/dist/src/components/user-input/number/NeonNumber.d.ts +2 -2
- package/dist/src/components/user-input/password/NeonPassword.d.ts +1 -1
- package/dist/src/components/user-input/search/NeonSearch.d.ts +21 -21
- package/dist/src/components/user-input/select/NeonSelect.d.ts +18 -18
- package/dist/src/model/feedback/dialog/NeonDialogMessage.d.ts +38 -0
- package/dist/src/neon.d.ts +3 -0
- package/dist/src/utils/feedback/dialog/NeonDialogService.d.ts +27 -0
- package/dist/utils/feedback/dialog/NeonDialogService.cjs.js +2 -0
- package/dist/utils/feedback/dialog/NeonDialogService.cjs.js.map +1 -0
- package/dist/utils/feedback/dialog/NeonDialogService.es.js +48 -0
- package/dist/utils/feedback/dialog/NeonDialogService.es.js.map +1 -0
- package/package.json +1 -1
- package/src/sass/includes/_dependencies.scss +8 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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"),
|
|
1
|
+
"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"),D=require("./container/NeonAlertContainer.vue.cjs.js"),C=require("./container/NeonToastContainer.vue.cjs.js"),i=require("../../../utils/feedback/toast/NeonToastService.cjs.js"),a=require("../../../model/feedback/alert/NeonAlertPlacement.cjs.js"),u=require("../../../model/common/position/NeonVerticalPosition.cjs.js"),_=require("./container/NeonDialogContainer.cjs2.js"),V=require("../../../utils/feedback/dialog/NeonDialogService.cjs.js"),M=l.defineComponent({name:"NeonAlert",components:{NeonAlertContainer:D,NeonToastContainer:C,NeonDialogContainer:_},props:{dismissible:{type:Boolean,default:!0},duration:{type:Number,default:2500}},setup(L){const N=l.ref([]),f=l.ref([]),A=l.ref([]),E=l.ref([]),m=l.ref([]),d=l.ref([]),B=l.ref({question:"",title:"",open:!1}),c=l.ref(1),w=e=>{switch(e.placement||a.NeonAlertPlacement.TopRight){case a.NeonAlertPlacement.TopLeft:N.value=N.value.filter(n=>n.id!==e.id);break;case a.NeonAlertPlacement.TopRight:f.value=f.value.filter(n=>n.id!==e.id);break;case a.NeonAlertPlacement.BottomLeft:A.value=A.value.filter(n=>n.id!==e.id);break;case a.NeonAlertPlacement.BottomRight:E.value=E.value.filter(n=>n.id!==e.id);break}},T=(e,n)=>{const v=c.value;c.value=c.value+1;const r={dismissible:L.dismissible,...n,level:e,id:v};switch(n.placement||a.NeonAlertPlacement.TopRight){case a.NeonAlertPlacement.TopLeft:N.value.unshift(r);break;case a.NeonAlertPlacement.TopRight:f.value.unshift(r);break;case a.NeonAlertPlacement.BottomLeft:A.value.push(r);break;case a.NeonAlertPlacement.BottomRight:E.value.push(r);break}const S=n.duration===void 0?L.duration:n.duration;S>0&&!n.primaryAction&&setTimeout(()=>w(r),S)},x=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}},g=(e,n)=>{const v=c.value;c.value=c.value+1;const r={dismissible:L.dismissible,...n,level:e,id:v};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 S=n.duration===void 0?L.duration:n.duration;S>0&&setTimeout(()=>x(r),S)},p=e=>{T(o.NeonAlertLevel.Info,e)},y=e=>{T(o.NeonAlertLevel.Success,e)},K=e=>{T(o.NeonAlertLevel.Warn,e)},b=e=>{T(o.NeonAlertLevel.Error,e)},h=e=>{g(o.NeonAlertLevel.Info,e)},P=e=>{g(o.NeonAlertLevel.Success,e)},k=e=>{g(o.NeonAlertLevel.Warn,e)},q=e=>{g(o.NeonAlertLevel.Error,e)},I=e=>{[m.value,d.value].forEach(n=>{const v=n.findIndex(r=>r.key===e);v>=0&&n.splice(v,1)})},R=e=>{[f.value,E.value,N.value,A.value].forEach(n=>{const v=n.findIndex(r=>r.key===e);v>=0&&n.splice(v,1)})},W=e=>{B.value={...e,open:!0}};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),K),t.NeonEventBus.on(s.NeonAlertService.generateEventKey(o.NeonAlertLevel.Error),b),t.NeonEventBus.on(s.NeonAlertService.removeEventKey,R),t.NeonEventBus.on(i.NeonToastService.generateEventKey(o.NeonAlertLevel.Info),h),t.NeonEventBus.on(i.NeonToastService.generateEventKey(o.NeonAlertLevel.Success),P),t.NeonEventBus.on(i.NeonToastService.generateEventKey(o.NeonAlertLevel.Warn),k),t.NeonEventBus.on(i.NeonToastService.generateEventKey(o.NeonAlertLevel.Error),q),t.NeonEventBus.on(i.NeonToastService.removeEventKey,I),t.NeonEventBus.on(V.NeonDialogService.generateEventKey(),W)}),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),K),t.NeonEventBus.off(s.NeonAlertService.generateEventKey(o.NeonAlertLevel.Error),b),t.NeonEventBus.off(s.NeonAlertService.removeEventKey,R),t.NeonEventBus.off(i.NeonToastService.generateEventKey(o.NeonAlertLevel.Info),h),t.NeonEventBus.off(i.NeonToastService.generateEventKey(o.NeonAlertLevel.Success),P),t.NeonEventBus.off(i.NeonToastService.generateEventKey(o.NeonAlertLevel.Warn),k),t.NeonEventBus.off(i.NeonToastService.generateEventKey(o.NeonAlertLevel.Error),q),t.NeonEventBus.off(i.NeonToastService.removeEventKey,I),t.NeonEventBus.off(V.NeonDialogService.generateEventKey(),W)}),{topLeft:N,topRight:f,bottomLeft:A,bottomRight:E,top:m,bottom:d,dialog:B}}});module.exports=M;
|
|
2
2
|
//# sourceMappingURL=NeonAlert.cjs.js.map
|
|
@@ -1 +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 '@/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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"}
|
|
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 '@/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';\nimport NeonDialogContainer from '@/components/feedback/alert/container/NeonDialogContainer';\nimport { NeonDialogService } from '@/utils/feedback/dialog/NeonDialogService';\nimport type { NeonDialogMessage } from '@/model/feedback/dialog/NeonDialogMessage';\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 NeonDialogContainer,\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 // dialogs\n const dialog = ref<NeonDialogMessage>({\n question: '',\n title: '',\n open: false,\n });\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 const onShowDialog = (message: NeonDialogMessage) => {\n dialog.value = {\n ...message,\n open: true,\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 // dialog\n NeonEventBus.on(NeonDialogService.generateEventKey(), onShowDialog);\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 // dialog\n NeonEventBus.off(NeonDialogService.generateEventKey(), onShowDialog);\n });\n\n return {\n topLeft,\n topRight,\n bottomLeft,\n bottomRight,\n top,\n bottom,\n dialog,\n };\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonAlertContainer","NeonToastContainer","NeonDialogContainer","props","topLeft","ref","topRight","bottomLeft","bottomRight","top","bottom","dialog","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","onShowDialog","onMounted","NeonEventBus","NeonAlertService","NeonToastService","NeonDialogService","onUnmounted"],"mappings":"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"}
|
|
@@ -1,17 +1,20 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as P, ref as u, onMounted as _, onUnmounted as M } from "vue";
|
|
2
2
|
import { NeonEventBus as n } from "../../../utils/common/event/NeonEventBus.es.js";
|
|
3
3
|
import { NeonAlertLevel as t } from "../../../model/feedback/alert/NeonAlertLevel.es.js";
|
|
4
4
|
import { NeonAlertService as a } from "../../../utils/feedback/alert/NeonAlertService.es.js";
|
|
5
|
-
import
|
|
6
|
-
import
|
|
5
|
+
import U from "./container/NeonAlertContainer.vue.es.js";
|
|
6
|
+
import V from "./container/NeonToastContainer.vue.es.js";
|
|
7
7
|
import { NeonToastService as i } from "../../../utils/feedback/toast/NeonToastService.es.js";
|
|
8
8
|
import { NeonAlertPlacement as s } from "../../../model/feedback/alert/NeonAlertPlacement.es.js";
|
|
9
|
-
import { NeonVerticalPosition as
|
|
10
|
-
|
|
9
|
+
import { NeonVerticalPosition as l } from "../../../model/common/position/NeonVerticalPosition.es.js";
|
|
10
|
+
import j from "./container/NeonDialogContainer.es2.js";
|
|
11
|
+
import { NeonDialogService as C } from "../../../utils/feedback/dialog/NeonDialogService.es.js";
|
|
12
|
+
const ee = P({
|
|
11
13
|
name: "NeonAlert",
|
|
12
14
|
components: {
|
|
13
|
-
NeonAlertContainer:
|
|
14
|
-
NeonToastContainer:
|
|
15
|
+
NeonAlertContainer: U,
|
|
16
|
+
NeonToastContainer: V,
|
|
17
|
+
NeonDialogContainer: j
|
|
15
18
|
},
|
|
16
19
|
props: {
|
|
17
20
|
/**
|
|
@@ -24,11 +27,15 @@ const O = C({
|
|
|
24
27
|
*/
|
|
25
28
|
duration: { type: Number, default: 2500 }
|
|
26
29
|
},
|
|
27
|
-
setup(
|
|
28
|
-
const
|
|
30
|
+
setup(K) {
|
|
31
|
+
const v = u([]), m = u([]), d = u([]), p = u([]), E = u([]), g = u([]), T = u({
|
|
32
|
+
question: "",
|
|
33
|
+
title: "",
|
|
34
|
+
open: !1
|
|
35
|
+
}), f = u(1), q = (e) => {
|
|
29
36
|
switch (e.placement || s.TopRight) {
|
|
30
37
|
case s.TopLeft:
|
|
31
|
-
|
|
38
|
+
v.value = v.value.filter((o) => o.id !== e.id);
|
|
32
39
|
break;
|
|
33
40
|
case s.TopRight:
|
|
34
41
|
m.value = m.value.filter((o) => o.id !== e.id);
|
|
@@ -40,18 +47,18 @@ const O = C({
|
|
|
40
47
|
p.value = p.value.filter((o) => o.id !== e.id);
|
|
41
48
|
break;
|
|
42
49
|
}
|
|
43
|
-
},
|
|
50
|
+
}, b = (e, o) => {
|
|
44
51
|
const c = f.value;
|
|
45
52
|
f.value = f.value + 1;
|
|
46
53
|
const r = {
|
|
47
|
-
dismissible:
|
|
54
|
+
dismissible: K.dismissible,
|
|
48
55
|
...o,
|
|
49
56
|
level: e,
|
|
50
57
|
id: c
|
|
51
58
|
};
|
|
52
59
|
switch (o.placement || s.TopRight) {
|
|
53
60
|
case s.TopLeft:
|
|
54
|
-
|
|
61
|
+
v.value.unshift(r);
|
|
55
62
|
break;
|
|
56
63
|
case s.TopRight:
|
|
57
64
|
m.value.unshift(r);
|
|
@@ -63,78 +70,84 @@ const O = C({
|
|
|
63
70
|
p.value.push(r);
|
|
64
71
|
break;
|
|
65
72
|
}
|
|
66
|
-
const
|
|
67
|
-
|
|
68
|
-
},
|
|
69
|
-
switch (e.placement ||
|
|
70
|
-
case
|
|
73
|
+
const y = o.duration === void 0 ? K.duration : o.duration;
|
|
74
|
+
y > 0 && !o.primaryAction && setTimeout(() => q(r), y);
|
|
75
|
+
}, D = (e) => {
|
|
76
|
+
switch (e.placement || l.Top) {
|
|
77
|
+
case l.Top:
|
|
71
78
|
E.value = E.value.filter((o) => o.id !== e.id);
|
|
72
79
|
break;
|
|
73
|
-
case
|
|
74
|
-
|
|
80
|
+
case l.Bottom:
|
|
81
|
+
g.value = g.value.filter((o) => o.id !== e.id);
|
|
75
82
|
break;
|
|
76
83
|
}
|
|
77
84
|
}, h = (e, o) => {
|
|
78
85
|
const c = f.value;
|
|
79
86
|
f.value = f.value + 1;
|
|
80
87
|
const r = {
|
|
81
|
-
dismissible:
|
|
88
|
+
dismissible: K.dismissible,
|
|
82
89
|
...o,
|
|
83
90
|
level: e,
|
|
84
91
|
id: c
|
|
85
92
|
};
|
|
86
|
-
switch (o.placement ||
|
|
87
|
-
case
|
|
93
|
+
switch (o.placement || l.Top) {
|
|
94
|
+
case l.Top:
|
|
88
95
|
E.value.unshift(r);
|
|
89
96
|
break;
|
|
90
|
-
case
|
|
91
|
-
|
|
97
|
+
case l.Bottom:
|
|
98
|
+
g.value.push(r);
|
|
92
99
|
break;
|
|
93
100
|
}
|
|
94
|
-
const
|
|
95
|
-
|
|
96
|
-
}, K = (e) => {
|
|
97
|
-
T(t.Info, e);
|
|
101
|
+
const y = o.duration === void 0 ? K.duration : o.duration;
|
|
102
|
+
y > 0 && setTimeout(() => D(r), y);
|
|
98
103
|
}, k = (e) => {
|
|
99
|
-
|
|
104
|
+
b(t.Info, e);
|
|
100
105
|
}, A = (e) => {
|
|
101
|
-
|
|
106
|
+
b(t.Success, e);
|
|
102
107
|
}, I = (e) => {
|
|
103
|
-
|
|
108
|
+
b(t.Warn, e);
|
|
104
109
|
}, N = (e) => {
|
|
110
|
+
b(t.Error, e);
|
|
111
|
+
}, S = (e) => {
|
|
105
112
|
h(t.Info, e);
|
|
106
113
|
}, R = (e) => {
|
|
107
114
|
h(t.Success, e);
|
|
108
|
-
}, S = (e) => {
|
|
109
|
-
h(t.Warn, e);
|
|
110
115
|
}, B = (e) => {
|
|
111
|
-
h(t.
|
|
116
|
+
h(t.Warn, e);
|
|
112
117
|
}, W = (e) => {
|
|
113
|
-
|
|
118
|
+
h(t.Error, e);
|
|
119
|
+
}, L = (e) => {
|
|
120
|
+
[E.value, g.value].forEach((o) => {
|
|
114
121
|
const c = o.findIndex((r) => r.key === e);
|
|
115
122
|
c >= 0 && o.splice(c, 1);
|
|
116
123
|
});
|
|
117
|
-
},
|
|
118
|
-
[m.value, p.value,
|
|
124
|
+
}, w = (e) => {
|
|
125
|
+
[m.value, p.value, v.value, d.value].forEach((o) => {
|
|
119
126
|
const c = o.findIndex((r) => r.key === e);
|
|
120
127
|
c >= 0 && o.splice(c, 1);
|
|
121
128
|
});
|
|
129
|
+
}, x = (e) => {
|
|
130
|
+
T.value = {
|
|
131
|
+
...e,
|
|
132
|
+
open: !0
|
|
133
|
+
};
|
|
122
134
|
};
|
|
123
|
-
return
|
|
124
|
-
n.on(a.generateEventKey(t.Info),
|
|
125
|
-
}),
|
|
126
|
-
n.off(a.generateEventKey(t.Info),
|
|
135
|
+
return _(() => {
|
|
136
|
+
n.on(a.generateEventKey(t.Info), k), n.on(a.generateEventKey(t.Success), A), n.on(a.generateEventKey(t.Warn), I), n.on(a.generateEventKey(t.Error), N), n.on(a.removeEventKey, w), n.on(i.generateEventKey(t.Info), S), n.on(i.generateEventKey(t.Success), R), n.on(i.generateEventKey(t.Warn), B), n.on(i.generateEventKey(t.Error), W), n.on(i.removeEventKey, L), n.on(C.generateEventKey(), x);
|
|
137
|
+
}), M(() => {
|
|
138
|
+
n.off(a.generateEventKey(t.Info), k), n.off(a.generateEventKey(t.Success), A), n.off(a.generateEventKey(t.Warn), I), n.off(a.generateEventKey(t.Error), N), n.off(a.removeEventKey, w), n.off(i.generateEventKey(t.Info), S), n.off(i.generateEventKey(t.Success), R), n.off(i.generateEventKey(t.Warn), B), n.off(i.generateEventKey(t.Error), W), n.off(i.removeEventKey, L), n.off(C.generateEventKey(), x);
|
|
127
139
|
}), {
|
|
128
|
-
topLeft:
|
|
140
|
+
topLeft: v,
|
|
129
141
|
topRight: m,
|
|
130
142
|
bottomLeft: d,
|
|
131
143
|
bottomRight: p,
|
|
132
144
|
top: E,
|
|
133
|
-
bottom:
|
|
145
|
+
bottom: g,
|
|
146
|
+
dialog: T
|
|
134
147
|
};
|
|
135
148
|
}
|
|
136
149
|
});
|
|
137
150
|
export {
|
|
138
|
-
|
|
151
|
+
ee as default
|
|
139
152
|
};
|
|
140
153
|
//# sourceMappingURL=NeonAlert.es.js.map
|
|
@@ -1 +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 '@/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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"}
|
|
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 '@/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';\nimport NeonDialogContainer from '@/components/feedback/alert/container/NeonDialogContainer';\nimport { NeonDialogService } from '@/utils/feedback/dialog/NeonDialogService';\nimport type { NeonDialogMessage } from '@/model/feedback/dialog/NeonDialogMessage';\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 NeonDialogContainer,\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 // dialogs\n const dialog = ref<NeonDialogMessage>({\n question: '',\n title: '',\n open: false,\n });\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 const onShowDialog = (message: NeonDialogMessage) => {\n dialog.value = {\n ...message,\n open: true,\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 // dialog\n NeonEventBus.on(NeonDialogService.generateEventKey(), onShowDialog);\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 // dialog\n NeonEventBus.off(NeonDialogService.generateEventKey(), onShowDialog);\n });\n\n return {\n topLeft,\n topRight,\n bottomLeft,\n bottomRight,\n top,\n bottom,\n dialog,\n };\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonAlertContainer","NeonToastContainer","NeonDialogContainer","props","topLeft","ref","topRight","bottomLeft","bottomRight","top","bottom","dialog","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","onShowDialog","onMounted","NeonEventBus","NeonAlertService","NeonToastService","NeonDialogService","onUnmounted"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const d=require("./NeonAlert.cjs.js"),l=require("vue"),m=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),p={class:"neon-alert__wrapper"};function u(e,o,i,s,g,b){const n=l.resolveComponent("neon-alert-container"),a=l.resolveComponent("neon-toast-container"),r=l.resolveComponent("neon-dialog-container");return l.openBlock(),l.createElementBlock("div",p,[l.createVNode(n,{modelValue:e.topLeft,"onUpdate:modelValue":o[0]||(o[0]=t=>e.topLeft=t),placement:"top-left"},null,8,["modelValue"]),l.createVNode(n,{modelValue:e.topRight,"onUpdate:modelValue":o[1]||(o[1]=t=>e.topRight=t),placement:"top-right"},null,8,["modelValue"]),l.createVNode(n,{modelValue:e.bottomLeft,"onUpdate:modelValue":o[2]||(o[2]=t=>e.bottomLeft=t),placement:"bottom-left"},null,8,["modelValue"]),l.createVNode(n,{modelValue:e.bottomRight,"onUpdate:modelValue":o[3]||(o[3]=t=>e.bottomRight=t),placement:"bottom-right"},null,8,["modelValue"]),l.createVNode(a,{modelValue:e.top,"onUpdate:modelValue":o[4]||(o[4]=t=>e.top=t),placement:"top"},null,8,["modelValue"]),l.createVNode(a,{modelValue:e.bottom,"onUpdate:modelValue":o[5]||(o[5]=t=>e.bottom=t),placement:"bottom"},null,8,["modelValue"]),l.createVNode(r,{modelValue:e.dialog,"onUpdate:modelValue":o[6]||(o[6]=t=>e.dialog=t)},null,8,["modelValue"])])}const V=m(d,[["render",u]]);module.exports=V;
|
|
2
2
|
//# sourceMappingURL=NeonAlert.vue.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NeonAlert.vue.cjs.js","sources":["../../../../src/components/feedback/alert/NeonAlert.vue"],"sourcesContent":["<template>\n <div class=\"neon-alert__wrapper\">\n <neon-alert-container v-model=\"topLeft\" placement=\"top-left\" />\n <neon-alert-container v-model=\"topRight\" placement=\"top-right\" />\n <neon-alert-container v-model=\"bottomLeft\" placement=\"bottom-left\" />\n <neon-alert-container v-model=\"bottomRight\" placement=\"bottom-right\" />\n <neon-toast-container v-model=\"top\" placement=\"top\" />\n <neon-toast-container v-model=\"bottom\" placement=\"bottom\" />\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonAlert.ts\"></script>\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_createVNode","_component_neon_alert_container","_ctx","$event","_component_neon_toast_container"],"mappings":"oIACOA,EAAA,CAAA,MAAM,qBAAqB,
|
|
1
|
+
{"version":3,"file":"NeonAlert.vue.cjs.js","sources":["../../../../src/components/feedback/alert/NeonAlert.vue"],"sourcesContent":["<template>\n <div class=\"neon-alert__wrapper\">\n <neon-alert-container v-model=\"topLeft\" placement=\"top-left\" />\n <neon-alert-container v-model=\"topRight\" placement=\"top-right\" />\n <neon-alert-container v-model=\"bottomLeft\" placement=\"bottom-left\" />\n <neon-alert-container v-model=\"bottomRight\" placement=\"bottom-right\" />\n <neon-toast-container v-model=\"top\" placement=\"top\" />\n <neon-toast-container v-model=\"bottom\" placement=\"bottom\" />\n <neon-dialog-container v-model=\"dialog\" />\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonAlert.ts\"></script>\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_createVNode","_component_neon_alert_container","_ctx","$event","_component_neon_toast_container","_component_neon_dialog_container"],"mappings":"oIACOA,EAAA,CAAA,MAAM,qBAAqB,wKAAhC,OAAAC,YAAA,EAAAC,qBAQM,MARNF,EAQM,CAPJG,EAAAA,YAA+DC,EAAA,YAAhCC,EAAA,6CAAAA,EAAA,QAAOC,GAAE,UAAU,mCAClDH,EAAAA,YAAiEC,EAAA,YAAlCC,EAAA,8CAAAA,EAAA,SAAQC,GAAE,UAAU,oCACnDH,EAAAA,YAAqEC,EAAA,YAAtCC,EAAA,gDAAAA,EAAA,WAAUC,GAAE,UAAU,sCACrDH,EAAAA,YAAuEC,EAAA,YAAxCC,EAAA,iDAAAA,EAAA,YAAWC,GAAE,UAAU,uCACtDH,EAAAA,YAAsDI,EAAA,YAAvBF,EAAA,yCAAAA,EAAA,IAAGC,GAAE,UAAU,8BAC9CH,EAAAA,YAA4DI,EAAA,YAA7BF,EAAA,4CAAAA,EAAA,OAAMC,GAAE,UAAU,iCACjDH,EAAAA,YAA0CK,EAAA,YAAVH,EAAA,4CAAAA,EAAA,OAAMC"}
|
|
@@ -1,44 +1,48 @@
|
|
|
1
1
|
import p from "./NeonAlert.es.js";
|
|
2
|
-
import { resolveComponent as
|
|
3
|
-
import
|
|
2
|
+
import { resolveComponent as m, openBlock as r, createElementBlock as u, createVNode as t } from "vue";
|
|
3
|
+
import i from "../../../_virtual/_plugin-vue_export-helper.es.js";
|
|
4
4
|
const V = { class: "neon-alert__wrapper" };
|
|
5
|
-
function
|
|
6
|
-
const n =
|
|
7
|
-
return
|
|
8
|
-
|
|
5
|
+
function s(o, e, f, g, b, U) {
|
|
6
|
+
const n = m("neon-alert-container"), a = m("neon-toast-container"), d = m("neon-dialog-container");
|
|
7
|
+
return r(), u("div", V, [
|
|
8
|
+
t(n, {
|
|
9
9
|
modelValue: o.topLeft,
|
|
10
|
-
"onUpdate:modelValue": e[0] || (e[0] = (
|
|
10
|
+
"onUpdate:modelValue": e[0] || (e[0] = (l) => o.topLeft = l),
|
|
11
11
|
placement: "top-left"
|
|
12
12
|
}, null, 8, ["modelValue"]),
|
|
13
|
-
|
|
13
|
+
t(n, {
|
|
14
14
|
modelValue: o.topRight,
|
|
15
|
-
"onUpdate:modelValue": e[1] || (e[1] = (
|
|
15
|
+
"onUpdate:modelValue": e[1] || (e[1] = (l) => o.topRight = l),
|
|
16
16
|
placement: "top-right"
|
|
17
17
|
}, null, 8, ["modelValue"]),
|
|
18
|
-
|
|
18
|
+
t(n, {
|
|
19
19
|
modelValue: o.bottomLeft,
|
|
20
|
-
"onUpdate:modelValue": e[2] || (e[2] = (
|
|
20
|
+
"onUpdate:modelValue": e[2] || (e[2] = (l) => o.bottomLeft = l),
|
|
21
21
|
placement: "bottom-left"
|
|
22
22
|
}, null, 8, ["modelValue"]),
|
|
23
|
-
|
|
23
|
+
t(n, {
|
|
24
24
|
modelValue: o.bottomRight,
|
|
25
|
-
"onUpdate:modelValue": e[3] || (e[3] = (
|
|
25
|
+
"onUpdate:modelValue": e[3] || (e[3] = (l) => o.bottomRight = l),
|
|
26
26
|
placement: "bottom-right"
|
|
27
27
|
}, null, 8, ["modelValue"]),
|
|
28
|
-
|
|
28
|
+
t(a, {
|
|
29
29
|
modelValue: o.top,
|
|
30
|
-
"onUpdate:modelValue": e[4] || (e[4] = (
|
|
30
|
+
"onUpdate:modelValue": e[4] || (e[4] = (l) => o.top = l),
|
|
31
31
|
placement: "top"
|
|
32
32
|
}, null, 8, ["modelValue"]),
|
|
33
|
-
|
|
33
|
+
t(a, {
|
|
34
34
|
modelValue: o.bottom,
|
|
35
|
-
"onUpdate:modelValue": e[5] || (e[5] = (
|
|
35
|
+
"onUpdate:modelValue": e[5] || (e[5] = (l) => o.bottom = l),
|
|
36
36
|
placement: "bottom"
|
|
37
|
+
}, null, 8, ["modelValue"]),
|
|
38
|
+
t(d, {
|
|
39
|
+
modelValue: o.dialog,
|
|
40
|
+
"onUpdate:modelValue": e[6] || (e[6] = (l) => o.dialog = l)
|
|
37
41
|
}, null, 8, ["modelValue"])
|
|
38
42
|
]);
|
|
39
43
|
}
|
|
40
|
-
const
|
|
44
|
+
const k = /* @__PURE__ */ i(p, [["render", s]]);
|
|
41
45
|
export {
|
|
42
|
-
|
|
46
|
+
k as default
|
|
43
47
|
};
|
|
44
48
|
//# sourceMappingURL=NeonAlert.vue.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NeonAlert.vue.es.js","sources":["../../../../src/components/feedback/alert/NeonAlert.vue"],"sourcesContent":["<template>\n <div class=\"neon-alert__wrapper\">\n <neon-alert-container v-model=\"topLeft\" placement=\"top-left\" />\n <neon-alert-container v-model=\"topRight\" placement=\"top-right\" />\n <neon-alert-container v-model=\"bottomLeft\" placement=\"bottom-left\" />\n <neon-alert-container v-model=\"bottomRight\" placement=\"bottom-right\" />\n <neon-toast-container v-model=\"top\" placement=\"top\" />\n <neon-toast-container v-model=\"bottom\" placement=\"bottom\" />\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonAlert.ts\"></script>\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_createVNode","_component_neon_alert_container","_ctx","$event","_component_neon_toast_container"],"mappings":";;;AACO,MAAAA,IAAA,EAAA,OAAM,sBAAqB;;;AAAhC,SAAAC,EAAA,GAAAC,
|
|
1
|
+
{"version":3,"file":"NeonAlert.vue.es.js","sources":["../../../../src/components/feedback/alert/NeonAlert.vue"],"sourcesContent":["<template>\n <div class=\"neon-alert__wrapper\">\n <neon-alert-container v-model=\"topLeft\" placement=\"top-left\" />\n <neon-alert-container v-model=\"topRight\" placement=\"top-right\" />\n <neon-alert-container v-model=\"bottomLeft\" placement=\"bottom-left\" />\n <neon-alert-container v-model=\"bottomRight\" placement=\"bottom-right\" />\n <neon-toast-container v-model=\"top\" placement=\"top\" />\n <neon-toast-container v-model=\"bottom\" placement=\"bottom\" />\n <neon-dialog-container v-model=\"dialog\" />\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonAlert.ts\"></script>\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_createVNode","_component_neon_alert_container","_ctx","$event","_component_neon_toast_container","_component_neon_dialog_container"],"mappings":";;;AACO,MAAAA,IAAA,EAAA,OAAM,sBAAqB;;;AAAhC,SAAAC,EAAA,GAAAC,EAQM,OARNF,GAQM;AAAA,IAPJG,EAA+DC,GAAA;AAAA,kBAAhCC,EAAA;AAAA,oDAAAA,EAAA,UAAOC;AAAA,MAAE,WAAU;AAAA;IAClDH,EAAiEC,GAAA;AAAA,kBAAlCC,EAAA;AAAA,oDAAAA,EAAA,WAAQC;AAAA,MAAE,WAAU;AAAA;IACnDH,EAAqEC,GAAA;AAAA,kBAAtCC,EAAA;AAAA,oDAAAA,EAAA,aAAUC;AAAA,MAAE,WAAU;AAAA;IACrDH,EAAuEC,GAAA;AAAA,kBAAxCC,EAAA;AAAA,oDAAAA,EAAA,cAAWC;AAAA,MAAE,WAAU;AAAA;IACtDH,EAAsDI,GAAA;AAAA,kBAAvBF,EAAA;AAAA,oDAAAA,EAAA,MAAGC;AAAA,MAAE,WAAU;AAAA;IAC9CH,EAA4DI,GAAA;AAAA,kBAA7BF,EAAA;AAAA,oDAAAA,EAAA,SAAMC;AAAA,MAAE,WAAU;AAAA;IACjDH,EAA0CK,GAAA;AAAA,kBAAVH,EAAA;AAAA,oDAAAA,EAAA,SAAMC;AAAA;;;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const o=require("../../../../utils/feedback/dialog/NeonDialogService.cjs.js"),l=require("vue"),a=require("../../dialog/NeonDialog.vue.cjs.js"),i=l.defineComponent({name:"NeonDialogContainer",components:{NeonDialog:a},props:{modelValue:{type:Object}},setup(n,{emit:e}){return{onButtonClick:t=>{e("update:modelValue",{...n.modelValue,open:!1}),setTimeout(()=>{e("update:modelValue",o.NeonDialogService.defaultDialogMessage)},1e3),o.NeonDialogService.resolve(t)}}}});module.exports=i;
|
|
2
|
+
//# sourceMappingURL=NeonDialogContainer.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NeonDialogContainer.cjs.js","sources":["../../../../../src/components/feedback/alert/container/NeonDialogContainer.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import type { NeonDialogMessage } from '@/model/feedback/dialog/NeonDialogMessage';\nimport { NeonDialogService } from '@/utils/feedback/dialog/NeonDialogService';\nimport { defineComponent } from 'vue';\nimport NeonDialog from '../../dialog/NeonDialog.vue';\n\n/**\n * This is an internal component for rendering alerts.\n */\nexport default defineComponent({\n name: 'NeonDialogContainer',\n components: {\n NeonDialog,\n },\n props: {\n modelValue: { type: Object as () => NeonDialogMessage },\n },\n setup(props, { emit }) {\n const onButtonClick = (choice: boolean) => {\n emit('update:modelValue', { ...props.modelValue, open: false });\n setTimeout(() => {\n emit('update:modelValue', NeonDialogService.defaultDialogMessage);\n }, 1000);\n NeonDialogService.resolve(choice);\n };\n\n return {\n onButtonClick,\n };\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonDialog","props","emit","choice","NeonDialogService"],"mappings":"4JAQAA,EAAeC,kBAAgB,CAC7B,KAAM,sBACN,WAAY,CACV,WAAAC,CAAA,EAEF,MAAO,CACL,WAAY,CAAE,KAAM,MAAA,CAAkC,EAExD,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CASrB,MAAO,CACL,cATqBC,GAAoB,CACzCD,EAAK,oBAAqB,CAAE,GAAGD,EAAM,WAAY,KAAM,GAAO,EAC9D,WAAW,IAAM,CACfC,EAAK,oBAAqBE,EAAAA,kBAAkB,oBAAoB,CAClE,EAAG,GAAI,EACPA,EAAAA,kBAAkB,QAAQD,CAAM,CAClC,CAGE,CAEJ,CACF,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const o=require("../../../../utils/feedback/dialog/NeonDialogService.cjs.js"),l=require("vue"),a=require("../../dialog/NeonDialog.vue.cjs.js"),i=l.defineComponent({name:"NeonDialogContainer",components:{NeonDialog:a},props:{modelValue:{type:Object}},setup(n,{emit:e}){return{onButtonClick:t=>{e("update:modelValue",{...n.modelValue,open:!1}),setTimeout(()=>{e("update:modelValue",o.NeonDialogService.defaultDialogMessage)},1e3),o.NeonDialogService.resolve(t)}}}});module.exports=i;
|
|
2
|
+
//# sourceMappingURL=NeonDialogContainer.cjs2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NeonDialogContainer.cjs2.js","sources":["../../../../../src/components/feedback/alert/container/NeonDialogContainer.ts"],"sourcesContent":["import type { NeonDialogMessage } from '@/model/feedback/dialog/NeonDialogMessage';\nimport { NeonDialogService } from '@/utils/feedback/dialog/NeonDialogService';\nimport { defineComponent } from 'vue';\nimport NeonDialog from '../../dialog/NeonDialog.vue';\n\n/**\n * This is an internal component for rendering alerts.\n */\nexport default defineComponent({\n name: 'NeonDialogContainer',\n components: {\n NeonDialog,\n },\n props: {\n modelValue: { type: Object as () => NeonDialogMessage },\n },\n setup(props, { emit }) {\n const onButtonClick = (choice: boolean) => {\n emit('update:modelValue', { ...props.modelValue, open: false });\n setTimeout(() => {\n emit('update:modelValue', NeonDialogService.defaultDialogMessage);\n }, 1000);\n NeonDialogService.resolve(choice);\n };\n\n return {\n onButtonClick,\n };\n },\n});\n"],"names":["NeonDialogContainer","defineComponent","NeonDialog","props","emit","choice","NeonDialogService"],"mappings":"4JAQAA,EAAeC,kBAAgB,CAC7B,KAAM,sBACN,WAAY,CACV,WAAAC,CAAA,EAEF,MAAO,CACL,WAAY,CAAE,KAAM,MAAA,CAAkC,EAExD,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CASrB,MAAO,CACL,cATqBC,GAAoB,CACzCD,EAAK,oBAAqB,CAAE,GAAGD,EAAM,WAAY,KAAM,GAAO,EAC9D,WAAW,IAAM,CACfC,EAAK,oBAAqBE,EAAAA,kBAAkB,oBAAoB,CAClE,EAAG,GAAI,EACPA,EAAAA,kBAAkB,QAAQD,CAAM,CAClC,CAGE,CAEJ,CACF,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { NeonDialogService as o } from "../../../../utils/feedback/dialog/NeonDialogService.es.js";
|
|
2
|
+
import { defineComponent as a } from "vue";
|
|
3
|
+
import l from "../../dialog/NeonDialog.vue.es.js";
|
|
4
|
+
const u = a({
|
|
5
|
+
name: "NeonDialogContainer",
|
|
6
|
+
components: {
|
|
7
|
+
NeonDialog: l
|
|
8
|
+
},
|
|
9
|
+
props: {
|
|
10
|
+
modelValue: { type: Object }
|
|
11
|
+
},
|
|
12
|
+
setup(t, { emit: e }) {
|
|
13
|
+
return {
|
|
14
|
+
onButtonClick: (n) => {
|
|
15
|
+
e("update:modelValue", { ...t.modelValue, open: !1 }), setTimeout(() => {
|
|
16
|
+
e("update:modelValue", o.defaultDialogMessage);
|
|
17
|
+
}, 1e3), o.resolve(n);
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
export {
|
|
23
|
+
u as default
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=NeonDialogContainer.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NeonDialogContainer.es.js","sources":["../../../../../src/components/feedback/alert/container/NeonDialogContainer.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import type { NeonDialogMessage } from '@/model/feedback/dialog/NeonDialogMessage';\nimport { NeonDialogService } from '@/utils/feedback/dialog/NeonDialogService';\nimport { defineComponent } from 'vue';\nimport NeonDialog from '../../dialog/NeonDialog.vue';\n\n/**\n * This is an internal component for rendering alerts.\n */\nexport default defineComponent({\n name: 'NeonDialogContainer',\n components: {\n NeonDialog,\n },\n props: {\n modelValue: { type: Object as () => NeonDialogMessage },\n },\n setup(props, { emit }) {\n const onButtonClick = (choice: boolean) => {\n emit('update:modelValue', { ...props.modelValue, open: false });\n setTimeout(() => {\n emit('update:modelValue', NeonDialogService.defaultDialogMessage);\n }, 1000);\n NeonDialogService.resolve(choice);\n };\n\n return {\n onButtonClick,\n };\n },\n});\n"],"names":["_sfc_main","defineComponent","NeonDialog","props","emit","choice","NeonDialogService"],"mappings":";;;AAQA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,YAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA,IACL,YAAY,EAAE,MAAM,OAAA;AAAA,EAAkC;AAAA,EAExD,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AASrB,WAAO;AAAA,MACL,eAToB,CAACC,MAAoB;AACzC,QAAAD,EAAK,qBAAqB,EAAE,GAAGD,EAAM,YAAY,MAAM,IAAO,GAC9D,WAAW,MAAM;AACf,UAAAC,EAAK,qBAAqBE,EAAkB,oBAAoB;AAAA,QAClE,GAAG,GAAI,GACPA,EAAkB,QAAQD,CAAM;AAAA,MAClC;AAAA,IAGE;AAAA,EAEJ;AACF,CAAC;"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { NeonDialogService as o } from "../../../../utils/feedback/dialog/NeonDialogService.es.js";
|
|
2
|
+
import { defineComponent as a } from "vue";
|
|
3
|
+
import l from "../../dialog/NeonDialog.vue.es.js";
|
|
4
|
+
const u = a({
|
|
5
|
+
name: "NeonDialogContainer",
|
|
6
|
+
components: {
|
|
7
|
+
NeonDialog: l
|
|
8
|
+
},
|
|
9
|
+
props: {
|
|
10
|
+
modelValue: { type: Object }
|
|
11
|
+
},
|
|
12
|
+
setup(t, { emit: e }) {
|
|
13
|
+
return {
|
|
14
|
+
onButtonClick: (n) => {
|
|
15
|
+
e("update:modelValue", { ...t.modelValue, open: !1 }), setTimeout(() => {
|
|
16
|
+
e("update:modelValue", o.defaultDialogMessage);
|
|
17
|
+
}, 1e3), o.resolve(n);
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
export {
|
|
23
|
+
u as default
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=NeonDialogContainer.es2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NeonDialogContainer.es2.js","sources":["../../../../../src/components/feedback/alert/container/NeonDialogContainer.ts"],"sourcesContent":["import type { NeonDialogMessage } from '@/model/feedback/dialog/NeonDialogMessage';\nimport { NeonDialogService } from '@/utils/feedback/dialog/NeonDialogService';\nimport { defineComponent } from 'vue';\nimport NeonDialog from '../../dialog/NeonDialog.vue';\n\n/**\n * This is an internal component for rendering alerts.\n */\nexport default defineComponent({\n name: 'NeonDialogContainer',\n components: {\n NeonDialog,\n },\n props: {\n modelValue: { type: Object as () => NeonDialogMessage },\n },\n setup(props, { emit }) {\n const onButtonClick = (choice: boolean) => {\n emit('update:modelValue', { ...props.modelValue, open: false });\n setTimeout(() => {\n emit('update:modelValue', NeonDialogService.defaultDialogMessage);\n }, 1000);\n NeonDialogService.resolve(choice);\n };\n\n return {\n onButtonClick,\n };\n },\n});\n"],"names":["NeonDialogContainer","defineComponent","NeonDialog","props","emit","choice","NeonDialogService"],"mappings":";;;AAQA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,YAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA,IACL,YAAY,EAAE,MAAM,OAAA;AAAA,EAAkC;AAAA,EAExD,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AASrB,WAAO;AAAA,MACL,eAToB,CAACC,MAAoB;AACzC,QAAAD,EAAK,qBAAqB,EAAE,GAAGD,EAAM,YAAY,MAAM,IAAO,GAC9D,WAAW,MAAM;AACf,UAAAC,EAAK,qBAAqBE,EAAkB,oBAAoB;AAAA,QAClE,GAAG,GAAI,GACPA,EAAkB,QAAQD,CAAM;AAAA,MAClC;AAAA,IAGE;AAAA,EAEJ;AACF,CAAC;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const s=require("./NeonDialogContainer.cjs.js"),e=require("vue"),l=require("../../../../_virtual/_plugin-vue_export-helper.cjs.js"),i={class:"neon-dialog"};function u(o,n,a,c,_,d){const t=e.resolveComponent("neon-dialog");return e.openBlock(),e.createElementBlock("div",i,[e.createVNode(t,e.mergeProps(o.modelValue,{onCancel:n[0]||(n[0]=r=>o.onButtonClick(!1)),onConfirm:n[1]||(n[1]=r=>o.onButtonClick(!0))}),null,16)])}const p=l(s,[["render",u]]);module.exports=p;
|
|
2
|
+
//# sourceMappingURL=NeonDialogContainer.vue.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NeonDialogContainer.vue.cjs.js","sources":["../../../../../src/components/feedback/alert/container/NeonDialogContainer.vue"],"sourcesContent":["<template>\n <div class=\"neon-dialog\">\n <neon-dialog v-bind=\"modelValue\" @cancel=\"onButtonClick(false)\" @confirm=\"onButtonClick(true)\" />\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonDialogContainer.ts\"></script>\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_createVNode","_component_neon_dialog","_mergeProps","_ctx"],"mappings":"iJACOA,EAAA,CAAA,MAAM,aAAa,oEAAxB,OAAAC,YAAA,EAAAC,qBAEM,MAFNF,EAEM,CADJG,EAAAA,YAAiGC,EAAjGC,aAAqBC,EAAA,WAAU,CAAG,wBAAQA,EAAA,cAAa,EAAA,GAAU,yBAASA,EAAA,cAAa,EAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import r from "./NeonDialogContainer.es.js";
|
|
2
|
+
import { resolveComponent as l, openBlock as i, createElementBlock as s, createVNode as a, mergeProps as m } from "vue";
|
|
3
|
+
import p from "../../../../_virtual/_plugin-vue_export-helper.es.js";
|
|
4
|
+
const d = { class: "neon-dialog" };
|
|
5
|
+
function f(n, o, u, c, C, _) {
|
|
6
|
+
const e = l("neon-dialog");
|
|
7
|
+
return i(), s("div", d, [
|
|
8
|
+
a(e, m(n.modelValue, {
|
|
9
|
+
onCancel: o[0] || (o[0] = (t) => n.onButtonClick(!1)),
|
|
10
|
+
onConfirm: o[1] || (o[1] = (t) => n.onButtonClick(!0))
|
|
11
|
+
}), null, 16)
|
|
12
|
+
]);
|
|
13
|
+
}
|
|
14
|
+
const v = /* @__PURE__ */ p(r, [["render", f]]);
|
|
15
|
+
export {
|
|
16
|
+
v as default
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=NeonDialogContainer.vue.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NeonDialogContainer.vue.es.js","sources":["../../../../../src/components/feedback/alert/container/NeonDialogContainer.vue"],"sourcesContent":["<template>\n <div class=\"neon-dialog\">\n <neon-dialog v-bind=\"modelValue\" @cancel=\"onButtonClick(false)\" @confirm=\"onButtonClick(true)\" />\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonDialogContainer.ts\"></script>\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_createVNode","_component_neon_dialog","_mergeProps","_ctx"],"mappings":";;;AACO,MAAAA,IAAA,EAAA,OAAM,cAAa;;;AAAxB,SAAAC,EAAA,GAAAC,EAEM,OAFNF,GAEM;AAAA,IADJG,EAAiGC,GAAjGC,EAAqBC,EAAA,YAAU;AAAA,MAAG,iCAAQA,EAAA,cAAa,EAAA;AAAA,MAAU,kCAASA,EAAA,cAAa,EAAA;AAAA;;;;"}
|