maz-ui 3.15.3 → 3.16.0

package/components/MazBottomSheet.mjs

@@ -86,6 +86,8 @@ const MazFullscreenImg_vue_vue_type_style_index_1_scoped_7858a9bc_lang = "";
 const MazToast_vue_vue_type_style_index_0_lang = "";
 const MazToast_vue_vue_type_style_index_1_scoped_6a8f0d79_lang = "";
 ref();
+ref();
+ref([]);
 const _hoisted_1$1 = ["innerHTML"];
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",

package/components/MazBtn.mjs

@@ -59,6 +59,8 @@ const MazFullscreenImg_vue_vue_type_style_index_1_scoped_7858a9bc_lang = "";
 const MazToast_vue_vue_type_style_index_0_lang = "";
 const MazToast_vue_vue_type_style_index_1_scoped_6a8f0d79_lang = "";
 ref();
+ref();
+ref([]);
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",

package/components/MazCard.mjs

@@ -865,6 +865,8 @@ const MazFullscreenImg_vue_vue_type_style_index_1_scoped_7858a9bc_lang = "";
 const MazToast_vue_vue_type_style_index_0_lang = "";
 const MazToast_vue_vue_type_style_index_1_scoped_6a8f0d79_lang = "";
 ref();
+ref();
+ref([]);
 const _hoisted_1$2 = ["innerHTML"];
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",

package/components/MazCarousel.mjs

@@ -86,6 +86,8 @@ const MazFullscreenImg_vue_vue_type_style_index_1_scoped_7858a9bc_lang = "";
 const MazToast_vue_vue_type_style_index_0_lang = "";
 const MazToast_vue_vue_type_style_index_1_scoped_6a8f0d79_lang = "";
 ref();
+ref();
+ref([]);
 const _hoisted_1$2 = ["innerHTML"];
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",

package/components/MazCheckbox.mjs

@@ -8,6 +8,8 @@ const useInstanceUniqId = ({
 }) => {
   return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
 };
+ref();
+ref([]);
 const _hoisted_1 = ["id", "checked", "name"];
 const _hoisted_2 = ["for"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/components/MazDialog.mjs

@@ -86,6 +86,8 @@ const MazFullscreenImg_vue_vue_type_style_index_1_scoped_7858a9bc_lang = "";
 const MazToast_vue_vue_type_style_index_0_lang = "";
 const MazToast_vue_vue_type_style_index_1_scoped_6a8f0d79_lang = "";
 ref();
+ref();
+ref([]);
 const _hoisted_1$1 = ["innerHTML"];
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",

package/components/MazDialogPromise.d.ts

@@ -1,8 +1,8 @@
 import { type PropType } from 'vue';
 import { type Color, type Size } from './MazBtn.vue';
-import { type DialogData } from './MazDialogPromise/use-maz-dialog-promise';
-export { useMazDialogPromise } from './MazDialogPromise/use-maz-dialog-promise';
-export type { DialogState, DialogData } from './MazDialogPromise/use-maz-dialog-promise';
+import { type DialogData } from './../modules';
+export { useMazDialogPromise } from './../modules';
+export type { DialogState, DialogData } from './../modules';
 export type { Color, Size } from './types';
 export type DialogButton = {
     response?: string | boolean;

package/components/MazDialogPromise.mjs

@@ -86,6 +86,46 @@ const MazFullscreenImg_vue_vue_type_style_index_1_scoped_7858a9bc_lang = "";
 const MazToast_vue_vue_type_style_index_0_lang = "";
 const MazToast_vue_vue_type_style_index_1_scoped_6a8f0d79_lang = "";
 ref();
+const confirmDialogData = ref();
+const dialogState = ref([]);
+const showDialogAndWaitChoice = (identifier, callback) => {
+  return new Promise((resolve, reject) => {
+    dialogState.value = [
+      ...dialogState.value,
+      {
+        id: identifier,
+        isActive: true,
+        resolve: async () => {
+          await (callback == null ? void 0 : callback());
+          resolve(true);
+        },
+        reject
+      }
+    ];
+  });
+};
+const removeDialogFromState = (identifier) => {
+  dialogState.value = dialogState.value.filter(({ id }) => id !== identifier);
+  return dialogState.value;
+};
+const responseDialog = (type, currentDialog, response = false) => {
+  var _a;
+  if (currentDialog) {
+    (_a = currentDialog[type]) == null ? void 0 : _a.call(currentDialog, response);
+    currentDialog.isActive = false;
+    setTimeout(() => {
+      removeDialogFromState(currentDialog.id);
+    }, 500);
+  }
+};
+const useMazDialogPromise = () => ({
+  confirmDialogData,
+  dialogState,
+  showDialogAndWaitChoice,
+  removeDialogFromState,
+  rejectDialog: (currentDialog, response = false) => responseDialog("reject", currentDialog, response),
+  resolveDialog: (currentDialog, response = false) => responseDialog("resolve", currentDialog, response)
+});
 const _hoisted_1$2 = ["innerHTML"];
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",
@@ -690,46 +730,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 });
 const MazDialog_vue_vue_type_style_index_0_scoped_89e2590f_lang = "";
 const MazDialog = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-89e2590f"]]);
-const confirmDialogData = ref();
-const dialogState = ref([]);
-const showDialogAndWaitChoice = (identifier, callback) => {
-  return new Promise((resolve, reject) => {
-    dialogState.value = [
-      ...dialogState.value,
-      {
-        id: identifier,
-        isActive: true,
-        resolve: async () => {
-          await (callback == null ? void 0 : callback());
-          resolve(true);
-        },
-        reject
-      }
-    ];
-  });
-};
-const removeDialogFromState = (identifier) => {
-  dialogState.value = dialogState.value.filter(({ id }) => id !== identifier);
-  return dialogState.value;
-};
-const responseDialog = (type, currentDialog, response = false) => {
-  var _a;
-  if (currentDialog) {
-    (_a = currentDialog[type]) == null ? void 0 : _a.call(currentDialog, response);
-    currentDialog.isActive = false;
-    setTimeout(() => {
-      removeDialogFromState(currentDialog.id);
-    }, 500);
-  }
-};
-const useMazDialogPromise = () => ({
-  confirmDialogData,
-  dialogState,
-  showDialogAndWaitChoice,
-  removeDialogFromState,
-  rejectDialog: (currentDialog, response = false) => responseDialog("reject", currentDialog, response),
-  resolveDialog: (currentDialog, response = false) => responseDialog("resolve", currentDialog, response)
-});
 const _hoisted_1 = { class: "maz-space-x-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazDialogPromise",

package/components/MazDrawer.mjs

@@ -240,6 +240,8 @@ const MazFullscreenImg_vue_vue_type_style_index_1_scoped_7858a9bc_lang = "";
 const MazToast_vue_vue_type_style_index_0_lang = "";
 const MazToast_vue_vue_type_style_index_1_scoped_6a8f0d79_lang = "";
 ref();
+ref();
+ref([]);
 const _hoisted_1$1 = ["innerHTML"];
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",

package/components/MazIcon.mjs

@@ -13,6 +13,8 @@ const MazFullscreenImg_vue_vue_type_style_index_1_scoped_7858a9bc_lang = "";
 const MazToast_vue_vue_type_style_index_0_lang = "";
 const MazToast_vue_vue_type_style_index_1_scoped_6a8f0d79_lang = "";
 ref();
+ref();
+ref([]);
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",

package/components/MazInput.mjs

@@ -26,6 +26,8 @@ function injectStrict(key, fallback) {
   }
   return resolved;
 }
+ref();
+ref([]);
 const _withScopeId = (n) => (pushScopeId("data-v-7a2b89c9"), n = n(), popScopeId(), n);
 const _hoisted_1$2 = ["width", "height"];
 const _hoisted_2$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(

package/components/MazInputNumber.mjs

@@ -77,6 +77,8 @@ const useInstanceUniqId = ({
 }) => {
   return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
 };
+ref();
+ref([]);
 const _hoisted_1$3 = ["innerHTML"];
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",

package/components/MazInputPrice.mjs

@@ -112,6 +112,8 @@ const useInstanceUniqId = ({
 }) => {
   return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
 };
+ref();
+ref([]);
 const _hoisted_1$2 = ["innerHTML"];
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",

package/components/MazInputTags.mjs

@@ -104,6 +104,8 @@ const useInstanceUniqId = ({
 }) => {
   return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
 };
+ref();
+ref([]);
 const _hoisted_1$1 = ["innerHTML"];
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",

package/components/MazPhoneNumberInput.mjs

@@ -407,6 +407,8 @@ const useInstanceUniqId = ({
 }) => {
   return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
 };
+ref();
+ref([]);
 const locales = {
   countrySelector: {
     placeholder: "Country code",

package/components/MazPicker.mjs

@@ -30,6 +30,8 @@ function injectStrict(key, fallback) {
   }
   return resolved;
 }
+ref();
+ref([]);
 const _withScopeId = (n) => (pushScopeId("data-v-7a2b89c9"), n = n(), popScopeId(), n);
 const _hoisted_1$g = ["width", "height"];
 const _hoisted_2$9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(

package/components/MazSelect.mjs

@@ -26,6 +26,8 @@ function injectStrict(key, fallback) {
   }
   return resolved;
 }
+ref();
+ref([]);
 const _withScopeId = (n) => (pushScopeId("data-v-7a2b89c9"), n = n(), popScopeId(), n);
 const _hoisted_1$6 = ["width", "height"];
 const _hoisted_2$5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(

package/components/MazStepper.mjs

@@ -71,6 +71,8 @@ const MazFullscreenImg_vue_vue_type_style_index_1_scoped_7858a9bc_lang = "";
 const MazToast_vue_vue_type_style_index_0_lang = "";
 const MazToast_vue_vue_type_style_index_1_scoped_6a8f0d79_lang = "";
 ref();
+ref();
+ref([]);
 const _hoisted_1$1 = ["innerHTML"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",

package/components/MazTabsBar.mjs

@@ -59,6 +59,8 @@ const MazFullscreenImg_vue_vue_type_style_index_1_scoped_7858a9bc_lang = "";
 const MazToast_vue_vue_type_style_index_0_lang = "";
 const MazToast_vue_vue_type_style_index_1_scoped_6a8f0d79_lang = "";
 ref();
+ref();
+ref([]);
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",

package/components/MazTabsContent.mjs

@@ -24,6 +24,8 @@ const MazFullscreenImg_vue_vue_type_style_index_1_scoped_7858a9bc_lang = "";
 const MazToast_vue_vue_type_style_index_0_lang = "";
 const MazToast_vue_vue_type_style_index_1_scoped_6a8f0d79_lang = "";
 ref();
+ref();
+ref([]);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazTabsContent",
   setup(__props) {

package/components/MazTabsContentItem.mjs

@@ -20,6 +20,8 @@ const MazFullscreenImg_vue_vue_type_style_index_1_scoped_7858a9bc_lang = "";
 const MazToast_vue_vue_type_style_index_0_lang = "";
 const MazToast_vue_vue_type_style_index_1_scoped_6a8f0d79_lang = "";
 ref();
+ref();
+ref([]);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazTabsContentItem",
   props: {

package/components/MazTextarea.mjs

@@ -14,6 +14,8 @@ const useInstanceUniqId = ({
 }) => {
   return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
 };
+ref();
+ref([]);
 function debounce(func, delay) {
   let timeoutId;
   return (...args) => {

package/modules/index.mjs

@@ -2199,6 +2199,46 @@ const useUserVisibility = ({
 }) => {
   return new UserVisibility(callback, options);
 };
+const confirmDialogData = ref();
+const dialogState = ref([]);
+const showDialogAndWaitChoice = (identifier, callback) => {
+  return new Promise((resolve, reject) => {
+    dialogState.value = [
+      ...dialogState.value,
+      {
+        id: identifier,
+        isActive: true,
+        resolve: async () => {
+          await (callback == null ? void 0 : callback());
+          resolve(true);
+        },
+        reject
+      }
+    ];
+  });
+};
+const removeDialogFromState = (identifier) => {
+  dialogState.value = dialogState.value.filter(({ id }) => id !== identifier);
+  return dialogState.value;
+};
+const responseDialog = (type, currentDialog, response = false) => {
+  var _a;
+  if (currentDialog) {
+    (_a = currentDialog[type]) == null ? void 0 : _a.call(currentDialog, response);
+    currentDialog.isActive = false;
+    setTimeout(() => {
+      removeDialogFromState(currentDialog.id);
+    }, 500);
+  }
+};
+const useMazDialogPromise = () => ({
+  confirmDialogData,
+  dialogState,
+  showDialogAndWaitChoice,
+  removeDialogFromState,
+  rejectDialog: (currentDialog, response = false) => responseDialog("reject", currentDialog, response),
+  resolveDialog: (currentDialog, response = false) => responseDialog("resolve", currentDialog, response)
+});
 export {
   AosHandler,
   IdleTimeout,
@@ -2227,6 +2267,7 @@ export {
   useAos,
   useIdleTimeout,
   useInstanceUniqId,
+  useMazDialogPromise,
   useThemeHandler,
   useToast,
   useUserVisibility,

package/nuxt/index.d.mts

@@ -73,6 +73,11 @@ interface MazUiNuxtOptions {
      * @default true
      */
     injectComponents?: boolean;
+    /**
+     * Default path to public svg icons folder for `<MazIcon />` component
+     * @default undefined
+     */
+    defaultMazIconPath?: string;
     /**
      * Enable Nuxt Devtools integration
      * @default true

package/nuxt/index.d.ts

@@ -73,6 +73,11 @@ interface MazUiNuxtOptions {
      * @default true
      */
     injectComponents?: boolean;
+    /**
+     * Default path to public svg icons folder for `<MazIcon />` component
+     * @default undefined
+     */
+    defaultMazIconPath?: string;
     /**
      * Enable Nuxt Devtools integration
      * @default true

package/nuxt/index.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "3.15.3"
+  "version": "3.16.0"
 }

package/nuxt/index.mjs

@@ -1,4 +1,4 @@
-import { defineNuxtModule, createResolver, addComponent, addPlugin, addImports } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addComponent, addImports, addPlugin } from '@nuxt/kit';
 import { resolve, dirname } from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { readdir } from 'node:fs/promises';
@@ -103,6 +103,11 @@ const module = defineNuxtModule({
           filePath: process.env.MAZ_UI_DEV === "true" ? `maz-ui/components/${name}.vue` : `maz-ui/components/${name}.mjs`
         });
       }
+      addImports({
+        from: "maz-ui",
+        name: "useMazDialogPromise",
+        as: "useMazDialogPromise"
+      });
     }
     if (moduleOptions.injectAos) {
       addPlugin(resolve(_dirname, "./runtime/plugins/aos"));
@@ -167,6 +172,9 @@ const module = defineNuxtModule({
         as: "useUserVisibility"
       });
     }
+    if (moduleOptions.defaultMazIconPath) {
+      addPlugin(resolve(_dirname, "./runtime/plugins/maz-icon-path"));
+    }
     if (options.devtools) {
       nuxt.hook("devtools:customTabs", (iframeTabs) => {
         iframeTabs.push({

package/nuxt/runtime/composables/use-theme-handler.mjs

@@ -3,6 +3,6 @@ import { useThemeHandler as useThemeHandlerComposable } from "maz-ui";
 export function useThemeHandler() {
   const { $config } = useNuxtApp();
   const themeHandlerOptions = $config.public.mazUi?.injectUseThemeHandler;
-  const options = typeof themeHandlerOptions === "object" ? themeHandlerOptions : void 0;
+  const options = typeof themeHandlerOptions === "object" ? themeHandlerOptions : {};
   return useThemeHandlerComposable(options);
 }

package/nuxt/runtime/plugins/maz-icon-path.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
+export default _default;

package/nuxt/runtime/plugins/maz-icon-path.mjs

@@ -0,0 +1,5 @@
+import { defineNuxtPlugin } from "nuxt/app";
+export default defineNuxtPlugin(({ $config, vueApp }) => {
+  const defaultMazIconPath = $config.public.mazUi?.defaultMazIconPath;
+  vueApp.provide("mazIconPath", defaultMazIconPath);
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maz-ui",
-  "version": "3.15.3",
+  "version": "3.16.0",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "main": "./modules/index.mjs",
@@ -93,7 +93,7 @@
     "@types/dropzone": "^5.7.5",
     "@types/google.maps": "^3.54.1",
     "@types/node": "^20.7.0",
-    "@types/rollup-plugin-peer-deps-external": "^2.2.1",
+    "@types/rollup-plugin-peer-deps-external": "^2.2.2",
     "@typescript-eslint/eslint-plugin": "^6.7.3",
     "@typescript-eslint/parser": "^6.7.3",
     "@vitejs/plugin-vue": "^4.3.4",
@@ -118,7 +118,7 @@
     "fs": "0.0.2",
     "jsdom": "^22.1.0",
     "json-templater": "^1.2.0",
-    "libphonenumber-js": "^1.10.44",
+    "libphonenumber-js": "^1.10.45",
     "lint-staged": "^14.0.1",
     "minimist": "^1.2.8",
     "nuxt": "^3.7.4",
@@ -132,7 +132,7 @@
     "postcss-url": "^10.1.3",
     "prettier-plugin-tailwindcss": "^0.5.4",
     "replace-in-file": "^7.0.1",
-    "rimraf": "^5.0.4",
+    "rimraf": "^5.0.5",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "sass": "^1.68.0",
     "semver": "^7.5.4",

package/types/components/MazDialogPromise.vue.d.ts

@@ -1,8 +1,8 @@
 import { type PropType } from 'vue';
 import { type Color, type Size } from './MazBtn.vue';
-import { type DialogData } from './MazDialogPromise/use-maz-dialog-promise';
-export { useMazDialogPromise } from './MazDialogPromise/use-maz-dialog-promise';
-export type { DialogState, DialogData } from './MazDialogPromise/use-maz-dialog-promise';
+import { type DialogData } from './../modules';
+export { useMazDialogPromise } from './../modules';
+export type { DialogState, DialogData } from './../modules';
 export type { Color, Size } from './types';
 export type DialogButton = {
     response?: string | boolean;

package/types/modules/composables/index.d.ts

@@ -5,3 +5,4 @@ export * from './use-wait';
 export * from './use-toast';
 export * from './use-idle-timeout';
 export * from './use-user-visibilty';
+export * from './use-maz-dialog-promise';

package/types/components/MazDialogPromise/use-maz-dialog-promise.d.ts

@@ -1,30 +0,0 @@
-export interface DialogState {
-    id: string;
-    isActive: boolean;
-    resolve: (value: unknown) => void;
-    reject?: (reason?: unknown) => void;
-}
-export interface DialogData {
-    title: string;
-    message: string;
-    cancelText?: string;
-    confirmText?: string;
-}
-export declare const useMazDialogPromise: () => {
-    confirmDialogData: import("vue").Ref<DialogData | undefined>;
-    dialogState: import("vue").Ref<{
-        id: string;
-        isActive: boolean;
-        resolve: (value: unknown) => void;
-        reject?: ((reason?: unknown) => void) | undefined;
-    }[]>;
-    showDialogAndWaitChoice: (identifier: string, callback?: () => unknown) => Promise<unknown>;
-    removeDialogFromState: (identifier: string) => {
-        id: string;
-        isActive: boolean;
-        resolve: (value: unknown) => void;
-        reject?: ((reason?: unknown) => void) | undefined;
-    }[];
-    rejectDialog: (currentDialog: DialogState, response?: string | boolean) => void;
-    resolveDialog: (currentDialog: DialogState, response?: string | boolean) => void;
-};