maz-ui 3.12.2 → 3.14.0

package/modules/index.mjs

@@ -1,11 +1,12 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode(".m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-70723f14],.m-toast *[data-v-70723f14]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-70723f14]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.m-toast.--left[data-v-70723f14],.m-toast.--right[data-v-70723f14]{width:20rem}.m-toast.--center[data-v-70723f14]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-70723f14]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-70723f14]{margin:0;font-weight:500}.m-toast .--close[data-v-70723f14]{margin-left:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.75rem;width:1.75rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-70723f14]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-70723f14]{cursor:pointer}.m-toast.--info[data-v-70723f14]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-70723f14]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-70723f14]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-70723f14]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-70723f14]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-70723f14]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-70723f14]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-70723f14]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-70723f14]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-70723f14]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-70723f14]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-70723f14]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-70723f14],.m-slide-top-leave-active[data-v-70723f14]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-70723f14],.m-slide-top-leave-to[data-v-70723f14]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-70723f14],.m-slide-bottom-leave-active[data-v-70723f14]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-70723f14],.m-slide-bottom-leave-to[data-v-70723f14]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-70723f14],.m-slide-right-leave-active[data-v-70723f14]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-70723f14],.m-slide-right-leave-to[data-v-70723f14]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-70723f14],.m-slide-left-leave-active[data-v-70723f14]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-70723f14],.m-slide-left-leave-to[data-v-70723f14]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}")),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-7a2b89c9{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-7a2b89c9{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-7a2b89c9]{-webkit-animation:maz-spin-7a2b89c9 1s linear infinite;animation:maz-spin-7a2b89c9 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-7a2b89c9]{color:var(--maz-color-text)}.m-spinner--primary[data-v-7a2b89c9]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-7a2b89c9]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-7a2b89c9]{color:var(--maz-color-info)}.m-spinner--warning[data-v-7a2b89c9]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-7a2b89c9]{color:var(--maz-color-danger)}.m-spinner--success[data-v-7a2b89c9]{color:var(--maz-color-success)}.m-spinner--black[data-v-7a2b89c9]{color:var(--maz-color-black)}.m-spinner--white[data-v-7a2b89c9],.m-spinner--transparent[data-v-7a2b89c9]{color:var(--maz-color-white)}.m-spinner--theme[data-v-7a2b89c9]{color:var(--maz-color-bg-theme)}html.--m-fullscreen-open{height:100vh;overflow:hidden}.m-fullscreen-img[data-v-86a68575]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;height:100vh;width:100vw;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--maz-bg-overlay);--tw-bg-opacity: .8;outline:2px solid transparent;outline-offset:2px;--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-fullscreen-img .m-fullscreen-img-scroller[data-v-86a68575]{max-height:100vh;overflow:auto}.m-fullscreen-img.--animation-active .m-fullscreen-img-scroller[data-v-86a68575]{height:100vh;width:100vw}.m-fullscreen-img[data-v-86a68575]:not(.--animation-active){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-fullscreen-img img[data-v-86a68575]{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:linear;transition-timing-function:linear}.m-fullscreen-img .m-fullscreen-img-loader[data-v-86a68575]{position:absolute;left:50%;top:50%;z-index:10;--tw-translate-x: -50%;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:3.75rem;line-height:1}.m-fullscreen-img .m-fullscreen-btn[data-v-86a68575]{position:absolute;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;height:5rem;width:7%;min-width:5em;cursor:pointer;padding:1rem;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s}.m-fullscreen-img .m-fullscreen-btn.--close[data-v-86a68575]{right:0;top:0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-fullscreen-img .m-fullscreen-btn.--previous[data-v-86a68575]{left:0;top:50%;height:100vh;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.m-fullscreen-img .m-fullscreen-btn.--next[data-v-86a68575]{right:0;top:50%;height:100vh;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.maz-scale-fade-enter-from[data-v-86a68575],.maz-scale-fade-leave-to[data-v-86a68575]{--tw-scale-x: .5;--tw-scale-y: .5;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.maz-scale-fade-enter-active[data-v-86a68575],.maz-scale-fade-leave-active[data-v-86a68575]{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.2s;transition-duration:.2s}.m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-6a8f0d79],.m-toast *[data-v-6a8f0d79]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-6a8f0d79]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.m-toast.--left[data-v-6a8f0d79],.m-toast.--right[data-v-6a8f0d79]{width:20rem}.m-toast.--center[data-v-6a8f0d79]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-6a8f0d79]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-6a8f0d79]{margin:0;font-weight:500}.m-toast .--close[data-v-6a8f0d79]{margin-left:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.75rem;width:1.75rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-6a8f0d79]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-6a8f0d79]{cursor:pointer}.m-toast.--info[data-v-6a8f0d79]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-6a8f0d79]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-6a8f0d79]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-6a8f0d79]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-6a8f0d79]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-6a8f0d79]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-6a8f0d79]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-6a8f0d79]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-6a8f0d79]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-6a8f0d79]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-6a8f0d79]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-6a8f0d79]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-6a8f0d79],.m-slide-top-leave-active[data-v-6a8f0d79]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-6a8f0d79],.m-slide-top-leave-to[data-v-6a8f0d79]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-6a8f0d79],.m-slide-bottom-leave-active[data-v-6a8f0d79]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-6a8f0d79],.m-slide-bottom-leave-to[data-v-6a8f0d79]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-6a8f0d79],.m-slide-right-leave-active[data-v-6a8f0d79]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-6a8f0d79],.m-slide-right-leave-to[data-v-6a8f0d79]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-6a8f0d79],.m-slide-left-leave-active[data-v-6a8f0d79]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-6a8f0d79],.m-slide-left-leave-to[data-v-6a8f0d79]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}")),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
 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 { inject, createVNode, render as render$1, nextTick, openBlock, createElementBlock, createElementVNode, defineComponent, ref, computed, onMounted as onMounted$1, createBlock, Transition, withCtx, withDirectives, normalizeClass, toDisplayString, unref, createCommentVNode, vShow } from "vue";
+import { inject, createVNode, render as render$2, nextTick, defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode, ref, computed, onMounted as onMounted$1, onBeforeUnmount, withModifiers, withKeys, withDirectives, vShow, unref, createCommentVNode, Transition, withCtx, createBlock, toDisplayString } from "vue";
+import vueScrollTo from "vue-scrollto";
 function injectStrict(key, fallback) {
   const resolved = inject(key, fallback);
   if (!resolved) {
@@ -60,25 +61,29 @@ function debounce(fn, wait = 0, callFirst = false) {
 function truthyFilter(value) {
   return !!value;
 }
-function mount(component, {
-  props,
-  children,
-  element,
-  app
-} = {}) {
-  let el = element;
-  const vNode = createVNode(component, props, children);
-  if (app && app._context)
-    vNode.appContext = app._context;
-  if (el)
-    render$1(vNode, el);
-  else if (typeof document !== "undefined") {
-    render$1(vNode, el = document.createElement("div"));
-  }
-  const destroy = () => {
+function mount(component, options) {
+  let el = options == null ? void 0 : options.element;
+  function destroy() {
     if (el)
-      render$1(null, el);
-  };
+      render$2(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$2(vNode, el);
+    } else if (typeof document !== "undefined") {
+      el = document.createElement("div");
+      render$2(vNode, el);
+    }
+  } else {
+    el = el ?? document.body;
+    render$2(vNode, el);
+  }
   return { vNode, destroy, el };
 }
 function isClient() {
@@ -91,8 +96,7 @@ class IdleTimeout {
       timeout: 60 * 1e3 * 5,
       // 5 minutes
       once: false,
-      immediate: true,
-      ssr: false
+      immediate: true
     });
     __publicField(this, "options");
     __publicField(this, "timeoutHandler");
@@ -139,12 +143,8 @@ class IdleTimeout {
       ...this.defaultOptions,
       ...options
     };
-    if (!this.options.ssr && isClient()) {
+    if (isClient()) {
       this.start();
-    } else if (!this.options.ssr && !isClient()) {
-      console.warn(
-        `[IdleTimeout](constructor) executed on server side - set immediate option to "false"`
-      );
     }
   }
   get element() {
@@ -251,8 +251,7 @@ class UserVisibility {
     __publicField(this, "defaultOptions", {
       timeout: 5e3,
       once: false,
-      immediate: true,
-      ssr: false
+      immediate: true
     });
     __publicField(this, "isVisible", false);
     this.callback = callback;
@@ -261,12 +260,8 @@ class UserVisibility {
       ...options
     };
     this.eventHandlerFunction = this.eventHandler.bind(this);
-    if (!this.options.ssr && isClient()) {
+    if (isClient()) {
       this.start();
-    } else if (!this.options.ssr && !isClient()) {
-      console.warn(
-        `[UserVisibility](constructor) executed on server side - set "ssr" option to "false"`
-      );
     }
   }
   start() {
@@ -317,7 +312,7 @@ class UserVisibility {
     }
   }
 }
-const sleep$1 = (duration) => {
+const sleep = (duration) => {
   return new Promise((resolve) => {
     setTimeout(resolve, duration);
   });
@@ -435,7 +430,7 @@ const plugin$5 = {
 };
 const handleOutsideClick = (event, element, binding, vnode) => {
   event.stopPropagation();
-  const { handler: handler2, exclude } = binding.value;
+  const { handler, exclude } = binding.value;
   let clickedOnExcludedElement = false;
   if (exclude && exclude.length > 0) {
     for (const referenceName of exclude) {
@@ -446,7 +441,7 @@ const handleOutsideClick = (event, element, binding, vnode) => {
     }
   }
   if (!element.contains(event.target) && !clickedOnExcludedElement) {
-    vnode.context[handler2]();
+    vnode.context[handler]();
   }
 };
 const getEventType = () => {
@@ -841,17 +836,17 @@ class VueZoomImg {
     this.img.removeEventListener("load", this.onImgLoadedCallback);
   }
 }
-let instance$3;
+let instance$4;
 const vZoomImg = {
   created(el, binding) {
-    instance$3 = new VueZoomImg(binding);
-    instance$3.create(el);
+    instance$4 = new VueZoomImg(binding);
+    instance$4.create(el);
   },
   updated(_el, binding) {
-    instance$3.update(binding);
+    instance$4.update(binding);
   },
   unmounted(el) {
-    instance$3.remove(el);
+    instance$4.remove(el);
   }
 };
 const plugin$3 = {
@@ -860,7 +855,7 @@ const plugin$3 = {
   }
 };
 const EMPTY_PHOTO = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
-const DEFAULT_OPTIONS$5 = {
+const DEFAULT_OPTIONS$6 = {
   baseClass: "m-lazy-img",
   loadedClass: "m-lazy-loaded",
   loadingClass: "m-lazy-loading",
@@ -877,7 +872,7 @@ const DEFAULT_OPTIONS$5 = {
 class LazyImg {
   constructor(opts = {}) {
     __publicField(this, "observers", []);
-    __publicField(this, "defaultOptions", DEFAULT_OPTIONS$5);
+    __publicField(this, "defaultOptions", DEFAULT_OPTIONS$6);
     __publicField(this, "options");
     __publicField(this, "onImgLoadedCallback");
     __publicField(this, "onImgErrorCallback");
@@ -1087,28 +1082,28 @@ class LazyImg {
     this.observers = [];
   }
 }
-let instance$2;
+let instance$3;
 const vLazyImg = {
   created(el, binding) {
     const options = typeof binding.value === "object" ? binding.value : {};
-    instance$2 = new LazyImg(options);
-    instance$2.add(el, binding);
+    instance$3 = new LazyImg(options);
+    instance$3.add(el, binding);
   },
   updated(el, binding) {
-    instance$2.update(el, binding);
+    instance$3.update(el, binding);
   },
   unmounted(el, binding) {
-    instance$2.remove(el, binding);
+    instance$3.remove(el, binding);
   }
 };
 const DIRECTIVE_NAME = "lazy-img";
 const plugin$2 = {
   install(app, opts = {}) {
     const options = {
-      ...DEFAULT_OPTIONS$5,
+      ...DEFAULT_OPTIONS$6,
       ...opts,
       observerOptions: {
-        ...DEFAULT_OPTIONS$5.observerOptions,
+        ...DEFAULT_OPTIONS$6.observerOptions,
         ...opts.observerOptions
       }
     };
@@ -1120,6 +1115,507 @@ const plugin$2 = {
     });
   }
 };
+const _withScopeId = (n) => (pushScopeId("data-v-7a2b89c9"), n = n(), popScopeId(), n);
+const _hoisted_1$4 = ["width", "height"];
+const _hoisted_2$4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
+  "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" },
+  null,
+  -1
+  /* HOISTED */
+));
+const _hoisted_3$4 = [
+  _hoisted_2$4
+];
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "MazSpinner",
+  props: {
+    size: { type: String, default: "2em" },
+    color: {
+      type: String,
+      default: "primary"
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", {
+        width: __props.size,
+        height: __props.size,
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        x: "0px",
+        y: "0px",
+        viewBox: "0 0 50 50",
+        "xml:space": "preserve",
+        class: normalizeClass(["m-spinner", `m-spinner--${__props.color}`]),
+        style: { "enable-background": "new 0 0 50 50" }
+      }, _hoisted_3$4, 10, _hoisted_1$4);
+    };
+  }
+});
+const MazSpinner_vue_vue_type_style_index_0_scoped_7a2b89c9_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const MazSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-7a2b89c9"]]);
+const _hoisted_1$3 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+const _hoisted_2$3 = /* @__PURE__ */ createElementVNode(
+  "path",
+  {
+    stroke: "currentColor",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "stroke-width": "1.5",
+    d: "M6 18 18 6M6 6l12 12"
+  },
+  null,
+  -1
+  /* HOISTED */
+);
+const _hoisted_3$3 = [
+  _hoisted_2$3
+];
+function render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$3, _hoisted_3$3);
+}
+const XIcon = { render: render$1 };
+const _hoisted_1$2 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+const _hoisted_2$2 = /* @__PURE__ */ createElementVNode(
+  "path",
+  {
+    stroke: "currentColor",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "stroke-width": "1.5",
+    d: "M15.75 19.5 8.25 12l7.5-7.5"
+  },
+  null,
+  -1
+  /* HOISTED */
+);
+const _hoisted_3$2 = [
+  _hoisted_2$2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$2, _hoisted_3$2);
+}
+const ChevronLeft = { render };
+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: emits }) {
+    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(
+          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(XIcon), { 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_86a68575_lang = "";
+const MazFullscreenImg = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-86a68575"]]);
+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",
@@ -1136,6 +1632,10 @@ const directives = [
   {
     name: "lazy-img",
     directive: vLazyImg
+  },
+  {
+    name: "fullscreen-img",
+    directive: vFullscreenImg
   }
 ];
 const installDirectives = {
@@ -1151,7 +1651,7 @@ const capitalize = (value) => {
   value = value.toString();
   return value.charAt(0).toUpperCase() + value.slice(1);
 };
-const DEFAULT_OPTIONS$4 = {
+const DEFAULT_OPTIONS$5 = {
   style: "currency",
   minimumFractionDigits: 2,
   round: false
@@ -1176,7 +1676,7 @@ const validRequiredAttributes = (number2, locale, options) => {
 };
 const currency = (number2, locale, options) => {
   const options_ = {
-    ...DEFAULT_OPTIONS$4,
+    ...DEFAULT_OPTIONS$5,
     ...options
   };
   validRequiredAttributes(number2, locale, options_);
@@ -1186,7 +1686,7 @@ const currency = (number2, locale, options) => {
     throw new Error(`[maz-ui](FilterCurrency) ${error}`);
   }
 };
-const DEFAULT_OPTIONS$3 = {
+const DEFAULT_OPTIONS$4 = {
   month: "short",
   day: "numeric",
   year: "numeric"
@@ -1198,7 +1698,7 @@ const date = (date2, locale, options) => {
   if (typeof locale !== "string") {
     throw new TypeError("[maz-ui](FilterDate) The `locale` attribute must be a string.");
   }
-  const opts = options ?? DEFAULT_OPTIONS$3;
+  const opts = options ?? DEFAULT_OPTIONS$4;
   try {
     const usedDate = date2 instanceof Date ? date2 : new Date(date2);
     return new Intl.DateTimeFormat(locale, opts).format(usedDate);
@@ -1206,12 +1706,12 @@ const date = (date2, locale, options) => {
     throw new Error(`[maz-ui](FilterDate) ${error}`);
   }
 };
-const DEFAULT_OPTIONS$2 = {
+const DEFAULT_OPTIONS$3 = {
   minimumFractionDigits: 2
 };
 const number = (number2, locale, options) => {
   const filterOptions = {
-    ...DEFAULT_OPTIONS$2,
+    ...DEFAULT_OPTIONS$3,
     ...options
   };
   if (number2 === void 0) {
@@ -1266,33 +1766,6 @@ class ToasterTimer {
     clearTimeout(this.timer);
   }
 }
-const _hoisted_1$1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  fill: "none",
-  viewBox: "0 0 24 24"
-};
-const _hoisted_2$1 = /* @__PURE__ */ createElementVNode(
-  "path",
-  {
-    stroke: "currentColor",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round",
-    "stroke-width": "1.5",
-    d: "M6 18 18 6M6 6l12 12"
-  },
-  null,
-  -1
-  /* HOISTED */
-);
-const _hoisted_3$1 = [
-  _hoisted_2$1
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1, _hoisted_3$1);
-}
-const XIcon = { render };
 const _hoisted_1 = { class: "m-toast__message-wrapper" };
 const _hoisted_2 = { class: "m-toast__message" };
 const _hoisted_3 = {
@@ -1454,15 +1927,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 const MazToast_vue_vue_type_style_index_0_lang = "";
-const MazToast_vue_vue_type_style_index_1_scoped_70723f14_lang = "";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
+const MazToast_vue_vue_type_style_index_1_scoped_6a8f0d79_lang = "";
+const MazToast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6a8f0d79"]]);
+const DEFAULT_OPTIONS$2 = {
+  position: "bottom-right",
+  timeout: 1e4,
+  persistent: false
 };
-const MazToast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-70723f14"]]);
 class ToasterHandler {
   constructor(app, globalOptions) {
     this.app = app;
@@ -1471,6 +1942,7 @@ class ToasterHandler {
   show(message, options) {
     const localOptions = { message, ...options };
     const propsData = {
+      ...DEFAULT_OPTIONS$2,
       ...localOptions,
       ...this.globalOptions,
       ...options
@@ -1499,18 +1971,10 @@ class ToasterHandler {
     return this.show(message, this.getLocalOptions("warning", options));
   }
 }
-const defaultOptions = {
-  position: "bottom-right",
-  timeout: 1e4,
-  persistent: true
-};
 let toastInstance;
 const installToaster = {
   install(app, options) {
-    toastInstance = new ToasterHandler(app, {
-      ...defaultOptions,
-      ...options
-    });
+    toastInstance = new ToasterHandler(app, options);
     app.provide("toast", toastInstance);
   }
 };
@@ -1552,9 +2016,6 @@ const plugin$1 = {
     app.provide("wait", instance$1);
   }
 };
-const sleep = (ms) => {
-  return new Promise((resolve) => setTimeout(resolve, ms));
-};
 const DEFAULT_OPTIONS$1 = {
   delay: 100,
   observer: {
@@ -1564,7 +2025,8 @@ const DEFAULT_OPTIONS$1 = {
   },
   animation: {
     once: true,
-    duration: 300
+    duration: 300,
+    delay: 0
   }
 };
 class AosHandler {
@@ -1582,13 +2044,6 @@ class AosHandler {
       }
     };
   }
-  runAnimations() {
-    if (isClient()) {
-      return this.handleObserver();
-    } else {
-      console.warn("[MazAos](runAnimations) should be executed on client side");
-    }
-  }
   async handleObserver() {
     await sleep(this.options.delay);
     const observer = new IntersectionObserver(this.handleIntersect.bind(this), {
@@ -1609,6 +2064,13 @@ class AosHandler {
       }
     }
   }
+  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;
@@ -1629,12 +2091,19 @@ class AosHandler {
         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);
@@ -1737,52 +2206,28 @@ const useInstanceUniqId = ({
   instance: instance2,
   providedId
 }) => {
-  const instanceId = computed(() => providedId ?? `${componentName}-${instance2 == null ? void 0 : instance2.uid}`);
-  return {
-    instanceId
-  };
+  return computed(() => providedId ?? `${componentName}-${instance2 == null ? void 0 : instance2.uid}`);
 };
 const useAos = () => {
-  const aos = injectStrict("aos");
-  return {
-    aos
-  };
+  return injectStrict("aos");
 };
 const useWait = () => {
-  const wait = injectStrict("wait");
-  return {
-    wait
-  };
+  return injectStrict("wait");
 };
 const useToast = () => {
-  const toast = injectStrict("toast");
-  return {
-    toast
-  };
+  return injectStrict("toast");
 };
-const handler$1 = ref();
 const useIdleTimeout = ({
   callback,
   options
 }) => {
-  const instance2 = new IdleTimeout(callback, options);
-  handler$1.value = instance2;
-  const idle = handler$1;
-  return {
-    idle
-  };
+  return new IdleTimeout(callback, options);
 };
-const handler = ref();
 const useUserVisibility = ({
   callback,
   options
 }) => {
-  const instance2 = new UserVisibility(callback, options);
-  handler.value = instance2;
-  const visibility = handler;
-  return {
-    visibility
-  };
+  return new UserVisibility(callback, options);
 };
 export {
   AosHandler,
@@ -1805,7 +2250,7 @@ export {
   isClient,
   mount,
   number,
-  sleep$1 as sleep,
+  sleep,
   theme,
   toastInstance,
   truthyFilter,
@@ -1820,6 +2265,8 @@ export {
   plugin$5 as vClickOutsideInstall,
   directive as vClosable,
   plugin$4 as vClosableInstall,
+  vFullscreenImg,
+  vFullscreenImgInstall,
   vLazyImg,
   plugin$2 as vLazyImgInstall,
   vZoomImg,