maz-ui 3.10.0 → 3.10.2

package/components/MazDropzone.d.ts

@@ -0,0 +1,128 @@
+import { type ComponentPublicInstance, type PropType } from 'vue';
+import type Dropzone from 'dropzone';
+import type { DropzoneOptions, DropzoneFile } from 'dropzone';
+export interface MazDropzoneOptions extends DropzoneOptions {
+    dictFilesDescriptions?: string;
+    autoRemoveOnError?: boolean;
+}
+export interface MazDropzoneFile extends DropzoneFile {
+    manuallyAdded?: boolean;
+}
+export interface IMazDropzone extends Dropzone {
+    options: MazDropzoneOptions;
+}
+export interface MazDropzoneInstance extends ComponentPublicInstance {
+    manuallyAddFile: (file: DropzoneFile, fileUrl: string) => void;
+    setOption: (option: string, value: unknown) => IMazDropzone['options'];
+    processQueue: IMazDropzone['processQueue'];
+    removeFile: IMazDropzone['removeFile'];
+    removeAllFiles: IMazDropzone['removeAllFiles'];
+    destroy: IMazDropzone['destroy'];
+    disable: IMazDropzone['disable'];
+    enable: IMazDropzone['enable'];
+    accept: IMazDropzone['accept'];
+    addFile: IMazDropzone['addFile'];
+    resizeImage: IMazDropzone['resizeImage'];
+    cancelUpload: IMazDropzone['cancelUpload'];
+    getAcceptedFiles: () => MazDropzoneFile[];
+    getRejectedFiles: () => MazDropzoneFile[];
+    getFilesWithStatus: IMazDropzone['getFilesWithStatus'];
+    getQueuedFiles: IMazDropzone['getQueuedFiles'];
+    getUploadingFiles: IMazDropzone['getUploadingFiles'];
+    getAddedFiles: IMazDropzone['getAddedFiles'];
+    getActiveFiles: IMazDropzone['getActiveFiles'];
+}
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: PropType<MazDropzoneOptions>;
+        required: true;
+    };
+    height: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    width: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    noDestroyOnUnmount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    ButtonElement: import("vue").Ref<HTMLButtonElement | undefined>;
+    dropzoneReady: import("vue").Ref<boolean>;
+    dropzoneOptions: import("vue").Ref<MazDropzoneOptions | undefined>;
+    dropzoneStyle: import("vue").ComputedRef<{
+        width: string;
+        height: string;
+    }>;
+    setOption: (option: string, value: unknown) => MazDropzoneOptions;
+    manuallyAddFile: (file: Dropzone.DropzoneFile, fileUrl: string) => void;
+    removeAllFiles: (cancelIfNecessary?: boolean | undefined) => void;
+    processQueue: () => void;
+    destroy: () => Dropzone;
+    disable: () => void;
+    enable: () => void;
+    accept: (file: Dropzone.DropzoneFile, done: (error?: string | Error | undefined) => void) => void;
+    addFile: (file: Dropzone.DropzoneFile) => void;
+    resizeImage: (file: Dropzone.DropzoneFile, width?: number | undefined, height?: number | undefined, resizeMethod?: string | undefined, callback?: ((...args: any[]) => void) | undefined) => void;
+    cancelUpload: (file: Dropzone.DropzoneFile) => void;
+    getAcceptedFiles: () => MazDropzoneFile[];
+    getRejectedFiles: () => MazDropzoneFile[];
+    getFilesWithStatus: (status: string) => Dropzone.DropzoneFile[];
+    getQueuedFiles: () => Dropzone.DropzoneFile[];
+    getUploadingFiles: () => Dropzone.DropzoneFile[];
+    getAddedFiles: () => Dropzone.DropzoneFile[];
+    getActiveFiles: () => Dropzone.DropzoneFile[];
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("success" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "error" | "paste" | "reset" | "thumbnail" | "addedfile" | "addedfiles" | "removedfile" | "processing" | "processingmultiple" | "uploadprogress" | "totaluploadprogress" | "sending" | "sendingmultiple" | "canceled" | "canceledmultiple" | "complete" | "completemultiple" | "maxfilesexceeded" | "maxfilesreached" | "queuecomplete")[], "success" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "error" | "paste" | "reset" | "thumbnail" | "addedfile" | "addedfiles" | "removedfile" | "processing" | "processingmultiple" | "uploadprogress" | "totaluploadprogress" | "sending" | "sendingmultiple" | "canceled" | "canceledmultiple" | "complete" | "completemultiple" | "maxfilesexceeded" | "maxfilesreached" | "queuecomplete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<MazDropzoneOptions>;
+        required: true;
+    };
+    height: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    width: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    noDestroyOnUnmount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onPaste?: ((...args: any[]) => any) | undefined;
+    onDragend?: ((...args: any[]) => any) | undefined;
+    onDragenter?: ((...args: any[]) => any) | undefined;
+    onDragleave?: ((...args: any[]) => any) | undefined;
+    onDragover?: ((...args: any[]) => any) | undefined;
+    onDragstart?: ((...args: any[]) => any) | undefined;
+    onDrop?: ((...args: any[]) => any) | undefined;
+    onReset?: ((...args: any[]) => any) | undefined;
+    onError?: ((...args: any[]) => any) | undefined;
+    onComplete?: ((...args: any[]) => any) | undefined;
+    onSuccess?: ((...args: any[]) => any) | undefined;
+    onThumbnail?: ((...args: any[]) => any) | undefined;
+    onAddedfile?: ((...args: any[]) => any) | undefined;
+    onAddedfiles?: ((...args: any[]) => any) | undefined;
+    onRemovedfile?: ((...args: any[]) => any) | undefined;
+    onProcessing?: ((...args: any[]) => any) | undefined;
+    onProcessingmultiple?: ((...args: any[]) => any) | undefined;
+    onUploadprogress?: ((...args: any[]) => any) | undefined;
+    onTotaluploadprogress?: ((...args: any[]) => any) | undefined;
+    onSending?: ((...args: any[]) => any) | undefined;
+    onSendingmultiple?: ((...args: any[]) => any) | undefined;
+    onCanceled?: ((...args: any[]) => any) | undefined;
+    onCanceledmultiple?: ((...args: any[]) => any) | undefined;
+    onCompletemultiple?: ((...args: any[]) => any) | undefined;
+    onMaxfilesexceeded?: ((...args: any[]) => any) | undefined;
+    onMaxfilesreached?: ((...args: any[]) => any) | undefined;
+    onQueuecomplete?: ((...args: any[]) => any) | undefined;
+}, {
+    height: string | number;
+    width: string | number;
+    noDestroyOnUnmount: boolean;
+}, {}>;
+export default _default;

package/components/MazGallery.d.ts

@@ -0,0 +1,125 @@
+import { type PropType } from 'vue';
+import type { MazGalleryImage } from './types';
+export type { MazGalleryImage } from './types';
+declare const _default: import("vue").DefineComponent<{
+    images: {
+        type: PropType<MazGalleryImage[]>;
+        default: () => never[];
+    };
+    imagesShownCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    noRemaining: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    noHeight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    noWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noRadius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noZoom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasEmptyLayer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    blur: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scale: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    images: {
+        type: PropType<MazGalleryImage[]>;
+        default: () => never[];
+    };
+    imagesShownCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    noRemaining: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    noHeight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    noWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noRadius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noZoom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasEmptyLayer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    blur: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scale: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    lazy: boolean;
+    blur: boolean;
+    height: string | number;
+    width: string | number;
+    scale: boolean;
+    images: MazGalleryImage[];
+    imagesShownCount: number;
+    noRemaining: boolean;
+    noHeight: boolean;
+    noWidth: boolean;
+    noRadius: boolean;
+    noZoom: boolean;
+    hasEmptyLayer: boolean;
+}, {}>;
+export default _default;

package/components/MazGallery.mjs

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var a=document.createElement("style");a.appendChild(document.createTextNode(".m-gallery[data-v-aaef0414]{position:relative;overflow:hidden}.m-gallery__hidden[data-v-aaef0414]{display:none}.m-gallery__item[data-v-aaef0414]{position:absolute;top:0;margin:0;height:50%;width:100%;overflow:hidden;border-left-width:2px;border-color:transparent;padding:0}.m-gallery__item--1[data-v-aaef0414]{left:0;height:100%}.m-gallery__item--1[data-v-aaef0414]:not(:last-child){width:50%}.m-gallery__item--2[data-v-aaef0414]{left:50%;width:50%;height:50%}.m-gallery__item--2[data-v-aaef0414]:last-child{height:100%}.m-gallery__item--2[data-v-aaef0414]:nth-last-child(4){width:25%}.m-gallery__item--3[data-v-aaef0414]{top:50%;left:50%;width:25%}.m-gallery__item--3[data-v-aaef0414]:last-child{width:50%}.m-gallery__item--3[data-v-aaef0414]:nth-last-child(3){top:0;left:75%}.m-gallery__item--4[data-v-aaef0414]{border-top-width:2px;border-color:transparent;top:50%;left:50%;width:25%}.m-gallery__item--4[data-v-aaef0414]:last-child{left:75%;width:25%}.m-gallery__item--5[data-v-aaef0414]{border-top-width:2px;border-color:transparent;top:50%;left:75%;width:25%}.m-gallery__item[data-v-aaef0414]:first-child{border-left:0}.m-gallery__item--3[data-v-aaef0414]:last-child,.m-gallery__item--3[data-v-aaef0414]:nth-last-child(2),.m-gallery__item--4[data-v-aaef0414]:last-child,.m-gallery__item--5[data-v-aaef0414]{border-top-width:2px;border-color:transparent}.m-gallery__item__image[data-v-aaef0414]{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-aaef0414]{position:absolute;top:0;right:0;bottom:0;left:0}.m-gallery__remaining-layer a span[data-v-aaef0414]{color:#fff;font-size:2rem}")),document.head.appendChild(a)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode(".m-gallery[data-v-37265fa0]{position:relative;overflow:hidden}.m-gallery__hidden[data-v-37265fa0]{display:none}.m-gallery__item[data-v-37265fa0]{position:absolute;top:0;margin:0;height:50%;width:100%;overflow:hidden;border-left-width:2px;border-color:transparent;padding:0}.m-gallery__item--1[data-v-37265fa0]{left:0;height:100%}.m-gallery__item--1[data-v-37265fa0]:not(:last-child){width:50%}.m-gallery__item--2[data-v-37265fa0]{left:50%;width:50%;height:50%}.m-gallery__item--2[data-v-37265fa0]:last-child{height:100%}.m-gallery__item--2[data-v-37265fa0]:nth-last-child(4){width:25%}.m-gallery__item--3[data-v-37265fa0]{top:50%;left:50%;width:25%}.m-gallery__item--3[data-v-37265fa0]:last-child{width:50%}.m-gallery__item--3[data-v-37265fa0]:nth-last-child(3){top:0;left:75%}.m-gallery__item--4[data-v-37265fa0]{border-top-width:2px;border-color:transparent;top:50%;left:50%;width:25%}.m-gallery__item--4[data-v-37265fa0]:last-child{left:75%;width:25%}.m-gallery__item--5[data-v-37265fa0]{border-top-width:2px;border-color:transparent;top:50%;left:75%;width:25%}.m-gallery__item[data-v-37265fa0]:first-child{border-left:0}.m-gallery__item--3[data-v-37265fa0]:last-child,.m-gallery__item--3[data-v-37265fa0]:nth-last-child(2),.m-gallery__item--4[data-v-37265fa0]:last-child,.m-gallery__item--5[data-v-37265fa0]{border-top-width:2px;border-color:transparent}.m-gallery__item__image[data-v-37265fa0]{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-37265fa0]{position:absolute;top:0;right:0;bottom:0;left:0}.m-gallery__remaining-layer a span[data-v-37265fa0]{color:#fff;font-size:2rem}")),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
@@ -413,7 +413,7 @@ class LazyImg {
     this.onImgErrorCallback = this.imageHasError.bind(this);
   }
   async loadErrorPhoto() {
-    const { default: photo } = await import("./assets/no-photography-7a1e4d68.mjs");
+    const { default: photo } = await import("./assets/no-photography-584c6185.mjs");
     return photo;
   }
   buildOptions(opts) {
@@ -670,9 +670,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const NoPhotographyIcon = defineAsyncComponent(
-      () => import("./assets/no-photography-7a1e4d68.mjs")
-    );
+    const NoPhotographyIcon = defineAsyncComponent(() => import("./assets/no-photography-7a1e4d68.mjs"));
     onBeforeMount(() => {
       if (props.imagesShownCount > 5)
         console.warn('[MazUI](m-gallery) The maximum of "images-shown-count" is 5');
@@ -806,7 +804,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MazGallery_vue_vue_type_style_index_0_scoped_aaef0414_lang = "";
+const MazGallery_vue_vue_type_style_index_0_scoped_37265fa0_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -814,7 +812,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const MazGallery = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aaef0414"]]);
+const MazGallery = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-37265fa0"]]);
 export {
   MazGallery as default
 };

package/components/MazGallery.umd.js

@@ -1,2 +1,2 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var a=document.createElement("style");a.appendChild(document.createTextNode(".m-gallery[data-v-aaef0414]{position:relative;overflow:hidden}.m-gallery__hidden[data-v-aaef0414]{display:none}.m-gallery__item[data-v-aaef0414]{position:absolute;top:0;margin:0;height:50%;width:100%;overflow:hidden;border-left-width:2px;border-color:transparent;padding:0}.m-gallery__item--1[data-v-aaef0414]{left:0;height:100%}.m-gallery__item--1[data-v-aaef0414]:not(:last-child){width:50%}.m-gallery__item--2[data-v-aaef0414]{left:50%;width:50%;height:50%}.m-gallery__item--2[data-v-aaef0414]:last-child{height:100%}.m-gallery__item--2[data-v-aaef0414]:nth-last-child(4){width:25%}.m-gallery__item--3[data-v-aaef0414]{top:50%;left:50%;width:25%}.m-gallery__item--3[data-v-aaef0414]:last-child{width:50%}.m-gallery__item--3[data-v-aaef0414]:nth-last-child(3){top:0;left:75%}.m-gallery__item--4[data-v-aaef0414]{border-top-width:2px;border-color:transparent;top:50%;left:50%;width:25%}.m-gallery__item--4[data-v-aaef0414]:last-child{left:75%;width:25%}.m-gallery__item--5[data-v-aaef0414]{border-top-width:2px;border-color:transparent;top:50%;left:75%;width:25%}.m-gallery__item[data-v-aaef0414]:first-child{border-left:0}.m-gallery__item--3[data-v-aaef0414]:last-child,.m-gallery__item--3[data-v-aaef0414]:nth-last-child(2),.m-gallery__item--4[data-v-aaef0414]:last-child,.m-gallery__item--5[data-v-aaef0414]{border-top-width:2px;border-color:transparent}.m-gallery__item__image[data-v-aaef0414]{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-aaef0414]{position:absolute;top:0;right:0;bottom:0;left:0}.m-gallery__remaining-layer a span[data-v-aaef0414]{color:#fff;font-size:2rem}")),document.head.appendChild(a)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
-!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).MazGallery={},e.Vue)}(this,(function(e,t){"use strict";var s=Object.defineProperty,o=(e,t,o)=>(((e,t,o)=>{t in e?s(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o})(e,"symbol"!=typeof t?t+"":t,o),o);const n={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 a{constructor(e){if(o(this,"options"),o(this,"loader"),o(this,"wrapper"),o(this,"img"),o(this,"keydownHandler"),o(this,"onImgLoadedCallback"),o(this,"buttonsAdded"),o(this,"defaultOptions",{scale:!0,blur:!0,disabled:!1}),o(this,"mouseEnterListener"),o(this,"mouseLeaveListener"),o(this,"renderPreviewListener"),!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: 1rem;\n  z-index: 1050;\n  background-color: hsla(238, 15%, 40%, 0.7);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n}\n\n.maz-zoom-img,\n.maz-zoom-img * {\n  box-sizing: border-box;\n}\n\n.maz-zoom-img .maz-zoom-img__wrapper {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-width: 0;\n  min-height: 0;\n  max-width: 100%;\n  max-height: 100%;\n  transition: all 300ms ease-in-out;\n  opacity: 0;\n  transform: scale(0.5);\n}\n\n.maz-zoom-img.maz-animate .maz-zoom-img__wrapper {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.maz-zoom-img.maz-animate .maz-zoom-img__loader {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: hsla(238, 15%, 40%, 0.7);\n  border-radius: 1rem;\n  z-index: 2;\n  min-width: 60px;\n  min-height: 60px;\n}\n.maz-zoom-img.maz-animate .maz-zoom-img__loader[hidden] {\n  display: none;\n}\n\n@-webkit-keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n.maz-zoom-img.maz-animate .maz-zoom-img__loader__svg {\n  animation: spin .6s linear infinite;\n}\n\n.maz-zoom-img img {\n  max-width: 100%;\n  max-height: 100%;\n  min-width: 0;\n  border-radius: 1rem;\n}\n\n.maz-zoom-img .maz-zoom-btn {\n  margin: 0 auto;\n  border: none;\n  background-color: hsla(0, 0%, 7%, 0.5);\n  box-shadow: 0 0 0.5rem 0 hsla(0, 0%, 0%, 0.2);\n  height: 2.2rem;\n  min-height: 2.2rem;\n  width: 2.2rem;\n  min-width: 2.2rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 2.2rem;\n  cursor: pointer;\n  flex: 0 0 auto;\n  outline: none;\n}\n\n.maz-zoom-img .maz-zoom-btn svg {\n  fill: white;\n}\n\n.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--close {\n  position: absolute;\n  top: 0.5rem;\n  right: 0.5rem;\n  z-index: 1;\n}\n\n.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--previous {\n  position: absolute;\n  left: 0.5rem;\n  z-index: 1;\n}\n\n.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--next {\n  position: absolute;\n  right: 0.5rem;\n  z-index: 1;\n}\n\n.maz-zoom-img .maz-zoom-btn:hover {\n  background-color: hsl(0, 0%, 0%);\n}");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=n.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 t=document.createElement("button");return t.innerHTML=n[e],t.addEventListener("click",(()=>{"close"===e?this.closePreview():this.allInstances&&this.nextPreviousImage("next"===e)})),t.classList.add("maz-zoom-btn"),t.classList.add(`maz-zoom-btn--${e}`),t}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,n=this.allInstances[this.getNewInstanceIndex(o)];n&&this.useNextInstance(s,n)}}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 i;const r={created(e,t){i=new a(t),i.create(e)},updated(e,t){i.update(t)},unmounted(e){i.remove(e)}},l={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 m{constructor(e={}){o(this,"observers",[]),o(this,"defaultOptions",l),o(this,"options"),o(this,"onImgLoadedCallback"),o(this,"onImgErrorCallback"),o(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((()=>w));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;t.value;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 n,a;this.observers.push(o);for(const i of s)if(i.isIntersecting){if(null==(a=(n=this.options).onIntersecting)||a.call(n,i.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 d;const h={created(e,t){const s="object"==typeof t.value?t.value:{};d=new m(s),d.add(e,t)},updated(e,t){d.update(e,t)},unmounted(e,t){d.remove(e,t)}},c={class:"m-gallery__wrapper maz-flex maz-flex-1"},u=["alt"],g={key:0,class:"m-gallery__remaining-layer maz-flex maz-bg-overlay maz-flex-center"},p={class:"maz-text-2xl maz-text-white"},v=((e,t)=>{const s=e.__vccOpts||e;for(const[o,n]of t)s[o]=n;return s})(t.defineComponent({__name:"MazGallery",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(e){const s=e,o=t.defineAsyncComponent((()=>Promise.resolve().then((()=>w))));t.onBeforeMount((()=>{s.imagesShownCount>5&&console.warn('[MazUI](m-gallery) The maximum of "images-shown-count" is 5')}));const n=t.computed((()=>{const{height:e,width:t,noWidth:o,noHeight:n}=s;return{...o?{}:{flex:"0 0 "+typeof t=="number"?`${t}px`:t,width:"number"==typeof t?`${t}px`:t},...n?{}:{height:"number"==typeof e?`${e}px`:`${e}`,minHeight:"number"==typeof e?`${e}px`:`${e}`}}})),a=t.computed((()=>s.imagesShownCount<=5?s.imagesShownCount:5)),i=t.computed((()=>s.images.length-(s.images.length<a.value?s.images.length:a.value))),l=t.computed((()=>s.images.map((e=>"object"==typeof e?e:{src:e,alt:void 0})))),m=t.computed((()=>l.value.slice(0,a.value))),d=t.computed((()=>l.value.slice(a.value,s.images.length))),v=e=>i.value&&e+1===m.value.length&&!s.noRemaining;return(s,a)=>e.images.length>0||e.hasEmptyLayer?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["m-gallery maz-flex",{"maz-rounded":!e.noRadius}]),style:t.normalizeStyle([n.value])},[t.createElementVNode("section",c,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m.value,((s,o)=>(t.openBlock(),t.createElementBlock("figure",{key:o,class:t.normalizeClass(["m-gallery__item !maz-my-0 maz-flex maz-flex-center",[`m-gallery__item--${o+1}`]])},[t.withDirectives(t.createElementVNode("img",{class:"m-gallery__item__image maz-flex-1",src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",alt:s.alt,loading:"lazy"},null,8,u),[[t.unref(r),{src:s.src,alt:s.alt,disabled:e.noZoom||v(o),blur:e.blur,scale:e.scale}],[t.unref(h),{src:s.src,disabled:!e.lazy},"bg-image"]]),v(o)?t.withDirectives((t.openBlock(),t.createElementBlock("div",g,[t.createElementVNode("span",p,"+"+t.toDisplayString(i.value),1)])),[[t.unref(r),{src:s.src,alt:s.alt,disabled:e.noZoom,blur:!1,scale:e.scale}]]):t.createCommentVNode("v-if",!0)],2)))),128)),e.hasEmptyLayer&&0===e.images.length?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["maz-flex maz-w-full maz-bg-color-light maz-text-normal maz-flex-center",{"maz-rounded-xl":!e.noRadius}]),style:t.normalizeStyle([n.value])},[t.createVNode(t.unref(o),{class:"maz-h-8 maz-w-8"})],6)):t.createCommentVNode("v-if",!0)]),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(d.value,((s,o)=>t.withDirectives((t.openBlock(),t.createElementBlock("div",{key:o,class:"m-gallery__hidden"})),[[t.unref(r),{src:s.src,disabled:e.noZoom}]]))),128))],6)):t.createCommentVNode("v-if",!0)}}),[["__scopeId","data-v-aaef0414"]]),z={xmlns:"http://www.w3.org/2000/svg",fill:"currentColor","aria-hidden":"true",viewBox:"0 0 24 24"},b=[t.createElementVNode("path",{fill:"none",d:"M0 0h24v24H0z"},null,-1),t.createElementVNode("path",{d:"M8.9 6.07 7.48 4.66 9 3h6l1.83 2H20c1.1 0 2 .9 2 2v12c0 .05-.01.1-.02.16L20 17.17V7h-4.05l-1.83-2H9.88L8.9 6.07zm11.59 17.24L18.17 21H4c-1.1 0-2-.9-2-2V7c0-.59.27-1.12.68-1.49l-2-2L2.1 2.1l19.8 19.8-1.41 1.41zM9.19 12.02c-.11.31-.19.63-.19.98 0 1.66 1.34 3 3 3 .35 0 .67-.08.98-.19l-3.79-3.79zM16.17 19l-1.68-1.68c-.73.43-1.58.68-2.49.68-2.76 0-5-2.24-5-5 0-.91.25-1.76.68-2.49L4.17 7H4v12h12.17zm-1.36-7.02 2.07 2.07c.08-.34.12-.69.12-1.05 0-2.76-2.24-5-5-5-.36 0-.71.04-1.06.12l2.07 2.07c.84.3 1.5.96 1.8 1.79z"},null,-1)];function f(e,s){return t.openBlock(),t.createElementBlock("svg",z,b)}const y={render:f},w=Object.freeze(Object.defineProperty({__proto__:null,default:y,render:f},Symbol.toStringTag,{value:"Module"}));e.default=v,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode(".m-gallery[data-v-37265fa0]{position:relative;overflow:hidden}.m-gallery__hidden[data-v-37265fa0]{display:none}.m-gallery__item[data-v-37265fa0]{position:absolute;top:0;margin:0;height:50%;width:100%;overflow:hidden;border-left-width:2px;border-color:transparent;padding:0}.m-gallery__item--1[data-v-37265fa0]{left:0;height:100%}.m-gallery__item--1[data-v-37265fa0]:not(:last-child){width:50%}.m-gallery__item--2[data-v-37265fa0]{left:50%;width:50%;height:50%}.m-gallery__item--2[data-v-37265fa0]:last-child{height:100%}.m-gallery__item--2[data-v-37265fa0]:nth-last-child(4){width:25%}.m-gallery__item--3[data-v-37265fa0]{top:50%;left:50%;width:25%}.m-gallery__item--3[data-v-37265fa0]:last-child{width:50%}.m-gallery__item--3[data-v-37265fa0]:nth-last-child(3){top:0;left:75%}.m-gallery__item--4[data-v-37265fa0]{border-top-width:2px;border-color:transparent;top:50%;left:50%;width:25%}.m-gallery__item--4[data-v-37265fa0]:last-child{left:75%;width:25%}.m-gallery__item--5[data-v-37265fa0]{border-top-width:2px;border-color:transparent;top:50%;left:75%;width:25%}.m-gallery__item[data-v-37265fa0]:first-child{border-left:0}.m-gallery__item--3[data-v-37265fa0]:last-child,.m-gallery__item--3[data-v-37265fa0]:nth-last-child(2),.m-gallery__item--4[data-v-37265fa0]:last-child,.m-gallery__item--5[data-v-37265fa0]{border-top-width:2px;border-color:transparent}.m-gallery__item__image[data-v-37265fa0]{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-37265fa0]{position:absolute;top:0;right:0;bottom:0;left:0}.m-gallery__remaining-layer a span[data-v-37265fa0]{color:#fff;font-size:2rem}")),document.head.appendChild(t)}}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).MazGallery={},e.Vue)}(this,(function(e,t){"use strict";var s=Object.defineProperty,o=(e,t,o)=>(((e,t,o)=>{t in e?s(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o})(e,"symbol"!=typeof t?t+"":t,o),o);const n={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 i{constructor(e){if(o(this,"options"),o(this,"loader"),o(this,"wrapper"),o(this,"img"),o(this,"keydownHandler"),o(this,"onImgLoadedCallback"),o(this,"buttonsAdded"),o(this,"defaultOptions",{scale:!0,blur:!0,disabled:!1}),o(this,"mouseEnterListener"),o(this,"mouseLeaveListener"),o(this,"renderPreviewListener"),!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: 1rem;\n  z-index: 1050;\n  background-color: hsla(238, 15%, 40%, 0.7);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n}\n\n.maz-zoom-img,\n.maz-zoom-img * {\n  box-sizing: border-box;\n}\n\n.maz-zoom-img .maz-zoom-img__wrapper {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-width: 0;\n  min-height: 0;\n  max-width: 100%;\n  max-height: 100%;\n  transition: all 300ms ease-in-out;\n  opacity: 0;\n  transform: scale(0.5);\n}\n\n.maz-zoom-img.maz-animate .maz-zoom-img__wrapper {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.maz-zoom-img.maz-animate .maz-zoom-img__loader {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: hsla(238, 15%, 40%, 0.7);\n  border-radius: 1rem;\n  z-index: 2;\n  min-width: 60px;\n  min-height: 60px;\n}\n.maz-zoom-img.maz-animate .maz-zoom-img__loader[hidden] {\n  display: none;\n}\n\n@-webkit-keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n.maz-zoom-img.maz-animate .maz-zoom-img__loader__svg {\n  animation: spin .6s linear infinite;\n}\n\n.maz-zoom-img img {\n  max-width: 100%;\n  max-height: 100%;\n  min-width: 0;\n  border-radius: 1rem;\n}\n\n.maz-zoom-img .maz-zoom-btn {\n  margin: 0 auto;\n  border: none;\n  background-color: hsla(0, 0%, 7%, 0.5);\n  box-shadow: 0 0 0.5rem 0 hsla(0, 0%, 0%, 0.2);\n  height: 2.2rem;\n  min-height: 2.2rem;\n  width: 2.2rem;\n  min-width: 2.2rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 2.2rem;\n  cursor: pointer;\n  flex: 0 0 auto;\n  outline: none;\n}\n\n.maz-zoom-img .maz-zoom-btn svg {\n  fill: white;\n}\n\n.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--close {\n  position: absolute;\n  top: 0.5rem;\n  right: 0.5rem;\n  z-index: 1;\n}\n\n.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--previous {\n  position: absolute;\n  left: 0.5rem;\n  z-index: 1;\n}\n\n.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--next {\n  position: absolute;\n  right: 0.5rem;\n  z-index: 1;\n}\n\n.maz-zoom-img .maz-zoom-btn:hover {\n  background-color: hsl(0, 0%, 0%);\n}");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=n.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 t=document.createElement("button");return t.innerHTML=n[e],t.addEventListener("click",(()=>{"close"===e?this.closePreview():this.allInstances&&this.nextPreviousImage("next"===e)})),t.classList.add("maz-zoom-btn"),t.classList.add(`maz-zoom-btn--${e}`),t}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,n=this.allInstances[this.getNewInstanceIndex(o)];n&&this.useNextInstance(s,n)}}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 a;const r={created(e,t){a=new i(t),a.create(e)},updated(e,t){a.update(t)},unmounted(e){a.remove(e)}},l={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 m{constructor(e={}){o(this,"observers",[]),o(this,"defaultOptions",l),o(this,"options"),o(this,"onImgLoadedCallback"),o(this,"onImgErrorCallback"),o(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((()=>z));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;t.value;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 n,i;this.observers.push(o);for(const a of s)if(a.isIntersecting){if(null==(i=(n=this.options).onIntersecting)||i.call(n,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 d;const c={created(e,t){const s="object"==typeof t.value?t.value:{};d=new m(s),d.add(e,t)},updated(e,t){d.update(e,t)},unmounted(e,t){d.remove(e,t)}},h={class:"m-gallery__wrapper maz-flex maz-flex-1"},u=["alt"],g={key:0,class:"m-gallery__remaining-layer maz-flex maz-bg-overlay maz-flex-center"},p={class:"maz-text-2xl maz-text-white"},v=((e,t)=>{const s=e.__vccOpts||e;for(const[o,n]of t)s[o]=n;return s})(t.defineComponent({__name:"MazGallery",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(e){const s=e,o=t.defineAsyncComponent((()=>Promise.resolve().then((()=>f))));t.onBeforeMount((()=>{s.imagesShownCount>5&&console.warn('[MazUI](m-gallery) The maximum of "images-shown-count" is 5')}));const n=t.computed((()=>{const{height:e,width:t,noWidth:o,noHeight:n}=s;return{...o?{}:{flex:"0 0 "+typeof t=="number"?`${t}px`:t,width:"number"==typeof t?`${t}px`:t},...n?{}:{height:"number"==typeof e?`${e}px`:`${e}`,minHeight:"number"==typeof e?`${e}px`:`${e}`}}})),i=t.computed((()=>s.imagesShownCount<=5?s.imagesShownCount:5)),a=t.computed((()=>s.images.length-(s.images.length<i.value?s.images.length:i.value))),l=t.computed((()=>s.images.map((e=>"object"==typeof e?e:{src:e,alt:void 0})))),m=t.computed((()=>l.value.slice(0,i.value))),d=t.computed((()=>l.value.slice(i.value,s.images.length))),v=e=>a.value&&e+1===m.value.length&&!s.noRemaining;return(s,i)=>e.images.length>0||e.hasEmptyLayer?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["m-gallery maz-flex",{"maz-rounded":!e.noRadius}]),style:t.normalizeStyle([n.value])},[t.createElementVNode("section",h,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m.value,((s,o)=>(t.openBlock(),t.createElementBlock("figure",{key:o,class:t.normalizeClass(["m-gallery__item !maz-my-0 maz-flex maz-flex-center",[`m-gallery__item--${o+1}`]])},[t.withDirectives(t.createElementVNode("img",{class:"m-gallery__item__image maz-flex-1",src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",alt:s.alt,loading:"lazy"},null,8,u),[[t.unref(r),{src:s.src,alt:s.alt,disabled:e.noZoom||v(o),blur:e.blur,scale:e.scale}],[t.unref(c),{src:s.src,disabled:!e.lazy},"bg-image"]]),v(o)?t.withDirectives((t.openBlock(),t.createElementBlock("div",g,[t.createElementVNode("span",p,"+"+t.toDisplayString(a.value),1)])),[[t.unref(r),{src:s.src,alt:s.alt,disabled:e.noZoom,blur:!1,scale:e.scale}]]):t.createCommentVNode("v-if",!0)],2)))),128)),e.hasEmptyLayer&&0===e.images.length?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["maz-flex maz-w-full maz-bg-color-light maz-text-normal maz-flex-center",{"maz-rounded-xl":!e.noRadius}]),style:t.normalizeStyle([n.value])},[t.createVNode(t.unref(o),{class:"maz-h-8 maz-w-8"})],6)):t.createCommentVNode("v-if",!0)]),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(d.value,((s,o)=>t.withDirectives((t.openBlock(),t.createElementBlock("div",{key:o,class:"m-gallery__hidden"})),[[t.unref(r),{src:s.src,disabled:e.noZoom}]]))),128))],6)):t.createCommentVNode("v-if",!0)}}),[["__scopeId","data-v-37265fa0"]]),z=Object.freeze(Object.defineProperty({__proto__:null,default:"data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgc3Ryb2tlPSJub25lIgogIGZpbGw9ImN1cnJlbnRDb2xvciIKICBhcmlhLWhpZGRlbj0idHJ1ZSIKPgogIDxnPgogICAgPHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0IiAvPgogICAgPGc+CiAgICAgIDxwYXRoCiAgICAgICAgZD0iTTguOSw2LjA3TDcuNDgsNC42Nkw5LDNoNmwxLjgzLDJIMjBjMS4xLDAsMiwwLjksMiwydjEyYzAsMC4wNS0wLjAxLDAuMS0wLjAyLDAuMTZMMjAsMTcuMTdWN2gtNC4wNWwtMS44My0ySDkuODggTDguOSw2LjA3eiBNMjAuNDksMjMuMzFMMTguMTcsMjFINGMtMS4xLDAtMi0wLjktMi0yVjdjMC0wLjU5LDAuMjctMS4xMiwwLjY4LTEuNDlsLTItMkwyLjEsMi4xbDE5LjgsMTkuOEwyMC40OSwyMy4zMXogTTkuMTksMTIuMDJDOS4wOCwxMi4zMyw5LDEyLjY1LDksMTNjMCwxLjY2LDEuMzQsMywzLDNjMC4zNSwwLDAuNjctMC4wOCwwLjk4LTAuMTlMOS4xOSwxMi4wMnogTTE2LjE3LDE5bC0xLjY4LTEuNjggQzEzLjc2LDE3Ljc1LDEyLjkxLDE4LDEyLDE4Yy0yLjc2LDAtNS0yLjI0LTUtNWMwLTAuOTEsMC4yNS0xLjc2LDAuNjgtMi40OUw0LjE3LDdINHYxMkgxNi4xN3ogTTE0LjgxLDExLjk4bDIuMDcsMi4wNyBDMTYuOTYsMTMuNzEsMTcsMTMuMzYsMTcsMTNjMC0yLjc2LTIuMjQtNS01LTVjLTAuMzYsMC0wLjcxLDAuMDQtMS4wNiwwLjEybDIuMDcsMi4wN0MxMy44NSwxMC40OSwxNC41MSwxMS4xNSwxNC44MSwxMS45OHoiCiAgICAgIC8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"},Symbol.toStringTag,{value:"Module"})),w={xmlns:"http://www.w3.org/2000/svg",fill:"currentColor","aria-hidden":"true",viewBox:"0 0 24 24"},y=[t.createElementVNode("path",{fill:"none",d:"M0 0h24v24H0z"},null,-1),t.createElementVNode("path",{d:"M8.9 6.07 7.48 4.66 9 3h6l1.83 2H20c1.1 0 2 .9 2 2v12c0 .05-.01.1-.02.16L20 17.17V7h-4.05l-1.83-2H9.88L8.9 6.07zm11.59 17.24L18.17 21H4c-1.1 0-2-.9-2-2V7c0-.59.27-1.12.68-1.49l-2-2L2.1 2.1l19.8 19.8-1.41 1.41zM9.19 12.02c-.11.31-.19.63-.19.98 0 1.66 1.34 3 3 3 .35 0 .67-.08.98-.19l-3.79-3.79zM16.17 19l-1.68-1.68c-.73.43-1.58.68-2.49.68-2.76 0-5-2.24-5-5 0-.91.25-1.76.68-2.49L4.17 7H4v12h12.17zm-1.36-7.02 2.07 2.07c.08-.34.12-.69.12-1.05 0-2.76-2.24-5-5-5-.36 0-.71.04-1.06.12l2.07 2.07c.84.3 1.5.96 1.8 1.79z"},null,-1)];function b(e,s){return t.openBlock(),t.createElementBlock("svg",w,y)}const L={render:b},f=Object.freeze(Object.defineProperty({__proto__:null,default:L,render:b},Symbol.toStringTag,{value:"Module"}));e.default=v,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/components/MazIcon.d.ts

@@ -0,0 +1,64 @@
+import type { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    src: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    path: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    transformSource: {
+        type: PropType<(param: SVGElement) => SVGElement>;
+        default: (svg: SVGElement) => SVGElement;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "loaded" | "unloaded")[], "error" | "loaded" | "unloaded", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    path: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    transformSource: {
+        type: PropType<(param: SVGElement) => SVGElement>;
+        default: (svg: SVGElement) => SVGElement;
+    };
+}>> & {
+    onError?: ((...args: any[]) => any) | undefined;
+    onLoaded?: ((...args: any[]) => any) | undefined;
+    onUnloaded?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    path: string;
+    name: string;
+    src: string;
+    size: string;
+    transformSource: (param: SVGElement) => SVGElement;
+}, {}>;
+export default _default;

package/components/MazIcon.mjs

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode(".m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-ce23a6d4],.m-toast *[data-v-ce23a6d4]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-ce23a6d4]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.m-toast.--left[data-v-ce23a6d4],.m-toast.--right[data-v-ce23a6d4]{width:20rem}.m-toast.--center[data-v-ce23a6d4]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-ce23a6d4]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-ce23a6d4]{margin:0;font-weight:500}.m-toast .--close[data-v-ce23a6d4]{margin-left:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.75rem;width:1.75rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-ce23a6d4]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-ce23a6d4]{height:1.25rem;width:1.25rem;cursor:pointer}.m-toast.--info[data-v-ce23a6d4]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-ce23a6d4]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-ce23a6d4]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-ce23a6d4]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-ce23a6d4]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-ce23a6d4]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-ce23a6d4]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-ce23a6d4]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-ce23a6d4]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-ce23a6d4]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-ce23a6d4]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-ce23a6d4]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-ce23a6d4],.m-slide-top-leave-active[data-v-ce23a6d4]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-ce23a6d4],.m-slide-top-leave-to[data-v-ce23a6d4]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-ce23a6d4],.m-slide-bottom-leave-active[data-v-ce23a6d4]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-ce23a6d4],.m-slide-bottom-leave-to[data-v-ce23a6d4]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-ce23a6d4],.m-slide-right-leave-active[data-v-ce23a6d4]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-ce23a6d4],.m-slide-right-leave-to[data-v-ce23a6d4]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-ce23a6d4],.m-slide-left-leave-active[data-v-ce23a6d4]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-ce23a6d4],.m-slide-left-leave-to[data-v-ce23a6d4]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}")),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode(".m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-5738f7f9],.m-toast *[data-v-5738f7f9]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-5738f7f9]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.m-toast.--left[data-v-5738f7f9],.m-toast.--right[data-v-5738f7f9]{width:20rem}.m-toast.--center[data-v-5738f7f9]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-5738f7f9]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-5738f7f9]{margin:0;font-weight:500}.m-toast .--close[data-v-5738f7f9]{margin-left:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.75rem;width:1.75rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-5738f7f9]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-5738f7f9]{height:1.25rem;width:1.25rem;cursor:pointer}.m-toast.--info[data-v-5738f7f9]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-5738f7f9]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-5738f7f9]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-5738f7f9]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-5738f7f9]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-5738f7f9]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-5738f7f9]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-5738f7f9]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-5738f7f9]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-5738f7f9]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-5738f7f9]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-5738f7f9]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-5738f7f9],.m-slide-top-leave-active[data-v-5738f7f9]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-5738f7f9],.m-slide-top-leave-to[data-v-5738f7f9]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-5738f7f9],.m-slide-bottom-leave-active[data-v-5738f7f9]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-5738f7f9],.m-slide-bottom-leave-to[data-v-5738f7f9]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-5738f7f9],.m-slide-right-leave-active[data-v-5738f7f9]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-5738f7f9],.m-slide-right-leave-to[data-v-5738f7f9]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-5738f7f9],.m-slide-left-leave-active[data-v-5738f7f9]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-5738f7f9],.m-slide-left-leave-to[data-v-5738f7f9]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}")),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
 import { inject, ref, defineComponent, computed, onMounted, watchEffect, openBlock, createElementBlock, Fragment, createCommentVNode, mergeProps, nextTick } from "vue";
 function injectStrict(key, fallback) {
   const resolved = inject(key, fallback);
@@ -8,7 +8,7 @@ function injectStrict(key, fallback) {
   return resolved;
 }
 const MazToast_vue_vue_type_style_index_0_lang = "";
-const MazToast_vue_vue_type_style_index_1_scoped_ce23a6d4_lang = "";
+const MazToast_vue_vue_type_style_index_1_scoped_5738f7f9_lang = "";
 ref();
 ref();
 ref();

package/components/MazIcon.umd.js

@@ -1,2 +1,2 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode(".m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-ce23a6d4],.m-toast *[data-v-ce23a6d4]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-ce23a6d4]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.m-toast.--left[data-v-ce23a6d4],.m-toast.--right[data-v-ce23a6d4]{width:20rem}.m-toast.--center[data-v-ce23a6d4]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-ce23a6d4]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-ce23a6d4]{margin:0;font-weight:500}.m-toast .--close[data-v-ce23a6d4]{margin-left:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.75rem;width:1.75rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-ce23a6d4]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-ce23a6d4]{height:1.25rem;width:1.25rem;cursor:pointer}.m-toast.--info[data-v-ce23a6d4]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-ce23a6d4]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-ce23a6d4]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-ce23a6d4]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-ce23a6d4]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-ce23a6d4]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-ce23a6d4]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-ce23a6d4]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-ce23a6d4]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-ce23a6d4]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-ce23a6d4]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-ce23a6d4]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-ce23a6d4],.m-slide-top-leave-active[data-v-ce23a6d4]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-ce23a6d4],.m-slide-top-leave-to[data-v-ce23a6d4]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-ce23a6d4],.m-slide-bottom-leave-active[data-v-ce23a6d4]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-ce23a6d4],.m-slide-bottom-leave-to[data-v-ce23a6d4]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-ce23a6d4],.m-slide-right-leave-active[data-v-ce23a6d4]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-ce23a6d4],.m-slide-right-leave-to[data-v-ce23a6d4]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-ce23a6d4],.m-slide-left-leave-active[data-v-ce23a6d4]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-ce23a6d4],.m-slide-left-leave-to[data-v-ce23a6d4]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}")),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode(".m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-5738f7f9],.m-toast *[data-v-5738f7f9]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-5738f7f9]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.m-toast.--left[data-v-5738f7f9],.m-toast.--right[data-v-5738f7f9]{width:20rem}.m-toast.--center[data-v-5738f7f9]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-5738f7f9]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-5738f7f9]{margin:0;font-weight:500}.m-toast .--close[data-v-5738f7f9]{margin-left:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.75rem;width:1.75rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-5738f7f9]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-5738f7f9]{height:1.25rem;width:1.25rem;cursor:pointer}.m-toast.--info[data-v-5738f7f9]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-5738f7f9]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-5738f7f9]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-5738f7f9]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-5738f7f9]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-5738f7f9]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-5738f7f9]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-5738f7f9]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-5738f7f9]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-5738f7f9]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-5738f7f9]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-5738f7f9]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-5738f7f9],.m-slide-top-leave-active[data-v-5738f7f9]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-5738f7f9],.m-slide-top-leave-to[data-v-5738f7f9]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-5738f7f9],.m-slide-bottom-leave-active[data-v-5738f7f9]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-5738f7f9],.m-slide-bottom-leave-to[data-v-5738f7f9]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-5738f7f9],.m-slide-right-leave-active[data-v-5738f7f9]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-5738f7f9],.m-slide-right-leave-to[data-v-5738f7f9]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-5738f7f9],.m-slide-left-leave-active[data-v-5738f7f9]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-5738f7f9],.m-slide-left-leave-to[data-v-5738f7f9]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}")),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
 !function(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).MazIcon={},e.Vue)}(this,(function(e,t){"use strict";t.ref(),t.ref(),t.ref();const n=["innerHTML"],r=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:r}){const o=e,l={},a=t.ref(),i=t.ref(),s=()=>{try{return function(e,n){const r=t.inject(e,n);if(!r)throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${e}`);return r}("mazIconPath")}catch{return}},u=t.computed((()=>o.path??s())),c=t.computed((()=>o.src?o.src:u.value?`${u.value}/${o.name}.svg`:`/${o.name}.svg`));t.onMounted((()=>{o.name||o.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const d=e=>{const t={},n=e.attributes;if(!n)return t;for(let r=n.length-1;r>=0;r--)t[n[r].name]=n[r].value;return t},m=e=>{let t=e.cloneNode(!0);return t=o.transformSource(e),o.title&&((e,t)=>{const n=e.querySelectorAll("title");if(n.length>0)n[0].textContent=t;else{const n=document.createElementNS("http://www.w3.org/2000/svg","title");n.textContent=t,e.append(n)}})(t,o.title),e.innerHTML},f=e=>new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("GET",e,!0),r.addEventListener("load",(()=>{if(r.status>=200&&r.status<400)try{const e=new DOMParser;let l=e.parseFromString(r.responseText,"text/xml").querySelectorAll("svg")[0];l?(l=o.transformSource(l),t(l)):n(new Error('Loaded file is not valid SVG"'))}catch(e){n(e)}else n(new Error("Error loading SVG"))})),r.addEventListener("error",(()=>n())),r.send()}));return t.watchEffect((()=>(async e=>{l[e]||(l[e]=f(e));try{a.value=await l[e],await t.nextTick(),r("loaded",i.value)}catch(n){a.value&&(a.value=void 0,r("unloaded")),delete l[e],r("error",n)}})(c.value))),(r,o)=>{return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createCommentVNode(" eslint-disable vue/no-v-html "),t.createCommentVNode(" eslint-disable vue/html-self-closing "),a.value?(t.openBlock(),t.createElementBlock("svg",t.mergeProps({key:0,ref_key:"svgElem",ref:i,width:"1em",height:"1em"},{...d(a.value),...(l=r.$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,n)):t.createCommentVNode("v-if",!0),t.createCommentVNode(" eslint-enable vue/no-v-html "),t.createCommentVNode(" eslint-enable vue/html-self-closing ")],2112);var l}}});e.default=r,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));