maz-ui 4.7.2 → 4.7.3

package/dist/chunks/{MazDialogConfirm.vue_vue_type_script_setup_true_lang.DjKQKIZg.js → MazDialogConfirm.vue_vue_type_script_setup_true_lang.BB2rYkwY.js}

@@ -48,6 +48,7 @@ function useMazDialogConfirm() {
     data,
     dialogState,
     showDialogAndWaitChoice,
+    removeDialogFromState,
     reject: async (currentDialog, response = "reject", onClick) => (await onClick?.(), responseDialog("reject", currentDialog, response)),
     accept: async (currentDialog, response = "accept", onClick) => (await onClick?.(), responseDialog("accept", currentDialog, response))
   };

package/dist/components/MazDialogConfirm/useMazDialogConfirm.d.ts

@@ -37,10 +37,12 @@ export declare const defaultData: {
     };
 };
 declare function showDialogAndWaitChoice(identifier: string, callback?: () => unknown): Promise<unknown>;
+declare function removeDialogFromState(identifier: string): MazDialogConfirmState[];
 export declare function useMazDialogConfirm(): {
     data: Ref<MazDialogConfirmData, MazDialogConfirmData>;
     dialogState: Ref<MazDialogConfirmState[], MazDialogConfirmState[]>;
     showDialogAndWaitChoice: typeof showDialogAndWaitChoice;
+    removeDialogFromState: typeof removeDialogFromState;
     reject: (currentDialog: MazDialogConfirmState, response?: unknown, onClick?: () => unknown) => Promise<unknown>;
     accept: (currentDialog: MazDialogConfirmState, response?: unknown, onClick?: () => unknown) => Promise<unknown>;
 };

package/dist/components/MazDialogConfirm.js

@@ -1,5 +1,5 @@
-import { _ as _sfc_main } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.DjKQKIZg.js";
-import { u } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.DjKQKIZg.js";
+import { _ as _sfc_main } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.BB2rYkwY.js";
+import { u } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.BB2rYkwY.js";
 export {
   _sfc_main as default,
   u as useMazDialogConfirm

package/dist/components/index.js

@@ -19,7 +19,7 @@ import { default as default18 } from "./MazCircularProgressBar.js";
 import { default as default19 } from "./MazContainer.js";
 import { default as default20 } from "./MazDatePicker.js";
 import { default as default21 } from "./MazDialog.js";
-import { _ as _2, u } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.DjKQKIZg.js";
+import { _ as _2, u } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.BB2rYkwY.js";
 import { default as default22 } from "./MazDrawer.js";
 import { default as default23 } from "./MazDropdown.js";
 import { default as default24 } from "./MazDropzone.js";

package/dist/plugins/dialog/DialogHandler.d.ts

@@ -8,6 +8,7 @@ export type DialogOptions = Partial<Omit<MazDialogConfirmProps, 'modelValue' | '
 export declare class DialogHandler {
     private readonly app;
     readonly globalOptions: DialogOptions;
+    private activeDialogs;
     constructor(app: App, globalOptions?: DialogOptions);
     open(options: DialogOptions): {
         destroy: () => void;

package/dist/plugins/dialog.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main, u as useMazDialogConfirm } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.DjKQKIZg.js";
+import { _ as _sfc_main, u as useMazDialogConfirm } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.BB2rYkwY.js";
 import { useMountComponent } from "../composables/useMountComponent.js";
 const DEFAULT_OPTIONS = {
   identifier: "main-dialog"
@@ -7,31 +7,41 @@ class DialogHandler {
   constructor(app, globalOptions = DEFAULT_OPTIONS) {
     this.app = app, this.globalOptions = globalOptions;
   }
+  activeDialogs = /* @__PURE__ */ new Map();
   open(options) {
     const props = {
       ...DEFAULT_OPTIONS,
       ...this.globalOptions,
       ...options
-    }, { destroy, vNode } = useMountComponent(_sfc_main, {
+    }, { removeDialogFromState } = useMazDialogConfirm(), existing = this.activeDialogs.get(props.identifier);
+    existing && (existing.cleanupTimer && clearTimeout(existing.cleanupTimer), removeDialogFromState(props.identifier), existing.destroy(), this.activeDialogs.delete(props.identifier));
+    const { destroy, vNode } = useMountComponent(_sfc_main, {
       props,
       app: this.app
-    }), { showDialogAndWaitChoice } = useMazDialogConfirm();
-    function close() {
-      vNode.component?.exposed?.isActive?.value && (vNode.component?.exposed?.close(), props.onClose?.(), setTimeout(() => {
-        destroy();
-      }, 700));
-    }
-    async function runDialog() {
+    }), entry = { destroy };
+    this.activeDialogs.set(props.identifier, entry);
+    const { showDialogAndWaitChoice } = useMazDialogConfirm(), scheduleDestroy = () => {
+      const timer = setTimeout(() => {
+        this.activeDialogs.get(props.identifier) === entry && (destroy(), this.activeDialogs.delete(props.identifier));
+      }, 700);
+      entry.cleanupTimer = timer;
+    }, close = () => {
+      vNode.component?.exposed?.isActive?.value && (vNode.component?.exposed?.close(), props.onClose?.(), scheduleDestroy());
+    };
+    return (async () => {
       try {
         const response = await showDialogAndWaitChoice(props.identifier);
         props.onAccept && props.onAccept(response);
       } catch (error) {
         const response = error;
         props.onReject && props.onReject(response);
+      } finally {
+        scheduleDestroy();
       }
-    }
-    return runDialog(), {
-      destroy,
+    })(), {
+      destroy: () => {
+        entry.cleanupTimer && clearTimeout(entry.cleanupTimer), destroy(), this.activeDialogs.get(props.identifier) === entry && this.activeDialogs.delete(props.identifier);
+      },
       close
     };
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "maz-ui",
   "type": "module",
-  "version": "4.7.2",
+  "version": "4.7.3",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "license": "MIT",
@@ -154,23 +154,23 @@
     }
   },
   "dependencies": {
-    "@floating-ui/vue": "^1.1.10",
+    "@floating-ui/vue": "^1.1.11",
     "chart.js": "^4.5.1",
     "dayjs": "^1.11.19",
-    "libphonenumber-js": "^1.12.37",
+    "libphonenumber-js": "^1.12.38",
     "valibot": "^1.2.0",
     "vue-chartjs": "^5.3.3",
-    "@maz-ui/cli": "4.7.2",
+    "@maz-ui/cli": "4.7.3",
     "@maz-ui/icons": "4.7.2",
-    "@maz-ui/utils": "4.7.2",
-    "@maz-ui/themes": "4.7.2",
-    "@maz-ui/translations": "4.7.2"
+    "@maz-ui/utils": "4.7.3",
+    "@maz-ui/translations": "4.7.3",
+    "@maz-ui/themes": "4.7.3"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.4",
     "@vue/compiler-sfc": "^3.5.29",
     "@vue/test-utils": "^2.4.6",
-    "autoprefixer": "^10.4.24",
+    "autoprefixer": "^10.4.27",
     "jsdom": "^28.1.0",
     "lightningcss": "^1.31.1",
     "nuxt": "^4.3.1",
@@ -179,8 +179,8 @@
     "unplugin-auto-import": "^21.0.0",
     "unplugin-vue-components": "^31.0.0",
     "vue-router": "^5.0.3",
-    "@maz-ui/node": "4.6.1",
-    "@maz-ui/eslint-config": "4.7.2"
+    "@maz-ui/eslint-config": "4.7.3",
+    "@maz-ui/node": "4.6.1"
   },
   "lint-staged": {
     "*.{js,ts,vue,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix",