maz-ui 4.1.7-beta.1 → 4.1.7-beta.3

package/dist/components/MazSlider.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watch, onMounted, onBeforeUnmount, nextTick, createElementBlock, openBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, toDisplayString } from "vue";
-import { i } from "../chunks/debounce.DhXdop6X.js";
+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.WcnBC9zc.css';function getOffset(elem) {
   const doc = document.documentElement, body = document.body, rect = elem.getBoundingClientRect();
@@ -52,7 +52,7 @@ const _hoisted_1 = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], _hoisted
       () => [computedValue.value, __props.min, __props.max, __props.log].join(","),
       () => buildComponent(!0)
     );
-    const resizeListenerFunction = i(() => buildComponent(), 300);
+    const resizeListenerFunction = debounce(() => buildComponent(), 300);
     onMounted(() => {
       buildComponent(!0), window.addEventListener("resize", resizeListenerFunction);
     }), onBeforeUnmount(() => {
@@ -66,11 +66,11 @@ const _hoisted_1 = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], _hoisted
     function roundToStep(value) {
       return Math.round((value - __props.min) / __props.step) * __props.step + __props.min;
     }
-    function cursorKeyDown(event, i2) {
-      event.key === "ArrowLeft" ? tmpValues.value && isBetween(tmpValues.value[i2] - __props.step, tmpValues.value[i2 - 1], tmpValues.value[i2 + 1], "minus") && (tmpValues.value[i2] = Math.max(__props.min, tmpValues.value[i2] - __props.step), emitValue(tmpValues.value)) : event.key === "ArrowRight" && tmpValues.value && isBetween(tmpValues.value[i2] + __props.step, tmpValues.value[i2 - 1], tmpValues.value[i2 + 1], "plus") && (tmpValues.value[i2] = Math.min(__props.max, tmpValues.value[i2] + __props.step), emitValue(tmpValues.value));
+    function cursorKeyDown(event, i) {
+      event.key === "ArrowLeft" ? tmpValues.value && isBetween(tmpValues.value[i] - __props.step, tmpValues.value[i - 1], tmpValues.value[i + 1], "minus") && (tmpValues.value[i] = Math.max(__props.min, tmpValues.value[i] - __props.step), emitValue(tmpValues.value)) : event.key === "ArrowRight" && tmpValues.value && isBetween(tmpValues.value[i] + __props.step, tmpValues.value[i - 1], tmpValues.value[i + 1], "plus") && (tmpValues.value[i] = Math.min(__props.max, tmpValues.value[i] + __props.step), emitValue(tmpValues.value));
     }
-    function blurCursor(i2) {
-      activeCursor.value = void 0, setBtnStyle(i2);
+    function blurCursor(i) {
+      activeCursor.value = void 0, setBtnStyle(i);
     }
     function checkValues() {
       const valuesChecked = computedValue.value.map((v) => {
@@ -83,20 +83,20 @@ const _hoisted_1 = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], _hoisted
       const valueToEmit = hasMultipleValues.value ? [...values] : values[0];
       emits("update:model-value", valueToEmit);
     }
-    function getLabel(i2) {
-      return __props.labels ? __props.labels[i2] : void 0;
+    function getLabel(i) {
+      return __props.labels ? __props.labels[i] : void 0;
     }
-    function setBtnDividers(i2) {
-      setBtnStyle(i2), __props.divider && setDividers();
+    function setBtnDividers(i) {
+      setBtnStyle(i), __props.divider && setDividers();
     }
-    async function setBtnStyle(i2) {
+    async function setBtnStyle(i) {
       await nextTick();
       const currentCursor = document.querySelectorAll(".m-slider .m-slider__btn");
       if (currentCursor) {
-        const width = currentCursor[i2]?.clientWidth + 16, btnStyle = {
-          left: typeof buttonPositions.value?.[i2] == "number" ? `${buttonPositions.value[i2] - width / 2 || 1}px` : ""
+        const width = currentCursor[i]?.clientWidth + 16, btnStyle = {
+          left: typeof buttonPositions.value?.[i] == "number" ? `${buttonPositions.value[i] - width / 2 || 1}px` : ""
         };
-        buttonStyles.value[i2] = btnStyle;
+        buttonStyles.value[i] = btnStyle;
       }
     }
     function setDividers() {
@@ -104,11 +104,11 @@ const _hoisted_1 = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], _hoisted
         const base = [...buttonPositions.value];
         base.push(0);
         const baseLength = base.length, middle = Math.round(baseLength / 2);
-        dividers.value = base.map((pos, i2) => ({
-          left: i2 === 0 ? 0 : `${base[i2 - 1]}px`,
+        dividers.value = base.map((pos, i) => ({
+          left: i === 0 ? 0 : `${base[i - 1]}px`,
           // ATTENTION: buttonPositions.value[i - 1]
-          right: i2 + 1 === baseLength ? 0 : `calc( 100% - ${pos}px )`,
-          backgroundColor: middle === i2 + 1 ? void 0 : i2 < middle ? `rgba(255, 255, 255, ${getOpacityCoeff(i2, middle, baseLength)})` : `rgba(0, 0, 0, ${getOpacityCoeff(i2, middle, baseLength)})`
+          right: i + 1 === baseLength ? 0 : `calc( 100% - ${pos}px )`,
+          backgroundColor: middle === i + 1 ? void 0 : i < middle ? `rgba(255, 255, 255, ${getOpacityCoeff(i, middle, baseLength)})` : `rgba(0, 0, 0, ${getOpacityCoeff(i, middle, baseLength)})`
           // darken
         }));
       }
@@ -132,8 +132,8 @@ const _hoisted_1 = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], _hoisted
         );
       console.warn("[maz-ui][MazSlider] ref component not found");
     }
-    function handleMousedown(_event, i2) {
-      activeCursor.value === void 0 && (activeCursor.value = i2, setBtnDividers(i2));
+    function handleMousedown(_event, i) {
+      activeCursor.value === void 0 && (activeCursor.value = i, setBtnDividers(i));
     }
     async function handleMouseup() {
       if (activeCursor.value === void 0)
@@ -174,27 +174,27 @@ const _hoisted_1 = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], _hoisted
         "aria-valuemin": _ctx.min,
         "aria-valuemax": _ctx.max
       }, [
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(dividers.value, (div, i2) => (openBlock(), createElementBlock("div", {
-          key: `divider-${i2}`,
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(dividers.value, (div, i) => (openBlock(), createElementBlock("div", {
+          key: `divider-${i}`,
           style: normalizeStyle([div]),
           class: "m-slider__divider"
         }, null, 4))), 128)),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(computedValue.value, (_btn, i2) => (openBlock(), createElementBlock("button", {
-          key: `cursor-${i2}`,
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(computedValue.value, (_btn, i) => (openBlock(), createElementBlock("button", {
+          key: `cursor-${i}`,
           type: "button",
-          "data-label": getLabel(i2),
+          "data-label": getLabel(i),
           class: normalizeClass(["m-slider__btn", {
-            "active-cursor": i2 === activeCursor.value && _ctx.cursorAnim
+            "active-cursor": i === activeCursor.value && _ctx.cursorAnim
           }]),
-          style: normalizeStyle([buttonStyles.value[i2]]),
-          onMousedownPassive: ($event) => handleMousedown($event, i2),
-          onTouchstartPassive: ($event) => handleMousedown($event, i2),
-          onFocusPassive: ($event) => handleMousedown($event, i2),
-          onBlurPassive: ($event) => blurCursor(i2),
-          onTouchendPassive: ($event) => blurCursor(i2),
-          onKeydownPassive: ($event) => cursorKeyDown($event, i2)
+          style: normalizeStyle([buttonStyles.value[i]]),
+          onMousedownPassive: ($event) => handleMousedown($event, i),
+          onTouchstartPassive: ($event) => handleMousedown($event, i),
+          onFocusPassive: ($event) => handleMousedown($event, i),
+          onBlurPassive: ($event) => blurCursor(i),
+          onTouchendPassive: ($event) => blurCursor(i),
+          onKeydownPassive: ($event) => cursorKeyDown($event, i)
         }, [
-          createElementVNode("span", null, toDisplayString(tmpValues.value?.[i2]), 1)
+          createElementVNode("span", null, toDisplayString(tmpValues.value?.[i]), 1)
         ], 46, _hoisted_2))), 128))
       ], 8, _hoisted_1)
     ], 38));

package/dist/components/MazTabsBar.js

@@ -1,5 +1,5 @@
 import { defineComponent, defineAsyncComponent, ref, computed, onBeforeMount, onMounted, watch, createElementBlock, openBlock, normalizeClass, createElementVNode, normalizeStyle, Fragment, renderList, renderSlot, createTextVNode, createBlock, createCommentVNode, toDisplayString, unref, mergeProps, withCtx } from "vue";
-import { n } from "../chunks/sleep.Ci7GE4BQ.js";
+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.BRr1XiYu.css';const _hoisted_1 = ["disabled", "onClick"], _sfc_main = /* @__PURE__ */ defineComponent({
@@ -38,7 +38,7 @@ import '../assets/MazTabsBar.BRr1XiYu.css';const _hoisted_1 = ["disabled", "onCl
     async function setIndicatorAndScroll() {
       if (!__props.autoScroll)
         return;
-      await n(150);
+      await sleep(150);
       const tabsBar = tabsBarRef.value, activeTab = itemRefs.value[currentTab.value - 1];
       if (!tabsBar || !activeTab)
         return;

package/dist/components/MazTabsContent.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/MazTabsContent.vue_vue_type_script_setup_true_lang.hIwO-24k.js";
+import { _ as _sfc_main } from "../chunks/MazTabsContent.vue_vue_type_script_setup_true_lang.arGqYTL5.js";
 export {
   _sfc_main as default
 };

package/dist/components/MazTextarea.js

@@ -1,11 +1,11 @@
 import { defineComponent, ref, computed, onMounted, onBeforeUnmount, useSlots, createElementBlock, openBlock, normalizeStyle, unref, normalizeClass, createCommentVNode, withDirectives, renderSlot, createTextVNode, toDisplayString, createElementVNode, mergeProps, toHandlers, vModelText } from "vue";
-import { i } from "../chunks/debounce.DhXdop6X.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.C9sZpRDZ.css';class o {
+import '../assets/MazTextarea.C9sZpRDZ.css';class TextareaAutogrow {
   element;
-  constructor(e) {
-    this.element = e, this.onFocus = this.onFocus.bind(this), this.autogrow = this.autogrow.bind(this), this.onResize = i(this.onResize.bind(this), 200), this.connect();
+  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";
@@ -60,7 +60,7 @@ const _hoisted_1 = ["for"], _hoisted_2 = ["for"], _hoisted_3 = { key: 1 }, _hois
       providedId: props.id
     }), TextareaElement = ref(), isFocused = ref(!1), hasValue = computed(() => props.modelValue !== void 0 && props.modelValue !== "");
     onMounted(() => {
-      TextareaElement.value && (textareaAutogrow = new o(TextareaElement.value));
+      TextareaElement.value && (textareaAutogrow = new TextareaAutogrow(TextareaElement.value));
     }), onBeforeUnmount(() => {
       textareaAutogrow?.disconnect();
     });

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.B3DDfxjV.js";
+import { M } from "../chunks/MazDatePicker.DI69gr3i.js";
 import { default as default17 } from "./MazDialog.js";
 import { _ as _2, u } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.DuEcluOw.js";
 import { default as default18 } from "./MazDrawer.js";
-import { _ as _3 } from "../chunks/MazDropdown.vue_vue_type_style_index_0_lang.D_CzEKlT.js";
+import { _ as _3 } from "../chunks/MazDropdown.vue_vue_type_style_index_0_lang.FpQyExxD.js";
 import { default as default19 } from "./MazDropzone.js";
 import { default as default20 } from "./MazExpandAnimation.js";
 import { default as default21 } from "./MazFullscreenLoader.js";
@@ -26,9 +26,9 @@ import { default as default22 } from "./MazGallery.js";
 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.B0D4Zzds.js";
-import { M as M2 } from "../chunks/MazInputPhoneNumber.CDy6n_Qj.js";
-import { _ as _5 } from "../chunks/MazInputPrice.vue_vue_type_script_setup_true_lang.3pKYuG8H.js";
+import { _ as _4 } from "../chunks/MazInputNumber.vue_vue_type_style_index_0_lang.B6DYpHfi.js";
+import { M as M2 } from "../chunks/MazInputPhoneNumber.CfClhmow.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";
@@ -51,7 +51,7 @@ import { default as default43 } from "./MazTableRow.js";
 import { default as default44 } from "./MazTableTitle.js";
 import { _ as _7 } from "../chunks/MazTabs.vue_vue_type_script_setup_true_lang.CvFvUU0o.js";
 import { default as default45 } from "./MazTabsBar.js";
-import { _ as _8 } from "../chunks/MazTabsContent.vue_vue_type_script_setup_true_lang.hIwO-24k.js";
+import { _ as _8 } from "../chunks/MazTabsContent.vue_vue_type_script_setup_true_lang.arGqYTL5.js";
 import { default as default46 } from "./MazTabsContentItem.js";
 import { default as default47 } from "./MazTextarea.js";
 export {

package/dist/composables/index.js

@@ -12,7 +12,7 @@ import { useInstanceUniqId } from "./useInstanceUniqId.js";
 import { useMountComponent } from "./useMountComponent.js";
 import { useMutationObserver } from "./useMutationObserver.js";
 import { useReadingTime } from "./useReadingTime.js";
-import { u } from "../chunks/useStringMatching.DzSigyZ7.js";
+import { u } from "../chunks/useStringMatching.CqudA-tS.js";
 import { useSwipe } from "./useSwipe.js";
 import { useTimer } from "./useTimer.js";
 import { useToast } from "./useToast.js";

package/dist/composables/useDisplayNames.js

@@ -1,4 +1,4 @@
-import { r } from "../chunks/truthyFilter.DZvXmxeK.js";
+import { t as truthyFilter } from "../chunks/truthyFilter.C2WOKUCG.js";
 import { toValue, computed } from "vue";
 const bcp47Codes = ["af-ZA", "sq-AL", "ar-DZ", "ar-BH", "ar-EG", "ar-IQ", "ar-JO", "ar-KW", "ar-LB", "ar-LY", "ar-MA", "ar-OM", "ar-QA", "ar-SA", "ar-SY", "ar-TN", "ar-AE", "ar-YE", "hy-AM", "Cy-az-AZ", "Lt-az-AZ", "eu-ES", "be-BY", "bg-BG", "ca-ES", "zh-CN", "zh-HK", "zh-MO", "zh-SG", "zh-TW", "zh-CHS", "zh-CHT", "hr-HR", "cs-CZ", "da-DK", "div-MV", "nl-BE", "nl-NL", "en-AU", "en-BZ", "en-CA", "en-CB", "en-IE", "en-JM", "en-NZ", "en-PH", "en-ZA", "en-TT", "en-GB", "en-US", "en-ZW", "et-EE", "fo-FO", "fa-IR", "fi-FI", "fr-BE", "fr-CA", "fr-FR", "fr-LU", "fr-MC", "fr-CH", "gl-ES", "ka-GE", "de-AT", "de-DE", "de-LI", "de-LU", "de-CH", "el-GR", "gu-IN", "he-IL", "hi-IN", "hu-HU", "is-IS", "id-ID", "it-IT", "it-CH", "ja-JP", "kn-IN", "kk-KZ", "kok-IN", "ko-KR", "ky-KZ", "lv-LV", "lt-LT", "mk-MK", "ms-BN", "ms-MY", "mr-IN", "mn-MN", "nb-NO", "nn-NO", "pl-PL", "pt-BR", "pt-PT", "pa-IN", "ro-RO", "ru-RU", "sa-IN", "Cy-sr-SP", "Lt-sr-SP", "sk-SK", "sl-SI", "es-AR", "es-BO", "es-CL", "es-CO", "es-CR", "es-DO", "es-EC", "es-SV", "es-GT", "es-HN", "es-MX", "es-NI", "es-PA", "es-PY", "es-PE", "es-PR", "es-ES", "es-UY", "es-VE", "sw-KE", "sv-FI", "sv-SE", "syr-SY", "ta-IN", "tt-RU", "te-IN", "th-TH", "tr-TR", "uk-UA", "ur-PK", "Cy-uz-UZ", "Lt-uz-UZ", "vi-VN"], countryCodes = ["AA", "AC", "AD", "AE", "AF", "AG", "AI", "AL", "AM", "AO", "AR", "AS", "AT", "AU", "AW", "AX", "AZ", "BA", "BB", "BD", "BE", "BF", "BG", "BH", "BI", "BJ", "BL", "BM", "BN", "BO", "BQ", "BR", "BS", "BT", "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", "FI", "FJ", "FK", "FM", "FO", "FR", "GA", "GB", "GD", "GE", "GF", "GG", "GH", "GI", "GL", "GM", "GN", "GP", "GQ", "GR", "GT", "GU", "GW", "GY", "HK", "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", "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", "TA", "TC", "TD", "TG", "TH", "TJ", "TK", "TL", "TM", "TN", "TO", "TR", "TT", "TV", "TW", "TZ", "UA", "UG", "US", "UY", "UZ", "VA", "VC", "VE", "VG", "VI", "VN", "VU", "WF", "WS", "XK", "YE", "YT", "ZA", "ZM", "ZW"], iso6391Codes = ["aa", "ab", "ae", "af", "ak", "am", "an", "ar", "as", "av", "ay", "az", "ba", "be", "bg", "bh", "bi", "bm", "bn", "bo", "br", "bs", "ca", "ce", "ch", "co", "cr", "cs", "cu", "cv", "cy", "da", "de", "dv", "dz", "ee", "el", "en", "eo", "es", "et", "eu", "fa", "ff", "fi", "fj", "fo", "fr", "fy", "ga", "gd", "gl", "gn", "gu", "gv", "ha", "he", "hi", "ho", "hr", "ht", "hu", "hy", "hz", "ia", "id", "ie", "ig", "ii", "ik", "io", "is", "it", "iu", "ja", "jv", "ka", "kg", "ki", "kj", "kk", "kl", "km", "kn", "ko", "kr", "ks", "ku", "kv", "kw", "ky", "la", "lb", "lg", "li", "ln", "lo", "lt", "lu", "lv", "mg", "mh", "mi", "mk", "ml", "mn", "mr", "ms", "mt", "my", "na", "nb", "nd", "ne", "ng", "nl", "nn", "no", "nr", "nv", "ny", "oc", "oj", "om", "or", "os", "pa", "pi", "pl", "ps", "pt", "qu", "rm", "rn", "ro", "ru", "rw", "sa", "sc", "sd", "se", "sg", "si", "sk", "sl", "sm", "sn", "so", "sq", "sr", "ss", "st", "su", "sv", "sw", "ta", "te", "tg", "th", "ti", "tk", "tl", "tn", "to", "tr", "ts", "tt", "tw", "ty", "ug", "uk", "ur", "uz", "ve", "vi", "vo", "wa", "wo", "xh", "yi", "yo", "za", "zh", "zu"], displayNamesCodes = [...iso6391Codes, ...bcp47Codes, ...countryCodes], DEFAULT_DISPLAY_NAMES_OPTIONS = {
   type: "region",
@@ -87,7 +87,7 @@ function getAllDisplayNames(options) {
         });
       } catch {
       }
-    const result = mappedResults.filter(r).sort((a, b) => a.name && b.name ? a.name.localeCompare(b.name) : 0).sort((a, b) => {
+    const result = mappedResults.filter(truthyFilter).sort((a, b) => a.name && b.name ? a.name.localeCompare(b.name) : 0).sort((a, b) => {
       const aIndex = resolvedPreferredCodes?.indexOf(a.code) ?? -1, bIndex = resolvedPreferredCodes?.indexOf(b.code) ?? -1;
       return aIndex !== -1 && bIndex !== -1 ? aIndex - bIndex : aIndex !== -1 ? -1 : bIndex !== -1 ? 1 : 0;
     });

package/dist/composables/useDropzone.js

@@ -1,9 +1,9 @@
-import { e } from "../chunks/isClient.8V3qjGdO.js";
+import { i as isClient } from "../chunks/isClient.WI4oSt66.js";
 import { ref, shallowRef, watch, toValue, onBeforeUnmount, unref } from "vue";
 function useDropzone(target, options = {}) {
   const isOverDropZone = ref(!1), isOverError = ref(!1), files = shallowRef(null);
   let counter = 0, isValid = !0;
-  if (e()) {
+  if (isClient()) {
     let getFiles = function(event) {
       const list = Array.from(event.dataTransfer?.files ?? []);
       return list.length === 0 ? null : multiple ? list : [list[0]];

package/dist/composables/useFormField.js

@@ -1,4 +1,4 @@
-import { e as getContext, f as fieldHasValidation, i as updateFieldState, j as s, k as setFieldValidationState, l as getValidationEvents, h as hasModeIncludes, r as removeEventFromInteractiveElements, m as findInteractiveElements, n as addEventToInteractiveElements, o as handleFieldBlur } from "../chunks/dom-events.H9KIOv83.js";
+import { e as getContext, f as fieldHasValidation, i as updateFieldState, j as isEqual, k as setFieldValidationState, l as getValidationEvents, h as hasModeIncludes, r as removeEventFromInteractiveElements, m as findInteractiveElements, n as addEventToInteractiveElements, o as handleFieldBlur } from "../chunks/dom-events.CfOiauCR.js";
 import { computed, onMounted, onUnmounted } from "vue";
 import { useFreezeValue } from "./useFreezeValue.js";
 function useFormField(name, options) {
@@ -21,7 +21,7 @@ function useFormField(name, options) {
     payload: payload.value,
     schema: internalSchema.value,
     options: { ...formOptions, ...finalOpts }
-  }), finalOpts.defaultValue !== void 0 && !s(payload.value[name], finalOpts.defaultValue)) {
+  }), finalOpts.defaultValue !== void 0 && !isEqual(payload.value[name], finalOpts.defaultValue)) {
     const initialValue = finalOpts.defaultValue;
     payload.value[name] = initialValue, fieldsStates.value[name].initialValue = useFreezeValue(initialValue);
   }

package/dist/composables/useFormValidator.js

@@ -1,5 +1,5 @@
 import { ref, toValue, computed, watch, provide, nextTick } from "vue";
-import { g as getInstance, a as getFieldsStates, b as getFieldsErrors, c as getErrorMessages, u as updateFieldsStates, v as validateForm, C as CONFIG, s as scrollToError, h as hasModeIncludes, d as handleFieldInput } from "../chunks/dom-events.H9KIOv83.js";
+import { g as getInstance, a as getFieldsStates, b as getFieldsErrors, c as getErrorMessages, u as updateFieldsStates, v as validateForm, C as CONFIG, s as scrollToError, h as hasModeIncludes, d as handleFieldInput } from "../chunks/dom-events.CfOiauCR.js";
 function createValidationProcessor(fieldsToValidate, fieldsStates, payload, internalSchema, isSubmitted) {
   return () => {
     fieldsToValidate.forEach((name) => {

package/dist/composables/useIdleTimeout.js

@@ -1,10 +1,10 @@
-import { e } from "../chunks/isClient.8V3qjGdO.js";
-class l {
-  constructor(t, e$1) {
-    this.callback = t, this.options = {
+import { i as isClient } from "../chunks/isClient.WI4oSt66.js";
+class IdleTimeout {
+  constructor(callback, options) {
+    this.callback = callback, this.options = {
       ...this.defaultOptions,
-      ...e$1
-    }, e() && this.start();
+      ...options
+    }, isClient() && this.start();
   }
   defaultOptions = {
     element: void 0,
@@ -38,17 +38,17 @@ class l {
     return this.options.element ?? document.body;
   }
   start() {
-    if (!e()) {
+    if (!isClient()) {
       console.warn("[IdleTimeout](start) you should run this method on client side");
       return;
     }
-    for (const t of this.eventNames)
-      this.element.addEventListener(t, this.handleEvent);
+    for (const eventName of this.eventNames)
+      this.element.addEventListener(eventName, this.handleEvent);
     this.resetTimeout(), this.options.immediate && this.callback({ isIdle: !1, instance: this });
   }
   pause() {
-    const t = this.startTime + this.options.timeout - Date.now();
-    t <= 0 || (this.remainingTime = t, this.timeoutHandler && (clearTimeout(this.timeoutHandler), this.timeoutHandler = void 0));
+    const remainingTime = this.startTime + this.options.timeout - Date.now();
+    remainingTime <= 0 || (this.remainingTime = remainingTime, this.timeoutHandler && (clearTimeout(this.timeoutHandler), this.timeoutHandler = void 0));
   }
   resume() {
     this.remainingTime <= 0 || (this.resetTimeout(), this.callback({ isIdle: this.isIdle, instance: this }), this.remainingTime = 0);
@@ -57,13 +57,13 @@ class l {
     this.isDestroy = !1, this.isIdle = !1, this.remainingTime = 0, this.resetTimeout(), this.callback({ isIdle: this.isIdle, instance: this });
   }
   destroy() {
-    if (!e()) {
+    if (!isClient()) {
       console.warn("[IdleTimeout](destroy) you should run this method on client side");
       return;
     }
     this.isDestroy = !0;
-    for (const t of this.eventNames)
-      this.element.removeEventListener(t, this.handleEvent);
+    for (const eventName of this.eventNames)
+      this.element.removeEventListener(eventName, this.handleEvent);
     this.timeoutHandler && clearTimeout(this.timeoutHandler);
   }
   resetTimeout() {
@@ -72,19 +72,19 @@ class l {
       this.remainingTime || this.options.timeout
     ), this.startTime = Date.now();
   }
-  handleEvent = (t) => {
+  handleEvent = (event) => {
     try {
       if (this.remainingTime > 0)
         return;
-      if (t.type === "mousemove") {
-        const { clientX: e2, clientY: i } = t;
-        if (e2 === void 0 && i === void 0 || e2 === this.lastClientX && i === this.lastClientY)
+      if (event.type === "mousemove") {
+        const { clientX, clientY } = event;
+        if (clientX === void 0 && clientY === void 0 || clientX === this.lastClientX && clientY === this.lastClientY)
           return;
-        this.lastClientX = e2, this.lastClientY = i;
+        this.lastClientX = clientX, this.lastClientY = clientY;
       }
-      this.resetTimeout(), this.callback({ isIdle: this.isIdle, eventType: t.type, instance: this });
-    } catch (e2) {
-      throw new Error(`[IdleTimeout](handleEvent) ${e2}`);
+      this.resetTimeout(), this.callback({ isIdle: this.isIdle, eventType: event.type, instance: this });
+    } catch (error) {
+      throw new Error(`[IdleTimeout](handleEvent) ${error}`);
     }
   };
   handleTimeout() {
@@ -96,21 +96,21 @@ class l {
   get timeout() {
     return this.options.timeout;
   }
-  set timeout(t) {
-    this.options.timeout = t;
+  set timeout(value) {
+    this.options.timeout = value;
   }
   get idle() {
     return this.isIdle;
   }
-  set idle(t) {
-    t ? this.handleTimeout() : this.reset(), this.callback({ isIdle: this.isIdle, instance: this });
+  set idle(value) {
+    value ? this.handleTimeout() : this.reset(), this.callback({ isIdle: this.isIdle, instance: this });
   }
 }
 function useIdleTimeout({
   callback,
   options
 }) {
-  return new l(callback, options);
+  return new IdleTimeout(callback, options);
 }
 export {
   useIdleTimeout

package/dist/composables/useMutationObserver.js

@@ -1,9 +1,9 @@
-import { e } from "../chunks/isClient.8V3qjGdO.js";
-import { r } from "../chunks/truthyFilter.DZvXmxeK.js";
+import { i as isClient } from "../chunks/isClient.WI4oSt66.js";
+import { t as truthyFilter } from "../chunks/truthyFilter.C2WOKUCG.js";
 import { ref, onMounted, computed, toValue, watch } from "vue";
 function useMutationObserver(target, callback, options = {}) {
   const {
-    internalWindow = e() ? globalThis : void 0,
+    internalWindow = isClient() ? globalThis : void 0,
     ...mutationOptions
   } = options;
   let observer;
@@ -16,7 +16,7 @@ function useMutationObserver(target, callback, options = {}) {
   }, targets = computed(() => {
     const value = toValue(target);
     let element;
-    return value && "$el" in value ? element = value.$el : value && (element = value), new Set([element].filter(r));
+    return value && "$el" in value ? element = value.$el : value && (element = value), new Set([element].filter(truthyFilter));
   }), stopWatch = watch(
     targets,
     (newTargets) => {

package/dist/composables/useStringMatching.js

@@ -1,4 +1,4 @@
-import { u } from "../chunks/useStringMatching.DzSigyZ7.js";
+import { u } from "../chunks/useStringMatching.CqudA-tS.js";
 import "vue";
 export {
   u as useStringMatching

package/dist/composables/useSwipe.js

@@ -1,14 +1,14 @@
 import { ref, computed, toValue } from "vue";
-const s = {
+const defaultOptions = {
   preventDefaultOnTouchMove: !1,
   preventDefaultOnMouseWheel: !1,
   threshold: 50,
   immediate: !1,
   triggerOnEnd: !1
 };
-class n {
-  constructor(t) {
-    this.inputOption = t, this.options = { ...s, ...t }, this.onToucheStartCallback = this.toucheStartHandler.bind(this), this.onToucheMoveCallback = this.handleTouchMove.bind(this), this.onToucheEndCallback = this.handleTouchEnd.bind(this), this.onMouseWheelCallback = this.handleMouseWheel.bind(this), this.start = this.startListening.bind(this), this.stop = this.stopListening.bind(this), this.options.element && this.setElement(this.options.element), this.options.immediate && this.start();
+class Swipe {
+  constructor(inputOption) {
+    this.inputOption = inputOption, this.options = { ...defaultOptions, ...inputOption }, this.onToucheStartCallback = this.toucheStartHandler.bind(this), this.onToucheMoveCallback = this.handleTouchMove.bind(this), this.onToucheEndCallback = this.handleTouchEnd.bind(this), this.onMouseWheelCallback = this.handleMouseWheel.bind(this), this.start = this.startListening.bind(this), this.stop = this.stopListening.bind(this), this.options.element && this.setElement(this.options.element), this.options.immediate && this.start();
   }
   element;
   xStart;
@@ -30,28 +30,28 @@ class n {
   stopListening() {
     this.element?.removeEventListener("touchstart", this.onToucheStartCallback), this.element?.removeEventListener("touchmove", this.onToucheMoveCallback), this.element?.removeEventListener("touchend", this.onToucheEndCallback), this.options.preventDefaultOnMouseWheel && this.element?.removeEventListener("mousewheel", this.onMouseWheelCallback);
   }
-  setElement(t) {
-    if (!t) {
+  setElement(element) {
+    if (!element) {
       console.error(
         "[maz-ui][SwipeHandler](setElement) Element should be provided. Its can be a string selector or an HTMLElement"
       );
       return;
     }
-    if (typeof t == "string") {
-      const e = document.querySelector(t);
-      if (!(e instanceof HTMLElement)) {
+    if (typeof element == "string") {
+      const foundElement = document.querySelector(element);
+      if (!(foundElement instanceof HTMLElement)) {
         console.error("[maz-ui][SwipeHandler](setElement) String selector for element is not found");
         return;
       }
-      this.element = e;
+      this.element = foundElement;
     } else
-      this.element = t;
+      this.element = element;
   }
-  handleMouseWheel(t) {
-    t.preventDefault();
+  handleMouseWheel(event) {
+    event.preventDefault();
   }
-  toucheStartHandler(t) {
-    this.xStart = t.touches[0].clientX, this.yStart = t.touches[0].clientY, this.emitValuesChanged();
+  toucheStartHandler(event) {
+    this.xStart = event.touches[0].clientX, this.yStart = event.touches[0].clientY, this.emitValuesChanged();
   }
   emitValuesChanged() {
     this.options.onValuesChanged?.({
@@ -63,21 +63,21 @@ class n {
       yDiff: this.yDiff
     });
   }
-  handleTouchMove(t) {
-    this.options.preventDefaultOnTouchMove && t.cancelable && t.preventDefault(), this.xEnd = t.touches[0].clientX, this.yEnd = t.touches[0].clientY, !(!this.xStart || !this.yStart) && (this.xDiff = this.xStart - this.xEnd, this.yDiff = this.yStart - this.yEnd, this.emitValuesChanged(), this.options.triggerOnEnd || this.runCallbacks(t));
+  handleTouchMove(event) {
+    this.options.preventDefaultOnTouchMove && event.cancelable && event.preventDefault(), this.xEnd = event.touches[0].clientX, this.yEnd = event.touches[0].clientY, !(!this.xStart || !this.yStart) && (this.xDiff = this.xStart - this.xEnd, this.yDiff = this.yStart - this.yEnd, this.emitValuesChanged(), this.options.triggerOnEnd || this.runCallbacks(event));
   }
-  handleTouchEnd(t) {
-    this.runCallbacks(t), this.emitValuesChanged();
+  handleTouchEnd(event) {
+    this.runCallbacks(event), this.emitValuesChanged();
   }
-  runCallbacks(t) {
-    typeof this.xDiff != "number" || typeof this.yDiff != "number" || Math.abs(this.xDiff) < this.options.threshold && Math.abs(this.yDiff) < this.options.threshold || (Math.abs(this.xDiff) > Math.abs(this.yDiff) ? this.xDiff > 0 ? this.options.onLeft?.(t) : this.options.onRight?.(t) : this.yDiff > 0 ? this.options.onUp?.(t) : this.options.onDown?.(t), this.resetValues());
+  runCallbacks(event) {
+    typeof this.xDiff != "number" || typeof this.yDiff != "number" || Math.abs(this.xDiff) < this.options.threshold && Math.abs(this.yDiff) < this.options.threshold || (Math.abs(this.xDiff) > Math.abs(this.yDiff) ? this.xDiff > 0 ? this.options.onLeft?.(event) : this.options.onRight?.(event) : this.yDiff > 0 ? this.options.onUp?.(event) : this.options.onDown?.(event), this.resetValues());
   }
   resetValues() {
     this.xStart = void 0, this.yStart = void 0, this.xEnd = void 0, this.yEnd = void 0, this.xDiff = void 0, this.yDiff = void 0, this.emitValuesChanged();
   }
 }
 function useSwipe(options) {
-  const xDiff = ref(), yDiff = ref(), xStart = ref(), xEnd = ref(), yStart = ref(), yEnd = ref(), element = computed(() => toValue(options.element)), swiper = new n({
+  const xDiff = ref(), yDiff = ref(), xStart = ref(), xEnd = ref(), yStart = ref(), yEnd = ref(), element = computed(() => toValue(options.element)), swiper = new Swipe({
     ...options,
     element: element.value,
     onValuesChanged(values) {

package/dist/composables/useUserVisibility.js

@@ -1,10 +1,10 @@
-import { e } from "../chunks/isClient.8V3qjGdO.js";
-class o {
-  constructor(t, e$1) {
-    this.callback = t, this.options = {
+import { i as isClient } from "../chunks/isClient.WI4oSt66.js";
+class UserVisibility {
+  constructor(callback, options) {
+    this.callback = callback, this.options = {
       ...this.defaultOptions,
-      ...e$1
-    }, this.eventHandlerFunction = this.eventHandler.bind(this), e() && this.start();
+      ...options
+    }, this.eventHandlerFunction = this.eventHandler.bind(this), isClient() && this.start();
   }
   eventHandlerFunction;
   event = "visibilitychange";
@@ -17,7 +17,7 @@ class o {
   };
   isVisible = !1;
   start() {
-    if (!e()) {
+    if (!isClient()) {
       console.warn("[UserVisibility](start) you should run this method on client side");
       return;
     }
@@ -49,7 +49,7 @@ function useUserVisibility({
   callback,
   options
 }) {
-  return new o(callback, options);
+  return new UserVisibility(callback, options);
 }
 export {
   useUserVisibility

package/dist/composables/useWindowSize.js

@@ -1,8 +1,8 @@
-import { e } from "../chunks/isClient.8V3qjGdO.js";
+import { i as isClient } from "../chunks/isClient.WI4oSt66.js";
 import { ref, onMounted, onUnmounted } from "vue";
 function useWindowSize(options = {}) {
   const {
-    internalWindow = e() ? globalThis : void 0,
+    internalWindow = isClient() ? globalThis : void 0,
     initialWidth = Number.POSITIVE_INFINITY,
     initialHeight = Number.POSITIVE_INFINITY,
     includeScrollbar = !0

package/dist/directives/index.js

@@ -1,9 +1,9 @@
-import { d, p } from "../chunks/vClickOutside.CJBKY5no.js";
+import { d, p } from "../chunks/vClickOutside.DIOiluy0.js";
 import { vFullscreenImgInstall } from "./vFullscreenImg.js";
 import { vLazyImgInstall } from "./vLazyImg.js";
 import { vTooltip, vTooltipInstall } from "./vTooltip.js";
 import { vZoomImg, vZoomImgInstall } from "./vZoomImg.js";
-import { d as d2 } from "../chunks/fullscreen-img.directive.D9oQ3Gni.js";
+import { d as d2 } from "../chunks/fullscreen-img.directive.B8ESs0MK.js";
 import { d as d3 } from "../chunks/lazy-img.directive.BLFnGqQa.js";
 export {
   d as vClickOutside,

package/dist/directives/vClickOutside.js

@@ -1,4 +1,4 @@
-import { d, p } from "../chunks/vClickOutside.CJBKY5no.js";
+import { d, p } from "../chunks/vClickOutside.DIOiluy0.js";
 import "vue";
 export {
   d as vClickOutside,

package/dist/directives/vFullscreenImg.js

@@ -1,4 +1,4 @@
-import { d as directive } from "../chunks/fullscreen-img.directive.D9oQ3Gni.js";
+import { d as directive } from "../chunks/fullscreen-img.directive.B8ESs0MK.js";
 const plugin = {
   install(app) {
     app.directive("fullscreen-img", directive);