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

package/dist/directives/vClickOutside.js

@@ -1,104 +1,6 @@
-import { nextTick } from "vue";
-import { i as isServer } from "../chunks/isServer.BokzeB-Q.js";
-const eventHandlers = /* @__PURE__ */ new WeakMap();
-function getEventType() {
-  return isServer() ? "click" : document.ontouchstart === null ? "touchstart" : "click";
-}
-function isOptionsObject(value) {
-  return typeof value == "object" && value !== null && "callback" in value;
-}
-function getOptionsFromBinding(binding) {
-  const value = binding.value;
-  return isOptionsObject(value) ? {
-    ignore: [],
-    capture: !1,
-    once: !1,
-    stopPropagation: !1,
-    ...value
-  } : {
-    callback: value,
-    ignore: [],
-    capture: !1,
-    once: !1,
-    stopPropagation: !1
-  };
-}
-function shouldIgnoreElement(target, ignoreSelectors) {
-  return isServer() ? !1 : ignoreSelectors.some((selector) => {
-    try {
-      if (target.matches && target.matches(selector) || target.closest && target.closest(selector) !== null)
-        return !0;
-      const excludedElement = document.querySelector(selector);
-      if (excludedElement) {
-        const elementId = excludedElement.getAttribute("id");
-        if (elementId && target instanceof HTMLElement && target.getAttribute("id") === elementId || excludedElement.contains(target))
-          return !0;
-      }
-      return !1;
-    } catch {
-      return !1;
-    }
-  });
-}
-async function onMounted(el, binding) {
-  if (!isServer())
-    try {
-      onUnmounted(el);
-      const vm = binding.instance, options = getOptionsFromBinding(binding), { callback, ignore = [], capture = !1, once = !1, stopPropagation = !1 } = options, isCallbackFunction = typeof callback == "function";
-      if (!isCallbackFunction)
-        throw new Error("[maz-ui](vClickOutside) the callback should be a function");
-      await nextTick();
-      const eventHandler = (event) => {
-        stopPropagation && event.stopPropagation();
-        const target = event.target;
-        if (!target || !el)
-          return;
-        const isOutside = !el.contains(target), shouldIgnore = ignore.length > 0 && shouldIgnoreElement(target, ignore);
-        if (isOutside && !shouldIgnore && callback && isCallbackFunction)
-          return callback.call(vm, event);
-      };
-      eventHandlers.set(el, eventHandler);
-      const eventType = getEventType(), eventOptions = {
-        passive: !0,
-        capture,
-        once
-      };
-      document.addEventListener(eventType, eventHandler, eventOptions);
-    } catch (error) {
-      console.error("[maz-ui](vClickOutside)", error);
-    }
-}
-function onUnmounted(el) {
-  if (!isServer())
-    try {
-      const eventHandler = eventHandlers.get(el);
-      if (eventHandler) {
-        const eventType = getEventType();
-        document.removeEventListener(eventType, eventHandler, !1), eventHandlers.delete(el);
-      }
-    } catch (error) {
-      console.error("[maz-ui](vClickOutside)", error);
-    }
-}
-function onUpdated(el, binding) {
-  try {
-    if (binding.value === binding.oldValue)
-      return;
-    onMounted(el, binding);
-  } catch (error) {
-    console.error("[maz-ui](vClickOutside)", error);
-  }
-}
-const directive = {
-  mounted: onMounted,
-  updated: onUpdated,
-  unmounted: onUnmounted
-}, plugin = {
-  install: (app) => {
-    app.directive("click-outside", directive);
-  }
-};
+import "vue";
+import { d, p } from "../chunks/vClickOutside.DIOiluy0.js";
 export {
-  directive as vClickOutside,
-  plugin as vClickOutsideInstall
+  d as vClickOutside,
+  p as vClickOutsideInstall
 };

package/dist/directives/vFullscreenImg.js

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

package/dist/directives/vLazyImg.js

@@ -1,5 +1,5 @@
-import { L as LazyImg, D as DEFAULT_OPTIONS } from "../chunks/lazy-img.directive.D5zCo3Zi.js";
-import { d } from "../chunks/lazy-img.directive.D5zCo3Zi.js";
+import { L as LazyImg, D as DEFAULT_OPTIONS } from "../chunks/lazy-img.directive.BLFnGqQa.js";
+import { d } from "../chunks/lazy-img.directive.BLFnGqQa.js";
 const plugin = {
   install(app, opts = {}) {
     const options = {

package/dist/directives/vTooltip.js

@@ -1,4 +1,4 @@
-import { h } from "vue";
+import { ref, nextTick, watch, h } from "vue";
 import MazPopover from "../components/MazPopover.js";
 import { useMountComponent } from "../composables/useMountComponent.js";
 const tooltipInstances = /* @__PURE__ */ new WeakMap();
@@ -7,8 +7,7 @@ class TooltipHandler {
   constructor(options = {}) {
     this.defaultProps = {
       open: !1,
-      positionDelay: 0,
-      preferPosition: "top",
+      position: "top",
       trigger: "hover",
       role: "tooltip",
       closeOnClickOutside: !1,
@@ -17,7 +16,7 @@ class TooltipHandler {
       ...options
     };
   }
-  getPopoverProps(binding) {
+  getTooltipProps(binding) {
     const baseOptions = { ...this.defaultProps };
     return typeof binding.value == "string" ? {
       ...baseOptions,
@@ -30,79 +29,117 @@ class TooltipHandler {
     };
   }
   getPositionFromModifiers(binding) {
-    if (binding.modifiers.top)
-      return "top";
-    if (binding.modifiers.bottom)
-      return "bottom";
-    if (binding.modifiers.left)
-      return "left";
-    if (binding.modifiers.right)
-      return "right";
-    if (binding.modifiers["top-start"])
-      return "top-start";
-    if (binding.modifiers["top-end"])
-      return "top-end";
-    if (binding.modifiers["bottom-start"])
-      return "bottom-start";
-    if (binding.modifiers["bottom-end"])
-      return "bottom-end";
-    if (binding.modifiers["left-start"])
-      return "left-start";
-    if (binding.modifiers["left-end"])
-      return "left-end";
-    if (binding.modifiers["right-start"])
-      return "right-start";
-    if (binding.modifiers["right-end"])
-      return "right-end";
-    if (binding.modifiers.auto)
-      return "auto";
+    const modifiers = Object.keys(binding.modifiers), validPositions = [
+      "top",
+      "bottom",
+      "left",
+      "right",
+      "top-start",
+      "top-end",
+      "bottom-start",
+      "bottom-end",
+      "left-start",
+      "left-end",
+      "right-start",
+      "right-end",
+      "auto"
+    ];
+    for (const modifier of modifiers)
+      if (validPositions.includes(modifier))
+        return modifier;
   }
   mount(el, binding) {
     this.unmount(el);
-    const props = this.getPopoverProps(binding);
-    if (!props.text && !props.html) {
+    const tooltipProps = this.getTooltipProps(binding);
+    if (!tooltipProps.text && !tooltipProps.html) {
       console.warn("[maz-ui](vTooltip) No text or html content provided");
       return;
     }
-    const popoverWrapper = document.createElement("div");
-    popoverWrapper.classList.add("m-tooltip-wrapper"), popoverWrapper.style.display = "inline-flex", el.parentNode && el.parentNode.replaceChild(popoverWrapper, el);
-    const popoverProps = {
-      ...props,
-      panelClass: ["m-tooltip-panel", "maz-text-sm", "maz-whitespace-pre-wrap", "maz-break-words", "maz-p-2", "maz-max-w-xs", props.panelClass].filter(Boolean).join(" "),
-      modelValue: props.open
-    }, { destroy } = useMountComponent(MazPopover, {
-      props: popoverProps,
-      children: {
-        trigger: () => h("div", {
-          ref: (triggerDiv) => {
-            triggerDiv && triggerDiv instanceof HTMLElement && !triggerDiv.contains(el) && triggerDiv.replaceWith(el);
+    const isOpen = ref(!!tooltipProps.open), tooltipContainer = document.createElement("div");
+    document.body.appendChild(tooltipContainer);
+    let vNodeInstance = null;
+    const createTooltip = () => {
+      const popoverProps = {
+        ...tooltipProps,
+        panelClass: [
+          "m-tooltip-panel",
+          "maz-text-sm",
+          "maz-whitespace-pre-wrap",
+          "maz-break-words",
+          "maz-p-2",
+          "maz-max-w-xs",
+          tooltipProps.panelClass
+        ].filter(Boolean).join(" "),
+        modelValue: isOpen.value,
+        positionReference: el
+        // Use original element as reference
+      };
+      vNodeInstance && vNodeInstance.destroy(), vNodeInstance = useMountComponent(MazPopover, {
+        props: {
+          ...popoverProps,
+          modelValue: isOpen.value,
+          "onUpdate:modelValue": (value) => {
+            isOpen.value = value;
           }
-        }),
-        default: () => props.html ? h("div", { innerHTML: props.html }) : props.text || ""
-      },
-      element: popoverWrapper
+        },
+        children: {
+          // Use a dummy trigger since we control positioning via positionReference
+          // trigger: () => h('div', { style: 'display: none;' }),
+          default: () => tooltipProps.html ? h("div", { innerHTML: tooltipProps.html }) : tooltipProps.text || ""
+        },
+        element: tooltipContainer
+      });
+    };
+    function isTouchDevice() {
+      return "ontouchstart" in globalThis || navigator.maxTouchPoints > 0;
+    }
+    function getEffectiveTrigger() {
+      return tooltipProps.trigger === "adaptive" ? isTouchDevice() ? "click" : "hover" : tooltipProps.trigger || "hover";
+    }
+    let mouseEnterHandler = null, mouseLeaveHandler = null, clickHandler = null;
+    function setupTriggers() {
+      cleanupTriggers();
+      const effectiveTrigger = getEffectiveTrigger();
+      effectiveTrigger === "hover" ? (mouseEnterHandler = () => {
+        isOpen.value = !0;
+      }, mouseLeaveHandler = () => {
+        isOpen.value = !1;
+      }, el.addEventListener("mouseenter", mouseEnterHandler), el.addEventListener("mouseleave", mouseLeaveHandler)) : effectiveTrigger === "click" && (clickHandler = () => {
+        isOpen.value = !isOpen.value;
+      }, el.addEventListener("click", clickHandler));
+    }
+    function cleanupTriggers() {
+      mouseEnterHandler && (el.removeEventListener("mouseenter", mouseEnterHandler), mouseEnterHandler = null), mouseLeaveHandler && (el.removeEventListener("mouseleave", mouseLeaveHandler), mouseLeaveHandler = null), clickHandler && (el.removeEventListener("click", clickHandler), clickHandler = null);
+    }
+    nextTick(() => {
+      createTooltip(), setupTriggers();
+    }), watch(isOpen, () => {
+      createTooltip();
     });
-    function cleanup(shouldRestore = !0) {
-      if (destroy(), shouldRestore && popoverWrapper.parentNode)
-        try {
-          popoverWrapper.parentNode.insertBefore(el, popoverWrapper), popoverWrapper.parentNode.removeChild(popoverWrapper);
-        } catch (error) {
-          console.warn("[maz-ui](vTooltip) Failed to restore original element:", error);
-        }
+    function destroy() {
+      cleanupTriggers(), vNodeInstance && (vNodeInstance.destroy(), vNodeInstance = null), tooltipContainer.parentNode && tooltipContainer.parentNode.removeChild(tooltipContainer);
+    }
+    function updateProps(newProps) {
+      const oldTrigger = tooltipProps.trigger;
+      Object.assign(tooltipProps, newProps), isOpen.value = !!newProps.open, oldTrigger !== newProps.trigger && setupTriggers(), createTooltip();
     }
     tooltipInstances.set(el, {
       destroy,
-      popoverWrapper,
-      cleanup
+      updateProps,
+      isOpen
     });
   }
   update(el, binding) {
     const instance = tooltipInstances.get(el);
-    instance && (instance.cleanup(!0), tooltipInstances.delete(el)), this.mount(el, binding);
+    if (instance) {
+      const newProps = this.getTooltipProps(binding);
+      instance.updateProps(newProps);
+    } else
+      this.mount(el, binding);
   }
   unmount(el) {
     const instance = tooltipInstances.get(el);
-    instance && (instance.cleanup(!1), tooltipInstances.delete(el));
+    instance && (instance.destroy(), tooltipInstances.delete(el));
   }
 }
 let globalHandler;
@@ -117,7 +154,7 @@ const directive = {
     globalHandler && globalHandler.unmount(el);
   }
 }, plugin = {
-  install: (app, options = {}) => {
+  install: (app, options) => {
     const handler = new TooltipHandler(options);
     app.directive("tooltip", {
       beforeMount: handler.mount.bind(handler),

package/dist/index.js

@@ -1,114 +1 @@
-import { c, p } from "./chunks/pascalCase.D_nuQ66I.js";
-import { c as c2 } from "./chunks/capitalize.BF6CDS_4.js";
-import { f } from "./chunks/formatCurrency.C8NzW9Ii.js";
-import { f as f2 } from "./chunks/formatDate.DZ_OzdnV.js";
-import { c as c3 } from "./chunks/checkAvailability.aTpZidex.js";
-import { t as truthyFilter } from "./chunks/truthyFilter.C2WOKUCG.js";
-import { d } from "./chunks/debounce.Brzkn9pm.js";
-import { d as d2 } from "./chunks/debounceCallback.B69vn57Q.js";
-import { d as d3, i, t } from "./chunks/throttleId.7PhWZjcS.js";
-import { g } from "./chunks/getCountryFlagUrl.dQjriBXx.js";
-import { I } from "./chunks/idleTimeout.-ICpdeGV.js";
-import { i as i2 } from "./chunks/isClient.WI4oSt66.js";
-import { i as i3 } from "./chunks/isServer.BokzeB-Q.js";
-import { i as i4 } from "./chunks/isStandaloneMode.BpUpOTbA.js";
-import { n } from "./chunks/normalizeString.CFe2M8S_.js";
-import { s } from "./chunks/sleep.BLRH1qZG.js";
-import { S } from "./chunks/swipeHandler.8emelhOL.js";
-import { T } from "./chunks/TextareaAutogrow.C22LQx0k.js";
-import { t as t2 } from "./chunks/throttle.DN8ARw0a.js";
-import { U } from "./chunks/userVisibility.BbQSJASv.js";
-const DEFAULT_OPTIONS = {
-  minimumFractionDigits: 2
-};
-function formatNumber(number, locale, options) {
-  const filterOptions = {
-    ...DEFAULT_OPTIONS,
-    ...options
-  };
-  if (number === void 0)
-    throw new TypeError("[maz-ui](FilterNumber) The `number` attribute is required.");
-  if (locale === void 0)
-    throw new TypeError("[maz-ui](FilterNumber) The `locale` attribute is required.");
-  if (typeof locale != "string")
-    throw new TypeError("[maz-ui](FilterNumber) The `locale` attribute must be a string.");
-  try {
-    return new Intl.NumberFormat(locale, filterOptions).format(Number(number));
-  } catch (error) {
-    throw new Error(`[maz-ui](FilterNumber) ${error}`);
-  }
-}
-function countryCodeToUnicodeFlag(locale) {
-  return [...locale].map((letter) => {
-    const code = letter.codePointAt(0);
-    return code ? code % 32 + 127461 : void 0;
-  }).filter(truthyFilter).map((n2) => String.fromCodePoint(n2)).join("");
-}
-class ScriptLoader {
-  src;
-  script;
-  once;
-  async;
-  defer;
-  identifier;
-  constructor({ src, identifier, once = !0, async = !0, defer = !0 }) {
-    if (typeof window > "u")
-      throw new TypeError("[ScriptLoader]: Is supported only on browser side");
-    if (!src)
-      throw new Error('[ScriptLoader]: You should provide the attribut "src"');
-    if (!identifier)
-      throw new Error('[ScriptLoader]: You should provide the attribut "identifier"');
-    this.src = src, this.identifier = identifier, this.once = once, this.async = async, this.defer = defer;
-  }
-  removeTag(tag) {
-    typeof tag == "string" ? document.head.querySelector(`[data-identifier="${tag}"]`)?.remove() : tag.remove();
-  }
-  load() {
-    const windowInstance = window, scriptTags = document.head.querySelectorAll(`[data-identifier="${this.identifier}"]`);
-    if (this.once && windowInstance[this.identifier] && scriptTags.length > 0)
-      return this.script = windowInstance[this.identifier], Promise.resolve(this.script);
-    if (!this.once && scriptTags.length > 0)
-      for (const tag of scriptTags)
-        this.removeTag(tag);
-    return this.injectScript();
-  }
-  injectScript() {
-    const windowInstance = window;
-    return new Promise((resolve, reject) => {
-      try {
-        const script = document.createElement("script");
-        script.src = this.src, script.async = this.async, script.defer = this.defer, script.dataset.identifier = this.identifier, script.addEventListener("error", (error) => reject(new Error(`[ScriptLoader](injectScript) ${error.message}`))), script.addEventListener("load", (success) => (this.script = success, windowInstance[this.identifier] = success, resolve(success))), document.head.append(script);
-      } catch (error) {
-        throw new Error(`[ScriptLoader](init) ${error}`);
-      }
-    });
-  }
-}
-export {
-  I as IdleTimeout,
-  ScriptLoader,
-  S as Swipe,
-  T as TextareaAutogrow,
-  U as UserVisibility,
-  c as camelCase,
-  c2 as capitalize,
-  c3 as checkAvailability,
-  countryCodeToUnicodeFlag,
-  d as debounce,
-  d2 as debounceCallback,
-  d3 as debounceId,
-  f as formatCurrency,
-  f2 as formatDate,
-  formatNumber,
-  g as getCountryFlagUrl,
-  i2 as isClient,
-  i as isEqual,
-  i3 as isServer,
-  i4 as isStandaloneMode,
-  n as normalizeString,
-  p as pascalCase,
-  s as sleep,
-  t2 as throttle,
-  t as throttleId,
-  truthyFilter
-};
+export * from "@maz-ui/utils";

package/dist/plugins/dialog.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main, u as useMazDialogPromise } from "../chunks/MazDialogPromise.vue_vue_type_script_setup_true_lang.BQvDEofz.js";
+import { _ as _sfc_main, u as useMazDialogConfirm } from "../chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.Grn2kB3x.js";
 import { useMountComponent } from "../composables/useMountComponent.js";
 const DEFAULT_OPTIONS = {
   identifier: "main-dialog"
@@ -15,7 +15,7 @@ class DialogHandler {
     }, { destroy, vNode } = useMountComponent(_sfc_main, {
       props,
       app: this.app
-    }), { showDialogAndWaitChoice } = useMazDialogPromise();
+    }), { showDialogAndWaitChoice } = useMazDialogConfirm();
     function close() {
       vNode.component?.exposed?.isActive?.value && (vNode.component?.exposed?.close(), props.onClose?.(), setTimeout(() => {
         destroy();
@@ -23,7 +23,7 @@ class DialogHandler {
     }
     async function runDialog() {
       try {
-        const response = await showDialogAndWaitChoice(props.identifier, close);
+        const response = await showDialogAndWaitChoice(props.identifier);
         props.onAccept && props.onAccept(response);
       } catch (error) {
         const response = error;