maz-ui 3.0.0-beta.21 → 3.0.0-beta.22

package/components/MazGallery.d.ts

@@ -4,7 +4,7 @@ export type { MazGalleryImage } from './types';
 declare const _default: import("vue").DefineComponent<{
     images: {
         type: PropType<MazGalleryImage[]>;
-        default: ArrayConstructor;
+        default: () => never[];
     };
     imagesShownCount: {
         type: NumberConstructor;
@@ -64,14 +64,15 @@ declare const _default: import("vue").DefineComponent<{
     imagesCount: import("vue").ComputedRef<number>;
     shouldHaveRemainingLayer: (i: number) => boolean | 0;
     imagesShown: import("vue").ComputedRef<{
-        slug: string;
+        src: string;
         alt?: string | undefined;
     }[]>;
     numberImagesRemaining: import("vue").ComputedRef<number>;
     imagesHidden: import("vue").ComputedRef<{
-        slug: string;
+        src: string;
         alt?: string | undefined;
     }[]>;
+    NoPhotographyIcon: any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     images?: unknown;
     imagesShownCount?: unknown;

package/components/MazGallery.js

@@ -1,4 +1,4 @@
-import{defineComponent as e,onBeforeMount as t,computed as n,resolveDirective as r,openBlock as a,createElementBlock as o,normalizeClass as i,normalizeStyle as s,createElementVNode as l,Fragment as u,renderList as c,withDirectives as d,toDisplayString as m,createCommentVNode as h,createTextVNode as f,pushScopeId as p,popScopeId as v}from"vue";function g(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var y={exports:{}};!function(e){function t(n){return e.exports=t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.__esModule=!0,e.exports.default=e.exports,t(n)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(y);var b,w=g(y.exports),x={exports:{}};(b=x).exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},b.exports.__esModule=!0,b.exports.default=b.exports;var z=g(x.exports),k={exports:{}};!function(e){function t(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}e.exports=function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e},e.exports.__esModule=!0,e.exports.default=e.exports}(k);var _,L=g(k.exports),A={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>'},E=function(){function e(t){if(z(this,e),this.defaultOptions={scale:!0,blur:!0,disabled:!1},!t.value)throw new Error('[MazUI](img-preview) Image path must be defined. Ex: `v-zoom-img="<PATH_TO_IMAGE>"`');if("object"===w(t.value)&&!t.value.src)throw new Error("[MazUI](img-preview) src of image must be provided");this.buttonsAdded=!1,this.options=this.buildOptions(t),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)}return L(e,[{key:"buildOptions",value:function(e){return Object.assign(Object.assign({},this.defaultOptions),"object"===w(e.value)?e.value:{src:e.value})}},{key:"allInstances",get:function(){return Array.from(document.querySelectorAll(".maz-zoom-img-instance"))}},{key:"create",value:function(e){var t=this;this.options.disabled||(e.style.cursor="pointer",setTimeout((function(){return 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",e.addEventListener("mouseenter",(function(){return t.mouseEnter(e)})),e.addEventListener("mouseleave",(function(){return t.mouseLeave(e)})),e.addEventListener("click",(function(){return t.renderPreview(e,t.options)})))}},{key:"update",value:function(e){this.options=this.buildOptions(e)}},{key:"remove",value:function(e){var t=this;this.imgEventHandler(!1),e.removeEventListener("click",(function(){return t.renderPreview(e)})),e.removeEventListener("mouseenter",(function(){return t.mouseEnter(e)})),e.removeEventListener("mouseleave",(function(){return t.mouseLeave(e)})),e.classList.remove("maz-zoom-img-instance"),e.removeAttribute("data-src"),e.removeAttribute("data-alt"),e.style.cursor=""}},{key:"renderPreview",value:function(e,t){var n=this;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: rgba(86, 87, 117, .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: rgba(86, 87, 117, .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: rgba(17, 17, 17, 0.5);\n  box-shadow: 0 0 0.5rem 0 rgba(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: black;\n}");var r=document.createElement("div");r.classList.add("maz-zoom-img"),r.setAttribute("id","MazImgPreviewFullsize"),r.addEventListener("click",(function(e){r.isEqualNode(e.target)&&n.closePreview()})),"object"===w(t)&&(this.img.setAttribute("src",t.src),t.alt&&this.img.setAttribute("alt",t.alt),this.img.id="MazImgElement"),this.wrapper.append(this.img),r.append(this.wrapper),document.body.appendChild(r),this.keyboardEventHandler(!0),setTimeout((function(){r&&r.classList.add("maz-animate")}),100)}},{key:"onImgLoaded",value:function(){this.wrapper.style.width="".concat(this.img.width,"px"),this.wrapper.style.minWidth="200px",this.loader.hidden=!0;var e=this.getButton(),t=[],n=this.allInstances.length>1;if(!this.buttonsAdded){if(this.buttonsAdded=!0,n){var r=this.getButton("previous"),a=this.getButton("next");t.push(r,a)}this.wrapper.append(e),n&&(this.wrapper.prepend(t[0]),this.wrapper.append(t[1]))}}},{key:"getLoader",value:function(){var e=document.createElement("div");return e.classList.add("maz-zoom-img__loader"),e.innerHTML=A.spinner,e}},{key:"mouseLeave",value:function(e){this.options.scale&&(e.style.transform=""),this.options.blur&&(e.style.filter=""),e.style.zIndex=""}},{key:"mouseEnter",value:function(e){e.style.zIndex="1",this.options.scale&&(e.style.transform="scale(1.1)"),this.options.blur&&(e.style.filter="blur(2px)")}},{key:"keydownLister",value:function(e){e.preventDefault(),"Escape"!==e.key&&" "!==e.key||this.closePreview(),"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||this.nextPreviousImage("ArrowRight"===e.key)}},{key:"getButton",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"close",n=document.createElement("button");return n.innerHTML=A[t],n.onclick=function(){"close"===t?e.closePreview():e.allInstances&&e.nextPreviousImage("next"===t)},n.classList.add("maz-zoom-btn"),n.classList.add("maz-zoom-btn--".concat(t)),n}},{key:"closePreview",value:function(){var e=document.querySelector("#MazImgPreviewFullsize"),t=document.querySelector("#MazPreviewStyle"),n=document.querySelector(".maz-zoom-img-instance.maz-is-open");n&&n.classList.remove("maz-is-open"),e&&e.classList.remove("maz-animate"),this.keyboardEventHandler(!1),setTimeout((function(){e&&e.remove(),t&&t.remove()}),300)}},{key:"nextPreviousImage",value:function(e){var t=this,n=e,r=document.querySelector(".maz-zoom-img-instance.maz-is-open"),a=this.allInstances.findIndex((function(e){return e===r})),o=n?a+1:a-1,i=this.allInstances[o<0?t.allInstances.length-1:o>=t.allInstances.length?0:o];if(i&&r){r.classList.remove("maz-is-open"),i.classList.add("maz-is-open");var s=i.getAttribute("data-src"),l=i.getAttribute("data-alt");this.wrapper.style.width="",this.loader.hidden=!1,s&&this.img.setAttribute("src",s),l&&this.img.setAttribute("alt",l)}}},{key:"addStyle",value:function(e){var t=document.createElement("style");t.id="MazPreviewStyle",t.textContent=e,document.head.append(t)}},{key:"keyboardEventHandler",value:function(e){if(e)return document.addEventListener("keydown",this.keydownHandler);document.removeEventListener("keydown",this.keydownHandler)}},{key:"imgEventHandler",value:function(e){if(e)return this.img.addEventListener("load",this.onImgLoadedCallback);this.img.removeEventListener("load",this.onImgLoadedCallback)}}]),e}(),I={created:function(e,t){(_=new E(t)).create(e)},updated:function(e,t){_.update(t)},unmounted:function(e){_.remove(e)}},O={exports:{}};!function(e){var t=function(e){var t,n=Object.prototype,r=n.hasOwnProperty,a="function"==typeof Symbol?Symbol:{},o=a.iterator||"@@iterator",i=a.asyncIterator||"@@asyncIterator",s=a.toStringTag||"@@toStringTag";function l(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{l({},"")}catch(e){l=function(e,t,n){return e[t]=n}}function u(e,t,n,r){var a=t&&t.prototype instanceof v?t:v,o=Object.create(a.prototype),i=new I(r||[]);return o._invoke=function(e,t,n){var r=d;return function(a,o){if(r===h)throw new Error("Generator is already running");if(r===f){if("throw"===a)throw o;return C()}for(n.method=a,n.arg=o;;){var i=n.delegate;if(i){var s=L(i,n);if(s){if(s===p)continue;return s}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(r===d)throw r=f,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r=h;var l=c(e,t,n);if("normal"===l.type){if(r=n.done?f:m,l.arg===p)continue;return{value:l.arg,done:n.done}}"throw"===l.type&&(r=f,n.method="throw",n.arg=l.arg)}}}(e,n,i),o}function c(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}e.wrap=u;var d="suspendedStart",m="suspendedYield",h="executing",f="completed",p={};function v(){}function g(){}function y(){}var b={};l(b,o,(function(){return this}));var w=Object.getPrototypeOf,x=w&&w(w(O([])));x&&x!==n&&r.call(x,o)&&(b=x);var z=y.prototype=v.prototype=Object.create(b);function k(e){["next","throw","return"].forEach((function(t){l(e,t,(function(e){return this._invoke(t,e)}))}))}function _(e,t){function n(a,o,i,s){var l=c(e[a],e,o);if("throw"!==l.type){var u=l.arg,d=u.value;return d&&"object"==typeof d&&r.call(d,"__await")?t.resolve(d.__await).then((function(e){n("next",e,i,s)}),(function(e){n("throw",e,i,s)})):t.resolve(d).then((function(e){u.value=e,i(u)}),(function(e){return n("throw",e,i,s)}))}s(l.arg)}var a;this._invoke=function(e,r){function o(){return new t((function(t,a){n(e,r,t,a)}))}return a=a?a.then(o,o):o()}}function L(e,n){var r=e.iterator[n.method];if(r===t){if(n.delegate=null,"throw"===n.method){if(e.iterator.return&&(n.method="return",n.arg=t,L(e,n),"throw"===n.method))return p;n.method="throw",n.arg=new TypeError("The iterator does not provide a 'throw' method")}return p}var a=c(r,e.iterator,n.arg);if("throw"===a.type)return n.method="throw",n.arg=a.arg,n.delegate=null,p;var o=a.arg;return o?o.done?(n[e.resultName]=o.value,n.next=e.nextLoc,"return"!==n.method&&(n.method="next",n.arg=t),n.delegate=null,p):o:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,p)}function A(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function E(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function I(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(A,this),this.reset(!0)}function O(e){if(e){var n=e[o];if(n)return n.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var a=-1,i=function n(){for(;++a<e.length;)if(r.call(e,a))return n.value=e[a],n.done=!1,n;return n.value=t,n.done=!0,n};return i.next=i}}return{next:C}}function C(){return{value:t,done:!0}}return g.prototype=y,l(z,"constructor",y),l(y,"constructor",g),g.displayName=l(y,s,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,y):(e.__proto__=y,l(e,s,"GeneratorFunction")),e.prototype=Object.create(z),e},e.awrap=function(e){return{__await:e}},k(_.prototype),l(_.prototype,i,(function(){return this})),e.AsyncIterator=_,e.async=function(t,n,r,a,o){void 0===o&&(o=Promise);var i=new _(u(t,n,r,a),o);return e.isGeneratorFunction(n)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},k(z),l(z,s,"Generator"),l(z,o,(function(){return this})),l(z,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=[];for(var n in e)t.push(n);return t.reverse(),function n(){for(;t.length;){var r=t.pop();if(r in e)return n.value=r,n.done=!1,n}return n.done=!0,n}},e.values=O,I.prototype={constructor:I,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(E),!e)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=t)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var n=this;function a(r,a){return s.type="throw",s.arg=e,n.next=r,a&&(n.method="next",n.arg=t),!!a}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],s=i.completion;if("root"===i.tryLoc)return a("end");if(i.tryLoc<=this.prev){var l=r.call(i,"catchLoc"),u=r.call(i,"finallyLoc");if(l&&u){if(this.prev<i.catchLoc)return a(i.catchLoc,!0);if(this.prev<i.finallyLoc)return a(i.finallyLoc)}else if(l){if(this.prev<i.catchLoc)return a(i.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return a(i.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var a=this.tryEntries[n];if(a.tryLoc<=this.prev&&r.call(a,"finallyLoc")&&this.prev<a.finallyLoc){var o=a;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=e,i.arg=t,o?(this.method="next",this.next=o.finallyLoc,p):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),p},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),E(n),p}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var a=r.arg;E(n)}return a}}throw new Error("illegal catch attempt")},delegateYield:function(e,n,r){return this.delegate={iterator:O(e),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=t),p}},e}(e.exports);try{regeneratorRuntime=t}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}}(O);var C=O.exports;
+import{inject as e,defineComponent as t,ref as n,computed as r,onMounted as o,watch as a,openBlock as i,createElementBlock as s,mergeProps as l,createCommentVNode as c,nextTick as u,onBeforeMount as d,resolveComponent as m,resolveDirective as h,normalizeClass as f,normalizeStyle as v,createElementVNode as p,Fragment as g,renderList as y,withDirectives as b,toDisplayString as w,createVNode as x}from"vue";function z(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var k={exports:{}};!function(e){function t(n){return e.exports=t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.__esModule=!0,e.exports.default=e.exports,t(n)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(k);var C,L=z(k.exports),E={exports:{}};(C=E).exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},C.exports.__esModule=!0,C.exports.default=C.exports;var _=z(E.exports),A={exports:{}};!function(e){function t(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}e.exports=function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e},e.exports.__esModule=!0,e.exports.default=e.exports}(A);var I,S=z(A.exports),O={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>'},P=function(){function e(t){if(_(this,e),this.defaultOptions={scale:!0,blur:!0,disabled:!1},!t.value)throw new Error('[MazUI](zoom-img) Image path must be defined. Ex: `v-zoom-img="<PATH_TO_IMAGE>"`');if("object"===L(t.value)&&!t.value.src)throw new Error("[MazUI](zoom-img) src of image must be provided");this.buttonsAdded=!1,this.options=this.buildOptions(t),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)}return S(e,[{key:"buildOptions",value:function(e){return Object.assign(Object.assign({},this.defaultOptions),"object"===L(e.value)?e.value:{src:e.value})}},{key:"allInstances",get:function(){return Array.from(document.querySelectorAll(".maz-zoom-img-instance"))}},{key:"create",value:function(e){var t=this;this.options.disabled||(e.style.cursor="pointer",setTimeout((function(){return 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",e.addEventListener("mouseenter",(function(){return t.mouseEnter(e)})),e.addEventListener("mouseleave",(function(){return t.mouseLeave(e)})),e.addEventListener("click",(function(){return t.renderPreview(e,t.options)})))}},{key:"update",value:function(e){this.options=this.buildOptions(e)}},{key:"remove",value:function(e){var t=this;this.imgEventHandler(!1),e.removeEventListener("click",(function(){return t.renderPreview(e)})),e.removeEventListener("mouseenter",(function(){return t.mouseEnter(e)})),e.removeEventListener("mouseleave",(function(){return t.mouseLeave(e)})),e.classList.remove("maz-zoom-img-instance"),e.removeAttribute("data-src"),e.removeAttribute("data-alt"),e.style.cursor=""}},{key:"renderPreview",value:function(e,t){var n=this;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: rgba(86, 87, 117, .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: rgba(86, 87, 117, .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: rgba(17, 17, 17, 0.5);\n  box-shadow: 0 0 0.5rem 0 rgba(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: black;\n}");var r=document.createElement("div");r.classList.add("maz-zoom-img"),r.setAttribute("id","MazImgPreviewFullsize"),r.addEventListener("click",(function(e){r.isEqualNode(e.target)&&n.closePreview()})),"object"===L(t)&&(this.img.setAttribute("src",t.src),t.alt&&this.img.setAttribute("alt",t.alt),this.img.id="MazImgElement"),this.wrapper.append(this.img),r.append(this.wrapper),document.body.appendChild(r),this.keyboardEventHandler(!0),setTimeout((function(){r&&r.classList.add("maz-animate")}),100)}},{key:"onImgLoaded",value:function(){this.wrapper.style.width="".concat(this.img.width,"px"),this.wrapper.style.minWidth="200px",this.loader.hidden=!0;var e=this.getButton(),t=[],n=this.allInstances.length>1;if(!this.buttonsAdded){if(this.buttonsAdded=!0,n){var r=this.getButton("previous"),o=this.getButton("next");t.push(r,o)}this.wrapper.append(e),n&&(this.wrapper.prepend(t[0]),this.wrapper.append(t[1]))}}},{key:"getLoader",value:function(){var e=document.createElement("div");return e.classList.add("maz-zoom-img__loader"),e.innerHTML=O.spinner,e}},{key:"mouseLeave",value:function(e){this.options.scale&&(e.style.transform=""),this.options.blur&&(e.style.filter=""),e.style.zIndex=""}},{key:"mouseEnter",value:function(e){e.style.zIndex="1",this.options.scale&&(e.style.transform="scale(1.1)"),this.options.blur&&(e.style.filter="blur(2px)")}},{key:"keydownLister",value:function(e){e.preventDefault(),"Escape"!==e.key&&" "!==e.key||this.closePreview(),"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||this.nextPreviousImage("ArrowRight"===e.key)}},{key:"getButton",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"close",n=document.createElement("button");return n.innerHTML=O[t],n.onclick=function(){"close"===t?e.closePreview():e.allInstances&&e.nextPreviousImage("next"===t)},n.classList.add("maz-zoom-btn"),n.classList.add("maz-zoom-btn--".concat(t)),n}},{key:"closePreview",value:function(){var e=document.querySelector("#MazImgPreviewFullsize"),t=document.querySelector("#MazPreviewStyle"),n=document.querySelector(".maz-zoom-img-instance.maz-is-open");n&&n.classList.remove("maz-is-open"),e&&e.classList.remove("maz-animate"),this.keyboardEventHandler(!1),setTimeout((function(){e&&e.remove(),t&&t.remove()}),300)}},{key:"nextPreviousImage",value:function(e){var t=this,n=e,r=document.querySelector(".maz-zoom-img-instance.maz-is-open"),o=this.allInstances.findIndex((function(e){return e===r})),a=n?o+1:o-1,i=this.allInstances[a<0?t.allInstances.length-1:a>=t.allInstances.length?0:a];if(i&&r){r.classList.remove("maz-is-open"),i.classList.add("maz-is-open");var s=i.getAttribute("data-src"),l=i.getAttribute("data-alt");this.wrapper.style.width="",this.loader.hidden=!1,s&&this.img.setAttribute("src",s),l&&this.img.setAttribute("alt",l)}}},{key:"addStyle",value:function(e){var t=document.createElement("style");t.id="MazPreviewStyle",t.textContent=e,document.head.append(t)}},{key:"keyboardEventHandler",value:function(e){if(e)return document.addEventListener("keydown",this.keydownHandler);document.removeEventListener("keydown",this.keydownHandler)}},{key:"imgEventHandler",value:function(e){if(e)return this.img.addEventListener("load",this.onImgLoadedCallback);this.img.removeEventListener("load",this.onImgLoadedCallback)}}]),e}(),H={created:function(e,t){(I=new P(t)).create(e)},updated:function(e,t){I.update(t)},unmounted:function(e){I.remove(e)}},M={exports:{}};!function(e){var t=function(e){var t,n=Object.prototype,r=n.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},a=o.iterator||"@@iterator",i=o.asyncIterator||"@@asyncIterator",s=o.toStringTag||"@@toStringTag";function l(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{l({},"")}catch(e){l=function(e,t,n){return e[t]=n}}function c(e,t,n,r){var o=t&&t.prototype instanceof p?t:p,a=Object.create(o.prototype),i=new A(r||[]);return a._invoke=function(e,t,n){var r=d;return function(o,a){if(r===h)throw new Error("Generator is already running");if(r===f){if("throw"===o)throw a;return S()}for(n.method=o,n.arg=a;;){var i=n.delegate;if(i){var s=L(i,n);if(s){if(s===v)continue;return s}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(r===d)throw r=f,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r=h;var l=u(e,t,n);if("normal"===l.type){if(r=n.done?f:m,l.arg===v)continue;return{value:l.arg,done:n.done}}"throw"===l.type&&(r=f,n.method="throw",n.arg=l.arg)}}}(e,n,i),a}function u(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}e.wrap=c;var d="suspendedStart",m="suspendedYield",h="executing",f="completed",v={};function p(){}function g(){}function y(){}var b={};l(b,a,(function(){return this}));var w=Object.getPrototypeOf,x=w&&w(w(I([])));x&&x!==n&&r.call(x,a)&&(b=x);var z=y.prototype=p.prototype=Object.create(b);function k(e){["next","throw","return"].forEach((function(t){l(e,t,(function(e){return this._invoke(t,e)}))}))}function C(e,t){function n(o,a,i,s){var l=u(e[o],e,a);if("throw"!==l.type){var c=l.arg,d=c.value;return d&&"object"==typeof d&&r.call(d,"__await")?t.resolve(d.__await).then((function(e){n("next",e,i,s)}),(function(e){n("throw",e,i,s)})):t.resolve(d).then((function(e){c.value=e,i(c)}),(function(e){return n("throw",e,i,s)}))}s(l.arg)}var o;this._invoke=function(e,r){function a(){return new t((function(t,o){n(e,r,t,o)}))}return o=o?o.then(a,a):a()}}function L(e,n){var r=e.iterator[n.method];if(r===t){if(n.delegate=null,"throw"===n.method){if(e.iterator.return&&(n.method="return",n.arg=t,L(e,n),"throw"===n.method))return v;n.method="throw",n.arg=new TypeError("The iterator does not provide a 'throw' method")}return v}var o=u(r,e.iterator,n.arg);if("throw"===o.type)return n.method="throw",n.arg=o.arg,n.delegate=null,v;var a=o.arg;return a?a.done?(n[e.resultName]=a.value,n.next=e.nextLoc,"return"!==n.method&&(n.method="next",n.arg=t),n.delegate=null,v):a:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,v)}function E(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function _(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function A(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(E,this),this.reset(!0)}function I(e){if(e){var n=e[a];if(n)return n.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function n(){for(;++o<e.length;)if(r.call(e,o))return n.value=e[o],n.done=!1,n;return n.value=t,n.done=!0,n};return i.next=i}}return{next:S}}function S(){return{value:t,done:!0}}return g.prototype=y,l(z,"constructor",y),l(y,"constructor",g),g.displayName=l(y,s,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,y):(e.__proto__=y,l(e,s,"GeneratorFunction")),e.prototype=Object.create(z),e},e.awrap=function(e){return{__await:e}},k(C.prototype),l(C.prototype,i,(function(){return this})),e.AsyncIterator=C,e.async=function(t,n,r,o,a){void 0===a&&(a=Promise);var i=new C(c(t,n,r,o),a);return e.isGeneratorFunction(n)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},k(z),l(z,s,"Generator"),l(z,a,(function(){return this})),l(z,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=[];for(var n in e)t.push(n);return t.reverse(),function n(){for(;t.length;){var r=t.pop();if(r in e)return n.value=r,n.done=!1,n}return n.done=!0,n}},e.values=I,A.prototype={constructor:A,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(_),!e)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=t)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var n=this;function o(r,o){return s.type="throw",s.arg=e,n.next=r,o&&(n.method="next",n.arg=t),!!o}for(var a=this.tryEntries.length-1;a>=0;--a){var i=this.tryEntries[a],s=i.completion;if("root"===i.tryLoc)return o("end");if(i.tryLoc<=this.prev){var l=r.call(i,"catchLoc"),c=r.call(i,"finallyLoc");if(l&&c){if(this.prev<i.catchLoc)return o(i.catchLoc,!0);if(this.prev<i.finallyLoc)return o(i.finallyLoc)}else if(l){if(this.prev<i.catchLoc)return o(i.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return o(i.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var a=o;break}}a&&("break"===e||"continue"===e)&&a.tryLoc<=t&&t<=a.finallyLoc&&(a=null);var i=a?a.completion:{};return i.type=e,i.arg=t,a?(this.method="next",this.next=a.finallyLoc,v):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),v},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),_(n),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var o=r.arg;_(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,n,r){return this.delegate={iterator:I(e),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=t),v}},e}(e.exports);try{regeneratorRuntime=t}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}}(M);var j=M.exports;
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -12,5 +12,5 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
 LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */function S(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,s)}l((r=r.apply(e,t||[])).next())}))}function P(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function j(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=P(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,a){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,a,(t=e[n](t)).done,t.value)}))}}}function H(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return M(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return M(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,a=function(){};return{s:a,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){s=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(s)throw o}}}}function M(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var B,T={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}},R=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};z(this,e),this.observers=[],this.defaultOptions=T,this.hasImgLoaded=!1,this.options=this.buildOptions(t),this.onImgLoadedCallback=this.imageIsLoaded.bind(this),this.onImgErrorCallback=this.imageHasError.bind(this)}return L(e,[{key:"loadErrorPhoto",value:function(){return S(this,void 0,void 0,C.mark((function e(){return C.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,import("./no_photo-a72545e4.js");case 2:return e.abrupt("return",e.sent.default);case 3:case"end":return e.stop()}}),e)})))}},{key:"buildOptions",value:function(e){return Object.assign(Object.assign(Object.assign({},this.defaultOptions),e),{observerOptions:Object.assign(Object.assign({},this.defaultOptions.observerOptions),e.observerOptions)})}},{key:"removeClass",value:function(e,t){e.classList.remove(t)}},{key:"addClass",value:function(e,t){e.classList.add(t)}},{key:"removeAllStateClasses",value:function(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)}},{key:"setBaseClass",value:function(e){this.addClass(e,this.options.baseClass)}},{key:"imageIsLoading",value:function(e){var t,n;this.addClass(e,this.options.loadingClass),null===(n=(t=this.options).onLoading)||void 0===n||n.call(t,e)}},{key:"imageHasNoPhoto",value:function(e){this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.noPhotoClass),this.setDefaultPhoto(e)}},{key:"imageIsLoaded",value:function(e){var t,n;this.hasImgLoaded=!0,this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.loadedClass),null===(n=(t=this.options).onLoaded)||void 0===n||n.call(t,e)}},{key:"imageHasError",value:function(e,t){var n,r;console.warn("[MazLazyImg] Error while loading image",t),this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.errorClass),null===(r=(n=this.options).onError)||void 0===r||r.call(n,e),this.setDefaultPhoto(e)}},{key:"getImageUrl",value:function(e,t){var n=this.getImgElement(e).getAttribute("data-src");if(n)return n;var r="object"===w(t.value)?t.value.src:t.value;return r||console.warn("[MazLazyImg] src url is not defined"),r}},{key:"setPictureSourceUrls",value:function(e){var t,n;return S(this,void 0,void 0,C.mark((function r(){var a,o,i,s,l;return C.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(!((a=e.querySelectorAll("source")).length>0)){r.next=30;break}r.prev=2,o=j(a);case 4:return r.next=6,o.next();case 6:if((i=r.sent).done){r.next=13;break}s=i.value,(l=s.getAttribute("data-srcset"))?s.srcset=l:console.warn('[MazLazyImg] the "[data-srcset]" attribute is not provided on "<source />"');case 11:r.next=4;break;case 13:r.next=18;break;case 15:r.prev=15,r.t0=r.catch(2),t={error:r.t0};case 18:if(r.prev=18,r.prev=19,!i||i.done||!(n=o.return)){r.next=23;break}return r.next=23,n.call(o);case 23:if(r.prev=23,!t){r.next=26;break}throw t.error;case 26:return r.finish(23);case 27:return r.finish(18);case 28:r.next=32;break;case 30:console.warn('[MazLazyImg] No "<source />" elements provided into the "<picture />" element'),this.imageHasError(e);case 32:case"end":return r.stop()}}),r,this,[[2,15,18,28],[19,,23,27]])})))}},{key:"hasBgImgMode",value:function(e){return"bg-image"===e.arg}},{key:"isPictureElement",value:function(e){return e instanceof HTMLPictureElement}},{key:"getImgElement",value:function(e){return this.isPictureElement(e)?e.querySelector("img"):e}},{key:"setDefaultPhoto",value:function(e){var t,n;return S(this,void 0,void 0,C.mark((function r(){var a,o,i,s;return C.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(!this.options.noUseErrorPhoto){r.next=2;break}return r.abrupt("return");case 2:if(!this.options.errorPhoto){r.next=6;break}r.t0=this.options.errorPhoto,r.next=9;break;case 6:return r.next=8,this.loadErrorPhoto();case 8:r.t0=r.sent;case 9:if(a=r.t0,!((o=e.querySelectorAll("source")).length>0)){r.next=39;break}r.prev=12,i=j(o);case 14:return r.next=16,i.next();case 16:if((s=r.sent).done){r.next=22;break}s.value.srcset=a;case 20:r.next=14;break;case 22:r.next=27;break;case 24:r.prev=24,r.t1=r.catch(12),t={error:r.t1};case 27:if(r.prev=27,r.prev=28,!s||s.done||!(n=i.return)){r.next=32;break}return r.next=32,n.call(i);case 32:if(r.prev=32,!t){r.next=35;break}throw t.error;case 35:return r.finish(32);case 36:return r.finish(27);case 37:r.next=40;break;case 39:this.setImgSrc(e,a);case 40:case"end":return r.stop()}}),r,this,[[12,24,27,37],[28,,32,36]])})))}},{key:"addEventListenerToImg",value:function(e){var t=this,n=this.getImgElement(e);n.addEventListener("load",(function(){return t.onImgLoadedCallback(e)}),{once:!0}),n.addEventListener("error",(function(n){return t.onImgErrorCallback(e,n)}),{once:!0})}},{key:"loadImage",value:function(e,t){return S(this,void 0,void 0,C.mark((function n(){var r;return C.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(this.imageIsLoading(e),!this.isPictureElement(e)){n.next=7;break}return this.addEventListenerToImg(e),n.next=5,this.setPictureSourceUrls(e);case 5:n.next=11;break;case 7:if(r=this.getImageUrl(e,t)){n.next=10;break}return n.abrupt("return",this.imageHasError(e));case 10:this.hasBgImgMode(t)?(e.style.backgroundImage="url('".concat(r,"')"),this.imageIsLoaded(e)):(this.addEventListenerToImg(e),this.setImgSrc(e,r));case 11:case"end":return n.stop()}}),n,this)})))}},{key:"setImgSrc",value:function(e,t){this.getImgElement(e).src=t}},{key:"handleIntersectionObserver",value:function(e,t,n,r){var a,o;this.observers.push(r);var i,s=H(n);try{for(s.s();!(i=s.n()).done;){var l=i.value;if(l.isIntersecting){if(null===(o=(a=this.options).onIntersecting)||void 0===o||o.call(a,l.target),this.options.observerOnce&&r.unobserve(e),this.options.loadOnce&&this.hasImgLoaded)return;this.loadImage(e,t)}}}catch(e){s.e(e)}finally{s.f()}}},{key:"createObserver",value:function(e,t){var n=this,r=this.options.observerOptions;new IntersectionObserver((function(r,a){n.handleIntersectionObserver(e,t,r,a)}),r).observe(e)}},{key:"imageHandler",value:function(e,t,n){var r,a;return S(this,void 0,void 0,C.mark((function o(){var i,s;return C.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:if("update"!==n){o.next=26;break}o.prev=1,i=j(this.observers);case 3:return o.next=5,i.next();case 5:if((s=o.sent).done){o.next=11;break}s.value.unobserve(e);case 9:o.next=3;break;case 11:o.next=16;break;case 13:o.prev=13,o.t0=o.catch(1),r={error:o.t0};case 16:if(o.prev=16,o.prev=17,!s||s.done||!(a=i.return)){o.next=21;break}return o.next=21,a.call(i);case 21:if(o.prev=21,!r){o.next=24;break}throw r.error;case 24:return o.finish(21);case 25:return o.finish(16);case 26:window.IntersectionObserver?this.createObserver(e,t):this.loadImage(e,t);case 27:case"end":return o.stop()}}),o,this,[[1,13,16,26],[17,,21,25]])})))}},{key:"bindUpdateHandler",value:function(e,t,n){return S(this,void 0,void 0,C.mark((function r(){return C.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(!this.options.noPhoto){r.next=2;break}return r.abrupt("return",this.imageHasNoPhoto(e));case 2:return r.next=4,this.imageHandler(e,t,n);case 4:case"end":return r.stop()}}),r,this)})))}},{key:"add",value:function(e,t){return S(this,void 0,void 0,C.mark((function n(){var r=this;return C.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(!this.hasBgImgMode(t)||!this.isPictureElement(e)){n.next=2;break}throw new Error('[MazLazyImg] You can\'t use the "bg-image" mode with "<picture />" element');case 2:return setTimeout((function(){return r.setBaseClass(e)}),0),e.getAttribute("src")||this.setImgSrc(e,"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"),n.next=6,this.bindUpdateHandler(e,t,"bind");case 6:case"end":return n.stop()}}),n,this)})))}},{key:"update",value:function(e,t){return S(this,void 0,void 0,C.mark((function n(){return C.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(t.value===t.oldValue){n.next=5;break}return this.hasImgLoaded=!1,this.removeAllStateClasses(e),n.next=5,this.bindUpdateHandler(e,t,"update");case 5:case"end":return n.stop()}}),n,this)})))}},{key:"remove",value:function(e,t){this.hasImgLoaded=!1,this.hasBgImgMode(t)&&(e.style.backgroundImage=""),this.removeAllStateClasses(e);var n,r=H(this.observers);try{for(r.s();!(n=r.n()).done;){n.value.unobserve(e)}}catch(e){r.e(e)}finally{r.f()}this.observers=[]}}]),e}(),N=e({directives:{"zoom-img":I,"lazy-img":{created:function(e,t){var n="object"===w(t.value)?t.value:{};(B=new R(n)).add(e,t)},updated:function(e,t){B.update(e,t)},unmounted:function(e,t){B.remove(e,t)}}},props:{images:{type:Array,default:Array},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:function(e){t((function(){e.imagesShownCount>5&&console.warn('[MazUI](m-gallery) The maximum of "images-shown-count" is 5')}));var r=n((function(){var t=e.height,n=e.width,r=e.noWidth,a=e.noHeight;return Object.assign(Object.assign({},r?{}:{flex:"0 0 ".concat("number"==typeof n?"".concat(n,"px"):n),width:"number"==typeof n?"".concat(n,"px"):n}),a?{}:{height:"number"==typeof t?"".concat(t,"px"):"".concat(t),minHeight:"number"==typeof t?"".concat(t,"px"):"".concat(t)})})),a=n((function(){var t=e.imagesShownCount;return t<=5?t:5})),o=n((function(){var t=e.images;return t.length-(t.length<a.value?t.length:a.value)})),i=n((function(){return e.images.map((function(e){return"object"===w(e)?e:{slug:e,alt:void 0}}))})),s=n((function(){return i.value.slice(0,a.value)})),l=n((function(){return i.value.slice(a.value,e.images.length)}));return{sizeStyle:r,imagesCount:a,shouldHaveRemainingLayer:function(t){return o.value&&t+1===s.value.length&&!e.noRemaining},imagesShown:s,numberImagesRemaining:o,imagesHidden:l}}}),U=function(e){return p("data-v-2ad3a615"),e=e(),v(),e},G={class:"m-gallery__wrapper maz-flex maz-flex-1"},q=["alt"],F={key:0,class:"m-gallery__remaining-layer maz-flex maz-bg-overlay maz-flex-center"},D={class:"maz-text-2xl maz-text-white"},Z=[f(" // TODO: icon "),U((function(){return l("i",{class:"material-icons maz-text-muted"},"no_photography",-1)}))];!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("/* purgecss start ignore */\n\n.m-gallery[data-v-2ad3a615] {\n  position: relative;\n  overflow: hidden;\n}\n\n.m-gallery__hidden[data-v-2ad3a615] {\n  display: none;\n}\n\n.m-gallery__item[data-v-2ad3a615] {\n  position: absolute;\n  top: 0px;\n  margin: 0px;\n  height: 50%;\n  width: 100%;\n  overflow: hidden;\n  border-left-width: 2px;\n  border-color: transparent;\n  padding: 0px;\n}\n\n.m-gallery__item--1[data-v-2ad3a615] {\n  left: 0;\n  height: 100%;\n}\n\n.m-gallery__item--1[data-v-2ad3a615]:not(:last-child) {\n  width: 50%;\n}\n\n.m-gallery__item--2[data-v-2ad3a615] {\n  left: 50%;\n  width: 50%;\n  height: 50%;\n}\n\n.m-gallery__item--2[data-v-2ad3a615]:last-child {\n  height: 100%;\n}\n\n.m-gallery__item--2[data-v-2ad3a615]:nth-last-child(4) {\n  width: 25%;\n}\n\n.m-gallery__item--3[data-v-2ad3a615] {\n  top: 50%;\n  left: 50%;\n  width: 25%;\n}\n\n.m-gallery__item--3[data-v-2ad3a615]:last-child {\n  width: 50%;\n}\n\n.m-gallery__item--3[data-v-2ad3a615]:nth-last-child(3) {\n  top: 0;\n  left: 75%;\n}\n\n.m-gallery__item--4[data-v-2ad3a615] {\n  border-top-width: 2px;\n  border-color: transparent;\n  top: 50%;\n  left: 50%;\n  width: 25%;\n}\n\n.m-gallery__item--4[data-v-2ad3a615]:last-child {\n  left: 75%;\n  width: 25%;\n}\n\n.m-gallery__item--5[data-v-2ad3a615] {\n  border-top-width: 2px;\n  border-color: transparent;\n  top: 50%;\n  left: 75%;\n  width: 25%;\n}\n\n.m-gallery__item[data-v-2ad3a615]:first-child {\n  border-left: 0;\n}\n\n.m-gallery__item--3[data-v-2ad3a615]:last-child, .m-gallery__item--3[data-v-2ad3a615]:nth-last-child(2), .m-gallery__item--4[data-v-2ad3a615]:last-child, .m-gallery__item--5[data-v-2ad3a615] {\n  border-top-width: 2px;\n  border-color: transparent;\n}\n\n.m-gallery__item__image[data-v-2ad3a615] {\n  /* display: block; */\n  height: 100%;\n  max-width: 100%;\n  width: 100%;\n  background-position: center center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-color: rgb(0 0 0 / 5%);\n}\n\n.m-gallery__remaining-layer[data-v-2ad3a615] {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n}\n\n.m-gallery__remaining-layer a span[data-v-2ad3a615] {\n  color: white;\n  font-size: 2rem;\n}\n\n/* purgecss end ignore */\n"),N.render=function(e,t,n,f,p,v){var g=r("zoom-img"),y=r("lazy-img");return e.images.length||e.hasEmptyLayer?(a(),o("div",{key:0,class:i(["m-gallery maz-flex",{"maz-rounded-xl":!e.noRadius}]),style:s([e.sizeStyle])},[l("section",G,[(a(!0),o(u,null,c(e.imagesShown,(function(t,n){return a(),o("figure",{key:n,class:i(["m-gallery__item !maz-my-0 maz-flex maz-flex-center",["m-gallery__item--".concat(n+1)]])},[d(l("img",{class:"m-gallery__item__image maz-flex-1",src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",alt:t.alt},null,8,q),[[g,{src:t.slug,alt:t.alt,disabled:e.noZoom||e.shouldHaveRemainingLayer(n),blur:e.blur,scale:e.scale}],[y,{src:t.slug,disabled:!e.lazy},"bg-image"]]),e.shouldHaveRemainingLayer(n)?d((a(),o("div",F,[l("span",D,"+"+m(e.numberImagesRemaining),1)])),[[g,{src:t.slug,alt:t.alt,disabled:e.noZoom,blur:!1,scale:e.scale}]]):h("",!0)],2)})),128)),e.hasEmptyLayer&&!e.images.length?(a(),o("div",{key:0,class:i(["maz-flex maz-w-full maz-bg-gray-100 maz-flex-center",{"maz-rounded-xl":!e.noRadius}]),style:s([e.sizeStyle])},Z,6)):h("",!0)]),(a(!0),o(u,null,c(e.imagesHidden,(function(t,n){return d((a(),o("div",{key:n,class:"m-gallery__hidden"})),[[g,{src:t.slug,disabled:e.noZoom}]])})),128))],6)):h("",!0)},N.__scopeId="data-v-2ad3a615";export{N as default};
+***************************************************************************** */function B(e,t,n,r){return new(n||(n=Promise))((function(o,a){function i(e){try{l(r.next(e))}catch(e){a(e)}}function s(e){try{l(r.throw(e))}catch(e){a(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,s)}l((r=r.apply(e,t||[])).next())}))}function T(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function N(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=T(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,o){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,o,(t=e[n](t)).done,t.value)}))}}}function R(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return F(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return F(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){s=!0,a=e},f:function(){try{i||null==n.return||n.return()}finally{if(s)throw a}}}}function F(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var D,G={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}},U=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};_(this,e),this.observers=[],this.defaultOptions=G,this.hasImgLoaded=!1,this.options=this.buildOptions(t),this.onImgLoadedCallback=this.imageIsLoaded.bind(this),this.onImgErrorCallback=this.imageHasError.bind(this)}return S(e,[{key:"loadErrorPhoto",value:function(){return B(this,void 0,void 0,j.mark((function e(){return j.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,import("./no_photo-a72545e4.js");case 2:return e.abrupt("return",e.sent.default);case 3:case"end":return e.stop()}}),e)})))}},{key:"buildOptions",value:function(e){return Object.assign(Object.assign(Object.assign({},this.defaultOptions),e),{observerOptions:Object.assign(Object.assign({},this.defaultOptions.observerOptions),e.observerOptions)})}},{key:"removeClass",value:function(e,t){e.classList.remove(t)}},{key:"addClass",value:function(e,t){e.classList.add(t)}},{key:"removeAllStateClasses",value:function(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)}},{key:"setBaseClass",value:function(e){this.addClass(e,this.options.baseClass)}},{key:"imageIsLoading",value:function(e){var t,n;this.addClass(e,this.options.loadingClass),null===(n=(t=this.options).onLoading)||void 0===n||n.call(t,e)}},{key:"imageHasNoPhoto",value:function(e){this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.noPhotoClass),this.setDefaultPhoto(e)}},{key:"imageIsLoaded",value:function(e){var t,n;this.hasImgLoaded=!0,this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.loadedClass),null===(n=(t=this.options).onLoaded)||void 0===n||n.call(t,e)}},{key:"imageHasError",value:function(e,t){var n,r;console.warn("[MazLazyImg] Error while loading image",t),this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.errorClass),null===(r=(n=this.options).onError)||void 0===r||r.call(n,e),this.setDefaultPhoto(e)}},{key:"getImageUrl",value:function(e,t){var n=this.getImgElement(e).getAttribute("data-src");if(n)return n;var r="object"===L(t.value)?t.value.src:t.value;return r||console.warn("[MazLazyImg] src url is not defined"),r}},{key:"setPictureSourceUrls",value:function(e){var t,n;return B(this,void 0,void 0,j.mark((function r(){var o,a,i,s,l;return j.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(!((o=e.querySelectorAll("source")).length>0)){r.next=30;break}r.prev=2,a=N(o);case 4:return r.next=6,a.next();case 6:if((i=r.sent).done){r.next=13;break}s=i.value,(l=s.getAttribute("data-srcset"))?s.srcset=l:console.warn('[MazLazyImg] the "[data-srcset]" attribute is not provided on "<source />"');case 11:r.next=4;break;case 13:r.next=18;break;case 15:r.prev=15,r.t0=r.catch(2),t={error:r.t0};case 18:if(r.prev=18,r.prev=19,!i||i.done||!(n=a.return)){r.next=23;break}return r.next=23,n.call(a);case 23:if(r.prev=23,!t){r.next=26;break}throw t.error;case 26:return r.finish(23);case 27:return r.finish(18);case 28:r.next=32;break;case 30:console.warn('[MazLazyImg] No "<source />" elements provided into the "<picture />" element'),this.imageHasError(e);case 32:case"end":return r.stop()}}),r,this,[[2,15,18,28],[19,,23,27]])})))}},{key:"hasBgImgMode",value:function(e){return"bg-image"===e.arg}},{key:"isPictureElement",value:function(e){return e instanceof HTMLPictureElement}},{key:"getImgElement",value:function(e){return this.isPictureElement(e)?e.querySelector("img"):e}},{key:"setDefaultPhoto",value:function(e){var t,n;return B(this,void 0,void 0,j.mark((function r(){var o,a,i,s;return j.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(!this.options.noUseErrorPhoto){r.next=2;break}return r.abrupt("return");case 2:if(!this.options.errorPhoto){r.next=6;break}r.t0=this.options.errorPhoto,r.next=9;break;case 6:return r.next=8,this.loadErrorPhoto();case 8:r.t0=r.sent;case 9:if(o=r.t0,!((a=e.querySelectorAll("source")).length>0)){r.next=39;break}r.prev=12,i=N(a);case 14:return r.next=16,i.next();case 16:if((s=r.sent).done){r.next=22;break}s.value.srcset=o;case 20:r.next=14;break;case 22:r.next=27;break;case 24:r.prev=24,r.t1=r.catch(12),t={error:r.t1};case 27:if(r.prev=27,r.prev=28,!s||s.done||!(n=i.return)){r.next=32;break}return r.next=32,n.call(i);case 32:if(r.prev=32,!t){r.next=35;break}throw t.error;case 35:return r.finish(32);case 36:return r.finish(27);case 37:r.next=40;break;case 39:this.setImgSrc(e,o);case 40:case"end":return r.stop()}}),r,this,[[12,24,27,37],[28,,32,36]])})))}},{key:"addEventListenerToImg",value:function(e){var t=this,n=this.getImgElement(e);n.addEventListener("load",(function(){return t.onImgLoadedCallback(e)}),{once:!0}),n.addEventListener("error",(function(n){return t.onImgErrorCallback(e,n)}),{once:!0})}},{key:"loadImage",value:function(e,t){return B(this,void 0,void 0,j.mark((function n(){var r;return j.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(this.imageIsLoading(e),!this.isPictureElement(e)){n.next=7;break}return this.addEventListenerToImg(e),n.next=5,this.setPictureSourceUrls(e);case 5:n.next=11;break;case 7:if(r=this.getImageUrl(e,t)){n.next=10;break}return n.abrupt("return",this.imageHasError(e));case 10:this.hasBgImgMode(t)?(e.style.backgroundImage="url('".concat(r,"')"),this.imageIsLoaded(e)):(this.addEventListenerToImg(e),this.setImgSrc(e,r));case 11:case"end":return n.stop()}}),n,this)})))}},{key:"setImgSrc",value:function(e,t){this.getImgElement(e).src=t}},{key:"handleIntersectionObserver",value:function(e,t,n,r){var o,a;this.observers.push(r);var i,s=R(n);try{for(s.s();!(i=s.n()).done;){var l=i.value;if(l.isIntersecting){if(null===(a=(o=this.options).onIntersecting)||void 0===a||a.call(o,l.target),this.options.observerOnce&&r.unobserve(e),this.options.loadOnce&&this.hasImgLoaded)return;this.loadImage(e,t)}}}catch(e){s.e(e)}finally{s.f()}}},{key:"createObserver",value:function(e,t){var n=this,r=this.options.observerOptions;new IntersectionObserver((function(r,o){n.handleIntersectionObserver(e,t,r,o)}),r).observe(e)}},{key:"imageHandler",value:function(e,t,n){var r,o;return B(this,void 0,void 0,j.mark((function a(){var i,s;return j.wrap((function(a){for(;;)switch(a.prev=a.next){case 0:if("update"!==n){a.next=26;break}a.prev=1,i=N(this.observers);case 3:return a.next=5,i.next();case 5:if((s=a.sent).done){a.next=11;break}s.value.unobserve(e);case 9:a.next=3;break;case 11:a.next=16;break;case 13:a.prev=13,a.t0=a.catch(1),r={error:a.t0};case 16:if(a.prev=16,a.prev=17,!s||s.done||!(o=i.return)){a.next=21;break}return a.next=21,o.call(i);case 21:if(a.prev=21,!r){a.next=24;break}throw r.error;case 24:return a.finish(21);case 25:return a.finish(16);case 26:window.IntersectionObserver?this.createObserver(e,t):this.loadImage(e,t);case 27:case"end":return a.stop()}}),a,this,[[1,13,16,26],[17,,21,25]])})))}},{key:"bindUpdateHandler",value:function(e,t,n){return B(this,void 0,void 0,j.mark((function r(){return j.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(!this.options.noPhoto){r.next=2;break}return r.abrupt("return",this.imageHasNoPhoto(e));case 2:return r.next=4,this.imageHandler(e,t,n);case 4:case"end":return r.stop()}}),r,this)})))}},{key:"add",value:function(e,t){return B(this,void 0,void 0,j.mark((function n(){var r=this;return j.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(!this.hasBgImgMode(t)||!this.isPictureElement(e)){n.next=2;break}throw new Error('[MazLazyImg] You can\'t use the "bg-image" mode with "<picture />" element');case 2:return setTimeout((function(){return r.setBaseClass(e)}),0),e.getAttribute("src")||this.setImgSrc(e,"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"),n.next=6,this.bindUpdateHandler(e,t,"bind");case 6:case"end":return n.stop()}}),n,this)})))}},{key:"update",value:function(e,t){return B(this,void 0,void 0,j.mark((function n(){return j.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(t.value===t.oldValue){n.next=5;break}return this.hasImgLoaded=!1,this.removeAllStateClasses(e),n.next=5,this.bindUpdateHandler(e,t,"update");case 5:case"end":return n.stop()}}),n,this)})))}},{key:"remove",value:function(e,t){this.hasImgLoaded=!1,this.hasBgImgMode(t)&&(e.style.backgroundImage=""),this.removeAllStateClasses(e);var n,r=R(this.observers);try{for(r.s();!(n=r.n()).done;){n.value.unobserve(e)}}catch(e){r.e(e)}finally{r.f()}this.observers=[]}}]),e}(),q={created:function(e,t){var n="object"===L(t.value)?t.value:{};(D=new U(n)).add(e,t)},updated:function(e,t){D.update(e,t)},unmounted:function(e,t){D.remove(e,t)}};var V=["innerHTML"],Z=t({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:function(e){return e}},keepDuringLoading:{type:Boolean,default:!0}},emits:["loaded","unloaded","error"],setup:function(t,d){var m=this,h=d.emit,f=t,v={},p=n(),g=n(),y=function(t,n){var r=e(t,n);if(r)return r}("mazIconPath"),b=r((function(){var e;return null!==(e=f.path)&&void 0!==e?e:y})),w=r((function(){return f.src?f.src:b.value?"".concat(b.value,"/").concat(f.name,".svg"):"/".concat(f.name,".svg")}));o((function(){if(!f.name&&!f.src)throw new Error('[MazIcon] you should provide "name" or "src" as prop');z(w.value)}));var x=function(e){var t=e.cloneNode(!0);return t=f.transformSource(e),f.title&&function(e,t){var n=e.getElementsByTagName("title");if(n.length)n[0].textContent=t;else{var r=document.createElementNS("http://www.w3.org/2000/svg","title");r.textContent=t,e.appendChild(r)}}(t,f.title),e.innerHTML},z=function(e){return B(m,void 0,void 0,j.mark((function t(){var n;return j.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return v[e]||(v[e]=k(e)),t.prev=1,t.next=4,v[e];case 4:return n=t.sent,p.value=n,t.next=8,u();case 8:h("loaded",g.value),t.next=16;break;case 11:t.prev=11,t.t0=t.catch(1),p.value&&(p.value=void 0,h("unloaded")),delete v[e],h("error",t.t0);case 16:case"end":return t.stop()}}),t,null,[[1,11]])})))},k=function(e){return new Promise((function(t,n){var r=new XMLHttpRequest;r.open("GET",e,!0),r.onload=function(){if(r.status>=200&&r.status<400)try{var e=(new DOMParser).parseFromString(r.responseText,"text/xml").getElementsByTagName("svg")[0];e?t(e):n(new Error('Loaded file is not valid SVG"'))}catch(e){n(e)}else n(new Error("Error loading SVG"))},r.onerror=n,r.send()}))};return a((function(){return f.src}),(function(){return z(w.value)})),function(e,n){return p.value?(i(),s("svg",l({key:0,ref_key:"svgElem",ref:g,width:"1em",height:"1em"},Object.assign(Object.assign({},function(e){var t={},n=e.attributes;if(!n)return t;for(var r=n.length-1;r>=0;r--)t[n[r].name]=n[r].value;return t}(p.value)),(r=e.$attrs,Object.keys(r).reduce((function(e,t){return!1!==r[t]&&null!==r[t]&&void 0!==r[t]&&(e[t]=r[t]),e}),{}))),{style:"font-size: ".concat(t.size),innerHTML:x(p.value)}),null,16,V)):c("",!0);var r}}}),W=t({components:{MazIcon:Z},directives:{"zoom-img":H,"lazy-img":q},props:{images:{type:Array,default:function(){return[]}},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:function(e){d((function(){e.imagesShownCount>5&&console.warn('[MazUI](m-gallery) The maximum of "images-shown-count" is 5')}));var t=r((function(){var t=e.height,n=e.width,r=e.noWidth,o=e.noHeight;return Object.assign(Object.assign({},r?{}:{flex:"0 0 ".concat("number"==typeof n?"".concat(n,"px"):n),width:"number"==typeof n?"".concat(n,"px"):n}),o?{}:{height:"number"==typeof t?"".concat(t,"px"):"".concat(t),minHeight:"number"==typeof t?"".concat(t,"px"):"".concat(t)})})),n=r((function(){return e.imagesShownCount<=5?e.imagesShownCount:5})),o=r((function(){return e.images.length-(e.images.length<n.value?e.images.length:n.value)})),a=r((function(){return e.images.map((function(e){return"object"===L(e)?e:{src:e,alt:void 0}}))})),i=r((function(){return console.log("imagesNormalized",a.value),a.value.slice(0,n.value)})),s=r((function(){return a.value.slice(n.value,e.images.length)}));return{sizeStyle:t,imagesCount:n,shouldHaveRemainingLayer:function(t){return o.value&&t+1===i.value.length&&!e.noRemaining},imagesShown:i,numberImagesRemaining:o,imagesHidden:s,NoPhotographyIcon:"data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20enable-background%3D%22new%200%200%2024%2024%22%20%20viewBox%3D%220%200%2024%2024%22%20%20fill%3D%22currentColor%22%3E%20%20%3Cg%3E%20%20%20%20%3Crect%20fill%3D%22none%22%20height%3D%2224%22%20width%3D%2224%22%20%2F%3E%20%20%20%20%3Cg%3E%20%20%20%20%20%20%3Cpath%20%20%20%20%20%20%20%20d%3D%22M8.9%2C6.07L7.48%2C4.66L9%2C3h6l1.83%2C2H20c1.1%2C0%2C2%2C0.9%2C2%2C2v12c0%2C0.05-0.01%2C0.1-0.02%2C0.16L20%2C17.17V7h-4.05l-1.83-2H9.88%20L8.9%2C6.07z%20M20.49%2C23.31L18.17%2C21H4c-1.1%2C0-2-0.9-2-2V7c0-0.59%2C0.27-1.12%2C0.68-1.49l-2-2L2.1%2C2.1l19.8%2C19.8L20.49%2C23.31z%20M9.19%2C12.02C9.08%2C12.33%2C9%2C12.65%2C9%2C13c0%2C1.66%2C1.34%2C3%2C3%2C3c0.35%2C0%2C0.67-0.08%2C0.98-0.19L9.19%2C12.02z%20M16.17%2C19l-1.68-1.68%20C13.76%2C17.75%2C12.91%2C18%2C12%2C18c-2.76%2C0-5-2.24-5-5c0-0.91%2C0.25-1.76%2C0.68-2.49L4.17%2C7H4v12H16.17z%20M14.81%2C11.98l2.07%2C2.07%20C16.96%2C13.71%2C17%2C13.36%2C17%2C13c0-2.76-2.24-5-5-5c-0.36%2C0-0.71%2C0.04-1.06%2C0.12l2.07%2C2.07C13.85%2C10.49%2C14.51%2C11.15%2C14.81%2C11.98z%22%20%20%20%20%20%20%2F%3E%20%20%20%20%3C%2Fg%3E%20%20%3C%2Fg%3E%3C%2Fsvg%3E"}}}),Y={class:"m-gallery__wrapper maz-flex maz-flex-1"},Q=["alt"],$={key:0,class:"m-gallery__remaining-layer maz-flex maz-bg-overlay maz-flex-center"},X={class:"maz-text-2xl maz-text-white"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("/* purgecss start ignore */\n\n.m-gallery[data-v-4c59863a] {\n  position: relative;\n  overflow: hidden;\n}\n\n.m-gallery__hidden[data-v-4c59863a] {\n  display: none;\n}\n\n.m-gallery__item[data-v-4c59863a] {\n  position: absolute;\n  top: 0px;\n  margin: 0px;\n  height: 50%;\n  width: 100%;\n  overflow: hidden;\n  border-left-width: 2px;\n  border-color: transparent;\n  padding: 0px;\n}\n\n.m-gallery__item--1[data-v-4c59863a] {\n  left: 0;\n  height: 100%;\n}\n\n.m-gallery__item--1[data-v-4c59863a]:not(:last-child) {\n  width: 50%;\n}\n\n.m-gallery__item--2[data-v-4c59863a] {\n  left: 50%;\n  width: 50%;\n  height: 50%;\n}\n\n.m-gallery__item--2[data-v-4c59863a]:last-child {\n  height: 100%;\n}\n\n.m-gallery__item--2[data-v-4c59863a]:nth-last-child(4) {\n  width: 25%;\n}\n\n.m-gallery__item--3[data-v-4c59863a] {\n  top: 50%;\n  left: 50%;\n  width: 25%;\n}\n\n.m-gallery__item--3[data-v-4c59863a]:last-child {\n  width: 50%;\n}\n\n.m-gallery__item--3[data-v-4c59863a]:nth-last-child(3) {\n  top: 0;\n  left: 75%;\n}\n\n.m-gallery__item--4[data-v-4c59863a] {\n  border-top-width: 2px;\n  border-color: transparent;\n  top: 50%;\n  left: 50%;\n  width: 25%;\n}\n\n.m-gallery__item--4[data-v-4c59863a]:last-child {\n  left: 75%;\n  width: 25%;\n}\n\n.m-gallery__item--5[data-v-4c59863a] {\n  border-top-width: 2px;\n  border-color: transparent;\n  top: 50%;\n  left: 75%;\n  width: 25%;\n}\n\n.m-gallery__item[data-v-4c59863a]:first-child {\n  border-left: 0;\n}\n\n.m-gallery__item--3[data-v-4c59863a]:last-child, .m-gallery__item--3[data-v-4c59863a]:nth-last-child(2), .m-gallery__item--4[data-v-4c59863a]:last-child, .m-gallery__item--5[data-v-4c59863a] {\n  border-top-width: 2px;\n  border-color: transparent;\n}\n\n.m-gallery__item__image[data-v-4c59863a] {\n  /* display: block; */\n  height: 100%;\n  max-width: 100%;\n  width: 100%;\n  background-position: center center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-color: rgb(0 0 0 / 5%);\n}\n\n.m-gallery__remaining-layer[data-v-4c59863a] {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n}\n\n.m-gallery__remaining-layer a span[data-v-4c59863a] {\n  color: white;\n  font-size: 2rem;\n}\n\n/* purgecss end ignore */\n"),W.render=function(e,t,n,r,o,a){var l=m("MazIcon"),u=h("zoom-img"),d=h("lazy-img");return e.images.length||e.hasEmptyLayer?(i(),s("div",{key:0,class:f(["m-gallery maz-flex",{"maz-rounded-xl":!e.noRadius}]),style:v([e.sizeStyle])},[p("section",Y,[(i(!0),s(g,null,y(e.imagesShown,(function(t,n){return i(),s("figure",{key:n,class:f(["m-gallery__item !maz-my-0 maz-flex maz-flex-center",["m-gallery__item--".concat(n+1)]])},[b(p("img",{class:"m-gallery__item__image maz-flex-1",src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",alt:t.alt},null,8,Q),[[u,{src:t.src,alt:t.alt,disabled:e.noZoom||e.shouldHaveRemainingLayer(n),blur:e.blur,scale:e.scale}],[d,{src:t.src,disabled:!e.lazy},"bg-image"]]),e.shouldHaveRemainingLayer(n)?b((i(),s("div",$,[p("span",X,"+"+w(e.numberImagesRemaining),1)])),[[u,{src:t.src,alt:t.alt,disabled:e.noZoom,blur:!1,scale:e.scale}]]):c("",!0)],2)})),128)),e.hasEmptyLayer&&!e.images.length?(i(),s("div",{key:0,class:f(["maz-flex maz-w-full maz-bg-color-light maz-text-normal-text maz-flex-center",{"maz-rounded-xl":!e.noRadius}]),style:v([e.sizeStyle])},[x(l,{src:e.NoPhotographyIcon,size:"2rem"},null,8,["src"])],6)):c("",!0)]),(i(!0),s(g,null,y(e.imagesHidden,(function(t,n){return b((i(),s("div",{key:n,class:"m-gallery__hidden"})),[[u,{src:t.src,disabled:e.noZoom}]])})),128))],6)):c("",!0)},W.__scopeId="data-v-4c59863a";export{W as default};
 //# sourceMappingURL=MazGallery.js.map