maz-ui 4.7.5 → 4.7.6

package/dist/composables/useWait.js

@@ -1,7 +1 @@
-import { useInjectStrict } from "./useInjectStrict.js";
-function useWait() {
-  return useInjectStrict("mazWait", void 0, "[maz-ui](useWait) WaitPlugin is not installed");
-}
-export {
-  useWait
-};
+import{useInjectStrict}from"./useInjectStrict.js";function useWait(){return useInjectStrict(`mazWait`,void 0,`[maz-ui](useWait) WaitPlugin is not installed`)}export{useWait};

package/dist/composables/useWindowSize.js

@@ -1,21 +1 @@
-import { isClient } from "@maz-ui/utils/helpers/isClient";
-import { ref, onMounted, onUnmounted } from "vue";
-function useWindowSize(options = {}) {
-  const {
-    internalWindow = isClient() ? globalThis : void 0,
-    initialWidth = Number.POSITIVE_INFINITY,
-    initialHeight = Number.POSITIVE_INFINITY,
-    includeScrollbar = !0
-  } = options, width = ref(initialWidth), height = ref(initialHeight);
-  function update() {
-    internalWindow && (includeScrollbar ? (width.value = internalWindow.innerWidth, height.value = internalWindow.innerHeight) : (width.value = internalWindow.document.documentElement.clientWidth, height.value = internalWindow.document.documentElement.clientHeight));
-  }
-  return update(), onMounted(() => {
-    internalWindow && internalWindow.addEventListener("resize", update, { passive: !0 });
-  }), onUnmounted(() => {
-    internalWindow && internalWindow.removeEventListener("resize", update);
-  }), { width, height };
-}
-export {
-  useWindowSize
-};
+import{onMounted,onUnmounted,ref}from"vue";import{isClient}from"@maz-ui/utils/helpers/isClient";function useWindowSize(options={}){let{internalWindow=isClient()?globalThis:void 0,initialWidth=1/0,initialHeight=1/0,includeScrollbar=!0}=options;let width=ref(initialWidth);let height=ref(initialHeight);function update(){internalWindow&&(includeScrollbar?(width.value=internalWindow.innerWidth,height.value=internalWindow.innerHeight):(width.value=internalWindow.document.documentElement.clientWidth,height.value=internalWindow.document.documentElement.clientHeight))}return update(),onMounted(()=>{internalWindow&&internalWindow.addEventListener(`resize`,update,{passive:!0})}),onUnmounted(()=>{internalWindow&&internalWindow.removeEventListener(`resize`,update)}),{width,height}}export{useWindowSize};

package/dist/directives/index.js

@@ -1,19 +1 @@
-import { vClickOutside, vClickOutsideInstall } from "./vClickOutside.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.BJieSSIt.js";
-import { d as d2 } from "../chunks/lazy-img.directive.GRfYbidn.js";
-export {
-  vClickOutside,
-  vClickOutsideInstall,
-  d as vFullscreenImg,
-  vFullscreenImgInstall,
-  d2 as vLazyImg,
-  vLazyImgInstall,
-  vTooltip,
-  vTooltipInstall,
-  vZoomImg,
-  vZoomImgInstall
-};
+import"../chunks/MazSpinner.D3NN2pow.js";import{vClickOutside as directive,vClickOutsideInstall as plugin}from"./vClickOutside.js";import"../chunks/MazPopover.Co8BEopX.js";import{n as directive$2,t as plugin$2}from"../chunks/vLazyImg.CXmd3Lp0.js";import{n as directive$1,t as plugin$1}from"../chunks/vFullscreenImg.CZeRh3mw.js";import{n as vZoomImg,t as plugin$4}from"../chunks/vZoomImg.CaAHb98S.js";import{vTooltip as directive$3,vTooltipInstall as plugin$3}from"./vTooltip.js";export{directive as vClickOutside,plugin as vClickOutsideInstall,directive$1 as vFullscreenImg,plugin$1 as vFullscreenImgInstall,directive$2 as vLazyImg,plugin$2 as vLazyImgInstall,directive$3 as vTooltip,plugin$3 as vTooltipInstall,vZoomImg,plugin$4 as vZoomImgInstall};

package/dist/directives/vClickOutside.js

@@ -1,104 +1 @@
-import { isServer } from "@maz-ui/utils/helpers/isServer";
-import { nextTick } from "vue";
-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);
-  }
-};
-export {
-  directive as vClickOutside,
-  plugin as vClickOutsideInstall
-};
+import{nextTick}from"vue";import{isServer}from"@maz-ui/utils/helpers/isServer";var eventHandlers=new WeakMap;function getEventType(){return isServer()?`click`:document.ontouchstart===null?`touchstart`:`click`}function isOptionsObject(value){return typeof value==`object`&&!!value&&`callback`in value}function getOptionsFromBinding(binding){let 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;let excludedElement=document.querySelector(selector);if(excludedElement){let 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$1(el,binding){if(!isServer())try{onUnmounted$1(el);let vm=binding.instance;let{callback,ignore=[],capture=!1,once=!1,stopPropagation=!1}=getOptionsFromBinding(binding);let isCallbackFunction=typeof callback==`function`;if(!isCallbackFunction)throw Error(`[maz-ui](vClickOutside) the callback should be a function`);await nextTick();let eventHandler=event=>{stopPropagation&&event.stopPropagation();let target=event.target;if(!target||!el)return;let isOutside=!el.contains(target);let shouldIgnore=ignore.length>0&&shouldIgnoreElement(target,ignore);if(isOutside&&!shouldIgnore&&callback&&isCallbackFunction)return callback.call(vm,event)};eventHandlers.set(el,eventHandler);let eventType=getEventType();document.addEventListener(eventType,eventHandler,{passive:!0,capture,once})}catch(error){console.error(`[maz-ui](vClickOutside)`,error)}}function onUnmounted$1(el){if(!isServer())try{let eventHandler=eventHandlers.get(el);if(eventHandler){let 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$1(el,binding)}catch(error){console.error(`[maz-ui](vClickOutside)`,error)}}var directive={mounted:onMounted$1,updated:onUpdated,unmounted:onUnmounted$1};var plugin={install:app=>{app.directive(`click-outside`,directive)}};export{directive as vClickOutside,plugin as vClickOutsideInstall};

package/dist/directives/vFullscreenImg.js

@@ -1,10 +1 @@
-import { d as directive } from "../chunks/fullscreen-img.directive.BJieSSIt.js";
-const plugin = {
-  install(app) {
-    app.directive("fullscreen-img", directive);
-  }
-};
-export {
-  directive as vFullscreenImg,
-  plugin as vFullscreenImgInstall
-};
+import"../chunks/MazSpinner.D3NN2pow.js";import{n as directive,t as plugin}from"../chunks/vFullscreenImg.CZeRh3mw.js";export{directive as vFullscreenImg,plugin as vFullscreenImgInstall};

package/dist/directives/vLazyImg.js

@@ -1,23 +1 @@
-import { L as LazyImg, D as DEFAULT_OPTIONS } from "../chunks/lazy-img.directive.GRfYbidn.js";
-import { d } from "../chunks/lazy-img.directive.GRfYbidn.js";
-const plugin = {
-  install(app, opts = {}) {
-    const options = {
-      ...DEFAULT_OPTIONS,
-      ...opts,
-      observerOptions: {
-        ...DEFAULT_OPTIONS.observerOptions,
-        ...opts.observerOptions
-      }
-    }, instance = new LazyImg(options);
-    app.directive("lazy-img", {
-      created: instance.add.bind(instance),
-      updated: instance.update.bind(instance),
-      unmounted: instance.remove.bind(instance)
-    });
-  }
-};
-export {
-  d as vLazyImg,
-  plugin as vLazyImgInstall
-};
+import{n as directive,t as plugin}from"../chunks/vLazyImg.CXmd3Lp0.js";export{directive as vLazyImg,plugin as vLazyImgInstall};

package/dist/directives/vTooltip.js

@@ -1,161 +1 @@
-import { ref, nextTick, watch, h } from "vue";
-import MazPopover from "../components/MazPopover.js";
-import { useMountComponent } from "../composables/useMountComponent.js";
-const tooltipInstances = /* @__PURE__ */ new WeakMap();
-class TooltipHandler {
-  defaultProps;
-  constructor(options = {}) {
-    this.defaultProps = {
-      open: !1,
-      position: "top",
-      trigger: "hover",
-      role: "tooltip",
-      closeOnClickOutside: !1,
-      closeOnEscape: !1,
-      color: "contrast",
-      ...options
-    };
-  }
-  getTooltipProps(binding) {
-    const baseOptions = { ...this.defaultProps };
-    return typeof binding.value == "string" ? {
-      ...baseOptions,
-      text: binding.value,
-      position: this.getPositionFromModifiers(binding) || baseOptions.position || "top"
-    } : {
-      ...baseOptions,
-      ...binding.value,
-      position: this.getPositionFromModifiers(binding) || binding.value.position || baseOptions.position || "top"
-    };
-  }
-  getPositionFromModifiers(binding) {
-    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) {
-    const tooltipProps = this.getTooltipProps(binding);
-    if (!tooltipProps.text && !tooltipProps.html) {
-      console.warn("[maz-ui](vTooltip) No text or html content provided");
-      return;
-    }
-    const isOpen = ref(!!tooltipProps.open);
-    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,
-        onAfterCloseAnimation: () => {
-          vNodeInstance?.destroy(), vNodeInstance = null;
-        }
-      };
-      vNodeInstance = useMountComponent(MazPopover, {
-        props: popoverProps,
-        children: {
-          default: () => tooltipProps.html ? h("div", { innerHTML: tooltipProps.html }) : tooltipProps.text || ""
-        },
-        element: el
-      });
-    };
-    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(() => {
-      setupTriggers();
-    }), watch(isOpen, (value) => {
-      value ? createTooltip() : vNodeInstance && vNodeInstance?.vNode.component?.exposed?.close();
-    }, { immediate: !0 });
-    function destroy() {
-      cleanupTriggers(), vNodeInstance && (vNodeInstance.destroy(), vNodeInstance = null);
-    }
-    function updateProps(newProps) {
-      const oldTrigger = tooltipProps.trigger;
-      Object.assign(tooltipProps, newProps), isOpen.value = !!newProps.open, oldTrigger !== newProps.trigger && setupTriggers(), createTooltip();
-    }
-    tooltipInstances.set(el, {
-      destroy,
-      updateProps,
-      isOpen
-    });
-  }
-  update(el, binding) {
-    const instance = tooltipInstances.get(el);
-    if (instance) {
-      const newProps = this.getTooltipProps(binding);
-      instance.updateProps(newProps);
-    } else
-      this.mount(el, binding);
-  }
-  unmount(el) {
-    const instance = tooltipInstances.get(el);
-    instance && (instance.destroy(), tooltipInstances.delete(el));
-  }
-}
-let globalHandler;
-const directive = {
-  mounted(el, binding) {
-    return globalHandler || (globalHandler = new TooltipHandler()), globalHandler.mount(el, binding);
-  },
-  updated(el, binding) {
-    return globalHandler || (globalHandler = new TooltipHandler()), globalHandler.update(el, binding);
-  },
-  unmounted(el) {
-    globalHandler && globalHandler.unmount(el);
-  }
-}, plugin = {
-  install: (app, options) => {
-    const handler = new TooltipHandler(options);
-    app.directive("tooltip", {
-      beforeMount: handler.mount.bind(handler),
-      updated: handler.update.bind(handler),
-      unmounted: handler.unmount.bind(handler)
-    });
-  }
-};
-export {
-  directive as vTooltip,
-  plugin as vTooltipInstall
-};
+import{t as MazPopover_default}from"../chunks/MazPopover.Co8BEopX.js";import{useMountComponent}from"../composables/useMountComponent.js";import{h,nextTick,ref,watch}from"vue";var tooltipInstances=new WeakMap;var TooltipHandler=class{defaultProps;constructor(options={}){this.defaultProps={open:!1,position:`top`,trigger:`hover`,role:`tooltip`,closeOnClickOutside:!1,closeOnEscape:!1,color:`contrast`,...options}}getTooltipProps(binding){let baseOptions={...this.defaultProps};return typeof binding.value==`string`?{...baseOptions,text:binding.value,position:this.getPositionFromModifiers(binding)||baseOptions.position||`top`}:{...baseOptions,...binding.value,position:this.getPositionFromModifiers(binding)||binding.value.position||baseOptions.position||`top`}}getPositionFromModifiers(binding){let modifiers=Object.keys(binding.modifiers);let validPositions=[`top`,`bottom`,`left`,`right`,`top-start`,`top-end`,`bottom-start`,`bottom-end`,`left-start`,`left-end`,`right-start`,`right-end`,`auto`];for(let modifier of modifiers)if(validPositions.includes(modifier))return modifier}mount(el,binding){let tooltipProps=this.getTooltipProps(binding);if(!tooltipProps.text&&!tooltipProps.html){console.warn(`[maz-ui](vTooltip) No text or html content provided`);return}let isOpen=ref(!!tooltipProps.open);let vNodeInstance=null;let createTooltip=()=>{vNodeInstance=useMountComponent(MazPopover_default,{props:{...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,onAfterCloseAnimation:()=>{vNodeInstance?.destroy(),vNodeInstance=null}},children:{default:()=>tooltipProps.html?h(`div`,{innerHTML:tooltipProps.html}):tooltipProps.text||``},element:el})};function isTouchDevice(){return`ontouchstart`in globalThis||navigator.maxTouchPoints>0}function getEffectiveTrigger(){return tooltipProps.trigger===`adaptive`?isTouchDevice()?`click`:`hover`:tooltipProps.trigger||`hover`}let mouseEnterHandler=null;let mouseLeaveHandler=null;let clickHandler=null;function setupTriggers(){cleanupTriggers();let 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),null),mouseLeaveHandler&&=(el.removeEventListener(`mouseleave`,mouseLeaveHandler),null),clickHandler&&=(el.removeEventListener(`click`,clickHandler),null)}nextTick(()=>{setupTriggers()}),watch(isOpen,value=>{value?createTooltip():vNodeInstance&&vNodeInstance?.vNode.component?.exposed?.close()},{immediate:!0});function destroy(){cleanupTriggers(),vNodeInstance&&=(vNodeInstance.destroy(),null)}function updateProps(newProps){let oldTrigger=tooltipProps.trigger;Object.assign(tooltipProps,newProps),isOpen.value=!!newProps.open,oldTrigger!==newProps.trigger&&setupTriggers(),createTooltip()}tooltipInstances.set(el,{destroy,updateProps,isOpen})}update(el,binding){let instance=tooltipInstances.get(el);if(instance){let newProps=this.getTooltipProps(binding);instance.updateProps(newProps)}else this.mount(el,binding)}unmount(el){let instance=tooltipInstances.get(el);instance&&(instance.destroy(),tooltipInstances.delete(el))}};var globalHandler;var directive={mounted(el,binding){return globalHandler||=new TooltipHandler,globalHandler.mount(el,binding)},updated(el,binding){return globalHandler||=new TooltipHandler,globalHandler.update(el,binding)},unmounted(el){globalHandler&&globalHandler.unmount(el)}};var plugin={install:(app,options)=>{let handler=new TooltipHandler(options);app.directive(`tooltip`,{beforeMount:handler.mount.bind(handler),updated:handler.update.bind(handler),unmounted:handler.unmount.bind(handler)})}};export{directive as vTooltip,plugin as vTooltipInstall};

package/dist/directives/vZoomImg.js

@@ -1,286 +1 @@
-const style = `
-.maz-zoom-img {
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  padding: 1rem;
-  z-index: 1050;
-  background-color: hsla(238, 15%, 40%, 0.7);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-}
-
-.maz-zoom-img,
-.maz-zoom-img * {
-  box-sizing: border-box;
-}
-
-.maz-zoom-img .maz-zoom-img__wrapper {
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  min-width: 0;
-  min-height: 0;
-  max-width: 100%;
-  max-height: 100%;
-  transition: all 300ms ease-in-out;
-  opacity: 0;
-  transform: scale(0.5);
-}
-
-.maz-zoom-img.maz-animate .maz-zoom-img__wrapper {
-  opacity: 1;
-  transform: scale(1);
-}
-
-.maz-zoom-img.maz-animate .maz-zoom-img__loader {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: hsla(238, 15%, 40%, 0.7);
-  border-radius: 1rem;
-  z-index: 2;
-  min-width: 60px;
-  min-height: 60px;
-}
-.maz-zoom-img.maz-animate .maz-zoom-img__loader[hidden] {
-  display: none;
-}
-
-@-webkit-keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
-
-@keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
-
-.maz-zoom-img.maz-animate .maz-zoom-img__loader__svg {
-  animation: spin .6s linear infinite;
-}
-
-.maz-zoom-img img {
-  max-width: 100%;
-  max-height: 100%;
-  min-width: 0;
-  border-radius: 1rem;
-}
-
-.maz-zoom-img .maz-zoom-btn {
-  margin: 0 auto;
-  border: none;
-  background-color: hsla(0, 0%, 7%, 0.5);
-  box-shadow: 0 0 0.5rem 0 hsla(0, 0%, 0%, 0.2);
-  height: 2.2rem;
-  min-height: 2.2rem;
-  width: 2.2rem;
-  min-width: 2.2rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 2.2rem;
-  cursor: pointer;
-  flex: 0 0 auto;
-  outline: none;
-}
-
-.maz-zoom-img .maz-zoom-btn svg {
-  fill: white;
-}
-
-.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--close {
-  position: absolute;
-  top: 0.5rem;
-  right: 0.5rem;
-  z-index: 1;
-}
-
-.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--previous {
-  position: absolute;
-  left: 0.5rem;
-  z-index: 1;
-}
-
-.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--next {
-  position: absolute;
-  right: 0.5rem;
-  z-index: 1;
-}
-
-.maz-zoom-img .maz-zoom-btn:hover {
-  background-color: hsl(0, 0%, 0%);
-}`, svgs = {
-  close: '<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>',
-  next: '<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>',
-  previous: '<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>',
-  spinner: '<svg width="40px" height="40px" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor" x="0px" y="0px" viewBox="0 0 50 50" xml:space="preserve" class="maz-zoom-img__loader__svg" data-v-6d1cb50c=""><path d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"></path></svg>'
-};
-class ZoomImgHandler {
-  options;
-  loader;
-  wrapper;
-  img;
-  keydownHandler;
-  onImgLoadedCallback;
-  buttonsAdded;
-  defaultOptions = {
-    scale: !0,
-    blur: !0,
-    disabled: !1
-  };
-  mouseEnterListener = void 0;
-  mouseLeaveListener = void 0;
-  renderPreviewListener = void 0;
-  constructor(binding) {
-    if (!binding.value)
-      throw new Error(
-        '[MazUI](zoom-img) Image path must be defined. Ex: `v-zoom-img="<PATH_TO_IMAGE>"`'
-      );
-    if (typeof binding.value == "object" && !binding.value.src)
-      throw new Error("[maz-ui](zoom-img) src of image must be provided");
-    this.buttonsAdded = !1, this.options = this.buildOptions(binding), this.keydownHandler = this.keydownLister.bind(this), this.loader = this.getLoader(), this.wrapper = document.createElement("div"), this.wrapper.classList.add("maz-zoom-img__wrapper"), this.wrapper.prepend(this.loader), this.img = document.createElement("img"), this.onImgLoadedCallback = this.onImgLoaded.bind(this), this.imgEventHandler(!0);
-  }
-  buildOptions(binding) {
-    return {
-      ...this.defaultOptions,
-      ...typeof binding.value == "object" ? binding.value : { src: binding.value }
-    };
-  }
-  get allInstances() {
-    return [...document.querySelectorAll(".maz-zoom-img-instance")];
-  }
-  create(el) {
-    this.options.disabled || (el.style.cursor = "pointer", setTimeout(() => el.classList.add("maz-zoom-img-instance")), el.setAttribute("data-zoom-src", this.options.src), this.options.alt && el.setAttribute("data-zoom-alt", this.options.alt), el.style.transition = "all 300ms ease-in-out", this.mouseEnterListener = () => this.mouseEnter(el), this.mouseLeaveListener = () => this.mouseLeave(el), this.renderPreviewListener = () => this.renderPreview(el, this.options), el.addEventListener("mouseenter", this.mouseEnterListener), el.addEventListener("mouseleave", this.mouseLeaveListener), el.addEventListener("click", this.renderPreviewListener));
-  }
-  update(binding) {
-    this.options = this.buildOptions(binding);
-  }
-  remove(el) {
-    this.imgEventHandler(!1), this.mouseEnterListener && el.removeEventListener("mouseenter", this.mouseEnterListener), this.mouseLeaveListener && el.removeEventListener("mouseleave", this.mouseLeaveListener), this.renderPreviewListener && el.removeEventListener("click", this.renderPreviewListener), this.mouseEnterListener = void 0, this.mouseLeaveListener = void 0, this.renderPreviewListener = void 0, el.classList.remove("maz-zoom-img-instance"), el.removeAttribute("data-zoom-src"), el.removeAttribute("data-zoom-alt"), el.style.cursor = "";
-  }
-  renderPreview(el, options) {
-    el.classList.add(
-      "maz-is-open"
-      /* OPEN */
-    ), this.addStyle(style);
-    const container = document.createElement("div");
-    container.classList.add("maz-zoom-img"), container.setAttribute("id", "MazImgPreviewFullsize"), container.addEventListener("click", (e) => {
-      container.isEqualNode(e.target) && this.closePreview();
-    }), typeof options == "object" && (this.img.setAttribute("src", options.src), options.alt && this.img.setAttribute("alt", options.alt), this.img.id = "MazImgElement"), this.wrapper.append(this.img), container.append(this.wrapper), document.body.append(container), this.keyboardEventHandler(!0), setTimeout(() => {
-      container && container.classList.add("maz-animate");
-    }, 100);
-  }
-  onImgLoaded() {
-    this.wrapper.style.width = `${this.img.width}px`, this.wrapper.style.minWidth = "200px", this.loader.hidden = !0;
-    const closeButton = this.getButton(), buttons = [], hasMultipleInstance = this.allInstances.length > 1;
-    if (!this.buttonsAdded) {
-      if (this.buttonsAdded = !0, hasMultipleInstance) {
-        const previousButton = this.getButton("previous"), nextButton = this.getButton("next");
-        buttons.push(previousButton, nextButton);
-      }
-      this.wrapper.append(closeButton), hasMultipleInstance && (this.wrapper.prepend(buttons[0]), this.wrapper.append(buttons[1]));
-    }
-  }
-  getLoader() {
-    const loader = document.createElement("div");
-    return loader.classList.add("maz-zoom-img__loader"), loader.innerHTML = svgs.spinner, loader;
-  }
-  mouseLeave(el) {
-    this.options.scale && (el.style.transform = ""), this.options.blur && (el.style.filter = ""), el.style.zIndex = "";
-  }
-  mouseEnter(el) {
-    el.style.zIndex = "1", this.options.scale && (el.style.transform = "scale(1.1)"), this.options.blur && (el.style.filter = "blur(2px)");
-  }
-  keydownLister(e) {
-    e.preventDefault(), (e.key === "Escape" || e.key === " ") && this.closePreview(), (e.key === "ArrowLeft" || e.key === "ArrowRight") && this.nextPreviousImage(e.key === "ArrowRight");
-  }
-  getButton(iconName = "close") {
-    const button = document.createElement("button");
-    button.innerHTML = svgs[iconName];
-    const getAction = () => iconName === "close" ? this.closePreview() : this.allInstances ? this.nextPreviousImage(iconName === "next") : null;
-    return button.addEventListener("click", () => {
-      getAction();
-    }), button.classList.add("maz-zoom-btn"), button.classList.add(`maz-zoom-btn--${iconName}`), button;
-  }
-  closePreview() {
-    const container = document.querySelector("#MazImgPreviewFullsize"), style2 = document.querySelector("#MazPreviewStyle"), instance2 = document.querySelector(
-      ".maz-zoom-img-instance.maz-is-open"
-    );
-    instance2 && instance2.classList.remove(
-      "maz-is-open"
-      /* OPEN */
-    ), container && container.classList.remove("maz-animate"), this.keyboardEventHandler(!1), setTimeout(() => {
-      container && container.remove(), style2 && style2.remove();
-    }, 300);
-  }
-  getNewInstanceIndex(newInstanceIndex) {
-    let nextIndex = newInstanceIndex;
-    return nextIndex < 0 ? nextIndex = this.allInstances.length - 1 : nextIndex >= this.allInstances.length && (nextIndex = 0), nextIndex;
-  }
-  nextPreviousImage(isNext) {
-    const selectNextInstance = isNext, currentInstance = document.querySelector(
-      ".maz-zoom-img-instance.maz-is-open"
-    );
-    if (currentInstance) {
-      const currentInstanceIndex = this.allInstances.indexOf(currentInstance), newInstanceIndex = selectNextInstance ? currentInstanceIndex + 1 : currentInstanceIndex - 1, nextInstance = this.allInstances[this.getNewInstanceIndex(newInstanceIndex)];
-      nextInstance && this.useNextInstance(currentInstance, nextInstance);
-    }
-  }
-  useNextInstance(currentInstance, nextInstance) {
-    currentInstance.classList.remove(
-      "maz-is-open"
-      /* OPEN */
-    ), nextInstance.classList.add(
-      "maz-is-open"
-      /* OPEN */
-    );
-    const src = nextInstance.getAttribute("data-zoom-src"), alt = nextInstance.getAttribute("data-zoom-alt");
-    this.wrapper.style.width = "", this.loader.hidden = !1, src && this.img.setAttribute("src", src), alt && this.img.setAttribute("alt", alt);
-  }
-  addStyle(styleString) {
-    const style2 = document.createElement("style");
-    style2.id = "MazPreviewStyle", style2.textContent = styleString, document.head.append(style2);
-  }
-  keyboardEventHandler(add) {
-    if (add)
-      return document.addEventListener("keydown", this.keydownHandler);
-    document.removeEventListener("keydown", this.keydownHandler);
-  }
-  imgEventHandler(add) {
-    if (add)
-      return this.img.addEventListener("load", this.onImgLoadedCallback);
-    this.img.removeEventListener("load", this.onImgLoadedCallback);
-  }
-}
-let instance;
-const vZoomImg = {
-  created(el, binding) {
-    instance = new ZoomImgHandler(binding), instance.create(el);
-  },
-  updated(_el, binding) {
-    instance.update(binding);
-  },
-  unmounted(el) {
-    instance.remove(el);
-  }
-}, plugin = {
-  install(app) {
-    app.directive("zoom-img", vZoomImg);
-  }
-};
-export {
-  vZoomImg,
-  plugin as vZoomImgInstall
-};
+import{n as vZoomImg,t as plugin}from"../chunks/vZoomImg.CaAHb98S.js";export{vZoomImg,plugin as vZoomImgInstall};

package/dist/index.js

@@ -1 +1 @@
-export * from "@maz-ui/utils";
+export*from"@maz-ui/utils";