maz-ui 3.22.4 → 3.23.1

package/modules/chunks/index-b1625fc2.mjs

@@ -1,2315 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-import "../assets/index.css";
-import { inject, createVNode, render, nextTick, defineComponent, defineAsyncComponent, onBeforeMount, ref, computed, onMounted as onMounted$1, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, withModifiers, withKeys, withDirectives, unref, vShow, createCommentVNode, createElementVNode, Transition, withCtx, createBlock, toDisplayString, createTextVNode } from "vue";
-function injectStrict(key, fallback) {
-  const resolved = inject(key, fallback);
-  if (!resolved) {
-    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${key}`);
-  }
-  return resolved;
-}
-function debounce(fn, delay) {
-  let timeout;
-  return function(...args) {
-    clearTimeout(timeout);
-    timeout = setTimeout(() => {
-      fn.apply(this, args);
-    }, delay);
-  };
-}
-function truthyFilter(value) {
-  return !!value;
-}
-function mount(component, options) {
-  let el = options == null ? void 0 : options.element;
-  function destroy() {
-    if (el)
-      render(null, el);
-  }
-  const vNode = createVNode(
-    component,
-    { ...options == null ? void 0 : options.props, ...(options == null ? void 0 : options.addDestroyInProps) ? { destroy } : {} },
-    options == null ? void 0 : options.children
-  );
-  if (options == null ? void 0 : options.app) {
-    vNode.appContext = options.app._context;
-    if (el) {
-      render(vNode, el);
-    } else if (typeof document !== "undefined") {
-      el = document.createElement("div");
-      render(vNode, el);
-    }
-  } else {
-    el = el ?? document.body;
-    render(vNode, el);
-  }
-  return { vNode, destroy, el };
-}
-function isClient() {
-  return typeof document !== "undefined";
-}
-class IdleTimeout {
-  constructor(callback, options) {
-    __publicField(this, "defaultOptions", {
-      element: void 0,
-      timeout: 60 * 1e3 * 5,
-      // 5 minutes
-      once: false,
-      immediate: true
-    });
-    __publicField(this, "options");
-    __publicField(this, "timeoutHandler");
-    __publicField(this, "isIdle", false);
-    __publicField(this, "isDestroy", false);
-    __publicField(this, "startTime", 0);
-    __publicField(this, "remainingTime", 0);
-    __publicField(this, "lastClientX", -1);
-    __publicField(this, "lastClientY", -1);
-    __publicField(this, "eventNames", [
-      "DOMMouseScroll",
-      "mousedown",
-      "mousemove",
-      "mousewheel",
-      "MSPointerDown",
-      "MSPointerMove",
-      "keydown",
-      "touchmove",
-      "touchstart",
-      "wheel",
-      "click"
-    ]);
-    __publicField(this, "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 });
-      } catch (error) {
-        throw new Error(`[IdleTimeout](handleEvent) ${error}`);
-      }
-    });
-    this.callback = callback;
-    this.options = {
-      ...this.defaultOptions,
-      ...options
-    };
-    if (isClient()) {
-      this.start();
-    }
-  }
-  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();
-    if (this.options.immediate) {
-      this.callback({ isIdle: false });
-    }
-  }
-  pause() {
-    const remainingTime = this.startTime + this.options.timeout - Date.now();
-    if (remainingTime <= 0) {
-      return;
-    }
-    this.remainingTime = remainingTime;
-    if (this.timeoutHandler) {
-      clearTimeout(this.timeoutHandler);
-      this.timeoutHandler = void 0;
-    }
-  }
-  resume() {
-    if (this.remainingTime <= 0) {
-      return;
-    }
-    this.resetTimeout();
-    this.callback({ isIdle: this.isIdle });
-    this.remainingTime = 0;
-  }
-  reset() {
-    this.isDestroy = false;
-    this.isIdle = false;
-    this.remainingTime = 0;
-    this.resetTimeout();
-    this.callback({ isIdle: this.isIdle });
-  }
-  destroy() {
-    if (!isClient()) {
-      console.warn(`[IdleTimeout](destroy) you should run this method on client side`);
-      return;
-    }
-    this.isDestroy = true;
-    for (const eventName of this.eventNames) {
-      this.element.removeEventListener(eventName, this.handleEvent);
-    }
-    if (this.timeoutHandler) {
-      clearTimeout(this.timeoutHandler);
-    }
-  }
-  resetTimeout() {
-    this.isIdle = false;
-    if (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();
-  }
-  handleTimeout() {
-    this.isIdle = true;
-    this.callback({ isIdle: this.isIdle });
-    if (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) {
-    if (value) {
-      this.handleTimeout();
-    } else {
-      this.reset();
-    }
-    this.callback({ isIdle: this.isIdle });
-  }
-}
-class UserVisibility {
-  constructor(callback, options) {
-    __publicField(this, "eventHandlerFunction");
-    __publicField(this, "event", "visibilitychange");
-    __publicField(this, "timeoutHandler");
-    __publicField(this, "options");
-    __publicField(this, "defaultOptions", {
-      timeout: 5e3,
-      once: false,
-      immediate: true
-    });
-    __publicField(this, "isVisible", false);
-    this.callback = callback;
-    this.options = {
-      ...this.defaultOptions,
-      ...options
-    };
-    this.eventHandlerFunction = this.eventHandler.bind(this);
-    if (isClient()) {
-      this.start();
-    }
-  }
-  start() {
-    if (!isClient()) {
-      console.warn(`[UserVisibility](start) you should run this method on client side`);
-      return;
-    }
-    if (this.options.immediate) {
-      this.emitCallback();
-    }
-    this.addEventListener();
-  }
-  emitCallback() {
-    this.isVisible = document.visibilityState === "visible";
-    this.callback({ isVisible: this.isVisible });
-    if (this.options.once) {
-      this.destroy();
-    }
-  }
-  eventHandler() {
-    if (document.visibilityState === "visible" && !this.isVisible) {
-      this.clearTimeout();
-      this.emitCallback();
-    } else if (document.visibilityState === "hidden") {
-      this.initTimeout();
-    }
-  }
-  clearTimeout() {
-    if (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();
-    if (this.timeoutHandler) {
-      clearTimeout(this.timeoutHandler);
-    }
-  }
-}
-const sleep = (duration) => {
-  return new Promise((resolve) => {
-    setTimeout(resolve, duration);
-  });
-};
-class ScriptLoader {
-  constructor({ src, identifier, once = true, async = true, defer = true }) {
-    __publicField(this, "src");
-    __publicField(this, "script");
-    __publicField(this, "once");
-    __publicField(this, "async");
-    __publicField(this, "defer");
-    __publicField(this, "identifier");
-    if (typeof window === "undefined") {
-      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) {
-    var _a;
-    if (typeof tag === "string") {
-      (_a = document.head.querySelector(`[data-identifier="${tag}"]`)) == null ? void 0 : _a.remove();
-    } else {
-      tag.remove();
-    }
-  }
-  load() {
-    const windowInstance = window;
-    const scriptTags = document.head.querySelectorAll(`[data-identifier="${this.identifier}"]`);
-    if (this.once && windowInstance[this.identifier] && scriptTags.length > 0) {
-      this.script = windowInstance[this.identifier];
-      return 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) => {
-          return reject(new Error(`[ScriptLoader](injectScript) ${error.message}`));
-        });
-        script.addEventListener("load", (success) => {
-          this.script = success;
-          windowInstance[this.identifier] = success;
-          return resolve(success);
-        });
-        document.head.append(script);
-      } catch (error) {
-        throw new Error(`[ScriptLoader](init) ${error}`);
-      }
-    });
-  }
-}
-function countryCodeToUnicodeFlag(locale) {
-  const characters = [...locale];
-  return characters.map((letter) => letter.charCodeAt(0) % 32 + 127461).map((n) => String.fromCodePoint(n)).join("");
-}
-const UNIQUE_ID = "__vue_click_away__";
-const getEventType$1 = () => {
-  return document.ontouchstart === null ? "touchstart" : "click";
-};
-const onMounted = async (el, binding) => {
-  onUnmounted(el);
-  const vm = binding.instance;
-  const callback = binding.value;
-  const isCallbackFunction = typeof callback === "function";
-  if (!isCallbackFunction) {
-    throw new Error("[maz-ui](vClickOutside) the callback should be a function");
-  }
-  await nextTick();
-  el[UNIQUE_ID] = (event) => {
-    if ((!el || !el.contains(event.target)) && callback && isCallbackFunction) {
-      return callback.call(vm, event);
-    }
-  };
-  const eventType = getEventType$1();
-  document.addEventListener(eventType, el[UNIQUE_ID], false);
-};
-const onUnmounted = (el) => {
-  const eventType = getEventType$1();
-  document.removeEventListener(eventType, el[UNIQUE_ID], false);
-  delete el[UNIQUE_ID];
-};
-const onUpdated = (el, binding) => {
-  if (binding.value === binding.oldValue) {
-    return;
-  }
-  onMounted(el, binding);
-};
-const directive$1 = {
-  mounted: onMounted,
-  updated: onUpdated,
-  unmounted: onUnmounted
-};
-const plugin$5 = {
-  install: (app) => {
-    app.directive("click-outside", directive$1);
-  }
-};
-const handleOutsideClick = (event, element, binding, vnode) => {
-  event.stopPropagation();
-  const { handler, exclude } = binding.value;
-  let clickedOnExcludedElement = false;
-  if (exclude && exclude.length > 0) {
-    for (const referenceName of exclude) {
-      if (!clickedOnExcludedElement) {
-        const excludedElement = vnode.context.$refs[referenceName];
-        clickedOnExcludedElement = excludedElement.contains(event.target);
-      }
-    }
-  }
-  if (!element.contains(event.target) && !clickedOnExcludedElement) {
-    vnode.context[handler]();
-  }
-};
-const getEventType = () => {
-  return document.ontouchstart === null ? "touchstart" : "click";
-};
-const unbind = (element, binding, vnode) => {
-  const eventType = getEventType();
-  document.removeEventListener(
-    eventType,
-    (event) => handleOutsideClick(event, element, binding, vnode)
-  );
-};
-const bind = (element, binding, vnode) => {
-  const eventType = getEventType();
-  document.addEventListener(
-    eventType,
-    (event) => handleOutsideClick(event, element, binding, vnode)
-  );
-};
-const directive = {
-  mounted: bind,
-  unmounted: unbind
-};
-const plugin$4 = {
-  install: (app) => {
-    app.directive("closable", directive);
-  }
-};
-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%);
-}`;
-const 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 VueZoomImg {
-  constructor(binding) {
-    __publicField(this, "options");
-    __publicField(this, "loader");
-    __publicField(this, "wrapper");
-    __publicField(this, "img");
-    __publicField(this, "keydownHandler");
-    __publicField(this, "onImgLoadedCallback");
-    __publicField(this, "buttonsAdded");
-    __publicField(this, "defaultOptions", {
-      scale: true,
-      blur: true,
-      disabled: false
-    });
-    __publicField(this, "mouseEnterListener");
-    __publicField(this, "mouseLeaveListener");
-    __publicField(this, "renderPreviewListener");
-    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 = false;
-    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(true);
-  }
-  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) {
-    if (this.options.disabled)
-      return;
-    el.style.cursor = "pointer";
-    setTimeout(() => el.classList.add("maz-zoom-img-instance"));
-    el.setAttribute("data-zoom-src", this.options.src);
-    if (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(false);
-    el.removeEventListener("mouseenter", this.mouseEnterListener);
-    el.removeEventListener("mouseleave", this.mouseLeaveListener);
-    el.removeEventListener("click", this.renderPreviewListener);
-    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) => {
-      if (container.isEqualNode(e.target)) {
-        this.closePreview();
-      }
-    });
-    if (typeof options === "object") {
-      this.img.setAttribute("src", options.src);
-      if (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(true);
-    setTimeout(() => {
-      if (container)
-        container.classList.add("maz-animate");
-    }, 100);
-  }
-  onImgLoaded() {
-    this.wrapper.style.width = `${this.img.width}px`;
-    this.wrapper.style.minWidth = `200px`;
-    this.loader.hidden = true;
-    const closeButton = this.getButton();
-    const buttons = [];
-    const hasMultipleInstance = this.allInstances.length > 1;
-    if (!this.buttonsAdded) {
-      this.buttonsAdded = true;
-      if (hasMultipleInstance) {
-        const previousButton = this.getButton("previous");
-        const nextButton = this.getButton("next");
-        buttons.push(previousButton, nextButton);
-      }
-      this.wrapper.append(closeButton);
-      if (hasMultipleInstance) {
-        this.wrapper.prepend(buttons[0]);
-        this.wrapper.append(buttons[1]);
-      }
-    }
-  }
-  getLoader() {
-    const loader = document.createElement("div");
-    loader.classList.add("maz-zoom-img__loader");
-    loader.innerHTML = svgs.spinner;
-    return loader;
-  }
-  mouseLeave(el) {
-    if (this.options.scale)
-      el.style.transform = "";
-    if (this.options.blur)
-      el.style.filter = "";
-    el.style.zIndex = "";
-  }
-  mouseEnter(el) {
-    el.style.zIndex = "1";
-    if (this.options.scale)
-      el.style.transform = "scale(1.1)";
-    if (this.options.blur)
-      el.style.filter = "blur(2px)";
-  }
-  keydownLister(e) {
-    e.preventDefault();
-    if (e.key === "Escape" || e.key === " ") {
-      this.closePreview();
-    }
-    if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
-      this.nextPreviousImage(e.key === "ArrowRight");
-    }
-  }
-  getButton(iconName = "close") {
-    const button = document.createElement("button");
-    button.innerHTML = svgs[iconName];
-    button.addEventListener("click", () => {
-      iconName === "close" ? this.closePreview() : this.allInstances ? this.nextPreviousImage(iconName === "next") : null;
-    });
-    button.classList.add("maz-zoom-btn");
-    button.classList.add(`maz-zoom-btn--${iconName}`);
-    return button;
-  }
-  closePreview() {
-    const container = document.querySelector("#MazImgPreviewFullsize");
-    const style2 = document.querySelector("#MazPreviewStyle");
-    const instance2 = document.querySelector(
-      ".maz-zoom-img-instance.maz-is-open"
-    );
-    if (instance2)
-      instance2.classList.remove(
-        "maz-is-open"
-        /* OPEN */
-      );
-    if (container)
-      container.classList.remove("maz-animate");
-    this.keyboardEventHandler(false);
-    setTimeout(() => {
-      if (container)
-        container.remove();
-      if (style2)
-        style2.remove();
-    }, 300);
-  }
-  getNewInstanceIndex(newInstanceIndex) {
-    return newInstanceIndex < 0 ? this.allInstances.length - 1 : newInstanceIndex >= this.allInstances.length ? 0 : newInstanceIndex;
-  }
-  nextPreviousImage(isNext) {
-    const selectNextInstance = isNext;
-    const currentInstance = document.querySelector(
-      ".maz-zoom-img-instance.maz-is-open"
-    );
-    if (currentInstance) {
-      const currentInstanceIndex = this.allInstances.indexOf(currentInstance);
-      const newInstanceIndex = selectNextInstance ? currentInstanceIndex + 1 : currentInstanceIndex - 1;
-      const nextInstance = this.allInstances[this.getNewInstanceIndex(newInstanceIndex)];
-      if (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");
-    const alt = nextInstance.getAttribute("data-zoom-alt");
-    this.wrapper.style.width = "";
-    this.loader.hidden = false;
-    if (src)
-      this.img.setAttribute("src", src);
-    if (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$4;
-const vZoomImg = {
-  created(el, binding) {
-    instance$4 = new VueZoomImg(binding);
-    instance$4.create(el);
-  },
-  updated(_el, binding) {
-    instance$4.update(binding);
-  },
-  unmounted(el) {
-    instance$4.remove(el);
-  }
-};
-const plugin$3 = {
-  install(app) {
-    app.directive("zoom-img", vZoomImg);
-  }
-};
-const EMPTY_PHOTO = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
-const DEFAULT_OPTIONS$6 = {
-  baseClass: "m-lazy-img",
-  loadedClass: "m-lazy-loaded",
-  loadingClass: "m-lazy-loading",
-  errorClass: "m-lazy-error",
-  noPhotoClass: "m-lazy-no-photo",
-  noPhoto: false,
-  observerOnce: true,
-  loadOnce: false,
-  noUseErrorPhoto: false,
-  observerOptions: {
-    threshold: 0.1
-  }
-};
-class LazyImg {
-  constructor(opts = {}) {
-    __publicField(this, "observers", []);
-    __publicField(this, "defaultOptions", DEFAULT_OPTIONS$6);
-    __publicField(this, "options");
-    __publicField(this, "onImgLoadedCallback");
-    __publicField(this, "onImgErrorCallback");
-    __publicField(this, "hasImgLoaded", false);
-    this.options = this.buildOptions(opts);
-    this.onImgLoadedCallback = this.imageIsLoaded.bind(this);
-    this.onImgErrorCallback = this.imageHasError.bind(this);
-  }
-  async loadErrorPhoto() {
-    const { default: photo } = await import("./no-photography-7f2be516.mjs");
-    return photo;
-  }
-  buildOptions(opts) {
-    return {
-      ...this.defaultOptions,
-      ...opts,
-      observerOptions: {
-        ...this.defaultOptions.observerOptions,
-        ...opts.observerOptions
-      }
-    };
-  }
-  removeClass(el, className) {
-    el.classList.remove(className);
-  }
-  addClass(el, className) {
-    el.classList.add(className);
-  }
-  removeAllStateClasses(el) {
-    this.removeClass(el, this.options.loadedClass);
-    this.removeClass(el, this.options.loadingClass);
-    this.removeClass(el, this.options.errorClass);
-    this.removeClass(el, this.options.noPhotoClass);
-  }
-  setBaseClass(el) {
-    this.addClass(el, this.options.baseClass);
-  }
-  imageIsLoading(el) {
-    var _a, _b;
-    this.addClass(el, this.options.loadingClass);
-    (_b = (_a = this.options).onLoading) == null ? void 0 : _b.call(_a, el);
-  }
-  imageHasNoPhoto(el) {
-    this.removeClass(el, this.options.loadingClass);
-    this.addClass(el, this.options.noPhotoClass);
-    this.setDefaultPhoto(el);
-  }
-  imageIsLoaded(el) {
-    var _a, _b;
-    this.hasImgLoaded = true;
-    this.removeClass(el, this.options.loadingClass);
-    this.addClass(el, this.options.loadedClass);
-    (_b = (_a = this.options).onLoaded) == null ? void 0 : _b.call(_a, el);
-  }
-  imageHasError(el, event) {
-    var _a, _b;
-    console.warn(`[maz-ui][MazLazyImg] Error while loading image`, event);
-    this.removeClass(el, this.options.loadingClass);
-    this.addClass(el, this.options.errorClass);
-    (_b = (_a = this.options).onError) == null ? void 0 : _b.call(_a, el);
-    this.setDefaultPhoto(el);
-  }
-  getImageUrl(el, binding) {
-    const dataSrc = this.getImgElement(el).getAttribute("data-lazy-src");
-    if (dataSrc)
-      return dataSrc;
-    binding.value;
-    const bindingSrc = typeof binding.value === "object" ? binding.value.src : binding.value;
-    if (!bindingSrc)
-      console.warn(`[maz-ui][MazLazyImg] src url is not defined`);
-    return bindingSrc;
-  }
-  async setPictureSourceUrls(el) {
-    const sourceElements = el.querySelectorAll("source");
-    if (sourceElements.length > 0) {
-      for await (const source of sourceElements) {
-        const srcSet = source.getAttribute("data-lazy-srcset");
-        if (srcSet) {
-          source.srcset = srcSet;
-        } else {
-          console.warn(
-            '[maz-ui][MazLazyImg] the "[data-lazy-srcset]" attribute is not provided on "<source />"'
-          );
-        }
-      }
-    } else {
-      console.warn(
-        '[maz-ui][MazLazyImg] No "<source />" elements provided into the "<picture />" element'
-      );
-      this.imageHasError(el);
-    }
-  }
-  hasBgImgMode(binding) {
-    return binding.arg === "bg-image";
-  }
-  isPictureElement(el) {
-    return el instanceof HTMLPictureElement;
-  }
-  getImgElement(el) {
-    const isPictureElement = this.isPictureElement(el);
-    return isPictureElement ? el.querySelector("img") : el;
-  }
-  async setDefaultPhoto(el) {
-    if (this.options.noUseErrorPhoto)
-      return;
-    const errorPhoto = this.options.errorPhoto ?? await this.loadErrorPhoto();
-    const sourceElements = el.querySelectorAll("source");
-    if (sourceElements.length > 0) {
-      for await (const source of sourceElements) {
-        source.srcset = errorPhoto;
-      }
-    } else {
-      this.setImgSrc(el, errorPhoto);
-    }
-  }
-  addEventListenerToImg(el) {
-    const imgElement = this.getImgElement(el);
-    imgElement.addEventListener("load", () => this.onImgLoadedCallback(el), {
-      once: true
-    });
-    imgElement.addEventListener("error", (err) => this.onImgErrorCallback(el, err), { once: true });
-  }
-  async loadImage(el, binding) {
-    this.imageIsLoading(el);
-    if (this.isPictureElement(el)) {
-      this.addEventListenerToImg(el);
-      await this.setPictureSourceUrls(el);
-    } else {
-      const imageUrl = this.getImageUrl(el, binding);
-      if (!imageUrl)
-        return this.imageHasError(el);
-      if (this.hasBgImgMode(binding)) {
-        el.style.backgroundImage = `url('${imageUrl}')`;
-        this.imageIsLoaded(el);
-      } else {
-        this.addEventListenerToImg(el);
-        this.setImgSrc(el, imageUrl);
-      }
-    }
-  }
-  setImgSrc(el, src) {
-    const imgElement = this.getImgElement(el);
-    imgElement.src = src;
-  }
-  handleIntersectionObserver(el, binding, entries, observer) {
-    var _a, _b;
-    this.observers.push(observer);
-    for (const entry of entries) {
-      if (entry.isIntersecting) {
-        (_b = (_a = this.options).onIntersecting) == null ? void 0 : _b.call(_a, entry.target);
-        if (this.options.observerOnce) {
-          observer.unobserve(el);
-        }
-        if (this.options.loadOnce && this.hasImgLoaded)
-          return;
-        this.loadImage(el, binding);
-      }
-    }
-  }
-  createObserver(el, binding) {
-    const observerCallback = (entries, intersectionObserver) => {
-      this.handleIntersectionObserver(el, binding, entries, intersectionObserver);
-    };
-    const observerOptions = this.options.observerOptions;
-    const observer = new IntersectionObserver(observerCallback, observerOptions);
-    observer.observe(el);
-  }
-  async imageHandler(el, binding, type) {
-    if (type === "update") {
-      for await (const observer of this.observers)
-        observer.unobserve(el);
-    }
-    if (window.IntersectionObserver) {
-      this.createObserver(el, binding);
-    } else {
-      this.loadImage(el, binding);
-    }
-  }
-  async bindUpdateHandler(el, binding, type) {
-    if (this.options.noPhoto)
-      return this.imageHasNoPhoto(el);
-    await this.imageHandler(el, binding, type);
-  }
-  async add(el, binding) {
-    if (this.hasBgImgMode(binding) && this.isPictureElement(el)) {
-      throw new Error(`[MazLazyImg] You can't use the "bg-image" mode with "<picture />" element`);
-    }
-    setTimeout(() => this.setBaseClass(el), 0);
-    if (!el.getAttribute("src"))
-      this.setImgSrc(el, EMPTY_PHOTO);
-    await this.bindUpdateHandler(el, binding, "bind");
-  }
-  async update(el, binding) {
-    if (binding.value !== binding.oldValue) {
-      this.hasImgLoaded = false;
-      this.removeAllStateClasses(el);
-      await this.bindUpdateHandler(el, binding, "update");
-    }
-  }
-  remove(el, binding) {
-    this.hasImgLoaded = false;
-    if (this.hasBgImgMode(binding))
-      el.style.backgroundImage = "";
-    this.removeAllStateClasses(el);
-    for (const observer of this.observers)
-      observer.unobserve(el);
-    this.observers = [];
-  }
-}
-let instance$3;
-const vLazyImg = {
-  created(el, binding) {
-    const options = typeof binding.value === "object" ? binding.value : {};
-    instance$3 = new LazyImg(options);
-    instance$3.add(el, binding);
-  },
-  updated(el, binding) {
-    instance$3.update(el, binding);
-  },
-  unmounted(el, binding) {
-    instance$3.remove(el, binding);
-  }
-};
-const DIRECTIVE_NAME = "lazy-img";
-const plugin$2 = {
-  install(app, opts = {}) {
-    const options = {
-      ...DEFAULT_OPTIONS$6,
-      ...opts,
-      observerOptions: {
-        ...DEFAULT_OPTIONS$6.observerOptions,
-        ...opts.observerOptions
-      }
-    };
-    const instance2 = new LazyImg(options);
-    app.directive(DIRECTIVE_NAME, {
-      created: instance2.add.bind(instance2),
-      updated: instance2.update.bind(instance2),
-      unmounted: instance2.remove.bind(instance2)
-    });
-  }
-};
-const _hoisted_1$1 = ["onClick", "onKeypress"];
-const _hoisted_2$1 = { class: "m-fullscreen-img-scroller" };
-const _hoisted_3$1 = ["src", "alt"];
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "MazFullscreenImg",
-  props: {
-    destroy: { type: Function, default: void 0 },
-    src: {},
-    alt: { default: void 0 },
-    openInstanceClass: {},
-    zoom: { type: Boolean, default: true },
-    disabled: { type: Boolean },
-    clickedElementBounds: {},
-    clickedElement: {},
-    animated: { type: Boolean, default: true },
-    scaleAnimation: { type: Boolean }
-  },
-  emits: ["close", "previous", "next", "before-close"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-a16a3d8f.mjs"));
-    const XMark = defineAsyncComponent(() => import("./x-mark-c6ff45dd.mjs"));
-    const ChevronLeft = defineAsyncComponent(() => import("./chevron-left-3365d59b.mjs"));
-    let vueScrollTo;
-    onBeforeMount(async () => {
-      vueScrollTo = await import("vue-scrollto");
-    });
-    const props = __props;
-    const showFullscreenImg = ref(false);
-    const imageLoaded = ref(false);
-    const showLoader = ref(false);
-    const loadedOnce = ref(false);
-    const hasMultipleInstances = ref(false);
-    const isZoomed = ref(false);
-    const animationActive = ref(false);
-    const isImageElement = ref(props.clickedElement instanceof HTMLImageElement);
-    const currentSrc = ref(props.src);
-    const currentAlt = ref(props.alt);
-    const FullscreenImgElement = ref();
-    const ImgElement = ref();
-    const hasAnimationBasedOnImageClicked = computed(
-      () => isImageElement.value && props.animated && !props.scaleAnimation
-    );
-    const hasBasicScaleAnimation = computed(
-      () => (isImageElement.value || !props.animated) && !props.scaleAnimation
-    );
-    const isLandscapeImage = ref(false);
-    const imageZoomClasses = computed(() => {
-      if (isZoomed.value) {
-        return `--is-zoomed maz-cursor-zoom-in maz-max-w-[none] ${isLandscapeImage.value ? "maz-h-screen maz-w-auto" : "maz-h-auto maz-w-screen"}`;
-      }
-      return `cursor-zoom-out ${isLandscapeImage.value ? "maz-w-screen maz-h-screen --is-landscape" : "maz-h-screen maz-w-auto"}`;
-    });
-    function onImageLoaded() {
-      imageLoaded.value = true;
-      showLoader.value = false;
-      loadedOnce.value = true;
-    }
-    function close() {
-      emits("before-close");
-      showFullscreenImg.value = false;
-    }
-    function keydownLister(e) {
-      if (e.key === "Escape") {
-        e.preventDefault();
-        close();
-      }
-      if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
-        e.preventDefault();
-        nextPreviousImage(e.key === "ArrowRight");
-      }
-    }
-    function addClassToDocument() {
-      document.documentElement.classList.add("--m-fullscreen-open");
-    }
-    function removeClassFromDocument() {
-      document.documentElement.classList.remove("--m-fullscreen-open");
-    }
-    function getAllInstances() {
-      return [...document.querySelectorAll(".m-fullscreen-img-instance")];
-    }
-    function getNewInstanceIndex(allInstances, newInstanceIndex) {
-      return newInstanceIndex < 0 ? allInstances.length - 1 : newInstanceIndex >= allInstances.length ? 0 : newInstanceIndex;
-    }
-    async function useNextInstance(currentInstance, nextInstance) {
-      currentInstance.classList.remove(props.openInstanceClass);
-      nextInstance.classList.add(props.openInstanceClass);
-      const src = nextInstance.getAttribute("data-src");
-      const alt = nextInstance.getAttribute("data-alt");
-      currentAlt.value = alt ?? void 0;
-      if (src) {
-        currentSrc.value = src;
-      }
-      imageLoaded.value = false;
-      await sleep(300);
-      if (!imageLoaded.value) {
-        showLoader.value = true;
-      }
-    }
-    function nextPreviousImage(isNext) {
-      const currentInstance = document.querySelector(
-        `.m-fullscreen-img-instance.${props.openInstanceClass}`
-      );
-      if (currentInstance) {
-        const allInstances = getAllInstances();
-        const currentInstanceIndex = allInstances.indexOf(currentInstance);
-        const newInstanceIndex = isNext ? currentInstanceIndex + 1 : currentInstanceIndex - 1;
-        const nextInstance = allInstances[getNewInstanceIndex(allInstances, newInstanceIndex)];
-        if (nextInstance) {
-          useNextInstance(currentInstance, nextInstance);
-        }
-        emits(isNext ? "next" : "previous");
-      }
-    }
-    async function toogleZoom(event) {
-      const imgElement = event.target;
-      imgElement.style.width = `${imgElement.clientWidth}px`;
-      imgElement.style.height = `${imgElement.clientHeight}px`;
-      await sleep(0);
-      isZoomed.value = !isZoomed.value;
-      imgElement.style.removeProperty("width");
-      imgElement.style.removeProperty("height");
-      await sleep(0);
-      const zoomTargetRatio = imgElement.clientWidth / event.clientY;
-      const height = window.innerWidth / zoomTargetRatio;
-      const offset = height - window.innerHeight / 2;
-      vueScrollTo.scrollTo(imgElement, 200, {
-        container: imgElement.parentElement,
-        easing: "linear",
-        offset: isZoomed.value ? offset : 0
-      });
-    }
-    onMounted$1(async () => {
-      await nextTick();
-      document.addEventListener("keydown", keydownLister);
-      showFullscreenImg.value = true;
-      showLoader.value = true;
-      addClassToDocument();
-      hasMultipleInstances.value = getAllInstances().length > 1;
-      if (ImgElement.value) {
-        isLandscapeImage.value = props.clickedElementBounds.height < props.clickedElementBounds.width;
-      }
-    });
-    function setClikedElementProperties() {
-      if (ImgElement.value) {
-        animationActive.value = true;
-        ImgElement.value.style.removeProperty("margin-left");
-        ImgElement.value.style.removeProperty("margin-right");
-        ImgElement.value.style.opacity = "0.5";
-        ImgElement.value.style.width = `${props.clickedElementBounds.width}px`;
-        ImgElement.value.style.height = `${props.clickedElementBounds.height}px`;
-        ImgElement.value.style.top = `${props.clickedElementBounds.top}px`;
-        ImgElement.value.style.left = `${props.clickedElementBounds.left}px`;
-      }
-    }
-    async function onAnimationEnter() {
-      await sleep(0);
-      if (ImgElement.value) {
-        ImgElement.value.style.opacity = "1";
-        ImgElement.value.style.removeProperty("height");
-        ImgElement.value.style.removeProperty("width");
-        ImgElement.value.style.removeProperty("transform");
-        const windowWidth = window.innerWidth;
-        const windowHeight = window.innerHeight;
-        const initalElementHeight = props.clickedElementBounds.height;
-        const initalElementWidth = props.clickedElementBounds.width;
-        if (isLandscapeImage.value) {
-          ImgElement.value.style.left = `0px`;
-          const imageHeight = initalElementHeight * windowWidth / initalElementWidth;
-          const top = (windowHeight - imageHeight) / 2;
-          ImgElement.value.style.top = `${top <= 0 ? 0 : top}px`;
-        } else {
-          ImgElement.value.style.top = "0px";
-          const imageWidth = initalElementWidth * windowHeight / initalElementHeight;
-          const left = (windowWidth - imageWidth) / 2;
-          ImgElement.value.style.left = `${left <= 0 ? 0 : left}px`;
-        }
-      }
-    }
-    function onAnimationEnterFinish() {
-      if (ImgElement.value) {
-        ImgElement.value.style.removeProperty("top");
-        ImgElement.value.style.removeProperty("left");
-        ImgElement.value.style.marginLeft = "auto";
-        ImgElement.value.style.marginRight = "auto";
-        ImgElement.value.style.removeProperty("opacity");
-      }
-      animationActive.value = false;
-    }
-    function onAnimationBeforeLeave() {
-      if (ImgElement.value) {
-        const { left, top } = ImgElement.value.getBoundingClientRect();
-        ImgElement.value.style.left = `${left}px`;
-        ImgElement.value.style.top = `${top}px`;
-        ImgElement.value.style.width = `${ImgElement.value.width}px`;
-        ImgElement.value.style.height = `${ImgElement.value.height}px`;
-        animationActive.value = true;
-      }
-    }
-    function onAnimationLeaveFinish() {
-      var _a, _b;
-      emits("close");
-      (_a = FullscreenImgElement.value) == null ? void 0 : _a.remove();
-      (_b = props.destroy) == null ? void 0 : _b.call(props);
-    }
-    onBeforeUnmount(() => {
-      document.removeEventListener("keydown", keydownLister);
-      removeClassFromDocument();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "FullscreenImgElement",
-        ref: FullscreenImgElement,
-        role: "button",
-        class: normalizeClass(["m-fullscreen-img", { "--animation-active": animationActive.value }]),
-        tabindex: "0",
-        onClick: withModifiers(close, ["self"]),
-        onKeypress: withKeys(withModifiers(close, ["prevent"]), ["esc"])
-      }, [
-        withDirectives(createVNode(
-          unref(MazSpinner),
-          { class: "m-fullscreen-img-loader maz-h-16" },
-          null,
-          512
-          /* NEED_PATCH */
-        ), [
-          [vShow, showLoader.value]
-        ]),
-        loadedOnce.value && hasMultipleInstances.value ? (openBlock(), createElementBlock("button", {
-          key: 0,
-          type: "button",
-          class: "m-fullscreen-btn --next",
-          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => nextPreviousImage(true), ["stop"]))
-        }, [
-          createVNode(unref(ChevronLeft), { class: "maz-rotate-90 maz-text-2xl" })
-        ])) : createCommentVNode("v-if", true),
-        showFullscreenImg.value && loadedOnce.value && hasMultipleInstances.value ? (openBlock(), createElementBlock("button", {
-          key: 1,
-          type: "button",
-          class: "m-fullscreen-btn --previous",
-          onClick: _cache[1] || (_cache[1] = withModifiers(($event) => nextPreviousImage(false), ["stop"]))
-        }, [
-          createVNode(unref(ChevronLeft), { class: "maz-text-2xl" })
-        ])) : createCommentVNode("v-if", true),
-        createElementVNode("button", {
-          type: "button",
-          class: "m-fullscreen-btn --close",
-          onClick: close
-        }, [
-          createVNode(unref(XMark), { class: "maz-text-2xl" })
-        ]),
-        createElementVNode("div", _hoisted_2$1, [
-          createVNode(Transition, {
-            name: hasBasicScaleAnimation.value ? void 0 : "maz-scale-fade",
-            onBeforeEnter: _cache[3] || (_cache[3] = ($event) => hasAnimationBasedOnImageClicked.value && setClikedElementProperties()),
-            onEnter: _cache[4] || (_cache[4] = ($event) => hasAnimationBasedOnImageClicked.value && onAnimationEnter()),
-            onAfterEnter: _cache[5] || (_cache[5] = ($event) => hasAnimationBasedOnImageClicked.value && onAnimationEnterFinish()),
-            onBeforeLeave: _cache[6] || (_cache[6] = ($event) => hasAnimationBasedOnImageClicked.value && onAnimationBeforeLeave()),
-            onLeave: _cache[7] || (_cache[7] = ($event) => hasAnimationBasedOnImageClicked.value && setClikedElementProperties()),
-            onAfterLeave: onAnimationLeaveFinish,
-            persisted: ""
-          }, {
-            default: withCtx(() => [
-              withDirectives(createElementVNode("img", {
-                id: "ZvImgElement",
-                ref_key: "ImgElement",
-                ref: ImgElement,
-                src: currentSrc.value,
-                alt: currentAlt.value,
-                tabindex: "0",
-                class: normalizeClass([{ zoomable: _ctx.zoom }, imageZoomClasses.value]),
-                onLoad: onImageLoaded,
-                onClick: _cache[2] || (_cache[2] = ($event) => _ctx.zoom ? toogleZoom($event) : void 0)
-              }, null, 42, _hoisted_3$1), [
-                [vShow, showFullscreenImg.value]
-              ])
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["name"])
-        ])
-      ], 42, _hoisted_1$1);
-    };
-  }
-});
-const MazFullscreenImg_vue_vue_type_style_index_0_lang = "";
-const MazFullscreenImg_vue_vue_type_style_index_1_scoped_1b5808d8_lang = "";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const MazFullscreenImg = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-1b5808d8"]]);
-const STATE_OPEN_CLASS = "m-fullscreen-is-open";
-class FullscreenImgHandler {
-  constructor() {
-    __publicField(this, "options");
-    __publicField(this, "defaultOptions", {
-      scaleOnHover: false,
-      blurOnHover: false,
-      disabled: false,
-      animated: true,
-      zoom: true,
-      scaleAnimation: false
-    });
-    __publicField(this, "mouseEnterListener");
-    __publicField(this, "mouseLeaveListener");
-    __publicField(this, "renderPreviewListener");
-  }
-  buildOptions(el, binding) {
-    const options = typeof binding.value === "object" ? binding.value : { src: binding.value, alt: void 0 };
-    const src = (options == null ? void 0 : options.src) ?? this.getImgSrc(el);
-    const alt = (options == null ? void 0 : options.alt) ?? this.getImgAlt(el);
-    return {
-      ...this.defaultOptions,
-      ...options,
-      src,
-      alt
-    };
-  }
-  get allInstances() {
-    return [...document.querySelectorAll(".m-fullscreen-img-instance")];
-  }
-  getImgSrc(el) {
-    var _a;
-    const imgSrc = ((_a = this.options) == null ? void 0 : _a.src) || el.getAttribute("src") || el.getAttribute("data-src");
-    if (!imgSrc) {
-      throw new Error(
-        '[maz-ui](fullscreen-img) src of image must be provided by `v-fullscreen=""`, `v-fullscreen="{ src: "" }"`, `src=""` or `data-src=""` atributes'
-      );
-    }
-    return imgSrc;
-  }
-  getImgAlt(el) {
-    var _a;
-    return ((_a = this.options) == null ? void 0 : _a.alt) || el.getAttribute("alt") || el.getAttribute("data-alt");
-  }
-  create(el, binding) {
-    this.options = this.buildOptions(el, binding);
-    if (this.options.disabled)
-      return;
-    el.style.cursor = "move";
-    if (this.options.scaleOnHover || this.options.blurOnHover) {
-      el.style.transition = "all 300ms ease-in-out";
-    }
-    el.classList.add("m-fullscreen-img-instance");
-    el.setAttribute("data-src", this.getImgSrc(el));
-    const alt = this.getImgAlt(el);
-    if (alt) {
-      el.setAttribute("data-alt", alt);
-    }
-    this.mouseEnterListener = () => this.mouseEnter(el);
-    this.mouseLeaveListener = () => this.mouseLeave(el);
-    this.renderPreviewListener = () => this.renderPreview(el);
-    el.addEventListener("mouseenter", this.mouseEnterListener);
-    el.addEventListener("mouseleave", this.mouseLeaveListener);
-    el.addEventListener("click", this.renderPreviewListener);
-  }
-  update(el, binding) {
-    this.options = this.buildOptions(el, binding);
-  }
-  remove(el) {
-    el.removeEventListener("mouseenter", this.mouseEnterListener);
-    el.removeEventListener("mouseleave", this.mouseLeaveListener);
-    el.removeEventListener("click", this.renderPreviewListener);
-    el.classList.remove("m-fullscreen-img-instance");
-    el.style.cursor = "";
-  }
-  renderPreview(el) {
-    el.classList.add(STATE_OPEN_CLASS);
-    return mount(MazFullscreenImg, {
-      props: {
-        ...this.options,
-        openInstanceClass: STATE_OPEN_CLASS,
-        clickedElement: el,
-        clickedElementBounds: el.getBoundingClientRect()
-      },
-      addDestroyInProps: true
-    });
-  }
-  mouseLeave(el) {
-    if (this.options.scaleOnHover)
-      el.style.transform = "";
-    if (this.options.blurOnHover)
-      el.style.filter = "";
-    el.style.zIndex = "";
-  }
-  mouseEnter(el) {
-    el.style.zIndex = "1";
-    if (this.options.scaleOnHover)
-      el.style.transform = "scale(1.05)";
-    if (this.options.blurOnHover)
-      el.style.filter = "blur(3px)";
-  }
-}
-let instance$2;
-const vFullscreenImg = {
-  mounted(el, binding) {
-    instance$2 = new FullscreenImgHandler();
-    return instance$2.create(el, binding);
-  },
-  updated(el, binding) {
-    return instance$2.update(el, binding);
-  },
-  unmounted(el) {
-    return instance$2.remove(el);
-  }
-};
-const vFullscreenImgInstall = {
-  install(app) {
-    app.directive("fullscreen-img", vFullscreenImg);
-  }
-};
-const directives = [
-  {
-    name: "click-outside",
-    directive: directive$1
-  },
-  {
-    name: "closable",
-    directive
-  },
-  {
-    name: "zoom-img",
-    directive: vZoomImg
-  },
-  {
-    name: "lazy-img",
-    directive: vLazyImg
-  },
-  {
-    name: "fullscreen-img",
-    directive: vFullscreenImg
-  }
-];
-const installDirectives = {
-  install(app) {
-    for (const { name, directive: directive2 } of directives) {
-      app.directive(name, directive2);
-    }
-  }
-};
-const capitalize = (value) => {
-  if (!value)
-    return "";
-  value = value.toString();
-  return value.charAt(0).toUpperCase() + value.slice(1);
-};
-const DEFAULT_OPTIONS$5 = {
-  style: "currency",
-  minimumFractionDigits: 2,
-  round: false
-};
-const getFormattedCurrency = (number2, locale, options) => {
-  let numberToFormat = Number(number2);
-  if (options.round) {
-    numberToFormat = Math.floor(numberToFormat);
-    options.minimumFractionDigits = 0;
-  }
-  return new Intl.NumberFormat(locale, options).format(numberToFormat);
-};
-const validRequiredAttributes = (number2, locale, options) => {
-  if (number2 === void 0)
-    throw new TypeError("[maz-ui](FilterCurrency) The `number` attribute is required.");
-  if (locale === void 0)
-    throw new TypeError("[maz-ui](FilterCurrency) The `locale` attribute is required.");
-  if (typeof locale !== "string")
-    throw new TypeError("[maz-ui](FilterCurrency) The `locale` attribute must be a string.");
-  if (options.currency === void 0)
-    throw new TypeError("[maz-ui](FilterCurrency) The `options.currency` attribute is required.");
-};
-const currency = (number2, locale, options) => {
-  const options_ = {
-    ...DEFAULT_OPTIONS$5,
-    ...options
-  };
-  validRequiredAttributes(number2, locale, options_);
-  try {
-    return getFormattedCurrency(number2, locale, options_);
-  } catch (error) {
-    throw new Error(`[maz-ui](FilterCurrency) ${error}`);
-  }
-};
-const DEFAULT_OPTIONS$4 = {
-  month: "short",
-  day: "numeric",
-  year: "numeric"
-};
-const date = (date2, locale, options) => {
-  if (locale === void 0) {
-    throw new TypeError("[maz-ui](FilterDate) The `locale` attribute is required.");
-  }
-  if (typeof locale !== "string") {
-    throw new TypeError("[maz-ui](FilterDate) The `locale` attribute must be a string.");
-  }
-  const opts = options ?? DEFAULT_OPTIONS$4;
-  try {
-    const usedDate = date2 instanceof Date ? date2 : new Date(date2);
-    return new Intl.DateTimeFormat(locale, opts).format(usedDate);
-  } catch (error) {
-    throw new Error(`[maz-ui](FilterDate) ${error}`);
-  }
-};
-const DEFAULT_OPTIONS$3 = {
-  minimumFractionDigits: 2
-};
-const number = (number2, locale, options) => {
-  const filterOptions = {
-    ...DEFAULT_OPTIONS$3,
-    ...options
-  };
-  if (number2 === 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(number2));
-  } catch (error) {
-    throw new Error(`[maz-ui](FilterNumber) ${error}`);
-  }
-};
-const filters = {
-  capitalize,
-  currency,
-  date,
-  number
-};
-const installFilters = {
-  install(app) {
-    app.provide("filters", filters);
-  }
-};
-class ToasterTimer {
-  constructor(callback, delay) {
-    __publicField(this, "callback");
-    __publicField(this, "delay");
-    __publicField(this, "timer");
-    __publicField(this, "startedAt");
-    this.startedAt = Date.now();
-    this.callback = callback;
-    this.delay = delay;
-    this.start();
-  }
-  pause() {
-    this.stop();
-    this.delay -= Date.now() - this.startedAt;
-  }
-  resume() {
-    this.startedAt = Date.now();
-    this.start();
-  }
-  start() {
-    this.timer = setTimeout(this.callback, this.delay);
-  }
-  stop() {
-    clearTimeout(this.timer);
-  }
-}
-const _hoisted_1 = { class: "m-toast__message-wrapper" };
-const _hoisted_2 = { class: "m-toast__message" };
-const _hoisted_3 = { class: "maz-flex maz-items-center maz-gap-2" };
-const _hoisted_4 = { key: 0 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazToast",
-  props: {
-    position: {
-      type: String,
-      default: "bottom-right"
-    },
-    maxToasts: { type: [Number, Boolean], default: false },
-    timeout: { type: Number, default: 1e4 },
-    queue: { type: Boolean, default: false },
-    noPauseOnHover: { type: Boolean, default: false },
-    type: {
-      type: String,
-      default: "info",
-      validator: (value) => {
-        return ["info", "success", "warning", "danger"].includes(value);
-      }
-    },
-    message: { type: String, required: true },
-    link: { type: Object, default: void 0 },
-    action: { type: Object, default: void 0 },
-    persistent: { type: Boolean, default: false }
-  },
-  emits: ["close", "click"],
-  setup(__props, { emit: __emit }) {
-    const XIcon = defineAsyncComponent(() => import("./x-mark-c6ff45dd.mjs"));
-    const ExternalLink = defineAsyncComponent(
-      () => import("./arrow-top-right-on-square-32bbe5a1.mjs")
-    );
-    const Link = defineAsyncComponent(() => import("./link-4eb05848.mjs"));
-    const MazBtn = defineAsyncComponent(() => import("./MazBtn-90ffd148.mjs"));
-    const Toaster = ref();
-    const props = __props;
-    const emits = __emit;
-    const positionY = computed(() => props.position.includes("top") ? "top" : "bottom");
-    const positionX = computed(() => {
-      if (props.position.includes("left"))
-        return "left";
-      if (props.position.includes("right"))
-        return "right";
-      return "center";
-    });
-    const transitionName = computed(() => {
-      if (positionX.value !== "center") {
-        return positionX.value === "right" ? "m-slide-right" : "m-slide-left";
-      }
-      return positionY.value === "top" ? "m-slide-top" : "m-slide-bottom";
-    });
-    const actionLoading = ref(false);
-    const isActive = ref(false);
-    const timer = ref();
-    const queueTimer = ref();
-    const containerClassName = `m-toast-container --${positionY.value} --${positionX.value}`;
-    const selectorContainerClass = `.${containerClassName.replaceAll(" ", ".")}`;
-    const createParents = () => {
-      const container = document.querySelector(selectorContainerClass);
-      if (container)
-        return;
-      if (!container) {
-        const body = document.body;
-        const toCreate = document.createElement("div");
-        toCreate.className = containerClassName;
-        body.append(toCreate);
-      }
-    };
-    const shouldQueue = () => {
-      const container = document.querySelector(selectorContainerClass);
-      if (!props.queue && props.maxToasts === false) {
-        return false;
-      }
-      if (typeof props.maxToasts === "number" && container) {
-        return props.maxToasts <= container.childElementCount;
-      }
-      return container && container.childElementCount > 0;
-    };
-    const showNotice = () => {
-      if (shouldQueue()) {
-        queueTimer.value = setTimeout(showNotice, 250);
-        return;
-      }
-      const container = document.querySelector(selectorContainerClass);
-      if (Toaster.value && container) {
-        container.prepend(Toaster.value);
-      }
-      isActive.value = true;
-      timer.value = props.timeout ? new ToasterTimer(close, props.timeout) : void 0;
-    };
-    function click(event) {
-      emits("click", event);
-      if (!props.persistent) {
-        close();
-      }
-    }
-    async function clickOnAction(func, event) {
-      var _a;
-      actionLoading.value = true;
-      await func();
-      actionLoading.value = false;
-      if ((_a = props.action) == null ? void 0 : _a.closeToast) {
-        click(event);
-      }
-    }
-    const toggleTimer = (newVal) => {
-      if (timer.value && !props.noPauseOnHover) {
-        newVal ? timer.value.pause() : timer.value.resume();
-      }
-    };
-    const stopTimer = () => {
-      timer.value && timer.value.stop();
-      if (queueTimer.value) {
-        clearTimeout(queueTimer.value);
-      }
-    };
-    const close = () => {
-      stopTimer();
-      isActive.value = false;
-      setTimeout(() => {
-        var _a;
-        emits("close");
-        (_a = Toaster.value) == null ? void 0 : _a.remove();
-        const container = document.querySelector(selectorContainerClass);
-        if (container && !(container == null ? void 0 : container.hasChildNodes())) {
-          container.remove();
-        }
-      }, 300);
-    };
-    onMounted$1(() => {
-      createParents();
-      showNotice();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, {
-        name: transitionName.value,
-        persisted: ""
-      }, {
-        default: withCtx(() => [
-          withDirectives(createElementVNode(
-            "button",
-            {
-              ref_key: "Toaster",
-              ref: Toaster,
-              class: normalizeClass(["m-toast", [`--${__props.type}`, `--${positionY.value}`, `--${positionX.value}`]]),
-              role: "alert",
-              onMouseover: _cache[2] || (_cache[2] = ($event) => toggleTimer(true)),
-              onMouseleave: _cache[3] || (_cache[3] = ($event) => toggleTimer(false)),
-              onClick: _cache[4] || (_cache[4] = withModifiers(($event) => {
-                var _a;
-                return __props.link && !((_a = __props.link) == null ? void 0 : _a.closeToast) ? void 0 : click($event);
-              }, ["stop"]))
-            },
-            [
-              createElementVNode("div", _hoisted_1, [
-                createElementVNode(
-                  "p",
-                  _hoisted_2,
-                  toDisplayString(__props.message),
-                  1
-                  /* TEXT */
-                )
-              ]),
-              __props.action ? (openBlock(), createBlock(unref(MazBtn), {
-                key: 0,
-                color: __props.type,
-                pastel: "",
-                loading: actionLoading.value,
-                size: "sm",
-                onClick: _cache[0] || (_cache[0] = withModifiers(($event) => clickOnAction(__props.action.func, $event), ["stop"]))
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(
-                    toDisplayString(__props.action.text),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["color", "loading"])) : createCommentVNode("v-if", true),
-              __props.link ? (openBlock(), createBlock(unref(MazBtn), {
-                key: 1,
-                color: __props.type,
-                pastel: "",
-                size: "xs",
-                href: __props.link.href,
-                target: __props.link.target ?? "_self"
-              }, {
-                default: withCtx(() => {
-                  var _a;
-                  return [
-                    createElementVNode("div", _hoisted_3, [
-                      __props.link.text ? (openBlock(), createElementBlock(
-                        "span",
-                        _hoisted_4,
-                        toDisplayString(__props.link.text),
-                        1
-                        /* TEXT */
-                      )) : createCommentVNode("v-if", true),
-                      ((_a = __props.link) == null ? void 0 : _a.target) == "_blank" ? (openBlock(), createBlock(unref(ExternalLink), {
-                        key: 1,
-                        class: "maz-text-xl"
-                      })) : (openBlock(), createBlock(unref(Link), {
-                        key: 2,
-                        class: "maz-text-xl"
-                      }))
-                    ])
-                  ];
-                }),
-                _: 1
-                /* STABLE */
-              }, 8, ["color", "href", "target"])) : createCommentVNode("v-if", true),
-              !__props.persistent ? (openBlock(), createElementBlock("button", {
-                key: 2,
-                class: "--close",
-                onClick: _cache[1] || (_cache[1] = withModifiers(($event) => click($event), ["stop"]))
-              }, [
-                createVNode(unref(XIcon), { class: "--icon maz-text-xl" })
-              ])) : createCommentVNode("v-if", true)
-            ],
-            34
-            /* CLASS, HYDRATE_EVENTS */
-          ), [
-            [vShow, isActive.value]
-          ])
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["name"]);
-    };
-  }
-});
-const MazToast_vue_vue_type_style_index_0_lang = "";
-const MazToast_vue_vue_type_style_index_1_scoped_27a7b86f_lang = "";
-const MazToast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-27a7b86f"]]);
-const DEFAULT_OPTIONS$2 = {
-  position: "bottom-right",
-  timeout: 1e4,
-  persistent: false
-};
-class ToasterHandler {
-  constructor(app, globalOptions) {
-    this.app = app;
-    this.globalOptions = globalOptions;
-  }
-  show(message, options) {
-    const localOptions = { message, ...options };
-    const propsData = {
-      ...DEFAULT_OPTIONS$2,
-      ...localOptions,
-      ...this.globalOptions,
-      ...options
-    };
-    mount(MazToast, {
-      props: propsData,
-      app: this.app
-    });
-  }
-  getLocalOptions(type, options) {
-    return {
-      type,
-      ...options
-    };
-  }
-  success(message, options) {
-    return this.show(message, this.getLocalOptions("success", options));
-  }
-  error(message, options) {
-    return this.show(message, this.getLocalOptions("danger", options));
-  }
-  info(message, options) {
-    return this.show(message, this.getLocalOptions("info", options));
-  }
-  warning(message, options) {
-    return this.show(message, this.getLocalOptions("warning", options));
-  }
-}
-let toastInstance;
-const installToaster = {
-  install(app, options) {
-    toastInstance = new ToasterHandler(app, options);
-    app.provide("toast", toastInstance);
-  }
-};
-const DEFAULT_LOADER = "";
-const uniq = (array) => {
-  return array.filter((el, index, arr) => index === arr.indexOf(el));
-};
-const contains = (array) => (predicate = DEFAULT_LOADER) => {
-  return typeof predicate === "function" ? array.findIndex((...args) => predicate(...args)) > -1 : array.includes(predicate);
-};
-const hasItems = (array) => array.length > 0;
-const push = (array) => (item = DEFAULT_LOADER) => uniq([...array, item]);
-const pop = (array) => (item = DEFAULT_LOADER) => array.filter((_item) => _item !== item);
-class WaitHandler {
-  constructor() {
-    __publicField(this, "_loaders", ref([]));
-  }
-  get loaders() {
-    return computed(() => this._loaders.value);
-  }
-  stop(loaderId = DEFAULT_LOADER) {
-    this._loaders.value = pop(this._loaders.value)(loaderId);
-  }
-  start(loaderId = DEFAULT_LOADER) {
-    this._loaders.value = push(this._loaders.value)(loaderId);
-    return () => this.stop(loaderId);
-  }
-  get anyLoading() {
-    return computed(() => hasItems(this._loaders.value));
-  }
-  isLoading(loaderId = DEFAULT_LOADER) {
-    const isLoading = computed(() => contains(this._loaders.value)(loaderId));
-    return isLoading.value;
-  }
-}
-const instance$1 = new WaitHandler();
-const plugin$1 = {
-  install: (app) => {
-    app.provide("wait", instance$1);
-  }
-};
-const DEFAULT_OPTIONS$1 = {
-  delay: 100,
-  observer: {
-    root: void 0,
-    rootMargin: "0px",
-    threshold: 0.2
-  },
-  animation: {
-    once: true,
-    duration: 300,
-    delay: 0
-  }
-};
-class AosHandler {
-  constructor(options) {
-    __publicField(this, "options");
-    this.options = {
-      delay: (options == null ? void 0 : options.delay) ?? DEFAULT_OPTIONS$1.delay,
-      observer: {
-        ...DEFAULT_OPTIONS$1.observer,
-        ...options == null ? void 0 : options.observer
-      },
-      animation: {
-        ...DEFAULT_OPTIONS$1.animation,
-        ...options == null ? void 0 : options.animation
-      }
-    };
-  }
-  async handleObserver() {
-    await sleep(this.options.delay);
-    const observer = new IntersectionObserver(this.handleIntersect.bind(this), {
-      ...this.options.observer
-    });
-    for (const element of document.querySelectorAll("[data-maz-aos]")) {
-      const anchorAttr = element.getAttribute("data-maz-aos-anchor");
-      if (anchorAttr) {
-        const anchorElement = document.querySelector(anchorAttr);
-        if (anchorElement) {
-          anchorElement.setAttribute("data-maz-aos-children", "true");
-          observer.observe(anchorElement);
-        } else {
-          console.warn(`[maz-ui](aos) no element found with selector "${anchorAttr}"`);
-        }
-      } else {
-        observer.observe(element);
-      }
-    }
-  }
-  runAnimations() {
-    if (isClient()) {
-      return this.handleObserver();
-    } else {
-      console.warn("[MazAos](runAnimations) should be executed on client side");
-    }
-  }
-  handleIntersect(entries, observer) {
-    for (const entry of entries) {
-      const target = entry.target;
-      const hasChildren = target.getAttribute("data-maz-aos-children") === "true";
-      const animateElements = entry.target.getAttribute("data-maz-aos") ? [entry.target] : [];
-      if (hasChildren) {
-        const children = [...document.querySelectorAll("[data-maz-aos-anchor]")].map(
-          (child) => child.getAttribute("data-maz-aos-anchor") === `#${entry.target.id}` ? child : void 0
-        );
-        for (const child of children) {
-          if (child) {
-            animateElements.push(child);
-          }
-        }
-      }
-      for (const element of animateElements) {
-        const once = element.getAttribute("data-maz-aos-once");
-        const useOnce = typeof once === "string" ? once === "true" : this.options.animation.once;
-        if (typeof this.options.observer.threshold === "number" && entry.intersectionRatio > this.options.observer.threshold) {
-          const duration = element.getAttribute("data-maz-aos-duration");
-          const delay = element.getAttribute("data-maz-aos-delay");
-          if (!duration) {
-            element.style.transitionDuration = `${this.options.animation.duration}ms`;
-            setTimeout(() => {
-              element.style.transitionDuration = "0";
-            }, 1e3);
-          }
-          if (!delay) {
-            element.style.transitionDelay = `${this.options.animation.delay}ms`;
-            setTimeout(() => {
-              element.style.transitionDelay = "0";
-            }, 1e3);
-          }
-          element.classList.add("maz-aos-animate");
-          if (useOnce) {
-            observer.unobserve(element);
-          }
-        } else {
-          element.classList.remove("maz-aos-animate");
-        }
-      }
-    }
-  }
-}
-let instance;
-const plugin = {
-  install: (app, options) => {
-    instance = new AosHandler(options);
-    app.provide("aos", instance);
-    if (!isClient()) {
-      return;
-    }
-    if (options == null ? void 0 : options.router) {
-      options.router.afterEach(async () => {
-        instance.runAnimations();
-      });
-    } else {
-      instance.runAnimations();
-    }
-  }
-};
-const DEFAULT_OPTIONS = {
-  darkClass: "dark",
-  lightClass: "light",
-  storageThemeKey: "theme",
-  storageThemeValueDark: "dark",
-  storageThemeValueLight: "light",
-  storageThemeValueSystem: "system"
-};
-const theme = ref("system");
-const selectedTheme = ref("system");
-function setDarkTheme({
-  darkClass,
-  lightClass,
-  storageThemeKey,
-  storageThemeValueDark,
-  setLocalStorageValue = true,
-  setSelectedTheme = true
-}) {
-  document.documentElement.classList.remove(lightClass);
-  document.documentElement.classList.add(darkClass);
-  theme.value = storageThemeValueDark;
-  if (setSelectedTheme)
-    selectedTheme.value = storageThemeValueDark;
-  if (setLocalStorageValue) {
-    localStorage[storageThemeKey] = storageThemeValueDark;
-  }
-}
-function setLightTheme({
-  darkClass,
-  lightClass,
-  storageThemeKey,
-  storageThemeValueLight,
-  setLocalStorageValue = true,
-  setSelectedTheme = true
-}) {
-  document.documentElement.classList.remove(darkClass);
-  document.documentElement.classList.add(lightClass);
-  theme.value = storageThemeValueLight;
-  if (setSelectedTheme)
-    selectedTheme.value = storageThemeValueLight;
-  if (setLocalStorageValue) {
-    localStorage[storageThemeKey] = storageThemeValueLight;
-  }
-}
-function setSytemTheme(options) {
-  document.documentElement.classList.remove(options.darkClass);
-  document.documentElement.classList.remove(options.lightClass);
-  theme.value = options.storageThemeValueSystem;
-  selectedTheme.value = options.storageThemeValueSystem;
-  if (options.setLocalStorageValue) {
-    localStorage[options.storageThemeKey] = options.storageThemeValueSystem;
-  }
-  autoSetTheme({ ...options, setSelectedTheme: false });
-}
-function getPrefDark() {
-  return window.matchMedia("(prefers-color-scheme: dark)").matches;
-}
-function autoSetTheme(options) {
-  if (localStorage[options.storageThemeKey] === options.storageThemeValueDark || !(options.storageThemeKey in localStorage) && getPrefDark() || localStorage[options.storageThemeKey] === options.storageThemeValueSystem && getPrefDark()) {
-    setDarkTheme({
-      ...options,
-      setLocalStorageValue: false,
-      setSelectedTheme: false
-    });
-  } else {
-    setLightTheme({
-      ...options,
-      setLocalStorageValue: false,
-      setSelectedTheme: false
-    });
-  }
-}
-function setTheme({
-  shouldSetDarkMode,
-  ...rest
-}) {
-  if (typeof shouldSetDarkMode !== "boolean") {
-    return setSytemTheme(rest);
-  }
-  return shouldSetDarkMode ? setDarkTheme(rest) : setLightTheme(rest);
-}
-function toggleTheme(options) {
-  return theme.value === options.storageThemeValueDark ? setLightTheme(options) : setDarkTheme(options);
-}
-function useThemeHandler(opts = DEFAULT_OPTIONS) {
-  const options = {
-    ...DEFAULT_OPTIONS,
-    ...opts
-  };
-  const hasDarkTheme = computed(() => selectedTheme.value === options.storageThemeValueDark);
-  const hasLightTheme = computed(() => selectedTheme.value === options.storageThemeValueLight);
-  const hasSystemTheme = computed(() => selectedTheme.value === options.storageThemeValueSystem);
-  onMounted$1(() => {
-    if (localStorage[options.storageThemeKey]) {
-      theme.value = localStorage[options.storageThemeKey];
-      selectedTheme.value = localStorage[options.storageThemeKey];
-    }
-  });
-  return {
-    autoSetTheme: () => autoSetTheme(options),
-    toggleTheme: () => toggleTheme(options),
-    setSystemTheme: () => setSytemTheme({ ...options, setLocalStorageValue: true }),
-    setDarkTheme: () => setTheme({ ...options, shouldSetDarkMode: true }),
-    setLightTheme: () => setTheme({ ...options, shouldSetDarkMode: false }),
-    hasDarkTheme,
-    hasLightTheme,
-    hasSystemTheme,
-    theme,
-    selectedTheme
-  };
-}
-const useInstanceUniqId = ({
-  componentName,
-  instance: instance2,
-  providedId
-}) => {
-  return computed(() => providedId ?? `${componentName}-${instance2 == null ? void 0 : instance2.uid}`);
-};
-const useAos = () => {
-  return injectStrict("aos");
-};
-const useWait = () => {
-  return injectStrict("wait");
-};
-const useToast = () => {
-  return injectStrict("toast");
-};
-const useIdleTimeout = ({
-  callback,
-  options
-}) => {
-  return new IdleTimeout(callback, options);
-};
-const useUserVisibility = ({
-  callback,
-  options
-}) => {
-  return new UserVisibility(callback, options);
-};
-const confirmDialogData = ref();
-const dialogState = ref([]);
-const showDialogAndWaitChoice = (identifier, callback) => {
-  return new Promise((resolve, reject) => {
-    dialogState.value = [
-      ...dialogState.value,
-      {
-        id: identifier,
-        isActive: true,
-        resolve: async () => {
-          await (callback == null ? void 0 : callback());
-          resolve(true);
-        },
-        reject
-      }
-    ];
-  });
-};
-const removeDialogFromState = (identifier) => {
-  dialogState.value = dialogState.value.filter(({ id }) => id !== identifier);
-  return dialogState.value;
-};
-const responseDialog = (type, currentDialog, response = false) => {
-  var _a;
-  if (currentDialog) {
-    (_a = currentDialog[type]) == null ? void 0 : _a.call(currentDialog, response);
-    currentDialog.isActive = false;
-    setTimeout(() => {
-      removeDialogFromState(currentDialog.id);
-    }, 500);
-  }
-};
-const useMazDialogPromise = () => ({
-  confirmDialogData,
-  dialogState,
-  showDialogAndWaitChoice,
-  removeDialogFromState,
-  rejectDialog: (currentDialog, response = false) => responseDialog("reject", currentDialog, response),
-  resolveDialog: (currentDialog, response = false) => responseDialog("resolve", currentDialog, response)
-});
-export {
-  instance$1 as A,
-  AosHandler as B,
-  plugin as C,
-  instance as D,
-  useThemeHandler as E,
-  useInstanceUniqId as F,
-  useAos as G,
-  useWait as H,
-  IdleTimeout as I,
-  useToast as J,
-  useIdleTimeout as K,
-  useUserVisibility as L,
-  useMazDialogPromise as M,
-  ScriptLoader as S,
-  ToasterHandler as T,
-  UserVisibility as U,
-  WaitHandler as W,
-  _export_sfc as _,
-  isClient as a,
-  installDirectives as b,
-  countryCodeToUnicodeFlag as c,
-  debounce as d,
-  directive$1 as e,
-  plugin$2 as f,
-  vZoomImg as g,
-  plugin$3 as h,
-  injectStrict as i,
-  vFullscreenImg as j,
-  vFullscreenImgInstall as k,
-  directive as l,
-  mount as m,
-  plugin$4 as n,
-  installFilters as o,
-  plugin$5 as p,
-  capitalize as q,
-  currency as r,
-  sleep as s,
-  truthyFilter as t,
-  date as u,
-  vLazyImg as v,
-  number as w,
-  installToaster as x,
-  toastInstance as y,
-  plugin$1 as z
-};