maz-ui 2.3.13 → 2.4.2

package/components/MazDropzone.js

@@ -0,0 +1,3 @@
+import{defineComponent as n,openBlock as e,createElementBlock as t,normalizeClass as r,pushScopeId as o,popScopeId as i,createElementVNode as a,ref as s,computed as l,onMounted as c,onBeforeUnmount as d,resolveComponent as p,normalizeStyle as u,renderSlot as m,toDisplayString as f,createBlock as z}from"vue";function g(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function h(n,e,t,r,o,i,a){try{var s=n[i](a),l=s.value}catch(n){return void t(n)}s.done?e(l):Promise.resolve(l).then(r,o)}function v(n){return function(){var e=this,t=arguments;return new Promise((function(r,o){var i=n.apply(e,t);function a(n){h(i,r,o,a,s,"next",n)}function s(n){h(i,r,o,a,s,"throw",n)}a(void 0)}))}}var b={exports:{}},y={exports:{}};!function(n){function e(t){return n.exports=e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},n.exports.__esModule=!0,n.exports.default=n.exports,e(t)}n.exports=e,n.exports.__esModule=!0,n.exports.default=n.exports}(y),function(n){var e=y.exports.default;function t(){
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+n.exports=t=function(){return r},n.exports.__esModule=!0,n.exports.default=n.exports;var r={},o=Object.prototype,i=o.hasOwnProperty,a="function"==typeof Symbol?Symbol:{},s=a.iterator||"@@iterator",l=a.asyncIterator||"@@asyncIterator",c=a.toStringTag||"@@toStringTag";function d(n,e,t){return Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}),n[e]}try{d({},"")}catch(n){d=function(n,e,t){return n[e]=t}}function p(n,e,t,r){var o=e&&e.prototype instanceof f?e:f,i=Object.create(o.prototype),a=new j(r||[]);return i._invoke=function(n,e,t){var r="suspendedStart";return function(o,i){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===o)throw i;return L()}for(t.method=o,t.arg=i;;){var a=t.delegate;if(a){var s=k(a,t);if(s){if(s===m)continue;return s}}if("next"===t.method)t.sent=t._sent=t.arg;else if("throw"===t.method){if("suspendedStart"===r)throw r="completed",t.arg;t.dispatchException(t.arg)}else"return"===t.method&&t.abrupt("return",t.arg);r="executing";var l=u(n,e,t);if("normal"===l.type){if(r=t.done?"completed":"suspendedYield",l.arg===m)continue;return{value:l.arg,done:t.done}}"throw"===l.type&&(r="completed",t.method="throw",t.arg=l.arg)}}}(n,t,a),i}function u(n,e,t){try{return{type:"normal",arg:n.call(e,t)}}catch(n){return{type:"throw",arg:n}}}r.wrap=p;var m={};function f(){}function z(){}function g(){}var h={};d(h,s,(function(){return this}));var v=Object.getPrototypeOf,b=v&&v(v(E([])));b&&b!==o&&i.call(b,s)&&(h=b);var y=g.prototype=f.prototype=Object.create(h);function w(n){["next","throw","return"].forEach((function(e){d(n,e,(function(n){return this._invoke(e,n)}))}))}function x(n,t){function r(o,a,s,l){var c=u(n[o],n,a);if("throw"!==c.type){var d=c.arg,p=d.value;return p&&"object"==e(p)&&i.call(p,"__await")?t.resolve(p.__await).then((function(n){r("next",n,s,l)}),(function(n){r("throw",n,s,l)})):t.resolve(p).then((function(n){d.value=n,s(d)}),(function(n){return r("throw",n,s,l)}))}l(c.arg)}var o;this._invoke=function(n,e){function i(){return new t((function(t,o){r(n,e,t,o)}))}return o=o?o.then(i,i):i()}}function k(n,e){var t=n.iterator[e.method];if(void 0===t){if(e.delegate=null,"throw"===e.method){if(n.iterator.return&&(e.method="return",e.arg=void 0,k(n,e),"throw"===e.method))return m;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return m}var r=u(t,n.iterator,e.arg);if("throw"===r.type)return e.method="throw",e.arg=r.arg,e.delegate=null,m;var o=r.arg;return o?o.done?(e[n.resultName]=o.value,e.next=n.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,m):o:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,m)}function O(n){var e={tryLoc:n[0]};1 in n&&(e.catchLoc=n[1]),2 in n&&(e.finallyLoc=n[2],e.afterLoc=n[3]),this.tryEntries.push(e)}function S(n){var e=n.completion||{};e.type="normal",delete e.arg,n.completion=e}function j(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(O,this),this.reset(!0)}function E(n){if(n){var e=n[s];if(e)return e.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var t=-1,r=function e(){for(;++t<n.length;)if(i.call(n,t))return e.value=n[t],e.done=!1,e;return e.value=void 0,e.done=!0,e};return r.next=r}}return{next:L}}function L(){return{value:void 0,done:!0}}return z.prototype=g,d(y,"constructor",g),d(g,"constructor",z),z.displayName=d(g,c,"GeneratorFunction"),r.isGeneratorFunction=function(n){var e="function"==typeof n&&n.constructor;return!!e&&(e===z||"GeneratorFunction"===(e.displayName||e.name))},r.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,g):(n.__proto__=g,d(n,c,"GeneratorFunction")),n.prototype=Object.create(y),n},r.awrap=function(n){return{__await:n}},w(x.prototype),d(x.prototype,l,(function(){return this})),r.AsyncIterator=x,r.async=function(n,e,t,o,i){void 0===i&&(i=Promise);var a=new x(p(n,e,t,o),i);return r.isGeneratorFunction(e)?a:a.next().then((function(n){return n.done?n.value:a.next()}))},w(y),d(y,c,"Generator"),d(y,s,(function(){return this})),d(y,"toString",(function(){return"[object Generator]"})),r.keys=function(n){var e=[];for(var t in n)e.push(t);return e.reverse(),function t(){for(;e.length;){var r=e.pop();if(r in n)return t.value=r,t.done=!1,t}return t.done=!0,t}},r.values=E,j.prototype={constructor:j,reset:function(n){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(S),!n)for(var e in this)"t"===e.charAt(0)&&i.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var n=this.tryEntries[0].completion;if("throw"===n.type)throw n.arg;return this.rval},dispatchException:function(n){if(this.done)throw n;var e=this;function t(t,r){return a.type="throw",a.arg=n,e.next=t,r&&(e.method="next",e.arg=void 0),!!r}for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r],a=o.completion;if("root"===o.tryLoc)return t("end");if(o.tryLoc<=this.prev){var s=i.call(o,"catchLoc"),l=i.call(o,"finallyLoc");if(s&&l){if(this.prev<o.catchLoc)return t(o.catchLoc,!0);if(this.prev<o.finallyLoc)return t(o.finallyLoc)}else if(s){if(this.prev<o.catchLoc)return t(o.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return t(o.finallyLoc)}}}},abrupt:function(n,e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc<=this.prev&&i.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var o=r;break}}o&&("break"===n||"continue"===n)&&o.tryLoc<=e&&e<=o.finallyLoc&&(o=null);var a=o?o.completion:{};return a.type=n,a.arg=e,o?(this.method="next",this.next=o.finallyLoc,m):this.complete(a)},complete:function(n,e){if("throw"===n.type)throw n.arg;return"break"===n.type||"continue"===n.type?this.next=n.arg:"return"===n.type?(this.rval=this.arg=n.arg,this.method="return",this.next="end"):"normal"===n.type&&e&&(this.next=e),m},finish:function(n){for(var e=this.tryEntries.length-1;e>=0;--e){var t=this.tryEntries[e];if(t.finallyLoc===n)return this.complete(t.completion,t.afterLoc),S(t),m}},catch:function(n){for(var e=this.tryEntries.length-1;e>=0;--e){var t=this.tryEntries[e];if(t.tryLoc===n){var r=t.completion;if("throw"===r.type){var o=r.arg;S(t)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(n,e,t){return this.delegate={iterator:E(n),resultName:e,nextLoc:t},"next"===this.method&&(this.arg=void 0),m}},r}n.exports=t,n.exports.__esModule=!0,n.exports.default=n.exports}(b);var w=b.exports(),x=w;try{regeneratorRuntime=w}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=w:Function("r","regeneratorRuntime = r")(w)}var k=["width","height"],O=[function(n){return o("data-v-67dbd337"),n=n(),i(),n}((function(){return a("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)}))],S=n({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"primary",validator:function(n){return["info","white","success","warning","danger","primary","black","secondary","transparent"].includes(n)}}},setup:function(n){return function(o,i){return e(),t("svg",{width:n.size,height:n.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:r(["m-spinner","m-spinner--".concat(n.color)]),style:{"enable-background":"new 0 0 50 50"}},O,10,k)}}});function j(n,e){void 0===e&&(e={});var t=e.insertAt;if(n&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=n:o.appendChild(document.createTextNode(n))}}function E(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function L(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?E(Object(t),!0).forEach((function(e){g(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function _(n,e){var t="undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(!t){if(Array.isArray(n)||(t=function(n,e){if(!n)return;if("string"==typeof n)return F(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);"Object"===t&&n.constructor&&(t=n.constructor.name);if("Map"===t||"Set"===t)return Array.from(n);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return F(n,e)}(n))||e&&n&&"number"==typeof n.length){t&&(n=t);var r=0,o=function(){};return{s:o,n:function(){return r>=n.length?{done:!0}:{done:!1,value:n[r++]}},e:function(n){throw n},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 i,a=!0,s=!1;return{s:function(){t=t.call(n)},n:function(){var n=t.next();return a=n.done,n},e:function(n){s=!0,i=n},f:function(){try{a||null==t.return||t.return()}finally{if(s)throw i}}}}function F(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r}j("\n@-webkit-keyframes maz-spin {\n    to {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg)\n    }\n}\n@keyframes maz-spin {\n    to {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg)\n    }\n}\n.m-spinner[data-v-67dbd337] {\n    -webkit-animation: maz-spin 1s linear infinite;\n            animation: maz-spin 1s linear infinite;\n    fill: currentColor;\n    color: var(--maz-color-white);\n    margin: 0px !important\n}\n.m-spinner--primary[data-v-67dbd337] {\n    color: var(--maz-color-primary)\n}\n.m-spinner--secondary[data-v-67dbd337] {\n    color: var(--maz-color-secondary)\n}\n.m-spinner--info[data-v-67dbd337] {\n    color: var(--maz-color-info)\n}\n.m-spinner--warning[data-v-67dbd337] {\n    color: var(--maz-color-warning)\n}\n.m-spinner--danger[data-v-67dbd337] {\n    color: var(--maz-color-danger)\n}\n.m-spinner--success[data-v-67dbd337] {\n    color: var(--maz-color-success)\n}\n.m-spinner--black[data-v-67dbd337] {\n    color: var(--maz-color-black)\n}\n.m-spinner--white[data-v-67dbd337] {\n    color: var(--maz-color-white)\n}\n.m-spinner--transparent[data-v-67dbd337] {\n    color: var(--maz-color-white)\n}\n"),S.__scopeId="data-v-67dbd337";var Y=n({name:"MazDropzone",components:{MazSpinner:S},props:{options:{type:Object,required:!0},height:{type:[Number,String],default:"245px"},width:{type:[Number,String],default:"100%"},noDestroyOnUnmount:{type:Boolean,default:!1}},emits:["thumbnail","error","drop","dragstart","dragend","dragenter","dragover","dragleave","paste","addedfile","addedfiles","removedfile","success","processing","processingmultiple","uploadprogress","totaluploadprogress","sending","sendingmultiple","canceled","canceledmultiple","complete","completemultiple","maxfilesexceeded","maxfilesreached","queuecomplete","reset"],setup:function(n,e){var t,r=e.emit,o=s(),i=s(!1),a=s(),p=l((function(){return{width:Number.isInteger(n.width)?"".concat(n.width,"px"):n.width,height:Number.isInteger(n.height)?"".concat(n.height,"px"):n.height}})),u=function(n,e){var o;r("thumbnail",{file:n,dataUrl:e}),n.previewElement.classList.remove("dz-file-preview"),n.previewElement.querySelectorAll("[data-dz-thumbnail-bg]").forEach((function(t){(o=t).alt=n.name,o.style.backgroundImage="url('".concat(e,"')")})),"success"===n.status&&t.emit("complete",n)},m=function(n,e,o){r("error",{file:n,message:e,xhr:o}),t.options.autoRemoveOnError&&setTimeout((function(){return t.removeFile(n)}),3e3)},f=function(n,e,o){r("error",{files:n,message:e,xhr:o}),t.options.autoRemoveOnError&&setTimeout((function(){var e,r=_(n);try{for(r.s();!(e=r.n()).done;){var o=e.value;t.removeFile(o)}}catch(n){r.e(n)}finally{r.f()}}),3e3)};c(v(x.mark((function e(){var s,l,c;return x.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(s={parallelUploads:n.options.maxFiles,previewTemplate:'<div class="dz-preview dz-file-preview maz-flex-1">\n  <div class="dz-image">\n      <div data-dz-thumbnail-bg></div>\n  </div>\n  <div class="dz-details">\n      <div class="dz-filename"><span data-dz-name></span></div>\n      <div class="dz-size"><span data-dz-size></span></div>\n  </div>\n  <div class="dz-progress">\n    <span class="dz-upload" data-dz-uploadprogress></span>\n  </div>\n  <div class="dz-success-mark">\n    <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" height="6rem" viewBox="0 0 24 24" width="6rem" fill="currentColor"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/></svg>\n  </div>\n  <div class="dz-error-mark">\n    <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" height="6rem" viewBox="0 0 24 24" width="6rem" fill="currentColor"><path d="M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>\n  </div>\n</div>',addRemoveLinks:!0},!o.value){e.next=8;break}return e.next=4,import("dropzone");case 4:l=e.sent,c=l.default,(t=new c(o.value,L(L({},s),n.options)))&&(a.value=t.options,i.value=!0,t.on("thumbnail",u),t.on("error",m),t.on("errormultiple",f),t.on("drop",(function(n){return r("drop",n)})),t.on("dragstart",(function(n){return r("dragstart",n)})),t.on("dragend",(function(n){return r("dragend",n)})),t.on("dragenter",(function(n){return r("dragenter",n)})),t.on("dragover",(function(n){return r("dragover",n)})),t.on("dragleave",(function(n){return r("dragleave",n)})),t.on("paste",(function(n){return r("paste",n)})),t.on("addedfile",(function(n){return r("addedfile",n)})),t.on("addedfiles",(function(n){return r("addedfiles",n)})),t.on("removedfile",(function(n){return r("removedfile",n)})),t.on("success",(function(n,e){return r("success",{file:n,response:e})})),t.on("successmultiple",(function(n,e){return r("success",{files:n,responseText:e})})),t.on("processing",(function(n){return r("processing",n)})),t.on("processingmultiple",(function(n){return r("processingmultiple",n)})),t.on("uploadprogress",(function(n,e,t){return r("uploadprogress",{file:n,progress:e,bytesSent:t})})),t.on("totaluploadprogress",(function(n,e,t){return r("totaluploadprogress",{totalProgress:n,totalBytes:e,totalBytesSent:t})})),t.on("sending",(function(n,e,t){return r("sending",{file:n,xhr:e,formData:t})})),t.on("sendingmultiple",(function(n,e,t){return r("sendingmultiple",{files:n,xhr:e,formData:t})})),t.on("canceled",(function(n){return r("canceled",n)})),t.on("canceledmultiple",(function(n){return r("canceledmultiple",n)})),t.on("complete",(function(n){return r("complete",n)})),t.on("completemultiple",(function(n){return r("completemultiple",n)})),t.on("maxfilesexceeded",(function(n){return r("maxfilesexceeded",n)})),t.on("maxfilesreached",(function(n){return r("maxfilesreached",n)})),t.on("queuecomplete",(function(){z().every((function(n){return n.manuallyAdded}))||r("queuecomplete")})),t.on("reset",(function(){return r("reset")})));case 8:case"end":return e.stop()}}),e)}))));var z=function(){return t.getAcceptedFiles()};return d((function(){n.noDestroyOnUnmount||t.destroy()})),{ButtonElement:o,dropzoneReady:i,dropzoneOptions:a,dropzoneStyle:p,setOption:function(n,e){return t.options=L(L({},t.options),{},g({},n,e)),t.options},manuallyAddFile:function(n,e){t.emit("addedfile",n),t.emit("thumbnail",n,e),t.files.push(n)},removeAllFiles:function(n){return t.removeAllFiles(n)},processQueue:function(){return t.processQueue()},destroy:function(){return t.destroy()},disable:function(){return t.disable()},enable:function(){return t.enable()},accept:function(n,e){return t.accept(n,e)},addFile:function(n){return t.addFile(n)},resizeImage:function(n,e,r,o,i){return t.resizeImage(n,e,r,o,i)},cancelUpload:function(n){return t.cancelUpload(n)},getAcceptedFiles:z,getRejectedFiles:function(){return t.getRejectedFiles()},getFilesWithStatus:function(){return t.getFilesWithStatus(status)},getQueuedFiles:function(){return t.getQueuedFiles()},getUploadingFiles:function(){return t.getUploadingFiles()},getAddedFiles:function(){return t.getAddedFiles()},getActiveFiles:function(){return t.getActiveFiles()}}}}),A={class:"dz-message"},M=a("svg",{xmlns:"http://www.w3.org/2000/svg",height:"2em",width:"2em",viewBox:"0 0 24 24",fill:"currentColor",class:"maz-dropzone__main-icon maz-text-normal","aria-hidden":"true"},[a("path",{d:"M0 0h24v24H0V0z",fill:"none"}),a("path",{d:"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM19 18H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3zM8 13h2.55v3h2.9v-3H16l-4-4z"})],-1),P={class:"maz-my-2 maz-text-normal"},T={class:"maz-my-0 maz-text-muted"};j("\n@-webkit-keyframes passing-through {\n0% {\n      opacity: 0;\n      -webkit-transform: translateY(40px);\n              transform: translateY(40px);\n}\n30%,\n    70% {\n      opacity: 1;\n      -webkit-transform: translateY(0);\n              transform: translateY(0);\n}\n100% {\n      opacity: 0;\n      -webkit-transform: translateY(-40px);\n              transform: translateY(-40px);\n}\n}\n@keyframes passing-through {\n0% {\n      opacity: 0;\n      -webkit-transform: translateY(40px);\n              transform: translateY(40px);\n}\n30%,\n    70% {\n      opacity: 1;\n      -webkit-transform: translateY(0);\n              transform: translateY(0);\n}\n100% {\n      opacity: 0;\n      -webkit-transform: translateY(-40px);\n              transform: translateY(-40px);\n}\n}\n@-webkit-keyframes slide-in {\n0% {\n      opacity: 0;\n      -webkit-transform: translateY(40px);\n              transform: translateY(40px);\n}\n30% {\n      opacity: 1;\n      -webkit-transform: translateY(0);\n              transform: translateY(0);\n}\n}\n@keyframes slide-in {\n0% {\n      opacity: 0;\n      -webkit-transform: translateY(40px);\n              transform: translateY(40px);\n}\n30% {\n      opacity: 1;\n      -webkit-transform: translateY(0);\n              transform: translateY(0);\n}\n}\n@-webkit-keyframes pulse {\n0% {\n      -webkit-transform: scale(1);\n              transform: scale(1);\n}\n10% {\n      -webkit-transform: scale(1.1);\n              transform: scale(1.1);\n}\n20% {\n      -webkit-transform: scale(1);\n              transform: scale(1);\n}\n}\n@keyframes pulse {\n0% {\n      -webkit-transform: scale(1);\n              transform: scale(1);\n}\n10% {\n      -webkit-transform: scale(1.1);\n              transform: scale(1.1);\n}\n20% {\n      -webkit-transform: scale(1);\n              transform: scale(1);\n}\n}\n.maz-dropzone {\nmargin: 0px;\ndisplay: -webkit-inline-box;\ndisplay: -ms-inline-flexbox;\ndisplay: inline-flex;\n-webkit-box-align: center;\n    -ms-flex-align: center;\n        align-items: center;\n-webkit-box-pack: center;\n    -ms-flex-pack: center;\n        justify-content: center;\noverflow: auto;\nborder-radius: var(--maz-border-radius);\nborder-width: var(--maz-border-width);\nborder-style: dashed;\nborder-color: var(--maz-color-bg-light);\nbackground-color: var(--maz-color-bg);\npadding: 1rem;\ntext-align: center;\noutline: 2px solid transparent;\noutline-offset: 2px;\n-webkit-transition-property: all;\ntransition-property: all;\n-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n-webkit-transition-duration: 200ms;\n        transition-duration: 200ms;\n-webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n        transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n    min-height: 245px;\n}\n.maz-dropzone:not(.dz-clickable) {\nbackground-color: var(--maz-color-bg-light);\n}\n.maz-dropzone.dz-clickable,\n    .maz-dropzone.dz-clickable.dz-message,\n    .maz-dropzone.dz-clickable.dz-message * {\ncursor: pointer;\n}\n.maz-dropzone .dz-message {\ndisplay: -webkit-box;\ndisplay: -ms-flexbox;\ndisplay: flex;\n-webkit-box-orient: vertical;\n-webkit-box-direction: normal;\n    -ms-flex-direction: column;\n        flex-direction: column;\n-webkit-box-align: center;\n    -ms-flex-align: center;\n        align-items: center;\n-webkit-box-pack: center;\n    -ms-flex-pack: center;\n        justify-content: center;\ntext-align: center;\n}\n.maz-dropzone.dz-clickable:hover,\n      .maz-dropzone.dz-clickable:focus {\nborder-color: var(--maz-color-bg-lighter);\nbackground-color: var(--maz-color-bg-light);\n}\n.maz-dropzone.dz-clickable:hover .maz-dropzone__main-icon, .maz-dropzone.dz-clickable:focus .maz-dropzone__main-icon {\ncolor: var(--maz-color-primary);\n-webkit-transition-property: all;\ntransition-property: all;\n-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n-webkit-transition-duration: 200ms;\n        transition-duration: 200ms;\n-webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n        transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.maz-dropzone.dz-started .dz-message {\ndisplay: none;\n}\n.maz-dropzone.dz-drag-hover {\nborder-style: solid;\n}\n.maz-dropzone.dz-drag-hover .dz-message {\nopacity: 0.5;\n}\n.maz-dropzone .dz-message .dz-button {\ncursor: pointer;\nborder-style: none;\nbackground-color: transparent;\npadding: 0px;\n}\n.maz-dropzone .dz-details {\nposition: absolute;\ntop: 0px;\nright: 0px;\nbottom: 0px;\nleft: 0px;\nz-index: 20;\ndisplay: -webkit-box;\ndisplay: -ms-flexbox;\ndisplay: flex;\n-webkit-box-orient: vertical;\n-webkit-box-direction: normal;\n    -ms-flex-direction: column;\n        flex-direction: column;\n-webkit-box-align: center;\n    -ms-flex-align: center;\n        align-items: center;\n-webkit-box-pack: center;\n    -ms-flex-pack: center;\n        justify-content: center;\nborder-radius: var(--maz-border-radius);\npadding-top: 2rem;\npadding-bottom: 2rem;\npadding-left: 1rem;\npadding-right: 1rem;\ntext-align: center;\nline-height: 2.5rem;\ncolor: var(--maz-color-white);\nopacity: 0;\n\n      background-color: var(--maz-color-primary-alpha);\n      -webkit-transition: opacity 0.2s linear;\n      transition: opacity 0.2s linear;\n}\n.maz-dropzone .dz-details .dz-size span {\nfont-size: 1rem;\nline-height: 1.5rem;\ncolor: var(--maz-color-white);\n}\n.maz-dropzone .dz-details .dz-filename {\n        width: 100%;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        overflow: hidden;\n}\n.maz-dropzone .dz-details .dz-filename span {\n          color: white;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n          overflow: hidden;\n}\n.maz-dropzone .dz-image {\n      overflow: hidden;\n      position: relative;\n      display: block;\n      z-index: 10;\n      width: 100%;\n      height: 100%;\n      margin: 0 auto;\n      border-radius: var(--maz-border-radius);\n      border-color: var(--maz-color-bg-lighter);\n}\n.maz-dropzone .dz-image img {\n        display: block;\n}\n.maz-dropzone .dz-image > div[data-dz-thumbnail-bg] {\n        width: inherit;\n        height: inherit;\n        background-size: cover;\n        background-repeat: no-repeat;\n        background-position: center;\n}\n.maz-dropzone .dz-preview {\n      position: relative;\n      display: inline-block;\n      vertical-align: top;\n      margin: 0;\n      min-height: auto;\n      height: 100%;\n      background: transparent;\n      max-width: 200px;\n      overflow: hidden;\n}\n.maz-dropzone .dz-preview:not(:last-child) {\n        margin-right: 0.5rem;\n}\n.maz-dropzone .dz-preview.dz-file-preview .dz-image {\n          border-radius: 20px;\n          background: #999;\n          background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));\n          background: linear-gradient(to bottom, #eee, #ddd);\n}\n.maz-dropzone .dz-preview.dz-file-preview .dz-details {\n          opacity: 1;\n}\n.maz-dropzone .dz-preview.dz-image-preview {\n        background-color: transparent;\n}\n.maz-dropzone .dz-preview.dz-image-preview .dz-details {\n          -webkit-transition: opacity 0.2s linear;\n          transition: opacity 0.2s linear;\n}\n.maz-dropzone .dz-preview .dz-remove {\n        text-align: center;\n        display: block;\n        cursor: pointer;\n        position: absolute;\n        z-index: 30;\n        color: white;\n        top: inherit;\n        left: 5px;\n        right: 5px;\n        bottom: 5px;\n        padding: 10px 5px;\n        border: 2px white solid;\n        text-decoration: none;\n        text-transform: uppercase;\n        font-size: 0.8rem;\n        opacity: 0;\n        -webkit-transition: all 300ms ease-in-out;\n        transition: all 300ms ease-in-out;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        overflow: hidden;\n        border-radius: var(--maz-border-radius);\n}\n.maz-dropzone .dz-preview .dz-remove:hover {\nbackground-color: var(--maz-color-white);\ncolor: var(--maz-color-primary);\n}\n.maz-dropzone .dz-preview:hover {\n        z-index: 1000;\n}\n.maz-dropzone .dz-preview:hover .dz-details,\n        .maz-dropzone .dz-preview:hover .dz-remove {\n          opacity: 1;\n}\n.maz-dropzone .dz-preview:hover .dz-image img {\n          -webkit-transform: scale(1.05, 1.05);\n                  transform: scale(1.05, 1.05);\n          -webkit-filter: blur(8px);\n                  filter: blur(8px);\n}\n.maz-dropzone .dz-preview .dz-error-message {\n        pointer-events: none;\n        z-index: 1000;\n        position: absolute;\n        display: block;\n        display: none;\n        opacity: 0;\n        -webkit-transition: opacity 0.3s ease;\n        transition: opacity 0.3s ease;\n        border-radius: 8px;\n        top: 130px;\n        background: #be2626;\n        background: -webkit-gradient(linear, left top, left bottom, from(#be2626), to(#a92222));\n        background: linear-gradient(to bottom, #be2626, #a92222);\n        padding: 0.5em 1.2em;\n        color: white;\n        margin-left: auto;\n        margin-right: auto;\n        left: 0;\n        width: 100%;\n        text-align: center;\n}\n.maz-dropzone .dz-preview .dz-success-mark,\n      .maz-dropzone .dz-preview .dz-error-mark {\n        pointer-events: none;\n        opacity: 0;\n        z-index: 500;\n        position: absolute;\n        display: block;\n        margin-left: auto;\n        margin-top: auto;\n        width: 100%;\n        top: 30%;\n        left: 0;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-orient: vertical;\n        -webkit-box-direction: normal;\n            -ms-flex-direction: column;\n                flex-direction: column;\n        -webkit-box-align: center;\n            -ms-flex-align: center;\n                align-items: center;\n        -webkit-box-pack: center;\n            -ms-flex-pack: center;\n                justify-content: center;\n}\n.maz-dropzone .dz-preview .dz-success-mark .material-icons, .maz-dropzone .dz-preview .dz-error-mark .material-icons {\n          background-color: var(--maz-color-success-alpha);\n          border-radius: 50%;\n          color: white;\n          font-size: 70px;\n}\n.maz-dropzone .dz-preview .dz-error-mark .material-icons {\n          background-color: var(--maz-color-danger-alpha);\n}\n.maz-dropzone .dz-preview.dz-success .dz-success-mark {\n        -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);\n                animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);\n}\n.maz-dropzone .dz-preview.dz-error .dz-error-message {\n          display: block;\n}\n.maz-dropzone .dz-preview.dz-error .dz-error-mark {\n          opacity: 1;\n          -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);\n                  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);\n}\n.maz-dropzone .dz-preview.dz-error .dz-details {\n          background-color: var(--maz-color-danger-alpha);\n}\n.maz-dropzone .dz-preview.dz-error:hover .dz-error-message {\n          opacity: 1;\n          pointer-events: auto;\n}\n.maz-dropzone .dz-preview.dz-error .dz-remove:hover {\ncolor: var(--maz-color-danger);\n}\n.maz-dropzone .dz-preview .dz-progress {\n        opacity: 1;\n        z-index: 1000;\n        pointer-events: none;\n        position: absolute;\n        height: 1rem;\n        top: 50%;\n        margin-top: -0.5rem;\n        -webkit-transform: scale(1);\n                transform: scale(1);\n        overflow: visible;\n        width: 50%;\n        left: 25%;\n        border-radius: 9999px;\n        --tw-bg-opacity: 1;\n        background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n}\n.maz-dropzone .dz-preview .dz-progress .dz-upload {\n          -webkit-transition: width 300ms ease-in-out;\n          transition: width 300ms ease-in-out;\n          position: absolute;\n          top: 0px;\n          right: 0px;\n          bottom: 0px;\n          left: 0px;\n          width: 0px;\n          border-radius: 9999px;\n          background-color: var(--maz-color-success);\n}\n.maz-dropzone .dz-preview .dz-progress .progress-title {\n          display: inline-block;\n          position: relative;\n          top: -30px;\n}\n.maz-dropzone .dz-preview.dz-processing .dz-progress {\n        opacity: 1;\n        -webkit-transition: all 0.2s linear;\n        transition: all 0.2s linear;\n}\n.maz-dropzone .dz-preview.dz-complete .dz-progress {\n        opacity: 0;\n        -webkit-transition: opacity 0.4s ease-in;\n        transition: opacity 0.4s ease-in;\n}\n.maz-dropzone .dz-preview:not(.dz-processing) .dz-progress {\n        -webkit-animation: pulse 6s ease infinite;\n                animation: pulse 6s ease infinite;\n}\n"),Y.render=function(n,r,o,i,s,l){var c=p("MazSpinner");return e(),t("button",{ref:"ButtonElement",type:"button",name:"maz-dropzone",class:"maz-dropzone",style:u([n.dropzoneStyle])},[n.dropzoneReady?m(n.$slots,"default",{key:0,options:n.dropzoneOptions},(function(){var e,t;return[a("div",A,[m(n.$slots,"icon",{},(function(){return[M]})),a("p",P,f(null===(e=n.dropzoneOptions)||void 0===e?void 0:e.dictDefaultMessage),1),a("p",T,f(null===(t=n.dropzoneOptions)||void 0===t?void 0:t.dictFilesDescriptions),1)])]})):(e(),z(c,{key:1}))],4)};export{Y as default};

package/components/MazGallery.d.ts

@@ -0,0 +1,144 @@
+import { type PropType } from 'vue';
+import type { MazGalleryImage } from './types';
+export type { MazGalleryImage } from './types';
+declare const _default: import("vue").DefineComponent<{
+    images: {
+        type: PropType<MazGalleryImage[]>;
+        default: () => never[];
+    };
+    imagesShownCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    noRemaining: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    noHeight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    noWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noRadius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noZoom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasEmptyLayer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    blur: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scale: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    sizeStyle: import("vue").ComputedRef<{
+        height?: string | undefined;
+        minHeight?: string | undefined;
+        flex?: string | number | undefined;
+        width?: string | undefined;
+    }>;
+    imagesCount: import("vue").ComputedRef<number>;
+    shouldHaveRemainingLayer: (index: number) => boolean | 0;
+    imagesShown: import("vue").ComputedRef<{
+        src: string;
+        alt?: string | undefined;
+    }[]>;
+    numberImagesRemaining: import("vue").ComputedRef<number>;
+    imagesHidden: import("vue").ComputedRef<{
+        src: string;
+        alt?: string | undefined;
+    }[]>;
+    NoPhotographyIcon: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    images: {
+        type: PropType<MazGalleryImage[]>;
+        default: () => never[];
+    };
+    imagesShownCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    noRemaining: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    noHeight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    noWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noRadius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noZoom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasEmptyLayer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    blur: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scale: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    images: MazGalleryImage[];
+    imagesShownCount: number;
+    noRemaining: boolean;
+    height: string | number;
+    noHeight: boolean;
+    width: string | number;
+    noWidth: boolean;
+    noRadius: boolean;
+    noZoom: boolean;
+    hasEmptyLayer: boolean;
+    lazy: boolean;
+    blur: boolean;
+    scale: boolean;
+}>;
+export default _default;

package/components/MazGallery.js

@@ -0,0 +1,3 @@
+import{inject as e,defineComponent as t,ref as n,computed as r,onMounted as o,watchEffect as a,openBlock as i,createElementBlock as s,mergeProps as l,createCommentVNode as u,nextTick as c,onBeforeMount as d,resolveComponent as m,resolveDirective as h,normalizeClass as f,normalizeStyle as p,createElementVNode as v,Fragment as g,renderList as y,withDirectives as b,toDisplayString as w,createVNode as x}from"vue";function z(e){return z="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},z(e)}function k(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function C(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}function L(e){return function(e){if(Array.isArray(e))return C(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return C(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?C(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function E(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function O(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)}}function _(e,t,n){return t&&O(e.prototype,t),n&&O(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}var A,I={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>'};function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}!function(e){e.OPEN="maz-is-open"}(A||(A={}));var j,H=function(){function e(t){if(E(this,e),k(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"===z(t.value)&&!t.value.src)throw new Error("[maz-ui](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 _(e,[{key:"buildOptions",value:function(e){return S(S({},this.defaultOptions),"object"===z(e.value)?e.value:{src:e.value})}},{key:"allInstances",get:function(){return L(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",this.mouseEnterListener=function(){return t.mouseEnter(e)},this.mouseLeaveListener=function(){return t.mouseLeave(e)},this.renderPreviewListener=function(){return t.renderPreview(e,t.options)},e.addEventListener("mouseenter",this.mouseEnterListener),e.addEventListener("mouseleave",this.mouseLeaveListener),e.addEventListener("click",this.renderPreviewListener))}},{key:"update",value:function(e){this.options=this.buildOptions(e)}},{key:"remove",value:function(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=""}},{key:"renderPreview",value:function(e,t){var n=this;e.classList.add(A.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}");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"===z(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.append(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=I.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=I[t],n.addEventListener("click",(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(A.OPEN),e&&e.classList.remove("maz-animate"),this.keyboardEventHandler(!1),setTimeout((function(){e&&e.remove(),t&&t.remove()}),300)}},{key:"getNewInstanceIndex",value:function(e){return e<0?this.allInstances.length-1:e>=this.allInstances.length?0:e}},{key:"nextPreviousImage",value:function(e){var t=e,n=document.querySelector(".maz-zoom-img-instance.maz-is-open");if(n){var r=this.allInstances.indexOf(n),o=t?r+1:r-1,a=this.allInstances[this.getNewInstanceIndex(o)];a&&this.useNextInstance(n,a)}}},{key:"useNextInstance",value:function(e,t){e.classList.remove(A.OPEN),t.classList.add(A.OPEN);var n=t.getAttribute("data-src"),r=t.getAttribute("data-alt");this.wrapper.style.width="",this.loader.hidden=!1,n&&this.img.setAttribute("src",n),r&&this.img.setAttribute("alt",r)}},{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}(),M={created:function(e,t){(j=new H(t)).create(e)},updated:function(e,t){j.update(t)},unmounted:function(e){j.remove(e)}};function B(e,t,n,r,o,a,i){try{var s=e[a](i),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function T(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var a=e.apply(t,n);function i(e){B(a,r,o,i,s,"next",e)}function s(e){B(a,r,o,i,s,"throw",e)}i(void 0)}))}}var D={exports:{}},N={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}(N),function(e){var t=N.exports.default;function n(){
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+e.exports=n=function(){return r},e.exports.__esModule=!0,e.exports.default=e.exports;var r={},o=Object.prototype,a=o.hasOwnProperty,i="function"==typeof Symbol?Symbol:{},s=i.iterator||"@@iterator",l=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function c(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{c({},"")}catch(e){c=function(e,t,n){return e[t]=n}}function d(e,t,n,r){var o=t&&t.prototype instanceof f?t:f,a=Object.create(o.prototype),i=new E(r||[]);return a._invoke=function(e,t,n){var r="suspendedStart";return function(o,a){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===o)throw a;return _()}for(n.method=o,n.arg=a;;){var i=n.delegate;if(i){var s=k(i,n);if(s){if(s===h)continue;return s}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===r)throw r="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r="executing";var l=m(e,t,n);if("normal"===l.type){if(r=n.done?"completed":"suspendedYield",l.arg===h)continue;return{value:l.arg,done:n.done}}"throw"===l.type&&(r="completed",n.method="throw",n.arg=l.arg)}}}(e,n,i),a}function m(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}r.wrap=d;var h={};function f(){}function p(){}function v(){}var g={};c(g,s,(function(){return this}));var y=Object.getPrototypeOf,b=y&&y(y(O([])));b&&b!==o&&a.call(b,s)&&(g=b);var w=v.prototype=f.prototype=Object.create(g);function x(e){["next","throw","return"].forEach((function(t){c(e,t,(function(e){return this._invoke(t,e)}))}))}function z(e,n){function r(o,i,s,l){var u=m(e[o],e,i);if("throw"!==u.type){var c=u.arg,d=c.value;return d&&"object"==t(d)&&a.call(d,"__await")?n.resolve(d.__await).then((function(e){r("next",e,s,l)}),(function(e){r("throw",e,s,l)})):n.resolve(d).then((function(e){c.value=e,s(c)}),(function(e){return r("throw",e,s,l)}))}l(u.arg)}var o;this._invoke=function(e,t){function a(){return new n((function(n,o){r(e,t,n,o)}))}return o=o?o.then(a,a):a()}}function k(e,t){var n=e.iterator[t.method];if(void 0===n){if(t.delegate=null,"throw"===t.method){if(e.iterator.return&&(t.method="return",t.arg=void 0,k(e,t),"throw"===t.method))return h;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return h}var r=m(n,e.iterator,t.arg);if("throw"===r.type)return t.method="throw",t.arg=r.arg,t.delegate=null,h;var o=r.arg;return o?o.done?(t[e.resultName]=o.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,h):o:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,h)}function C(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 L(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function E(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(C,this),this.reset(!0)}function O(e){if(e){var t=e[s];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var n=-1,r=function t(){for(;++n<e.length;)if(a.call(e,n))return t.value=e[n],t.done=!1,t;return t.value=void 0,t.done=!0,t};return r.next=r}}return{next:_}}function _(){return{value:void 0,done:!0}}return p.prototype=v,c(w,"constructor",v),c(v,"constructor",p),p.displayName=c(v,u,"GeneratorFunction"),r.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===p||"GeneratorFunction"===(t.displayName||t.name))},r.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,v):(e.__proto__=v,c(e,u,"GeneratorFunction")),e.prototype=Object.create(w),e},r.awrap=function(e){return{__await:e}},x(z.prototype),c(z.prototype,l,(function(){return this})),r.AsyncIterator=z,r.async=function(e,t,n,o,a){void 0===a&&(a=Promise);var i=new z(d(e,t,n,o),a);return r.isGeneratorFunction(t)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},x(w),c(w,u,"Generator"),c(w,s,(function(){return this})),c(w,"toString",(function(){return"[object Generator]"})),r.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}},r.values=O,E.prototype={constructor:E,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(L),!e)for(var t in this)"t"===t.charAt(0)&&a.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},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 t=this;function n(n,r){return i.type="throw",i.arg=e,t.next=n,r&&(t.method="next",t.arg=void 0),!!r}for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r],i=o.completion;if("root"===o.tryLoc)return n("end");if(o.tryLoc<=this.prev){var s=a.call(o,"catchLoc"),l=a.call(o,"finallyLoc");if(s&&l){if(this.prev<o.catchLoc)return n(o.catchLoc,!0);if(this.prev<o.finallyLoc)return n(o.finallyLoc)}else if(s){if(this.prev<o.catchLoc)return n(o.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return n(o.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var r=this.tryEntries[n];if(r.tryLoc<=this.prev&&a.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var o=r;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,h):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),h},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),L(n),h}},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;L(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:O(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=void 0),h}},r}e.exports=n,e.exports.__esModule=!0,e.exports.default=e.exports}(D);var R=D.exports(),F=R;try{regeneratorRuntime=R}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=R:Function("r","regeneratorRuntime = r")(R)}function G(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 U(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 U(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 U(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}function q(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function V(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?q(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Z(e){var t,n,r,o=2;for("undefined"!=typeof Symbol&&(n=Symbol.asyncIterator,r=Symbol.iterator);o--;){if(n&&null!=(t=e[n]))return t.call(e);if(r&&null!=(t=e[r]))return new W(t.call(e));n="@@asyncIterator",r="@@iterator"}throw new TypeError("Object is not async iterable")}function W(e){function t(e){if(Object(e)!==e)return Promise.reject(new TypeError(e+" is not an object."));var t=e.done;return Promise.resolve(e.value).then((function(e){return{value:e,done:t}}))}return W=function(e){this.s=e,this.n=e.next},W.prototype={s:null,n:null,next:function(){return t(this.n.apply(this.s,arguments))},return:function(e){var n=this.s.return;return void 0===n?Promise.resolve({value:e,done:!0}):t(n.apply(this.s,arguments))},throw:function(e){var n=this.s.return;return void 0===n?Promise.reject(e):t(n.apply(this.s,arguments))}},new W(e)}var Y,$={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}},Q=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};E(this,e),k(this,"observers",[]),k(this,"defaultOptions",$),k(this,"hasImgLoaded",!1),this.options=this.buildOptions(t),this.onImgLoadedCallback=this.imageIsLoaded.bind(this),this.onImgErrorCallback=this.imageHasError.bind(this)}var t,n,r,o,a,i,s,l;return _(e,[{key:"loadErrorPhoto",value:(l=T(F.mark((function e(){var t,n;return F.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,import("./no_photo-a72545e4.js");case 2:return t=e.sent,n=t.default,e.abrupt("return",n);case 5:case"end":return e.stop()}}),e)}))),function(){return l.apply(this,arguments)})},{key:"buildOptions",value:function(e){return V(V(V({},this.defaultOptions),e),{},{observerOptions:V(V({},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===(t=(n=this.options).onLoading)||void 0===t||t.call(n,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===(t=(n=this.options).onLoaded)||void 0===t||t.call(n,e)}},{key:"imageHasError",value:function(e,t){var n,r;console.warn("[maz-ui][MazLazyImg] Error while loading image",t),this.removeClass(e,this.options.loadingClass),this.addClass(e,this.options.errorClass),null===(n=(r=this.options).onError)||void 0===n||n.call(r,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"===z(t.value)?t.value.src:t.value;return r||console.warn("[maz-ui][MazLazyImg] src url is not defined"),r}},{key:"setPictureSourceUrls",value:(s=T(F.mark((function e(t){var n,r,o,a,i,s,l,u;return F.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!((n=t.querySelectorAll("source")).length>0)){e.next=33;break}r=!1,o=!1,e.prev=4,i=Z(n);case 6:return e.next=8,i.next();case 8:if(!(r=!(s=e.sent).done)){e.next=15;break}l=s.value,(u=l.getAttribute("data-srcset"))?l.srcset=u:console.warn('[maz-ui][MazLazyImg] the "[data-srcset]" attribute is not provided on "<source />"');case 12:r=!1,e.next=6;break;case 15:e.next=21;break;case 17:e.prev=17,e.t0=e.catch(4),o=!0,a=e.t0;case 21:if(e.prev=21,e.prev=22,!r||null==i.return){e.next=26;break}return e.next=26,i.return();case 26:if(e.prev=26,!o){e.next=29;break}throw a;case 29:return e.finish(26);case 30:return e.finish(21);case 31:e.next=35;break;case 33:console.warn('[maz-ui][MazLazyImg] No "<source />" elements provided into the "<picture />" element'),this.imageHasError(t);case 35:case"end":return e.stop()}}),e,this,[[4,17,21,31],[22,,26,30]])}))),function(e){return s.apply(this,arguments)})},{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:(i=T(F.mark((function e(t){var n,r,o,a,i,s,l,u;return F.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!this.options.noUseErrorPhoto){e.next=2;break}return e.abrupt("return");case 2:if(null===(n=this.options.errorPhoto)||void 0===n){e.next=6;break}e.t0=n,e.next=9;break;case 6:return e.next=8,this.loadErrorPhoto();case 8:e.t0=e.sent;case 9:if(r=e.t0,!((o=t.querySelectorAll("source")).length>0)){e.next=42;break}a=!1,i=!1,e.prev=14,l=Z(o);case 16:return e.next=18,l.next();case 18:if(!(a=!(u=e.sent).done)){e.next=24;break}u.value.srcset=r;case 21:a=!1,e.next=16;break;case 24:e.next=30;break;case 26:e.prev=26,e.t1=e.catch(14),i=!0,s=e.t1;case 30:if(e.prev=30,e.prev=31,!a||null==l.return){e.next=35;break}return e.next=35,l.return();case 35:if(e.prev=35,!i){e.next=38;break}throw s;case 38:return e.finish(35);case 39:return e.finish(30);case 40:e.next=43;break;case 42:this.setImgSrc(t,r);case 43:case"end":return e.stop()}}),e,this,[[14,26,30,40],[31,,35,39]])}))),function(e){return i.apply(this,arguments)})},{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:(a=T(F.mark((function e(t,n){var r;return F.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(this.imageIsLoading(t),!this.isPictureElement(t)){e.next=7;break}return this.addEventListenerToImg(t),e.next=5,this.setPictureSourceUrls(t);case 5:e.next=11;break;case 7:if(r=this.getImageUrl(t,n)){e.next=10;break}return e.abrupt("return",this.imageHasError(t));case 10:this.hasBgImgMode(n)?(t.style.backgroundImage="url('".concat(r,"')"),this.imageIsLoaded(t)):(this.addEventListenerToImg(t),this.setImgSrc(t,r));case 11:case"end":return e.stop()}}),e,this)}))),function(e,t){return a.apply(this,arguments)})},{key:"setImgSrc",value:function(e,t){this.getImgElement(e).src=t}},{key:"handleIntersectionObserver",value:function(e,t,n,r){this.observers.push(r);var o,a=G(n);try{for(a.s();!(o=a.n()).done;){var i=o.value;if(i.isIntersecting){var s,l;if(null===(s=(l=this.options).onIntersecting)||void 0===s||s.call(l,i.target),this.options.observerOnce&&r.unobserve(e),this.options.loadOnce&&this.hasImgLoaded)return;this.loadImage(e,t)}}}catch(e){a.e(e)}finally{a.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:(o=T(F.mark((function e(t,n,r){var o,a,i,s,l;return F.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if("update"!==r){e.next=29;break}o=!1,a=!1,e.prev=3,s=Z(this.observers);case 5:return e.next=7,s.next();case 7:if(!(o=!(l=e.sent).done)){e.next=13;break}l.value.unobserve(t);case 10:o=!1,e.next=5;break;case 13:e.next=19;break;case 15:e.prev=15,e.t0=e.catch(3),a=!0,i=e.t0;case 19:if(e.prev=19,e.prev=20,!o||null==s.return){e.next=24;break}return e.next=24,s.return();case 24:if(e.prev=24,!a){e.next=27;break}throw i;case 27:return e.finish(24);case 28:return e.finish(19);case 29:window.IntersectionObserver?this.createObserver(t,n):this.loadImage(t,n);case 30:case"end":return e.stop()}}),e,this,[[3,15,19,29],[20,,24,28]])}))),function(e,t,n){return o.apply(this,arguments)})},{key:"bindUpdateHandler",value:(r=T(F.mark((function e(t,n,r){return F.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!this.options.noPhoto){e.next=2;break}return e.abrupt("return",this.imageHasNoPhoto(t));case 2:return e.next=4,this.imageHandler(t,n,r);case 4:case"end":return e.stop()}}),e,this)}))),function(e,t,n){return r.apply(this,arguments)})},{key:"add",value:(n=T(F.mark((function e(t,n){var r=this;return F.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!this.hasBgImgMode(n)||!this.isPictureElement(t)){e.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(t)}),0),t.getAttribute("src")||this.setImgSrc(t,"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"),e.next=6,this.bindUpdateHandler(t,n,"bind");case 6:case"end":return e.stop()}}),e,this)}))),function(e,t){return n.apply(this,arguments)})},{key:"update",value:(t=T(F.mark((function e(t,n){return F.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n.value===n.oldValue){e.next=5;break}return this.hasImgLoaded=!1,this.removeAllStateClasses(t),e.next=5,this.bindUpdateHandler(t,n,"update");case 5:case"end":return e.stop()}}),e,this)}))),function(e,n){return t.apply(this,arguments)})},{key:"remove",value:function(e,t){this.hasImgLoaded=!1,this.hasBgImgMode(t)&&(e.style.backgroundImage=""),this.removeAllStateClasses(e);var n,r=G(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}(),X={created:function(e,t){var n="object"===z(t.value)?t.value:{};(Y=new Q(n)).add(e,t)},updated:function(e,t){Y.update(e,t)},unmounted:function(e,t){Y.remove(e,t)}};function J(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function K(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?J(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):J(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ee=["innerHTML"];function te(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ne(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?te(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):te(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var re=t({components:{MazIcon:t({__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:function(e){return e}}},emits:["loaded","unloaded","error"],setup:function(t,d){var m=d.emit,h=t,f={},p=n(),v=n(),g=function(){try{return function(t,n){var r=e(t,n);if(!r)throw new Error("[maz-ui](injectStrict) Could not resolve ".concat(t));return r}("mazIconPath")}catch(e){return}},y=r((function(){var e;return null!==(e=h.path)&&void 0!==e?e:g()})),b=r((function(){return h.src?h.src:y.value?"".concat(y.value,"/").concat(h.name,".svg"):"/".concat(h.name,".svg")}));o((function(){h.name||h.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));var w=function(e){var t=e.cloneNode(!0);return t=h.transformSource(e),h.title&&function(e,t){var n=e.querySelectorAll("title");if(n.length>0)n[0].textContent=t;else{var r=document.createElementNS("http://www.w3.org/2000/svg","title");r.textContent=t,e.append(r)}}(t,h.title),e.innerHTML},x=function(){var e=T(F.mark((function e(t){var n;return F.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return f[t]||(f[t]=z(t)),e.prev=1,e.next=4,f[t];case 4:return n=e.sent,p.value=n,e.next=8,c();case 8:m("loaded",v.value),e.next=16;break;case 11:e.prev=11,e.t0=e.catch(1),p.value&&(p.value=void 0,m("unloaded")),delete f[t],m("error",e.t0);case 16:case"end":return e.stop()}}),e,null,[[1,11]])})));return function(t){return e.apply(this,arguments)}}(),z=function(e){return new Promise((function(t,n){var r=new XMLHttpRequest;r.open("GET",e,!0),r.addEventListener("load",(function(){if(r.status>=200&&r.status<400)try{var e=(new DOMParser).parseFromString(r.responseText,"text/xml").querySelectorAll("svg")[0];e?(e=h.transformSource(e),t(e)):n(new Error('Loaded file is not valid SVG"'))}catch(e){n(e)}else n(new Error("Error loading SVG"))})),r.addEventListener("error",(function(){return n()})),r.send()}))};return a((function(){return x(b.value)})),function(e,n){return p.value?(i(),s("svg",l({key:0,ref_key:"svgElem",ref:v,width:"1em",height:"1em"},K(K({},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:w(p.value)}),null,16,ee)):u("",!0);var r}}})},directives:{"zoom-img":M,"lazy-img":X},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 ne(ne({},r?{}:{flex:"0 0 "+z(n)=="number"?"".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"===z(e)?e:{src:e,alt:void 0}}))})),i=r((function(){return 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"}}}),oe={class:"m-gallery__wrapper maz-flex maz-flex-1"},ae=["alt"],ie={key:0,class:"m-gallery__remaining-layer maz-flex maz-bg-overlay maz-flex-center"},se={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))}}("\n.m-gallery[data-v-27aeee1f] {\n        position: relative;\n        overflow: hidden;\n}\n.m-gallery__hidden[data-v-27aeee1f] {\n        display: none;\n}\n.m-gallery__item[data-v-27aeee1f] {\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.m-gallery__item--1[data-v-27aeee1f] {\n        left: 0;\n        height: 100%;\n}\n.m-gallery__item--1[data-v-27aeee1f]:not(:last-child) {\n          width: 50%;\n}\n.m-gallery__item--2[data-v-27aeee1f] {\n        left: 50%;\n        width: 50%;\n        height: 50%;\n}\n.m-gallery__item--2[data-v-27aeee1f]:last-child {\n          height: 100%;\n}\n.m-gallery__item--2[data-v-27aeee1f]:nth-last-child(4) {\n          width: 25%;\n}\n.m-gallery__item--3[data-v-27aeee1f] {\n        top: 50%;\n        left: 50%;\n        width: 25%;\n}\n.m-gallery__item--3[data-v-27aeee1f]:last-child {\n          width: 50%;\n}\n.m-gallery__item--3[data-v-27aeee1f]:nth-last-child(3) {\n          top: 0;\n          left: 75%;\n}\n.m-gallery__item--4[data-v-27aeee1f] {\n        border-top-width: 2px;\n        border-color: transparent;\n\n        top: 50%;\n        left: 50%;\n        width: 25%;\n}\n.m-gallery__item--4[data-v-27aeee1f]:last-child {\n          left: 75%;\n          width: 25%;\n}\n.m-gallery__item--5[data-v-27aeee1f] {\n        border-top-width: 2px;\n        border-color: transparent;\n\n        top: 50%;\n        left: 75%;\n        width: 25%;\n}\n.m-gallery__item[data-v-27aeee1f]:first-child {\n        border-left: 0;\n}\n.m-gallery__item--3[data-v-27aeee1f]:last-child,\n      .m-gallery__item--3[data-v-27aeee1f]:nth-last-child(2),\n      .m-gallery__item--4[data-v-27aeee1f]:last-child,\n      .m-gallery__item--5[data-v-27aeee1f] {\n        border-top-width: 2px;\n        border-color: transparent;\n}\n.m-gallery__item__image[data-v-27aeee1f] {\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: hsl(0deg 0% 0% / 50%);\n}\n.m-gallery__remaining-layer[data-v-27aeee1f] {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n}\n.m-gallery__remaining-layer a span[data-v-27aeee1f] {\n        color: hsl(0deg 0% 100%);\n        font-size: 2rem;\n}\n"),re.render=function(e,t,n,r,o,a){var l=m("MazIcon"),c=h("zoom-img"),d=h("lazy-img");return e.images.length>0||e.hasEmptyLayer?(i(),s("div",{key:0,class:f(["m-gallery maz-flex",{"maz-rounded-xl":!e.noRadius}]),style:p([e.sizeStyle])},[v("section",oe,[(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(v("img",{class:"m-gallery__item__image maz-flex-1",src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",alt:t.alt},null,8,ae),[[c,{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",ie,[v("span",se,"+"+w(e.numberImagesRemaining),1)])),[[c,{src:t.src,alt:t.alt,disabled:e.noZoom,blur:!1,scale:e.scale}]]):u("",!0)],2)})),128)),e.hasEmptyLayer&&0===e.images.length?(i(),s("div",{key:0,class:f(["flex-center maz-flex maz-w-full maz-bg-color-light maz-text-normal",{"maz-rounded-xl":!e.noRadius}]),style:p([e.sizeStyle])},[x(l,{src:e.NoPhotographyIcon,size:"2rem"},null,8,["src"])],6)):u("",!0)]),(i(!0),s(g,null,y(e.imagesHidden,(function(t,n){return b((i(),s("div",{key:n,class:"m-gallery__hidden"})),[[c,{src:t.src,disabled:e.noZoom}]])})),128))],6)):u("",!0)},re.__scopeId="data-v-27aeee1f";export{re as default};

package/components/MazIcon.d.ts

@@ -0,0 +1,66 @@
+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;

package/components/MazIcon.js

@@ -0,0 +1,3 @@
+import{inject as t,defineComponent as e,ref as r,computed as n,onMounted as o,watchEffect as i,openBlock as a,createElementBlock as u,mergeProps as c,createCommentVNode as l,nextTick as s}from"vue";function f(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function p(t,e,r,n,o,i,a){try{var u=t[i](a),c=u.value}catch(t){return void r(t)}u.done?e(c):Promise.resolve(c).then(n,o)}var h={exports:{}},v={exports:{}};!function(t){function e(r){return t.exports=e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t.exports.__esModule=!0,t.exports.default=t.exports,e(r)}t.exports=e,t.exports.__esModule=!0,t.exports.default=t.exports}(v),function(t){var e=v.exports.default;function r(){
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+t.exports=r=function(){return n},t.exports.__esModule=!0,t.exports.default=t.exports;var n={},o=Object.prototype,i=o.hasOwnProperty,a="function"==typeof Symbol?Symbol:{},u=a.iterator||"@@iterator",c=a.asyncIterator||"@@asyncIterator",l=a.toStringTag||"@@toStringTag";function s(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{s({},"")}catch(t){s=function(t,e,r){return t[e]=r}}function f(t,e,r,n){var o=e&&e.prototype instanceof v?e:v,i=Object.create(o.prototype),a=new j(n||[]);return i._invoke=function(t,e,r){var n="suspendedStart";return function(o,i){if("executing"===n)throw new Error("Generator is already running");if("completed"===n){if("throw"===o)throw i;return P()}for(r.method=o,r.arg=i;;){var a=r.delegate;if(a){var u=E(a,r);if(u){if(u===h)continue;return u}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if("suspendedStart"===n)throw n="completed",r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n="executing";var c=p(t,e,r);if("normal"===c.type){if(n=r.done?"completed":"suspendedYield",c.arg===h)continue;return{value:c.arg,done:r.done}}"throw"===c.type&&(n="completed",r.method="throw",r.arg=c.arg)}}}(t,r,a),i}function p(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}n.wrap=f;var h={};function v(){}function d(){}function y(){}var m={};s(m,u,(function(){return this}));var g=Object.getPrototypeOf,w=g&&g(g(_([])));w&&w!==o&&i.call(w,u)&&(m=w);var x=y.prototype=v.prototype=Object.create(m);function b(t){["next","throw","return"].forEach((function(e){s(t,e,(function(t){return this._invoke(e,t)}))}))}function L(t,r){function n(o,a,u,c){var l=p(t[o],t,a);if("throw"!==l.type){var s=l.arg,f=s.value;return f&&"object"==e(f)&&i.call(f,"__await")?r.resolve(f.__await).then((function(t){n("next",t,u,c)}),(function(t){n("throw",t,u,c)})):r.resolve(f).then((function(t){s.value=t,u(s)}),(function(t){return n("throw",t,u,c)}))}c(l.arg)}var o;this._invoke=function(t,e){function i(){return new r((function(r,o){n(t,e,r,o)}))}return o=o?o.then(i,i):i()}}function E(t,e){var r=t.iterator[e.method];if(void 0===r){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=void 0,E(t,e),"throw"===e.method))return h;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return h}var n=p(r,t.iterator,e.arg);if("throw"===n.type)return e.method="throw",e.arg=n.arg,e.delegate=null,h;var o=n.arg;return o?o.done?(e[t.resultName]=o.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,h):o:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,h)}function O(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function S(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function j(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(O,this),this.reset(!0)}function _(t){if(t){var e=t[u];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var r=-1,n=function e(){for(;++r<t.length;)if(i.call(t,r))return e.value=t[r],e.done=!1,e;return e.value=void 0,e.done=!0,e};return n.next=n}}return{next:P}}function P(){return{value:void 0,done:!0}}return d.prototype=y,s(x,"constructor",y),s(y,"constructor",d),d.displayName=s(y,l,"GeneratorFunction"),n.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===d||"GeneratorFunction"===(e.displayName||e.name))},n.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,y):(t.__proto__=y,s(t,l,"GeneratorFunction")),t.prototype=Object.create(x),t},n.awrap=function(t){return{__await:t}},b(L.prototype),s(L.prototype,c,(function(){return this})),n.AsyncIterator=L,n.async=function(t,e,r,o,i){void 0===i&&(i=Promise);var a=new L(f(t,e,r,o),i);return n.isGeneratorFunction(e)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},b(x),s(x,l,"Generator"),s(x,u,(function(){return this})),s(x,"toString",(function(){return"[object Generator]"})),n.keys=function(t){var e=[];for(var r in t)e.push(r);return e.reverse(),function r(){for(;e.length;){var n=e.pop();if(n in t)return r.value=n,r.done=!1,r}return r.done=!0,r}},n.values=_,j.prototype={constructor:j,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(S),!t)for(var e in this)"t"===e.charAt(0)&&i.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function r(r,n){return a.type="throw",a.arg=t,e.next=r,n&&(e.method="next",e.arg=void 0),!!n}for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n],a=o.completion;if("root"===o.tryLoc)return r("end");if(o.tryLoc<=this.prev){var u=i.call(o,"catchLoc"),c=i.call(o,"finallyLoc");if(u&&c){if(this.prev<o.catchLoc)return r(o.catchLoc,!0);if(this.prev<o.finallyLoc)return r(o.finallyLoc)}else if(u){if(this.prev<o.catchLoc)return r(o.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return r(o.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var n=this.tryEntries[r];if(n.tryLoc<=this.prev&&i.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}o&&("break"===t||"continue"===t)&&o.tryLoc<=e&&e<=o.finallyLoc&&(o=null);var a=o?o.completion:{};return a.type=t,a.arg=e,o?(this.method="next",this.next=o.finallyLoc,h):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),h},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),S(r),h}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;S(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,r){return this.delegate={iterator:_(t),resultName:e,nextLoc:r},"next"===this.method&&(this.arg=void 0),h}},n}t.exports=r,t.exports.__esModule=!0,t.exports.default=t.exports}(h);var d=h.exports(),y=d;try{regeneratorRuntime=d}catch(t){"object"==typeof globalThis?globalThis.regeneratorRuntime=d:Function("r","regeneratorRuntime = r")(d)}function m(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function g(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?m(Object(r),!0).forEach((function(e){f(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var w=["innerHTML"],x=e({__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:function(t){return t}}},emits:["loaded","unloaded","error"],setup:function(e,f){var h=f.emit,v=e,d={},m=r(),x=r(),b=function(){try{return function(e,r){var n=t(e,r);if(!n)throw new Error("[maz-ui](injectStrict) Could not resolve ".concat(e));return n}("mazIconPath")}catch(t){return}},L=n((function(){var t;return null!==(t=v.path)&&void 0!==t?t:b()})),E=n((function(){return v.src?v.src:L.value?"".concat(L.value,"/").concat(v.name,".svg"):"/".concat(v.name,".svg")}));o((function(){v.name||v.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));var O=function(t){var e=t.cloneNode(!0);return e=v.transformSource(t),v.title&&function(t,e){var r=t.querySelectorAll("title");if(r.length>0)r[0].textContent=e;else{var n=document.createElementNS("http://www.w3.org/2000/svg","title");n.textContent=e,t.append(n)}}(e,v.title),t.innerHTML},S=function(){var t,e=(t=y.mark((function t(e){var r;return y.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return d[e]||(d[e]=j(e)),t.prev=1,t.next=4,d[e];case 4:return r=t.sent,m.value=r,t.next=8,s();case 8:h("loaded",x.value),t.next=16;break;case 11:t.prev=11,t.t0=t.catch(1),m.value&&(m.value=void 0,h("unloaded")),delete d[e],h("error",t.t0);case 16:case"end":return t.stop()}}),t,null,[[1,11]])})),function(){var e=this,r=arguments;return new Promise((function(n,o){var i=t.apply(e,r);function a(t){p(i,n,o,a,u,"next",t)}function u(t){p(i,n,o,a,u,"throw",t)}a(void 0)}))});return function(t){return e.apply(this,arguments)}}(),j=function(t){return new Promise((function(e,r){var n=new XMLHttpRequest;n.open("GET",t,!0),n.addEventListener("load",(function(){if(n.status>=200&&n.status<400)try{var t=(new DOMParser).parseFromString(n.responseText,"text/xml").querySelectorAll("svg")[0];t?(t=v.transformSource(t),e(t)):r(new Error('Loaded file is not valid SVG"'))}catch(t){r(t)}else r(new Error("Error loading SVG"))})),n.addEventListener("error",(function(){return r()})),n.send()}))};return i((function(){return S(E.value)})),function(t,r){return m.value?(a(),u("svg",c({key:0,ref_key:"svgElem",ref:x,width:"1em",height:"1em"},g(g({},function(t){var e={},r=t.attributes;if(!r)return e;for(var n=r.length-1;n>=0;n--)e[r[n].name]=r[n].value;return e}(m.value)),(n=t.$attrs,Object.keys(n).reduce((function(t,e){return!1!==n[e]&&null!==n[e]&&void 0!==n[e]&&(t[e]=n[e]),t}),{}))),{style:"font-size: ".concat(e.size),innerHTML:O(m.value)}),null,16,w)):l("",!0);var n}}});export{x as default};