maz-ui 4.0.0-beta.4 → 4.0.0-beta.5

package/dist/components/MazPopover.js

@@ -2,7 +2,7 @@ import { defineComponent, mergeModels, useAttrs, useTemplateRef, useModel, ref,
 import { i as isClient } from "../chunks/isClient.WI4oSt66.js";
 import { t as throttle } from "../chunks/throttle.DN8ARw0a.js";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
-import { vClickOutside as directive } from "../directives/vClickOutside.js";
+import { d as directive } from "../chunks/vClickOutside.C69k0jaG.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 import '../assets/MazPopover.COR-tym7.css';const _hoisted_1 = ["id", "aria-expanded", "aria-haspopup", "aria-describedby", "aria-labelledby"], _hoisted_2 = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby", "aria-modal", "tabindex", "aria-live"], _sfc_main = /* @__PURE__ */ defineComponent({
   name: "MazPopover",

package/dist/components/MazPullToRefresh.js

@@ -1,8 +1,13 @@
 import { defineComponent, defineAsyncComponent, computed, ref, watch, onUnmounted, createElementBlock, openBlock, normalizeClass, createCommentVNode, renderSlot, normalizeStyle, createElementVNode, createVNode, unref } from "vue";
 import { i as isClient } from "../chunks/isClient.WI4oSt66.js";
-import { i as isStandaloneMode } from "../chunks/isStandaloneMode.BpUpOTbA.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazPullToRefresh.DABqbGtK.css';const _hoisted_1 = {
+import '../assets/MazPullToRefresh.DABqbGtK.css';function isStandaloneMode() {
+  if (!isClient())
+    return !1;
+  const nav = navigator, isStandalone = window.matchMedia("(display-mode: standalone)").matches;
+  return nav.standalone || isStandalone;
+}
+const _hoisted_1 = {
   key: 0,
   class: "header-text"
 }, _hoisted_2 = {

package/dist/components/MazRadioButtons.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, Fragment, renderList, normalizeStyle, renderSlot, createVNode, Transition, withCtx, withDirectives, unref, vShow, createTextVNode, toDisplayString } from "vue";
-import { MazCheck } from "@maz-ui/icons";
+import { i as it } from "../chunks/index.CvKh762h.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 import '../assets/MazRadioButtons.BA4rjgK9.css';const _hoisted_1 = { class: "m-radio-buttons m-reset-css" }, _hoisted_2 = ["for", "aria-checked", "onKeydown", "onBlur", "onFocus"], _hoisted_3 = ["id", "name", "value", "onChange"], _hoisted_4 = {
   key: 0,
@@ -96,7 +96,7 @@ import '../assets/MazRadioButtons.BA4rjgK9.css';const _hoisted_1 = { class: "m-r
             }, [
               createVNode(Transition, { name: "maz-radio-buttons-scale" }, {
                 default: withCtx(() => [
-                  withDirectives(createVNode(unref(MazCheck), { class: "maz-size-full" }, null, 512), [
+                  withDirectives(createVNode(unref(it), { class: "maz-size-full" }, null, 512), [
                     [vShow, isSelected(option.value)]
                   ])
                 ]),

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 { MazMagnifyingGlass, MazNoSymbol, MazChevronDown } from "@maz-ui/icons";
+import { C as Cn, P as Pn, a as Mt } from "../chunks/index.CvKh762h.js";
 import { u as useTranslations } from "../chunks/useTranslations.BXuww4ux.js";
-import { d as debounceCallback } from "../chunks/debounceCallback.B69vn57Q.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.D5UvsCUS.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.DZZpDg8z.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({
@@ -276,7 +278,7 @@ import '../assets/MazSelect.DZZpDg8z.css';const _hoisted_1 = ["aria-label"], _ho
                 class: "m-select-input__toggle-button maz-custom",
                 "aria-label": `${isOpen.value ? "collapse" : "expand"} list of options`
               }, [
-                createVNode(unref(MazChevronDown), { class: "m-select-chevron" })
+                createVNode(unref(Mt), { class: "m-select-chevron" })
               ], 8, _hoisted_1)
             ], !0)
           ]),
@@ -316,11 +318,11 @@ import '../assets/MazSelect.DZZpDg8z.css';const _hoisted_1 = ["aria-label"], _ho
             autocomplete: "off",
             block: "",
             class: "m-select-list__search-input maz-flex-none",
-            "left-icon": unref(MazMagnifyingGlass)
+            "left-icon": unref(Cn)
           }, null, 8, ["modelValue", "disabled", "color", "placeholder", "left-icon"])) : createCommentVNode("", !0),
           !optionList.value || optionList.value.length <= 0 ? renderSlot(_ctx.$slots, "no-results", { key: 1 }, () => [
             createElementVNode("span", _hoisted_3, [
-              createVNode(unref(MazNoSymbol), { class: "maz-size-6 maz-text-foreground" })
+              createVNode(unref(Pn), { class: "maz-size-6 maz-text-foreground" })
             ])
           ], !0) : (openBlock(), createElementBlock("div", {
             key: 2,

package/dist/components/MazSelectCountry.js

@@ -1,7 +1,6 @@
 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 { i as isServer } from "../chunks/vClickOutside.C69k0jaG.js";
 import { useDisplayNames } from "../composables/useDisplayNames.js";
 import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
 import MazSelect from "./MazSelect.js";
@@ -13,6 +12,12 @@ import '../assets/MazSelectCountry.9RTcDxtM.css';function getBrowserLocale() {
     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"

package/dist/components/MazStepper.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, useSlots, ref, createElementBlock, openBlock, normalizeStyle, Fragment, renderList, createCommentVNode, createElementVNode, normalizeClass, renderSlot, createBlock, resolveDynamicComponent, createTextVNode, toDisplayString, createVNode, withCtx } from "vue";
-import { MazCheckCircle, MazExclamationTriangle, MazExclamationCircle } from "@maz-ui/icons";
+import { b as at, w as wr, u as ur } from "../chunks/index.CvKh762h.js";
 import MazExpandAnimation from "./MazExpandAnimation.js";
 import MazIcon from "./MazIcon.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
@@ -33,7 +33,7 @@ import '../assets/MazStepper.DYMde9uq.css';const _hoisted_1 = ["id", "disabled",
       }
     });
     function getStepStateData(step) {
-      return isStepSuccess(step) ? { icon: MazCheckCircle, class: "--success" } : isStepWarning(step) ? { icon: MazExclamationTriangle, class: "--warning" } : isStepError(step) ? { icon: MazExclamationCircle, class: "--error" } : { class: "--normal" };
+      return isStepSuccess(step) ? { icon: at, class: "--success" } : isStepWarning(step) ? { icon: wr, class: "--warning" } : isStepError(step) ? { icon: ur, class: "--error" } : { class: "--normal" };
     }
     function getStepIcon(step) {
       return __props.steps?.[step - 1]?.icon;

package/dist/components/MazTable.js

@@ -1,5 +1,5 @@
-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.By5YbgRn.js";
+import { m } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.By5YbgRn.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"]]);
 export {

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.By5YbgRn.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,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.By5YbgRn.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 import '../assets/MazTableRow.B78Bd4Kv.css';const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazTableRow",

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.By5YbgRn.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/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.Dz11mUeK.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({

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.Bgd0WwZk.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 { default as default18 } from "./MazDrawer.js";
-import { _ as _3 } from "../chunks/MazDropdown.vue_vue_type_style_index_0_lang.De5b1GG8.js";
+import { _ as _3 } from "../chunks/MazDropdown.vue_vue_type_style_index_0_lang.WRjG5bff.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.B6DYpHfi.js";
+import { _ as _4 } from "../chunks/MazInputNumber.vue_vue_type_style_index_0_lang.BUOLoXtV.js";
 import { M as M2 } from "../chunks/MazInputPhoneNumber.B7mxCHgU.js";
-import { _ as _5 } from "../chunks/MazInputPrice.vue_vue_type_script_setup_true_lang.GMKzSu7R.js";
+import { _ as _5 } from "../chunks/MazInputPrice.vue_vue_type_script_setup_true_lang.CT1Y2-_T.js";
 import { default as default26 } from "./MazInputTags.js";
 import { default as default27 } from "./MazLazyImg.js";
 import { default as default28 } from "./MazLink.js";

package/dist/composables/index.js

@@ -10,7 +10,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.D5UvsCUS.js";
 import { useSwipe } from "./useSwipe.js";
 import { useTimer } from "./useTimer.js";
 import { useToast } from "./useToast.js";
@@ -30,7 +30,7 @@ export {
   useInstanceUniqId,
   useMountComponent,
   useReadingTime,
-  useStringMatching,
+  u as useStringMatching,
   useSwipe,
   useTimer,
   useToast,

package/dist/composables/useFormField.js

@@ -1,7 +1,6 @@
 import { c as checkAvailability } from "../chunks/checkAvailability.aTpZidex.js";
-import { i as isEqual } from "../chunks/throttleId.7PhWZjcS.js";
+import { e as getContext, f as fieldHasValidation, i as updateFieldState, j as isEqual, k as setFieldValidationState, l as getValidationEvents, d as hasModeIncludes, r as removeEventFromInteractiveElements, m as handleFieldBlur, n as findInteractiveElements, o as addEventToInteractiveElements } from "../chunks/utils.D9NiqfdV.js";
 import { computed, onMounted, onUnmounted } from "vue";
-import { e as getContext, f as fieldHasValidation, i as updateFieldState, j as setFieldValidationState, k as getValidationEvents, d as hasModeIncludes, r as removeEventFromInteractiveElements, l as handleFieldBlur, m as findInteractiveElements, n as addEventToInteractiveElements } from "../chunks/utils.BBuYjMbK.js";
 import { useFreezeValue } from "./useFreezeValue.js";
 function useFormField(name, options) {
   const opts = {

package/dist/composables/useFormValidator.js

@@ -1,5 +1,5 @@
 import { ref, 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 handleFieldInput, d as hasModeIncludes } from "../chunks/utils.BBuYjMbK.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 handleFieldInput, d as hasModeIncludes } from "../chunks/utils.D9NiqfdV.js";
 function useFormValidator({ schema, defaultValues, model, options }) {
   const instance = getInstance("useFormValidator"), opts = {
     mode: CONFIG.mode,

package/dist/composables/useIdleTimeout.js

@@ -1,4 +1,111 @@
-import { I as IdleTimeout } from "../chunks/idleTimeout.-ICpdeGV.js";
+import { i as isClient } from "../chunks/isClient.WI4oSt66.js";
+class IdleTimeout {
+  constructor(callback, options) {
+    this.callback = callback, this.options = {
+      ...this.defaultOptions,
+      ...options
+    }, isClient() && this.start();
+  }
+  defaultOptions = {
+    element: void 0,
+    timeout: 60 * 1e3 * 5,
+    // 5 minutes
+    once: !1,
+    immediate: !0
+  };
+  options;
+  timeoutHandler;
+  isIdle = !1;
+  isDestroy = !1;
+  startTime = 0;
+  remainingTime = 0;
+  lastClientX = -1;
+  lastClientY = -1;
+  eventNames = [
+    "DOMMouseScroll",
+    "mousedown",
+    "mousemove",
+    "mousewheel",
+    "MSPointerDown",
+    "MSPointerMove",
+    "keydown",
+    "touchmove",
+    "touchstart",
+    "wheel",
+    "click"
+  ];
+  get element() {
+    return this.options.element ?? document.body;
+  }
+  start() {
+    if (!isClient()) {
+      console.warn("[IdleTimeout](start) you should run this method on client side");
+      return;
+    }
+    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 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);
+  }
+  reset() {
+    this.isDestroy = !1, this.isIdle = !1, this.remainingTime = 0, this.resetTimeout(), this.callback({ isIdle: this.isIdle, instance: this });
+  }
+  destroy() {
+    if (!isClient()) {
+      console.warn("[IdleTimeout](destroy) you should run this method on client side");
+      return;
+    }
+    this.isDestroy = !0;
+    for (const eventName of this.eventNames)
+      this.element.removeEventListener(eventName, this.handleEvent);
+    this.timeoutHandler && clearTimeout(this.timeoutHandler);
+  }
+  resetTimeout() {
+    this.isIdle = !1, this.timeoutHandler && (clearTimeout(this.timeoutHandler), this.timeoutHandler = void 0), this.timeoutHandler = setTimeout(
+      this.handleTimeout.bind(this),
+      this.remainingTime || this.options.timeout
+    ), this.startTime = Date.now();
+  }
+  handleEvent = (event) => {
+    try {
+      if (this.remainingTime > 0)
+        return;
+      if (event.type === "mousemove") {
+        const { clientX, clientY } = event;
+        if (clientX === void 0 && clientY === void 0 || clientX === this.lastClientX && clientY === this.lastClientY)
+          return;
+        this.lastClientX = clientX, this.lastClientY = clientY;
+      }
+      this.resetTimeout(), this.callback({ isIdle: this.isIdle, eventType: event.type, instance: this });
+    } catch (error) {
+      throw new Error(`[IdleTimeout](handleEvent) ${error}`);
+    }
+  };
+  handleTimeout() {
+    this.isIdle = !0, this.callback({ isIdle: this.isIdle, instance: this }), this.options.once && this.destroy();
+  }
+  get destroyed() {
+    return this.isDestroy;
+  }
+  get timeout() {
+    return this.options.timeout;
+  }
+  set timeout(value) {
+    this.options.timeout = value;
+  }
+  get idle() {
+    return this.isIdle;
+  }
+  set idle(value) {
+    value ? this.handleTimeout() : this.reset(), this.callback({ isIdle: this.isIdle, instance: this });
+  }
+}
 function useIdleTimeout({
   callback,
   options

package/dist/composables/useStringMatching.js

@@ -1,42 +1,5 @@
-import { n as normalizeString } from "../chunks/normalizeString.CFe2M8S_.js";
-import { computed, toValue } from "vue";
-function levenshteinDistance(string1, string2) {
-  const length1 = string1.length, length2 = string2.length, matrix = [];
-  for (let index = 0; index <= length1; index++)
-    matrix[index] = [index];
-  for (let index = 0; index <= length2; index++)
-    matrix[0][index] = index;
-  for (let index = 1; index <= length1; index++)
-    for (let index_ = 1; index_ <= length2; index_++) {
-      const cost = string1[index - 1] === string2[index_ - 1] ? 0 : 1;
-      matrix[index][index_] = Math.min(
-        matrix[index - 1][index_] + 1,
-        matrix[index][index_ - 1] + 1,
-        matrix[index - 1][index_ - 1] + cost
-      );
-    }
-  return matrix[length1][length2];
-}
-function getMatchingScore(string1, string2) {
-  const distance = levenshteinDistance(string1, string2), maxLength = Math.max(string1.length, string2.length);
-  return 1 - distance / maxLength;
-}
-function getMatchingResults(string1, string2, threshold = 0.75) {
-  return getMatchingScore(string1, string2) >= threshold;
-}
-function useStringMatching(string1, string2, threshold = 0.75) {
-  const _string1 = computed(
-    () => normalizeString(toValue(string1))
-  ), _string2 = computed(
-    () => normalizeString(toValue(string2))
-  ), _threshold = computed(() => toValue(threshold)), score = computed(() => getMatchingScore(_string1.value, _string2.value));
-  return {
-    isMatching: computed(
-      () => getMatchingResults(_string1.value, _string2.value, _threshold.value)
-    ),
-    score
-  };
-}
+import { u } from "../chunks/useStringMatching.D5UvsCUS.js";
+import "vue";
 export {
-  useStringMatching
+  u as useStringMatching
 };

package/dist/composables/useSwipe.js

@@ -1,5 +1,81 @@
-import { S as Swipe } from "../chunks/swipeHandler.8emelhOL.js";
 import { ref, computed, toValue } from "vue";
+const defaultOptions = {
+  preventDefaultOnTouchMove: !1,
+  preventDefaultOnMouseWheel: !1,
+  threshold: 50,
+  immediate: !1,
+  triggerOnEnd: !1
+};
+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;
+  yStart;
+  xEnd;
+  yEnd;
+  xDiff;
+  yDiff;
+  onToucheStartCallback;
+  onToucheMoveCallback;
+  onToucheEndCallback;
+  onMouseWheelCallback;
+  start;
+  stop;
+  options;
+  startListening() {
+    this.setElement(this.options.element), this.element?.addEventListener("touchstart", this.onToucheStartCallback, { passive: !0 }), this.element?.addEventListener("touchmove", this.onToucheMoveCallback, { passive: !0 }), this.options.triggerOnEnd && this.element?.addEventListener("touchend", this.onToucheEndCallback, { passive: !0 }), this.options.preventDefaultOnMouseWheel && this.element?.addEventListener("mousewheel", this.onMouseWheelCallback, { passive: !1 });
+  }
+  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(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 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 = foundElement;
+    } else
+      this.element = element;
+  }
+  handleMouseWheel(event) {
+    event.preventDefault();
+  }
+  toucheStartHandler(event) {
+    this.xStart = event.touches[0].clientX, this.yStart = event.touches[0].clientY, this.emitValuesChanged();
+  }
+  emitValuesChanged() {
+    this.options.onValuesChanged?.({
+      xStart: this.xStart,
+      yStart: this.yStart,
+      xEnd: this.xEnd,
+      yEnd: this.yEnd,
+      xDiff: this.xDiff,
+      yDiff: this.yDiff
+    });
+  }
+  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(event) {
+    this.runCallbacks(event), this.emitValuesChanged();
+  }
+  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 Swipe({
     ...options,

package/dist/composables/useUserVisibility.js

@@ -1,4 +1,50 @@
-import { U as UserVisibility } from "../chunks/userVisibility.BbQSJASv.js";
+import { i as isClient } from "../chunks/isClient.WI4oSt66.js";
+class UserVisibility {
+  constructor(callback, options) {
+    this.callback = callback, this.options = {
+      ...this.defaultOptions,
+      ...options
+    }, this.eventHandlerFunction = this.eventHandler.bind(this), isClient() && this.start();
+  }
+  eventHandlerFunction;
+  event = "visibilitychange";
+  timeoutHandler;
+  options;
+  defaultOptions = {
+    timeout: 5e3,
+    once: !1,
+    immediate: !0
+  };
+  isVisible = !1;
+  start() {
+    if (!isClient()) {
+      console.warn("[UserVisibility](start) you should run this method on client side");
+      return;
+    }
+    this.options.immediate && this.emitCallback(), this.addEventListener();
+  }
+  emitCallback() {
+    this.isVisible = document.visibilityState === "visible", this.callback({ isVisible: this.isVisible }), this.options.once && this.destroy();
+  }
+  eventHandler() {
+    document.visibilityState === "visible" && !this.isVisible ? (this.clearTimeout(), this.emitCallback()) : document.visibilityState === "hidden" && this.initTimeout();
+  }
+  clearTimeout() {
+    this.timeoutHandler && (clearTimeout(this.timeoutHandler), this.timeoutHandler = void 0);
+  }
+  initTimeout() {
+    this.clearTimeout(), this.timeoutHandler = setTimeout(this.emitCallback.bind(this), this.options.timeout);
+  }
+  addEventListener() {
+    document.addEventListener(this.event, this.eventHandlerFunction);
+  }
+  removeEventListener() {
+    document.removeEventListener(this.event, this.eventHandlerFunction);
+  }
+  destroy() {
+    this.removeEventListener(), this.timeoutHandler && clearTimeout(this.timeoutHandler);
+  }
+}
 function useUserVisibility({
   callback,
   options

package/dist/directives/index.js

@@ -1,16 +1,16 @@
-import { vClickOutside, vClickOutsideInstall } from "./vClickOutside.js";
+import { d, p } from "../chunks/vClickOutside.C69k0jaG.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 } from "../chunks/fullscreen-img.directive.CyOHexcO.js";
-import { d as d2 } from "../chunks/lazy-img.directive.D5zCo3Zi.js";
+import { d as d2 } from "../chunks/fullscreen-img.directive.ClMlhEtN.js";
+import { d as d3 } from "../chunks/lazy-img.directive.D5zCo3Zi.js";
 export {
-  vClickOutside,
-  vClickOutsideInstall,
-  d as vFullscreenImg,
+  d as vClickOutside,
+  p as vClickOutsideInstall,
+  d2 as vFullscreenImg,
   vFullscreenImgInstall,
-  d2 as vLazyImg,
+  d3 as vLazyImg,
   vLazyImgInstall,
   vTooltip,
   vTooltipInstall,