maz-ui 3.4.5 → 3.6.1

package/components/MazGallery.umd.js

@@ -0,0 +1,2 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var a=document.createElement("style");a.appendChild(document.createTextNode(".m-gallery[data-v-680a27a0]{position:relative;overflow:hidden}.m-gallery__hidden[data-v-680a27a0]{display:none}.m-gallery__item[data-v-680a27a0]{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-680a27a0]{left:0;height:100%}.m-gallery__item--1[data-v-680a27a0]:not(:last-child){width:50%}.m-gallery__item--2[data-v-680a27a0]{left:50%;width:50%;height:50%}.m-gallery__item--2[data-v-680a27a0]:last-child{height:100%}.m-gallery__item--2[data-v-680a27a0]:nth-last-child(4){width:25%}.m-gallery__item--3[data-v-680a27a0]{top:50%;left:50%;width:25%}.m-gallery__item--3[data-v-680a27a0]:last-child{width:50%}.m-gallery__item--3[data-v-680a27a0]:nth-last-child(3){top:0;left:75%}.m-gallery__item--4[data-v-680a27a0]{border-top-width:2px;border-color:transparent;top:50%;left:50%;width:25%}.m-gallery__item--4[data-v-680a27a0]:last-child{left:75%;width:25%}.m-gallery__item--5[data-v-680a27a0]{border-top-width:2px;border-color:transparent;top:50%;left:75%;width:25%}.m-gallery__item[data-v-680a27a0]:first-child{border-left:0}.m-gallery__item--3[data-v-680a27a0]:last-child,.m-gallery__item--3[data-v-680a27a0]:nth-last-child(2),.m-gallery__item--4[data-v-680a27a0]:last-child,.m-gallery__item--5[data-v-680a27a0]{border-top-width:2px;border-color:transparent}.m-gallery__item__image[data-v-680a27a0]{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-680a27a0]{position:absolute;top:0;bottom:0;right:0;left:0}.m-gallery__remaining-layer a span[data-v-680a27a0]{color:#fff;font-size:2rem}")),document.head.appendChild(a)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+var __defProp=Object.defineProperty,__defNormalProp=(e,t,s)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,__publicField=(e,t,s)=>(__defNormalProp(e,"symbol"!=typeof t?t+"":t,s),s);!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).MazGallery=t(e.Vue)}(this,(function(e){"use strict";const t={close:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>',next:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>',previous:'<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>',spinner:'<svg width="40px" height="40px" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor" x="0px" y="0px" viewBox="0 0 50 50" xml:space="preserve" class="maz-zoom-img__loader__svg" data-v-6d1cb50c=""><path d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"></path></svg>'};class s{constructor(e){if(__publicField(this,"options"),__publicField(this,"loader"),__publicField(this,"wrapper"),__publicField(this,"img"),__publicField(this,"keydownHandler"),__publicField(this,"onImgLoadedCallback"),__publicField(this,"buttonsAdded"),__publicField(this,"defaultOptions",{scale:!0,blur:!0,disabled:!1}),__publicField(this,"mouseEnterListener"),__publicField(this,"mouseLeaveListener"),__publicField(this,"renderPreviewListener"),!e.value)throw new Error('[MazUI](zoom-img) Image path must be defined. Ex: `v-zoom-img="<PATH_TO_IMAGE>"`');if("object"==typeof e.value&&!e.value.src)throw new Error("[maz-ui](zoom-img) src of image must be provided");this.buttonsAdded=!1,this.options=this.buildOptions(e),this.keydownHandler=this.keydownLister.bind(this),this.loader=this.getLoader(),this.wrapper=document.createElement("div"),this.wrapper.classList.add("maz-zoom-img__wrapper"),this.wrapper.prepend(this.loader),this.img=document.createElement("img"),this.onImgLoadedCallback=this.onImgLoaded.bind(this),this.imgEventHandler(!0)}buildOptions(e){return{...this.defaultOptions,..."object"==typeof e.value?e.value:{src:e.value}}}get allInstances(){return[...document.querySelectorAll(".maz-zoom-img-instance")]}create(e){this.options.disabled||(e.style.cursor="pointer",setTimeout((()=>e.classList.add("maz-zoom-img-instance"))),e.setAttribute("data-src",this.options.src),this.options.alt&&e.setAttribute("data-alt",this.options.alt),e.style.transition="all 300ms ease-in-out",this.mouseEnterListener=()=>this.mouseEnter(e),this.mouseLeaveListener=()=>this.mouseLeave(e),this.renderPreviewListener=()=>this.renderPreview(e,this.options),e.addEventListener("mouseenter",this.mouseEnterListener),e.addEventListener("mouseleave",this.mouseLeaveListener),e.addEventListener("click",this.renderPreviewListener))}update(e){this.options=this.buildOptions(e)}remove(e){this.imgEventHandler(!1),e.removeEventListener("mouseenter",this.mouseEnterListener),e.removeEventListener("mouseleave",this.mouseLeaveListener),e.removeEventListener("click",this.renderPreviewListener),e.classList.remove("maz-zoom-img-instance"),e.removeAttribute("data-src"),e.removeAttribute("data-alt"),e.style.cursor=""}renderPreview(e,t){e.classList.add("maz-is-open"),this.addStyle("\n.maz-zoom-img {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 2.5rem;\n  z-index: 1050;\n  background-color: hsla(238, 15%, 40%, 0.7);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n}\n\n.maz-zoom-img,\n.maz-zoom-img * {\n  box-sizing: border-box;\n}\n\n.maz-zoom-img .maz-zoom-img__wrapper {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-width: 0;\n  min-height: 0;\n  max-width: 100%;\n  max-height: 100%;\n  transition: all 300ms ease-in-out;\n  opacity: 0;\n  transform: scale(0.5);\n}\n\n.maz-zoom-img.maz-animate .maz-zoom-img__wrapper {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.maz-zoom-img.maz-animate .maz-zoom-img__loader {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: hsla(238, 15%, 40%, 0.7);\n  border-radius: 1rem;\n  z-index: 2;\n  min-width: 60px;\n  min-height: 60px;\n}\n.maz-zoom-img.maz-animate .maz-zoom-img__loader[hidden] {\n  display: none;\n}\n\n@-webkit-keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n.maz-zoom-img.maz-animate .maz-zoom-img__loader__svg {\n  animation: spin .6s linear infinite;\n}\n\n.maz-zoom-img img {\n  max-width: 100%;\n  max-height: 100%;\n  min-width: 0;\n  border-radius: 1rem;\n}\n\n.maz-zoom-img .maz-zoom-btn {\n  margin: 0 auto;\n  border: none;\n  background-color: hsla(0, 0%, 7%, 0.5);\n  box-shadow: 0 0 0.5rem 0 hsla(0, 0%, 0%, 0.2);\n  height: 2.2rem;\n  min-height: 2.2rem;\n  width: 2.2rem;\n  min-width: 2.2rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 2.2rem;\n  cursor: pointer;\n  flex: 0 0 auto;\n  outline: none;\n}\n\n.maz-zoom-img .maz-zoom-btn svg {\n  fill: white;\n}\n\n.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--close {\n  position: absolute;\n  top: 0.5rem;\n  right: 0.5rem;\n  z-index: 1;\n}\n\n.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--previous {\n  position: absolute;\n  left: 0.5rem;\n  z-index: 1;\n}\n\n.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--next {\n  position: absolute;\n  right: 0.5rem;\n  z-index: 1;\n}\n\n.maz-zoom-img .maz-zoom-btn:hover {\n  background-color: hsl(0, 0%, 0%);\n}");const s=document.createElement("div");s.classList.add("maz-zoom-img"),s.setAttribute("id","MazImgPreviewFullsize"),s.addEventListener("click",(e=>{s.isEqualNode(e.target)&&this.closePreview()})),"object"==typeof t&&(this.img.setAttribute("src",t.src),t.alt&&this.img.setAttribute("alt",t.alt),this.img.id="MazImgElement"),this.wrapper.append(this.img),s.append(this.wrapper),document.body.append(s),this.keyboardEventHandler(!0),setTimeout((()=>{s&&s.classList.add("maz-animate")}),100)}onImgLoaded(){this.wrapper.style.width=`${this.img.width}px`,this.wrapper.style.minWidth="200px",this.loader.hidden=!0;const e=this.getButton(),t=[],s=this.allInstances.length>1;if(!this.buttonsAdded){if(this.buttonsAdded=!0,s){const e=this.getButton("previous"),s=this.getButton("next");t.push(e,s)}this.wrapper.append(e),s&&(this.wrapper.prepend(t[0]),this.wrapper.append(t[1]))}}getLoader(){const e=document.createElement("div");return e.classList.add("maz-zoom-img__loader"),e.innerHTML=t.spinner,e}mouseLeave(e){this.options.scale&&(e.style.transform=""),this.options.blur&&(e.style.filter=""),e.style.zIndex=""}mouseEnter(e){e.style.zIndex="1",this.options.scale&&(e.style.transform="scale(1.1)"),this.options.blur&&(e.style.filter="blur(2px)")}keydownLister(e){e.preventDefault(),"Escape"!==e.key&&" "!==e.key||this.closePreview(),"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||this.nextPreviousImage("ArrowRight"===e.key)}getButton(e="close"){const s=document.createElement("button");return s.innerHTML=t[e],s.addEventListener("click",(()=>{"close"===e?this.closePreview():this.allInstances&&this.nextPreviousImage("next"===e)})),s.classList.add("maz-zoom-btn"),s.classList.add(`maz-zoom-btn--${e}`),s}closePreview(){const e=document.querySelector("#MazImgPreviewFullsize"),t=document.querySelector("#MazPreviewStyle"),s=document.querySelector(".maz-zoom-img-instance.maz-is-open");s&&s.classList.remove("maz-is-open"),e&&e.classList.remove("maz-animate"),this.keyboardEventHandler(!1),setTimeout((()=>{e&&e.remove(),t&&t.remove()}),300)}getNewInstanceIndex(e){return e<0?this.allInstances.length-1:e>=this.allInstances.length?0:e}nextPreviousImage(e){const t=e,s=document.querySelector(".maz-zoom-img-instance.maz-is-open");if(s){const e=this.allInstances.indexOf(s),i=t?e+1:e-1,o=this.allInstances[this.getNewInstanceIndex(i)];o&&this.useNextInstance(s,o)}}useNextInstance(e,t){e.classList.remove("maz-is-open"),t.classList.add("maz-is-open");const s=t.getAttribute("data-src"),i=t.getAttribute("data-alt");this.wrapper.style.width="",this.loader.hidden=!1,s&&this.img.setAttribute("src",s),i&&this.img.setAttribute("alt",i)}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 o={created(e,t){i=new s(t),i.create(e)},updated(e,t){i.update(t)},unmounted(e){i.remove(e)}},n={baseClass:"m-lazy-img",loadedClass:"m-lazy-loaded",loadingClass:"m-lazy-loading",errorClass:"m-lazy-error",noPhotoClass:"m-lazy-no-photo",noPhoto:!1,observerOnce:!0,loadOnce:!1,noUseErrorPhoto:!1,observerOptions:{threshold:.1}};class a{constructor(e={}){__publicField(this,"observers",[]),__publicField(this,"defaultOptions",n),__publicField(this,"options"),__publicField(this,"onImgLoadedCallback"),__publicField(this,"onImgErrorCallback"),__publicField(this,"hasImgLoaded",!1),this.options=this.buildOptions(e),this.onImgLoadedCallback=this.imageIsLoaded.bind(this),this.onImgErrorCallback=this.imageHasError.bind(this)}async loadErrorPhoto(){const{default:e}=await Promise.resolve().then((()=>L));return e}buildOptions(e){return{...this.defaultOptions,...e,observerOptions:{...this.defaultOptions.observerOptions,...e.observerOptions}}}removeClass(e,t){e.classList.remove(t)}addClass(e,t){e.classList.add(t)}removeAllStateClasses(e){this.removeClass(e,this.options.loadedClass),this.removeClass(e,this.options.loadingClass),this.removeClass(e,this.options.errorClass),this.removeClass(e,this.options.noPhotoClass)}setBaseClass(e){this.addClass(e,this.options.baseClass)}imageIsLoading(e){var t,s;this.addClass(e,this.options.loadingClass),null==(s=(t=this.options).onLoading)||s.call(t,e)}imageHasNoPhoto(e){this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.noPhotoClass),this.setDefaultPhoto(e)}imageIsLoaded(e){var t,s;this.hasImgLoaded=!0,this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.loadedClass),null==(s=(t=this.options).onLoaded)||s.call(t,e)}imageHasError(e,t){var s,i;console.warn("[maz-ui][MazLazyImg] Error while loading image",t),this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.errorClass),null==(i=(s=this.options).onError)||i.call(s,e),this.setDefaultPhoto(e)}getImageUrl(e,t){const s=this.getImgElement(e).getAttribute("data-src");if(s)return s;const i="object"==typeof t.value?t.value.src:t.value;return i||console.warn("[maz-ui][MazLazyImg] src url is not defined"),i}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 i of s)i.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,i){var o,n;this.observers.push(i);for(const a of s)if(a.isIntersecting){if(null==(n=(o=this.options).onIntersecting)||n.call(o,a.target),this.options.observerOnce&&i.unobserve(e),this.options.loadOnce&&this.hasImgLoaded)return;this.loadImage(e,t)}}createObserver(e,t){const s=this.options.observerOptions;new IntersectionObserver(((s,i)=>{this.handleIntersectionObserver(e,t,s,i)}),s).observe(e)}async imageHandler(e,t,s){if("update"===s)for await(const i of this.observers)i.unobserve(e);window.IntersectionObserver?this.createObserver(e,t):this.loadImage(e,t)}async bindUpdateHandler(e,t,s){if(this.options.noPhoto)return this.imageHasNoPhoto(e);await this.imageHandler(e,t,s)}async add(e,t){if(this.hasBgImgMode(t)&&this.isPictureElement(e))throw new Error('[MazLazyImg] You can\'t use the "bg-image" mode with "<picture />" element');setTimeout((()=>this.setBaseClass(e)),0),e.getAttribute("src")||this.setImgSrc(e,"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"),await this.bindUpdateHandler(e,t,"bind")}async update(e,t){t.value!==t.oldValue&&(this.hasImgLoaded=!1,this.removeAllStateClasses(e),await this.bindUpdateHandler(e,t,"update"))}remove(e,t){this.hasImgLoaded=!1,this.hasBgImgMode(t)&&(e.style.backgroundImage=""),this.removeAllStateClasses(e);for(const s of this.observers)s.unobserve(e);this.observers=[]}}let r;const l={created(e,t){const s="object"==typeof t.value?t.value:{};r=new a(s),r.add(e,t)},updated(e,t){r.update(e,t)},unmounted(e,t){r.remove(e,t)}};const m=["innerHTML"],d=e.defineComponent({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:e=>e}},emits:["loaded","unloaded","error"],setup(t,{emit:s}){const i=t,o={},n=e.ref(),a=e.ref(),r=()=>{try{return function(t,s){const i=e.inject(t,s);if(!i)throw new Error(`[maz-ui](injectStrict) Could not resolve ${t}`);return i}("mazIconPath")}catch{return}},l=e.computed((()=>i.path??r())),d=e.computed((()=>i.src?i.src:l.value?`${l.value}/${i.name}.svg`:`/${i.name}.svg`));e.onMounted((()=>{i.name||i.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));const c=e=>{const t={},s=e.attributes;if(!s)return t;for(let i=s.length-1;i>=0;i--)t[s[i].name]=s[i].value;return t},u=e=>{let t=e.cloneNode(!0);return t=i.transformSource(e),i.title&&((e,t)=>{const s=e.querySelectorAll("title");if(s.length>0)s[0].textContent=t;else{const s=document.createElementNS("http://www.w3.org/2000/svg","title");s.textContent=t,e.append(s)}})(t,i.title),e.innerHTML},g=e=>new Promise(((t,s)=>{const o=new XMLHttpRequest;o.open("GET",e,!0),o.addEventListener("load",(()=>{if(o.status>=200&&o.status<400)try{const e=new DOMParser;let n=e.parseFromString(o.responseText,"text/xml").querySelectorAll("svg")[0];n?(n=i.transformSource(n),t(n)):s(new Error('Loaded file is not valid SVG"'))}catch(e){s(e)}else s(new Error("Error loading SVG"))})),o.addEventListener("error",(()=>s())),o.send()}));return e.watchEffect((()=>(async t=>{o[t]||(o[t]=g(t));try{n.value=await o[t],await e.nextTick(),s("loaded",a.value)}catch(i){n.value&&(n.value=void 0,s("unloaded")),delete o[t],s("error",i)}})(d.value))),(s,i)=>{return n.value?(e.openBlock(),e.createElementBlock("svg",e.mergeProps({key:0,ref_key:"svgElem",ref:a,width:"1em",height:"1em"},{...c(n.value),...(o=s.$attrs,Object.keys(o).reduce(((e,t)=>(!1!==o[t]&&null!==o[t]&&void 0!==o[t]&&(e[t]=o[t]),e)),{}))},{style:`font-size: ${t.size}`,innerHTML:u(n.value)}),null,16,m)):e.createCommentVNode("",!0);var o}}}),c=e.defineComponent({components:{MazIcon:d},directives:{"zoom-img":o,"lazy-img":l},props:{images:{type:Array,default:()=>[]},imagesShownCount:{type:Number,default:5},noRemaining:{type:Boolean,default:!1},height:{type:[Number,String],default:150},noHeight:{type:Boolean,default:!1},width:{type:[Number,String],default:"100%"},noWidth:{type:Boolean,default:!1},noRadius:{type:Boolean,default:!1},noZoom:{type:Boolean,default:!1},hasEmptyLayer:{type:Boolean,default:!0},lazy:{type:Boolean,default:!0},blur:{type:Boolean,default:!0},scale:{type:Boolean,default:!0}},setup(t){e.onBeforeMount((()=>{t.imagesShownCount>5&&console.warn('[MazUI](m-gallery) The maximum of "images-shown-count" is 5')}));const s=e.computed((()=>{const{height:e,width:s,noWidth:i,noHeight:o}=t;return{...i?{}:{flex:"0 0 "+typeof s=="number"?`${s}px`:s,width:"number"==typeof s?`${s}px`:s},...o?{}:{height:"number"==typeof e?`${e}px`:`${e}`,minHeight:"number"==typeof e?`${e}px`:`${e}`}}})),i=e.computed((()=>t.imagesShownCount<=5?t.imagesShownCount:5)),o=e.computed((()=>t.images.length-(t.images.length<i.value?t.images.length:i.value))),n=e.computed((()=>t.images.map((e=>"object"==typeof e?e:{src:e,alt:void 0})))),a=e.computed((()=>n.value.slice(0,i.value))),r=e.computed((()=>n.value.slice(i.value,t.images.length)));return{sizeStyle:s,imagesCount:i,shouldHaveRemainingLayer:e=>o.value&&e+1===a.value.length&&!t.noRemaining,imagesShown:a,numberImagesRemaining:o,imagesHidden:r,NoPhotographyIcon:"data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0iY3VycmVudENvbG9yIgo+CiAgPGc+CiAgICA8cmVjdCBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB3aWR0aD0iMjQiIC8+CiAgICA8Zz4KICAgICAgPHBhdGgKICAgICAgICBkPSJNOC45LDYuMDdMNy40OCw0LjY2TDksM2g2bDEuODMsMkgyMGMxLjEsMCwyLDAuOSwyLDJ2MTJjMCwwLjA1LTAuMDEsMC4xLTAuMDIsMC4xNkwyMCwxNy4xN1Y3aC00LjA1bC0xLjgzLTJIOS44OCBMOC45LDYuMDd6IE0yMC40OSwyMy4zMUwxOC4xNywyMUg0Yy0xLjEsMC0yLTAuOS0yLTJWN2MwLTAuNTksMC4yNy0xLjEyLDAuNjgtMS40OWwtMi0yTDIuMSwyLjFsMTkuOCwxOS44TDIwLjQ5LDIzLjMxeiBNOS4xOSwxMi4wMkM5LjA4LDEyLjMzLDksMTIuNjUsOSwxM2MwLDEuNjYsMS4zNCwzLDMsM2MwLjM1LDAsMC42Ny0wLjA4LDAuOTgtMC4xOUw5LjE5LDEyLjAyeiBNMTYuMTcsMTlsLTEuNjgtMS42OCBDMTMuNzYsMTcuNzUsMTIuOTEsMTgsMTIsMThjLTIuNzYsMC01LTIuMjQtNS01YzAtMC45MSwwLjI1LTEuNzYsMC42OC0yLjQ5TDQuMTcsN0g0djEySDE2LjE3eiBNMTQuODEsMTEuOThsMi4wNywyLjA3IEMxNi45NiwxMy43MSwxNywxMy4zNiwxNywxM2MwLTIuNzYtMi4yNC01LTUtNWMtMC4zNiwwLTAuNzEsMC4wNC0xLjA2LDAuMTJsMi4wNywyLjA3QzEzLjg1LDEwLjQ5LDE0LjUxLDExLjE1LDE0LjgxLDExLjk4eiIKICAgICAgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo="}}}),u={class:"m-gallery__wrapper maz-flex maz-flex-1"},g=["alt"],h={key:0,class:"m-gallery__remaining-layer maz-flex maz-bg-overlay maz-flex-center"},p={class:"maz-text-2xl maz-text-white"};const y=((e,t)=>{const s=e.__vccOpts||e;for(const[i,o]of t)s[i]=o;return s})(c,[["render",function(t,s,i,o,n,a){const r=e.resolveComponent("MazIcon"),l=e.resolveDirective("zoom-img"),m=e.resolveDirective("lazy-img");return t.images.length>0||t.hasEmptyLayer?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["m-gallery maz-flex",{"maz-rounded-xl":!t.noRadius}]),style:e.normalizeStyle([t.sizeStyle])},[e.createElementVNode("section",u,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.imagesShown,((s,i)=>(e.openBlock(),e.createElementBlock("figure",{key:i,class:e.normalizeClass(["m-gallery__item !maz-my-0 maz-flex maz-flex-center",[`m-gallery__item--${i+1}`]])},[e.withDirectives(e.createElementVNode("img",{class:"m-gallery__item__image maz-flex-1",src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",alt:s.alt},null,8,g),[[l,{src:s.src,alt:s.alt,disabled:t.noZoom||t.shouldHaveRemainingLayer(i),blur:t.blur,scale:t.scale}],[m,{src:s.src,disabled:!t.lazy},"bg-image"]]),t.shouldHaveRemainingLayer(i)?e.withDirectives((e.openBlock(),e.createElementBlock("div",h,[e.createElementVNode("span",p,"+"+e.toDisplayString(t.numberImagesRemaining),1)])),[[l,{src:s.src,alt:s.alt,disabled:t.noZoom,blur:!1,scale:t.scale}]]):e.createCommentVNode("",!0)],2)))),128)),t.hasEmptyLayer&&0===t.images.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["flex-center maz-flex maz-w-full maz-bg-color-light maz-text-normal",{"maz-rounded-xl":!t.noRadius}]),style:e.normalizeStyle([t.sizeStyle])},[e.createVNode(r,{src:t.NoPhotographyIcon,size:"2rem"},null,8,["src"])],6)):e.createCommentVNode("",!0)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.imagesHidden,((s,i)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:i,class:"m-gallery__hidden"})),[[l,{src:s.src,disabled:t.noZoom}]]))),128))],6)):e.createCommentVNode("",!0)}],["__scopeId","data-v-680a27a0"]]),L=Object.freeze(Object.defineProperty({__proto__:null,default:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjQ4cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjQ4cHgiIGZpbGw9IiNjZGNkY2QiPgogIDxnPgogICAgPHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ii8+CiAgICA8Zz4KICAgICAgPHBhdGggZD0iTTguOSw2LjA3TDcuNDgsNC42Nkw5LDNoNmwxLjgzLDJIMjBjMS4xLDAsMiwwLjksMiwydjEyYzAsMC4wNS0wLjAxLDAuMS0wLjAyLDAuMTZMMjAsMTcuMTdWN2gtNC4wNWwtMS44My0ySDkuODggTDguOSw2LjA3eiBNMjAuNDksMjMuMzFMMTguMTcsMjFINGMtMS4xLDAtMi0wLjktMi0yVjdjMC0wLjU5LDAuMjctMS4xMiwwLjY4LTEuNDlsLTItMkwyLjEsMi4xbDE5LjgsMTkuOEwyMC40OSwyMy4zMXogTTkuMTksMTIuMDJDOS4wOCwxMi4zMyw5LDEyLjY1LDksMTNjMCwxLjY2LDEuMzQsMywzLDNjMC4zNSwwLDAuNjctMC4wOCwwLjk4LTAuMTlMOS4xOSwxMi4wMnogTTE2LjE3LDE5bC0xLjY4LTEuNjggQzEzLjc2LDE3Ljc1LDEyLjkxLDE4LDEyLDE4Yy0yLjc2LDAtNS0yLjI0LTUtNWMwLTAuOTEsMC4yNS0xLjc2LDAuNjgtMi40OUw0LjE3LDdINHYxMkgxNi4xN3ogTTE0LjgxLDExLjk4bDIuMDcsMi4wNyBDMTYuOTYsMTMuNzEsMTcsMTMuMzYsMTcsMTNjMC0yLjc2LTIuMjQtNS01LTVjLTAuMzYsMC0wLjcxLDAuMDQtMS4wNiwwLjEybDIuMDcsMi4wN0MxMy44NSwxMC40OSwxNC41MSwxMS4xNSwxNC44MSwxMS45OHoiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg=="},Symbol.toStringTag,{value:"Module"}));return y}));

package/components/MazIcon.d.ts

@@ -1,66 +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;
-    };
-}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("loaded" | "unloaded" | "error")[], "loaded" | "unloaded" | "error", 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;
-    };
-}>> & {
-    onLoaded?: ((...args: any[]) => any) | undefined;
-    onUnloaded?: ((...args: any[]) => any) | undefined;
-    onError?: ((...args: any[]) => any) | undefined;
-}, {
-    src: string;
-    path: string;
-    name: string;
-    size: string;
-    title: string;
-    transformSource: (param: SVGElement) => SVGElement;
-}>;
-export default _default;
+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;
+    };
+}>> & {
+    onLoaded?: ((...args: any[]) => any) | undefined;
+    onError?: ((...args: any[]) => any) | undefined;
+    onUnloaded?: ((...args: any[]) => any) | undefined;
+}, {
+    src: string;
+    title: string;
+    size: string;
+    path: string;
+    name: string;
+    transformSource: (param: SVGElement) => SVGElement;
+}>;
+export default _default;

package/components/MazIcon.mjs

@@ -0,0 +1,161 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode("")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { inject, defineComponent, ref, computed, onMounted, watchEffect, openBlock, createElementBlock, mergeProps, createCommentVNode, nextTick } from "vue";
+function injectStrict(key, fallback) {
+  const resolved = inject(key, fallback);
+  if (!resolved) {
+    throw new Error(`[maz-ui](injectStrict) Could not resolve ${key}`);
+  }
+  return resolved;
+}
+const _hoisted_1 = ["innerHTML"];
+const _sfc_main = /* @__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 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)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/components/MazIcon.umd.js

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