maz-ui 4.0.0-alpha.5 → 4.0.0-beta.0

package/dist/directives/vClickOutside.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"vClickOutside.mjs","sources":["../../src/directives/vClickOutside.ts"],"sourcesContent":["import { type DirectiveBinding, nextTick, type ObjectDirective, type Plugin } from 'vue'\n\nconst UNIQUE_ID = '__maz-click-outside__'\n\nfunction getEventType() {\n  return document.ontouchstart === null ? 'touchstart' : 'click'\n}\n\ntype vClickOutsideBindingValue = (...args: any[]) => any\n\ntype vClickOutsideDirectiveBinding = DirectiveBinding<vClickOutsideBindingValue>\n\nasync function onMounted(el: HTMLElement, binding: vClickOutsideDirectiveBinding) {\n  try {\n    onUnmounted(el)\n\n    const vm = binding.instance\n    const callback = binding.value\n\n    const isCallbackFunction = typeof callback === 'function'\n\n    if (!isCallbackFunction) {\n      throw new Error('[maz-ui](vClickOutside) the callback should be a function')\n    }\n\n    await nextTick()\n\n    el[UNIQUE_ID] = (event: Event) => {\n      if (\n        (!el || (event.target && !el.contains(event.target as Node)))\n        && callback\n        && isCallbackFunction\n      ) {\n        return callback.call(vm, event)\n      }\n    }\n\n    const eventType = getEventType()\n\n    document.addEventListener(eventType, el[UNIQUE_ID], { passive: true })\n  }\n  catch (error) {\n    console.error('[maz-ui](vClickOutside)', error)\n  }\n}\n\nfunction onUnmounted(el: HTMLElement) {\n  try {\n    const eventType = getEventType()\n    document.removeEventListener(eventType, el[UNIQUE_ID], false)\n    delete el[UNIQUE_ID]\n  }\n  catch (error) {\n    console.error('[maz-ui](vClickOutside)', error)\n  }\n}\n\nfunction onUpdated(el: HTMLElement, binding: vClickOutsideDirectiveBinding) {\n  try {\n    if (binding.value === binding.oldValue) {\n      return\n    }\n    onMounted(el, binding)\n  }\n  catch (error) {\n    console.error('[maz-ui](vClickOutside)', error)\n  }\n}\n\nconst directive = {\n  mounted: onMounted,\n  updated: onUpdated,\n  unmounted: onUnmounted,\n} satisfies ObjectDirective<HTMLElement, vClickOutsideBindingValue>\n\nconst plugin = {\n  install: (app) => {\n    app.directive('click-outside', directive)\n  },\n} satisfies Plugin\n\nexport { directive as vClickOutside, type vClickOutsideBindingValue, plugin as vClickOutsideInstall }\n"],"names":["UNIQUE_ID","getEventType","onMounted","el","binding","onUnmounted","vm","callback","isCallbackFunction","nextTick","event","eventType","error","onUpdated","directive","plugin","app"],"mappings":";AAEA,MAAMA,IAAY;AAElB,SAASC,IAAe;AACf,SAAA,SAAS,iBAAiB,OAAO,eAAe;AACzD;AAMA,eAAeC,EAAUC,GAAiBC,GAAwC;AAC5E,MAAA;AACF,IAAAC,EAAYF,CAAE;AAEd,UAAMG,IAAKF,EAAQ,UACbG,IAAWH,EAAQ,OAEnBI,IAAqB,OAAOD,KAAa;AAE/C,QAAI,CAACC;AACG,YAAA,IAAI,MAAM,2DAA2D;AAG7E,UAAMC,EAAS,GAEZN,EAAAH,CAAS,IAAI,CAACU,MAAiB;AAE7B,WAAA,CAACP,KAAOO,EAAM,UAAU,CAACP,EAAG,SAASO,EAAM,MAAc,MACvDH,KACAC;AAEI,eAAAD,EAAS,KAAKD,GAAII,CAAK;AAAA,IAElC;AAEA,UAAMC,IAAYV,EAAa;AAEtB,aAAA,iBAAiBU,GAAWR,EAAGH,CAAS,GAAG,EAAE,SAAS,IAAM;AAAA,WAEhEY,GAAO;AACJ,YAAA,MAAM,2BAA2BA,CAAK;AAAA,EAAA;AAElD;AAEA,SAASP,EAAYF,GAAiB;AAChC,MAAA;AACF,UAAMQ,IAAYV,EAAa;AAC/B,aAAS,oBAAoBU,GAAWR,EAAGH,CAAS,GAAG,EAAK,GAC5D,OAAOG,EAAGH,CAAS;AAAA,WAEdY,GAAO;AACJ,YAAA,MAAM,2BAA2BA,CAAK;AAAA,EAAA;AAElD;AAEA,SAASC,EAAUV,GAAiBC,GAAwC;AACtE,MAAA;AACE,QAAAA,EAAQ,UAAUA,EAAQ;AAC5B;AAEF,IAAAF,EAAUC,GAAIC,CAAO;AAAA,WAEhBQ,GAAO;AACJ,YAAA,MAAM,2BAA2BA,CAAK;AAAA,EAAA;AAElD;AAEA,MAAME,IAAY;AAAA,EAChB,SAASZ;AAAA,EACT,SAASW;AAAA,EACT,WAAWR;AACb,GAEMU,IAAS;AAAA,EACb,SAAS,CAACC,MAAQ;AACZ,IAAAA,EAAA,UAAU,iBAAiBF,CAAS;AAAA,EAAA;AAE5C;"}

package/dist/directives/vClosable.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function s(e,o,t){var u,a;e.stopPropagation();const l=typeof t.value=="function"?t.value:t.value.handler,n=typeof t.value=="object"?t.value.exclude:void 0;let c=!1;if(n&&n.length>0){for(const r of n)if(!c&&e.target instanceof HTMLElement){const d=(u=document.querySelector(r))==null?void 0:u.getAttribute("id");c=(e.target.getAttribute("id")===d||((a=document.querySelector(r))==null?void 0:a.contains(e.target)))??!1}}!o.contains(e.target)&&!c&&(l==null||l(e))}function i(){return document.ontouchstart===null?"touchstart":"click"}function v(e,o){const t=i();document.removeEventListener(t,l=>s(l,e,o))}function m(e,o){if(typeof o.value!="function"&&typeof o.value=="object"&&typeof o.value.handler!="function"){console.error("[maz-ui](vClosable) v-closable directive requires a handler function");return}const t=i();document.addEventListener(t,l=>s(l,e,o))}const f={mounted:m,unmounted:v},p={install:e=>{e.directive("closable",f)}};exports.vClosable=f;exports.vClosableInstall=p;
-//# sourceMappingURL=vClosable.cjs.map

package/dist/directives/vClosable.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"vClosable.cjs","sources":["../../src/directives/vClosable.ts"],"sourcesContent":["import type { DirectiveBinding, ObjectDirective, Plugin } from 'vue'\n\ntype vClosableBindingValueHandler = (event: Event) => any\ninterface vClosableBindingValueObject {\n  handler: vClosableBindingValueHandler\n  exclude?: string[]\n}\n\ntype vClosableBindingValue = vClosableBindingValueObject | vClosableBindingValueHandler\n\ntype vClosableBinding = DirectiveBinding<vClosableBindingValue>\n\nfunction handleOutsideClick(event: TouchEvent | MouseEvent, element: HTMLElement, binding: vClosableBinding) {\n  event.stopPropagation()\n\n  const handler = typeof binding.value === 'function' ? binding.value : binding.value.handler\n\n  const exclude = typeof binding.value === 'object' ? binding.value.exclude : undefined\n\n  let clickedOnExcludedElement = false\n\n  if (exclude && exclude.length > 0) {\n    for (const selector of exclude) {\n      if (!clickedOnExcludedElement && event.target instanceof HTMLElement) {\n        const elementId = document.querySelector(selector)?.getAttribute('id')\n        clickedOnExcludedElement = (event.target.getAttribute('id') === elementId || document.querySelector(selector)?.contains(event.target as HTMLElement)) ?? false\n      }\n    }\n  }\n\n  if (!element.contains(event.target as HTMLElement) && !clickedOnExcludedElement) {\n    handler?.(event)\n  }\n}\n\nfunction getEventType() {\n  return document.ontouchstart === null ? 'touchstart' : 'click'\n}\n\nfunction unbind(element: HTMLElement, binding: vClosableBinding) {\n  const eventType = getEventType()\n\n  document.removeEventListener(eventType, event => handleOutsideClick(event, element, binding))\n}\n\nfunction bind(element: HTMLElement, binding: vClosableBinding) {\n  if (\n    typeof binding.value !== 'function'\n    && typeof binding.value === 'object'\n    && typeof binding.value.handler !== 'function'\n  ) {\n    console.error('[maz-ui](vClosable) v-closable directive requires a handler function')\n    return\n  }\n\n  const eventType = getEventType()\n  document.addEventListener(eventType, event => handleOutsideClick(event, element, binding))\n}\n\nconst directive = {\n  mounted: bind,\n  unmounted: unbind,\n} satisfies ObjectDirective<HTMLElement, vClosableBindingValue>\n\nconst plugin = {\n  install: (app) => {\n    app.directive('closable', directive)\n  },\n} satisfies Plugin\n\nexport { directive as vClosable, type vClosableBindingValue, plugin as vClosableInstall }\n"],"names":["handleOutsideClick","event","element","binding","handler","exclude","clickedOnExcludedElement","selector","elementId","_a","_b","getEventType","unbind","eventType","bind","directive","plugin","app"],"mappings":"gFAYA,SAASA,EAAmBC,EAAgCC,EAAsBC,EAA2B,SAC3GF,EAAM,gBAAgB,EAEhB,MAAAG,EAAU,OAAOD,EAAQ,OAAU,WAAaA,EAAQ,MAAQA,EAAQ,MAAM,QAE9EE,EAAU,OAAOF,EAAQ,OAAU,SAAWA,EAAQ,MAAM,QAAU,OAE5E,IAAIG,EAA2B,GAE3B,GAAAD,GAAWA,EAAQ,OAAS,GAC9B,UAAWE,KAAYF,EACrB,GAAI,CAACC,GAA4BL,EAAM,kBAAkB,YAAa,CACpE,MAAMO,GAAYC,EAAA,SAAS,cAAcF,CAAQ,IAA/B,YAAAE,EAAkC,aAAa,MACjEH,GAA4BL,EAAM,OAAO,aAAa,IAAI,IAAMO,KAAaE,EAAA,SAAS,cAAcH,CAAQ,IAA/B,YAAAG,EAAkC,SAAST,EAAM,WAA2B,EAAA,EAK3J,CAACC,EAAQ,SAASD,EAAM,MAAqB,GAAK,CAACK,IACrDF,GAAA,MAAAA,EAAUH,GAEd,CAEA,SAASU,GAAe,CACf,OAAA,SAAS,eAAiB,KAAO,aAAe,OACzD,CAEA,SAASC,EAAOV,EAAsBC,EAA2B,CAC/D,MAAMU,EAAYF,EAAa,EAE/B,SAAS,oBAAoBE,EAAWZ,GAASD,EAAmBC,EAAOC,EAASC,CAAO,CAAC,CAC9F,CAEA,SAASW,EAAKZ,EAAsBC,EAA2B,CAC7D,GACE,OAAOA,EAAQ,OAAU,YACtB,OAAOA,EAAQ,OAAU,UACzB,OAAOA,EAAQ,MAAM,SAAY,WACpC,CACA,QAAQ,MAAM,sEAAsE,EACpF,MAAA,CAGF,MAAMU,EAAYF,EAAa,EAC/B,SAAS,iBAAiBE,EAAWZ,GAASD,EAAmBC,EAAOC,EAASC,CAAO,CAAC,CAC3F,CAEA,MAAMY,EAAY,CAChB,QAASD,EACT,UAAWF,CACb,EAEMI,EAAS,CACb,QAAUC,GAAQ,CACZA,EAAA,UAAU,WAAYF,CAAS,CAAA,CAEvC"}

package/dist/directives/vClosable.mjs

@@ -1,42 +0,0 @@
-function s(e, o, t) {
-  var u, a;
-  e.stopPropagation();
-  const n = typeof t.value == "function" ? t.value : t.value.handler, c = typeof t.value == "object" ? t.value.exclude : void 0;
-  let l = !1;
-  if (c && c.length > 0) {
-    for (const r of c)
-      if (!l && e.target instanceof HTMLElement) {
-        const f = (u = document.querySelector(r)) == null ? void 0 : u.getAttribute("id");
-        l = (e.target.getAttribute("id") === f || ((a = document.querySelector(r)) == null ? void 0 : a.contains(e.target))) ?? !1;
-      }
-  }
-  !o.contains(e.target) && !l && (n == null || n(e));
-}
-function i() {
-  return document.ontouchstart === null ? "touchstart" : "click";
-}
-function d(e, o) {
-  const t = i();
-  document.removeEventListener(t, (n) => s(n, e, o));
-}
-function v(e, o) {
-  if (typeof o.value != "function" && typeof o.value == "object" && typeof o.value.handler != "function") {
-    console.error("[maz-ui](vClosable) v-closable directive requires a handler function");
-    return;
-  }
-  const t = i();
-  document.addEventListener(t, (n) => s(n, e, o));
-}
-const m = {
-  mounted: v,
-  unmounted: d
-}, p = {
-  install: (e) => {
-    e.directive("closable", m);
-  }
-};
-export {
-  m as vClosable,
-  p as vClosableInstall
-};
-//# sourceMappingURL=vClosable.mjs.map

package/dist/directives/vClosable.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"vClosable.mjs","sources":["../../src/directives/vClosable.ts"],"sourcesContent":["import type { DirectiveBinding, ObjectDirective, Plugin } from 'vue'\n\ntype vClosableBindingValueHandler = (event: Event) => any\ninterface vClosableBindingValueObject {\n  handler: vClosableBindingValueHandler\n  exclude?: string[]\n}\n\ntype vClosableBindingValue = vClosableBindingValueObject | vClosableBindingValueHandler\n\ntype vClosableBinding = DirectiveBinding<vClosableBindingValue>\n\nfunction handleOutsideClick(event: TouchEvent | MouseEvent, element: HTMLElement, binding: vClosableBinding) {\n  event.stopPropagation()\n\n  const handler = typeof binding.value === 'function' ? binding.value : binding.value.handler\n\n  const exclude = typeof binding.value === 'object' ? binding.value.exclude : undefined\n\n  let clickedOnExcludedElement = false\n\n  if (exclude && exclude.length > 0) {\n    for (const selector of exclude) {\n      if (!clickedOnExcludedElement && event.target instanceof HTMLElement) {\n        const elementId = document.querySelector(selector)?.getAttribute('id')\n        clickedOnExcludedElement = (event.target.getAttribute('id') === elementId || document.querySelector(selector)?.contains(event.target as HTMLElement)) ?? false\n      }\n    }\n  }\n\n  if (!element.contains(event.target as HTMLElement) && !clickedOnExcludedElement) {\n    handler?.(event)\n  }\n}\n\nfunction getEventType() {\n  return document.ontouchstart === null ? 'touchstart' : 'click'\n}\n\nfunction unbind(element: HTMLElement, binding: vClosableBinding) {\n  const eventType = getEventType()\n\n  document.removeEventListener(eventType, event => handleOutsideClick(event, element, binding))\n}\n\nfunction bind(element: HTMLElement, binding: vClosableBinding) {\n  if (\n    typeof binding.value !== 'function'\n    && typeof binding.value === 'object'\n    && typeof binding.value.handler !== 'function'\n  ) {\n    console.error('[maz-ui](vClosable) v-closable directive requires a handler function')\n    return\n  }\n\n  const eventType = getEventType()\n  document.addEventListener(eventType, event => handleOutsideClick(event, element, binding))\n}\n\nconst directive = {\n  mounted: bind,\n  unmounted: unbind,\n} satisfies ObjectDirective<HTMLElement, vClosableBindingValue>\n\nconst plugin = {\n  install: (app) => {\n    app.directive('closable', directive)\n  },\n} satisfies Plugin\n\nexport { directive as vClosable, type vClosableBindingValue, plugin as vClosableInstall }\n"],"names":["handleOutsideClick","event","element","binding","_a","_b","handler","exclude","clickedOnExcludedElement","selector","elementId","getEventType","unbind","eventType","bind","directive","plugin","app"],"mappings":"AAYA,SAASA,EAAmBC,GAAgCC,GAAsBC,GAA2B;AAA7G,MAAAC,GAAAC;AACE,EAAAJ,EAAM,gBAAgB;AAEhB,QAAAK,IAAU,OAAOH,EAAQ,SAAU,aAAaA,EAAQ,QAAQA,EAAQ,MAAM,SAE9EI,IAAU,OAAOJ,EAAQ,SAAU,WAAWA,EAAQ,MAAM,UAAU;AAE5E,MAAIK,IAA2B;AAE3B,MAAAD,KAAWA,EAAQ,SAAS;AAC9B,eAAWE,KAAYF;AACrB,UAAI,CAACC,KAA4BP,EAAM,kBAAkB,aAAa;AACpE,cAAMS,KAAYN,IAAA,SAAS,cAAcK,CAAQ,MAA/B,gBAAAL,EAAkC,aAAa;AACjE,QAAAI,KAA4BP,EAAM,OAAO,aAAa,IAAI,MAAMS,OAAaL,IAAA,SAAS,cAAcI,CAAQ,MAA/B,gBAAAJ,EAAkC,SAASJ,EAAM,aAA2B;AAAA,MAAA;AAAA;AAK/J,EAAI,CAACC,EAAQ,SAASD,EAAM,MAAqB,KAAK,CAACO,MACrDF,KAAA,QAAAA,EAAUL;AAEd;AAEA,SAASU,IAAe;AACf,SAAA,SAAS,iBAAiB,OAAO,eAAe;AACzD;AAEA,SAASC,EAAOV,GAAsBC,GAA2B;AAC/D,QAAMU,IAAYF,EAAa;AAE/B,WAAS,oBAAoBE,GAAW,CAAAZ,MAASD,EAAmBC,GAAOC,GAASC,CAAO,CAAC;AAC9F;AAEA,SAASW,EAAKZ,GAAsBC,GAA2B;AAC7D,MACE,OAAOA,EAAQ,SAAU,cACtB,OAAOA,EAAQ,SAAU,YACzB,OAAOA,EAAQ,MAAM,WAAY,YACpC;AACA,YAAQ,MAAM,sEAAsE;AACpF;AAAA,EAAA;AAGF,QAAMU,IAAYF,EAAa;AAC/B,WAAS,iBAAiBE,GAAW,CAAAZ,MAASD,EAAmBC,GAAOC,GAASC,CAAO,CAAC;AAC3F;AAEA,MAAMY,IAAY;AAAA,EAChB,SAASD;AAAA,EACT,WAAWF;AACb,GAEMI,IAAS;AAAA,EACb,SAAS,CAACC,MAAQ;AACZ,IAAAA,EAAA,UAAU,YAAYF,CAAS;AAAA,EAAA;AAEvC;"}

package/dist/directives/vFullscreenImg.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/fullscreen-img.directive.CK-8DToy.cjs"),i={install(l){l.directive("fullscreen-img",e.directive)}};exports.vFullscreenImg=e.directive;exports.vFullscreenImgInstall=i;
-//# sourceMappingURL=vFullscreenImg.cjs.map

package/dist/directives/vFullscreenImg.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"vFullscreenImg.cjs","sources":["../../src/directives/vFullscreenImg.ts"],"sourcesContent":["import type { Plugin } from 'vue'\nimport { vFullscreenImg } from './vFullscreenImg/fullscreen-img.directive'\n\nconst plugin = {\n  install(app) {\n    app.directive('fullscreen-img', vFullscreenImg)\n  },\n} satisfies Plugin\n\nexport { plugin as vFullscreenImgInstall }\nexport { vFullscreenImg } from './vFullscreenImg/fullscreen-img.directive'\nexport type { vFullscreenImgBindingValue, vFullscreenImgOptions } from './vFullscreenImg/fullscreen-img.handler'\n"],"names":["plugin","app","vFullscreenImg"],"mappings":"mJAGMA,EAAS,CACb,QAAQC,EAAK,CACPA,EAAA,UAAU,iBAAkBC,WAAc,CAAA,CAElD"}

package/dist/directives/vFullscreenImg.mjs

@@ -1,11 +0,0 @@
-import { d as l } from "../chunks/fullscreen-img.directive.CEBhPyiD.mjs";
-const i = {
-  install(e) {
-    e.directive("fullscreen-img", l);
-  }
-};
-export {
-  l as vFullscreenImg,
-  i as vFullscreenImgInstall
-};
-//# sourceMappingURL=vFullscreenImg.mjs.map

package/dist/directives/vFullscreenImg.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"vFullscreenImg.mjs","sources":["../../src/directives/vFullscreenImg.ts"],"sourcesContent":["import type { Plugin } from 'vue'\nimport { vFullscreenImg } from './vFullscreenImg/fullscreen-img.directive'\n\nconst plugin = {\n  install(app) {\n    app.directive('fullscreen-img', vFullscreenImg)\n  },\n} satisfies Plugin\n\nexport { plugin as vFullscreenImgInstall }\nexport { vFullscreenImg } from './vFullscreenImg/fullscreen-img.directive'\nexport type { vFullscreenImgBindingValue, vFullscreenImgOptions } from './vFullscreenImg/fullscreen-img.handler'\n"],"names":["plugin","app","vFullscreenImg"],"mappings":";AAGA,MAAMA,IAAS;AAAA,EACb,QAAQC,GAAK;AACP,IAAAA,EAAA,UAAU,kBAAkBC,CAAc;AAAA,EAAA;AAElD;"}

package/dist/directives/vLazyImg.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../chunks/lazy-img.directive.BeENE6S9.cjs"),r={install(n,i={}){const o={...t.DEFAULT_OPTIONS,...i,observerOptions:{...t.DEFAULT_OPTIONS.observerOptions,...i.observerOptions}},e=new t.LazyImg(o);n.directive("lazy-img",{created:e.add.bind(e),updated:e.update.bind(e),unmounted:e.remove.bind(e)})}};exports.vLazyImg=t.directive;exports.vLazyImgInstall=r;
-//# sourceMappingURL=vLazyImg.cjs.map

package/dist/directives/vLazyImg.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"vLazyImg.cjs","sources":["../../src/directives/vLazyImg.ts"],"sourcesContent":["import type { Plugin } from 'vue'\nimport type { vLazyImgBindingValue, vLazyImgOptions } from './vLazyImg/types'\nimport { DEFAULT_OPTIONS, LazyImg } from './vLazyImg/lazy-img.handler'\n\nconst plugin = {\n  install(app, opts = {}) {\n    const options = {\n      ...DEFAULT_OPTIONS,\n      ...opts,\n      observerOptions: {\n        ...DEFAULT_OPTIONS.observerOptions,\n        ...opts.observerOptions,\n      },\n    } satisfies vLazyImgOptions\n\n    const instance = new LazyImg(options)\n\n    app.directive('lazy-img', {\n      created: instance.add.bind(instance),\n      updated: instance.update.bind(instance),\n      unmounted: instance.remove.bind(instance),\n    })\n  },\n} satisfies Plugin<vLazyImgOptions>\n\nexport { vLazyImg } from './vLazyImg/lazy-img.directive'\nexport { plugin as vLazyImgInstall }\nexport type { vLazyImgBindingValue, vLazyImgOptions }\n"],"names":["plugin","app","opts","options","DEFAULT_OPTIONS","instance","LazyImg"],"mappings":"6IAIMA,EAAS,CACb,QAAQC,EAAKC,EAAO,GAAI,CACtB,MAAMC,EAAU,CACd,GAAGC,EAAA,gBACH,GAAGF,EACH,gBAAiB,CACf,GAAGE,EAAgB,gBAAA,gBACnB,GAAGF,EAAK,eAAA,CAEZ,EAEMG,EAAW,IAAIC,EAAA,QAAQH,CAAO,EAEpCF,EAAI,UAAU,WAAY,CACxB,QAASI,EAAS,IAAI,KAAKA,CAAQ,EACnC,QAASA,EAAS,OAAO,KAAKA,CAAQ,EACtC,UAAWA,EAAS,OAAO,KAAKA,CAAQ,CAAA,CACzC,CAAA,CAEL"}

package/dist/directives/vLazyImg.mjs

@@ -1,24 +0,0 @@
-import { D as o, L as a } from "../chunks/lazy-img.directive.DqXA0UFo.mjs";
-import { d as p } from "../chunks/lazy-img.directive.DqXA0UFo.mjs";
-const r = {
-  install(t, n = {}) {
-    const s = {
-      ...o,
-      ...n,
-      observerOptions: {
-        ...o.observerOptions,
-        ...n.observerOptions
-      }
-    }, e = new a(s);
-    t.directive("lazy-img", {
-      created: e.add.bind(e),
-      updated: e.update.bind(e),
-      unmounted: e.remove.bind(e)
-    });
-  }
-};
-export {
-  p as vLazyImg,
-  r as vLazyImgInstall
-};
-//# sourceMappingURL=vLazyImg.mjs.map

package/dist/directives/vLazyImg.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"vLazyImg.mjs","sources":["../../src/directives/vLazyImg.ts"],"sourcesContent":["import type { Plugin } from 'vue'\nimport type { vLazyImgBindingValue, vLazyImgOptions } from './vLazyImg/types'\nimport { DEFAULT_OPTIONS, LazyImg } from './vLazyImg/lazy-img.handler'\n\nconst plugin = {\n  install(app, opts = {}) {\n    const options = {\n      ...DEFAULT_OPTIONS,\n      ...opts,\n      observerOptions: {\n        ...DEFAULT_OPTIONS.observerOptions,\n        ...opts.observerOptions,\n      },\n    } satisfies vLazyImgOptions\n\n    const instance = new LazyImg(options)\n\n    app.directive('lazy-img', {\n      created: instance.add.bind(instance),\n      updated: instance.update.bind(instance),\n      unmounted: instance.remove.bind(instance),\n    })\n  },\n} satisfies Plugin<vLazyImgOptions>\n\nexport { vLazyImg } from './vLazyImg/lazy-img.directive'\nexport { plugin as vLazyImgInstall }\nexport type { vLazyImgBindingValue, vLazyImgOptions }\n"],"names":["plugin","app","opts","options","DEFAULT_OPTIONS","instance","LazyImg"],"mappings":";;AAIA,MAAMA,IAAS;AAAA,EACb,QAAQC,GAAKC,IAAO,IAAI;AACtB,UAAMC,IAAU;AAAA,MACd,GAAGC;AAAA,MACH,GAAGF;AAAA,MACH,iBAAiB;AAAA,QACf,GAAGE,EAAgB;AAAA,QACnB,GAAGF,EAAK;AAAA,MAAA;AAAA,IAEZ,GAEMG,IAAW,IAAIC,EAAQH,CAAO;AAEpC,IAAAF,EAAI,UAAU,YAAY;AAAA,MACxB,SAASI,EAAS,IAAI,KAAKA,CAAQ;AAAA,MACnC,SAASA,EAAS,OAAO,KAAKA,CAAQ;AAAA,MACtC,WAAWA,EAAS,OAAO,KAAKA,CAAQ;AAAA,IAAA,CACzC;AAAA,EAAA;AAEL;"}

package/dist/directives/vTooltip.cjs

@@ -1,2 +0,0 @@
-"use strict";require('../assets/vTooltip.BvbAx959.css');var a=Object.defineProperty;var c=(e,t,o)=>t in e?a(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o;var p=(e,t,o)=>c(e,typeof t!="symbol"?t+"":t,o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={position:"top"};class n{constructor(t={}){p(this,"options");this.options={...r,...t}}getPosition({modifiers:t,value:o}){return t.top?"top":t.bottom?"bottom":t.left?"left":t.right?"right":typeof o=="string"?"top":o.position??this.options.position}getText({value:t}){return typeof t=="string"?t:t.text}getOpen({value:t}){return typeof t=="string"?!1:t.open??!1}getColor({value:t}){return typeof t=="string"?"default":t.color??"default"}getOffset({value:t}){return typeof t=="string"?"1rem":t.offset??"1rem"}create(t,o){t.setAttribute("data-tooltip",this.getText(o));const s=this.getOffset(o);s&&t.style.setProperty("--tooltip-offset",s),t.classList.add("m-tooltip");const l=this.getPosition(o);t.classList.add(`m-tooltip--${l}`),t.classList.add(`m-tooltip--${this.getColor(o)}`),this.getOpen(o)&&t.classList.add("m-tooltip--open")}update(t,o){this.remove(t,o),this.create(t,o)}remove(t,o){t.removeAttribute("data-tooltip"),t.classList.remove("m-tooltip"),t.classList.remove("m-tooltip--top"),t.classList.remove("m-tooltip--bottom"),t.classList.remove("m-tooltip--left"),t.classList.remove("m-tooltip--right"),t.classList.remove("m-tooltip--open"),t.classList.remove(`m-tooltip--${this.getColor(o)}`)}}let i;const f={beforeMount(e,t){const o=typeof t.value=="object"?t.value:{};return i=new n(o),i.create(e,t)},updated(e,t){return i.update(e,t)},unmounted(e,t){return i.remove(e,t)}},u={install:(e,t=r)=>{const o={...r,...t},s=new n(o);e.directive("tooltip",{beforeMount:s.create.bind(s),updated:s.update.bind(s),unmounted:s.remove.bind(s)})}};exports.vTooltip=f;exports.vTooltipInstall=u;
-//# sourceMappingURL=vTooltip.cjs.map

package/dist/directives/vTooltip.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"vTooltip.cjs","sources":["../../src/directives/vTooltip.ts"],"sourcesContent":["import type { DirectiveBinding, ObjectDirective, Plugin } from 'vue'\n\nimport type { Color } from '../components/types'\nimport './vTooltip/style.css'\n\ntype vTooltipColor = Exclude<Color, 'transparent'> | 'default' | 'light' | 'dark'\n\ninterface vTooltipOptions {\n  /**\n   * Position of the tooltip\n   * @default 'top'\n   */\n  position?: 'top' | 'bottom' | 'left' | 'right'\n  /**\n   * Color of the tooltip\n   * @default 'default'\n   */\n  color?: vTooltipColor\n}\n\ntype vTooltipBindingValue =\n  | string\n  | ({\n    /**\n     * Text to display in the tooltip\n     * @default ''\n     */\n    text: string\n    /**\n     * Open the tooltip\n     * @default false\n     */\n    open?: boolean\n    /**\n     * Offset of the tooltip\n     * @default '1rem'\n     */\n    offset?: string\n  } & vTooltipOptions)\n\nconst defaultOptions: vTooltipOptions = {\n  position: 'top',\n}\n\nexport type TooltipBinding = DirectiveBinding<vTooltipBindingValue>\n\nclass TooltipHandler {\n  options: vTooltipOptions\n\n  constructor(options: vTooltipOptions = {}) {\n    this.options = {\n      ...defaultOptions,\n      ...options,\n    }\n  }\n\n  getPosition({ modifiers, value }: TooltipBinding): vTooltipOptions['position'] {\n    if (modifiers.top) {\n      return 'top'\n    }\n    else if (modifiers.bottom) {\n      return 'bottom'\n    }\n    else if (modifiers.left) {\n      return 'left'\n    }\n    else if (modifiers.right) {\n      return 'right'\n    }\n\n    return typeof value === 'string' ? 'top' : value.position ?? this.options.position\n  }\n\n  getText({ value }: TooltipBinding): string {\n    return typeof value === 'string' ? value : value.text\n  }\n\n  getOpen({ value }: TooltipBinding): boolean {\n    return typeof value === 'string' ? false : value.open ?? false\n  }\n\n  getColor({ value }: TooltipBinding): vTooltipColor {\n    return typeof value === 'string' ? 'default' : value.color ?? 'default'\n  }\n\n  getOffset({ value }: TooltipBinding) {\n    return typeof value === 'string' ? '1rem' : value.offset ?? '1rem'\n  }\n\n  create(el: HTMLElement, binding: TooltipBinding) {\n    el.setAttribute('data-tooltip', this.getText(binding))\n    const offset = this.getOffset(binding)\n    if (offset) {\n      el.style.setProperty('--tooltip-offset', offset)\n    }\n    el.classList.add('m-tooltip')\n\n    const position = this.getPosition(binding)\n    el.classList.add(`m-tooltip--${position}`)\n    el.classList.add(`m-tooltip--${this.getColor(binding)}`)\n\n    if (this.getOpen(binding)) {\n      el.classList.add('m-tooltip--open')\n    }\n  }\n\n  update(el: HTMLElement, binding: TooltipBinding) {\n    this.remove(el, binding)\n    this.create(el, binding)\n  }\n\n  remove(el: HTMLElement, binding: TooltipBinding) {\n    el.removeAttribute('data-tooltip')\n    el.classList.remove('m-tooltip')\n    el.classList.remove('m-tooltip--top')\n    el.classList.remove('m-tooltip--bottom')\n    el.classList.remove('m-tooltip--left')\n    el.classList.remove('m-tooltip--right')\n    el.classList.remove('m-tooltip--open')\n    el.classList.remove(`m-tooltip--${this.getColor(binding)}`)\n  }\n}\n\nlet instance: TooltipHandler\n\nconst directive = {\n  beforeMount(el: HTMLElement, binding) {\n    const options = typeof binding.value === 'object' ? binding.value : {}\n    instance = new TooltipHandler(options)\n    return instance.create(el, binding)\n  },\n  updated(el: HTMLElement, binding) {\n    return instance.update(el, binding)\n  },\n  unmounted(el: HTMLElement, binding) {\n    return instance.remove(el, binding)\n  },\n} satisfies ObjectDirective<HTMLElement, vTooltipBindingValue>\n\nconst plugin = {\n  install: (app, options = defaultOptions) => {\n    const finalOptions = {\n      ...defaultOptions,\n      ...options,\n    } satisfies vTooltipOptions\n\n    const appInstance = new TooltipHandler(finalOptions)\n\n    app.directive('tooltip', {\n      beforeMount: appInstance.create.bind(appInstance),\n      updated: appInstance.update.bind(appInstance),\n      unmounted: appInstance.remove.bind(appInstance),\n    })\n  },\n} satisfies Plugin<vTooltipOptions>\n\nexport {\n  directive as vTooltip,\n  type vTooltipBindingValue,\n  type vTooltipColor,\n  plugin as vTooltipInstall,\n  type vTooltipOptions,\n}\n"],"names":["defaultOptions","TooltipHandler","options","__publicField","modifiers","value","el","binding","offset","position","instance","directive","plugin","app","finalOptions","appInstance"],"mappings":"oPAwCA,MAAMA,EAAkC,CACtC,SAAU,KACZ,EAIA,MAAMC,CAAe,CAGnB,YAAYC,EAA2B,GAAI,CAF3CC,EAAA,gBAGE,KAAK,QAAU,CACb,GAAGH,EACH,GAAGE,CACL,CAAA,CAGF,YAAY,CAAE,UAAAE,EAAW,MAAAC,GAAsD,CAC7E,OAAID,EAAU,IACL,MAEAA,EAAU,OACV,SAEAA,EAAU,KACV,OAEAA,EAAU,MACV,QAGF,OAAOC,GAAU,SAAW,MAAQA,EAAM,UAAY,KAAK,QAAQ,QAAA,CAG5E,QAAQ,CAAE,MAAAA,GAAiC,CACzC,OAAO,OAAOA,GAAU,SAAWA,EAAQA,EAAM,IAAA,CAGnD,QAAQ,CAAE,MAAAA,GAAkC,CAC1C,OAAO,OAAOA,GAAU,SAAW,GAAQA,EAAM,MAAQ,EAAA,CAG3D,SAAS,CAAE,MAAAA,GAAwC,CACjD,OAAO,OAAOA,GAAU,SAAW,UAAYA,EAAM,OAAS,SAAA,CAGhE,UAAU,CAAE,MAAAA,GAAyB,CACnC,OAAO,OAAOA,GAAU,SAAW,OAASA,EAAM,QAAU,MAAA,CAG9D,OAAOC,EAAiBC,EAAyB,CAC/CD,EAAG,aAAa,eAAgB,KAAK,QAAQC,CAAO,CAAC,EAC/C,MAAAC,EAAS,KAAK,UAAUD,CAAO,EACjCC,GACCF,EAAA,MAAM,YAAY,mBAAoBE,CAAM,EAE9CF,EAAA,UAAU,IAAI,WAAW,EAEtB,MAAAG,EAAW,KAAK,YAAYF,CAAO,EACzCD,EAAG,UAAU,IAAI,cAAcG,CAAQ,EAAE,EACzCH,EAAG,UAAU,IAAI,cAAc,KAAK,SAASC,CAAO,CAAC,EAAE,EAEnD,KAAK,QAAQA,CAAO,GACnBD,EAAA,UAAU,IAAI,iBAAiB,CACpC,CAGF,OAAOA,EAAiBC,EAAyB,CAC1C,KAAA,OAAOD,EAAIC,CAAO,EAClB,KAAA,OAAOD,EAAIC,CAAO,CAAA,CAGzB,OAAOD,EAAiBC,EAAyB,CAC/CD,EAAG,gBAAgB,cAAc,EAC9BA,EAAA,UAAU,OAAO,WAAW,EAC5BA,EAAA,UAAU,OAAO,gBAAgB,EACjCA,EAAA,UAAU,OAAO,mBAAmB,EACpCA,EAAA,UAAU,OAAO,iBAAiB,EAClCA,EAAA,UAAU,OAAO,kBAAkB,EACnCA,EAAA,UAAU,OAAO,iBAAiB,EACrCA,EAAG,UAAU,OAAO,cAAc,KAAK,SAASC,CAAO,CAAC,EAAE,CAAA,CAE9D,CAEA,IAAIG,EAEJ,MAAMC,EAAY,CAChB,YAAYL,EAAiBC,EAAS,CACpC,MAAML,EAAU,OAAOK,EAAQ,OAAU,SAAWA,EAAQ,MAAQ,CAAC,EAC1D,OAAAG,EAAA,IAAIT,EAAeC,CAAO,EAC9BQ,EAAS,OAAOJ,EAAIC,CAAO,CACpC,EACA,QAAQD,EAAiBC,EAAS,CACzB,OAAAG,EAAS,OAAOJ,EAAIC,CAAO,CACpC,EACA,UAAUD,EAAiBC,EAAS,CAC3B,OAAAG,EAAS,OAAOJ,EAAIC,CAAO,CAAA,CAEtC,EAEMK,EAAS,CACb,QAAS,CAACC,EAAKX,EAAUF,IAAmB,CAC1C,MAAMc,EAAe,CACnB,GAAGd,EACH,GAAGE,CACL,EAEMa,EAAc,IAAId,EAAea,CAAY,EAEnDD,EAAI,UAAU,UAAW,CACvB,YAAaE,EAAY,OAAO,KAAKA,CAAW,EAChD,QAASA,EAAY,OAAO,KAAKA,CAAW,EAC5C,UAAWA,EAAY,OAAO,KAAKA,CAAW,CAAA,CAC/C,CAAA,CAEL"}

package/dist/directives/vTooltip.mjs

@@ -1,73 +0,0 @@
-import '../assets/vTooltip.BvbAx959.css';var l = Object.defineProperty;
-var c = (e, t, o) => t in e ? l(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
-var p = (e, t, o) => c(e, typeof t != "symbol" ? t + "" : t, o);
-const r = {
-  position: "top"
-};
-class n {
-  constructor(t = {}) {
-    p(this, "options");
-    this.options = {
-      ...r,
-      ...t
-    };
-  }
-  getPosition({ modifiers: t, value: o }) {
-    return t.top ? "top" : t.bottom ? "bottom" : t.left ? "left" : t.right ? "right" : typeof o == "string" ? "top" : o.position ?? this.options.position;
-  }
-  getText({ value: t }) {
-    return typeof t == "string" ? t : t.text;
-  }
-  getOpen({ value: t }) {
-    return typeof t == "string" ? !1 : t.open ?? !1;
-  }
-  getColor({ value: t }) {
-    return typeof t == "string" ? "default" : t.color ?? "default";
-  }
-  getOffset({ value: t }) {
-    return typeof t == "string" ? "1rem" : t.offset ?? "1rem";
-  }
-  create(t, o) {
-    t.setAttribute("data-tooltip", this.getText(o));
-    const s = this.getOffset(o);
-    s && t.style.setProperty("--tooltip-offset", s), t.classList.add("m-tooltip");
-    const a = this.getPosition(o);
-    t.classList.add(`m-tooltip--${a}`), t.classList.add(`m-tooltip--${this.getColor(o)}`), this.getOpen(o) && t.classList.add("m-tooltip--open");
-  }
-  update(t, o) {
-    this.remove(t, o), this.create(t, o);
-  }
-  remove(t, o) {
-    t.removeAttribute("data-tooltip"), t.classList.remove("m-tooltip"), t.classList.remove("m-tooltip--top"), t.classList.remove("m-tooltip--bottom"), t.classList.remove("m-tooltip--left"), t.classList.remove("m-tooltip--right"), t.classList.remove("m-tooltip--open"), t.classList.remove(`m-tooltip--${this.getColor(o)}`);
-  }
-}
-let i;
-const m = {
-  beforeMount(e, t) {
-    const o = typeof t.value == "object" ? t.value : {};
-    return i = new n(o), i.create(e, t);
-  },
-  updated(e, t) {
-    return i.update(e, t);
-  },
-  unmounted(e, t) {
-    return i.remove(e, t);
-  }
-}, u = {
-  install: (e, t = r) => {
-    const o = {
-      ...r,
-      ...t
-    }, s = new n(o);
-    e.directive("tooltip", {
-      beforeMount: s.create.bind(s),
-      updated: s.update.bind(s),
-      unmounted: s.remove.bind(s)
-    });
-  }
-};
-export {
-  m as vTooltip,
-  u as vTooltipInstall
-};
-//# sourceMappingURL=vTooltip.mjs.map

package/dist/directives/vTooltip.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"vTooltip.mjs","sources":["../../src/directives/vTooltip.ts"],"sourcesContent":["import type { DirectiveBinding, ObjectDirective, Plugin } from 'vue'\n\nimport type { Color } from '../components/types'\nimport './vTooltip/style.css'\n\ntype vTooltipColor = Exclude<Color, 'transparent'> | 'default' | 'light' | 'dark'\n\ninterface vTooltipOptions {\n  /**\n   * Position of the tooltip\n   * @default 'top'\n   */\n  position?: 'top' | 'bottom' | 'left' | 'right'\n  /**\n   * Color of the tooltip\n   * @default 'default'\n   */\n  color?: vTooltipColor\n}\n\ntype vTooltipBindingValue =\n  | string\n  | ({\n    /**\n     * Text to display in the tooltip\n     * @default ''\n     */\n    text: string\n    /**\n     * Open the tooltip\n     * @default false\n     */\n    open?: boolean\n    /**\n     * Offset of the tooltip\n     * @default '1rem'\n     */\n    offset?: string\n  } & vTooltipOptions)\n\nconst defaultOptions: vTooltipOptions = {\n  position: 'top',\n}\n\nexport type TooltipBinding = DirectiveBinding<vTooltipBindingValue>\n\nclass TooltipHandler {\n  options: vTooltipOptions\n\n  constructor(options: vTooltipOptions = {}) {\n    this.options = {\n      ...defaultOptions,\n      ...options,\n    }\n  }\n\n  getPosition({ modifiers, value }: TooltipBinding): vTooltipOptions['position'] {\n    if (modifiers.top) {\n      return 'top'\n    }\n    else if (modifiers.bottom) {\n      return 'bottom'\n    }\n    else if (modifiers.left) {\n      return 'left'\n    }\n    else if (modifiers.right) {\n      return 'right'\n    }\n\n    return typeof value === 'string' ? 'top' : value.position ?? this.options.position\n  }\n\n  getText({ value }: TooltipBinding): string {\n    return typeof value === 'string' ? value : value.text\n  }\n\n  getOpen({ value }: TooltipBinding): boolean {\n    return typeof value === 'string' ? false : value.open ?? false\n  }\n\n  getColor({ value }: TooltipBinding): vTooltipColor {\n    return typeof value === 'string' ? 'default' : value.color ?? 'default'\n  }\n\n  getOffset({ value }: TooltipBinding) {\n    return typeof value === 'string' ? '1rem' : value.offset ?? '1rem'\n  }\n\n  create(el: HTMLElement, binding: TooltipBinding) {\n    el.setAttribute('data-tooltip', this.getText(binding))\n    const offset = this.getOffset(binding)\n    if (offset) {\n      el.style.setProperty('--tooltip-offset', offset)\n    }\n    el.classList.add('m-tooltip')\n\n    const position = this.getPosition(binding)\n    el.classList.add(`m-tooltip--${position}`)\n    el.classList.add(`m-tooltip--${this.getColor(binding)}`)\n\n    if (this.getOpen(binding)) {\n      el.classList.add('m-tooltip--open')\n    }\n  }\n\n  update(el: HTMLElement, binding: TooltipBinding) {\n    this.remove(el, binding)\n    this.create(el, binding)\n  }\n\n  remove(el: HTMLElement, binding: TooltipBinding) {\n    el.removeAttribute('data-tooltip')\n    el.classList.remove('m-tooltip')\n    el.classList.remove('m-tooltip--top')\n    el.classList.remove('m-tooltip--bottom')\n    el.classList.remove('m-tooltip--left')\n    el.classList.remove('m-tooltip--right')\n    el.classList.remove('m-tooltip--open')\n    el.classList.remove(`m-tooltip--${this.getColor(binding)}`)\n  }\n}\n\nlet instance: TooltipHandler\n\nconst directive = {\n  beforeMount(el: HTMLElement, binding) {\n    const options = typeof binding.value === 'object' ? binding.value : {}\n    instance = new TooltipHandler(options)\n    return instance.create(el, binding)\n  },\n  updated(el: HTMLElement, binding) {\n    return instance.update(el, binding)\n  },\n  unmounted(el: HTMLElement, binding) {\n    return instance.remove(el, binding)\n  },\n} satisfies ObjectDirective<HTMLElement, vTooltipBindingValue>\n\nconst plugin = {\n  install: (app, options = defaultOptions) => {\n    const finalOptions = {\n      ...defaultOptions,\n      ...options,\n    } satisfies vTooltipOptions\n\n    const appInstance = new TooltipHandler(finalOptions)\n\n    app.directive('tooltip', {\n      beforeMount: appInstance.create.bind(appInstance),\n      updated: appInstance.update.bind(appInstance),\n      unmounted: appInstance.remove.bind(appInstance),\n    })\n  },\n} satisfies Plugin<vTooltipOptions>\n\nexport {\n  directive as vTooltip,\n  type vTooltipBindingValue,\n  type vTooltipColor,\n  plugin as vTooltipInstall,\n  type vTooltipOptions,\n}\n"],"names":["defaultOptions","TooltipHandler","options","__publicField","modifiers","value","el","binding","offset","position","instance","directive","plugin","app","finalOptions","appInstance"],"mappings":"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"}

package/dist/directives/vZoomImg.cjs

@@ -1,125 +0,0 @@
-"use strict";var c=Object.defineProperty;var h=(s,e,t)=>e in s?c(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var o=(s,e,t)=>h(s,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=`
-.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%);
-}`,d={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 g{constructor(e){o(this,"options");o(this,"loader");o(this,"wrapper");o(this,"img");o(this,"keydownHandler");o(this,"onImgLoadedCallback");o(this,"buttonsAdded");o(this,"defaultOptions",{scale:!0,blur:!0,disabled:!1});o(this,"mouseEnterListener");o(this,"mouseLeaveListener");o(this,"renderPreviewListener");if(!e.value)throw new Error('[MazUI](zoom-img) Image path must be defined. Ex: `v-zoom-img="<PATH_TO_IMAGE>"`');if(typeof e.value=="object"&&!e.value.src)throw new Error("[maz-ui](zoom-img) src of image must be provided");this.buttonsAdded=!1,this.options=this.buildOptions(e),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(e){return{...this.defaultOptions,...typeof e.value=="object"?e.value:{src:e.value}}}get allInstances(){return[...document.querySelectorAll(".maz-zoom-img-instance")]}create(e){this.options.disabled||(e.style.cursor="pointer",setTimeout(()=>e.classList.add("maz-zoom-img-instance")),e.setAttribute("data-zoom-src",this.options.src),this.options.alt&&e.setAttribute("data-zoom-alt",this.options.alt),e.style.transition="all 300ms ease-in-out",this.mouseEnterListener=()=>this.mouseEnter(e),this.mouseLeaveListener=()=>this.mouseLeave(e),this.renderPreviewListener=()=>this.renderPreview(e,this.options),e.addEventListener("mouseenter",this.mouseEnterListener),e.addEventListener("mouseleave",this.mouseLeaveListener),e.addEventListener("click",this.renderPreviewListener))}update(e){this.options=this.buildOptions(e)}remove(e){this.imgEventHandler(!1),e.removeEventListener("mouseenter",this.mouseEnterListener),e.removeEventListener("mouseleave",this.mouseLeaveListener),e.removeEventListener("click",this.renderPreviewListener),e.classList.remove("maz-zoom-img-instance"),e.removeAttribute("data-zoom-src"),e.removeAttribute("data-zoom-alt"),e.style.cursor=""}renderPreview(e,t){e.classList.add("maz-is-open"),this.addStyle(u);const i=document.createElement("div");i.classList.add("maz-zoom-img"),i.setAttribute("id","MazImgPreviewFullsize"),i.addEventListener("click",n=>{i.isEqualNode(n.target)&&this.closePreview()}),typeof t=="object"&&(this.img.setAttribute("src",t.src),t.alt&&this.img.setAttribute("alt",t.alt),this.img.id="MazImgElement"),this.wrapper.append(this.img),i.append(this.wrapper),document.body.append(i),this.keyboardEventHandler(!0),setTimeout(()=>{i&&i.classList.add("maz-animate")},100)}onImgLoaded(){this.wrapper.style.width=`${this.img.width}px`,this.wrapper.style.minWidth="200px",this.loader.hidden=!0;const e=this.getButton(),t=[],i=this.allInstances.length>1;if(!this.buttonsAdded){if(this.buttonsAdded=!0,i){const n=this.getButton("previous"),r=this.getButton("next");t.push(n,r)}this.wrapper.append(e),i&&(this.wrapper.prepend(t[0]),this.wrapper.append(t[1]))}}getLoader(){const e=document.createElement("div");return e.classList.add("maz-zoom-img__loader"),e.innerHTML=d.spinner,e}mouseLeave(e){this.options.scale&&(e.style.transform=""),this.options.blur&&(e.style.filter=""),e.style.zIndex=""}mouseEnter(e){e.style.zIndex="1",this.options.scale&&(e.style.transform="scale(1.1)"),this.options.blur&&(e.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(e="close"){const t=document.createElement("button");t.innerHTML=d[e];const i=()=>e==="close"?this.closePreview():this.allInstances?this.nextPreviousImage(e==="next"):null;return t.addEventListener("click",()=>{i()}),t.classList.add("maz-zoom-btn"),t.classList.add(`maz-zoom-btn--${e}`),t}closePreview(){const e=document.querySelector("#MazImgPreviewFullsize"),t=document.querySelector("#MazPreviewStyle"),i=document.querySelector(".maz-zoom-img-instance.maz-is-open");i&&i.classList.remove("maz-is-open"),e&&e.classList.remove("maz-animate"),this.keyboardEventHandler(!1),setTimeout(()=>{e&&e.remove(),t&&t.remove()},300)}getNewInstanceIndex(e){let t=e;return t<0?t=this.allInstances.length-1:t>=this.allInstances.length&&(t=0),t}nextPreviousImage(e){const t=e,i=document.querySelector(".maz-zoom-img-instance.maz-is-open");if(i){const n=this.allInstances.indexOf(i),r=t?n+1:n-1,m=this.allInstances[this.getNewInstanceIndex(r)];m&&this.useNextInstance(i,m)}}useNextInstance(e,t){e.classList.remove("maz-is-open"),t.classList.add("maz-is-open");const i=t.getAttribute("data-zoom-src"),n=t.getAttribute("data-zoom-alt");this.wrapper.style.width="",this.loader.hidden=!1,i&&this.img.setAttribute("src",i),n&&this.img.setAttribute("alt",n)}addStyle(e){const t=document.createElement("style");t.id="MazPreviewStyle",t.textContent=e,document.head.append(t)}keyboardEventHandler(e){if(e)return document.addEventListener("keydown",this.keydownHandler);document.removeEventListener("keydown",this.keydownHandler)}imgEventHandler(e){if(e)return this.img.addEventListener("load",this.onImgLoadedCallback);this.img.removeEventListener("load",this.onImgLoadedCallback)}}let a;const l={created(s,e){a=new g(e),a.create(s)},updated(s,e){a.update(e)},unmounted(s){a.remove(s)}},p={install(s){s.directive("zoom-img",l)}};exports.vZoomImg=l;exports.vZoomImgInstall=p;
-//# sourceMappingURL=vZoomImg.cjs.map

package/dist/directives/vZoomImg.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"vZoomImg.cjs","sources":["../../src/directives/vZoomImg/style.ts","../../src/directives/vZoomImg/svgs.ts","../../src/directives/vZoomImg/zoom-img.handler.ts","../../src/directives/vZoomImg/zoom-img.directive.ts","../../src/directives/vZoomImg.ts"],"sourcesContent":["export const style = `\n.maz-zoom-img {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 1rem;\n  z-index: 1050;\n  background-color: hsla(238, 15%, 40%, 0.7);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n}\n\n.maz-zoom-img,\n.maz-zoom-img * {\n  box-sizing: border-box;\n}\n\n.maz-zoom-img .maz-zoom-img__wrapper {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-width: 0;\n  min-height: 0;\n  max-width: 100%;\n  max-height: 100%;\n  transition: all 300ms ease-in-out;\n  opacity: 0;\n  transform: scale(0.5);\n}\n\n.maz-zoom-img.maz-animate .maz-zoom-img__wrapper {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.maz-zoom-img.maz-animate .maz-zoom-img__loader {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: hsla(238, 15%, 40%, 0.7);\n  border-radius: 1rem;\n  z-index: 2;\n  min-width: 60px;\n  min-height: 60px;\n}\n.maz-zoom-img.maz-animate .maz-zoom-img__loader[hidden] {\n  display: none;\n}\n\n@-webkit-keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n.maz-zoom-img.maz-animate .maz-zoom-img__loader__svg {\n  animation: spin .6s linear infinite;\n}\n\n.maz-zoom-img img {\n  max-width: 100%;\n  max-height: 100%;\n  min-width: 0;\n  border-radius: 1rem;\n}\n\n.maz-zoom-img .maz-zoom-btn {\n  margin: 0 auto;\n  border: none;\n  background-color: hsla(0, 0%, 7%, 0.5);\n  box-shadow: 0 0 0.5rem 0 hsla(0, 0%, 0%, 0.2);\n  height: 2.2rem;\n  min-height: 2.2rem;\n  width: 2.2rem;\n  min-width: 2.2rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 2.2rem;\n  cursor: pointer;\n  flex: 0 0 auto;\n  outline: none;\n}\n\n.maz-zoom-img .maz-zoom-btn svg {\n  fill: white;\n}\n\n.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--close {\n  position: absolute;\n  top: 0.5rem;\n  right: 0.5rem;\n  z-index: 1;\n}\n\n.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--previous {\n  position: absolute;\n  left: 0.5rem;\n  z-index: 1;\n}\n\n.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--next {\n  position: absolute;\n  right: 0.5rem;\n  z-index: 1;\n}\n\n.maz-zoom-img .maz-zoom-btn:hover {\n  background-color: hsl(0, 0%, 0%);\n}`\n","export const svgs = {\n  close:\n    '<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>',\n  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>',\n  previous:\n    '<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>',\n  spinner:\n    '<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>',\n} as { [key: string]: string }\n","import type { DirectiveBinding } from 'vue'\nimport { style } from './style'\nimport { svgs } from './svgs'\n\nexport interface vZoomImgOptions {\n  disabled?: boolean\n  scale?: boolean\n  blur?: boolean\n}\n\ninterface vZoomImgBindingOptions extends vZoomImgOptions {\n  src: string\n  alt?: string\n}\n\nexport type vZoomImgBindingValue = string | vZoomImgBindingOptions\n\nexport type vZoomImgBinding = DirectiveBinding<vZoomImgBindingValue>\n\nenum StateClass {\n  OPEN = 'maz-is-open',\n}\n\nexport class VueZoomImg {\n  private options: vZoomImgBindingOptions\n  private loader: HTMLDivElement\n  private wrapper: HTMLDivElement\n  private img: HTMLImageElement\n  private keydownHandler: (e: KeyboardEvent) => void\n  private onImgLoadedCallback: EventListener\n  private buttonsAdded: boolean\n  private defaultOptions: vZoomImgOptions = {\n    scale: true,\n    blur: true,\n    disabled: false,\n  }\n\n  private mouseEnterListener: () => void\n  private mouseLeaveListener: () => void\n  private renderPreviewListener: () => void\n\n  constructor(binding: vZoomImgBinding) {\n    if (!binding.value) {\n      throw new Error(\n        '[MazUI](zoom-img) Image path must be defined. Ex: `v-zoom-img=\"<PATH_TO_IMAGE>\"`',\n      )\n    }\n\n    if (typeof binding.value === 'object' && !binding.value.src) {\n      throw new Error('[maz-ui](zoom-img) src of image must be provided')\n    }\n\n    this.buttonsAdded = false\n\n    this.options = this.buildOptions(binding)\n    this.keydownHandler = this.keydownLister.bind(this)\n\n    this.loader = this.getLoader()\n\n    this.wrapper = document.createElement('div')\n    this.wrapper.classList.add('maz-zoom-img__wrapper')\n    this.wrapper.prepend(this.loader)\n\n    this.img = document.createElement('img')\n    this.onImgLoadedCallback = this.onImgLoaded.bind(this)\n    this.imgEventHandler(true)\n  }\n\n  private buildOptions(binding: vZoomImgBinding): vZoomImgBindingOptions {\n    return {\n      ...this.defaultOptions,\n      ...(typeof binding.value === 'object' ? binding.value : { src: binding.value }),\n    }\n  }\n\n  get allInstances(): HTMLElement[] {\n    return [...document.querySelectorAll('.maz-zoom-img-instance')] as HTMLElement[]\n  }\n\n  public create(el: HTMLElement): void {\n    /**\n     * If is disabled\n     */\n    if (this.options.disabled)\n      return\n\n    /**\n     * Set instance style\n     */\n    el.style.cursor = 'pointer'\n    /**\n     * Set class & data attribute to use it with previous & next functions\n     */\n    setTimeout(() => el.classList.add('maz-zoom-img-instance'))\n    el.setAttribute('data-zoom-src', this.options.src)\n    if (this.options.alt)\n      el.setAttribute('data-zoom-alt', this.options.alt)\n    /**\n     * Add event listeners\n     */\n    el.style.transition = 'all 300ms ease-in-out'\n\n    this.mouseEnterListener = () => this.mouseEnter(el)\n    this.mouseLeaveListener = () => this.mouseLeave(el)\n    this.renderPreviewListener = () => this.renderPreview(el, this.options)\n\n    el.addEventListener('mouseenter', this.mouseEnterListener)\n    el.addEventListener('mouseleave', this.mouseLeaveListener)\n    el.addEventListener('click', this.renderPreviewListener)\n  }\n\n  public update(binding: vZoomImgBinding): void {\n    this.options = this.buildOptions(binding)\n  }\n\n  public remove(el: HTMLElement): void {\n    /**\n     * Remove all\n     */\n    this.imgEventHandler(false)\n    el.removeEventListener('mouseenter', this.mouseEnterListener)\n    el.removeEventListener('mouseleave', this.mouseLeaveListener)\n    el.removeEventListener('click', this.renderPreviewListener)\n    el.classList.remove('maz-zoom-img-instance')\n    el.removeAttribute('data-zoom-src')\n    el.removeAttribute('data-zoom-alt')\n    el.style.cursor = ''\n  }\n\n  private renderPreview(el: HTMLElement, options?: vZoomImgBindingOptions): void {\n    el.classList.add(StateClass.OPEN)\n    this.addStyle(style)\n\n    const container: HTMLDivElement = document.createElement('div')\n    container.classList.add('maz-zoom-img')\n    container.setAttribute('id', 'MazImgPreviewFullsize')\n    container.addEventListener('click', (e): void => {\n      if (container.isEqualNode(e.target as Node)) {\n        this.closePreview()\n      }\n    })\n\n    if (typeof options === 'object') {\n      this.img.setAttribute('src', options.src)\n      if (options.alt)\n        this.img.setAttribute('alt', options.alt)\n      this.img.id = 'MazImgElement'\n    }\n\n    this.wrapper.append(this.img)\n\n    container.append(this.wrapper)\n\n    document.body.append(container)\n    this.keyboardEventHandler(true)\n\n    setTimeout(() => {\n      if (container)\n        container.classList.add('maz-animate')\n    }, 100)\n  }\n\n  private onImgLoaded(): void {\n    this.wrapper.style.width = `${this.img.width}px`\n    this.wrapper.style.minWidth = `200px`\n    this.loader.hidden = true\n\n    const closeButton: HTMLButtonElement = this.getButton()\n    const buttons: HTMLButtonElement[] = []\n\n    const hasMultipleInstance = this.allInstances.length > 1\n\n    if (!this.buttonsAdded) {\n      this.buttonsAdded = true\n      if (hasMultipleInstance) {\n        const previousButton = this.getButton('previous')\n        const nextButton = this.getButton('next')\n        buttons.push(previousButton, nextButton)\n      }\n\n      this.wrapper.append(closeButton)\n      if (hasMultipleInstance) {\n        this.wrapper.prepend(buttons[0])\n        this.wrapper.append(buttons[1])\n      }\n    }\n  }\n\n  private getLoader(): HTMLDivElement {\n    const loader = document.createElement('div')\n    loader.classList.add('maz-zoom-img__loader')\n    loader.innerHTML = svgs.spinner\n    return loader\n  }\n\n  private mouseLeave(el: HTMLElement): void {\n    if (this.options.scale)\n      el.style.transform = ''\n    if (this.options.blur)\n      el.style.filter = ''\n    el.style.zIndex = ''\n  }\n\n  private mouseEnter(el: HTMLElement): void {\n    el.style.zIndex = '1'\n    if (this.options.scale)\n      el.style.transform = 'scale(1.1)'\n    if (this.options.blur)\n      el.style.filter = 'blur(2px)'\n  }\n\n  private keydownLister(e: KeyboardEvent): void {\n    e.preventDefault()\n    if (e.key === 'Escape' || e.key === ' ') {\n      this.closePreview()\n    }\n\n    if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {\n      this.nextPreviousImage(e.key === 'ArrowRight')\n    }\n  }\n\n  private getButton(iconName = 'close'): HTMLButtonElement {\n    const button = document.createElement('button')\n    button.innerHTML = svgs[iconName]\n    const getAction = () => {\n      if (iconName === 'close')\n        return this.closePreview()\n\n      if (this.allInstances)\n        return this.nextPreviousImage(iconName === 'next')\n\n      return null\n    }\n\n    button.addEventListener('click', () => {\n      getAction()\n    })\n\n    button.classList.add('maz-zoom-btn')\n    button.classList.add(`maz-zoom-btn--${iconName}`)\n    return button\n  }\n\n  private closePreview(): void {\n    const container: HTMLElement | null = document.querySelector('#MazImgPreviewFullsize')\n    const style: HTMLElement | null = document.querySelector('#MazPreviewStyle')\n    const instance: HTMLElement | null = document.querySelector(\n      '.maz-zoom-img-instance.maz-is-open',\n    )\n\n    if (instance)\n      instance.classList.remove(StateClass.OPEN)\n\n    if (container)\n      container.classList.remove('maz-animate')\n\n    this.keyboardEventHandler(false)\n\n    setTimeout(() => {\n      if (container)\n        container.remove()\n      if (style)\n        style.remove()\n    }, 300)\n  }\n\n  private getNewInstanceIndex(newInstanceIndex: number): number {\n    let nextIndex = newInstanceIndex\n    if (nextIndex < 0) {\n      nextIndex = this.allInstances.length - 1\n    }\n    else if (nextIndex >= this.allInstances.length) {\n      nextIndex = 0\n    }\n    return nextIndex\n  }\n\n  private nextPreviousImage(isNext: boolean): void {\n    const selectNextInstance = isNext\n    const currentInstance: HTMLElement | null = document.querySelector(\n      '.maz-zoom-img-instance.maz-is-open',\n    )\n\n    if (currentInstance) {\n      const currentInstanceIndex = this.allInstances.indexOf(currentInstance)\n      const newInstanceIndex = selectNextInstance\n        ? currentInstanceIndex + 1\n        : currentInstanceIndex - 1\n\n      const nextInstance = this.allInstances[this.getNewInstanceIndex(newInstanceIndex)]\n\n      if (nextInstance) {\n        this.useNextInstance(currentInstance, nextInstance)\n      }\n    }\n  }\n\n  private useNextInstance(currentInstance: HTMLElement, nextInstance: HTMLElement) {\n    currentInstance.classList.remove(StateClass.OPEN)\n    nextInstance.classList.add(StateClass.OPEN)\n\n    const src: string | null = nextInstance.getAttribute('data-zoom-src')\n    const alt: string | null = nextInstance.getAttribute('data-zoom-alt')\n\n    this.wrapper.style.width = ''\n    this.loader.hidden = false\n\n    if (src)\n      this.img.setAttribute('src', src)\n    if (alt)\n      this.img.setAttribute('alt', alt)\n  }\n\n  private addStyle(styleString: string): void {\n    const style = document.createElement('style')\n    style.id = 'MazPreviewStyle'\n    style.textContent = styleString\n    document.head.append(style)\n  }\n\n  private keyboardEventHandler(add: boolean): void {\n    if (add)\n      return document.addEventListener('keydown', this.keydownHandler)\n    document.removeEventListener('keydown', this.keydownHandler)\n  }\n\n  private imgEventHandler(add: boolean): void {\n    if (add)\n      return this.img.addEventListener('load', this.onImgLoadedCallback)\n    this.img.removeEventListener('load', this.onImgLoadedCallback)\n  }\n}\n","import type { ObjectDirective } from 'vue'\nimport { VueZoomImg, type vZoomImgBindingValue } from './zoom-img.handler'\n\nlet instance: VueZoomImg\n\nexport const vZoomImg = {\n  created(el: HTMLElement, binding): void {\n    instance = new VueZoomImg(binding)\n    instance.create(el)\n  },\n  updated(_el: HTMLElement, binding): void {\n    instance.update(binding)\n  },\n  unmounted(el: HTMLElement): void {\n    instance.remove(el)\n  },\n} satisfies ObjectDirective<HTMLElement, vZoomImgBindingValue>\n","import type { Plugin } from 'vue'\nimport { vZoomImg } from './vZoomImg/zoom-img.directive'\n\nconst plugin = {\n  install(app) {\n    app.directive('zoom-img', vZoomImg)\n  },\n} satisfies Plugin\n\nexport { vZoomImg, plugin as vZoomImgInstall }\nexport type { vZoomImgBindingValue } from './vZoomImg/zoom-img.handler'\n"],"names":["style","svgs","VueZoomImg","binding","__publicField","el","options","container","e","closeButton","buttons","hasMultipleInstance","previousButton","nextButton","loader","iconName","button","getAction","instance","newInstanceIndex","nextIndex","isNext","selectNextInstance","currentInstance","currentInstanceIndex","nextInstance","src","alt","styleString","add","vZoomImg","_el","plugin","app"],"mappings":"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"}