maz-ui 4.0.0-beta.2 → 4.0.0-beta.21

package/dist/components/MazSelect.js

@@ -1,15 +1,17 @@
-import { defineComponent, mergeModels, defineAsyncComponent, useTemplateRef, computed, useModel, ref, watch, createBlock, openBlock, normalizeStyle, normalizeClass, withCtx, createElementVNode, unref, createCommentVNode, renderSlot, createElementBlock, createVNode, Fragment, renderList, toDisplayString, withModifiers, mergeProps, nextTick } from "vue";
+import { defineComponent, mergeModels, defineAsyncComponent, useTemplateRef, computed, useModel, ref, watch, createBlock, openBlock, normalizeStyle, normalizeClass, withCtx, createElementVNode, unref, createCommentVNode, renderSlot, createElementBlock, createVNode, Fragment, renderList, toDisplayString, withModifiers, mergeProps, createSlots, nextTick } from "vue";
 import { MazMagnifyingGlass, MazNoSymbol, MazChevronDown } from "@maz-ui/icons";
-import { u as useTranslations } from "../chunks/useTranslations.BXuww4ux.js";
-import { d as debounceCallback } from "../chunks/debounceCallback.B69vn57Q.js";
+import { u as useTranslations } from "../chunks/useTranslations.D5aoYwD7.js";
 import { i as isClient } from "../chunks/isClient.WI4oSt66.js";
-import { n as normalizeString } from "../chunks/normalizeString.CFe2M8S_.js";
+import { u as useStringMatching, n as normalizeString } from "../chunks/useStringMatching.Ba1yCuA4.js";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
-import { useStringMatching } from "../composables/useStringMatching.js";
 import MazInput from "./MazInput.js";
 import MazPopover from "./MazPopover.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazSelect.DZZpDg8z.css';const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = { class: "m-select-list__no-results" }, _hoisted_4 = { class: "m-select-list-optgroup" }, _hoisted_5 = ["tabindex", "onClick"], _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazSelect.CwjnAZiu.css';let timeout = null;
+function debounceCallback(callback, delay) {
+  timeout && clearTimeout(timeout), timeout = setTimeout(callback, delay);
+}
+const _hoisted_1 = ["aria-label"], _hoisted_2 = ["id"], _hoisted_3 = { class: "m-select-list__no-results" }, _hoisted_4 = { class: "m-select-list-optgroup" }, _hoisted_5 = ["tabindex", "onClick"], _sfc_main = /* @__PURE__ */ defineComponent({
   inheritAttrs: !1,
   __name: "MazSelect",
   props: /* @__PURE__ */ mergeModels({
@@ -149,6 +151,8 @@ import '../assets/MazSelect.DZZpDg8z.css';const _hoisted_1 = ["aria-label"], _ho
       }, 1e3));
     }
     function mainInputKeyboardHandler(event) {
+      if (event.ctrlKey || event.metaKey || event.altKey)
+        return;
       const keyPressed = event.key;
       (keyPressed === "ArrowDown" || keyPressed === "ArrowUp" || /^[\dA-Za-z\u0400-\u04FF]$/.test(keyPressed)) && !isOpen.value && (event.preventDefault(), popoverComponent.value?.open()), /^[\dA-Za-z\u0400-\u04FF]$/.test(keyPressed) && props.search && focusSearchInputAndSetQuery(keyPressed);
     }
@@ -158,7 +162,7 @@ import '../assets/MazSelect.DZZpDg8z.css';const _hoisted_1 = ["aria-label"], _ho
       const item = optionListElement.value?.querySelector(`.m-select-list-item:nth-child(${index + 1})`);
       if (item && optionListScrollWrapper.value) {
         const wrapperRect = optionListScrollWrapper.value.getBoundingClientRect(), itemRect = item.getBoundingClientRect(), scrollTop = item.offsetTop - wrapperRect.height / 2 + itemRect.height / 2;
-        optionListScrollWrapper.value.scrollTo({
+        optionListScrollWrapper.value.scrollTo?.({
           top: scrollTop,
           behavior: "auto"
         }), nextTick(() => {
@@ -238,6 +242,7 @@ import '../assets/MazSelect.DZZpDg8z.css';const _hoisted_1 = ["aria-label"], _ho
       offset: 0,
       "prefer-position": _ctx.listPosition,
       "fallback-position": "top-start",
+      "position-reference": ".m-input-wrapper",
       onClose: onCloseList,
       onOpen: onOpenList
     }, {
@@ -264,10 +269,7 @@ import '../assets/MazSelect.DZZpDg8z.css';const _hoisted_1 = ["aria-label"], _ho
           onFocus: _cache[2] || (_cache[2] = ($event) => emits("focus", $event)),
           onBlur: _cache[3] || (_cache[3] = ($event) => emits("blur", $event)),
           onKeydown: mainInputKeyboardHandler
-        }), {
-          "left-icon": withCtx(() => [
-            renderSlot(_ctx.$slots, "left-icon", {}, void 0, !0)
-          ]),
+        }), createSlots({
           "right-icon": withCtx(() => [
             renderSlot(_ctx.$slots, "right-icon", {}, () => [
               createElementVNode("button", {
@@ -280,8 +282,16 @@ import '../assets/MazSelect.DZZpDg8z.css';const _hoisted_1 = ["aria-label"], _ho
               ], 8, _hoisted_1)
             ], !0)
           ]),
-          _: 3
-        }, 16, ["id", "required", "border-active", "color", "model-value", "size", "block", "placeholder", "label", "autocomplete", "disabled"])
+          _: 2
+        }, [
+          _ctx.$slots["left-icon"] ? {
+            name: "left-icon",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "left-icon", {}, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["id", "required", "border-active", "color", "model-value", "size", "block", "placeholder", "label", "autocomplete", "disabled"])
       ]),
       default: withCtx(() => [
         createElementVNode("div", {
@@ -368,7 +378,7 @@ import '../assets/MazSelect.DZZpDg8z.css';const _hoisted_1 = ["aria-label"], _ho
       _: 3
     }, 8, ["modelValue", "class", "style", "block", "prefer-position"]));
   }
-}), MazSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b7f9209f"]]);
+}), MazSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3679d743"]]);
 export {
   MazSelect as default
 };

package/dist/components/MazSelectCountry.js

@@ -1,18 +1,23 @@
 import { defineComponent, computed, defineAsyncComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createVNode, mergeProps, unref, withCtx, createElementVNode, createCommentVNode, renderSlot, createBlock, toDisplayString } from "vue";
-import { u as useTranslations } from "../chunks/useTranslations.BXuww4ux.js";
-import { i as isServer } from "../chunks/isServer.BokzeB-Q.js";
-import { g as getCountryFlagUrl } from "../chunks/getCountryFlagUrl.dQjriBXx.js";
+import { u as useTranslations } from "../chunks/useTranslations.D5aoYwD7.js";
+import { i as isServer } from "../chunks/vClickOutside.DIOiluy0.js";
 import { useDisplayNames } from "../composables/useDisplayNames.js";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
 import MazSelect from "./MazSelect.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazSelectCountry.D2Qudf0K.css';function getBrowserLocale() {
+import '../assets/MazSelectCountry.t3GsKyqw.css';function getBrowserLocale() {
   try {
-    return isServer() ? void 0 : window.navigator.language;
+    return isServer() ? void 0 : globalThis.navigator.language;
   } catch (error) {
     throw new Error(`[MazInputPhoneNumber] (browserLocale) ${error}`);
   }
 }
+const _supportedCodes = ["ad", "ae", "af", "ag", "ai", "al", "am", "ao", "aq", "ar", "as", "at", "au", "aw", "ax", "az", "ba", "bb", "bd", "be", "bf", "bg", "bh", "bi", "bj", "bl", "bm", "bn", "bo", "bq", "br", "bs", "bt", "bv", "bw", "by", "bz", "ca", "cc", "cd", "cf", "cg", "ch", "ci", "ck", "cl", "cm", "cn", "co", "cr", "cu", "cv", "cw", "cx", "cy", "cz", "de", "dj", "dk", "dm", "do", "dz", "ec", "ee", "eg", "eh", "er", "es", "et", "eu", "fi", "fj", "fk", "fm", "fo", "fr", "ga", "gb", "gb-eng", "gb-nir", "gb-sct", "gb-wls", "gd", "ge", "gf", "gg", "gh", "gi", "gl", "gm", "gn", "gp", "gq", "gr", "gs", "gt", "gu", "gw", "gy", "hk", "hm", "hn", "hr", "ht", "hu", "id", "ie", "il", "im", "in", "io", "iq", "ir", "is", "it", "je", "jm", "jo", "jp", "ke", "kg", "kh", "ki", "km", "kn", "kp", "kr", "kw", "ky", "kz", "la", "lb", "lc", "li", "lk", "lr", "ls", "lt", "lu", "lv", "ly", "ma", "mc", "md", "me", "mf", "mg", "mh", "mk", "ml", "mm", "mn", "mo", "mp", "mq", "mr", "ms", "mt", "mu", "mv", "mw", "mx", "my", "mz", "na", "nc", "ne", "nf", "ng", "ni", "nl", "no", "np", "nr", "nu", "nz", "om", "pa", "pe", "pf", "pg", "ph", "pk", "pl", "pm", "pn", "pr", "ps", "pt", "pw", "py", "qa", "re", "ro", "rs", "ru", "rw", "sa", "sb", "sc", "sd", "se", "sg", "sh", "si", "sj", "sk", "sl", "sm", "sn", "so", "sr", "ss", "st", "sv", "sx", "sy", "sz", "tc", "td", "tf", "tg", "th", "tj", "tk", "tl", "tm", "tn", "to", "tr", "tt", "tv", "tw", "tz", "ua", "ug", "um", "un", "us", "us-ak", "us-al", "us-ar", "us-az", "us-ca", "us-co", "us-ct", "us-de", "us-fl", "us-ga", "us-hi", "us-ia", "us-id", "us-il", "us-in", "us-ks", "us-ky", "us-la", "us-ma", "us-md", "us-me", "us-mi", "us-mn", "us-mo", "us-ms", "us-mt", "us-nc", "us-nd", "us-ne", "us-nh", "us-nj", "us-nm", "us-nv", "us-ny", "us-oh", "us-ok", "us-or", "us-pa", "us-ri", "us-sc", "us-sd", "us-tn", "us-tx", "us-ut", "us-va", "us-vt", "us-wa", "us-wi", "us-wv", "us-wy", "uy", "uz", "va", "vc", "ve", "vg", "vi", "vn", "vu", "wf", "ws", "xk", "ye", "yt", "za", "zm", "zw"];
+function getCountryFlagUrl(countryIsoCode, size) {
+  const code = countryIsoCode.toLowerCase();
+  if (_supportedCodes.includes(code))
+    return size ? `https://flagcdn.com/${size}/${code}.png` : `https://flagcdn.com/${code}.svg`;
+}
 const _hoisted_1 = {
   key: 0,
   class: "m-select-country__select__item__flag-container"
@@ -45,6 +50,7 @@ const _hoisted_1 = {
     options: {},
     displayNamesOptions: { default: () => ({ type: "region", languageDisplay: "standard", fallback: "code", style: "long" }) },
     codesType: {},
+    open: { type: Boolean },
     label: {},
     placeholder: {},
     modelValue: {},
@@ -77,7 +83,7 @@ const _hoisted_1 = {
       excludedCodes: () => __props.ignoredCodes,
       preferredCodes: () => __props.preferredCodes,
       codesType: _codesType
-    }), countriesOptions = computed(() => __props.options?.length ? __props.options : displayNames?.value ?? []), messages = computed(() => ({
+    }), countriesOptions = computed(() => __props.options ? __props.options : displayNames?.value ?? []), messages = computed(() => ({
       searchPlaceholder: __props.translations?.searchPlaceholder ?? t("selectCountry.searchPlaceholder")
     }));
     function getFlagUrl(code, size = "h20") {
@@ -120,11 +126,11 @@ const _hoisted_1 = {
         required: _ctx.required,
         "search-function": _ctx.searchFunction,
         "format-input-value": _ctx.formatInputValue,
-        "display-code": _ctx.displayCode,
         "search-placeholder": messages.value.searchPlaceholder,
         "search-threshold": _ctx.searchThreshold,
         options: countriesOptions.value,
         hint: _ctx.hint,
+        open: _ctx.open,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:model-value", $event))
       }), {
         "left-icon": withCtx(() => [
@@ -185,10 +191,10 @@ const _hoisted_1 = {
           ], 2)
         ]),
         _: 3
-      }, 16, ["id", "model-value", "option-value-key", "option-label-key", "option-input-value-key", "max-list-width", "min-list-width", "disabled", "color", "placeholder", "label", "size", "list-position", "error", "warning", "success", "search", "block", "autocomplete", "item-height", "max-list-height", "min-list-height", "required", "search-function", "format-input-value", "display-code", "search-placeholder", "search-threshold", "options", "hint"])
+      }, 16, ["id", "model-value", "option-value-key", "option-label-key", "option-input-value-key", "max-list-width", "min-list-width", "disabled", "color", "placeholder", "label", "size", "list-position", "error", "warning", "success", "search", "block", "autocomplete", "item-height", "max-list-height", "min-list-height", "required", "search-function", "format-input-value", "search-placeholder", "search-threshold", "options", "hint", "open"])
     ], 6));
   }
-}), MazSelectCountry = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-82c5e969"]]);
+}), MazSelectCountry = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c9c7de71"]]);
 export {
   MazSelectCountry as default
 };

package/dist/components/MazSlider.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch, onMounted, onBeforeUnmount, nextTick, createElementBlock, openBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, toDisplayString } from "vue";
 import { d as debounce } from "../chunks/debounce.Brzkn9pm.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazSlider.D5SgmZLH.css';function getOffset(elem) {
+import '../assets/MazSlider.y4qpnD0N.css';function getOffset(elem) {
   const doc = document.documentElement, body = document.body, rect = elem.getBoundingClientRect();
   return {
     y: rect.top + (window.pageYOffset || doc.scrollTop) - (doc.clientTop || body.clientTop || 0),
@@ -199,7 +199,7 @@ const _hoisted_1 = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], _hoisted
       ], 8, _hoisted_1)
     ], 38));
   }
-}), MazSlider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d9407a4c"]]);
+}), MazSlider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b7aacef4"]]);
 export {
   MazSlider as default
 };

package/dist/components/MazStepper.js

@@ -3,7 +3,7 @@ import { MazCheckCircle, MazExclamationTriangle, MazExclamationCircle } from "@m
 import MazExpandAnimation from "./MazExpandAnimation.js";
 import MazIcon from "./MazIcon.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazStepper.DYMde9uq.css';const _hoisted_1 = ["id", "disabled", "onClick"], _hoisted_2 = { class: "m-stepper__header__wrapper" }, _hoisted_3 = { class: "m-stepper__count --primary" }, _hoisted_4 = { class: "m-stepper__count__circle" }, _hoisted_5 = { class: "m-stepper__header__content" }, _hoisted_6 = { class: "m-stepper__title" }, _hoisted_7 = {
+import '../assets/MazStepper.BD2gDGAX.css';const _hoisted_1 = ["id", "disabled", "onClick"], _hoisted_2 = { class: "m-stepper__header__wrapper" }, _hoisted_3 = { class: "m-stepper__count --primary" }, _hoisted_4 = { class: "m-stepper__count__circle" }, _hoisted_5 = { class: "m-stepper__header__content" }, _hoisted_6 = { class: "m-stepper__title" }, _hoisted_7 = {
   key: 0,
   class: "m-stepper__subtitle"
 }, _hoisted_8 = {
@@ -148,7 +148,7 @@ import '../assets/MazStepper.DYMde9uq.css';const _hoisted_1 = ["id", "disabled",
       ], 64))), 128))
     ], 4));
   }
-}), MazStepper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6b6d4b14"]]);
+}), MazStepper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-12289a67"]]);
 export {
   MazStepper as default
 };

package/dist/components/MazSwitch.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/MazSwitch.vue_vue_type_style_index_0_lang.DnCjlD6D.js";
+import { _ as _sfc_main } from "../chunks/MazSwitch.vue_vue_type_style_index_0_lang.CU43Y1ky.js";
 export {
   _sfc_main as default
 };

package/dist/components/MazTable.js

@@ -1,7 +1,7 @@
-import { _ as _sfc_main } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.bm7ng8fK.js";
-import { m } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.bm7ng8fK.js";
+import { _ as _sfc_main } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.BcTw9Tyh.js";
+import { m } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.BcTw9Tyh.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazTable.B1tkeUfE.css';const MazTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-680bb425"]]);
+import '../assets/MazTable.DMlQdImb.css';const MazTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3f352ade"]]);
 export {
   MazTable as default,
   m as mazTableKey

package/dist/components/MazTableCell.js

@@ -1,6 +1,6 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
 import { useInjectStrict } from "../composables/useInjectStrict.js";
-import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.bm7ng8fK.js";
+import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.BcTw9Tyh.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 import '../assets/MazTableCell.BPgmqAMD.css';const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazTableCell",

package/dist/components/MazTableRow.js

@@ -1,8 +1,8 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
 import { useInjectStrict } from "../composables/useInjectStrict.js";
-import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.bm7ng8fK.js";
+import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.BcTw9Tyh.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazTableRow.B78Bd4Kv.css';const _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazTableRow.DgBXpK9J.css';const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazTableRow",
   props: {
     hoverable: { type: Boolean, default: !0 }
@@ -19,7 +19,7 @@ import '../assets/MazTableRow.B78Bd4Kv.css';const _sfc_main = /* @__PURE__ */ de
       renderSlot(_ctx.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), MazTableRow = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-04314a50"]]);
+}), MazTableRow = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e2e08e77"]]);
 export {
   MazTableRow as default
 };

package/dist/components/MazTableTitle.js

@@ -1,6 +1,6 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
 import { useInjectStrict } from "../composables/useInjectStrict.js";
-import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.bm7ng8fK.js";
+import { m as mazTableKey } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.BcTw9Tyh.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 import '../assets/MazTableTitle.BjJMgQFY.css';const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazTableTitle",

package/dist/components/MazTabsBar.js

@@ -2,7 +2,7 @@ import { defineComponent, defineAsyncComponent, ref, computed, onBeforeMount, on
 import { s as sleep } from "../chunks/sleep.BLRH1qZG.js";
 import { useInjectStrict } from "../composables/useInjectStrict.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazTabsBar.B9N_jdqU.css';const _hoisted_1 = ["disabled", "onClick"], _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazTabsBar.gcS2Fc-B.css';const _hoisted_1 = ["disabled", "onClick"], _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazTabsBar",
   props: {
     items: {},
@@ -44,7 +44,7 @@ import '../assets/MazTabsBar.B9N_jdqU.css';const _hoisted_1 = ["disabled", "onCl
         return;
       const scrollOffset = 50;
       if (activeTab.offsetLeft - scrollOffset < tabsBar.scrollLeft || activeTab.offsetLeft + activeTab.offsetWidth > tabsBar.scrollLeft + tabsBar.clientWidth) {
-        const tabBarPaddingLeft = window.getComputedStyle(tabsBar, "padding-left").paddingLeft, tabsBarPaddingOffset = Number(tabBarPaddingLeft.slice(0, -2));
+        const tabBarPaddingLeft = globalThis.getComputedStyle(tabsBar, "padding-left").paddingLeft, tabsBarPaddingOffset = Number(tabBarPaddingLeft.slice(0, -2));
         tabsBar.scrollTo({
           left: activeTab.offsetLeft - tabsBarPaddingOffset - scrollOffset,
           behavior: tabsBarHasScrollAnimation.value ? "smooth" : "instant"
@@ -75,12 +75,12 @@ import '../assets/MazTabsBar.B9N_jdqU.css';const _hoisted_1 = ["disabled", "onCl
       }
     );
     function getQueryParamTab() {
-      const urlActuelle = new URL(window.location.href);
+      const urlActuelle = new URL(globalThis.location.href);
       return Number(urlActuelle.searchParams.get(__props.queryParam));
     }
     function addOrUpdateQueryParamTab(tab) {
-      const urlActuelle = new URL(window.location.href);
-      urlActuelle.searchParams.set(__props.queryParam, String(tab)), window.history.replaceState({}, document.title, urlActuelle.toString());
+      const urlActuelle = new URL(globalThis.location.href);
+      urlActuelle.searchParams.set(__props.queryParam, String(tab)), globalThis.history.replaceState({}, document.title, urlActuelle.toString());
     }
     return onMounted(() => {
       __props.persistent && updateCurrentTab(getQueryParamTab() || currentTab.value || 1);
@@ -132,7 +132,7 @@ import '../assets/MazTabsBar.B9N_jdqU.css';const _hoisted_1 = ["disabled", "onCl
       ], 14, _hoisted_1))), 128))
     ], 2));
   }
-}), MazTabsBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-63ed1a55"]]);
+}), MazTabsBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-318a382c"]]);
 export {
   MazTabsBar as default
 };

package/dist/components/MazTabsContentItem.js

@@ -1,7 +1,7 @@
-import { defineComponent, ref, watch, computed, createBlock, openBlock, Transition, withCtx, withDirectives, createElementVNode, renderSlot, vShow } from "vue";
+import { defineComponent, ref, watch, computed, createBlock, openBlock, Transition, withCtx, createElementBlock, createCommentVNode, renderSlot } from "vue";
 import { useInjectStrict } from "../composables/useInjectStrict.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazTabsContentItem.CHfy19ZF.css';const _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazTabsContentItem.C84SDmj0.css';const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazTabsContentItem",
   props: {
     tab: { type: Number, required: !0 }
@@ -21,20 +21,19 @@ import '../assets/MazTabsContentItem.CHfy19ZF.css';const _sfc_main = /* @__PURE_
     const itemTabNumber = computed(() => props.tab - 1), isCurrentTab = computed(() => currentTab.value - 1 === itemTabNumber.value);
     return (_ctx, _cache) => (openBlock(), createBlock(Transition, { name: transitionName.value }, {
       default: withCtx(() => [
-        withDirectives(createElementVNode("div", {
+        isCurrentTab.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
           ref_key: "MazTabsContentItem",
           ref: MazTabsContentItem2,
           class: "m-tabs-content-item m-reset-css"
         }, [
           renderSlot(_ctx.$slots, "default", {}, void 0, !0)
-        ], 512), [
-          [vShow, isCurrentTab.value]
-        ])
+        ], 512)) : createCommentVNode("", !0)
       ]),
       _: 3
     }, 8, ["name"]));
   }
-}), MazTabsContentItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b5137313"]]);
+}), MazTabsContentItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-36798058"]]);
 export {
   MazTabsContentItem as default
 };

package/dist/components/MazTextarea.js

@@ -1,8 +1,29 @@
 import { defineComponent, ref, computed, onMounted, onBeforeUnmount, useSlots, createElementBlock, openBlock, normalizeStyle, unref, normalizeClass, createCommentVNode, withDirectives, renderSlot, createTextVNode, toDisplayString, createElementVNode, mergeProps, toHandlers, vModelText } from "vue";
-import { T as TextareaAutogrow } from "../chunks/TextareaAutogrow.C22LQx0k.js";
+import { d as debounce } from "../chunks/debounce.Brzkn9pm.js";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazTextarea.Dz11mUeK.css';const _hoisted_1 = ["for"], _hoisted_2 = ["for"], _hoisted_3 = { key: 1 }, _hoisted_4 = { key: 2 }, _hoisted_5 = ["id", "placeholder", "name", "disabled", "required"], _hoisted_6 = {
+import '../assets/MazTextarea.li9dWBax.css';class TextareaAutogrow {
+  element;
+  constructor(element) {
+    this.element = element, this.onFocus = this.onFocus.bind(this), this.autogrow = this.autogrow.bind(this), this.onResize = debounce(this.onResize.bind(this), 200), this.connect();
+  }
+  connect() {
+    this.element.addEventListener("focus", this.onFocus), this.element.style.resize = "none", this.element.style.boxSizing = "border-box";
+  }
+  disconnect() {
+    window.removeEventListener("resize", this.onResize), this.element.removeEventListener("input", this.autogrow);
+  }
+  onFocus() {
+    this.autogrow(), this.element.addEventListener("input", this.autogrow), window.addEventListener("resize", this.onResize), this.element.removeEventListener("focus", this.onFocus);
+  }
+  onResize() {
+    this.autogrow();
+  }
+  autogrow() {
+    this.element.style.height = "auto", this.element.style.overflow = "hidden", this.element.style.height = `${this.element.scrollHeight}px`;
+  }
+}
+const _hoisted_1 = ["for"], _hoisted_2 = ["for"], _hoisted_3 = { key: 1 }, _hoisted_4 = { key: 2 }, _hoisted_5 = ["id", "placeholder", "name", "disabled", "required"], _hoisted_6 = {
   key: 1,
   class: "m-textarea__append"
 }, _sfc_main = /* @__PURE__ */ defineComponent({
@@ -141,7 +162,7 @@ import '../assets/MazTextarea.Dz11mUeK.css';const _hoisted_1 = ["for"], _hoisted
       ])) : createCommentVNode("", !0)
     ], 14, _hoisted_1));
   }
-}), MazTextarea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-897e2e6c"]]);
+}), MazTextarea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6648fe59"]]);
 export {
   MazTextarea as default
 };

package/dist/components/index.js

@@ -14,11 +14,11 @@ import { _ } from "../chunks/MazChart.vue_vue_type_script_setup_true_lang.JSYXGy
 import { default as default14 } from "./MazCheckbox.js";
 import { default as default15 } from "./MazChecklist.js";
 import { default as default16 } from "./MazCircularProgressBar.js";
-import { M } from "../chunks/MazDatePicker.CT5yJhSN.js";
+import { M } from "../chunks/MazDatePicker.De3Ltb2F.js";
 import { default as default17 } from "./MazDialog.js";
-import { _ as _2, u } from "../chunks/MazDialogPromise.vue_vue_type_script_setup_true_lang.BQvDEofz.js";
+import { _ as _2, u } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.Grn2kB3x.js";
 import { default as default18 } from "./MazDrawer.js";
-import { _ as _3 } from "../chunks/MazDropdown.vue_vue_type_style_index_0_lang.abk1IbMX.js";
+import { _ as _3 } from "../chunks/MazDropdown.vue_vue_type_style_index_0_lang.BES3jpuw.js";
 import { default as default19 } from "./MazDropzone.js";
 import { default as default20 } from "./MazExpandAnimation.js";
 import { default as default21 } from "./MazFullscreenLoader.js";
@@ -27,8 +27,8 @@ import { default as default23 } from "./MazIcon.js";
 import { default as default24 } from "./MazInput.js";
 import { default as default25 } from "./MazInputCode.js";
 import { _ as _4 } from "../chunks/MazInputNumber.vue_vue_type_style_index_0_lang.B6DYpHfi.js";
-import { M as M2 } from "../chunks/MazInputPhoneNumber.Uwhn1Q9j.js";
-import { _ as _5 } from "../chunks/MazInputPrice.vue_vue_type_script_setup_true_lang.GMKzSu7R.js";
+import { M as M2 } from "../chunks/MazInputPhoneNumber.Ch-PCGiv.js";
+import { _ as _5 } from "../chunks/MazInputPrice.vue_vue_type_script_setup_true_lang.BA6TDX-T.js";
 import { default as default26 } from "./MazInputTags.js";
 import { default as default27 } from "./MazLazyImg.js";
 import { default as default28 } from "./MazLink.js";
@@ -44,7 +44,7 @@ import { default as default37 } from "./MazSelectCountry.js";
 import { default as default38 } from "./MazSlider.js";
 import { default as default39 } from "./MazSpinner.js";
 import { default as default40 } from "./MazStepper.js";
-import { _ as _6 } from "../chunks/MazSwitch.vue_vue_type_style_index_0_lang.DnCjlD6D.js";
+import { _ as _6 } from "../chunks/MazSwitch.vue_vue_type_style_index_0_lang.CU43Y1ky.js";
 import { default as default41 } from "./MazTable.js";
 import { default as default42 } from "./MazTableCell.js";
 import { default as default43 } from "./MazTableRow.js";
@@ -73,7 +73,7 @@ export {
   default16 as MazCircularProgressBar,
   M as MazDatePicker,
   default17 as MazDialog,
-  _2 as MazDialogPromise,
+  _2 as MazDialogConfirm,
   default18 as MazDrawer,
   _3 as MazDropdown,
   default19 as MazDropzone,
@@ -111,5 +111,5 @@ export {
   _8 as MazTabsContent,
   default46 as MazTabsContentItem,
   default47 as MazTextarea,
-  u as useMazDialogPromise
+  u as useMazDialogConfirm
 };

package/dist/composables/index.js

@@ -2,6 +2,7 @@ import { useAos } from "./useAos.js";
 import { useBreakpoints } from "./useBreakpoints.js";
 import { useDialog } from "./useDialog.js";
 import { useDisplayNames } from "./useDisplayNames.js";
+import { useDropzone } from "./useDropzone.js";
 import { useFormField } from "./useFormField.js";
 import { useFormValidator } from "./useFormValidator.js";
 import { useFreezeValue } from "./useFreezeValue.js";
@@ -10,7 +11,7 @@ import { useInjectStrict } from "./useInjectStrict.js";
 import { useInstanceUniqId } from "./useInstanceUniqId.js";
 import { useMountComponent } from "./useMountComponent.js";
 import { useReadingTime } from "./useReadingTime.js";
-import { useStringMatching } from "./useStringMatching.js";
+import { u } from "../chunks/useStringMatching.Ba1yCuA4.js";
 import { useSwipe } from "./useSwipe.js";
 import { useTimer } from "./useTimer.js";
 import { useToast } from "./useToast.js";
@@ -22,6 +23,7 @@ export {
   useBreakpoints,
   useDialog,
   useDisplayNames,
+  useDropzone,
   useFormField,
   useFormValidator,
   useFreezeValue,
@@ -30,7 +32,7 @@ export {
   useInstanceUniqId,
   useMountComponent,
   useReadingTime,
-  useStringMatching,
+  u as useStringMatching,
   useSwipe,
   useTimer,
   useToast,

package/dist/composables/useAos.js

@@ -1,6 +1,6 @@
 import { useInjectStrict } from "./useInjectStrict.js";
 function useAos() {
-  return useInjectStrict("mazAos");
+  return useInjectStrict("mazAos", void 0, "[maz-ui](useAos) AosPlugin is not installed");
 }
 export {
   useAos

package/dist/composables/useDialog.js

@@ -1,6 +1,6 @@
 import { useInjectStrict } from "./useInjectStrict.js";
 function useDialog() {
-  return useInjectStrict("mazDialog");
+  return useInjectStrict("mazDialog", void 0, "[maz-ui](useDialog) DialogPlugin is not installed");
 }
 export {
   useDialog

package/dist/composables/useDisplayNames.js

@@ -7,6 +7,12 @@ const bcp47Codes = ["af-ZA", "sq-AL", "ar-DZ", "ar-BH", "ar-EG", "ar-IQ", "ar-JO
   style: "long",
   localeMatcher: "lookup"
 }, displayNamesCache = /* @__PURE__ */ new Map();
+let cacheCleanupTimer = null;
+function scheduleCacheCleanup() {
+  cacheCleanupTimer && clearTimeout(cacheCleanupTimer), cacheCleanupTimer = setTimeout(() => {
+    displayNamesCache.size > 50 && displayNamesCache.clear(), cacheCleanupTimer = null;
+  }, 300 * 1e3);
+}
 function isSameLanguageThanCode(language, code) {
   return !language || language?.toLocaleLowerCase() === code.toLocaleLowerCase();
 }
@@ -21,7 +27,7 @@ function getDisplayNamesInstance(locale, options = DEFAULT_DISPLAY_NAMES_OPTIONS
         ...options,
         type: options.type ?? DEFAULT_DISPLAY_NAMES_OPTIONS.type
       });
-      displayNamesCache.set(cacheKey, instance);
+      displayNamesCache.set(cacheKey, instance), scheduleCacheCleanup();
     } catch (error) {
       return console.warn(`[maz-ui] (useDisplayNames) Failed to create DisplayNames instance for locale ${locale}:`, error), null;
     }

package/dist/composables/useDropzone.js

@@ -1,6 +1,6 @@
 import { i as isClient } from "../chunks/isClient.WI4oSt66.js";
 import { ref, shallowRef, watch, toValue, onBeforeUnmount, unref } from "vue";
-function useDropZone(target, options = {}) {
+function useDropzone(target, options = {}) {
   const isOverDropZone = ref(!1), isOverError = ref(!1), files = shallowRef(null);
   let counter = 0, isValid = !0;
   if (isClient()) {
@@ -16,7 +16,7 @@ function useDropZone(target, options = {}) {
       const types = Array.from(items ?? []).map((item) => item.type), dataTypesValid = checkDataTypes(types), multipleFilesValid = multiple || items.length <= 1;
       return dataTypesValid && multipleFilesValid;
     }, isSafari = function() {
-      return /^(?:(?!chrome|android).)*safari/i.test(navigator.userAgent) && !("chrome" in window);
+      return /^(?:(?!chrome|android).)*safari/i.test(navigator.userAgent) && !("chrome" in globalThis);
     }, handleDragEvent = function(event, eventType) {
       const dataTransferItemList = event.dataTransfer?.items;
       isValid = (dataTransferItemList && checkValidity(dataTransferItemList)) ?? !1, preventDefaultForUnhandled && event.preventDefault();
@@ -37,11 +37,11 @@ function useDropZone(target, options = {}) {
       }
     }, removeEventListeners = function() {
       const targetElement = toValue(target);
-      targetElement && (targetElement.removeEventListener("dragenter", (event) => handleDragEvent(event, "enter")), targetElement.removeEventListener("dragover", (event) => handleDragEvent(event, "over")), targetElement.removeEventListener("dragleave", (event) => handleDragEvent(event, "leave")), targetElement.removeEventListener("drop", (event) => handleDragEvent(event, "drop")));
+      targetElement && (targetElement.removeEventListener("dragenter", dragEnterHandler), targetElement.removeEventListener("dragover", dragOverHandler), targetElement.removeEventListener("dragleave", dragLeaveHandler), targetElement.removeEventListener("drop", dropHandler));
     };
-    const _options = typeof options == "function" ? { onDrop: options } : options, multiple = _options.multiple ?? !0, preventDefaultForUnhandled = _options.preventDefaultForUnhandled ?? !1;
-    watch(() => toValue(target), (element) => {
-      element && (element.addEventListener("dragenter", (event) => handleDragEvent(event, "enter")), element.addEventListener("dragover", (event) => handleDragEvent(event, "over")), element.addEventListener("dragleave", (event) => handleDragEvent(event, "leave")), element.addEventListener("drop", (event) => handleDragEvent(event, "drop")));
+    const _options = typeof options == "function" ? { onDrop: options } : options, multiple = _options.multiple ?? !0, preventDefaultForUnhandled = _options.preventDefaultForUnhandled ?? !1, dragEnterHandler = (event) => handleDragEvent(event, "enter"), dragOverHandler = (event) => handleDragEvent(event, "over"), dragLeaveHandler = (event) => handleDragEvent(event, "leave"), dropHandler = (event) => handleDragEvent(event, "drop");
+    watch(() => toValue(target), (element, oldElement) => {
+      oldElement && (oldElement.removeEventListener("dragenter", dragEnterHandler), oldElement.removeEventListener("dragover", dragOverHandler), oldElement.removeEventListener("dragleave", dragLeaveHandler), oldElement.removeEventListener("drop", dropHandler)), element && (element.addEventListener("dragenter", dragEnterHandler), element.addEventListener("dragover", dragOverHandler), element.addEventListener("dragleave", dragLeaveHandler), element.addEventListener("drop", dropHandler));
     }, { immediate: !0 }), onBeforeUnmount(() => {
       removeEventListeners();
     });
@@ -53,5 +53,5 @@ function useDropZone(target, options = {}) {
   };
 }
 export {
-  useDropZone
+  useDropzone
 };