maz-ui 3.8.0 → 3.10.0

package/components/MazDropzone.umd.js

@@ -1,2 +1,2 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.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)}@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}.maz-dropzone{margin:0;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:auto;border-radius:var(--maz-border-radius);border-width:var(--maz-border-width);border-style:dashed;border-color:var(--maz-color-bg-light);background-color:var(--maz-color-bg);padding:1rem;text-align:center;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);min-height:245px}.maz-dropzone:not(.dz-clickable){background-color:var(--maz-color-bg-light)}.maz-dropzone.dz-clickable,.maz-dropzone.dz-clickable.dz-message,.maz-dropzone.dz-clickable.dz-message *{cursor:pointer}.maz-dropzone .dz-message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.maz-dropzone.dz-clickable:hover,.maz-dropzone.dz-clickable:focus{border-color:var(--maz-color-bg-lighter);background-color:var(--maz-color-bg-light)}.maz-dropzone.dz-clickable:hover .maz-dropzone__main-icon,.maz-dropzone.dz-clickable:focus .maz-dropzone__main-icon{color:var(--maz-color-primary);-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.maz-dropzone.dz-started .dz-message{display:none}.maz-dropzone.dz-drag-hover{border-style:solid}.maz-dropzone.dz-drag-hover .dz-message{opacity:.5}.maz-dropzone .dz-message .dz-button{cursor:pointer;border-style:none;background-color:transparent;padding:0}.maz-dropzone .dz-details{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:20;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:var(--maz-border-radius);padding:2rem 1rem;text-align:center;line-height:2.5rem;color:var(--maz-color-white);opacity:0;background-color:var(--maz-color-primary-alpha);-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.maz-dropzone .dz-details .dz-size span{font-size:1rem;line-height:1.5rem;color:var(--maz-color-white)}.maz-dropzone .dz-details .dz-filename{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.maz-dropzone .dz-details .dz-filename span{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.maz-dropzone .dz-image{overflow:hidden;position:relative;display:block;z-index:10;width:100%;height:100%;margin:0 auto;border-radius:var(--maz-border-radius);border-color:var(--maz-color-bg-lighter)}.maz-dropzone .dz-image img{display:block}.maz-dropzone .dz-image>div[data-dz-thumbnail-bg]{width:inherit;height:inherit;background-size:cover;background-repeat:no-repeat;background-position:center}.maz-dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:0;min-height:auto;height:100%;background:transparent;max-width:200px;overflow:hidden}.maz-dropzone .dz-preview:not(:last-child){margin-right:.5rem}.maz-dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#ddd));background:linear-gradient(to bottom,#eee,#ddd)}.maz-dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.maz-dropzone .dz-preview.dz-image-preview{background-color:transparent}.maz-dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.maz-dropzone .dz-preview .dz-remove{text-align:center;display:block;cursor:pointer;position:absolute;z-index:30;color:#fff;top:inherit;left:5px;right:5px;bottom:5px;padding:10px 5px;border:2px white solid;text-decoration:none;text-transform:uppercase;font-size:.8rem;opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:var(--maz-border-radius)}.maz-dropzone .dz-preview .dz-remove:hover{background-color:var(--maz-color-white);color:var(--maz-color-primary)}.maz-dropzone .dz-preview:hover{z-index:1000}.maz-dropzone .dz-preview:hover .dz-details,.maz-dropzone .dz-preview:hover .dz-remove{opacity:1}.maz-dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05);-webkit-filter:blur(8px);filter:blur(8px)}.maz-dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;border-radius:8px;top:130px;background:#be2626;background:-webkit-gradient(linear,left top,left bottom,from(#be2626),to(#a92222));background:linear-gradient(to bottom,#be2626,#a92222);padding:.5em 1.2em;color:#fff;margin-left:auto;margin-right:auto;left:0;width:100%;text-align:center}.maz-dropzone .dz-preview .dz-success-mark,.maz-dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;margin-left:auto;margin-top:auto;width:100%;top:30%;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.maz-dropzone .dz-preview .dz-success-mark .material-icons,.maz-dropzone .dz-preview .dz-error-mark .material-icons{background-color:var(--maz-color-success-alpha);border-radius:50%;color:#fff;font-size:70px}.maz-dropzone .dz-preview .dz-error-mark .material-icons{background-color:var(--maz-color-danger-alpha)}.maz-dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(.77,0,.175,1);animation:passing-through 3s cubic-bezier(.77,0,.175,1)}.maz-dropzone .dz-preview.dz-error .dz-error-message{display:block}.maz-dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(.77,0,.175,1);animation:slide-in 3s cubic-bezier(.77,0,.175,1)}.maz-dropzone .dz-preview.dz-error .dz-details{background-color:var(--maz-color-danger-alpha)}.maz-dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.maz-dropzone .dz-preview.dz-error .dz-remove:hover{color:var(--maz-color-danger)}.maz-dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:1rem;top:50%;margin-top:-.5rem;-webkit-transform:scale(1);transform:scale(1);overflow:visible;width:50%;left:25%;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.maz-dropzone .dz-preview .dz-progress .dz-upload{-webkit-transition:width .3s ease-in-out;transition:width .3s ease-in-out;position:absolute;top:0px;right:0px;bottom:0px;left:0px;width:0px;border-radius:9999px;background-color:var(--maz-color-success)}.maz-dropzone .dz-preview .dz-progress .progress-title{display:inline-block;position:relative;top:-30px}.maz-dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all .2s linear;transition:all .2s linear}.maz-dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.maz-dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
-!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).MazDropzone={},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)))],s=(e,t)=>{const o=e.__vccOpts||e;for(const[n,s]of t)o[n]=s;return o},l=s(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=>(s,l)=>(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"]]),a=t.defineComponent({name:"MazDropzone",components:{MazSpinner:l},props:{options:{type:Object,required:!0},height:{type:[Number,String],default:"245px"},width:{type:[Number,String],default:"100%"},noDestroyOnUnmount:{type:Boolean,default:!1}},emits:["thumbnail","error","drop","dragstart","dragend","dragenter","dragover","dragleave","paste","addedfile","addedfiles","removedfile","success","processing","processingmultiple","uploadprogress","totaluploadprogress","sending","sendingmultiple","canceled","canceledmultiple","complete","completemultiple","maxfilesexceeded","maxfilesreached","queuecomplete","reset"],setup(e,{emit:o}){const n=t.ref(),s=t.ref(!1);let l;const a=t.ref(),r=t.computed((()=>({width:"number"==typeof e.width?`${e.width}px`:e.width,height:"number"==typeof e.height?`${e.height}px`:e.height}))),i=(e,t)=>{let n;o("thumbnail",{file:e,dataUrl:t}),e.previewElement.classList.remove("dz-file-preview");e.previewElement.querySelectorAll("[data-dz-thumbnail-bg]").forEach((o=>{n=o,n.alt=e.name,n.style.backgroundImage=`url('${t}')`})),"success"===e.status&&l.emit("complete",e)},d=(e,t,n)=>{o("error",{file:e,message:t,xhr:n}),l.options.autoRemoveOnError&&setTimeout((()=>l.removeFile(e)),3e3)},p=(e,t,n)=>{o("error",{files:e,message:t,xhr:n}),l.options.autoRemoveOnError&&setTimeout((()=>{for(const t of e)l.removeFile(t)}),3e3)};t.onMounted((async()=>{const t={parallelUploads:e.options.maxFiles,previewTemplate:'<div class="dz-preview dz-file-preview maz-flex-1">\n  <div class="dz-image">\n      <div data-dz-thumbnail-bg></div>\n  </div>\n  <div class="dz-details">\n      <div class="dz-filename"><span data-dz-name></span></div>\n      <div class="dz-size"><span data-dz-size></span></div>\n  </div>\n  <div class="dz-progress">\n    <span class="dz-upload" data-dz-uploadprogress></span>\n  </div>\n  <div class="dz-success-mark">\n    <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" height="6rem" viewBox="0 0 24 24" width="6rem" fill="currentColor"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/></svg>\n  </div>\n  <div class="dz-error-mark">\n    <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" height="6rem" viewBox="0 0 24 24" width="6rem" fill="currentColor"><path d="M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>\n  </div>\n</div>',addRemoveLinks:!0};if(n.value){const{default:r}=await import("dropzone");l=new r(n.value,{...t,...e.options}),l&&(a.value=l.options,s.value=!0,l.on("thumbnail",i),l.on("error",d),l.on("errormultiple",p),l.on("drop",(e=>o("drop",e))),l.on("dragstart",(e=>o("dragstart",e))),l.on("dragend",(e=>o("dragend",e))),l.on("dragenter",(e=>o("dragenter",e))),l.on("dragover",(e=>o("dragover",e))),l.on("dragleave",(e=>o("dragleave",e))),l.on("paste",(e=>o("paste",e))),l.on("addedfile",(e=>o("addedfile",e))),l.on("addedfiles",(e=>o("addedfiles",e))),l.on("removedfile",(e=>o("removedfile",e))),l.on("success",((e,t)=>o("success",{file:e,response:t}))),l.on("successmultiple",((e,t)=>o("success",{files:e,responseText:t}))),l.on("processing",(e=>o("processing",e))),l.on("processingmultiple",(e=>o("processingmultiple",e))),l.on("uploadprogress",((e,t,n)=>o("uploadprogress",{file:e,progress:t,bytesSent:n}))),l.on("totaluploadprogress",((e,t,n)=>o("totaluploadprogress",{totalProgress:e,totalBytes:t,totalBytesSent:n}))),l.on("sending",((e,t,n)=>o("sending",{file:e,xhr:t,formData:n}))),l.on("sendingmultiple",((e,t,n)=>o("sendingmultiple",{files:e,xhr:t,formData:n}))),l.on("canceled",(e=>o("canceled",e))),l.on("canceledmultiple",(e=>o("canceledmultiple",e))),l.on("complete",(e=>o("complete",e))),l.on("completemultiple",(e=>o("completemultiple",e))),l.on("maxfilesexceeded",(e=>o("maxfilesexceeded",e))),l.on("maxfilesreached",(e=>o("maxfilesreached",e))),l.on("queuecomplete",(()=>{c().every((e=>e.manuallyAdded))||o("queuecomplete")})),l.on("reset",(()=>o("reset"))))}}));const c=()=>l.getAcceptedFiles();return t.onBeforeUnmount((()=>{e.noDestroyOnUnmount||l.destroy()})),{ButtonElement:n,dropzoneReady:s,dropzoneOptions:a,dropzoneStyle:r,setOption:(e,t)=>(l.options={...l.options,[e]:t},l.options),manuallyAddFile:(e,t)=>{l.emit("addedfile",e),l.emit("thumbnail",e,t),l.files.push(e)},removeAllFiles:e=>l.removeAllFiles(e),processQueue:()=>l.processQueue(),destroy:()=>l.destroy(),disable:()=>l.disable(),enable:()=>l.enable(),accept:(e,t)=>l.accept(e,t),addFile:e=>l.addFile(e),resizeImage:(e,t,o,n,s)=>l.resizeImage(e,t,o,n,s),cancelUpload:e=>l.cancelUpload(e),getAcceptedFiles:c,getRejectedFiles:()=>l.getRejectedFiles(),getFilesWithStatus:()=>l.getFilesWithStatus(status),getQueuedFiles:()=>l.getQueuedFiles(),getUploadingFiles:()=>l.getUploadingFiles(),getAddedFiles:()=>l.getAddedFiles(),getActiveFiles:()=>l.getActiveFiles()}}}),r={class:"dz-message"},i=t.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",height:"2em",width:"2em",viewBox:"0 0 24 24",fill:"currentColor",class:"maz-dropzone__main-icon maz-text-normal","aria-hidden":"true"},[t.createElementVNode("path",{d:"M0 0h24v24H0V0z",fill:"none"}),t.createElementVNode("path",{d:"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM19 18H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3zM8 13h2.55v3h2.9v-3H16l-4-4z"})],-1),d={class:"maz-my-2 maz-text-normal"},p={class:"maz-my-0 maz-text-muted"};const c=s(a,[["render",function(e,o,n,s,l,a){const c=t.resolveComponent("MazSpinner");return t.openBlock(),t.createElementBlock("button",{ref:"ButtonElement",type:"button",name:"maz-dropzone",class:"maz-dropzone",style:t.normalizeStyle([e.dropzoneStyle])},[e.dropzoneReady?t.renderSlot(e.$slots,"default",{key:0,options:e.dropzoneOptions},(()=>{var o,n;return[t.createElementVNode("div",r,[t.renderSlot(e.$slots,"icon",{},(()=>[i])),t.createElementVNode("p",d,t.toDisplayString(null==(o=e.dropzoneOptions)?void 0:o.dictDefaultMessage),1),t.createElementVNode("p",p,t.toDisplayString(null==(n=e.dropzoneOptions)?void 0:n.dictFilesDescriptions),1)])]})):(t.openBlock(),t.createBlock(c,{key:1}))],4)}]]);e.default=c,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-d10311cd{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-d10311cd{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-d10311cd]{-webkit-animation:maz-spin-d10311cd 1s linear infinite;animation:maz-spin-d10311cd 1s linear infinite;fill:currentColor;margin:0!important}.m-spinner--normal[data-v-d10311cd]{color:var(--maz-color-text)}.m-spinner--primary[data-v-d10311cd]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-d10311cd]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-d10311cd]{color:var(--maz-color-info)}.m-spinner--warning[data-v-d10311cd]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-d10311cd]{color:var(--maz-color-danger)}.m-spinner--success[data-v-d10311cd]{color:var(--maz-color-success)}.m-spinner--black[data-v-d10311cd]{color:var(--maz-color-black)}.m-spinner--white[data-v-d10311cd],.m-spinner--transparent[data-v-d10311cd]{color:var(--maz-color-white)}@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}.maz-dropzone{margin:0;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:auto;border-radius:var(--maz-border-radius);border-width:var(--maz-border-width);border-style:dashed;border-color:var(--maz-color-bg-light);background-color:var(--maz-color-bg);padding:1rem;text-align:center;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);min-height:245px}.maz-dropzone:not(.dz-clickable){background-color:var(--maz-color-bg-light)}.maz-dropzone.dz-clickable,.maz-dropzone.dz-clickable.dz-message,.maz-dropzone.dz-clickable.dz-message *{cursor:pointer}.maz-dropzone .dz-message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.maz-dropzone.dz-clickable:hover,.maz-dropzone.dz-clickable:focus{border-color:var(--maz-color-bg-lighter);background-color:var(--maz-color-bg-light)}.maz-dropzone.dz-clickable:hover .maz-dropzone__main-icon,.maz-dropzone.dz-clickable:focus .maz-dropzone__main-icon{color:var(--maz-color-primary);-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.maz-dropzone.dz-started .dz-message{display:none}.maz-dropzone.dz-drag-hover{border-style:solid}.maz-dropzone.dz-drag-hover .dz-message{opacity:.5}.maz-dropzone .dz-message .dz-button{cursor:pointer;border-style:none;background-color:transparent;padding:0}.maz-dropzone .dz-details{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:var(--maz-border-radius);padding:2rem 1rem;text-align:center;line-height:2.5rem;color:var(--maz-color-white);opacity:0;background-color:var(--maz-color-primary-alpha);-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.maz-dropzone .dz-details .dz-size span{font-size:1rem;line-height:1.5rem;color:var(--maz-color-white)}.maz-dropzone .dz-details .dz-filename{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.maz-dropzone .dz-details .dz-filename span{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.maz-dropzone .dz-image{overflow:hidden;position:relative;display:block;z-index:10;width:100%;height:100%;margin:0 auto;border-radius:var(--maz-border-radius);border-color:var(--maz-color-bg-lighter)}.maz-dropzone .dz-image img{display:block}.maz-dropzone .dz-image>div[data-dz-thumbnail-bg]{width:inherit;height:inherit;background-size:cover;background-repeat:no-repeat;background-position:center}.maz-dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:0;min-height:auto;height:100%;background:transparent;max-width:200px;overflow:hidden}.maz-dropzone .dz-preview:not(:last-child){margin-right:.5rem}.maz-dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#ddd));background:linear-gradient(to bottom,#eee,#ddd)}.maz-dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.maz-dropzone .dz-preview.dz-image-preview{background-color:transparent}.maz-dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.maz-dropzone .dz-preview .dz-remove{text-align:center;display:block;cursor:pointer;position:absolute;z-index:30;color:#fff;top:inherit;left:5px;right:5px;bottom:5px;padding:10px 5px;border:2px white solid;text-decoration:none;text-transform:uppercase;font-size:.8rem;opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:var(--maz-border-radius)}.maz-dropzone .dz-preview .dz-remove:hover{background-color:var(--maz-color-white);color:var(--maz-color-primary)}.maz-dropzone .dz-preview:hover{z-index:1000}.maz-dropzone .dz-preview:hover .dz-details,.maz-dropzone .dz-preview:hover .dz-remove{opacity:1}.maz-dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05);-webkit-filter:blur(8px);filter:blur(8px)}.maz-dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;border-radius:8px;top:130px;background:#be2626;background:-webkit-gradient(linear,left top,left bottom,from(#be2626),to(#a92222));background:linear-gradient(to bottom,#be2626,#a92222);padding:.5em 1.2em;color:#fff;margin-left:auto;margin-right:auto;left:0;width:100%;text-align:center}.maz-dropzone .dz-preview .dz-success-mark,.maz-dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;margin-left:auto;margin-top:auto;width:100%;top:30%;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.maz-dropzone .dz-preview .dz-success-mark .material-icons,.maz-dropzone .dz-preview .dz-error-mark .material-icons{background-color:var(--maz-color-success-alpha);border-radius:50%;color:#fff;font-size:70px}.maz-dropzone .dz-preview .dz-error-mark .material-icons{background-color:var(--maz-color-danger-alpha)}.maz-dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(.77,0,.175,1);animation:passing-through 3s cubic-bezier(.77,0,.175,1)}.maz-dropzone .dz-preview.dz-error .dz-error-message{display:block}.maz-dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(.77,0,.175,1);animation:slide-in 3s cubic-bezier(.77,0,.175,1)}.maz-dropzone .dz-preview.dz-error .dz-details{background-color:var(--maz-color-danger-alpha)}.maz-dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.maz-dropzone .dz-preview.dz-error .dz-remove:hover{color:var(--maz-color-danger)}.maz-dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:1rem;top:50%;margin-top:-.5rem;-webkit-transform:scale(1);transform:scale(1);overflow:visible;width:50%;left:25%;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.maz-dropzone .dz-preview .dz-progress .dz-upload{-webkit-transition:width .3s ease-in-out;transition:width .3s ease-in-out;position:absolute;top:0;right:0;bottom:0;left:0;width:0px;border-radius:9999px;background-color:var(--maz-color-success)}.maz-dropzone .dz-preview .dz-progress .progress-title{display:inline-block;position:relative;top:-30px}.maz-dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all .2s linear;transition:all .2s linear}.maz-dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.maz-dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+!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).MazDropzone={},e.Vue)}(this,(function(e,t){"use strict";const o=["width","height"],n=[(e=>(t.pushScopeId("data-v-d10311cd"),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)))],s=(e,t)=>{const o=e.__vccOpts||e;for(const[n,s]of t)o[n]=s;return o},l=s(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=>(s,l)=>(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-d10311cd"]]),a=t.defineComponent({name:"MazDropzone",components:{MazSpinner:l},props:{options:{type:Object,required:!0},height:{type:[Number,String],default:"245px"},width:{type:[Number,String],default:"100%"},noDestroyOnUnmount:{type:Boolean,default:!1}},emits:["thumbnail","error","drop","dragstart","dragend","dragenter","dragover","dragleave","paste","addedfile","addedfiles","removedfile","success","processing","processingmultiple","uploadprogress","totaluploadprogress","sending","sendingmultiple","canceled","canceledmultiple","complete","completemultiple","maxfilesexceeded","maxfilesreached","queuecomplete","reset"],setup(e,{emit:o}){const n=t.ref(),s=t.ref(!1);let l;const a=t.ref(),r=t.computed((()=>({width:"number"==typeof e.width?`${e.width}px`:e.width,height:"number"==typeof e.height?`${e.height}px`:e.height}))),i=(e,t)=>{let n;o("thumbnail",{file:e,dataUrl:t}),e.previewElement.classList.remove("dz-file-preview");e.previewElement.querySelectorAll("[data-dz-thumbnail-bg]").forEach((o=>{n=o,n.alt=e.name,n.style.backgroundImage=`url('${t}')`})),"success"===e.status&&l.emit("complete",e)},d=(e,t,n)=>{o("error",{file:e,message:t,xhr:n}),l.options.autoRemoveOnError&&setTimeout((()=>l.removeFile(e)),3e3)},p=(e,t,n)=>{o("error",{files:e,message:t,xhr:n}),l.options.autoRemoveOnError&&setTimeout((()=>{for(const t of e)l.removeFile(t)}),3e3)};t.onMounted((async()=>{const t={parallelUploads:e.options.maxFiles,previewTemplate:'<div class="dz-preview dz-file-preview maz-flex-1">\n  <div class="dz-image">\n      <div data-dz-thumbnail-bg></div>\n  </div>\n  <div class="dz-details">\n      <div class="dz-filename"><span data-dz-name></span></div>\n      <div class="dz-size"><span data-dz-size></span></div>\n  </div>\n  <div class="dz-progress">\n    <span class="dz-upload" data-dz-uploadprogress></span>\n  </div>\n  <div class="dz-success-mark">\n    <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" height="6rem" viewBox="0 0 24 24" width="6rem" fill="currentColor"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/></svg>\n  </div>\n  <div class="dz-error-mark">\n    <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" height="6rem" viewBox="0 0 24 24" width="6rem" fill="currentColor"><path d="M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>\n  </div>\n</div>',addRemoveLinks:!0};if(n.value){const{default:r}=await import("dropzone");l=new r(n.value,{...t,...e.options}),l&&(a.value=l.options,s.value=!0,l.on("thumbnail",i),l.on("error",d),l.on("errormultiple",p),l.on("drop",(e=>o("drop",e))),l.on("dragstart",(e=>o("dragstart",e))),l.on("dragend",(e=>o("dragend",e))),l.on("dragenter",(e=>o("dragenter",e))),l.on("dragover",(e=>o("dragover",e))),l.on("dragleave",(e=>o("dragleave",e))),l.on("paste",(e=>o("paste",e))),l.on("addedfile",(e=>o("addedfile",e))),l.on("addedfiles",(e=>o("addedfiles",e))),l.on("removedfile",(e=>o("removedfile",e))),l.on("success",((e,t)=>o("success",{file:e,response:t}))),l.on("successmultiple",((e,t)=>o("success",{files:e,responseText:t}))),l.on("processing",(e=>o("processing",e))),l.on("processingmultiple",(e=>o("processingmultiple",e))),l.on("uploadprogress",((e,t,n)=>o("uploadprogress",{file:e,progress:t,bytesSent:n}))),l.on("totaluploadprogress",((e,t,n)=>o("totaluploadprogress",{totalProgress:e,totalBytes:t,totalBytesSent:n}))),l.on("sending",((e,t,n)=>o("sending",{file:e,xhr:t,formData:n}))),l.on("sendingmultiple",((e,t,n)=>o("sendingmultiple",{files:e,xhr:t,formData:n}))),l.on("canceled",(e=>o("canceled",e))),l.on("canceledmultiple",(e=>o("canceledmultiple",e))),l.on("complete",(e=>o("complete",e))),l.on("completemultiple",(e=>o("completemultiple",e))),l.on("maxfilesexceeded",(e=>o("maxfilesexceeded",e))),l.on("maxfilesreached",(e=>o("maxfilesreached",e))),l.on("queuecomplete",(()=>{c().every((e=>e.manuallyAdded))||o("queuecomplete")})),l.on("reset",(()=>o("reset"))))}}));const c=()=>l.getAcceptedFiles();return t.onBeforeUnmount((()=>{e.noDestroyOnUnmount||l.destroy()})),{ButtonElement:n,dropzoneReady:s,dropzoneOptions:a,dropzoneStyle:r,setOption:(e,t)=>(l.options={...l.options,[e]:t},l.options),manuallyAddFile:(e,t)=>{l.emit("addedfile",e),l.emit("thumbnail",e,t),l.files.push(e)},removeAllFiles:e=>l.removeAllFiles(e),processQueue:()=>l.processQueue(),destroy:()=>l.destroy(),disable:()=>l.disable(),enable:()=>l.enable(),accept:(e,t)=>l.accept(e,t),addFile:e=>l.addFile(e),resizeImage:(e,t,o,n,s)=>l.resizeImage(e,t,o,n,s),cancelUpload:e=>l.cancelUpload(e),getAcceptedFiles:c,getRejectedFiles:()=>l.getRejectedFiles(),getFilesWithStatus:()=>l.getFilesWithStatus(status),getQueuedFiles:()=>l.getQueuedFiles(),getUploadingFiles:()=>l.getUploadingFiles(),getAddedFiles:()=>l.getAddedFiles(),getActiveFiles:()=>l.getActiveFiles()}}}),r={class:"dz-message"},i=t.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",height:"2em",width:"2em",viewBox:"0 0 24 24",fill:"currentColor",class:"maz-dropzone__main-icon maz-text-normal","aria-hidden":"true"},[t.createElementVNode("path",{d:"M0 0h24v24H0V0z",fill:"none"}),t.createElementVNode("path",{d:"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM19 18H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3zM8 13h2.55v3h2.9v-3H16l-4-4z"})],-1),d={class:"maz-my-2 maz-text-normal"},p={class:"maz-my-0 maz-text-muted"};const c=s(a,[["render",function(e,o,n,s,l,a){const c=t.resolveComponent("MazSpinner");return t.openBlock(),t.createElementBlock("button",{ref:"ButtonElement",type:"button",name:"maz-dropzone",class:"maz-dropzone",style:t.normalizeStyle([e.dropzoneStyle])},[e.dropzoneReady?t.renderSlot(e.$slots,"default",{key:0,options:e.dropzoneOptions},(()=>{var o,n;return[t.createElementVNode("div",r,[t.renderSlot(e.$slots,"icon",{},(()=>[i])),t.createElementVNode("p",d,t.toDisplayString(null==(o=e.dropzoneOptions)?void 0:o.dictDefaultMessage),1),t.createElementVNode("p",p,t.toDisplayString(null==(n=e.dropzoneOptions)?void 0:n.dictFilesDescriptions),1)])]})):(t.openBlock(),t.createBlock(c,{key:1}))],4)}]]);e.default=c,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/components/MazGallery.mjs

@@ -1,11 +1,11 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".m-gallery[data-v-e9dc5a9e]{position:relative;overflow:hidden}.m-gallery__hidden[data-v-e9dc5a9e]{display:none}.m-gallery__item[data-v-e9dc5a9e]{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-e9dc5a9e]{left:0;height:100%}.m-gallery__item--1[data-v-e9dc5a9e]:not(:last-child){width:50%}.m-gallery__item--2[data-v-e9dc5a9e]{left:50%;width:50%;height:50%}.m-gallery__item--2[data-v-e9dc5a9e]:last-child{height:100%}.m-gallery__item--2[data-v-e9dc5a9e]:nth-last-child(4){width:25%}.m-gallery__item--3[data-v-e9dc5a9e]{top:50%;left:50%;width:25%}.m-gallery__item--3[data-v-e9dc5a9e]:last-child{width:50%}.m-gallery__item--3[data-v-e9dc5a9e]:nth-last-child(3){top:0;left:75%}.m-gallery__item--4[data-v-e9dc5a9e]{border-top-width:2px;border-color:transparent;top:50%;left:50%;width:25%}.m-gallery__item--4[data-v-e9dc5a9e]:last-child{left:75%;width:25%}.m-gallery__item--5[data-v-e9dc5a9e]{border-top-width:2px;border-color:transparent;top:50%;left:75%;width:25%}.m-gallery__item[data-v-e9dc5a9e]:first-child{border-left:0}.m-gallery__item--3[data-v-e9dc5a9e]:last-child,.m-gallery__item--3[data-v-e9dc5a9e]:nth-last-child(2),.m-gallery__item--4[data-v-e9dc5a9e]:last-child,.m-gallery__item--5[data-v-e9dc5a9e]{border-top-width:2px;border-color:transparent}.m-gallery__item__image[data-v-e9dc5a9e]{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-e9dc5a9e]{position:absolute;top:0;bottom:0;right:0;left:0}.m-gallery__remaining-layer a span[data-v-e9dc5a9e]{color:#fff;font-size:2rem}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+!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)}}();
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { inject, defineComponent, ref, computed, onMounted, watchEffect, openBlock, createElementBlock, Fragment, createCommentVNode, mergeProps, nextTick, onBeforeMount, resolveComponent, resolveDirective, normalizeClass, normalizeStyle, createElementVNode, renderList, withDirectives, toDisplayString, createVNode } from "vue";
+import { defineComponent, defineAsyncComponent, onBeforeMount, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, withDirectives, unref, toDisplayString, createCommentVNode, createVNode } from "vue";
 const style = `
 .maz-zoom-img {
   position: fixed;
@@ -413,7 +413,7 @@ class LazyImg {
     this.onImgErrorCallback = this.imageHasError.bind(this);
   }
   async loadErrorPhoto() {
-    const { default: photo } = await Promise.resolve().then(() => noPhotography);
+    const { default: photo } = await import("./assets/no-photography-7a1e4d68.mjs");
     return photo;
   }
   buildOptions(opts) {
@@ -470,6 +470,7 @@ class LazyImg {
     const dataSrc = this.getImgElement(el).getAttribute("data-src");
     if (dataSrc)
       return dataSrc;
+    binding.value;
     const bindingSrc = typeof binding.value === "object" ? binding.value.src : binding.value;
     if (!bindingSrc)
       console.warn(`[maz-ui][MazLazyImg] src url is not defined`);
@@ -626,177 +627,16 @@ const vLazyImg = {
     instance.remove(el, binding);
   }
 };
-function injectStrict(key, fallback) {
-  const resolved = inject(key, fallback);
-  if (!resolved) {
-    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${key}`);
-  }
-  return resolved;
-}
-const _hoisted_1$1 = ["innerHTML"];
-const _sfc_main$1 = /* @__PURE__ */ 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: (svg) => svg
-    }
-  },
-  emits: ["loaded", "unloaded", "error"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const cache = {};
-    const svgElSource = ref();
-    const svgElem = ref();
-    const getMazIconPath = () => {
-      try {
-        return injectStrict("mazIconPath");
-      } catch {
-        return void 0;
-      }
-    };
-    const iconPath = computed(() => props.path ?? getMazIconPath());
-    const fullSrc = computed(() => {
-      if (props.src) {
-        return props.src;
-      } else if (iconPath.value) {
-        return `${iconPath.value}/${props.name}.svg`;
-      } else {
-        return `/${props.name}.svg`;
-      }
-    });
-    onMounted(() => {
-      if (!props.name && !props.src) {
-        console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');
-      }
-    });
-    const setTitle = (svg, title) => {
-      const titleTags = svg.querySelectorAll("title");
-      if (titleTags.length > 0) {
-        titleTags[0].textContent = title;
-      } else {
-        const titleEl = document.createElementNS("http://www.w3.org/2000/svg", "title");
-        titleEl.textContent = title;
-        svg.append(titleEl);
-      }
-    };
-    const filterAttrs = (attrs) => {
-      return Object.keys(attrs).reduce((result, key) => {
-        if (attrs[key] !== false && attrs[key] !== null && attrs[key] !== void 0) {
-          result[key] = attrs[key];
-        }
-        return result;
-      }, {});
-    };
-    const getSvgAttrs = (svgEl) => {
-      const svgAttrs = {};
-      const attrs = svgEl.attributes;
-      if (!attrs) {
-        return svgAttrs;
-      }
-      for (let i = attrs.length - 1; i >= 0; i--) {
-        svgAttrs[attrs[i].name] = attrs[i].value;
-      }
-      return svgAttrs;
-    };
-    const getSvgContent = (svgEl) => {
-      let svgElNode = svgEl.cloneNode(true);
-      svgElNode = props.transformSource(svgEl);
-      if (props.title) {
-        setTitle(svgElNode, props.title);
-      }
-      return svgEl.innerHTML;
-    };
-    const getSource = async (src) => {
-      if (!cache[src]) {
-        cache[src] = download(src);
-      }
-      try {
-        svgElSource.value = await cache[src];
-        await nextTick();
-        emits("loaded", svgElem.value);
-      } catch (error) {
-        if (svgElSource.value) {
-          svgElSource.value = void 0;
-          emits("unloaded");
-        }
-        delete cache[src];
-        emits("error", error);
-      }
-    };
-    const download = (url) => {
-      return new Promise((resolve, reject) => {
-        const request = new XMLHttpRequest();
-        request.open("GET", url, true);
-        request.addEventListener("load", () => {
-          if (request.status >= 200 && request.status < 400) {
-            try {
-              const parser = new DOMParser();
-              const result = parser.parseFromString(request.responseText, "text/xml");
-              let svgEl = result.querySelectorAll("svg")[0];
-              if (svgEl) {
-                svgEl = props.transformSource(svgEl);
-                resolve(svgEl);
-              } else {
-                reject(new Error('Loaded file is not valid SVG"'));
-              }
-            } catch (error) {
-              reject(error);
-            }
-          } else {
-            reject(new Error("Error loading SVG"));
-          }
-        });
-        request.addEventListener("error", () => reject());
-        request.send();
-      });
-    };
-    watchEffect(() => getSource(fullSrc.value));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        Fragment,
-        null,
-        [
-          createCommentVNode(" eslint-disable vue/no-v-html "),
-          createCommentVNode(" eslint-disable vue/html-self-closing "),
-          svgElSource.value ? (openBlock(), createElementBlock("svg", mergeProps({
-            key: 0,
-            ref_key: "svgElem",
-            ref: svgElem,
-            width: "1em",
-            height: "1em"
-          }, {
-            ...getSvgAttrs(svgElSource.value),
-            ...filterAttrs(_ctx.$attrs)
-          }, {
-            style: `font-size: ${__props.size}`,
-            innerHTML: getSvgContent(svgElSource.value)
-          }), null, 16, _hoisted_1$1)) : createCommentVNode("v-if", true),
-          createCommentVNode(" eslint-enable vue/no-v-html "),
-          createCommentVNode(" eslint-enable vue/html-self-closing ")
-        ],
-        2112
-        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-      );
-    };
-  }
-});
-const NoPhotographyIcon = "data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgc3Ryb2tlPSJub25lIgogIGZpbGw9ImN1cnJlbnRDb2xvciIKICBhcmlhLWhpZGRlbj0idHJ1ZSIKPgogIDxnPgogICAgPHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0IiAvPgogICAgPGc+CiAgICAgIDxwYXRoCiAgICAgICAgZD0iTTguOSw2LjA3TDcuNDgsNC42Nkw5LDNoNmwxLjgzLDJIMjBjMS4xLDAsMiwwLjksMiwydjEyYzAsMC4wNS0wLjAxLDAuMS0wLjAyLDAuMTZMMjAsMTcuMTdWN2gtNC4wNWwtMS44My0ySDkuODggTDguOSw2LjA3eiBNMjAuNDksMjMuMzFMMTguMTcsMjFINGMtMS4xLDAtMi0wLjktMi0yVjdjMC0wLjU5LDAuMjctMS4xMiwwLjY4LTEuNDlsLTItMkwyLjEsMi4xbDE5LjgsMTkuOEwyMC40OSwyMy4zMXogTTkuMTksMTIuMDJDOS4wOCwxMi4zMyw5LDEyLjY1LDksMTNjMCwxLjY2LDEuMzQsMywzLDNjMC4zNSwwLDAuNjctMC4wOCwwLjk4LTAuMTlMOS4xOSwxMi4wMnogTTE2LjE3LDE5bC0xLjY4LTEuNjggQzEzLjc2LDE3Ljc1LDEyLjkxLDE4LDEyLDE4Yy0yLjc2LDAtNS0yLjI0LTUtNWMwLTAuOTEsMC4yNS0xLjc2LDAuNjgtMi40OUw0LjE3LDdINHYxMkgxNi4xN3ogTTE0LjgxLDExLjk4bDIuMDcsMi4wNyBDMTYuOTYsMTMuNzEsMTcsMTMuMzYsMTcsMTNjMC0yLjc2LTIuMjQtNS01LTVjLTAuMzYsMC0wLjcxLDAuMDQtMS4wNiwwLjEybDIuMDcsMi4wN0MxMy44NSwxMC40OSwxNC41MSwxMS4xNSwxNC44MSwxMS45OHoiCiAgICAgIC8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K";
-const noPhotography = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: NoPhotographyIcon
-}, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main = defineComponent({
-  components: { MazIcon: _sfc_main$1 },
-  directives: {
-    "zoom-img": vZoomImg,
-    "lazy-img": vLazyImg
-  },
+const _hoisted_1 = { class: "m-gallery__wrapper maz-flex maz-flex-1" };
+const _hoisted_2 = ["alt"];
+const _hoisted_3 = {
+  key: 0,
+  class: "m-gallery__remaining-layer maz-flex maz-bg-overlay maz-flex-center"
+};
+const _hoisted_4 = { class: "maz-text-2xl maz-text-white" };
+const lazyImgArgument = "bg-image";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazGallery",
   props: {
     // Array of string or object: `['https://via.placeholder.com/500', 'https://via.placeholder.com/600']` or `[{ slug: 'https://via.placeholder.com/500', alt: 'image descripton' }, { slug: 'https://via.placeholder.com/600', alt: 'image descripton' }]`
     images: {
@@ -828,7 +668,11 @@ const _sfc_main = defineComponent({
     // Scale animation effect on image hover
     scale: { type: Boolean, default: true }
   },
-  setup(props) {
+  setup(__props) {
+    const props = __props;
+    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');
@@ -866,18 +710,103 @@ const _sfc_main = defineComponent({
     const shouldHaveRemainingLayer = (index) => {
       return numberImagesRemaining.value && index + 1 === imagesShown.value.length && !props.noRemaining;
     };
-    return {
-      sizeStyle,
-      imagesCount,
-      shouldHaveRemainingLayer,
-      imagesShown,
-      numberImagesRemaining,
-      imagesHidden,
-      NoPhotographyIcon
+    return (_ctx, _cache) => {
+      return __props.images.length > 0 || __props.hasEmptyLayer ? (openBlock(), createElementBlock(
+        "div",
+        {
+          key: 0,
+          class: normalizeClass(["m-gallery maz-flex", { "maz-rounded": !__props.noRadius }]),
+          style: normalizeStyle([sizeStyle.value])
+        },
+        [
+          createElementVNode("section", _hoisted_1, [
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList(imagesShown.value, (image, i) => {
+                return openBlock(), createElementBlock(
+                  "figure",
+                  {
+                    key: i,
+                    class: normalizeClass(["m-gallery__item !maz-my-0 maz-flex maz-flex-center", [`m-gallery__item--${i + 1}`]])
+                  },
+                  [
+                    withDirectives(createElementVNode("img", {
+                      class: "m-gallery__item__image maz-flex-1",
+                      src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
+                      alt: image.alt,
+                      loading: "lazy"
+                    }, null, 8, _hoisted_2), [
+                      [unref(vZoomImg), {
+                        src: image.src,
+                        alt: image.alt,
+                        disabled: __props.noZoom || shouldHaveRemainingLayer(i),
+                        blur: __props.blur,
+                        scale: __props.scale
+                      }],
+                      [unref(vLazyImg), { src: image.src, disabled: !__props.lazy }, lazyImgArgument]
+                    ]),
+                    shouldHaveRemainingLayer(i) ? withDirectives((openBlock(), createElementBlock("div", _hoisted_3, [
+                      createElementVNode(
+                        "span",
+                        _hoisted_4,
+                        "+" + toDisplayString(numberImagesRemaining.value),
+                        1
+                        /* TEXT */
+                      )
+                    ])), [
+                      [unref(vZoomImg), {
+                        src: image.src,
+                        alt: image.alt,
+                        disabled: __props.noZoom,
+                        blur: false,
+                        scale: __props.scale
+                      }]
+                    ]) : createCommentVNode("v-if", true)
+                  ],
+                  2
+                  /* CLASS */
+                );
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            )),
+            __props.hasEmptyLayer && __props.images.length === 0 ? (openBlock(), createElementBlock(
+              "div",
+              {
+                key: 0,
+                class: normalizeClass(["maz-flex maz-w-full maz-bg-color-light maz-text-normal maz-flex-center", { "maz-rounded-xl": !__props.noRadius }]),
+                style: normalizeStyle([sizeStyle.value])
+              },
+              [
+                createVNode(unref(NoPhotographyIcon), { class: "maz-h-8 maz-w-8" })
+              ],
+              6
+              /* CLASS, STYLE */
+            )) : createCommentVNode("v-if", true)
+          ]),
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(imagesHidden.value, (image, i) => {
+              return withDirectives((openBlock(), createElementBlock("div", {
+                key: i,
+                class: "m-gallery__hidden"
+              })), [
+                [unref(vZoomImg), { src: image.src, disabled: __props.noZoom }]
+              ]);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ],
+        6
+        /* CLASS, STYLE */
+      )) : createCommentVNode("v-if", true);
     };
   }
 });
-const MazGallery_vue_vue_type_style_index_0_scoped_e9dc5a9e_lang = "";
+const MazGallery_vue_vue_type_style_index_0_scoped_aaef0414_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -885,114 +814,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1 = { class: "m-gallery__wrapper maz-flex maz-flex-1" };
-const _hoisted_2 = ["alt"];
-const _hoisted_3 = {
-  key: 0,
-  class: "m-gallery__remaining-layer maz-flex maz-bg-overlay maz-flex-center"
-};
-const _hoisted_4 = { class: "maz-text-2xl maz-text-white" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_MazIcon = resolveComponent("MazIcon");
-  const _directive_zoom_img = resolveDirective("zoom-img");
-  const _directive_lazy_img = resolveDirective("lazy-img");
-  return _ctx.images.length > 0 || _ctx.hasEmptyLayer ? (openBlock(), createElementBlock(
-    "div",
-    {
-      key: 0,
-      class: normalizeClass(["m-gallery maz-flex", { "maz-rounded": !_ctx.noRadius }]),
-      style: normalizeStyle([_ctx.sizeStyle])
-    },
-    [
-      createElementVNode("section", _hoisted_1, [
-        (openBlock(true), createElementBlock(
-          Fragment,
-          null,
-          renderList(_ctx.imagesShown, (image, i) => {
-            return openBlock(), createElementBlock(
-              "figure",
-              {
-                key: i,
-                class: normalizeClass(["m-gallery__item !maz-my-0 maz-flex maz-flex-center", [`m-gallery__item--${i + 1}`]])
-              },
-              [
-                withDirectives(createElementVNode("img", {
-                  class: "m-gallery__item__image maz-flex-1",
-                  src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
-                  alt: image.alt,
-                  loading: "lazy"
-                }, null, 8, _hoisted_2), [
-                  [_directive_zoom_img, {
-                    src: image.src,
-                    alt: image.alt,
-                    disabled: _ctx.noZoom || _ctx.shouldHaveRemainingLayer(i),
-                    blur: _ctx.blur,
-                    scale: _ctx.scale
-                  }],
-                  [_directive_lazy_img, { src: image.src, disabled: !_ctx.lazy }, "bg-image"]
-                ]),
-                _ctx.shouldHaveRemainingLayer(i) ? withDirectives((openBlock(), createElementBlock("div", _hoisted_3, [
-                  createElementVNode(
-                    "span",
-                    _hoisted_4,
-                    "+" + toDisplayString(_ctx.numberImagesRemaining),
-                    1
-                    /* TEXT */
-                  )
-                ])), [
-                  [_directive_zoom_img, {
-                    src: image.src,
-                    alt: image.alt,
-                    disabled: _ctx.noZoom,
-                    blur: false,
-                    scale: _ctx.scale
-                  }]
-                ]) : createCommentVNode("v-if", true)
-              ],
-              2
-              /* CLASS */
-            );
-          }),
-          128
-          /* KEYED_FRAGMENT */
-        )),
-        _ctx.hasEmptyLayer && _ctx.images.length === 0 ? (openBlock(), createElementBlock(
-          "div",
-          {
-            key: 0,
-            class: normalizeClass(["flex-center maz-flex maz-w-full maz-bg-color-light maz-text-normal", { "maz-rounded-xl": !_ctx.noRadius }]),
-            style: normalizeStyle([_ctx.sizeStyle])
-          },
-          [
-            createVNode(_component_MazIcon, {
-              src: _ctx.NoPhotographyIcon,
-              size: "2rem"
-            }, null, 8, ["src"])
-          ],
-          6
-          /* CLASS, STYLE */
-        )) : createCommentVNode("v-if", true)
-      ]),
-      (openBlock(true), createElementBlock(
-        Fragment,
-        null,
-        renderList(_ctx.imagesHidden, (image, i) => {
-          return withDirectives((openBlock(), createElementBlock("div", {
-            key: i,
-            class: "m-gallery__hidden"
-          })), [
-            [_directive_zoom_img, { src: image.src, disabled: _ctx.noZoom }]
-          ]);
-        }),
-        128
-        /* KEYED_FRAGMENT */
-      ))
-    ],
-    6
-    /* CLASS, STYLE */
-  )) : createCommentVNode("v-if", true);
-}
-const MazGallery = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-e9dc5a9e"]]);
+const MazGallery = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aaef0414"]]);
 export {
   MazGallery as default
 };