maz-ui 3.6.7 → 3.6.8

package/components/MazDialogPromise.mjs

@@ -58,7 +58,7 @@ const MazSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data
 function injectStrict(key, fallback) {
   const resolved = inject(key, fallback);
   if (!resolved) {
-    throw new Error(`[maz-ui](injectStrict) Could not resolve ${key}`);
+    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${key}`);
   }
   return resolved;
 }
@@ -357,7 +357,7 @@ const MODAL_OPENED_CLASS = "--backdrop-present";
 const addClassToDocument = () => {
   document.documentElement.classList.add(MODAL_OPENED_CLASS);
 };
-const removeClassFromDocument = () => {
+const removeClassFromDocument = async () => {
   const backdropPresents = document.querySelector(".m-backdrop.--present");
   if (!backdropPresents) {
     document.documentElement.classList.remove(MODAL_OPENED_CLASS);
@@ -387,13 +387,13 @@ const _sfc_main$2 = defineComponent({
     const close = () => {
       toggleModal(false);
     };
-    const toggleModal = async (show) => {
+    const toggleModal = async (value) => {
       var _a;
-      if (!show) {
+      if (!value) {
         emits("before-close");
         await ((_a = props.beforeClose) == null ? void 0 : _a.call(props));
       }
-      present.value = show;
+      present.value = value;
     };
     const onBackdropAnimationEnter = () => {
       emits("open");
@@ -401,6 +401,7 @@ const _sfc_main$2 = defineComponent({
     const onBackdropAnimationLeave = () => {
       emits("update:model-value", false);
       emits("close");
+      removeClassAndEventToDocument();
     };
     const onBackdropClicked = () => {
       if (!props.persistent) {
@@ -420,10 +421,6 @@ const _sfc_main$2 = defineComponent({
       document.removeEventListener("keyup", onKeyPress);
       removeClassFromDocument();
     };
-    onMounted(() => {
-      if (props.modelValue)
-        addClassAndEventToDocument();
-    });
     watch(
       () => props.modelValue,
       (value) => {
@@ -433,14 +430,17 @@ const _sfc_main$2 = defineComponent({
         } else {
           removeClassAndEventToDocument();
         }
-      }
+      },
+      { immediate: true }
     );
     return {
       onBackdropAnimationEnter,
       onBackdropAnimationLeave,
       onBackdropClicked,
       close,
-      present
+      present,
+      toggleModal,
+      onKeyPress
     };
   }
 });

package/components/MazDialogPromise.umd.js

@@ -1,2 +1,2 @@
 (function(){"use strict";try{if(typeof document!="undefined"){var o=document.createElement("style");o.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-34f40819]{-webkit-animation:maz-spin-34f40819 1s linear infinite;animation:maz-spin-34f40819 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-34f40819]{color:var(--maz-color-text)}.m-spinner--primary[data-v-34f40819]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-34f40819]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-34f40819]{color:var(--maz-color-info)}.m-spinner--warning[data-v-34f40819]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-34f40819]{color:var(--maz-color-danger)}.m-spinner--success[data-v-34f40819]{color:var(--maz-color-success)}.m-spinner--black[data-v-34f40819]{color:var(--maz-color-black)}.m-spinner--white[data-v-34f40819],.m-spinner--transparent[data-v-34f40819]{color:var(--maz-color-white)}.m-btn[data-v-46a6f142]{border-width:var(--maz-border-width);border-style:solid;border-color:transparent;text-align:center;font-size:1rem;line-height:1.5rem;color:var(--maz-color-text)}.m-btn span[data-v-46a6f142]{line-height:1}.m-btn__icon-left[data-v-46a6f142]{margin-right:.5rem;margin-left:-.25rem;line-height:1}.m-btn__icon-right[data-v-46a6f142]{margin-left:.5rem;margin-right:-.25rem;line-height:1}.m-btn.--cursor-pointer[data-v-46a6f142]{cursor:pointer}.m-btn.--cursor-default[data-v-46a6f142]{cursor:default}.m-btn.--is-link[data-v-46a6f142]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;outline:2px solid transparent;outline-offset:2px;-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:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-link[data-v-46a6f142]:not(.--no-leading){line-height:2.25rem}.m-btn.--is-link[data-v-46a6f142]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-46a6f142]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-46a6f142]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-46a6f142]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-46a6f142]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-46a6f142]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-46a6f142]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-46a6f142]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-46a6f142]{color:var(--maz-color-black)}.m-btn.--is-button[data-v-46a6f142]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border-radius:var(--maz-border-radius);border-color:transparent;background-color:transparent;font-weight:500;text-decoration-line:none;-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)}.m-btn.--is-button.--rounded[data-v-46a6f142]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-46a6f142]{padding:1.325rem 2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-46a6f142]{padding:1rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--md[data-v-46a6f142]{padding:.88rem 1rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--sm[data-v-46a6f142]{padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--xs[data-v-46a6f142]{padding:.3rem .5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-46a6f142]{padding:.2rem .25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button.--icon[data-v-46a6f142]{padding-top:.5rem;padding-bottom:.5rem}.m-btn.--is-button[data-v-46a6f142]{-webkit-transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms;transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms}.m-btn.--is-button[data-v-46a6f142]:not(.--disabled):hover,.m-btn.--is-button[data-v-46a6f142]:not(.--disabled):focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-btn.--is-button.--fab[data-v-46a6f142]{display:-webkit-box;display:-ms-flexbox;display:flex;height:3rem;width:3rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;padding:0}.m-btn.--is-button.--fab[data-v-46a6f142]:not(.--no-elevation){-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-btn.--is-button.--block[data-v-46a6f142]{width:100%}.m-btn.--is-button.--primary[data-v-46a6f142]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary-600)}.m-btn.--is-button.--secondary[data-v-46a6f142]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary-600)}.m-btn.--is-button.--info[data-v-46a6f142]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info-600)}.m-btn.--is-button.--success[data-v-46a6f142]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success-600)}.m-btn.--is-button.--warning[data-v-46a6f142]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning-600)}.m-btn.--is-button.--danger[data-v-46a6f142]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger-600)}.m-btn.--is-button.--white[data-v-46a6f142]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white[data-v-46a6f142]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-btn.--is-button.--black[data-v-46a6f142]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black[data-v-46a6f142]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.m-btn.--is-button.--transparent[data-v-46a6f142]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--transparent[data-v-46a6f142]:not(:disabled):focus{background-color:#0000001f}.m-btn.--is-button.--primary-outline[data-v-46a6f142]{border-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-46a6f142]{border-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-46a6f142]{border-color:var(--maz-color-info);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-46a6f142]{border-color:var(--maz-color-success);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-46a6f142]{border-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-46a6f142]{border-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-46a6f142]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--black-outline[data-v-46a6f142]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--primary-pastel[data-v-46a6f142]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-46a6f142]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-46a6f142]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-46a6f142]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-46a6f142]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-46a6f142]{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));color:var(--maz-color-white)}.m-btn.--is-button.--white-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-46a6f142]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--black-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-46a6f142]{cursor:not-allowed;background-color:var(--maz-color-bg-lighter);--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.m-btn.--is-button.--no-padding[data-v-46a6f142]{padding:0}.m-btn.--is-button .m-btn__loading-wrapper[data-v-46a6f142]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;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-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-46a6f142]{background-color:var(--maz-color-primary)}.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-46a6f142]{background-color:var(--maz-color-secondary)}.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-46a6f142]{background-color:var(--maz-color-info)}.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-46a6f142]{background-color:var(--maz-color-warning)}.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-46a6f142]{background-color:var(--maz-color-success)}.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-46a6f142]{background-color:var(--maz-color-danger)}.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-46a6f142]{background-color:var(--maz-color-white)}.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-46a6f142]{background-color:var(--maz-color-black)}html.--backdrop-present{overflow-y:hidden;height:100vh}.m-backdrop.bottom-sheet-anim-enter-active,.m-backdrop.bottom-sheet-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.bottom-sheet-anim-enter-from,.m-backdrop.bottom-sheet-anim-leave-to{opacity:0}.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(100%);transform:translateY(100%)}.m-backdrop.modal-anim-enter-active,.m-backdrop.modal-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.modal-anim-enter-active .m-backdrop-content,.m-backdrop.modal-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.modal-anim-enter-from,.m-backdrop.modal-anim-leave-to{opacity:0}.m-backdrop.modal-anim-enter-from .m-backdrop-content,.m-backdrop.modal-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(-25px);transform:translateY(-25px)}.m-backdrop.backdrop-anim-enter-active,.m-backdrop.backdrop-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.backdrop-anim-enter-from,.m-backdrop.backdrop-anim-leave-to{opacity:0}.m-backdrop{position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:1050;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-backdrop-overlay{-ms-touch-action:none;touch-action:none;position:absolute;top:0px;right:0px;bottom:0px;left:0px;background-color:var(--maz-bg-overlay)}.m-backdrop-overlay:not(.--disabled){cursor:pointer}.m-backdrop-content{position:relative;z-index:1}.m-backdrop-content:focus{outline:2px solid transparent;outline-offset:2px}.m-backdrop.--bottom-sheet .m-backdrop-content{position:absolute;bottom:0px;left:0px;right:0px}.m-backdrop.--fullscreen{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.m-backdrop.--fullscreen.--center-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen.--center-top{padding-top:7rem}}.m-backdrop.--fullscreen .m-backdrop-content{position:relative;width:100%}@media (min-width: 576px){.m-backdrop.--fullscreen .m-backdrop-content{width:auto}}.m-dialog-layout[data-v-ed37c9ef]{border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg);color:var(--maz-color-text);width:500px;max-width:95vw}.m-dialog-layout-header[data-v-ed37c9ef]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-top:.5rem;padding-left:1.5rem;padding-right:.5rem}.m-dialog-layout-header.--has-title[data-v-ed37c9ef]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.m-dialog-layout-footer[data-v-ed37c9ef]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:1rem}.m-dialog-layout-content[data-v-ed37c9ef]{padding:1.5rem}.m-dialog-layout-content-icon[data-v-ed37c9ef]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.m-dialog-layout-closebtn[data-v-ed37c9ef]{padding:.5rem!important}")),document.head.appendChild(o)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).MazDialogPromise={},e.Vue)}(this,(function(e,t){"use strict";const o=["width","height"],n=[(e=>(t.pushScopeId("data-v-34f40819"),e=e(),t.popScopeId(),e))((()=>t.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)))],l=(e,t)=>{const o=e.__vccOpts||e;for(const[n,l]of t)o[n]=l;return o},a=l(t.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"normal",validator:e=>["normal","info","white","success","warning","danger","primary","black","secondary","transparent"].includes(e)}},setup:e=>(l,a)=>(t.openBlock(),t.createElementBlock("svg",{width:e.size,height:e.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:t.normalizeClass(["m-spinner",`m-spinner--${e.color}`]),style:{"enable-background":"new 0 0 50 50"}},n,10,o))}),[["__scopeId","data-v-34f40819"]]);const r=["innerHTML"],i=t.defineComponent({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:e=>e}},emits:["loaded","unloaded","error"],setup(e,{emit:o}){const n=e,l={},a=t.ref(),i=t.ref(),d=()=>{try{return function(e,o){const n=t.inject(e,o);if(!n)throw new Error(`[maz-ui](injectStrict) Could not resolve ${e}`);return n}("mazIconPath")}catch{return}},c=t.computed((()=>n.path??d())),s=t.computed((()=>n.src?n.src:c.value?`${c.value}/${n.name}.svg`:`/${n.name}.svg`));t.onMounted((()=>{n.name||n.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const u=e=>{const t={},o=e.attributes;if(!o)return t;for(let n=o.length-1;n>=0;n--)t[o[n].name]=o[n].value;return t},m=e=>{let t=e.cloneNode(!0);return t=n.transformSource(e),n.title&&((e,t)=>{const o=e.querySelectorAll("title");if(o.length>0)o[0].textContent=t;else{const o=document.createElementNS("http://www.w3.org/2000/svg","title");o.textContent=t,e.append(o)}})(t,n.title),e.innerHTML},p=e=>new Promise(((t,o)=>{const l=new XMLHttpRequest;l.open("GET",e,!0),l.addEventListener("load",(()=>{if(l.status>=200&&l.status<400)try{const e=new DOMParser;let a=e.parseFromString(l.responseText,"text/xml").querySelectorAll("svg")[0];a?(a=n.transformSource(a),t(a)):o(new Error('Loaded file is not valid SVG"'))}catch(e){o(e)}else o(new Error("Error loading SVG"))})),l.addEventListener("error",(()=>o())),l.send()}));return t.watchEffect((()=>(async e=>{l[e]||(l[e]=p(e));try{a.value=await l[e],await t.nextTick(),o("loaded",i.value)}catch(n){a.value&&(a.value=void 0,o("unloaded")),delete l[e],o("error",n)}})(s.value))),(o,n)=>{return a.value?(t.openBlock(),t.createElementBlock("svg",t.mergeProps({key:0,ref_key:"svgElem",ref:i,width:"1em",height:"1em"},{...u(a.value),...(l=o.$attrs,Object.keys(l).reduce(((e,t)=>(!1!==l[t]&&null!==l[t]&&void 0!==l[t]&&(e[t]=l[t]),e)),{}))},{style:`font-size: ${e.size}`,innerHTML:m(a.value)}),null,16,r)):t.createCommentVNode("",!0);var l}}}),d={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},c={class:"maz-flex maz-flex-center"},s={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},u=l(t.defineComponent({__name:"MazBtn",props:{variant:{type:String,default:"button",validator:e=>["button","link"].includes(e)},size:{type:String,default:"md",validator:e=>["mini","xs","sm","md","lg","xl"].includes(e)},color:{type:String,default:"primary",validator:e=>["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(e)},type:{type:String,default:"button",validator:e=>["button","submit"].includes(e)},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1}},setup(e){const o=e,{href:n,to:l}=t.useAttrs(),r=t.useSlots(),u=t.computed((()=>n?"a":l?"router-link":"button")),m=t.computed((()=>o.pastel?`--${o.color}-pastel`:o.outline||o.loading?`--${o.color}-outline`:`--${o.color}`)),p=t.computed((()=>(o.loading||o.disabled)&&"button"===u.value)),f=t.computed((()=>p.value?"--cursor-default":"--cursor-pointer")),v=t.computed((()=>`--is-${o.variant}`)),g=t.computed((()=>`--${o.color}`)),y=t.computed((()=>["white"].includes(o.color)?"black":"white")),k=t.computed((()=>o.loading&&"button"===o.variant)),b=t.computed((()=>!!r["left-icon"]||o.leftIcon)),C=t.computed((()=>!!r["right-icon"]||o.rightIcon)),S=t.computed((()=>b.value||C.value)),h=t.computed((()=>"button"===u.value?o.type:void 0));return(o,n)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(t.unref(u)),t.mergeProps(o.$attrs,{disabled:t.unref(p),class:["m-btn",[`--${e.size}`,t.unref(m),t.unref(f),t.unref(v),{"--block":e.block,"--no-underline":e.noUnderline,"--no-leading":e.noLeading,"--fab":e.fab,"--loading":e.loading,"--disabled":t.unref(p),"--icon":t.unref(S),"--rounded":e.rounded,"--no-padding":e.noPadding,"--no-elevation":e.noElevation}]],type:t.unref(h)}),{default:t.withCtx((()=>[t.unref(b)?(t.openBlock(),t.createElementBlock("div",d,[t.renderSlot(o.$slots,"left-icon",{},(()=>[e.leftIcon?(t.openBlock(),t.createBlock(i,{key:0,name:e.leftIcon},null,8,["name"])):t.createCommentVNode("",!0)]),!0)])):t.createCommentVNode("",!0),t.createElementVNode("span",c,[t.renderSlot(o.$slots,"default",{},void 0,!0)]),t.unref(C)?(t.openBlock(),t.createElementBlock("div",s,[t.renderSlot(o.$slots,"right-icon",{},(()=>[e.rightIcon?(t.openBlock(),t.createBlock(i,{key:0,name:e.rightIcon},null,8,["name"])):t.createCommentVNode("",!0)]),!0)])):t.createCommentVNode("",!0),t.unref(k)?(t.openBlock(),t.createElementBlock("div",{key:2,class:t.normalizeClass(["m-btn__loading-wrapper",t.unref(g)])},[t.createVNode(a,{size:"2em",color:t.unref(y)},null,8,["color"])],2)):t.createCommentVNode("",!0)])),_:3},16,["disabled","class","type"]))}}),[["__scopeId","data-v-46a6f142"]]),m="--backdrop-present";const p=l(t.defineComponent({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!1},teleportSelector:{type:String,default:"body"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},noCloseOnEscKey:{type:Boolean,default:!1},transitionName:{type:String,default:"backdrop-anim"},backdropClass:{type:[Array,String,Object],default:void 0},backdropContentClass:{type:[Array,String,Object],default:void 0}},emits:["open","before-close","close","update:model-value"],setup(e,{emit:o}){const n=t.ref(e.modelValue),l=()=>{a(!1)},a=async t=>{var l;t||(o("before-close"),await(null==(l=e.beforeClose)?void 0:l.call(e))),n.value=t},r=t=>{e.noCloseOnEscKey||"Escape"!==t.key||e.persistent||l()},i=()=>{document.documentElement.classList.add(m),document.addEventListener("keyup",r,!1)},d=()=>{document.removeEventListener("keyup",r),document.querySelector(".m-backdrop.--present")||document.documentElement.classList.remove(m)};return t.onMounted((()=>{e.modelValue&&i()})),t.watch((()=>e.modelValue),(e=>{n.value=e,e?i():d()})),{onBackdropAnimationEnter:()=>{o("open")},onBackdropAnimationLeave:()=>{o("update:model-value",!1),o("close")},onBackdropClicked:()=>{e.persistent||l()},close:l,present:n}}}),[["render",function(e,o,n,l,a,r){return t.openBlock(),t.createBlock(t.Teleport,{to:e.teleportSelector},[t.createVNode(t.Transition,{appear:"",name:e.transitionName,onAfterEnter:e.onBackdropAnimationEnter,onAfterLeave:e.onBackdropAnimationLeave},{default:t.withCtx((()=>[e.present?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["m-backdrop --present",[e.backdropClass]]),tabindex:"-1",role:"dialog"},[t.createElementVNode("div",{class:t.normalizeClass(["m-backdrop-overlay",{"--disabled":e.persistent}]),tabindex:"-1",onClick:o[0]||(o[0]=t.withModifiers(((...t)=>e.onBackdropClicked&&e.onBackdropClicked(...t)),["self"]))},null,2),t.createElementVNode("div",t.mergeProps({class:["m-backdrop-content",e.backdropContentClass]},e.$attrs,{role:"document",tabindex:"0"}),[t.renderSlot(e.$slots,"default",{close:e.close})],16)],2)):t.createCommentVNode("",!0)])),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["to"])}]]),f={class:"m-dialog-layout"},v={key:0,class:"maz-my-0 maz-text-xl maz-font-semibold"},g={class:"m-dialog-layout-content"},y={key:0,class:"m-dialog-layout-footer"},k=l(t.defineComponent({__name:"MazDialog",props:{title:{type:String,default:void 0},noClose:{type:Boolean,default:!1}},emits:["update:model-value","close","open"],setup:e=>(o,n)=>(t.openBlock(),t.createBlock(p,t.mergeProps(o.$attrs,{"transition-name":"modal-anim",onClose:n[0]||(n[0]=e=>o.$emit("close",e)),onOpen:n[1]||(n[1]=e=>o.$emit("open",e)),"onUpdate:modelValue":n[2]||(n[2]=e=>o.$emit("update:model-value",e))}),{default:t.withCtx((({close:n})=>[t.createElementVNode("div",f,[t.createElementVNode("div",{class:t.normalizeClass(["m-dialog-layout-header",{"--has-title":o.$slots.title||e.title}])},[o.$slots.title||e.title?(t.openBlock(),t.createElementBlock("h2",v,[t.renderSlot(o.$slots,"title",{},(()=>[t.createTextVNode(t.toDisplayString(e.title),1)]),!0)])):t.createCommentVNode("",!0),e.noClose?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(u,{key:1,size:"sm",class:"m-dialog-layout-closebtn",color:"transparent",onClick:n},{default:t.withCtx((()=>[t.createVNode(i,{src:t.unref("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTYgMThMMTggNk02IDZsMTIgMTIiLz4KPC9zdmc+Cg=="),class:"maz-h-5 maz-w-5"},null,8,["src"])])),_:2},1032,["onClick"]))],2),t.createElementVNode("div",g,[t.renderSlot(o.$slots,"default",{close:n},void 0,!0)]),o.$slots.footer?(t.openBlock(),t.createElementBlock("div",y,[t.renderSlot(o.$slots,"footer",{close:n},void 0,!0)])):t.createCommentVNode("",!0)])])),_:3},16))}),[["__scopeId","data-v-ed37c9ef"]]),b=t.ref(),C=t.ref([]),S=(e,t)=>new Promise(((o,n)=>{C.value=[...C.value,{id:e,isActive:!0,resolve:async()=>{await(null==t?void 0:t()),o(!0)},reject:n}]})),h=e=>(C.value=C.value.filter((({id:t})=>t!==e)),C.value),B=e=>{var t;e&&(null==(t=e.reject)||t.call(e,!1),e.isActive=!1,setTimeout((()=>{h(e.id)}),500))},x=e=>{var t;e&&(null==(t=e.resolve)||t.call(e,!0),e.isActive=!1,setTimeout((()=>{h(e.id)}),500))},w=()=>({confirmDialogData:b,dialogState:C,showDialogAndWaitChoice:S,removeDialogFromState:h,rejectDialog:B,resolveDialog:x}),z={class:"maz-space-x-2"},E=t.defineComponent({__name:"MazDialogPromise",props:{data:{type:Object,default:void 0},identifier:{type:String,required:!0}},setup(e){const o=e,{dialogState:n,rejectDialog:l,resolveDialog:a}=w(),r=t.computed((()=>n.value.find((({id:e})=>e===o.identifier))));return(o,n)=>{var i;return t.unref(r)?(t.openBlock(),t.createBlock(k,t.mergeProps({key:0},o.$attrs,{"model-value":null==(i=t.unref(r))?void 0:i.isActive,"onUpdate:modelValue":n[2]||(n[2]=e=>t.unref(l)(t.unref(r)))}),{title:t.withCtx((()=>[t.renderSlot(o.$slots,"title",{},(()=>{var o;return[t.createTextVNode(t.toDisplayString(null==(o=e.data)?void 0:o.title),1)]}))])),default:t.withCtx((()=>[t.renderSlot(o.$slots,"default",{},(()=>{var o;return[t.createTextVNode(t.toDisplayString(null==(o=e.data)?void 0:o.message),1)]}))])),footer:t.withCtx((()=>[t.createElementVNode("div",z,[t.createVNode(u,{color:"danger",outline:"",onClick:n[0]||(n[0]=e=>t.unref(l)(t.unref(r)))},{default:t.withCtx((()=>[t.renderSlot(o.$slots,"confirm-text",{},(()=>{var o;return[t.createTextVNode(t.toDisplayString((null==(o=e.data)?void 0:o.confirmText)||"Cancel"),1)]}))])),_:3}),t.createVNode(u,{color:"success",onClick:n[1]||(n[1]=e=>t.unref(a)(t.unref(r)))},{default:t.withCtx((()=>[t.renderSlot(o.$slots,"cancel-text",{},(()=>{var o;return[t.createTextVNode(t.toDisplayString((null==(o=e.data)?void 0:o.cancelText)||"Confirm"),1)]}))])),_:3})])])),_:3},16,["model-value"])):t.createCommentVNode("",!0)}}});e.default=E,e.useMazDialogPromise=w,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).MazDialogPromise={},e.Vue)}(this,(function(e,t){"use strict";const o=["width","height"],n=[(e=>(t.pushScopeId("data-v-34f40819"),e=e(),t.popScopeId(),e))((()=>t.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)))],l=(e,t)=>{const o=e.__vccOpts||e;for(const[n,l]of t)o[n]=l;return o},a=l(t.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"normal",validator:e=>["normal","info","white","success","warning","danger","primary","black","secondary","transparent"].includes(e)}},setup:e=>(l,a)=>(t.openBlock(),t.createElementBlock("svg",{width:e.size,height:e.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:t.normalizeClass(["m-spinner",`m-spinner--${e.color}`]),style:{"enable-background":"new 0 0 50 50"}},n,10,o))}),[["__scopeId","data-v-34f40819"]]);const r=["innerHTML"],i=t.defineComponent({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:e=>e}},emits:["loaded","unloaded","error"],setup(e,{emit:o}){const n=e,l={},a=t.ref(),i=t.ref(),d=()=>{try{return function(e,o){const n=t.inject(e,o);if(!n)throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${e}`);return n}("mazIconPath")}catch{return}},c=t.computed((()=>n.path??d())),s=t.computed((()=>n.src?n.src:c.value?`${c.value}/${n.name}.svg`:`/${n.name}.svg`));t.onMounted((()=>{n.name||n.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const u=e=>{const t={},o=e.attributes;if(!o)return t;for(let n=o.length-1;n>=0;n--)t[o[n].name]=o[n].value;return t},m=e=>{let t=e.cloneNode(!0);return t=n.transformSource(e),n.title&&((e,t)=>{const o=e.querySelectorAll("title");if(o.length>0)o[0].textContent=t;else{const o=document.createElementNS("http://www.w3.org/2000/svg","title");o.textContent=t,e.append(o)}})(t,n.title),e.innerHTML},p=e=>new Promise(((t,o)=>{const l=new XMLHttpRequest;l.open("GET",e,!0),l.addEventListener("load",(()=>{if(l.status>=200&&l.status<400)try{const e=new DOMParser;let a=e.parseFromString(l.responseText,"text/xml").querySelectorAll("svg")[0];a?(a=n.transformSource(a),t(a)):o(new Error('Loaded file is not valid SVG"'))}catch(e){o(e)}else o(new Error("Error loading SVG"))})),l.addEventListener("error",(()=>o())),l.send()}));return t.watchEffect((()=>(async e=>{l[e]||(l[e]=p(e));try{a.value=await l[e],await t.nextTick(),o("loaded",i.value)}catch(n){a.value&&(a.value=void 0,o("unloaded")),delete l[e],o("error",n)}})(s.value))),(o,n)=>{return a.value?(t.openBlock(),t.createElementBlock("svg",t.mergeProps({key:0,ref_key:"svgElem",ref:i,width:"1em",height:"1em"},{...u(a.value),...(l=o.$attrs,Object.keys(l).reduce(((e,t)=>(!1!==l[t]&&null!==l[t]&&void 0!==l[t]&&(e[t]=l[t]),e)),{}))},{style:`font-size: ${e.size}`,innerHTML:m(a.value)}),null,16,r)):t.createCommentVNode("",!0);var l}}}),d={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},c={class:"maz-flex maz-flex-center"},s={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},u=l(t.defineComponent({__name:"MazBtn",props:{variant:{type:String,default:"button",validator:e=>["button","link"].includes(e)},size:{type:String,default:"md",validator:e=>["mini","xs","sm","md","lg","xl"].includes(e)},color:{type:String,default:"primary",validator:e=>["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(e)},type:{type:String,default:"button",validator:e=>["button","submit"].includes(e)},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1}},setup(e){const o=e,{href:n,to:l}=t.useAttrs(),r=t.useSlots(),u=t.computed((()=>n?"a":l?"router-link":"button")),m=t.computed((()=>o.pastel?`--${o.color}-pastel`:o.outline||o.loading?`--${o.color}-outline`:`--${o.color}`)),p=t.computed((()=>(o.loading||o.disabled)&&"button"===u.value)),f=t.computed((()=>p.value?"--cursor-default":"--cursor-pointer")),v=t.computed((()=>`--is-${o.variant}`)),g=t.computed((()=>`--${o.color}`)),y=t.computed((()=>["white"].includes(o.color)?"black":"white")),k=t.computed((()=>o.loading&&"button"===o.variant)),b=t.computed((()=>!!r["left-icon"]||o.leftIcon)),C=t.computed((()=>!!r["right-icon"]||o.rightIcon)),S=t.computed((()=>b.value||C.value)),h=t.computed((()=>"button"===u.value?o.type:void 0));return(o,n)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(t.unref(u)),t.mergeProps(o.$attrs,{disabled:t.unref(p),class:["m-btn",[`--${e.size}`,t.unref(m),t.unref(f),t.unref(v),{"--block":e.block,"--no-underline":e.noUnderline,"--no-leading":e.noLeading,"--fab":e.fab,"--loading":e.loading,"--disabled":t.unref(p),"--icon":t.unref(S),"--rounded":e.rounded,"--no-padding":e.noPadding,"--no-elevation":e.noElevation}]],type:t.unref(h)}),{default:t.withCtx((()=>[t.unref(b)?(t.openBlock(),t.createElementBlock("div",d,[t.renderSlot(o.$slots,"left-icon",{},(()=>[e.leftIcon?(t.openBlock(),t.createBlock(i,{key:0,name:e.leftIcon},null,8,["name"])):t.createCommentVNode("",!0)]),!0)])):t.createCommentVNode("",!0),t.createElementVNode("span",c,[t.renderSlot(o.$slots,"default",{},void 0,!0)]),t.unref(C)?(t.openBlock(),t.createElementBlock("div",s,[t.renderSlot(o.$slots,"right-icon",{},(()=>[e.rightIcon?(t.openBlock(),t.createBlock(i,{key:0,name:e.rightIcon},null,8,["name"])):t.createCommentVNode("",!0)]),!0)])):t.createCommentVNode("",!0),t.unref(k)?(t.openBlock(),t.createElementBlock("div",{key:2,class:t.normalizeClass(["m-btn__loading-wrapper",t.unref(g)])},[t.createVNode(a,{size:"2em",color:t.unref(y)},null,8,["color"])],2)):t.createCommentVNode("",!0)])),_:3},16,["disabled","class","type"]))}}),[["__scopeId","data-v-46a6f142"]]),m="--backdrop-present";const p=l(t.defineComponent({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!1},teleportSelector:{type:String,default:"body"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},noCloseOnEscKey:{type:Boolean,default:!1},transitionName:{type:String,default:"backdrop-anim"},backdropClass:{type:[Array,String,Object],default:void 0},backdropContentClass:{type:[Array,String,Object],default:void 0}},emits:["open","before-close","close","update:model-value"],setup(e,{emit:o}){const n=t.ref(e.modelValue),l=()=>{a(!1)},a=async t=>{var l;t||(o("before-close"),await(null==(l=e.beforeClose)?void 0:l.call(e))),n.value=t},r=t=>{e.noCloseOnEscKey||"Escape"!==t.key||e.persistent||l()},i=()=>{document.documentElement.classList.add(m),document.addEventListener("keyup",r,!1)},d=()=>{document.removeEventListener("keyup",r),(async()=>{document.querySelector(".m-backdrop.--present")||document.documentElement.classList.remove(m)})()};return t.watch((()=>e.modelValue),(e=>{n.value=e,e?i():d()}),{immediate:!0}),{onBackdropAnimationEnter:()=>{o("open")},onBackdropAnimationLeave:()=>{o("update:model-value",!1),o("close"),d()},onBackdropClicked:()=>{e.persistent||l()},close:l,present:n,toggleModal:a,onKeyPress:r}}}),[["render",function(e,o,n,l,a,r){return t.openBlock(),t.createBlock(t.Teleport,{to:e.teleportSelector},[t.createVNode(t.Transition,{appear:"",name:e.transitionName,onAfterEnter:e.onBackdropAnimationEnter,onAfterLeave:e.onBackdropAnimationLeave},{default:t.withCtx((()=>[e.present?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["m-backdrop --present",[e.backdropClass]]),tabindex:"-1",role:"dialog"},[t.createElementVNode("div",{class:t.normalizeClass(["m-backdrop-overlay",{"--disabled":e.persistent}]),tabindex:"-1",onClick:o[0]||(o[0]=t.withModifiers(((...t)=>e.onBackdropClicked&&e.onBackdropClicked(...t)),["self"]))},null,2),t.createElementVNode("div",t.mergeProps({class:["m-backdrop-content",e.backdropContentClass]},e.$attrs,{role:"document",tabindex:"0"}),[t.renderSlot(e.$slots,"default",{close:e.close})],16)],2)):t.createCommentVNode("",!0)])),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["to"])}]]),f={class:"m-dialog-layout"},v={key:0,class:"maz-my-0 maz-text-xl maz-font-semibold"},g={class:"m-dialog-layout-content"},y={key:0,class:"m-dialog-layout-footer"},k=l(t.defineComponent({__name:"MazDialog",props:{title:{type:String,default:void 0},noClose:{type:Boolean,default:!1}},emits:["update:model-value","close","open"],setup:e=>(o,n)=>(t.openBlock(),t.createBlock(p,t.mergeProps(o.$attrs,{"transition-name":"modal-anim",onClose:n[0]||(n[0]=e=>o.$emit("close",e)),onOpen:n[1]||(n[1]=e=>o.$emit("open",e)),"onUpdate:modelValue":n[2]||(n[2]=e=>o.$emit("update:model-value",e))}),{default:t.withCtx((({close:n})=>[t.createElementVNode("div",f,[t.createElementVNode("div",{class:t.normalizeClass(["m-dialog-layout-header",{"--has-title":o.$slots.title||e.title}])},[o.$slots.title||e.title?(t.openBlock(),t.createElementBlock("h2",v,[t.renderSlot(o.$slots,"title",{},(()=>[t.createTextVNode(t.toDisplayString(e.title),1)]),!0)])):t.createCommentVNode("",!0),e.noClose?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(u,{key:1,size:"sm",class:"m-dialog-layout-closebtn",color:"transparent",onClick:n},{default:t.withCtx((()=>[t.createVNode(i,{src:t.unref("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTYgMThMMTggNk02IDZsMTIgMTIiLz4KPC9zdmc+Cg=="),class:"maz-h-5 maz-w-5"},null,8,["src"])])),_:2},1032,["onClick"]))],2),t.createElementVNode("div",g,[t.renderSlot(o.$slots,"default",{close:n},void 0,!0)]),o.$slots.footer?(t.openBlock(),t.createElementBlock("div",y,[t.renderSlot(o.$slots,"footer",{close:n},void 0,!0)])):t.createCommentVNode("",!0)])])),_:3},16))}),[["__scopeId","data-v-ed37c9ef"]]),b=t.ref(),C=t.ref([]),S=(e,t)=>new Promise(((o,n)=>{C.value=[...C.value,{id:e,isActive:!0,resolve:async()=>{await(null==t?void 0:t()),o(!0)},reject:n}]})),h=e=>(C.value=C.value.filter((({id:t})=>t!==e)),C.value),B=e=>{var t;e&&(null==(t=e.reject)||t.call(e,!1),e.isActive=!1,setTimeout((()=>{h(e.id)}),500))},x=e=>{var t;e&&(null==(t=e.resolve)||t.call(e,!0),e.isActive=!1,setTimeout((()=>{h(e.id)}),500))},w=()=>({confirmDialogData:b,dialogState:C,showDialogAndWaitChoice:S,removeDialogFromState:h,rejectDialog:B,resolveDialog:x}),z={class:"maz-space-x-2"},E=t.defineComponent({__name:"MazDialogPromise",props:{data:{type:Object,default:void 0},identifier:{type:String,required:!0}},setup(e){const o=e,{dialogState:n,rejectDialog:l,resolveDialog:a}=w(),r=t.computed((()=>n.value.find((({id:e})=>e===o.identifier))));return(o,n)=>{var i;return t.unref(r)?(t.openBlock(),t.createBlock(k,t.mergeProps({key:0},o.$attrs,{"model-value":null==(i=t.unref(r))?void 0:i.isActive,"onUpdate:modelValue":n[2]||(n[2]=e=>t.unref(l)(t.unref(r)))}),{title:t.withCtx((()=>[t.renderSlot(o.$slots,"title",{},(()=>{var o;return[t.createTextVNode(t.toDisplayString(null==(o=e.data)?void 0:o.title),1)]}))])),default:t.withCtx((()=>[t.renderSlot(o.$slots,"default",{},(()=>{var o;return[t.createTextVNode(t.toDisplayString(null==(o=e.data)?void 0:o.message),1)]}))])),footer:t.withCtx((()=>[t.createElementVNode("div",z,[t.createVNode(u,{color:"danger",outline:"",onClick:n[0]||(n[0]=e=>t.unref(l)(t.unref(r)))},{default:t.withCtx((()=>[t.renderSlot(o.$slots,"confirm-text",{},(()=>{var o;return[t.createTextVNode(t.toDisplayString((null==(o=e.data)?void 0:o.confirmText)||"Cancel"),1)]}))])),_:3}),t.createVNode(u,{color:"success",onClick:n[1]||(n[1]=e=>t.unref(a)(t.unref(r)))},{default:t.withCtx((()=>[t.renderSlot(o.$slots,"cancel-text",{},(()=>{var o;return[t.createTextVNode(t.toDisplayString((null==(o=e.data)?void 0:o.cancelText)||"Confirm"),1)]}))])),_:3})])])),_:3},16,["model-value"])):t.createCommentVNode("",!0)}}});e.default=E,e.useMazDialogPromise=w,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/components/MazDrawer.mjs

@@ -1,10 +1,10 @@
 (function(){"use strict";try{if(typeof document!="undefined"){var a=document.createElement("style");a.appendChild(document.createTextNode("html.--backdrop-present{overflow-y:hidden;height:100vh}.m-backdrop.bottom-sheet-anim-enter-active,.m-backdrop.bottom-sheet-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.bottom-sheet-anim-enter-from,.m-backdrop.bottom-sheet-anim-leave-to{opacity:0}.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(100%);transform:translateY(100%)}.m-backdrop.modal-anim-enter-active,.m-backdrop.modal-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.modal-anim-enter-active .m-backdrop-content,.m-backdrop.modal-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.modal-anim-enter-from,.m-backdrop.modal-anim-leave-to{opacity:0}.m-backdrop.modal-anim-enter-from .m-backdrop-content,.m-backdrop.modal-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(-25px);transform:translateY(-25px)}.m-backdrop.backdrop-anim-enter-active,.m-backdrop.backdrop-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.backdrop-anim-enter-from,.m-backdrop.backdrop-anim-leave-to{opacity:0}.m-backdrop{position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:1050;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-backdrop-overlay{-ms-touch-action:none;touch-action:none;position:absolute;top:0px;right:0px;bottom:0px;left:0px;background-color:var(--maz-bg-overlay)}.m-backdrop-overlay:not(.--disabled){cursor:pointer}.m-backdrop-content{position:relative;z-index:1}.m-backdrop-content:focus{outline:2px solid transparent;outline-offset:2px}.m-backdrop.--bottom-sheet .m-backdrop-content{position:absolute;bottom:0px;left:0px;right:0px}.m-backdrop.--fullscreen{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.m-backdrop.--fullscreen.--center-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen.--center-top{padding-top:7rem}}.m-backdrop.--fullscreen .m-backdrop-content{position:relative;width:100%}@media (min-width: 576px){.m-backdrop.--fullscreen .m-backdrop-content{width:auto}}@-webkit-keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-34f40819]{-webkit-animation:maz-spin-34f40819 1s linear infinite;animation:maz-spin-34f40819 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-34f40819]{color:var(--maz-color-text)}.m-spinner--primary[data-v-34f40819]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-34f40819]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-34f40819]{color:var(--maz-color-info)}.m-spinner--warning[data-v-34f40819]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-34f40819]{color:var(--maz-color-danger)}.m-spinner--success[data-v-34f40819]{color:var(--maz-color-success)}.m-spinner--black[data-v-34f40819]{color:var(--maz-color-black)}.m-spinner--white[data-v-34f40819],.m-spinner--transparent[data-v-34f40819]{color:var(--maz-color-white)}.m-btn[data-v-46a6f142]{border-width:var(--maz-border-width);border-style:solid;border-color:transparent;text-align:center;font-size:1rem;line-height:1.5rem;color:var(--maz-color-text)}.m-btn span[data-v-46a6f142]{line-height:1}.m-btn__icon-left[data-v-46a6f142]{margin-right:.5rem;margin-left:-.25rem;line-height:1}.m-btn__icon-right[data-v-46a6f142]{margin-left:.5rem;margin-right:-.25rem;line-height:1}.m-btn.--cursor-pointer[data-v-46a6f142]{cursor:pointer}.m-btn.--cursor-default[data-v-46a6f142]{cursor:default}.m-btn.--is-link[data-v-46a6f142]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;outline:2px solid transparent;outline-offset:2px;-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:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-link[data-v-46a6f142]:not(.--no-leading){line-height:2.25rem}.m-btn.--is-link[data-v-46a6f142]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-46a6f142]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-46a6f142]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-46a6f142]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-46a6f142]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-46a6f142]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-46a6f142]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-46a6f142]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-46a6f142]{color:var(--maz-color-black)}.m-btn.--is-button[data-v-46a6f142]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border-radius:var(--maz-border-radius);border-color:transparent;background-color:transparent;font-weight:500;text-decoration-line:none;-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)}.m-btn.--is-button.--rounded[data-v-46a6f142]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-46a6f142]{padding:1.325rem 2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-46a6f142]{padding:1rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--md[data-v-46a6f142]{padding:.88rem 1rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--sm[data-v-46a6f142]{padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--xs[data-v-46a6f142]{padding:.3rem .5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-46a6f142]{padding:.2rem .25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button.--icon[data-v-46a6f142]{padding-top:.5rem;padding-bottom:.5rem}.m-btn.--is-button[data-v-46a6f142]{-webkit-transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms;transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms}.m-btn.--is-button[data-v-46a6f142]:not(.--disabled):hover,.m-btn.--is-button[data-v-46a6f142]:not(.--disabled):focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-btn.--is-button.--fab[data-v-46a6f142]{display:-webkit-box;display:-ms-flexbox;display:flex;height:3rem;width:3rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;padding:0}.m-btn.--is-button.--fab[data-v-46a6f142]:not(.--no-elevation){-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-btn.--is-button.--block[data-v-46a6f142]{width:100%}.m-btn.--is-button.--primary[data-v-46a6f142]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary-600)}.m-btn.--is-button.--secondary[data-v-46a6f142]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary-600)}.m-btn.--is-button.--info[data-v-46a6f142]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info-600)}.m-btn.--is-button.--success[data-v-46a6f142]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success-600)}.m-btn.--is-button.--warning[data-v-46a6f142]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning-600)}.m-btn.--is-button.--danger[data-v-46a6f142]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger-600)}.m-btn.--is-button.--white[data-v-46a6f142]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white[data-v-46a6f142]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-btn.--is-button.--black[data-v-46a6f142]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black[data-v-46a6f142]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.m-btn.--is-button.--transparent[data-v-46a6f142]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--transparent[data-v-46a6f142]:not(:disabled):focus{background-color:#0000001f}.m-btn.--is-button.--primary-outline[data-v-46a6f142]{border-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-46a6f142]{border-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-46a6f142]{border-color:var(--maz-color-info);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-46a6f142]{border-color:var(--maz-color-success);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-46a6f142]{border-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-46a6f142]{border-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-46a6f142]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--black-outline[data-v-46a6f142]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--primary-pastel[data-v-46a6f142]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-46a6f142]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-46a6f142]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-46a6f142]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-46a6f142]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-46a6f142]{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));color:var(--maz-color-white)}.m-btn.--is-button.--white-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-46a6f142]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--black-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-46a6f142]{cursor:not-allowed;background-color:var(--maz-color-bg-lighter);--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.m-btn.--is-button.--no-padding[data-v-46a6f142]{padding:0}.m-btn.--is-button .m-btn__loading-wrapper[data-v-46a6f142]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;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-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-46a6f142]{background-color:var(--maz-color-primary)}.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-46a6f142]{background-color:var(--maz-color-secondary)}.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-46a6f142]{background-color:var(--maz-color-info)}.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-46a6f142]{background-color:var(--maz-color-warning)}.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-46a6f142]{background-color:var(--maz-color-success)}.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-46a6f142]{background-color:var(--maz-color-danger)}.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-46a6f142]{background-color:var(--maz-color-white)}.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-46a6f142]{background-color:var(--maz-color-black)}.m-drawer{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.m-drawer .m-drawer-content-wrap{overflow-y:auto;background-color:var(--maz-color-bg-light);color:var(--maz-color-text)}.m-drawer .m-drawer-content-wrap>.m-drawer-header{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;height:4rem;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--maz-color-bg);background-clip:padding-box;padding:.75rem 1rem;-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-drawer .m-drawer-content-wrap>.m-drawer-header .m-drawer-header__title{margin:0;font-size:1.25rem;line-height:1.75rem;font-weight:600}.m-drawer .m-drawer-content-wrap>.m-drawer-header .m-drawer-header__close{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-drawer .m-drawer-content-wrap>.m-drawer-header .m-drawer-header__close .icon{height:1.25rem;width:1.25rem}.m-drawer .m-drawer-content-wrap>.m-drawer-header.--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-drawer .m-drawer-content-wrap>.m-drawer-header.--between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.m-drawer .m-drawer-content-wrap>.m-drawer-body{z-index:0;min-height:0px;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow-x:auto;background-color:var(--maz-color-bg-light);background-clip:padding-box}.m-drawer.--left .m-drawer-content-wrap,.m-drawer.--right .m-drawer-content-wrap{min-height:100vh}.m-drawer.--left .m-backdrop-content,.m-drawer.--right .m-backdrop-content{height:100vh;min-height:100vh;-webkit-transition:all .45s ease-in-out;transition:all .45s ease-in-out;width:100%}@media (min-width: 768px){.m-drawer.--left .m-backdrop-content,.m-drawer.--right .m-backdrop-content{width:var(--maz-drawer-size)}}.m-drawer.--left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.m-drawer.--left.backdrop-anim-enter-from>.m-backdrop-content,.m-drawer.--left.backdrop-anim-leave-to>.m-backdrop-content{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}.m-drawer.--right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-drawer.--right.backdrop-anim-enter-from>.m-backdrop-content,.m-drawer.--right.backdrop-anim-leave-to>.m-backdrop-content{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-drawer.--top .m-backdrop-content,.m-drawer.--bottom .m-backdrop-content{-webkit-transition:all .45s ease-in-out;transition:all .45s ease-in-out;width:100%;height:100vh}@media (min-width: 768px){.m-drawer.--top .m-backdrop-content,.m-drawer.--bottom .m-backdrop-content{height:auto}}.m-drawer.--top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.m-drawer.--top.backdrop-anim-enter-from>.m-backdrop-content,.m-drawer.--top.backdrop-anim-leave-to>.m-backdrop-content{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-drawer.--bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.m-drawer.--bottom.backdrop-anim-enter-from>.m-backdrop-content,.m-drawer.--bottom.backdrop-anim-leave-to>.m-backdrop-content{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-drawer .m-backdrop-content>.m-drawer-content-wrap{pointer-events:auto;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}")),document.head.appendChild(a)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-import { defineComponent, ref, onMounted, watch, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, normalizeClass, createElementVNode, withModifiers, mergeProps, renderSlot, createCommentVNode, pushScopeId, popScopeId, inject, computed, watchEffect, nextTick, useAttrs, useSlots, resolveDynamicComponent, unref, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, ref, watch, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, normalizeClass, createElementVNode, withModifiers, mergeProps, renderSlot, createCommentVNode, pushScopeId, popScopeId, inject, computed, onMounted, watchEffect, nextTick, useAttrs, useSlots, resolveDynamicComponent, unref, createTextVNode, toDisplayString } from "vue";
 const MODAL_OPENED_CLASS = "--backdrop-present";
 const addClassToDocument = () => {
   document.documentElement.classList.add(MODAL_OPENED_CLASS);
 };
-const removeClassFromDocument = () => {
+const removeClassFromDocument = async () => {
   const backdropPresents = document.querySelector(".m-backdrop.--present");
   if (!backdropPresents) {
     document.documentElement.classList.remove(MODAL_OPENED_CLASS);
@@ -34,13 +34,13 @@ const _sfc_main$4 = defineComponent({
     const close = () => {
       toggleModal(false);
     };
-    const toggleModal = async (show) => {
+    const toggleModal = async (value) => {
       var _a;
-      if (!show) {
+      if (!value) {
         emits("before-close");
         await ((_a = props.beforeClose) == null ? void 0 : _a.call(props));
       }
-      present.value = show;
+      present.value = value;
     };
     const onBackdropAnimationEnter = () => {
       emits("open");
@@ -48,6 +48,7 @@ const _sfc_main$4 = defineComponent({
     const onBackdropAnimationLeave = () => {
       emits("update:model-value", false);
       emits("close");
+      removeClassAndEventToDocument();
     };
     const onBackdropClicked = () => {
       if (!props.persistent) {
@@ -67,10 +68,6 @@ const _sfc_main$4 = defineComponent({
       document.removeEventListener("keyup", onKeyPress);
       removeClassFromDocument();
     };
-    onMounted(() => {
-      if (props.modelValue)
-        addClassAndEventToDocument();
-    });
     watch(
       () => props.modelValue,
       (value) => {
@@ -80,14 +77,17 @@ const _sfc_main$4 = defineComponent({
         } else {
           removeClassAndEventToDocument();
         }
-      }
+      },
+      { immediate: true }
     );
     return {
       onBackdropAnimationEnter,
       onBackdropAnimationLeave,
       onBackdropClicked,
       close,
-      present
+      present,
+      toggleModal,
+      onKeyPress
     };
   }
 });
@@ -186,7 +186,7 @@ const MazSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data
 function injectStrict(key, fallback) {
   const resolved = inject(key, fallback);
   if (!resolved) {
-    throw new Error(`[maz-ui](injectStrict) Could not resolve ${key}`);
+    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${key}`);
   }
   return resolved;
 }

package/components/MazDrawer.umd.js

@@ -1,2 +1,2 @@
 (function(){"use strict";try{if(typeof document!="undefined"){var a=document.createElement("style");a.appendChild(document.createTextNode("html.--backdrop-present{overflow-y:hidden;height:100vh}.m-backdrop.bottom-sheet-anim-enter-active,.m-backdrop.bottom-sheet-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.bottom-sheet-anim-enter-from,.m-backdrop.bottom-sheet-anim-leave-to{opacity:0}.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content,.m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(100%);transform:translateY(100%)}.m-backdrop.modal-anim-enter-active,.m-backdrop.modal-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.modal-anim-enter-active .m-backdrop-content,.m-backdrop.modal-anim-leave-active .m-backdrop-content{-webkit-transition:-webkit-transform ease-in-out .25s;transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;transition:transform ease-in-out .25s,-webkit-transform ease-in-out .25s;-webkit-transform:translateY(0);transform:translateY(0)}.m-backdrop.modal-anim-enter-from,.m-backdrop.modal-anim-leave-to{opacity:0}.m-backdrop.modal-anim-enter-from .m-backdrop-content,.m-backdrop.modal-anim-leave-to .m-backdrop-content{-webkit-transform:translateY(-25px);transform:translateY(-25px)}.m-backdrop.backdrop-anim-enter-active,.m-backdrop.backdrop-anim-leave-active{-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}.m-backdrop.backdrop-anim-enter-from,.m-backdrop.backdrop-anim-leave-to{opacity:0}.m-backdrop{position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:1050;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-backdrop-overlay{-ms-touch-action:none;touch-action:none;position:absolute;top:0px;right:0px;bottom:0px;left:0px;background-color:var(--maz-bg-overlay)}.m-backdrop-overlay:not(.--disabled){cursor:pointer}.m-backdrop-content{position:relative;z-index:1}.m-backdrop-content:focus{outline:2px solid transparent;outline-offset:2px}.m-backdrop.--bottom-sheet .m-backdrop-content{position:absolute;bottom:0px;left:0px;right:0px}.m-backdrop.--fullscreen{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.m-backdrop.--fullscreen.--center-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (min-width: 576px){.m-backdrop.--fullscreen.--center-top{padding-top:7rem}}.m-backdrop.--fullscreen .m-backdrop-content{position:relative;width:100%}@media (min-width: 576px){.m-backdrop.--fullscreen .m-backdrop-content{width:auto}}@-webkit-keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-34f40819{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-34f40819]{-webkit-animation:maz-spin-34f40819 1s linear infinite;animation:maz-spin-34f40819 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-34f40819]{color:var(--maz-color-text)}.m-spinner--primary[data-v-34f40819]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-34f40819]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-34f40819]{color:var(--maz-color-info)}.m-spinner--warning[data-v-34f40819]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-34f40819]{color:var(--maz-color-danger)}.m-spinner--success[data-v-34f40819]{color:var(--maz-color-success)}.m-spinner--black[data-v-34f40819]{color:var(--maz-color-black)}.m-spinner--white[data-v-34f40819],.m-spinner--transparent[data-v-34f40819]{color:var(--maz-color-white)}.m-btn[data-v-46a6f142]{border-width:var(--maz-border-width);border-style:solid;border-color:transparent;text-align:center;font-size:1rem;line-height:1.5rem;color:var(--maz-color-text)}.m-btn span[data-v-46a6f142]{line-height:1}.m-btn__icon-left[data-v-46a6f142]{margin-right:.5rem;margin-left:-.25rem;line-height:1}.m-btn__icon-right[data-v-46a6f142]{margin-left:.5rem;margin-right:-.25rem;line-height:1}.m-btn.--cursor-pointer[data-v-46a6f142]{cursor:pointer}.m-btn.--cursor-default[data-v-46a6f142]{cursor:default}.m-btn.--is-link[data-v-46a6f142]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;outline:2px solid transparent;outline-offset:2px;-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:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-btn.--is-link[data-v-46a6f142]:not(.--no-leading){line-height:2.25rem}.m-btn.--is-link[data-v-46a6f142]:not(:disabled):hover:not(.--no-underline),.m-btn.--is-link[data-v-46a6f142]:not(:disabled):focus:not(.--no-underline){text-decoration-line:underline}.m-btn.--is-link.--secondary[data-v-46a6f142]{color:var(--maz-color-secondary)}.m-btn.--is-link.--info[data-v-46a6f142]{color:var(--maz-color-info)}.m-btn.--is-link.--warning[data-v-46a6f142]{color:var(--maz-color-warning-600)}.m-btn.--is-link.--danger[data-v-46a6f142]{color:var(--maz-color-danger-600)}.m-btn.--is-link.--success[data-v-46a6f142]{color:var(--maz-color-success-600)}.m-btn.--is-link.--white[data-v-46a6f142]{color:var(--maz-color-white)}.m-btn.--is-link.--black[data-v-46a6f142]{color:var(--maz-color-black)}.m-btn.--is-button[data-v-46a6f142]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border-radius:var(--maz-border-radius);border-color:transparent;background-color:transparent;font-weight:500;text-decoration-line:none;-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)}.m-btn.--is-button.--rounded[data-v-46a6f142]{border-radius:9999px}.m-btn.--is-button.--xl[data-v-46a6f142]{padding:1.325rem 2rem;font-size:1.25rem;line-height:1.75rem}.m-btn.--is-button.--lg[data-v-46a6f142]{padding:1rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.m-btn.--is-button.--md[data-v-46a6f142]{padding:.88rem 1rem;font-size:1rem;line-height:1.5rem}.m-btn.--is-button.--sm[data-v-46a6f142]{padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--xs[data-v-46a6f142]{padding:.3rem .5rem;font-size:.875rem;line-height:1.25rem}.m-btn.--is-button.--mini[data-v-46a6f142]{padding:.2rem .25rem;font-size:.75rem;line-height:1rem}.m-btn.--is-button.--icon[data-v-46a6f142]{padding-top:.5rem;padding-bottom:.5rem}.m-btn.--is-button[data-v-46a6f142]{-webkit-transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms;transition:background .3s ease-in-out 0ms,color .3s ease-in-out 0ms}.m-btn.--is-button[data-v-46a6f142]:not(.--disabled):hover,.m-btn.--is-button[data-v-46a6f142]:not(.--disabled):focus{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.m-btn.--is-button.--fab[data-v-46a6f142]{display:-webkit-box;display:-ms-flexbox;display:flex;height:3rem;width:3rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;padding:0}.m-btn.--is-button.--fab[data-v-46a6f142]:not(.--no-elevation){-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-btn.--is-button.--block[data-v-46a6f142]{width:100%}.m-btn.--is-button.--primary[data-v-46a6f142]{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--primary[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary-600)}.m-btn.--is-button.--secondary[data-v-46a6f142]{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--secondary[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary-600)}.m-btn.--is-button.--info[data-v-46a6f142]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--info[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info-600)}.m-btn.--is-button.--success[data-v-46a6f142]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--success[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success-600)}.m-btn.--is-button.--warning[data-v-46a6f142]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--warning[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning-600)}.m-btn.--is-button.--danger[data-v-46a6f142]{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--danger[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger-600)}.m-btn.--is-button.--white[data-v-46a6f142]{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--white[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white[data-v-46a6f142]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-btn.--is-button.--black[data-v-46a6f142]{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--black[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black[data-v-46a6f142]:not(:disabled):focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.m-btn.--is-button.--transparent[data-v-46a6f142]{background-color:transparent}.m-btn.--is-button.--transparent[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--transparent[data-v-46a6f142]:not(:disabled):focus{background-color:#0000001f}.m-btn.--is-button.--primary-outline[data-v-46a6f142]{border-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-outline[data-v-46a6f142]{border-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-white)}.m-btn.--is-button.--info-outline[data-v-46a6f142]{border-color:var(--maz-color-info);color:var(--maz-color-info)}.m-btn.--is-button.--info-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-white)}.m-btn.--is-button.--success-outline[data-v-46a6f142]{border-color:var(--maz-color-success);color:var(--maz-color-success)}.m-btn.--is-button.--success-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-white)}.m-btn.--is-button.--danger-outline[data-v-46a6f142]{border-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-white)}.m-btn.--is-button.--warning-outline[data-v-46a6f142]{border-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-46a6f142]{border-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--white-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white)}.m-btn.--is-button.--black-outline[data-v-46a6f142]{border-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--black-outline[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black-outline[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black)}.m-btn.--is-button.--primary-pastel[data-v-46a6f142]{background-color:var(--maz-color-primary-50);color:var(--maz-color-primary)}.m-btn.--is-button.--primary-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--primary-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-primary);color:var(--maz-color-primary-contrast)}.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]{background-color:var(--maz-color-secondary-50);color:var(--maz-color-secondary)}.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--secondary-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary-contrast)}.m-btn.--is-button.--info-pastel[data-v-46a6f142]{background-color:var(--maz-color-info-50);color:var(--maz-color-info)}.m-btn.--is-button.--info-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--info-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-btn.--is-button.--success-pastel[data-v-46a6f142]{background-color:var(--maz-color-success-50);color:var(--maz-color-success)}.m-btn.--is-button.--success-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--success-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-btn.--is-button.--danger-pastel[data-v-46a6f142]{background-color:var(--maz-color-danger-50);color:var(--maz-color-danger)}.m-btn.--is-button.--danger-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--danger-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-btn.--is-button.--warning-pastel[data-v-46a6f142]{background-color:var(--maz-color-warning-50);color:var(--maz-color-warning)}.m-btn.--is-button.--warning-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--warning-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-btn.--is-button.--white-pastel[data-v-46a6f142]{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));color:var(--maz-color-white)}.m-btn.--is-button.--white-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--white-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-white);color:var(--maz-color-white-contrast)}.m-btn.--is-button.--black-pastel[data-v-46a6f142]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));color:var(--maz-color-black)}.m-btn.--is-button.--black-pastel[data-v-46a6f142]:not(:disabled):hover,.m-btn.--is-button.--black-pastel[data-v-46a6f142]:not(:disabled):focus{background-color:var(--maz-color-black);color:var(--maz-color-black-contrast)}.m-btn.--is-button.--disabled[data-v-46a6f142]{cursor:not-allowed;background-color:var(--maz-color-bg-lighter);--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.m-btn.--is-button.--no-padding[data-v-46a6f142]{padding:0}.m-btn.--is-button .m-btn__loading-wrapper[data-v-46a6f142]{position:absolute;top:0px;right:0px;bottom:0px;left:0px;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-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-46a6f142]{background-color:var(--maz-color-primary)}.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-46a6f142]{background-color:var(--maz-color-secondary)}.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-46a6f142]{background-color:var(--maz-color-info)}.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-46a6f142]{background-color:var(--maz-color-warning)}.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-46a6f142]{background-color:var(--maz-color-success)}.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-46a6f142]{background-color:var(--maz-color-danger)}.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-46a6f142]{background-color:var(--maz-color-white)}.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-46a6f142]{background-color:var(--maz-color-black)}.m-drawer{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.m-drawer .m-drawer-content-wrap{overflow-y:auto;background-color:var(--maz-color-bg-light);color:var(--maz-color-text)}.m-drawer .m-drawer-content-wrap>.m-drawer-header{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;height:4rem;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--maz-color-bg);background-clip:padding-box;padding:.75rem 1rem;-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-drawer .m-drawer-content-wrap>.m-drawer-header .m-drawer-header__title{margin:0;font-size:1.25rem;line-height:1.75rem;font-weight:600}.m-drawer .m-drawer-content-wrap>.m-drawer-header .m-drawer-header__close{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-drawer .m-drawer-content-wrap>.m-drawer-header .m-drawer-header__close .icon{height:1.25rem;width:1.25rem}.m-drawer .m-drawer-content-wrap>.m-drawer-header.--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-drawer .m-drawer-content-wrap>.m-drawer-header.--between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.m-drawer .m-drawer-content-wrap>.m-drawer-body{z-index:0;min-height:0px;-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;overflow-x:auto;background-color:var(--maz-color-bg-light);background-clip:padding-box}.m-drawer.--left .m-drawer-content-wrap,.m-drawer.--right .m-drawer-content-wrap{min-height:100vh}.m-drawer.--left .m-backdrop-content,.m-drawer.--right .m-backdrop-content{height:100vh;min-height:100vh;-webkit-transition:all .45s ease-in-out;transition:all .45s ease-in-out;width:100%}@media (min-width: 768px){.m-drawer.--left .m-backdrop-content,.m-drawer.--right .m-backdrop-content{width:var(--maz-drawer-size)}}.m-drawer.--left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.m-drawer.--left.backdrop-anim-enter-from>.m-backdrop-content,.m-drawer.--left.backdrop-anim-leave-to>.m-backdrop-content{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}.m-drawer.--right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.m-drawer.--right.backdrop-anim-enter-from>.m-backdrop-content,.m-drawer.--right.backdrop-anim-leave-to>.m-backdrop-content{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-drawer.--top .m-backdrop-content,.m-drawer.--bottom .m-backdrop-content{-webkit-transition:all .45s ease-in-out;transition:all .45s ease-in-out;width:100%;height:100vh}@media (min-width: 768px){.m-drawer.--top .m-backdrop-content,.m-drawer.--bottom .m-backdrop-content{height:auto}}.m-drawer.--top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.m-drawer.--top.backdrop-anim-enter-from>.m-backdrop-content,.m-drawer.--top.backdrop-anim-leave-to>.m-backdrop-content{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-drawer.--bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.m-drawer.--bottom.backdrop-anim-enter-from>.m-backdrop-content,.m-drawer.--bottom.backdrop-anim-leave-to>.m-backdrop-content{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-drawer .m-backdrop-content>.m-drawer-content-wrap{pointer-events:auto;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}")),document.head.appendChild(a)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).MazDrawer=t(e.Vue)}(this,(function(e){"use strict";const t="--backdrop-present",o=(e,t)=>{const o=e.__vccOpts||e;for(const[n,a]of t)o[n]=a;return o};const n=o(e.defineComponent({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!1},teleportSelector:{type:String,default:"body"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},noCloseOnEscKey:{type:Boolean,default:!1},transitionName:{type:String,default:"backdrop-anim"},backdropClass:{type:[Array,String,Object],default:void 0},backdropContentClass:{type:[Array,String,Object],default:void 0}},emits:["open","before-close","close","update:model-value"],setup(o,{emit:n}){const a=e.ref(o.modelValue),r=()=>{l(!1)},l=async e=>{var t;e||(n("before-close"),await(null==(t=o.beforeClose)?void 0:t.call(o))),a.value=e},d=e=>{o.noCloseOnEscKey||"Escape"!==e.key||o.persistent||r()},c=()=>{document.documentElement.classList.add(t),document.addEventListener("keyup",d,!1)},i=()=>{document.removeEventListener("keyup",d),document.querySelector(".m-backdrop.--present")||document.documentElement.classList.remove(t)};return e.onMounted((()=>{o.modelValue&&c()})),e.watch((()=>o.modelValue),(e=>{a.value=e,e?c():i()})),{onBackdropAnimationEnter:()=>{n("open")},onBackdropAnimationLeave:()=>{n("update:model-value",!1),n("close")},onBackdropClicked:()=>{o.persistent||r()},close:r,present:a}}}),[["render",function(t,o,n,a,r,l){return e.openBlock(),e.createBlock(e.Teleport,{to:t.teleportSelector},[e.createVNode(e.Transition,{appear:"",name:t.transitionName,onAfterEnter:t.onBackdropAnimationEnter,onAfterLeave:t.onBackdropAnimationLeave},{default:e.withCtx((()=>[t.present?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["m-backdrop --present",[t.backdropClass]]),tabindex:"-1",role:"dialog"},[e.createElementVNode("div",{class:e.normalizeClass(["m-backdrop-overlay",{"--disabled":t.persistent}]),tabindex:"-1",onClick:o[0]||(o[0]=e.withModifiers(((...e)=>t.onBackdropClicked&&t.onBackdropClicked(...e)),["self"]))},null,2),e.createElementVNode("div",e.mergeProps({class:["m-backdrop-content",t.backdropContentClass]},t.$attrs,{role:"document",tabindex:"0"}),[e.renderSlot(t.$slots,"default",{close:t.close})],16)],2)):e.createCommentVNode("",!0)])),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["to"])}]]),a=["width","height"],r=[(t=>(e.pushScopeId("data-v-34f40819"),t=t(),e.popScopeId(),t))((()=>e.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)))],l=o(e.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"normal",validator:e=>["normal","info","white","success","warning","danger","primary","black","secondary","transparent"].includes(e)}},setup:t=>(o,n)=>(e.openBlock(),e.createElementBlock("svg",{width:t.size,height:t.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:e.normalizeClass(["m-spinner",`m-spinner--${t.color}`]),style:{"enable-background":"new 0 0 50 50"}},r,10,a))}),[["__scopeId","data-v-34f40819"]]);const d=["innerHTML"],c=e.defineComponent({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:e=>e}},emits:["loaded","unloaded","error"],setup(t,{emit:o}){const n=t,a={},r=e.ref(),l=e.ref(),c=()=>{try{return function(t,o){const n=e.inject(t,o);if(!n)throw new Error(`[maz-ui](injectStrict) Could not resolve ${t}`);return n}("mazIconPath")}catch{return}},i=e.computed((()=>n.path??c())),s=e.computed((()=>n.src?n.src:i.value?`${i.value}/${n.name}.svg`:`/${n.name}.svg`));e.onMounted((()=>{n.name||n.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const u=e=>{const t={},o=e.attributes;if(!o)return t;for(let n=o.length-1;n>=0;n--)t[o[n].name]=o[n].value;return t},p=e=>{let t=e.cloneNode(!0);return t=n.transformSource(e),n.title&&((e,t)=>{const o=e.querySelectorAll("title");if(o.length>0)o[0].textContent=t;else{const o=document.createElementNS("http://www.w3.org/2000/svg","title");o.textContent=t,e.append(o)}})(t,n.title),e.innerHTML},m=e=>new Promise(((t,o)=>{const a=new XMLHttpRequest;a.open("GET",e,!0),a.addEventListener("load",(()=>{if(a.status>=200&&a.status<400)try{const e=new DOMParser;let r=e.parseFromString(a.responseText,"text/xml").querySelectorAll("svg")[0];r?(r=n.transformSource(r),t(r)):o(new Error('Loaded file is not valid SVG"'))}catch(e){o(e)}else o(new Error("Error loading SVG"))})),a.addEventListener("error",(()=>o())),a.send()}));return e.watchEffect((()=>(async t=>{a[t]||(a[t]=m(t));try{r.value=await a[t],await e.nextTick(),o("loaded",l.value)}catch(n){r.value&&(r.value=void 0,o("unloaded")),delete a[t],o("error",n)}})(s.value))),(o,n)=>{return r.value?(e.openBlock(),e.createElementBlock("svg",e.mergeProps({key:0,ref_key:"svgElem",ref:l,width:"1em",height:"1em"},{...u(r.value),...(a=o.$attrs,Object.keys(a).reduce(((e,t)=>(!1!==a[t]&&null!==a[t]&&void 0!==a[t]&&(e[t]=a[t]),e)),{}))},{style:`font-size: ${t.size}`,innerHTML:p(r.value)}),null,16,d)):e.createCommentVNode("",!0);var a}}}),i={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},s={class:"maz-flex maz-flex-center"},u={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},p=o(e.defineComponent({__name:"MazBtn",props:{variant:{type:String,default:"button",validator:e=>["button","link"].includes(e)},size:{type:String,default:"md",validator:e=>["mini","xs","sm","md","lg","xl"].includes(e)},color:{type:String,default:"primary",validator:e=>["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(e)},type:{type:String,default:"button",validator:e=>["button","submit"].includes(e)},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1}},setup(t){const o=t,{href:n,to:a}=e.useAttrs(),r=e.useSlots(),d=e.computed((()=>n?"a":a?"router-link":"button")),p=e.computed((()=>o.pastel?`--${o.color}-pastel`:o.outline||o.loading?`--${o.color}-outline`:`--${o.color}`)),m=e.computed((()=>(o.loading||o.disabled)&&"button"===d.value)),f=e.computed((()=>m.value?"--cursor-default":"--cursor-pointer")),v=e.computed((()=>`--is-${o.variant}`)),y=e.computed((()=>`--${o.color}`)),g=e.computed((()=>["white"].includes(o.color)?"black":"white")),k=e.computed((()=>o.loading&&"button"===o.variant)),b=e.computed((()=>!!r["left-icon"]||o.leftIcon)),C=e.computed((()=>!!r["right-icon"]||o.rightIcon)),h=e.computed((()=>b.value||C.value)),w=e.computed((()=>"button"===d.value?o.type:void 0));return(o,n)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(d)),e.mergeProps(o.$attrs,{disabled:e.unref(m),class:["m-btn",[`--${t.size}`,e.unref(p),e.unref(f),e.unref(v),{"--block":t.block,"--no-underline":t.noUnderline,"--no-leading":t.noLeading,"--fab":t.fab,"--loading":t.loading,"--disabled":e.unref(m),"--icon":e.unref(h),"--rounded":t.rounded,"--no-padding":t.noPadding,"--no-elevation":t.noElevation}]],type:e.unref(w)}),{default:e.withCtx((()=>[e.unref(b)?(e.openBlock(),e.createElementBlock("div",i,[e.renderSlot(o.$slots,"left-icon",{},(()=>[t.leftIcon?(e.openBlock(),e.createBlock(c,{key:0,name:t.leftIcon},null,8,["name"])):e.createCommentVNode("",!0)]),!0)])):e.createCommentVNode("",!0),e.createElementVNode("span",s,[e.renderSlot(o.$slots,"default",{},void 0,!0)]),e.unref(C)?(e.openBlock(),e.createElementBlock("div",u,[e.renderSlot(o.$slots,"right-icon",{},(()=>[t.rightIcon?(e.openBlock(),e.createBlock(c,{key:0,name:t.rightIcon},null,8,["name"])):e.createCommentVNode("",!0)]),!0)])):e.createCommentVNode("",!0),e.unref(k)?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["m-btn__loading-wrapper",e.unref(y)])},[e.createVNode(l,{size:"2em",color:e.unref(g)},null,8,["color"])],2)):e.createCommentVNode("",!0)])),_:3},16,["disabled","class","type"]))}}),[["__scopeId","data-v-46a6f142"]]),m={class:"m-drawer-header__title"},f={key:0,class:"m-drawer-header__close"},v={class:"m-drawer-body"};return e.defineComponent({__name:"MazDrawer",props:{noClose:{type:Boolean,default:!1},title:{type:String,default:void 0},variant:{type:String,default:"right",validator:e=>["right","top","left","bottom"].includes(e)},backdropClass:{type:String,default:void 0},size:{type:String,default:"30rem"}},emits:["open","close","update:model-value"],setup:t=>(o,a)=>(e.openBlock(),e.createBlock(n,e.mergeProps(o.$attrs,{"backdrop-class":["m-drawer",`--${t.variant}`,t.backdropClass],style:{"--maz-drawer-size":t.size},onClose:a[0]||(a[0]=e=>o.$emit("close",e)),onOpen:a[1]||(a[1]=e=>o.$emit("open",e)),"onUpdate:modelValue":a[2]||(a[2]=e=>o.$emit("update:model-value",e))}),{default:e.withCtx((({close:n})=>[e.createElementVNode("div",{class:e.normalizeClass(["m-drawer-content-wrap",[`--${t.variant}`]])},[e.createElementVNode("header",{class:e.normalizeClass(["m-drawer-header",[o.$slots.title||t.title?"--between":"--end"]])},[e.createElementVNode("h4",m,[e.renderSlot(o.$slots,"title",{close:n},(()=>[e.createTextVNode(e.toDisplayString(t.title),1)]))]),t.noClose?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",f,[e.createVNode(p,{size:"sm",color:"transparent",onClick:n},{default:e.withCtx((()=>[e.createVNode(c,{src:e.unref("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTYgMThMMTggNk02IDZsMTIgMTIiLz4KPC9zdmc+Cg=="),class:"icon"},null,8,["src"])])),_:2},1032,["onClick"])]))],2),e.createElementVNode("div",v,[e.renderSlot(o.$slots,"default",{close:n})])],2)])),_:3},16,["backdrop-class","style"]))})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).MazDrawer=t(e.Vue)}(this,(function(e){"use strict";const t="--backdrop-present",o=(e,t)=>{const o=e.__vccOpts||e;for(const[n,a]of t)o[n]=a;return o};const n=o(e.defineComponent({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!1},teleportSelector:{type:String,default:"body"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},noCloseOnEscKey:{type:Boolean,default:!1},transitionName:{type:String,default:"backdrop-anim"},backdropClass:{type:[Array,String,Object],default:void 0},backdropContentClass:{type:[Array,String,Object],default:void 0}},emits:["open","before-close","close","update:model-value"],setup(o,{emit:n}){const a=e.ref(o.modelValue),r=()=>{l(!1)},l=async e=>{var t;e||(n("before-close"),await(null==(t=o.beforeClose)?void 0:t.call(o))),a.value=e},d=e=>{o.noCloseOnEscKey||"Escape"!==e.key||o.persistent||r()},c=()=>{document.documentElement.classList.add(t),document.addEventListener("keyup",d,!1)},s=()=>{document.removeEventListener("keyup",d),(async()=>{document.querySelector(".m-backdrop.--present")||document.documentElement.classList.remove(t)})()};return e.watch((()=>o.modelValue),(e=>{a.value=e,e?c():s()}),{immediate:!0}),{onBackdropAnimationEnter:()=>{n("open")},onBackdropAnimationLeave:()=>{n("update:model-value",!1),n("close"),s()},onBackdropClicked:()=>{o.persistent||r()},close:r,present:a,toggleModal:l,onKeyPress:d}}}),[["render",function(t,o,n,a,r,l){return e.openBlock(),e.createBlock(e.Teleport,{to:t.teleportSelector},[e.createVNode(e.Transition,{appear:"",name:t.transitionName,onAfterEnter:t.onBackdropAnimationEnter,onAfterLeave:t.onBackdropAnimationLeave},{default:e.withCtx((()=>[t.present?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["m-backdrop --present",[t.backdropClass]]),tabindex:"-1",role:"dialog"},[e.createElementVNode("div",{class:e.normalizeClass(["m-backdrop-overlay",{"--disabled":t.persistent}]),tabindex:"-1",onClick:o[0]||(o[0]=e.withModifiers(((...e)=>t.onBackdropClicked&&t.onBackdropClicked(...e)),["self"]))},null,2),e.createElementVNode("div",e.mergeProps({class:["m-backdrop-content",t.backdropContentClass]},t.$attrs,{role:"document",tabindex:"0"}),[e.renderSlot(t.$slots,"default",{close:t.close})],16)],2)):e.createCommentVNode("",!0)])),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["to"])}]]),a=["width","height"],r=[(t=>(e.pushScopeId("data-v-34f40819"),t=t(),e.popScopeId(),t))((()=>e.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)))],l=o(e.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"normal",validator:e=>["normal","info","white","success","warning","danger","primary","black","secondary","transparent"].includes(e)}},setup:t=>(o,n)=>(e.openBlock(),e.createElementBlock("svg",{width:t.size,height:t.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:e.normalizeClass(["m-spinner",`m-spinner--${t.color}`]),style:{"enable-background":"new 0 0 50 50"}},r,10,a))}),[["__scopeId","data-v-34f40819"]]);const d=["innerHTML"],c=e.defineComponent({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:e=>e}},emits:["loaded","unloaded","error"],setup(t,{emit:o}){const n=t,a={},r=e.ref(),l=e.ref(),c=()=>{try{return function(t,o){const n=e.inject(t,o);if(!n)throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${t}`);return n}("mazIconPath")}catch{return}},s=e.computed((()=>n.path??c())),i=e.computed((()=>n.src?n.src:s.value?`${s.value}/${n.name}.svg`:`/${n.name}.svg`));e.onMounted((()=>{n.name||n.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const u=e=>{const t={},o=e.attributes;if(!o)return t;for(let n=o.length-1;n>=0;n--)t[o[n].name]=o[n].value;return t},p=e=>{let t=e.cloneNode(!0);return t=n.transformSource(e),n.title&&((e,t)=>{const o=e.querySelectorAll("title");if(o.length>0)o[0].textContent=t;else{const o=document.createElementNS("http://www.w3.org/2000/svg","title");o.textContent=t,e.append(o)}})(t,n.title),e.innerHTML},m=e=>new Promise(((t,o)=>{const a=new XMLHttpRequest;a.open("GET",e,!0),a.addEventListener("load",(()=>{if(a.status>=200&&a.status<400)try{const e=new DOMParser;let r=e.parseFromString(a.responseText,"text/xml").querySelectorAll("svg")[0];r?(r=n.transformSource(r),t(r)):o(new Error('Loaded file is not valid SVG"'))}catch(e){o(e)}else o(new Error("Error loading SVG"))})),a.addEventListener("error",(()=>o())),a.send()}));return e.watchEffect((()=>(async t=>{a[t]||(a[t]=m(t));try{r.value=await a[t],await e.nextTick(),o("loaded",l.value)}catch(n){r.value&&(r.value=void 0,o("unloaded")),delete a[t],o("error",n)}})(i.value))),(o,n)=>{return r.value?(e.openBlock(),e.createElementBlock("svg",e.mergeProps({key:0,ref_key:"svgElem",ref:l,width:"1em",height:"1em"},{...u(r.value),...(a=o.$attrs,Object.keys(a).reduce(((e,t)=>(!1!==a[t]&&null!==a[t]&&void 0!==a[t]&&(e[t]=a[t]),e)),{}))},{style:`font-size: ${t.size}`,innerHTML:p(r.value)}),null,16,d)):e.createCommentVNode("",!0);var a}}}),s={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},i={class:"maz-flex maz-flex-center"},u={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},p=o(e.defineComponent({__name:"MazBtn",props:{variant:{type:String,default:"button",validator:e=>["button","link"].includes(e)},size:{type:String,default:"md",validator:e=>["mini","xs","sm","md","lg","xl"].includes(e)},color:{type:String,default:"primary",validator:e=>["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(e)},type:{type:String,default:"button",validator:e=>["button","submit"].includes(e)},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1}},setup(t){const o=t,{href:n,to:a}=e.useAttrs(),r=e.useSlots(),d=e.computed((()=>n?"a":a?"router-link":"button")),p=e.computed((()=>o.pastel?`--${o.color}-pastel`:o.outline||o.loading?`--${o.color}-outline`:`--${o.color}`)),m=e.computed((()=>(o.loading||o.disabled)&&"button"===d.value)),f=e.computed((()=>m.value?"--cursor-default":"--cursor-pointer")),v=e.computed((()=>`--is-${o.variant}`)),y=e.computed((()=>`--${o.color}`)),g=e.computed((()=>["white"].includes(o.color)?"black":"white")),k=e.computed((()=>o.loading&&"button"===o.variant)),b=e.computed((()=>!!r["left-icon"]||o.leftIcon)),C=e.computed((()=>!!r["right-icon"]||o.rightIcon)),h=e.computed((()=>b.value||C.value)),w=e.computed((()=>"button"===d.value?o.type:void 0));return(o,n)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(d)),e.mergeProps(o.$attrs,{disabled:e.unref(m),class:["m-btn",[`--${t.size}`,e.unref(p),e.unref(f),e.unref(v),{"--block":t.block,"--no-underline":t.noUnderline,"--no-leading":t.noLeading,"--fab":t.fab,"--loading":t.loading,"--disabled":e.unref(m),"--icon":e.unref(h),"--rounded":t.rounded,"--no-padding":t.noPadding,"--no-elevation":t.noElevation}]],type:e.unref(w)}),{default:e.withCtx((()=>[e.unref(b)?(e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(o.$slots,"left-icon",{},(()=>[t.leftIcon?(e.openBlock(),e.createBlock(c,{key:0,name:t.leftIcon},null,8,["name"])):e.createCommentVNode("",!0)]),!0)])):e.createCommentVNode("",!0),e.createElementVNode("span",i,[e.renderSlot(o.$slots,"default",{},void 0,!0)]),e.unref(C)?(e.openBlock(),e.createElementBlock("div",u,[e.renderSlot(o.$slots,"right-icon",{},(()=>[t.rightIcon?(e.openBlock(),e.createBlock(c,{key:0,name:t.rightIcon},null,8,["name"])):e.createCommentVNode("",!0)]),!0)])):e.createCommentVNode("",!0),e.unref(k)?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["m-btn__loading-wrapper",e.unref(y)])},[e.createVNode(l,{size:"2em",color:e.unref(g)},null,8,["color"])],2)):e.createCommentVNode("",!0)])),_:3},16,["disabled","class","type"]))}}),[["__scopeId","data-v-46a6f142"]]),m={class:"m-drawer-header__title"},f={key:0,class:"m-drawer-header__close"},v={class:"m-drawer-body"};return e.defineComponent({__name:"MazDrawer",props:{noClose:{type:Boolean,default:!1},title:{type:String,default:void 0},variant:{type:String,default:"right",validator:e=>["right","top","left","bottom"].includes(e)},backdropClass:{type:String,default:void 0},size:{type:String,default:"30rem"}},emits:["open","close","update:model-value"],setup:t=>(o,a)=>(e.openBlock(),e.createBlock(n,e.mergeProps(o.$attrs,{"backdrop-class":["m-drawer",`--${t.variant}`,t.backdropClass],style:{"--maz-drawer-size":t.size},onClose:a[0]||(a[0]=e=>o.$emit("close",e)),onOpen:a[1]||(a[1]=e=>o.$emit("open",e)),"onUpdate:modelValue":a[2]||(a[2]=e=>o.$emit("update:model-value",e))}),{default:e.withCtx((({close:n})=>[e.createElementVNode("div",{class:e.normalizeClass(["m-drawer-content-wrap",[`--${t.variant}`]])},[e.createElementVNode("header",{class:e.normalizeClass(["m-drawer-header",[o.$slots.title||t.title?"--between":"--end"]])},[e.createElementVNode("h4",m,[e.renderSlot(o.$slots,"title",{close:n},(()=>[e.createTextVNode(e.toDisplayString(t.title),1)]))]),t.noClose?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",f,[e.createVNode(p,{size:"sm",color:"transparent",onClick:n},{default:e.withCtx((()=>[e.createVNode(c,{src:e.unref("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTYgMThMMTggNk02IDZsMTIgMTIiLz4KPC9zdmc+Cg=="),class:"icon"},null,8,["src"])])),_:2},1032,["onClick"])]))],2),e.createElementVNode("div",v,[e.renderSlot(o.$slots,"default",{close:n})])],2)])),_:3},16,["backdrop-class","style"]))})}));

package/components/MazGallery.mjs

@@ -617,7 +617,7 @@ const vLazyImg = {
 function injectStrict(key, fallback) {
   const resolved = inject(key, fallback);
   if (!resolved) {
-    throw new Error(`[maz-ui](injectStrict) Could not resolve ${key}`);
+    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${key}`);
   }
   return resolved;
 }

package/components/MazGallery.umd.js

@@ -1,2 +1,2 @@
 (function(){"use strict";try{if(typeof document!="undefined"){var a=document.createElement("style");a.appendChild(document.createTextNode(".m-gallery[data-v-8ad88a32]{position:relative;overflow:hidden}.m-gallery__hidden[data-v-8ad88a32]{display:none}.m-gallery__item[data-v-8ad88a32]{position:absolute;top:0px;margin:0;height:50%;width:100%;overflow:hidden;border-left-width:2px;border-color:transparent;padding:0}.m-gallery__item--1[data-v-8ad88a32]{left:0;height:100%}.m-gallery__item--1[data-v-8ad88a32]:not(:last-child){width:50%}.m-gallery__item--2[data-v-8ad88a32]{left:50%;width:50%;height:50%}.m-gallery__item--2[data-v-8ad88a32]:last-child{height:100%}.m-gallery__item--2[data-v-8ad88a32]:nth-last-child(4){width:25%}.m-gallery__item--3[data-v-8ad88a32]{top:50%;left:50%;width:25%}.m-gallery__item--3[data-v-8ad88a32]:last-child{width:50%}.m-gallery__item--3[data-v-8ad88a32]:nth-last-child(3){top:0;left:75%}.m-gallery__item--4[data-v-8ad88a32]{border-top-width:2px;border-color:transparent;top:50%;left:50%;width:25%}.m-gallery__item--4[data-v-8ad88a32]:last-child{left:75%;width:25%}.m-gallery__item--5[data-v-8ad88a32]{border-top-width:2px;border-color:transparent;top:50%;left:75%;width:25%}.m-gallery__item[data-v-8ad88a32]:first-child{border-left:0}.m-gallery__item--3[data-v-8ad88a32]:last-child,.m-gallery__item--3[data-v-8ad88a32]:nth-last-child(2),.m-gallery__item--4[data-v-8ad88a32]:last-child,.m-gallery__item--5[data-v-8ad88a32]{border-top-width:2px;border-color:transparent}.m-gallery__item__image[data-v-8ad88a32]{height:100%;max-width:100%;width:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;background-color:#0000007f}.m-gallery__remaining-layer[data-v-8ad88a32]{position:absolute;top:0;bottom:0;right:0;left:0}.m-gallery__remaining-layer a span[data-v-8ad88a32]{color:#fff;font-size:2rem}")),document.head.appendChild(a)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-var __defProp=Object.defineProperty,__defNormalProp=(e,t,s)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,__publicField=(e,t,s)=>(__defNormalProp(e,"symbol"!=typeof t?t+"":t,s),s);!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).MazGallery=t(e.Vue)}(this,(function(e){"use strict";const t={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 s{constructor(e){if(__publicField(this,"options"),__publicField(this,"loader"),__publicField(this,"wrapper"),__publicField(this,"img"),__publicField(this,"keydownHandler"),__publicField(this,"onImgLoadedCallback"),__publicField(this,"buttonsAdded"),__publicField(this,"defaultOptions",{scale:!0,blur:!0,disabled:!1}),__publicField(this,"mouseEnterListener"),__publicField(this,"mouseLeaveListener"),__publicField(this,"renderPreviewListener"),!e.value)throw new Error('[MazUI](zoom-img) Image path must be defined. Ex: `v-zoom-img="<PATH_TO_IMAGE>"`');if("object"==typeof e.value&&!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,..."object"==typeof e.value?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-src",this.options.src),this.options.alt&&e.setAttribute("data-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-src"),e.removeAttribute("data-alt"),e.style.cursor=""}renderPreview(e,t){e.classList.add("maz-is-open"),this.addStyle("\n.maz-zoom-img {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 2.5rem;\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}");const s=document.createElement("div");s.classList.add("maz-zoom-img"),s.setAttribute("id","MazImgPreviewFullsize"),s.addEventListener("click",(e=>{s.isEqualNode(e.target)&&this.closePreview()})),"object"==typeof t&&(this.img.setAttribute("src",t.src),t.alt&&this.img.setAttribute("alt",t.alt),this.img.id="MazImgElement"),this.wrapper.append(this.img),s.append(this.wrapper),document.body.append(s),this.keyboardEventHandler(!0),setTimeout((()=>{s&&s.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=[],s=this.allInstances.length>1;if(!this.buttonsAdded){if(this.buttonsAdded=!0,s){const e=this.getButton("previous"),s=this.getButton("next");t.push(e,s)}this.wrapper.append(e),s&&(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=t.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(),"Escape"!==e.key&&" "!==e.key||this.closePreview(),"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||this.nextPreviousImage("ArrowRight"===e.key)}getButton(e="close"){const s=document.createElement("button");return s.innerHTML=t[e],s.addEventListener("click",(()=>{"close"===e?this.closePreview():this.allInstances&&this.nextPreviousImage("next"===e)})),s.classList.add("maz-zoom-btn"),s.classList.add(`maz-zoom-btn--${e}`),s}closePreview(){const e=document.querySelector("#MazImgPreviewFullsize"),t=document.querySelector("#MazPreviewStyle"),s=document.querySelector(".maz-zoom-img-instance.maz-is-open");s&&s.classList.remove("maz-is-open"),e&&e.classList.remove("maz-animate"),this.keyboardEventHandler(!1),setTimeout((()=>{e&&e.remove(),t&&t.remove()}),300)}getNewInstanceIndex(e){return e<0?this.allInstances.length-1:e>=this.allInstances.length?0:e}nextPreviousImage(e){const t=e,s=document.querySelector(".maz-zoom-img-instance.maz-is-open");if(s){const e=this.allInstances.indexOf(s),o=t?e+1:e-1,i=this.allInstances[this.getNewInstanceIndex(o)];i&&this.useNextInstance(s,i)}}useNextInstance(e,t){e.classList.remove("maz-is-open"),t.classList.add("maz-is-open");const s=t.getAttribute("data-src"),o=t.getAttribute("data-alt");this.wrapper.style.width="",this.loader.hidden=!1,s&&this.img.setAttribute("src",s),o&&this.img.setAttribute("alt",o)}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 o;const i={created(e,t){o=new s(t),o.create(e)},updated(e,t){o.update(t)},unmounted(e){o.remove(e)}},n={baseClass:"m-lazy-img",loadedClass:"m-lazy-loaded",loadingClass:"m-lazy-loading",errorClass:"m-lazy-error",noPhotoClass:"m-lazy-no-photo",noPhoto:!1,observerOnce:!0,loadOnce:!1,noUseErrorPhoto:!1,observerOptions:{threshold:.1}};class a{constructor(e={}){__publicField(this,"observers",[]),__publicField(this,"defaultOptions",n),__publicField(this,"options"),__publicField(this,"onImgLoadedCallback"),__publicField(this,"onImgErrorCallback"),__publicField(this,"hasImgLoaded",!1),this.options=this.buildOptions(e),this.onImgLoadedCallback=this.imageIsLoaded.bind(this),this.onImgErrorCallback=this.imageHasError.bind(this)}async loadErrorPhoto(){const{default:e}=await Promise.resolve().then((()=>L));return e}buildOptions(e){return{...this.defaultOptions,...e,observerOptions:{...this.defaultOptions.observerOptions,...e.observerOptions}}}removeClass(e,t){e.classList.remove(t)}addClass(e,t){e.classList.add(t)}removeAllStateClasses(e){this.removeClass(e,this.options.loadedClass),this.removeClass(e,this.options.loadingClass),this.removeClass(e,this.options.errorClass),this.removeClass(e,this.options.noPhotoClass)}setBaseClass(e){this.addClass(e,this.options.baseClass)}imageIsLoading(e){var t,s;this.addClass(e,this.options.loadingClass),null==(s=(t=this.options).onLoading)||s.call(t,e)}imageHasNoPhoto(e){this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.noPhotoClass),this.setDefaultPhoto(e)}imageIsLoaded(e){var t,s;this.hasImgLoaded=!0,this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.loadedClass),null==(s=(t=this.options).onLoaded)||s.call(t,e)}imageHasError(e,t){var s,o;console.warn("[maz-ui][MazLazyImg] Error while loading image",t),this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.errorClass),null==(o=(s=this.options).onError)||o.call(s,e),this.setDefaultPhoto(e)}getImageUrl(e,t){const s=this.getImgElement(e).getAttribute("data-src");if(s)return s;const o="object"==typeof t.value?t.value.src:t.value;return o||console.warn("[maz-ui][MazLazyImg] src url is not defined"),o}async setPictureSourceUrls(e){const t=e.querySelectorAll("source");if(t.length>0)for await(const s of t){const e=s.getAttribute("data-srcset");e?s.srcset=e:console.warn('[maz-ui][MazLazyImg] the "[data-srcset]" attribute is not provided on "<source />"')}else console.warn('[maz-ui][MazLazyImg] No "<source />" elements provided into the "<picture />" element'),this.imageHasError(e)}hasBgImgMode(e){return"bg-image"===e.arg}isPictureElement(e){return e instanceof HTMLPictureElement}getImgElement(e){return this.isPictureElement(e)?e.querySelector("img"):e}async setDefaultPhoto(e){if(this.options.noUseErrorPhoto)return;const t=this.options.errorPhoto??await this.loadErrorPhoto(),s=e.querySelectorAll("source");if(s.length>0)for await(const o of s)o.srcset=t;else this.setImgSrc(e,t)}addEventListenerToImg(e){const t=this.getImgElement(e);t.addEventListener("load",(()=>this.onImgLoadedCallback(e)),{once:!0}),t.addEventListener("error",(t=>this.onImgErrorCallback(e,t)),{once:!0})}async loadImage(e,t){if(this.imageIsLoading(e),this.isPictureElement(e))this.addEventListenerToImg(e),await this.setPictureSourceUrls(e);else{const s=this.getImageUrl(e,t);if(!s)return this.imageHasError(e);this.hasBgImgMode(t)?(e.style.backgroundImage=`url('${s}')`,this.imageIsLoaded(e)):(this.addEventListenerToImg(e),this.setImgSrc(e,s))}}setImgSrc(e,t){this.getImgElement(e).src=t}handleIntersectionObserver(e,t,s,o){var i,n;this.observers.push(o);for(const a of s)if(a.isIntersecting){if(null==(n=(i=this.options).onIntersecting)||n.call(i,a.target),this.options.observerOnce&&o.unobserve(e),this.options.loadOnce&&this.hasImgLoaded)return;this.loadImage(e,t)}}createObserver(e,t){const s=this.options.observerOptions;new IntersectionObserver(((s,o)=>{this.handleIntersectionObserver(e,t,s,o)}),s).observe(e)}async imageHandler(e,t,s){if("update"===s)for await(const o of this.observers)o.unobserve(e);window.IntersectionObserver?this.createObserver(e,t):this.loadImage(e,t)}async bindUpdateHandler(e,t,s){if(this.options.noPhoto)return this.imageHasNoPhoto(e);await this.imageHandler(e,t,s)}async add(e,t){if(this.hasBgImgMode(t)&&this.isPictureElement(e))throw new Error('[MazLazyImg] You can\'t use the "bg-image" mode with "<picture />" element');setTimeout((()=>this.setBaseClass(e)),0),e.getAttribute("src")||this.setImgSrc(e,"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"),await this.bindUpdateHandler(e,t,"bind")}async update(e,t){t.value!==t.oldValue&&(this.hasImgLoaded=!1,this.removeAllStateClasses(e),await this.bindUpdateHandler(e,t,"update"))}remove(e,t){this.hasImgLoaded=!1,this.hasBgImgMode(t)&&(e.style.backgroundImage=""),this.removeAllStateClasses(e);for(const s of this.observers)s.unobserve(e);this.observers=[]}}let r;const l={created(e,t){const s="object"==typeof t.value?t.value:{};r=new a(s),r.add(e,t)},updated(e,t){r.update(e,t)},unmounted(e,t){r.remove(e,t)}};const m=["innerHTML"],d=e.defineComponent({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:e=>e}},emits:["loaded","unloaded","error"],setup(t,{emit:s}){const o=t,i={},n=e.ref(),a=e.ref(),r=()=>{try{return function(t,s){const o=e.inject(t,s);if(!o)throw new Error(`[maz-ui](injectStrict) Could not resolve ${t}`);return o}("mazIconPath")}catch{return}},l=e.computed((()=>o.path??r())),d=e.computed((()=>o.src?o.src:l.value?`${l.value}/${o.name}.svg`:`/${o.name}.svg`));e.onMounted((()=>{o.name||o.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const c=e=>{const t={},s=e.attributes;if(!s)return t;for(let o=s.length-1;o>=0;o--)t[s[o].name]=s[o].value;return t},u=e=>{let t=e.cloneNode(!0);return t=o.transformSource(e),o.title&&((e,t)=>{const s=e.querySelectorAll("title");if(s.length>0)s[0].textContent=t;else{const s=document.createElementNS("http://www.w3.org/2000/svg","title");s.textContent=t,e.append(s)}})(t,o.title),e.innerHTML},g=e=>new Promise(((t,s)=>{const i=new XMLHttpRequest;i.open("GET",e,!0),i.addEventListener("load",(()=>{if(i.status>=200&&i.status<400)try{const e=new DOMParser;let n=e.parseFromString(i.responseText,"text/xml").querySelectorAll("svg")[0];n?(n=o.transformSource(n),t(n)):s(new Error('Loaded file is not valid SVG"'))}catch(e){s(e)}else s(new Error("Error loading SVG"))})),i.addEventListener("error",(()=>s())),i.send()}));return e.watchEffect((()=>(async t=>{i[t]||(i[t]=g(t));try{n.value=await i[t],await e.nextTick(),s("loaded",a.value)}catch(o){n.value&&(n.value=void 0,s("unloaded")),delete i[t],s("error",o)}})(d.value))),(s,o)=>{return n.value?(e.openBlock(),e.createElementBlock("svg",e.mergeProps({key:0,ref_key:"svgElem",ref:a,width:"1em",height:"1em"},{...c(n.value),...(i=s.$attrs,Object.keys(i).reduce(((e,t)=>(!1!==i[t]&&null!==i[t]&&void 0!==i[t]&&(e[t]=i[t]),e)),{}))},{style:`font-size: ${t.size}`,innerHTML:u(n.value)}),null,16,m)):e.createCommentVNode("",!0);var i}}}),c=e.defineComponent({components:{MazIcon:d},directives:{"zoom-img":i,"lazy-img":l},props:{images:{type:Array,default:()=>[]},imagesShownCount:{type:Number,default:5},noRemaining:{type:Boolean,default:!1},height:{type:[Number,String],default:150},noHeight:{type:Boolean,default:!1},width:{type:[Number,String],default:"100%"},noWidth:{type:Boolean,default:!1},noRadius:{type:Boolean,default:!1},noZoom:{type:Boolean,default:!1},hasEmptyLayer:{type:Boolean,default:!0},lazy:{type:Boolean,default:!0},blur:{type:Boolean,default:!0},scale:{type:Boolean,default:!0}},setup(t){e.onBeforeMount((()=>{t.imagesShownCount>5&&console.warn('[MazUI](m-gallery) The maximum of "images-shown-count" is 5')}));const s=e.computed((()=>{const{height:e,width:s,noWidth:o,noHeight:i}=t;return{...o?{}:{flex:"0 0 "+typeof s=="number"?`${s}px`:s,width:"number"==typeof s?`${s}px`:s},...i?{}:{height:"number"==typeof e?`${e}px`:`${e}`,minHeight:"number"==typeof e?`${e}px`:`${e}`}}})),o=e.computed((()=>t.imagesShownCount<=5?t.imagesShownCount:5)),i=e.computed((()=>t.images.length-(t.images.length<o.value?t.images.length:o.value))),n=e.computed((()=>t.images.map((e=>"object"==typeof e?e:{src:e,alt:void 0})))),a=e.computed((()=>n.value.slice(0,o.value))),r=e.computed((()=>n.value.slice(o.value,t.images.length)));return{sizeStyle:s,imagesCount:o,shouldHaveRemainingLayer:e=>i.value&&e+1===a.value.length&&!t.noRemaining,imagesShown:a,numberImagesRemaining:i,imagesHidden:r,NoPhotographyIcon:"data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgc3Ryb2tlPSJub25lIgogIGZpbGw9ImN1cnJlbnRDb2xvciIKICBhcmlhLWhpZGRlbj0idHJ1ZSIKPgogIDxnPgogICAgPHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0IiAvPgogICAgPGc+CiAgICAgIDxwYXRoCiAgICAgICAgZD0iTTguOSw2LjA3TDcuNDgsNC42Nkw5LDNoNmwxLjgzLDJIMjBjMS4xLDAsMiwwLjksMiwydjEyYzAsMC4wNS0wLjAxLDAuMS0wLjAyLDAuMTZMMjAsMTcuMTdWN2gtNC4wNWwtMS44My0ySDkuODggTDguOSw2LjA3eiBNMjAuNDksMjMuMzFMMTguMTcsMjFINGMtMS4xLDAtMi0wLjktMi0yVjdjMC0wLjU5LDAuMjctMS4xMiwwLjY4LTEuNDlsLTItMkwyLjEsMi4xbDE5LjgsMTkuOEwyMC40OSwyMy4zMXogTTkuMTksMTIuMDJDOS4wOCwxMi4zMyw5LDEyLjY1LDksMTNjMCwxLjY2LDEuMzQsMywzLDNjMC4zNSwwLDAuNjctMC4wOCwwLjk4LTAuMTlMOS4xOSwxMi4wMnogTTE2LjE3LDE5bC0xLjY4LTEuNjggQzEzLjc2LDE3Ljc1LDEyLjkxLDE4LDEyLDE4Yy0yLjc2LDAtNS0yLjI0LTUtNWMwLTAuOTEsMC4yNS0xLjc2LDAuNjgtMi40OUw0LjE3LDdINHYxMkgxNi4xN3ogTTE0LjgxLDExLjk4bDIuMDcsMi4wNyBDMTYuOTYsMTMuNzEsMTcsMTMuMzYsMTcsMTNjMC0yLjc2LTIuMjQtNS01LTVjLTAuMzYsMC0wLjcxLDAuMDQtMS4wNiwwLjEybDIuMDcsMi4wN0MxMy44NSwxMC40OSwxNC41MSwxMS4xNSwxNC44MSwxMS45OHoiCiAgICAgIC8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"}}}),u={class:"m-gallery__wrapper maz-flex maz-flex-1"},g=["alt"],h={key:0,class:"m-gallery__remaining-layer maz-flex maz-bg-overlay maz-flex-center"},p={class:"maz-text-2xl maz-text-white"};const w=((e,t)=>{const s=e.__vccOpts||e;for(const[o,i]of t)s[o]=i;return s})(c,[["render",function(t,s,o,i,n,a){const r=e.resolveComponent("MazIcon"),l=e.resolveDirective("zoom-img"),m=e.resolveDirective("lazy-img");return t.images.length>0||t.hasEmptyLayer?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["m-gallery maz-flex",{"maz-rounded-xl":!t.noRadius}]),style:e.normalizeStyle([t.sizeStyle])},[e.createElementVNode("section",u,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.imagesShown,((s,o)=>(e.openBlock(),e.createElementBlock("figure",{key:o,class:e.normalizeClass(["m-gallery__item !maz-my-0 maz-flex maz-flex-center",[`m-gallery__item--${o+1}`]])},[e.withDirectives(e.createElementVNode("img",{class:"m-gallery__item__image maz-flex-1",src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",alt:s.alt},null,8,g),[[l,{src:s.src,alt:s.alt,disabled:t.noZoom||t.shouldHaveRemainingLayer(o),blur:t.blur,scale:t.scale}],[m,{src:s.src,disabled:!t.lazy},"bg-image"]]),t.shouldHaveRemainingLayer(o)?e.withDirectives((e.openBlock(),e.createElementBlock("div",h,[e.createElementVNode("span",p,"+"+e.toDisplayString(t.numberImagesRemaining),1)])),[[l,{src:s.src,alt:s.alt,disabled:t.noZoom,blur:!1,scale:t.scale}]]):e.createCommentVNode("",!0)],2)))),128)),t.hasEmptyLayer&&0===t.images.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["flex-center maz-flex maz-w-full maz-bg-color-light maz-text-normal",{"maz-rounded-xl":!t.noRadius}]),style:e.normalizeStyle([t.sizeStyle])},[e.createVNode(r,{src:t.NoPhotographyIcon,size:"2rem"},null,8,["src"])],6)):e.createCommentVNode("",!0)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.imagesHidden,((s,o)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:o,class:"m-gallery__hidden"})),[[l,{src:s.src,disabled:t.noZoom}]]))),128))],6)):e.createCommentVNode("",!0)}],["__scopeId","data-v-8ad88a32"]]),L=Object.freeze(Object.defineProperty({__proto__:null,default:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjQ4cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjQ4cHgiIGZpbGw9IiNjZGNkY2QiPgogIDxnPgogICAgPHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ii8+CiAgICA8Zz4KICAgICAgPHBhdGggZD0iTTguOSw2LjA3TDcuNDgsNC42Nkw5LDNoNmwxLjgzLDJIMjBjMS4xLDAsMiwwLjksMiwydjEyYzAsMC4wNS0wLjAxLDAuMS0wLjAyLDAuMTZMMjAsMTcuMTdWN2gtNC4wNWwtMS44My0ySDkuODggTDguOSw2LjA3eiBNMjAuNDksMjMuMzFMMTguMTcsMjFINGMtMS4xLDAtMi0wLjktMi0yVjdjMC0wLjU5LDAuMjctMS4xMiwwLjY4LTEuNDlsLTItMkwyLjEsMi4xbDE5LjgsMTkuOEwyMC40OSwyMy4zMXogTTkuMTksMTIuMDJDOS4wOCwxMi4zMyw5LDEyLjY1LDksMTNjMCwxLjY2LDEuMzQsMywzLDNjMC4zNSwwLDAuNjctMC4wOCwwLjk4LTAuMTlMOS4xOSwxMi4wMnogTTE2LjE3LDE5bC0xLjY4LTEuNjggQzEzLjc2LDE3Ljc1LDEyLjkxLDE4LDEyLDE4Yy0yLjc2LDAtNS0yLjI0LTUtNWMwLTAuOTEsMC4yNS0xLjc2LDAuNjgtMi40OUw0LjE3LDdINHYxMkgxNi4xN3ogTTE0LjgxLDExLjk4bDIuMDcsMi4wNyBDMTYuOTYsMTMuNzEsMTcsMTMuMzYsMTcsMTNjMC0yLjc2LTIuMjQtNS01LTVjLTAuMzYsMC0wLjcxLDAuMDQtMS4wNiwwLjEybDIuMDcsMi4wN0MxMy44NSwxMC40OSwxNC41MSwxMS4xNSwxNC44MSwxMS45OHoiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg=="},Symbol.toStringTag,{value:"Module"}));return w}));
+var __defProp=Object.defineProperty,__defNormalProp=(e,t,s)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,__publicField=(e,t,s)=>(__defNormalProp(e,"symbol"!=typeof t?t+"":t,s),s);!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).MazGallery=t(e.Vue)}(this,(function(e){"use strict";const t={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 s{constructor(e){if(__publicField(this,"options"),__publicField(this,"loader"),__publicField(this,"wrapper"),__publicField(this,"img"),__publicField(this,"keydownHandler"),__publicField(this,"onImgLoadedCallback"),__publicField(this,"buttonsAdded"),__publicField(this,"defaultOptions",{scale:!0,blur:!0,disabled:!1}),__publicField(this,"mouseEnterListener"),__publicField(this,"mouseLeaveListener"),__publicField(this,"renderPreviewListener"),!e.value)throw new Error('[MazUI](zoom-img) Image path must be defined. Ex: `v-zoom-img="<PATH_TO_IMAGE>"`');if("object"==typeof e.value&&!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,..."object"==typeof e.value?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-src",this.options.src),this.options.alt&&e.setAttribute("data-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-src"),e.removeAttribute("data-alt"),e.style.cursor=""}renderPreview(e,t){e.classList.add("maz-is-open"),this.addStyle("\n.maz-zoom-img {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 2.5rem;\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}");const s=document.createElement("div");s.classList.add("maz-zoom-img"),s.setAttribute("id","MazImgPreviewFullsize"),s.addEventListener("click",(e=>{s.isEqualNode(e.target)&&this.closePreview()})),"object"==typeof t&&(this.img.setAttribute("src",t.src),t.alt&&this.img.setAttribute("alt",t.alt),this.img.id="MazImgElement"),this.wrapper.append(this.img),s.append(this.wrapper),document.body.append(s),this.keyboardEventHandler(!0),setTimeout((()=>{s&&s.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=[],s=this.allInstances.length>1;if(!this.buttonsAdded){if(this.buttonsAdded=!0,s){const e=this.getButton("previous"),s=this.getButton("next");t.push(e,s)}this.wrapper.append(e),s&&(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=t.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(),"Escape"!==e.key&&" "!==e.key||this.closePreview(),"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||this.nextPreviousImage("ArrowRight"===e.key)}getButton(e="close"){const s=document.createElement("button");return s.innerHTML=t[e],s.addEventListener("click",(()=>{"close"===e?this.closePreview():this.allInstances&&this.nextPreviousImage("next"===e)})),s.classList.add("maz-zoom-btn"),s.classList.add(`maz-zoom-btn--${e}`),s}closePreview(){const e=document.querySelector("#MazImgPreviewFullsize"),t=document.querySelector("#MazPreviewStyle"),s=document.querySelector(".maz-zoom-img-instance.maz-is-open");s&&s.classList.remove("maz-is-open"),e&&e.classList.remove("maz-animate"),this.keyboardEventHandler(!1),setTimeout((()=>{e&&e.remove(),t&&t.remove()}),300)}getNewInstanceIndex(e){return e<0?this.allInstances.length-1:e>=this.allInstances.length?0:e}nextPreviousImage(e){const t=e,s=document.querySelector(".maz-zoom-img-instance.maz-is-open");if(s){const e=this.allInstances.indexOf(s),o=t?e+1:e-1,i=this.allInstances[this.getNewInstanceIndex(o)];i&&this.useNextInstance(s,i)}}useNextInstance(e,t){e.classList.remove("maz-is-open"),t.classList.add("maz-is-open");const s=t.getAttribute("data-src"),o=t.getAttribute("data-alt");this.wrapper.style.width="",this.loader.hidden=!1,s&&this.img.setAttribute("src",s),o&&this.img.setAttribute("alt",o)}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 o;const i={created(e,t){o=new s(t),o.create(e)},updated(e,t){o.update(t)},unmounted(e){o.remove(e)}},n={baseClass:"m-lazy-img",loadedClass:"m-lazy-loaded",loadingClass:"m-lazy-loading",errorClass:"m-lazy-error",noPhotoClass:"m-lazy-no-photo",noPhoto:!1,observerOnce:!0,loadOnce:!1,noUseErrorPhoto:!1,observerOptions:{threshold:.1}};class a{constructor(e={}){__publicField(this,"observers",[]),__publicField(this,"defaultOptions",n),__publicField(this,"options"),__publicField(this,"onImgLoadedCallback"),__publicField(this,"onImgErrorCallback"),__publicField(this,"hasImgLoaded",!1),this.options=this.buildOptions(e),this.onImgLoadedCallback=this.imageIsLoaded.bind(this),this.onImgErrorCallback=this.imageHasError.bind(this)}async loadErrorPhoto(){const{default:e}=await Promise.resolve().then((()=>L));return e}buildOptions(e){return{...this.defaultOptions,...e,observerOptions:{...this.defaultOptions.observerOptions,...e.observerOptions}}}removeClass(e,t){e.classList.remove(t)}addClass(e,t){e.classList.add(t)}removeAllStateClasses(e){this.removeClass(e,this.options.loadedClass),this.removeClass(e,this.options.loadingClass),this.removeClass(e,this.options.errorClass),this.removeClass(e,this.options.noPhotoClass)}setBaseClass(e){this.addClass(e,this.options.baseClass)}imageIsLoading(e){var t,s;this.addClass(e,this.options.loadingClass),null==(s=(t=this.options).onLoading)||s.call(t,e)}imageHasNoPhoto(e){this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.noPhotoClass),this.setDefaultPhoto(e)}imageIsLoaded(e){var t,s;this.hasImgLoaded=!0,this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.loadedClass),null==(s=(t=this.options).onLoaded)||s.call(t,e)}imageHasError(e,t){var s,o;console.warn("[maz-ui][MazLazyImg] Error while loading image",t),this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.errorClass),null==(o=(s=this.options).onError)||o.call(s,e),this.setDefaultPhoto(e)}getImageUrl(e,t){const s=this.getImgElement(e).getAttribute("data-src");if(s)return s;const o="object"==typeof t.value?t.value.src:t.value;return o||console.warn("[maz-ui][MazLazyImg] src url is not defined"),o}async setPictureSourceUrls(e){const t=e.querySelectorAll("source");if(t.length>0)for await(const s of t){const e=s.getAttribute("data-srcset");e?s.srcset=e:console.warn('[maz-ui][MazLazyImg] the "[data-srcset]" attribute is not provided on "<source />"')}else console.warn('[maz-ui][MazLazyImg] No "<source />" elements provided into the "<picture />" element'),this.imageHasError(e)}hasBgImgMode(e){return"bg-image"===e.arg}isPictureElement(e){return e instanceof HTMLPictureElement}getImgElement(e){return this.isPictureElement(e)?e.querySelector("img"):e}async setDefaultPhoto(e){if(this.options.noUseErrorPhoto)return;const t=this.options.errorPhoto??await this.loadErrorPhoto(),s=e.querySelectorAll("source");if(s.length>0)for await(const o of s)o.srcset=t;else this.setImgSrc(e,t)}addEventListenerToImg(e){const t=this.getImgElement(e);t.addEventListener("load",(()=>this.onImgLoadedCallback(e)),{once:!0}),t.addEventListener("error",(t=>this.onImgErrorCallback(e,t)),{once:!0})}async loadImage(e,t){if(this.imageIsLoading(e),this.isPictureElement(e))this.addEventListenerToImg(e),await this.setPictureSourceUrls(e);else{const s=this.getImageUrl(e,t);if(!s)return this.imageHasError(e);this.hasBgImgMode(t)?(e.style.backgroundImage=`url('${s}')`,this.imageIsLoaded(e)):(this.addEventListenerToImg(e),this.setImgSrc(e,s))}}setImgSrc(e,t){this.getImgElement(e).src=t}handleIntersectionObserver(e,t,s,o){var i,n;this.observers.push(o);for(const a of s)if(a.isIntersecting){if(null==(n=(i=this.options).onIntersecting)||n.call(i,a.target),this.options.observerOnce&&o.unobserve(e),this.options.loadOnce&&this.hasImgLoaded)return;this.loadImage(e,t)}}createObserver(e,t){const s=this.options.observerOptions;new IntersectionObserver(((s,o)=>{this.handleIntersectionObserver(e,t,s,o)}),s).observe(e)}async imageHandler(e,t,s){if("update"===s)for await(const o of this.observers)o.unobserve(e);window.IntersectionObserver?this.createObserver(e,t):this.loadImage(e,t)}async bindUpdateHandler(e,t,s){if(this.options.noPhoto)return this.imageHasNoPhoto(e);await this.imageHandler(e,t,s)}async add(e,t){if(this.hasBgImgMode(t)&&this.isPictureElement(e))throw new Error('[MazLazyImg] You can\'t use the "bg-image" mode with "<picture />" element');setTimeout((()=>this.setBaseClass(e)),0),e.getAttribute("src")||this.setImgSrc(e,"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"),await this.bindUpdateHandler(e,t,"bind")}async update(e,t){t.value!==t.oldValue&&(this.hasImgLoaded=!1,this.removeAllStateClasses(e),await this.bindUpdateHandler(e,t,"update"))}remove(e,t){this.hasImgLoaded=!1,this.hasBgImgMode(t)&&(e.style.backgroundImage=""),this.removeAllStateClasses(e);for(const s of this.observers)s.unobserve(e);this.observers=[]}}let r;const l={created(e,t){const s="object"==typeof t.value?t.value:{};r=new a(s),r.add(e,t)},updated(e,t){r.update(e,t)},unmounted(e,t){r.remove(e,t)}};const m=["innerHTML"],d=e.defineComponent({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:e=>e}},emits:["loaded","unloaded","error"],setup(t,{emit:s}){const o=t,i={},n=e.ref(),a=e.ref(),r=()=>{try{return function(t,s){const o=e.inject(t,s);if(!o)throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${t}`);return o}("mazIconPath")}catch{return}},l=e.computed((()=>o.path??r())),d=e.computed((()=>o.src?o.src:l.value?`${l.value}/${o.name}.svg`:`/${o.name}.svg`));e.onMounted((()=>{o.name||o.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const c=e=>{const t={},s=e.attributes;if(!s)return t;for(let o=s.length-1;o>=0;o--)t[s[o].name]=s[o].value;return t},u=e=>{let t=e.cloneNode(!0);return t=o.transformSource(e),o.title&&((e,t)=>{const s=e.querySelectorAll("title");if(s.length>0)s[0].textContent=t;else{const s=document.createElementNS("http://www.w3.org/2000/svg","title");s.textContent=t,e.append(s)}})(t,o.title),e.innerHTML},g=e=>new Promise(((t,s)=>{const i=new XMLHttpRequest;i.open("GET",e,!0),i.addEventListener("load",(()=>{if(i.status>=200&&i.status<400)try{const e=new DOMParser;let n=e.parseFromString(i.responseText,"text/xml").querySelectorAll("svg")[0];n?(n=o.transformSource(n),t(n)):s(new Error('Loaded file is not valid SVG"'))}catch(e){s(e)}else s(new Error("Error loading SVG"))})),i.addEventListener("error",(()=>s())),i.send()}));return e.watchEffect((()=>(async t=>{i[t]||(i[t]=g(t));try{n.value=await i[t],await e.nextTick(),s("loaded",a.value)}catch(o){n.value&&(n.value=void 0,s("unloaded")),delete i[t],s("error",o)}})(d.value))),(s,o)=>{return n.value?(e.openBlock(),e.createElementBlock("svg",e.mergeProps({key:0,ref_key:"svgElem",ref:a,width:"1em",height:"1em"},{...c(n.value),...(i=s.$attrs,Object.keys(i).reduce(((e,t)=>(!1!==i[t]&&null!==i[t]&&void 0!==i[t]&&(e[t]=i[t]),e)),{}))},{style:`font-size: ${t.size}`,innerHTML:u(n.value)}),null,16,m)):e.createCommentVNode("",!0);var i}}}),c=e.defineComponent({components:{MazIcon:d},directives:{"zoom-img":i,"lazy-img":l},props:{images:{type:Array,default:()=>[]},imagesShownCount:{type:Number,default:5},noRemaining:{type:Boolean,default:!1},height:{type:[Number,String],default:150},noHeight:{type:Boolean,default:!1},width:{type:[Number,String],default:"100%"},noWidth:{type:Boolean,default:!1},noRadius:{type:Boolean,default:!1},noZoom:{type:Boolean,default:!1},hasEmptyLayer:{type:Boolean,default:!0},lazy:{type:Boolean,default:!0},blur:{type:Boolean,default:!0},scale:{type:Boolean,default:!0}},setup(t){e.onBeforeMount((()=>{t.imagesShownCount>5&&console.warn('[MazUI](m-gallery) The maximum of "images-shown-count" is 5')}));const s=e.computed((()=>{const{height:e,width:s,noWidth:o,noHeight:i}=t;return{...o?{}:{flex:"0 0 "+typeof s=="number"?`${s}px`:s,width:"number"==typeof s?`${s}px`:s},...i?{}:{height:"number"==typeof e?`${e}px`:`${e}`,minHeight:"number"==typeof e?`${e}px`:`${e}`}}})),o=e.computed((()=>t.imagesShownCount<=5?t.imagesShownCount:5)),i=e.computed((()=>t.images.length-(t.images.length<o.value?t.images.length:o.value))),n=e.computed((()=>t.images.map((e=>"object"==typeof e?e:{src:e,alt:void 0})))),a=e.computed((()=>n.value.slice(0,o.value))),r=e.computed((()=>n.value.slice(o.value,t.images.length)));return{sizeStyle:s,imagesCount:o,shouldHaveRemainingLayer:e=>i.value&&e+1===a.value.length&&!t.noRemaining,imagesShown:a,numberImagesRemaining:i,imagesHidden:r,NoPhotographyIcon:"data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgc3Ryb2tlPSJub25lIgogIGZpbGw9ImN1cnJlbnRDb2xvciIKICBhcmlhLWhpZGRlbj0idHJ1ZSIKPgogIDxnPgogICAgPHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0IiAvPgogICAgPGc+CiAgICAgIDxwYXRoCiAgICAgICAgZD0iTTguOSw2LjA3TDcuNDgsNC42Nkw5LDNoNmwxLjgzLDJIMjBjMS4xLDAsMiwwLjksMiwydjEyYzAsMC4wNS0wLjAxLDAuMS0wLjAyLDAuMTZMMjAsMTcuMTdWN2gtNC4wNWwtMS44My0ySDkuODggTDguOSw2LjA3eiBNMjAuNDksMjMuMzFMMTguMTcsMjFINGMtMS4xLDAtMi0wLjktMi0yVjdjMC0wLjU5LDAuMjctMS4xMiwwLjY4LTEuNDlsLTItMkwyLjEsMi4xbDE5LjgsMTkuOEwyMC40OSwyMy4zMXogTTkuMTksMTIuMDJDOS4wOCwxMi4zMyw5LDEyLjY1LDksMTNjMCwxLjY2LDEuMzQsMywzLDNjMC4zNSwwLDAuNjctMC4wOCwwLjk4LTAuMTlMOS4xOSwxMi4wMnogTTE2LjE3LDE5bC0xLjY4LTEuNjggQzEzLjc2LDE3Ljc1LDEyLjkxLDE4LDEyLDE4Yy0yLjc2LDAtNS0yLjI0LTUtNWMwLTAuOTEsMC4yNS0xLjc2LDAuNjgtMi40OUw0LjE3LDdINHYxMkgxNi4xN3ogTTE0LjgxLDExLjk4bDIuMDcsMi4wNyBDMTYuOTYsMTMuNzEsMTcsMTMuMzYsMTcsMTNjMC0yLjc2LTIuMjQtNS01LTVjLTAuMzYsMC0wLjcxLDAuMDQtMS4wNiwwLjEybDIuMDcsMi4wN0MxMy44NSwxMC40OSwxNC41MSwxMS4xNSwxNC44MSwxMS45OHoiCiAgICAgIC8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"}}}),u={class:"m-gallery__wrapper maz-flex maz-flex-1"},g=["alt"],h={key:0,class:"m-gallery__remaining-layer maz-flex maz-bg-overlay maz-flex-center"},p={class:"maz-text-2xl maz-text-white"};const w=((e,t)=>{const s=e.__vccOpts||e;for(const[o,i]of t)s[o]=i;return s})(c,[["render",function(t,s,o,i,n,a){const r=e.resolveComponent("MazIcon"),l=e.resolveDirective("zoom-img"),m=e.resolveDirective("lazy-img");return t.images.length>0||t.hasEmptyLayer?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["m-gallery maz-flex",{"maz-rounded-xl":!t.noRadius}]),style:e.normalizeStyle([t.sizeStyle])},[e.createElementVNode("section",u,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.imagesShown,((s,o)=>(e.openBlock(),e.createElementBlock("figure",{key:o,class:e.normalizeClass(["m-gallery__item !maz-my-0 maz-flex maz-flex-center",[`m-gallery__item--${o+1}`]])},[e.withDirectives(e.createElementVNode("img",{class:"m-gallery__item__image maz-flex-1",src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",alt:s.alt},null,8,g),[[l,{src:s.src,alt:s.alt,disabled:t.noZoom||t.shouldHaveRemainingLayer(o),blur:t.blur,scale:t.scale}],[m,{src:s.src,disabled:!t.lazy},"bg-image"]]),t.shouldHaveRemainingLayer(o)?e.withDirectives((e.openBlock(),e.createElementBlock("div",h,[e.createElementVNode("span",p,"+"+e.toDisplayString(t.numberImagesRemaining),1)])),[[l,{src:s.src,alt:s.alt,disabled:t.noZoom,blur:!1,scale:t.scale}]]):e.createCommentVNode("",!0)],2)))),128)),t.hasEmptyLayer&&0===t.images.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["flex-center maz-flex maz-w-full maz-bg-color-light maz-text-normal",{"maz-rounded-xl":!t.noRadius}]),style:e.normalizeStyle([t.sizeStyle])},[e.createVNode(r,{src:t.NoPhotographyIcon,size:"2rem"},null,8,["src"])],6)):e.createCommentVNode("",!0)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.imagesHidden,((s,o)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:o,class:"m-gallery__hidden"})),[[l,{src:s.src,disabled:t.noZoom}]]))),128))],6)):e.createCommentVNode("",!0)}],["__scopeId","data-v-8ad88a32"]]),L=Object.freeze(Object.defineProperty({__proto__:null,default:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjQ4cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjQ4cHgiIGZpbGw9IiNjZGNkY2QiPgogIDxnPgogICAgPHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ii8+CiAgICA8Zz4KICAgICAgPHBhdGggZD0iTTguOSw2LjA3TDcuNDgsNC42Nkw5LDNoNmwxLjgzLDJIMjBjMS4xLDAsMiwwLjksMiwydjEyYzAsMC4wNS0wLjAxLDAuMS0wLjAyLDAuMTZMMjAsMTcuMTdWN2gtNC4wNWwtMS44My0ySDkuODggTDguOSw2LjA3eiBNMjAuNDksMjMuMzFMMTguMTcsMjFINGMtMS4xLDAtMi0wLjktMi0yVjdjMC0wLjU5LDAuMjctMS4xMiwwLjY4LTEuNDlsLTItMkwyLjEsMi4xbDE5LjgsMTkuOEwyMC40OSwyMy4zMXogTTkuMTksMTIuMDJDOS4wOCwxMi4zMyw5LDEyLjY1LDksMTNjMCwxLjY2LDEuMzQsMywzLDNjMC4zNSwwLDAuNjctMC4wOCwwLjk4LTAuMTlMOS4xOSwxMi4wMnogTTE2LjE3LDE5bC0xLjY4LTEuNjggQzEzLjc2LDE3Ljc1LDEyLjkxLDE4LDEyLDE4Yy0yLjc2LDAtNS0yLjI0LTUtNWMwLTAuOTEsMC4yNS0xLjc2LDAuNjgtMi40OUw0LjE3LDdINHYxMkgxNi4xN3ogTTE0LjgxLDExLjk4bDIuMDcsMi4wNyBDMTYuOTYsMTMuNzEsMTcsMTMuMzYsMTcsMTNjMC0yLjc2LTIuMjQtNS01LTVjLTAuMzYsMC0wLjcxLDAuMDQtMS4wNiwwLjEybDIuMDcsMi4wN0MxMy44NSwxMC40OSwxNC41MSwxMS4xNSwxNC44MSwxMS45OHoiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg=="},Symbol.toStringTag,{value:"Module"}));return w}));

package/components/MazIcon.mjs

@@ -3,7 +3,7 @@ import { inject, defineComponent, ref, computed, onMounted, watchEffect, openBlo
 function injectStrict(key, fallback) {
   const resolved = inject(key, fallback);
   if (!resolved) {
-    throw new Error(`[maz-ui](injectStrict) Could not resolve ${key}`);
+    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${key}`);
   }
   return resolved;
 }

package/components/MazIcon.umd.js

@@ -1,2 +1,2 @@
 (function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode("")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).MazIcon=t(e.Vue)}(this,(function(e){"use strict";const t=["innerHTML"];return e.defineComponent({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:e=>e}},emits:["loaded","unloaded","error"],setup(r,{emit:n}){const o=r,a={},l=e.ref(),i=e.ref(),u=()=>{try{return function(t,r){const n=e.inject(t,r);if(!n)throw new Error(`[maz-ui](injectStrict) Could not resolve ${t}`);return n}("mazIconPath")}catch{return}},s=e.computed((()=>o.path??u())),c=e.computed((()=>o.src?o.src:s.value?`${s.value}/${o.name}.svg`:`/${o.name}.svg`));e.onMounted((()=>{o.name||o.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const d=e=>{const t={},r=e.attributes;if(!r)return t;for(let n=r.length-1;n>=0;n--)t[r[n].name]=r[n].value;return t},f=e=>{let t=e.cloneNode(!0);return t=o.transformSource(e),o.title&&((e,t)=>{const r=e.querySelectorAll("title");if(r.length>0)r[0].textContent=t;else{const r=document.createElementNS("http://www.w3.org/2000/svg","title");r.textContent=t,e.append(r)}})(t,o.title),e.innerHTML},m=e=>new Promise(((t,r)=>{const n=new XMLHttpRequest;n.open("GET",e,!0),n.addEventListener("load",(()=>{if(n.status>=200&&n.status<400)try{const e=new DOMParser;let a=e.parseFromString(n.responseText,"text/xml").querySelectorAll("svg")[0];a?(a=o.transformSource(a),t(a)):r(new Error('Loaded file is not valid SVG"'))}catch(e){r(e)}else r(new Error("Error loading SVG"))})),n.addEventListener("error",(()=>r())),n.send()}));return e.watchEffect((()=>(async t=>{a[t]||(a[t]=m(t));try{l.value=await a[t],await e.nextTick(),n("loaded",i.value)}catch(r){l.value&&(l.value=void 0,n("unloaded")),delete a[t],n("error",r)}})(c.value))),(n,o)=>{return l.value?(e.openBlock(),e.createElementBlock("svg",e.mergeProps({key:0,ref_key:"svgElem",ref:i,width:"1em",height:"1em"},{...d(l.value),...(a=n.$attrs,Object.keys(a).reduce(((e,t)=>(!1!==a[t]&&null!==a[t]&&void 0!==a[t]&&(e[t]=a[t]),e)),{}))},{style:`font-size: ${r.size}`,innerHTML:f(l.value)}),null,16,t)):e.createCommentVNode("",!0);var a}}})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).MazIcon=t(e.Vue)}(this,(function(e){"use strict";const t=["innerHTML"];return e.defineComponent({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:e=>e}},emits:["loaded","unloaded","error"],setup(r,{emit:n}){const o=r,a={},l=e.ref(),i=e.ref(),u=()=>{try{return function(t,r){const n=e.inject(t,r);if(!n)throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${t}`);return n}("mazIconPath")}catch{return}},s=e.computed((()=>o.path??u())),c=e.computed((()=>o.src?o.src:s.value?`${s.value}/${o.name}.svg`:`/${o.name}.svg`));e.onMounted((()=>{o.name||o.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const d=e=>{const t={},r=e.attributes;if(!r)return t;for(let n=r.length-1;n>=0;n--)t[r[n].name]=r[n].value;return t},f=e=>{let t=e.cloneNode(!0);return t=o.transformSource(e),o.title&&((e,t)=>{const r=e.querySelectorAll("title");if(r.length>0)r[0].textContent=t;else{const r=document.createElementNS("http://www.w3.org/2000/svg","title");r.textContent=t,e.append(r)}})(t,o.title),e.innerHTML},m=e=>new Promise(((t,r)=>{const n=new XMLHttpRequest;n.open("GET",e,!0),n.addEventListener("load",(()=>{if(n.status>=200&&n.status<400)try{const e=new DOMParser;let a=e.parseFromString(n.responseText,"text/xml").querySelectorAll("svg")[0];a?(a=o.transformSource(a),t(a)):r(new Error('Loaded file is not valid SVG"'))}catch(e){r(e)}else r(new Error("Error loading SVG"))})),n.addEventListener("error",(()=>r())),n.send()}));return e.watchEffect((()=>(async t=>{a[t]||(a[t]=m(t));try{l.value=await a[t],await e.nextTick(),n("loaded",i.value)}catch(r){l.value&&(l.value=void 0,n("unloaded")),delete a[t],n("error",r)}})(c.value))),(n,o)=>{return l.value?(e.openBlock(),e.createElementBlock("svg",e.mergeProps({key:0,ref_key:"svgElem",ref:i,width:"1em",height:"1em"},{...d(l.value),...(a=n.$attrs,Object.keys(a).reduce(((e,t)=>(!1!==a[t]&&null!==a[t]&&void 0!==a[t]&&(e[t]=a[t]),e)),{}))},{style:`font-size: ${r.size}`,innerHTML:f(l.value)}),null,16,t)):e.createCommentVNode("",!0);var a}}})}));