maz-ui 2.3.13 → 2.4.2

package/components/MazDialog.js

@@ -0,0 +1,3 @@
+import{defineComponent as n,openBlock as t,createElementBlock as o,normalizeClass as r,pushScopeId as e,popScopeId as a,createElementVNode as i,inject as c,ref as l,computed as s,onMounted as d,watchEffect as u,mergeProps as b,createCommentVNode as m,nextTick as f,useAttrs as p,useSlots as v,createBlock as g,resolveDynamicComponent as h,unref as y,withCtx as k,renderSlot as w,createVNode as x,watch as z,Teleport as _,Transition as E,withModifiers as S,createTextVNode as L,toDisplayString as j}from"vue";var O=["width","height"],C=[function(n){return e("data-v-67dbd337"),n=n(),a(),n}((function(){return i("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)}))],B=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(e,a){return t(),o("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"}},C,10,O)}}});function P(n,t){void 0===t&&(t={});var o=t.insertAt;if(n&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css","top"===o&&r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.styleSheet?e.styleSheet.cssText=n:e.appendChild(document.createTextNode(n))}}function A(n,t,o){return t in n?Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[t]=o,n}function I(n,t,o,r,e,a,i){try{var c=n[a](i),l=c.value}catch(n){return void o(n)}c.done?t(l):Promise.resolve(l).then(r,e)}function M(n){return function(){var t=this,o=arguments;return new Promise((function(r,e){var a=n.apply(t,o);function i(n){I(a,r,e,i,c,"next",n)}function c(n){I(a,r,e,i,c,"throw",n)}i(void 0)}))}}P("\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"),B.__scopeId="data-v-67dbd337";var $={exports:{}},D={exports:{}};!function(n){function t(o){return n.exports=t="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,t(o)}n.exports=t,n.exports.__esModule=!0,n.exports.default=n.exports}(D),function(n){var t=D.exports.default;function o(){
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+n.exports=o=function(){return r},n.exports.__esModule=!0,n.exports.default=n.exports;var r={},e=Object.prototype,a=e.hasOwnProperty,i="function"==typeof Symbol?Symbol:{},c=i.iterator||"@@iterator",l=i.asyncIterator||"@@asyncIterator",s=i.toStringTag||"@@toStringTag";function d(n,t,o){return Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}),n[t]}try{d({},"")}catch(n){d=function(n,t,o){return n[t]=o}}function u(n,t,o,r){var e=t&&t.prototype instanceof f?t:f,a=Object.create(e.prototype),i=new S(r||[]);return a._invoke=function(n,t,o){var r="suspendedStart";return function(e,a){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===e)throw a;return j()}for(o.method=e,o.arg=a;;){var i=o.delegate;if(i){var c=z(i,o);if(c){if(c===m)continue;return c}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if("suspendedStart"===r)throw r="completed",o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);r="executing";var l=b(n,t,o);if("normal"===l.type){if(r=o.done?"completed":"suspendedYield",l.arg===m)continue;return{value:l.arg,done:o.done}}"throw"===l.type&&(r="completed",o.method="throw",o.arg=l.arg)}}}(n,o,i),a}function b(n,t,o){try{return{type:"normal",arg:n.call(t,o)}}catch(n){return{type:"throw",arg:n}}}r.wrap=u;var m={};function f(){}function p(){}function v(){}var g={};d(g,c,(function(){return this}));var h=Object.getPrototypeOf,y=h&&h(h(L([])));y&&y!==e&&a.call(y,c)&&(g=y);var k=v.prototype=f.prototype=Object.create(g);function w(n){["next","throw","return"].forEach((function(t){d(n,t,(function(n){return this._invoke(t,n)}))}))}function x(n,o){function r(e,i,c,l){var s=b(n[e],n,i);if("throw"!==s.type){var d=s.arg,u=d.value;return u&&"object"==t(u)&&a.call(u,"__await")?o.resolve(u.__await).then((function(n){r("next",n,c,l)}),(function(n){r("throw",n,c,l)})):o.resolve(u).then((function(n){d.value=n,c(d)}),(function(n){return r("throw",n,c,l)}))}l(s.arg)}var e;this._invoke=function(n,t){function a(){return new o((function(o,e){r(n,t,o,e)}))}return e=e?e.then(a,a):a()}}function z(n,t){var o=n.iterator[t.method];if(void 0===o){if(t.delegate=null,"throw"===t.method){if(n.iterator.return&&(t.method="return",t.arg=void 0,z(n,t),"throw"===t.method))return m;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return m}var r=b(o,n.iterator,t.arg);if("throw"===r.type)return t.method="throw",t.arg=r.arg,t.delegate=null,m;var e=r.arg;return e?e.done?(t[n.resultName]=e.value,t.next=n.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,m):e:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,m)}function _(n){var t={tryLoc:n[0]};1 in n&&(t.catchLoc=n[1]),2 in n&&(t.finallyLoc=n[2],t.afterLoc=n[3]),this.tryEntries.push(t)}function E(n){var t=n.completion||{};t.type="normal",delete t.arg,n.completion=t}function S(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(_,this),this.reset(!0)}function L(n){if(n){var t=n[c];if(t)return t.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var o=-1,r=function t(){for(;++o<n.length;)if(a.call(n,o))return t.value=n[o],t.done=!1,t;return t.value=void 0,t.done=!0,t};return r.next=r}}return{next:j}}function j(){return{value:void 0,done:!0}}return p.prototype=v,d(k,"constructor",v),d(v,"constructor",p),p.displayName=d(v,s,"GeneratorFunction"),r.isGeneratorFunction=function(n){var t="function"==typeof n&&n.constructor;return!!t&&(t===p||"GeneratorFunction"===(t.displayName||t.name))},r.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,v):(n.__proto__=v,d(n,s,"GeneratorFunction")),n.prototype=Object.create(k),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,t,o,e,a){void 0===a&&(a=Promise);var i=new x(u(n,t,o,e),a);return r.isGeneratorFunction(t)?i:i.next().then((function(n){return n.done?n.value:i.next()}))},w(k),d(k,s,"Generator"),d(k,c,(function(){return this})),d(k,"toString",(function(){return"[object Generator]"})),r.keys=function(n){var t=[];for(var o in n)t.push(o);return t.reverse(),function o(){for(;t.length;){var r=t.pop();if(r in n)return o.value=r,o.done=!1,o}return o.done=!0,o}},r.values=L,S.prototype={constructor:S,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(E),!n)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 n=this.tryEntries[0].completion;if("throw"===n.type)throw n.arg;return this.rval},dispatchException:function(n){if(this.done)throw n;var t=this;function o(o,r){return i.type="throw",i.arg=n,t.next=o,r&&(t.method="next",t.arg=void 0),!!r}for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r],i=e.completion;if("root"===e.tryLoc)return o("end");if(e.tryLoc<=this.prev){var c=a.call(e,"catchLoc"),l=a.call(e,"finallyLoc");if(c&&l){if(this.prev<e.catchLoc)return o(e.catchLoc,!0);if(this.prev<e.finallyLoc)return o(e.finallyLoc)}else if(c){if(this.prev<e.catchLoc)return o(e.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<e.finallyLoc)return o(e.finallyLoc)}}}},abrupt:function(n,t){for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o];if(r.tryLoc<=this.prev&&a.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var e=r;break}}e&&("break"===n||"continue"===n)&&e.tryLoc<=t&&t<=e.finallyLoc&&(e=null);var i=e?e.completion:{};return i.type=n,i.arg=t,e?(this.method="next",this.next=e.finallyLoc,m):this.complete(i)},complete:function(n,t){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&&t&&(this.next=t),m},finish:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.finallyLoc===n)return this.complete(o.completion,o.afterLoc),E(o),m}},catch:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.tryLoc===n){var r=o.completion;if("throw"===r.type){var e=r.arg;E(o)}return e}}throw new Error("illegal catch attempt")},delegateYield:function(n,t,o){return this.delegate={iterator:L(n),resultName:t,nextLoc:o},"next"===this.method&&(this.arg=void 0),m}},r}n.exports=o,n.exports.__esModule=!0,n.exports.default=n.exports}($);var F=$.exports(),N=F;try{regeneratorRuntime=F}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=F:Function("r","regeneratorRuntime = r")(F)}function T(n,t){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),o.push.apply(o,r)}return o}function G(n){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?T(Object(o),!0).forEach((function(t){A(n,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):T(Object(o)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(o,t))}))}return n}var Y=["innerHTML"],V=n({__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(n){return n}}},emits:["loaded","unloaded","error"],setup:function(n,r){var e=r.emit,a=n,i={},p=l(),v=l(),g=function(){try{return function(n,t){var o=c(n,t);if(!o)throw new Error("[maz-ui](injectStrict) Could not resolve ".concat(n));return o}("mazIconPath")}catch(n){return}},h=s((function(){var n;return null!==(n=a.path)&&void 0!==n?n:g()})),y=s((function(){return a.src?a.src:h.value?"".concat(h.value,"/").concat(a.name,".svg"):"/".concat(a.name,".svg")}));d((function(){a.name||a.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));var k=function(n){var t=n.cloneNode(!0);return t=a.transformSource(n),a.title&&function(n,t){var o=n.querySelectorAll("title");if(o.length>0)o[0].textContent=t;else{var r=document.createElementNS("http://www.w3.org/2000/svg","title");r.textContent=t,n.append(r)}}(t,a.title),n.innerHTML},w=function(){var n=M(N.mark((function n(t){var o;return N.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return i[t]||(i[t]=x(t)),n.prev=1,n.next=4,i[t];case 4:return o=n.sent,p.value=o,n.next=8,f();case 8:e("loaded",v.value),n.next=16;break;case 11:n.prev=11,n.t0=n.catch(1),p.value&&(p.value=void 0,e("unloaded")),delete i[t],e("error",n.t0);case 16:case"end":return n.stop()}}),n,null,[[1,11]])})));return function(t){return n.apply(this,arguments)}}(),x=function(n){return new Promise((function(t,o){var r=new XMLHttpRequest;r.open("GET",n,!0),r.addEventListener("load",(function(){if(r.status>=200&&r.status<400)try{var n=(new DOMParser).parseFromString(r.responseText,"text/xml").querySelectorAll("svg")[0];n?(n=a.transformSource(n),t(n)):o(new Error('Loaded file is not valid SVG"'))}catch(n){o(n)}else o(new Error("Error loading SVG"))})),r.addEventListener("error",(function(){return o()})),r.send()}))};return u((function(){return w(y.value)})),function(r,e){return p.value?(t(),o("svg",b({key:0,ref_key:"svgElem",ref:v,width:"1em",height:"1em"},G(G({},function(n){var t={},o=n.attributes;if(!o)return t;for(var r=o.length-1;r>=0;r--)t[o[r].name]=o[r].value;return t}(p.value)),(a=r.$attrs,Object.keys(a).reduce((function(n,t){return!1!==a[t]&&null!==a[t]&&void 0!==a[t]&&(n[t]=a[t]),n}),{}))),{style:"font-size: ".concat(n.size),innerHTML:k(p.value)}),null,16,Y)):m("",!0);var a}}}),H={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},q={class:"maz-flex maz-flex-center"},R={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},U=n({__name:"MazBtn",props:{variant:{type:String,default:"button",validator:function(n){return["button","link"].includes(n)}},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(n)}},type:{type:String,default:"button",validator:function(n){return["button","submit"].includes(n)}},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1}},setup:function(n){var e=n,a=p(),c=a.href,l=a.to,d=v(),u=s((function(){return c?"a":l?"router-link":"button"})),f=s((function(){return e.pastel?"--".concat(e.color,"-pastel"):e.outline||e.loading?"--".concat(e.color,"-outline"):"--".concat(e.color)})),z=s((function(){return(e.loading||e.disabled)&&"button"===u.value})),_=s((function(){return z.value?"--cursor-default":"--cursor-pointer"})),E=s((function(){return"--is-".concat(e.variant)})),S=s((function(){return"--".concat(e.color)})),L=s((function(){return["white"].includes(e.color)?"black":"white"})),j=s((function(){return e.loading&&"button"===e.variant})),O=s((function(){return!!d["left-icon"]||e.leftIcon})),C=s((function(){return!!d["right-icon"]||e.rightIcon})),P=s((function(){return O.value||C.value})),A=s((function(){return"button"===u.value?e.type:void 0}));return function(e,a){return t(),g(h(y(u)),b(e.$attrs,{disabled:y(z),class:["m-btn",["--".concat(n.size),y(f),y(_),y(E),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":y(z),"--icon":y(P),"--rounded":n.rounded,"--no-padding":n.noPadding,"--no-elevation":n.noElevation}]],type:y(A)}),{default:k((function(){return[y(O)?(t(),o("div",H,[w(e.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g(V,{key:0,name:n.leftIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),i("span",q,[w(e.$slots,"default")]),y(C)?(t(),o("div",R,[w(e.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g(V,{key:0,name:n.rightIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),y(j)?(t(),o("div",{key:2,class:r(["m-btn__loading-wrapper",y(S)])},[x(B,{size:"2em",color:y(L)},null,8,["color"])],2)):m("",!0)]})),_:3},16,["disabled","class","type"])}}});P("\n.m-btn[data-v-4f7c1518] {\n\n        border-width: var(--maz-border-width);\n\n        border-style: solid;\n\n        border-color: transparent;\n\n        text-align: center;\n\n        font-size: 1rem;\n\n        line-height: 1.5rem;\n\n        color: var(--maz-color-text);\n}\n.m-btn span[data-v-4f7c1518] {\n\n        line-height: 1;\n}\n.m-btn__icon-left[data-v-4f7c1518] {\n\n        margin-right: 0.5rem;\n\n        margin-left: -0.25rem;\n\n        line-height: 1;\n}\n.m-btn__icon-right[data-v-4f7c1518] {\n\n        margin-left: 0.5rem;\n\n        margin-right: -0.25rem;\n\n        line-height: 1;\n}\n.m-btn.--cursor-pointer[data-v-4f7c1518] {\n\n        cursor: pointer;\n}\n.m-btn.--cursor-default[data-v-4f7c1518] {\n\n        cursor: default;\n}\n.m-btn.--is-link[data-v-4f7c1518] {\n\n        display: -webkit-inline-box;\n\n        display: -ms-inline-flexbox;\n\n        display: inline-flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        background-color: transparent;\n\n        outline: 2px solid transparent;\n\n        outline-offset: 2px;\n\n        -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        -webkit-transition-duration: 200ms;\n\n                transition-duration: 200ms;\n\n        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-link[data-v-4f7c1518]:not(.--no-leading) {\n\n        line-height: 2.25rem;\n}\n.m-btn.--is-link[data-v-4f7c1518]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-4f7c1518]:not(:disabled):focus:not(.--no-underline) {\n\n        text-decoration-line: underline;\n}\n.m-btn.--is-link.--secondary[data-v-4f7c1518] {\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-link.--info[data-v-4f7c1518] {\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-link.--warning[data-v-4f7c1518] {\n\n        color: var(--maz-color-warning-600);\n}\n.m-btn.--is-link.--danger[data-v-4f7c1518] {\n\n        color: var(--maz-color-danger-600);\n}\n.m-btn.--is-link.--success[data-v-4f7c1518] {\n\n        color: var(--maz-color-success-600);\n}\n.m-btn.--is-link.--white[data-v-4f7c1518] {\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-link.--black[data-v-4f7c1518] {\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button[data-v-4f7c1518] {\n\n        position: relative;\n\n        display: -webkit-inline-box;\n\n        display: -ms-inline-flexbox;\n\n        display: inline-flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n\n        overflow: hidden;\n\n        border-radius: var(--maz-border-radius);\n\n        border-color: transparent;\n\n        background-color: transparent;\n\n        font-weight: 500;\n\n        text-decoration-line: none;\n\n        -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        -webkit-transition-duration: 300ms;\n\n                transition-duration: 300ms;\n\n        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-button.--rounded[data-v-4f7c1518] {\n\n        border-radius: 9999px;\n}\n.m-btn.--is-button.--xl[data-v-4f7c1518] {\n\n        padding-left: 2rem;\n\n        padding-right: 2rem;\n\n        font-size: 1.25rem;\n\n        line-height: 1.75rem;\n\n        padding-top: 1.325rem;\n        padding-bottom: 1.325rem;\n}\n.m-btn.--is-button.--lg[data-v-4f7c1518] {\n\n        padding-left: 1.5rem;\n\n        padding-right: 1.5rem;\n\n        font-size: 1.125rem;\n\n        line-height: 1.75rem;\n\n        padding-top: 1rem;\n        padding-bottom: 1rem;\n}\n.m-btn.--is-button.--md[data-v-4f7c1518] {\n\n        padding-left: 1rem;\n\n        padding-right: 1rem;\n\n        font-size: 1rem;\n\n        line-height: 1.5rem;\n\n        padding-top: 0.88rem;\n        padding-bottom: 0.88rem;\n}\n.m-btn.--is-button.--sm[data-v-4f7c1518] {\n\n        padding-left: 0.75rem;\n\n        padding-right: 0.75rem;\n\n        font-size: 0.875rem;\n\n        line-height: 1.25rem;\n\n        padding-top: 0.625rem;\n        padding-bottom: 0.625rem;\n}\n.m-btn.--is-button.--xs[data-v-4f7c1518] {\n\n        padding-left: 0.5rem;\n\n        padding-right: 0.5rem;\n\n        font-size: 0.875rem;\n\n        line-height: 1.25rem;\n\n        padding-top: 0.3rem;\n        padding-bottom: 0.3rem;\n}\n.m-btn.--is-button.--mini[data-v-4f7c1518] {\n\n        padding-left: 0.25rem;\n\n        padding-right: 0.25rem;\n\n        font-size: 0.75rem;\n\n        line-height: 1rem;\n\n        padding-top: 0.2rem;\n        padding-bottom: 0.2rem;\n}\n.m-btn.--is-button.--icon[data-v-4f7c1518] {\n\n        padding-top: 0.5rem;\n\n        padding-bottom: 0.5rem;\n}\n.m-btn.--is-button[data-v-4f7c1518] {\n\n      -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n\n      transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n/* Not disabled */\n.m-btn.--is-button[data-v-4f7c1518]:not(.--disabled):hover,\n        .m-btn.--is-button[data-v-4f7c1518]:not(.--disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n}\n/* Fab */\n.m-btn.--is-button.--fab[data-v-4f7c1518] {\n\n        display: -webkit-box;\n\n        display: -ms-flexbox;\n\n        display: flex;\n\n        height: 3rem;\n\n        width: 3rem;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n\n        border-radius: 9999px;\n\n        padding-left: 0px;\n\n        padding-right: 0px;\n\n        padding-top: 0px;\n\n        padding-bottom: 0px;\n}\n.m-btn.--is-button.--fab[data-v-4f7c1518]:not(.--no-elevation) {\n\n        -webkit-box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n\n                box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n}\n.m-btn.--is-button.--block[data-v-4f7c1518] {\n\n        width: 100%;\n}\n.m-btn.--is-button.--primary[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--primary[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--primary[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary-600);\n}\n.m-btn.--is-button.--secondary[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--secondary[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--secondary[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary-600);\n}\n.m-btn.--is-button.--info[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--info[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--info[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info-600);\n}\n.m-btn.--is-button.--success[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--success[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--success[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success-600);\n}\n.m-btn.--is-button.--warning[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--warning[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--warning[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning-600);\n}\n.m-btn.--is-button.--danger[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--danger[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger-600);\n}\n.m-btn.--is-button.--white[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--white[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--white[data-v-4f7c1518]:not(:disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(209 213 219 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--black[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black-contrast);\n}\n.m-btn.--is-button.--black[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--black[data-v-4f7c1518]:not(:disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(31 41 55 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--transparent[data-v-4f7c1518] {\n\n        background-color: transparent;\n}\n.m-btn.--is-button.--transparent[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--transparent[data-v-4f7c1518]:not(:disabled):focus {\n          background-color: hsl(0deg 0% 0% / 12%);\n}\n.m-btn.--is-button.--primary-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--primary-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--secondary-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--info-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-info);\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--info-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--success-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-success);\n\n        color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--success-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-danger);\n\n        color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--danger-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--warning-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--warning-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-white);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--white-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--black-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-black);\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--black-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--primary-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-primary-50);\n\n        color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--primary-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-secondary-50);\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--secondary-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--info-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-info-50);\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--info-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--success-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-success-50);\n\n        color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--success-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--danger-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-danger-50);\n\n        color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--danger-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-danger-contrast);\n}\n.m-btn.--is-button.--warning-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-warning-50);\n\n        color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--warning-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--white-pastel[data-v-4f7c1518] {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--white-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--black-pastel[data-v-4f7c1518] {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--black-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black-contrast);\n}\n/* Disabled */\n.m-btn.--is-button.--disabled[data-v-4f7c1518] {\n\n        cursor: not-allowed;\n\n        background-color: var(--maz-color-bg-lighter);\n\n        --tw-text-opacity: 1;\n\n        color: rgb(156 163 175 / var(--tw-text-opacity));\n}\n.m-btn.--is-button.--no-padding[data-v-4f7c1518] {\n\n        padding: 0px;\n}\n/* Loader */\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-4f7c1518] {\n\n        position: absolute;\n\n        top: 0px;\n\n        right: 0px;\n\n        bottom: 0px;\n\n        left: 0px;\n\n        display: -webkit-box;\n\n        display: -ms-flexbox;\n\n        display: flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-primary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-secondary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-info);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-warning);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-success);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-danger);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-white);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-black);\n}\n"),U.__scopeId="data-v-4f7c1518";var K=n({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!1},teleportSelector:{type:String,default:"body"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},noCloseOnEscKey:{type:Boolean,default:!1},transitionName:{type:String,default:"backdrop-anim"},backdropClass:{type:[Array,String,Object],default:void 0},backdropContentClass:{type:[Array,String,Object],default:void 0}},emits:["open","before-close","close","update:model-value"],setup:function(n,t){var o=t.emit,r=l(n.modelValue),e=function(){a(!1)},a=function(){var t=M(N.mark((function t(e){var a;return N.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e){t.next=4;break}return o("before-close"),t.next=4,null===(a=n.beforeClose)||void 0===a?void 0:a.call(n);case 4:r.value=e;case 5:case"end":return t.stop()}}),t)})));return function(n){return t.apply(this,arguments)}}(),i=function(t){n.noCloseOnEscKey||"Escape"!==t.key||n.persistent||e()},c=function(){document.documentElement.classList.add("--backdrop-present"),document.addEventListener("keyup",i,!1)},s=function(){document.removeEventListener("keyup",i),document.querySelector(".m-backdrop.--present")||document.documentElement.classList.remove("--backdrop-present")};return d((function(){n.modelValue&&c()})),z((function(){return n.modelValue}),(function(n){r.value=n,n?c():s()})),{onBackdropAnimationEnter:function(){o("open")},onBackdropAnimationLeave:function(){o("update:model-value",!1),o("close")},onBackdropClicked:function(){n.persistent||e()},close:e,present:r}}});P("\nhtml.--backdrop-present {\n    overflow-y: hidden;\n    height: 100vh;\n}\n");P("\n.m-backdrop.bottom-sheet-anim-enter-active,\n  .m-backdrop.bottom-sheet-anim-leave-active {\n    -webkit-transition: opacity ease-in-out 250ms;\n    transition: opacity ease-in-out 250ms;\n}\n.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content {\n      transition: -webkit-transform ease-in-out 250ms;\n      -webkit-transition: -webkit-transform ease-in-out 250ms;\n      transition: transform ease-in-out 250ms;\n      transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n      -webkit-transform: translateY(0);\n              transform: translateY(0);\n}\n.m-backdrop.bottom-sheet-anim-enter-from,\n  .m-backdrop.bottom-sheet-anim-leave-to {\n    opacity: 0;\n}\n.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content {\n      -webkit-transform: translateY(100%);\n              transform: translateY(100%);\n}\n.m-backdrop.modal-anim-enter-active,\n  .m-backdrop.modal-anim-leave-active {\n    -webkit-transition: opacity ease-in-out 250ms;\n    transition: opacity ease-in-out 250ms;\n}\n.m-backdrop.modal-anim-enter-active .m-backdrop-content, .m-backdrop.modal-anim-leave-active .m-backdrop-content {\n      transition: -webkit-transform ease-in-out 250ms;\n      -webkit-transition: -webkit-transform ease-in-out 250ms;\n      transition: transform ease-in-out 250ms;\n      transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n      -webkit-transform: translateY(0);\n              transform: translateY(0);\n}\n.m-backdrop.modal-anim-enter-from,\n  .m-backdrop.modal-anim-leave-to {\n    opacity: 0;\n}\n.m-backdrop.modal-anim-enter-from .m-backdrop-content, .m-backdrop.modal-anim-leave-to .m-backdrop-content {\n      -webkit-transform: translateY(-25px);\n              transform: translateY(-25px);\n}\n.m-backdrop.backdrop-anim-enter-active,\n  .m-backdrop.backdrop-anim-leave-active {\n    -webkit-transition: opacity ease-in-out 250ms;\n    transition: opacity ease-in-out 250ms;\n}\n.m-backdrop.backdrop-anim-enter-from,\n  .m-backdrop.backdrop-anim-leave-to {\n    opacity: 0;\n}\n.m-backdrop {\n    position: fixed;\n    top: 0px;\n    right: 0px;\n    bottom: 0px;\n    left: 0px;\n    z-index: 1050;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    opacity: 1;\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    -webkit-backdrop-filter: blur(3px);\n\n            backdrop-filter: blur(3px);\n}\n.m-backdrop-overlay {\n      -ms-touch-action: none;\n          touch-action: none;\n          position: absolute;\n          top: 0px;\n          right: 0px;\n          bottom: 0px;\n          left: 0px;\n          background-color: var(--maz-bg-overlay);\n}\n.m-backdrop-overlay:not(.--disabled) {\n    cursor: pointer;\n}\n.m-backdrop-content {\n    position: relative;\n    z-index: 1;\n}\n.m-backdrop-content:focus {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n}\n.m-backdrop.--bottom-sheet .m-backdrop-content {\n    position: absolute;\n    bottom: 0px;\n    left: 0px;\n    right: 0px;\n}\n.m-backdrop.--fullscreen {\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n}\n@media (min-width: 576px) {\n    .m-backdrop.--fullscreen {\n        -webkit-box-align: center;\n            -ms-flex-align: center;\n                align-items: center;\n    }\n}\n.m-backdrop.--fullscreen.--center-top {\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n}\n@media (min-width: 576px) {\n    .m-backdrop.--fullscreen.--center-top {\n        padding-top: 7rem;\n    }\n}\n.m-backdrop.--fullscreen .m-backdrop-content {\n    position: relative;\n    width: 100%;\n}\n@media (min-width: 576px) {\n    .m-backdrop.--fullscreen .m-backdrop-content {\n        width: auto;\n    }\n}\n"),K.render=function(n,e,a,c,l,s){return t(),g(_,{to:n.teleportSelector},[x(E,{appear:"",name:n.transitionName,onAfterEnter:n.onBackdropAnimationEnter,onAfterLeave:n.onBackdropAnimationLeave},{default:k((function(){return[n.present?(t(),o("div",{key:0,class:r(["m-backdrop --present",[n.backdropClass]]),tabindex:"-1",role:"dialog"},[i("div",{class:r(["m-backdrop-overlay",{"--disabled":n.persistent}]),tabindex:"-1",onClick:e[0]||(e[0]=S((function(){return n.onBackdropClicked&&n.onBackdropClicked.apply(n,arguments)}),["self"]))},null,2),i("div",b({class:["m-backdrop-content",n.backdropContentClass]},n.$attrs,{role:"document",tabindex:"0"}),[w(n.$slots,"default",{close:n.close})],16)],2)):m("",!0)]})),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["to"])};var X={class:"m-dialog-layout"},J={key:0,class:"maz-my-0 maz-text-xl maz-font-semibold"},Q={class:"m-dialog-layout-content"},W={key:0,class:"m-dialog-layout-footer"},Z=n({__name:"MazDialog",props:{title:{type:String,default:void 0},noClose:{type:Boolean,default:!1}},emits:["update:model-value","close","open"],setup:function(n){return function(e,a){return t(),g(K,b(e.$attrs,{"transition-name":"modal-anim",onClose:a[0]||(a[0]=function(n){return e.$emit("close",n)}),onOpen:a[1]||(a[1]=function(n){return e.$emit("open",n)}),"onUpdate:modelValue":a[2]||(a[2]=function(n){return e.$emit("update:model-value",n)})}),{default:k((function(a){var c=a.close;return[i("div",X,[i("div",{class:r(["m-dialog-layout-header",{"--has-title":e.$slots.title||n.title}])},[e.$slots.title||n.title?(t(),o("h2",J,[w(e.$slots,"title",{},(function(){return[L(j(n.title),1)]}))])):m("",!0),n.noClose?m("",!0):(t(),g(U,{key:1,size:"sm",class:"m-dialog-layout-closebtn",color:"transparent",onClick:c},{default:k((function(){return[x(V,{src:y("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M6%2018L18%206M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E"),class:"maz-h-5 maz-w-5"},null,8,["src"])]})),_:2},1032,["onClick"]))],2),i("div",Q,[w(e.$slots,"default",{close:c})]),e.$slots.footer?(t(),o("div",W,[w(e.$slots,"footer",{close:c})])):m("",!0)])]})),_:3},16)}}});P("\n.m-dialog-layout[data-v-6dc73b9c] {\n\n    border-radius: var(--maz-border-radius);\n\n    background-color: var(--maz-color-bg);\n\n    color: var(--maz-color-text);\n\n    width: 500px;\n    max-width: 95vw;\n}\n.m-dialog-layout-header[data-v-6dc73b9c] {\n\n    display: -webkit-box;\n\n    display: -ms-flexbox;\n\n    display: flex;\n\n    -webkit-box-align: center;\n\n        -ms-flex-align: center;\n\n            align-items: center;\n\n    -webkit-box-pack: end;\n\n        -ms-flex-pack: end;\n\n            justify-content: flex-end;\n\n    padding-top: 0.5rem;\n\n    padding-left: 1.5rem;\n\n    padding-right: 0.5rem;\n}\n.m-dialog-layout-header.--has-title[data-v-6dc73b9c] {\n\n    -webkit-box-pack: justify;\n\n        -ms-flex-pack: justify;\n\n            justify-content: space-between;\n}\n.m-dialog-layout-footer[data-v-6dc73b9c] {\n\n    display: -webkit-box;\n\n    display: -ms-flexbox;\n\n    display: flex;\n\n    -webkit-box-align: center;\n\n        -ms-flex-align: center;\n\n            align-items: center;\n\n    -webkit-box-pack: end;\n\n        -ms-flex-pack: end;\n\n            justify-content: flex-end;\n\n    padding-left: 1.5rem;\n\n    padding-right: 1.5rem;\n\n    padding-bottom: 1rem;\n}\n.m-dialog-layout-content[data-v-6dc73b9c] {\n\n    padding: 1.5rem;\n}\n.m-dialog-layout-content-icon[data-v-6dc73b9c] {\n        -ms-flex: 0 0 auto;\n            -webkit-box-flex: 0;\n                flex: 0 0 auto;\n}\n.m-dialog-layout-closebtn[data-v-6dc73b9c] {\n\n    padding: 0.5rem !important;\n}\n"),Z.__scopeId="data-v-6dc73b9c";export{Z as default};

package/components/MazDialogPromise/use-maz-dialog-promise.d.ts

@@ -0,0 +1,30 @@
+export interface DialogState {
+    id: string;
+    isActive: boolean;
+    resolve: (value: unknown) => void;
+    reject?: (reason?: unknown) => void;
+}
+export interface DialogData {
+    title: string;
+    message: string;
+    cancelText?: string;
+    confirmText?: string;
+}
+export declare const useMazDialogPromise: () => {
+    confirmDialogData: import("vue").Ref<DialogData | undefined>;
+    dialogState: import("vue").Ref<{
+        id: string;
+        isActive: boolean;
+        resolve: (value: unknown) => void;
+        reject?: ((reason?: unknown) => void) | undefined;
+    }[]>;
+    showDialogAndWaitChoice: (identifier: string, callback?: () => unknown) => Promise<unknown>;
+    removeDialogFromState: (identifier: string) => {
+        id: string;
+        isActive: boolean;
+        resolve: (value: unknown) => void;
+        reject?: ((reason?: unknown) => void) | undefined;
+    }[];
+    rejectDialog: (currentDialog: DialogState) => void;
+    resolveDialog: (currentDialog: DialogState) => void;
+};

package/components/MazDialogPromise.d.ts

@@ -0,0 +1,28 @@
+import { type PropType } from 'vue';
+import { type DialogData } from './MazDialogPromise/use-maz-dialog-promise';
+export { useMazDialogPromise } from './MazDialogPromise/use-maz-dialog-promise';
+export type { DialogState, DialogData, } from './MazDialogPromise/use-maz-dialog-promise';
+declare const _default: import("vue").DefineComponent<{
+    data: {
+        type: PropType<DialogData>;
+        default: undefined;
+    };
+    identifier: {
+        type: StringConstructor;
+        required: true;
+    };
+}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: PropType<DialogData>;
+        default: undefined;
+    };
+    identifier: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {
+    data: DialogData;
+}>;
+export default _default;

package/components/MazDialogPromise.js

@@ -0,0 +1,3 @@
+import{defineComponent as n,openBlock as t,createElementBlock as o,normalizeClass as r,pushScopeId as e,popScopeId as a,createElementVNode as i,inject as c,ref as l,computed as s,onMounted as d,watchEffect as u,mergeProps as m,createCommentVNode as b,nextTick as f,useAttrs as p,useSlots as v,createBlock as g,resolveDynamicComponent as h,unref as y,withCtx as k,renderSlot as w,createVNode as x,watch as z,Teleport as _,Transition as S,withModifiers as E,createTextVNode as L,toDisplayString as j}from"vue";var O=["width","height"],C=[function(n){return e("data-v-67dbd337"),n=n(),a(),n}((function(){return i("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)}))],A=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(e,a){return t(),o("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"}},C,10,O)}}});function B(n,t){void 0===t&&(t={});var o=t.insertAt;if(n&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css","top"===o&&r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.styleSheet?e.styleSheet.cssText=n:e.appendChild(document.createTextNode(n))}}function D(n,t,o){return t in n?Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[t]=o,n}function P(n,t,o,r,e,a,i){try{var c=n[a](i),l=c.value}catch(n){return void o(n)}c.done?t(l):Promise.resolve(l).then(r,e)}function $(n){return function(){var t=this,o=arguments;return new Promise((function(r,e){var a=n.apply(t,o);function i(n){P(a,r,e,i,c,"next",n)}function c(n){P(a,r,e,i,c,"throw",n)}i(void 0)}))}}B("\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"),A.__scopeId="data-v-67dbd337";var I={exports:{}},T={exports:{}};!function(n){function t(o){return n.exports=t="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,t(o)}n.exports=t,n.exports.__esModule=!0,n.exports.default=n.exports}(T),function(n){var t=T.exports.default;function o(){
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+n.exports=o=function(){return r},n.exports.__esModule=!0,n.exports.default=n.exports;var r={},e=Object.prototype,a=e.hasOwnProperty,i="function"==typeof Symbol?Symbol:{},c=i.iterator||"@@iterator",l=i.asyncIterator||"@@asyncIterator",s=i.toStringTag||"@@toStringTag";function d(n,t,o){return Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}),n[t]}try{d({},"")}catch(n){d=function(n,t,o){return n[t]=o}}function u(n,t,o,r){var e=t&&t.prototype instanceof f?t:f,a=Object.create(e.prototype),i=new E(r||[]);return a._invoke=function(n,t,o){var r="suspendedStart";return function(e,a){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===e)throw a;return j()}for(o.method=e,o.arg=a;;){var i=o.delegate;if(i){var c=z(i,o);if(c){if(c===b)continue;return c}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if("suspendedStart"===r)throw r="completed",o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);r="executing";var l=m(n,t,o);if("normal"===l.type){if(r=o.done?"completed":"suspendedYield",l.arg===b)continue;return{value:l.arg,done:o.done}}"throw"===l.type&&(r="completed",o.method="throw",o.arg=l.arg)}}}(n,o,i),a}function m(n,t,o){try{return{type:"normal",arg:n.call(t,o)}}catch(n){return{type:"throw",arg:n}}}r.wrap=u;var b={};function f(){}function p(){}function v(){}var g={};d(g,c,(function(){return this}));var h=Object.getPrototypeOf,y=h&&h(h(L([])));y&&y!==e&&a.call(y,c)&&(g=y);var k=v.prototype=f.prototype=Object.create(g);function w(n){["next","throw","return"].forEach((function(t){d(n,t,(function(n){return this._invoke(t,n)}))}))}function x(n,o){function r(e,i,c,l){var s=m(n[e],n,i);if("throw"!==s.type){var d=s.arg,u=d.value;return u&&"object"==t(u)&&a.call(u,"__await")?o.resolve(u.__await).then((function(n){r("next",n,c,l)}),(function(n){r("throw",n,c,l)})):o.resolve(u).then((function(n){d.value=n,c(d)}),(function(n){return r("throw",n,c,l)}))}l(s.arg)}var e;this._invoke=function(n,t){function a(){return new o((function(o,e){r(n,t,o,e)}))}return e=e?e.then(a,a):a()}}function z(n,t){var o=n.iterator[t.method];if(void 0===o){if(t.delegate=null,"throw"===t.method){if(n.iterator.return&&(t.method="return",t.arg=void 0,z(n,t),"throw"===t.method))return b;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return b}var r=m(o,n.iterator,t.arg);if("throw"===r.type)return t.method="throw",t.arg=r.arg,t.delegate=null,b;var e=r.arg;return e?e.done?(t[n.resultName]=e.value,t.next=n.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,b):e:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,b)}function _(n){var t={tryLoc:n[0]};1 in n&&(t.catchLoc=n[1]),2 in n&&(t.finallyLoc=n[2],t.afterLoc=n[3]),this.tryEntries.push(t)}function S(n){var t=n.completion||{};t.type="normal",delete t.arg,n.completion=t}function E(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(_,this),this.reset(!0)}function L(n){if(n){var t=n[c];if(t)return t.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var o=-1,r=function t(){for(;++o<n.length;)if(a.call(n,o))return t.value=n[o],t.done=!1,t;return t.value=void 0,t.done=!0,t};return r.next=r}}return{next:j}}function j(){return{value:void 0,done:!0}}return p.prototype=v,d(k,"constructor",v),d(v,"constructor",p),p.displayName=d(v,s,"GeneratorFunction"),r.isGeneratorFunction=function(n){var t="function"==typeof n&&n.constructor;return!!t&&(t===p||"GeneratorFunction"===(t.displayName||t.name))},r.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,v):(n.__proto__=v,d(n,s,"GeneratorFunction")),n.prototype=Object.create(k),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,t,o,e,a){void 0===a&&(a=Promise);var i=new x(u(n,t,o,e),a);return r.isGeneratorFunction(t)?i:i.next().then((function(n){return n.done?n.value:i.next()}))},w(k),d(k,s,"Generator"),d(k,c,(function(){return this})),d(k,"toString",(function(){return"[object Generator]"})),r.keys=function(n){var t=[];for(var o in n)t.push(o);return t.reverse(),function o(){for(;t.length;){var r=t.pop();if(r in n)return o.value=r,o.done=!1,o}return o.done=!0,o}},r.values=L,E.prototype={constructor:E,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 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 n=this.tryEntries[0].completion;if("throw"===n.type)throw n.arg;return this.rval},dispatchException:function(n){if(this.done)throw n;var t=this;function o(o,r){return i.type="throw",i.arg=n,t.next=o,r&&(t.method="next",t.arg=void 0),!!r}for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r],i=e.completion;if("root"===e.tryLoc)return o("end");if(e.tryLoc<=this.prev){var c=a.call(e,"catchLoc"),l=a.call(e,"finallyLoc");if(c&&l){if(this.prev<e.catchLoc)return o(e.catchLoc,!0);if(this.prev<e.finallyLoc)return o(e.finallyLoc)}else if(c){if(this.prev<e.catchLoc)return o(e.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<e.finallyLoc)return o(e.finallyLoc)}}}},abrupt:function(n,t){for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o];if(r.tryLoc<=this.prev&&a.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var e=r;break}}e&&("break"===n||"continue"===n)&&e.tryLoc<=t&&t<=e.finallyLoc&&(e=null);var i=e?e.completion:{};return i.type=n,i.arg=t,e?(this.method="next",this.next=e.finallyLoc,b):this.complete(i)},complete:function(n,t){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&&t&&(this.next=t),b},finish:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.finallyLoc===n)return this.complete(o.completion,o.afterLoc),S(o),b}},catch:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.tryLoc===n){var r=o.completion;if("throw"===r.type){var e=r.arg;S(o)}return e}}throw new Error("illegal catch attempt")},delegateYield:function(n,t,o){return this.delegate={iterator:L(n),resultName:t,nextLoc:o},"next"===this.method&&(this.arg=void 0),b}},r}n.exports=o,n.exports.__esModule=!0,n.exports.default=n.exports}(I);var M=I.exports(),F=M;try{regeneratorRuntime=M}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=M:Function("r","regeneratorRuntime = r")(M)}function N(n,t){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),o.push.apply(o,r)}return o}function G(n){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?N(Object(o),!0).forEach((function(t){D(n,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):N(Object(o)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(o,t))}))}return n}var Y=["innerHTML"],V=n({__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(n){return n}}},emits:["loaded","unloaded","error"],setup:function(n,r){var e=r.emit,a=n,i={},p=l(),v=l(),g=function(){try{return function(n,t){var o=c(n,t);if(!o)throw new Error("[maz-ui](injectStrict) Could not resolve ".concat(n));return o}("mazIconPath")}catch(n){return}},h=s((function(){var n;return null!==(n=a.path)&&void 0!==n?n:g()})),y=s((function(){return a.src?a.src:h.value?"".concat(h.value,"/").concat(a.name,".svg"):"/".concat(a.name,".svg")}));d((function(){a.name||a.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));var k=function(n){var t=n.cloneNode(!0);return t=a.transformSource(n),a.title&&function(n,t){var o=n.querySelectorAll("title");if(o.length>0)o[0].textContent=t;else{var r=document.createElementNS("http://www.w3.org/2000/svg","title");r.textContent=t,n.append(r)}}(t,a.title),n.innerHTML},w=function(){var n=$(F.mark((function n(t){var o;return F.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return i[t]||(i[t]=x(t)),n.prev=1,n.next=4,i[t];case 4:return o=n.sent,p.value=o,n.next=8,f();case 8:e("loaded",v.value),n.next=16;break;case 11:n.prev=11,n.t0=n.catch(1),p.value&&(p.value=void 0,e("unloaded")),delete i[t],e("error",n.t0);case 16:case"end":return n.stop()}}),n,null,[[1,11]])})));return function(t){return n.apply(this,arguments)}}(),x=function(n){return new Promise((function(t,o){var r=new XMLHttpRequest;r.open("GET",n,!0),r.addEventListener("load",(function(){if(r.status>=200&&r.status<400)try{var n=(new DOMParser).parseFromString(r.responseText,"text/xml").querySelectorAll("svg")[0];n?(n=a.transformSource(n),t(n)):o(new Error('Loaded file is not valid SVG"'))}catch(n){o(n)}else o(new Error("Error loading SVG"))})),r.addEventListener("error",(function(){return o()})),r.send()}))};return u((function(){return w(y.value)})),function(r,e){return p.value?(t(),o("svg",m({key:0,ref_key:"svgElem",ref:v,width:"1em",height:"1em"},G(G({},function(n){var t={},o=n.attributes;if(!o)return t;for(var r=o.length-1;r>=0;r--)t[o[r].name]=o[r].value;return t}(p.value)),(a=r.$attrs,Object.keys(a).reduce((function(n,t){return!1!==a[t]&&null!==a[t]&&void 0!==a[t]&&(n[t]=a[t]),n}),{}))),{style:"font-size: ".concat(n.size),innerHTML:k(p.value)}),null,16,Y)):b("",!0);var a}}}),q={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},H={class:"maz-flex maz-flex-center"},U={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},R=n({__name:"MazBtn",props:{variant:{type:String,default:"button",validator:function(n){return["button","link"].includes(n)}},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(n)}},type:{type:String,default:"button",validator:function(n){return["button","submit"].includes(n)}},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1}},setup:function(n){var e=n,a=p(),c=a.href,l=a.to,d=v(),u=s((function(){return c?"a":l?"router-link":"button"})),f=s((function(){return e.pastel?"--".concat(e.color,"-pastel"):e.outline||e.loading?"--".concat(e.color,"-outline"):"--".concat(e.color)})),z=s((function(){return(e.loading||e.disabled)&&"button"===u.value})),_=s((function(){return z.value?"--cursor-default":"--cursor-pointer"})),S=s((function(){return"--is-".concat(e.variant)})),E=s((function(){return"--".concat(e.color)})),L=s((function(){return["white"].includes(e.color)?"black":"white"})),j=s((function(){return e.loading&&"button"===e.variant})),O=s((function(){return!!d["left-icon"]||e.leftIcon})),C=s((function(){return!!d["right-icon"]||e.rightIcon})),B=s((function(){return O.value||C.value})),D=s((function(){return"button"===u.value?e.type:void 0}));return function(e,a){return t(),g(h(y(u)),m(e.$attrs,{disabled:y(z),class:["m-btn",["--".concat(n.size),y(f),y(_),y(S),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":y(z),"--icon":y(B),"--rounded":n.rounded,"--no-padding":n.noPadding,"--no-elevation":n.noElevation}]],type:y(D)}),{default:k((function(){return[y(O)?(t(),o("div",q,[w(e.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g(V,{key:0,name:n.leftIcon},null,8,["name"])):b("",!0)]}))])):b("",!0),i("span",H,[w(e.$slots,"default")]),y(C)?(t(),o("div",U,[w(e.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g(V,{key:0,name:n.rightIcon},null,8,["name"])):b("",!0)]}))])):b("",!0),y(j)?(t(),o("div",{key:2,class:r(["m-btn__loading-wrapper",y(E)])},[x(A,{size:"2em",color:y(L)},null,8,["color"])],2)):b("",!0)]})),_:3},16,["disabled","class","type"])}}});B("\n.m-btn[data-v-4f7c1518] {\n\n        border-width: var(--maz-border-width);\n\n        border-style: solid;\n\n        border-color: transparent;\n\n        text-align: center;\n\n        font-size: 1rem;\n\n        line-height: 1.5rem;\n\n        color: var(--maz-color-text);\n}\n.m-btn span[data-v-4f7c1518] {\n\n        line-height: 1;\n}\n.m-btn__icon-left[data-v-4f7c1518] {\n\n        margin-right: 0.5rem;\n\n        margin-left: -0.25rem;\n\n        line-height: 1;\n}\n.m-btn__icon-right[data-v-4f7c1518] {\n\n        margin-left: 0.5rem;\n\n        margin-right: -0.25rem;\n\n        line-height: 1;\n}\n.m-btn.--cursor-pointer[data-v-4f7c1518] {\n\n        cursor: pointer;\n}\n.m-btn.--cursor-default[data-v-4f7c1518] {\n\n        cursor: default;\n}\n.m-btn.--is-link[data-v-4f7c1518] {\n\n        display: -webkit-inline-box;\n\n        display: -ms-inline-flexbox;\n\n        display: inline-flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        background-color: transparent;\n\n        outline: 2px solid transparent;\n\n        outline-offset: 2px;\n\n        -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        -webkit-transition-duration: 200ms;\n\n                transition-duration: 200ms;\n\n        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-link[data-v-4f7c1518]:not(.--no-leading) {\n\n        line-height: 2.25rem;\n}\n.m-btn.--is-link[data-v-4f7c1518]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-4f7c1518]:not(:disabled):focus:not(.--no-underline) {\n\n        text-decoration-line: underline;\n}\n.m-btn.--is-link.--secondary[data-v-4f7c1518] {\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-link.--info[data-v-4f7c1518] {\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-link.--warning[data-v-4f7c1518] {\n\n        color: var(--maz-color-warning-600);\n}\n.m-btn.--is-link.--danger[data-v-4f7c1518] {\n\n        color: var(--maz-color-danger-600);\n}\n.m-btn.--is-link.--success[data-v-4f7c1518] {\n\n        color: var(--maz-color-success-600);\n}\n.m-btn.--is-link.--white[data-v-4f7c1518] {\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-link.--black[data-v-4f7c1518] {\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button[data-v-4f7c1518] {\n\n        position: relative;\n\n        display: -webkit-inline-box;\n\n        display: -ms-inline-flexbox;\n\n        display: inline-flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n\n        overflow: hidden;\n\n        border-radius: var(--maz-border-radius);\n\n        border-color: transparent;\n\n        background-color: transparent;\n\n        font-weight: 500;\n\n        text-decoration-line: none;\n\n        -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        -webkit-transition-duration: 300ms;\n\n                transition-duration: 300ms;\n\n        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-button.--rounded[data-v-4f7c1518] {\n\n        border-radius: 9999px;\n}\n.m-btn.--is-button.--xl[data-v-4f7c1518] {\n\n        padding-left: 2rem;\n\n        padding-right: 2rem;\n\n        font-size: 1.25rem;\n\n        line-height: 1.75rem;\n\n        padding-top: 1.325rem;\n        padding-bottom: 1.325rem;\n}\n.m-btn.--is-button.--lg[data-v-4f7c1518] {\n\n        padding-left: 1.5rem;\n\n        padding-right: 1.5rem;\n\n        font-size: 1.125rem;\n\n        line-height: 1.75rem;\n\n        padding-top: 1rem;\n        padding-bottom: 1rem;\n}\n.m-btn.--is-button.--md[data-v-4f7c1518] {\n\n        padding-left: 1rem;\n\n        padding-right: 1rem;\n\n        font-size: 1rem;\n\n        line-height: 1.5rem;\n\n        padding-top: 0.88rem;\n        padding-bottom: 0.88rem;\n}\n.m-btn.--is-button.--sm[data-v-4f7c1518] {\n\n        padding-left: 0.75rem;\n\n        padding-right: 0.75rem;\n\n        font-size: 0.875rem;\n\n        line-height: 1.25rem;\n\n        padding-top: 0.625rem;\n        padding-bottom: 0.625rem;\n}\n.m-btn.--is-button.--xs[data-v-4f7c1518] {\n\n        padding-left: 0.5rem;\n\n        padding-right: 0.5rem;\n\n        font-size: 0.875rem;\n\n        line-height: 1.25rem;\n\n        padding-top: 0.3rem;\n        padding-bottom: 0.3rem;\n}\n.m-btn.--is-button.--mini[data-v-4f7c1518] {\n\n        padding-left: 0.25rem;\n\n        padding-right: 0.25rem;\n\n        font-size: 0.75rem;\n\n        line-height: 1rem;\n\n        padding-top: 0.2rem;\n        padding-bottom: 0.2rem;\n}\n.m-btn.--is-button.--icon[data-v-4f7c1518] {\n\n        padding-top: 0.5rem;\n\n        padding-bottom: 0.5rem;\n}\n.m-btn.--is-button[data-v-4f7c1518] {\n\n      -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n\n      transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n/* Not disabled */\n.m-btn.--is-button[data-v-4f7c1518]:not(.--disabled):hover,\n        .m-btn.--is-button[data-v-4f7c1518]:not(.--disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n}\n/* Fab */\n.m-btn.--is-button.--fab[data-v-4f7c1518] {\n\n        display: -webkit-box;\n\n        display: -ms-flexbox;\n\n        display: flex;\n\n        height: 3rem;\n\n        width: 3rem;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n\n        border-radius: 9999px;\n\n        padding-left: 0px;\n\n        padding-right: 0px;\n\n        padding-top: 0px;\n\n        padding-bottom: 0px;\n}\n.m-btn.--is-button.--fab[data-v-4f7c1518]:not(.--no-elevation) {\n\n        -webkit-box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n\n                box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n}\n.m-btn.--is-button.--block[data-v-4f7c1518] {\n\n        width: 100%;\n}\n.m-btn.--is-button.--primary[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--primary[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--primary[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary-600);\n}\n.m-btn.--is-button.--secondary[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--secondary[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--secondary[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary-600);\n}\n.m-btn.--is-button.--info[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--info[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--info[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info-600);\n}\n.m-btn.--is-button.--success[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--success[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--success[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success-600);\n}\n.m-btn.--is-button.--warning[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--warning[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--warning[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning-600);\n}\n.m-btn.--is-button.--danger[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--danger[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger-600);\n}\n.m-btn.--is-button.--white[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--white[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--white[data-v-4f7c1518]:not(:disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(209 213 219 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--black[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black-contrast);\n}\n.m-btn.--is-button.--black[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--black[data-v-4f7c1518]:not(:disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(31 41 55 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--transparent[data-v-4f7c1518] {\n\n        background-color: transparent;\n}\n.m-btn.--is-button.--transparent[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--transparent[data-v-4f7c1518]:not(:disabled):focus {\n          background-color: hsl(0deg 0% 0% / 12%);\n}\n.m-btn.--is-button.--primary-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--primary-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--secondary-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--info-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-info);\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--info-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--success-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-success);\n\n        color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--success-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-danger);\n\n        color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--danger-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--warning-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--warning-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-white);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--white-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--black-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-black);\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--black-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--primary-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-primary-50);\n\n        color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--primary-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-secondary-50);\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--secondary-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--info-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-info-50);\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--info-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--success-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-success-50);\n\n        color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--success-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--danger-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-danger-50);\n\n        color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--danger-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-danger-contrast);\n}\n.m-btn.--is-button.--warning-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-warning-50);\n\n        color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--warning-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--white-pastel[data-v-4f7c1518] {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--white-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--black-pastel[data-v-4f7c1518] {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--black-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black-contrast);\n}\n/* Disabled */\n.m-btn.--is-button.--disabled[data-v-4f7c1518] {\n\n        cursor: not-allowed;\n\n        background-color: var(--maz-color-bg-lighter);\n\n        --tw-text-opacity: 1;\n\n        color: rgb(156 163 175 / var(--tw-text-opacity));\n}\n.m-btn.--is-button.--no-padding[data-v-4f7c1518] {\n\n        padding: 0px;\n}\n/* Loader */\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-4f7c1518] {\n\n        position: absolute;\n\n        top: 0px;\n\n        right: 0px;\n\n        bottom: 0px;\n\n        left: 0px;\n\n        display: -webkit-box;\n\n        display: -ms-flexbox;\n\n        display: flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-primary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-secondary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-info);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-warning);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-success);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-danger);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-white);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-black);\n}\n"),R.__scopeId="data-v-4f7c1518";var K=n({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!1},teleportSelector:{type:String,default:"body"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},noCloseOnEscKey:{type:Boolean,default:!1},transitionName:{type:String,default:"backdrop-anim"},backdropClass:{type:[Array,String,Object],default:void 0},backdropContentClass:{type:[Array,String,Object],default:void 0}},emits:["open","before-close","close","update:model-value"],setup:function(n,t){var o=t.emit,r=l(n.modelValue),e=function(){a(!1)},a=function(){var t=$(F.mark((function t(e){var a;return F.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e){t.next=4;break}return o("before-close"),t.next=4,null===(a=n.beforeClose)||void 0===a?void 0:a.call(n);case 4:r.value=e;case 5:case"end":return t.stop()}}),t)})));return function(n){return t.apply(this,arguments)}}(),i=function(t){n.noCloseOnEscKey||"Escape"!==t.key||n.persistent||e()},c=function(){document.documentElement.classList.add("--backdrop-present"),document.addEventListener("keyup",i,!1)},s=function(){document.removeEventListener("keyup",i),document.querySelector(".m-backdrop.--present")||document.documentElement.classList.remove("--backdrop-present")};return d((function(){n.modelValue&&c()})),z((function(){return n.modelValue}),(function(n){r.value=n,n?c():s()})),{onBackdropAnimationEnter:function(){o("open")},onBackdropAnimationLeave:function(){o("update:model-value",!1),o("close")},onBackdropClicked:function(){n.persistent||e()},close:e,present:r}}});B("\nhtml.--backdrop-present {\n    overflow-y: hidden;\n    height: 100vh;\n}\n");B("\n.m-backdrop.bottom-sheet-anim-enter-active,\n  .m-backdrop.bottom-sheet-anim-leave-active {\n    -webkit-transition: opacity ease-in-out 250ms;\n    transition: opacity ease-in-out 250ms;\n}\n.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content {\n      transition: -webkit-transform ease-in-out 250ms;\n      -webkit-transition: -webkit-transform ease-in-out 250ms;\n      transition: transform ease-in-out 250ms;\n      transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n      -webkit-transform: translateY(0);\n              transform: translateY(0);\n}\n.m-backdrop.bottom-sheet-anim-enter-from,\n  .m-backdrop.bottom-sheet-anim-leave-to {\n    opacity: 0;\n}\n.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content {\n      -webkit-transform: translateY(100%);\n              transform: translateY(100%);\n}\n.m-backdrop.modal-anim-enter-active,\n  .m-backdrop.modal-anim-leave-active {\n    -webkit-transition: opacity ease-in-out 250ms;\n    transition: opacity ease-in-out 250ms;\n}\n.m-backdrop.modal-anim-enter-active .m-backdrop-content, .m-backdrop.modal-anim-leave-active .m-backdrop-content {\n      transition: -webkit-transform ease-in-out 250ms;\n      -webkit-transition: -webkit-transform ease-in-out 250ms;\n      transition: transform ease-in-out 250ms;\n      transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n      -webkit-transform: translateY(0);\n              transform: translateY(0);\n}\n.m-backdrop.modal-anim-enter-from,\n  .m-backdrop.modal-anim-leave-to {\n    opacity: 0;\n}\n.m-backdrop.modal-anim-enter-from .m-backdrop-content, .m-backdrop.modal-anim-leave-to .m-backdrop-content {\n      -webkit-transform: translateY(-25px);\n              transform: translateY(-25px);\n}\n.m-backdrop.backdrop-anim-enter-active,\n  .m-backdrop.backdrop-anim-leave-active {\n    -webkit-transition: opacity ease-in-out 250ms;\n    transition: opacity ease-in-out 250ms;\n}\n.m-backdrop.backdrop-anim-enter-from,\n  .m-backdrop.backdrop-anim-leave-to {\n    opacity: 0;\n}\n.m-backdrop {\n    position: fixed;\n    top: 0px;\n    right: 0px;\n    bottom: 0px;\n    left: 0px;\n    z-index: 1050;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    opacity: 1;\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    -webkit-backdrop-filter: blur(3px);\n\n            backdrop-filter: blur(3px);\n}\n.m-backdrop-overlay {\n      -ms-touch-action: none;\n          touch-action: none;\n          position: absolute;\n          top: 0px;\n          right: 0px;\n          bottom: 0px;\n          left: 0px;\n          background-color: var(--maz-bg-overlay);\n}\n.m-backdrop-overlay:not(.--disabled) {\n    cursor: pointer;\n}\n.m-backdrop-content {\n    position: relative;\n    z-index: 1;\n}\n.m-backdrop-content:focus {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n}\n.m-backdrop.--bottom-sheet .m-backdrop-content {\n    position: absolute;\n    bottom: 0px;\n    left: 0px;\n    right: 0px;\n}\n.m-backdrop.--fullscreen {\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n}\n@media (min-width: 576px) {\n    .m-backdrop.--fullscreen {\n        -webkit-box-align: center;\n            -ms-flex-align: center;\n                align-items: center;\n    }\n}\n.m-backdrop.--fullscreen.--center-top {\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n}\n@media (min-width: 576px) {\n    .m-backdrop.--fullscreen.--center-top {\n        padding-top: 7rem;\n    }\n}\n.m-backdrop.--fullscreen .m-backdrop-content {\n    position: relative;\n    width: 100%;\n}\n@media (min-width: 576px) {\n    .m-backdrop.--fullscreen .m-backdrop-content {\n        width: auto;\n    }\n}\n"),K.render=function(n,e,a,c,l,s){return t(),g(_,{to:n.teleportSelector},[x(S,{appear:"",name:n.transitionName,onAfterEnter:n.onBackdropAnimationEnter,onAfterLeave:n.onBackdropAnimationLeave},{default:k((function(){return[n.present?(t(),o("div",{key:0,class:r(["m-backdrop --present",[n.backdropClass]]),tabindex:"-1",role:"dialog"},[i("div",{class:r(["m-backdrop-overlay",{"--disabled":n.persistent}]),tabindex:"-1",onClick:e[0]||(e[0]=E((function(){return n.onBackdropClicked&&n.onBackdropClicked.apply(n,arguments)}),["self"]))},null,2),i("div",m({class:["m-backdrop-content",n.backdropContentClass]},n.$attrs,{role:"document",tabindex:"0"}),[w(n.$slots,"default",{close:n.close})],16)],2)):b("",!0)]})),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["to"])};var W={class:"m-dialog-layout"},X={key:0,class:"maz-my-0 maz-text-xl maz-font-semibold"},J={class:"m-dialog-layout-content"},Q={key:0,class:"m-dialog-layout-footer"},Z=n({__name:"MazDialog",props:{title:{type:String,default:void 0},noClose:{type:Boolean,default:!1}},emits:["update:model-value","close","open"],setup:function(n){return function(e,a){return t(),g(K,m(e.$attrs,{"transition-name":"modal-anim",onClose:a[0]||(a[0]=function(n){return e.$emit("close",n)}),onOpen:a[1]||(a[1]=function(n){return e.$emit("open",n)}),"onUpdate:modelValue":a[2]||(a[2]=function(n){return e.$emit("update:model-value",n)})}),{default:k((function(a){var c=a.close;return[i("div",W,[i("div",{class:r(["m-dialog-layout-header",{"--has-title":e.$slots.title||n.title}])},[e.$slots.title||n.title?(t(),o("h2",X,[w(e.$slots,"title",{},(function(){return[L(j(n.title),1)]}))])):b("",!0),n.noClose?b("",!0):(t(),g(R,{key:1,size:"sm",class:"m-dialog-layout-closebtn",color:"transparent",onClick:c},{default:k((function(){return[x(V,{src:y("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M6%2018L18%206M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E"),class:"maz-h-5 maz-w-5"},null,8,["src"])]})),_:2},1032,["onClick"]))],2),i("div",J,[w(e.$slots,"default",{close:c})]),e.$slots.footer?(t(),o("div",Q,[w(e.$slots,"footer",{close:c})])):b("",!0)])]})),_:3},16)}}});function nn(n,t){(null==t||t>n.length)&&(t=n.length);for(var o=0,r=new Array(t);o<t;o++)r[o]=n[o];return r}function tn(n){return function(n){if(Array.isArray(n))return nn(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||function(n,t){if(n){if("string"==typeof n)return nn(n,t);var o=Object.prototype.toString.call(n).slice(8,-1);return"Object"===o&&n.constructor&&(o=n.constructor.name),"Map"===o||"Set"===o?Array.from(n):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?nn(n,t):void 0}}(n)||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.")}()}B("\n.m-dialog-layout[data-v-6dc73b9c] {\n\n    border-radius: var(--maz-border-radius);\n\n    background-color: var(--maz-color-bg);\n\n    color: var(--maz-color-text);\n\n    width: 500px;\n    max-width: 95vw;\n}\n.m-dialog-layout-header[data-v-6dc73b9c] {\n\n    display: -webkit-box;\n\n    display: -ms-flexbox;\n\n    display: flex;\n\n    -webkit-box-align: center;\n\n        -ms-flex-align: center;\n\n            align-items: center;\n\n    -webkit-box-pack: end;\n\n        -ms-flex-pack: end;\n\n            justify-content: flex-end;\n\n    padding-top: 0.5rem;\n\n    padding-left: 1.5rem;\n\n    padding-right: 0.5rem;\n}\n.m-dialog-layout-header.--has-title[data-v-6dc73b9c] {\n\n    -webkit-box-pack: justify;\n\n        -ms-flex-pack: justify;\n\n            justify-content: space-between;\n}\n.m-dialog-layout-footer[data-v-6dc73b9c] {\n\n    display: -webkit-box;\n\n    display: -ms-flexbox;\n\n    display: flex;\n\n    -webkit-box-align: center;\n\n        -ms-flex-align: center;\n\n            align-items: center;\n\n    -webkit-box-pack: end;\n\n        -ms-flex-pack: end;\n\n            justify-content: flex-end;\n\n    padding-left: 1.5rem;\n\n    padding-right: 1.5rem;\n\n    padding-bottom: 1rem;\n}\n.m-dialog-layout-content[data-v-6dc73b9c] {\n\n    padding: 1.5rem;\n}\n.m-dialog-layout-content-icon[data-v-6dc73b9c] {\n        -ms-flex: 0 0 auto;\n            -webkit-box-flex: 0;\n                flex: 0 0 auto;\n}\n.m-dialog-layout-closebtn[data-v-6dc73b9c] {\n\n    padding: 0.5rem !important;\n}\n"),Z.__scopeId="data-v-6dc73b9c";var on=l(),rn=l([]),en=function(n,t){return new Promise((function(o,r){var e;rn.value=[].concat(tn(rn.value),[{id:n,isActive:!0,resolve:(e=$(F.mark((function n(){return F.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,null==t?void 0:t();case 2:o(!0);case 3:case"end":return n.stop()}}),n)}))),function(){return e.apply(this,arguments)}),reject:r}])}))},an=function(n){return rn.value=rn.value.filter((function(t){return t.id!==n})),rn.value},cn=function(n){var t;n&&(null===(t=n.reject)||void 0===t||t.call(n,!1),n.isActive=!1,setTimeout((function(){an(n.id)}),500))},ln=function(n){var t;n&&(null===(t=n.resolve)||void 0===t||t.call(n,!0),n.isActive=!1,setTimeout((function(){an(n.id)}),500))},sn=function(){return{confirmDialogData:on,dialogState:rn,showDialogAndWaitChoice:en,removeDialogFromState:an,rejectDialog:cn,resolveDialog:ln}},dn={class:"maz-space-x-2"},un=n({__name:"MazDialogPromise",props:{data:{type:Object,default:void 0},identifier:{type:String,required:!0}},setup:function(n){var o=n,r=sn(),e=r.dialogState,a=r.rejectDialog,c=r.resolveDialog,l=s((function(){return e.value.find((function(n){return n.id===o.identifier}))}));return function(o,r){var e;return y(l)?(t(),g(Z,m({key:0},o.$attrs,{"model-value":null===(e=y(l))||void 0===e?void 0:e.isActive,"onUpdate:modelValue":r[2]||(r[2]=function(n){return y(a)(y(l))})}),{title:k((function(){return[w(o.$slots,"title",{},(function(){var t;return[L(j(null===(t=n.data)||void 0===t?void 0:t.title),1)]}))]})),default:k((function(){return[w(o.$slots,"default",{},(function(){var t;return[L(j(null===(t=n.data)||void 0===t?void 0:t.message),1)]}))]})),footer:k((function(){return[i("div",dn,[x(R,{color:"danger",outline:"",onClick:r[0]||(r[0]=function(n){return y(a)(y(l))})},{default:k((function(){return[w(o.$slots,"confirm-text",{},(function(){var t;return[L(j((null===(t=n.data)||void 0===t?void 0:t.confirmText)||"Cancel"),1)]}))]})),_:3}),x(R,{color:"success",onClick:r[1]||(r[1]=function(n){return y(c)(y(l))})},{default:k((function(){return[w(o.$slots,"cancel-text",{},(function(){var t;return[L(j((null===(t=n.data)||void 0===t?void 0:t.cancelText)||"Confirm"),1)]}))]})),_:3})])]})),_:3},16,["model-value"])):b("",!0)}}});export{un as default,sn as useMazDialogPromise};

package/components/MazDrawer.d.ts

@@ -0,0 +1,59 @@
+import type { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    noClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    variant: {
+        type: PropType<"right" | "top" | "left" | "bottom">;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    backdropClass: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "update:model-value")[], "open" | "close" | "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    noClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    variant: {
+        type: PropType<"right" | "top" | "left" | "bottom">;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    backdropClass: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+}, {
+    noClose: boolean;
+    title: string;
+    variant: "right" | "top" | "left" | "bottom";
+    backdropClass: string;
+    size: string;
+}>;
+export default _default;

package/components/MazDrawer.js

@@ -0,0 +1,3 @@
+import{defineComponent as n,ref as t,onMounted as o,watch as r,openBlock as e,createBlock as a,Teleport as i,createVNode as c,Transition as l,withCtx as s,createElementBlock as d,normalizeClass as m,createElementVNode as u,withModifiers as b,mergeProps as f,renderSlot as p,createCommentVNode as v,pushScopeId as g,popScopeId as h,inject as k,computed as w,watchEffect as y,nextTick as x,useAttrs as z,useSlots as _,resolveDynamicComponent as E,unref as S,createTextVNode as L,toDisplayString as j}from"vue";function O(n,t,o,r,e,a,i){try{var c=n[a](i),l=c.value}catch(n){return void o(n)}c.done?t(l):Promise.resolve(l).then(r,e)}function C(n){return function(){var t=this,o=arguments;return new Promise((function(r,e){var a=n.apply(t,o);function i(n){O(a,r,e,i,c,"next",n)}function c(n){O(a,r,e,i,c,"throw",n)}i(void 0)}))}}var B={exports:{}},P={exports:{}};!function(n){function t(o){return n.exports=t="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,t(o)}n.exports=t,n.exports.__esModule=!0,n.exports.default=n.exports}(P),function(n){var t=P.exports.default;function o(){
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+n.exports=o=function(){return r},n.exports.__esModule=!0,n.exports.default=n.exports;var r={},e=Object.prototype,a=e.hasOwnProperty,i="function"==typeof Symbol?Symbol:{},c=i.iterator||"@@iterator",l=i.asyncIterator||"@@asyncIterator",s=i.toStringTag||"@@toStringTag";function d(n,t,o){return Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}),n[t]}try{d({},"")}catch(n){d=function(n,t,o){return n[t]=o}}function m(n,t,o,r){var e=t&&t.prototype instanceof f?t:f,a=Object.create(e.prototype),i=new S(r||[]);return a._invoke=function(n,t,o){var r="suspendedStart";return function(e,a){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===e)throw a;return j()}for(o.method=e,o.arg=a;;){var i=o.delegate;if(i){var c=z(i,o);if(c){if(c===b)continue;return c}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if("suspendedStart"===r)throw r="completed",o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);r="executing";var l=u(n,t,o);if("normal"===l.type){if(r=o.done?"completed":"suspendedYield",l.arg===b)continue;return{value:l.arg,done:o.done}}"throw"===l.type&&(r="completed",o.method="throw",o.arg=l.arg)}}}(n,o,i),a}function u(n,t,o){try{return{type:"normal",arg:n.call(t,o)}}catch(n){return{type:"throw",arg:n}}}r.wrap=m;var b={};function f(){}function p(){}function v(){}var g={};d(g,c,(function(){return this}));var h=Object.getPrototypeOf,k=h&&h(h(L([])));k&&k!==e&&a.call(k,c)&&(g=k);var w=v.prototype=f.prototype=Object.create(g);function y(n){["next","throw","return"].forEach((function(t){d(n,t,(function(n){return this._invoke(t,n)}))}))}function x(n,o){function r(e,i,c,l){var s=u(n[e],n,i);if("throw"!==s.type){var d=s.arg,m=d.value;return m&&"object"==t(m)&&a.call(m,"__await")?o.resolve(m.__await).then((function(n){r("next",n,c,l)}),(function(n){r("throw",n,c,l)})):o.resolve(m).then((function(n){d.value=n,c(d)}),(function(n){return r("throw",n,c,l)}))}l(s.arg)}var e;this._invoke=function(n,t){function a(){return new o((function(o,e){r(n,t,o,e)}))}return e=e?e.then(a,a):a()}}function z(n,t){var o=n.iterator[t.method];if(void 0===o){if(t.delegate=null,"throw"===t.method){if(n.iterator.return&&(t.method="return",t.arg=void 0,z(n,t),"throw"===t.method))return b;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return b}var r=u(o,n.iterator,t.arg);if("throw"===r.type)return t.method="throw",t.arg=r.arg,t.delegate=null,b;var e=r.arg;return e?e.done?(t[n.resultName]=e.value,t.next=n.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,b):e:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,b)}function _(n){var t={tryLoc:n[0]};1 in n&&(t.catchLoc=n[1]),2 in n&&(t.finallyLoc=n[2],t.afterLoc=n[3]),this.tryEntries.push(t)}function E(n){var t=n.completion||{};t.type="normal",delete t.arg,n.completion=t}function S(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(_,this),this.reset(!0)}function L(n){if(n){var t=n[c];if(t)return t.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var o=-1,r=function t(){for(;++o<n.length;)if(a.call(n,o))return t.value=n[o],t.done=!1,t;return t.value=void 0,t.done=!0,t};return r.next=r}}return{next:j}}function j(){return{value:void 0,done:!0}}return p.prototype=v,d(w,"constructor",v),d(v,"constructor",p),p.displayName=d(v,s,"GeneratorFunction"),r.isGeneratorFunction=function(n){var t="function"==typeof n&&n.constructor;return!!t&&(t===p||"GeneratorFunction"===(t.displayName||t.name))},r.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,v):(n.__proto__=v,d(n,s,"GeneratorFunction")),n.prototype=Object.create(w),n},r.awrap=function(n){return{__await:n}},y(x.prototype),d(x.prototype,l,(function(){return this})),r.AsyncIterator=x,r.async=function(n,t,o,e,a){void 0===a&&(a=Promise);var i=new x(m(n,t,o,e),a);return r.isGeneratorFunction(t)?i:i.next().then((function(n){return n.done?n.value:i.next()}))},y(w),d(w,s,"Generator"),d(w,c,(function(){return this})),d(w,"toString",(function(){return"[object Generator]"})),r.keys=function(n){var t=[];for(var o in n)t.push(o);return t.reverse(),function o(){for(;t.length;){var r=t.pop();if(r in n)return o.value=r,o.done=!1,o}return o.done=!0,o}},r.values=L,S.prototype={constructor:S,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(E),!n)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 n=this.tryEntries[0].completion;if("throw"===n.type)throw n.arg;return this.rval},dispatchException:function(n){if(this.done)throw n;var t=this;function o(o,r){return i.type="throw",i.arg=n,t.next=o,r&&(t.method="next",t.arg=void 0),!!r}for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r],i=e.completion;if("root"===e.tryLoc)return o("end");if(e.tryLoc<=this.prev){var c=a.call(e,"catchLoc"),l=a.call(e,"finallyLoc");if(c&&l){if(this.prev<e.catchLoc)return o(e.catchLoc,!0);if(this.prev<e.finallyLoc)return o(e.finallyLoc)}else if(c){if(this.prev<e.catchLoc)return o(e.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<e.finallyLoc)return o(e.finallyLoc)}}}},abrupt:function(n,t){for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o];if(r.tryLoc<=this.prev&&a.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var e=r;break}}e&&("break"===n||"continue"===n)&&e.tryLoc<=t&&t<=e.finallyLoc&&(e=null);var i=e?e.completion:{};return i.type=n,i.arg=t,e?(this.method="next",this.next=e.finallyLoc,b):this.complete(i)},complete:function(n,t){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&&t&&(this.next=t),b},finish:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.finallyLoc===n)return this.complete(o.completion,o.afterLoc),E(o),b}},catch:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.tryLoc===n){var r=o.completion;if("throw"===r.type){var e=r.arg;E(o)}return e}}throw new Error("illegal catch attempt")},delegateYield:function(n,t,o){return this.delegate={iterator:L(n),resultName:t,nextLoc:o},"next"===this.method&&(this.arg=void 0),b}},r}n.exports=o,n.exports.__esModule=!0,n.exports.default=n.exports}(B);var A=B.exports(),M=A;try{regeneratorRuntime=A}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=A:Function("r","regeneratorRuntime = r")(A)}var D=n({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!1},teleportSelector:{type:String,default:"body"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},noCloseOnEscKey:{type:Boolean,default:!1},transitionName:{type:String,default:"backdrop-anim"},backdropClass:{type:[Array,String,Object],default:void 0},backdropContentClass:{type:[Array,String,Object],default:void 0}},emits:["open","before-close","close","update:model-value"],setup:function(n,e){var a=e.emit,i=t(n.modelValue),c=function(){l(!1)},l=function(){var t=C(M.mark((function t(o){var r;return M.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(o){t.next=4;break}return a("before-close"),t.next=4,null===(r=n.beforeClose)||void 0===r?void 0:r.call(n);case 4:i.value=o;case 5:case"end":return t.stop()}}),t)})));return function(n){return t.apply(this,arguments)}}(),s=function(t){n.noCloseOnEscKey||"Escape"!==t.key||n.persistent||c()},d=function(){document.documentElement.classList.add("--backdrop-present"),document.addEventListener("keyup",s,!1)},m=function(){document.removeEventListener("keyup",s),document.querySelector(".m-backdrop.--present")||document.documentElement.classList.remove("--backdrop-present")};return o((function(){n.modelValue&&d()})),r((function(){return n.modelValue}),(function(n){i.value=n,n?d():m()})),{onBackdropAnimationEnter:function(){a("open")},onBackdropAnimationLeave:function(){a("update:model-value",!1),a("close")},onBackdropClicked:function(){n.persistent||c()},close:c,present:i}}});function F(n,t){void 0===t&&(t={});var o=t.insertAt;if(n&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css","top"===o&&r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.styleSheet?e.styleSheet.cssText=n:e.appendChild(document.createTextNode(n))}}F("\nhtml.--backdrop-present {\n    overflow-y: hidden;\n    height: 100vh;\n}\n");F("\n.m-backdrop.bottom-sheet-anim-enter-active,\n  .m-backdrop.bottom-sheet-anim-leave-active {\n    -webkit-transition: opacity ease-in-out 250ms;\n    transition: opacity ease-in-out 250ms;\n}\n.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content {\n      transition: -webkit-transform ease-in-out 250ms;\n      -webkit-transition: -webkit-transform ease-in-out 250ms;\n      transition: transform ease-in-out 250ms;\n      transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n      -webkit-transform: translateY(0);\n              transform: translateY(0);\n}\n.m-backdrop.bottom-sheet-anim-enter-from,\n  .m-backdrop.bottom-sheet-anim-leave-to {\n    opacity: 0;\n}\n.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content {\n      -webkit-transform: translateY(100%);\n              transform: translateY(100%);\n}\n.m-backdrop.modal-anim-enter-active,\n  .m-backdrop.modal-anim-leave-active {\n    -webkit-transition: opacity ease-in-out 250ms;\n    transition: opacity ease-in-out 250ms;\n}\n.m-backdrop.modal-anim-enter-active .m-backdrop-content, .m-backdrop.modal-anim-leave-active .m-backdrop-content {\n      transition: -webkit-transform ease-in-out 250ms;\n      -webkit-transition: -webkit-transform ease-in-out 250ms;\n      transition: transform ease-in-out 250ms;\n      transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n      -webkit-transform: translateY(0);\n              transform: translateY(0);\n}\n.m-backdrop.modal-anim-enter-from,\n  .m-backdrop.modal-anim-leave-to {\n    opacity: 0;\n}\n.m-backdrop.modal-anim-enter-from .m-backdrop-content, .m-backdrop.modal-anim-leave-to .m-backdrop-content {\n      -webkit-transform: translateY(-25px);\n              transform: translateY(-25px);\n}\n.m-backdrop.backdrop-anim-enter-active,\n  .m-backdrop.backdrop-anim-leave-active {\n    -webkit-transition: opacity ease-in-out 250ms;\n    transition: opacity ease-in-out 250ms;\n}\n.m-backdrop.backdrop-anim-enter-from,\n  .m-backdrop.backdrop-anim-leave-to {\n    opacity: 0;\n}\n.m-backdrop {\n    position: fixed;\n    top: 0px;\n    right: 0px;\n    bottom: 0px;\n    left: 0px;\n    z-index: 1050;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    opacity: 1;\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    -webkit-backdrop-filter: blur(3px);\n\n            backdrop-filter: blur(3px);\n}\n.m-backdrop-overlay {\n      -ms-touch-action: none;\n          touch-action: none;\n          position: absolute;\n          top: 0px;\n          right: 0px;\n          bottom: 0px;\n          left: 0px;\n          background-color: var(--maz-bg-overlay);\n}\n.m-backdrop-overlay:not(.--disabled) {\n    cursor: pointer;\n}\n.m-backdrop-content {\n    position: relative;\n    z-index: 1;\n}\n.m-backdrop-content:focus {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n}\n.m-backdrop.--bottom-sheet .m-backdrop-content {\n    position: absolute;\n    bottom: 0px;\n    left: 0px;\n    right: 0px;\n}\n.m-backdrop.--fullscreen {\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n}\n@media (min-width: 576px) {\n    .m-backdrop.--fullscreen {\n        -webkit-box-align: center;\n            -ms-flex-align: center;\n                align-items: center;\n    }\n}\n.m-backdrop.--fullscreen.--center-top {\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n}\n@media (min-width: 576px) {\n    .m-backdrop.--fullscreen.--center-top {\n        padding-top: 7rem;\n    }\n}\n.m-backdrop.--fullscreen .m-backdrop-content {\n    position: relative;\n    width: 100%;\n}\n@media (min-width: 576px) {\n    .m-backdrop.--fullscreen .m-backdrop-content {\n        width: auto;\n    }\n}\n"),D.render=function(n,t,o,r,g,h){return e(),a(i,{to:n.teleportSelector},[c(l,{appear:"",name:n.transitionName,onAfterEnter:n.onBackdropAnimationEnter,onAfterLeave:n.onBackdropAnimationLeave},{default:s((function(){return[n.present?(e(),d("div",{key:0,class:m(["m-backdrop --present",[n.backdropClass]]),tabindex:"-1",role:"dialog"},[u("div",{class:m(["m-backdrop-overlay",{"--disabled":n.persistent}]),tabindex:"-1",onClick:t[0]||(t[0]=b((function(){return n.onBackdropClicked&&n.onBackdropClicked.apply(n,arguments)}),["self"]))},null,2),u("div",f({class:["m-backdrop-content",n.backdropContentClass]},n.$attrs,{role:"document",tabindex:"0"}),[p(n.$slots,"default",{close:n.close})],16)],2)):v("",!0)]})),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["to"])};var I=["width","height"],N=[function(n){return g("data-v-67dbd337"),n=n(),h(),n}((function(){return u("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)}))],T=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(t,o){return e(),d("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:m(["m-spinner","m-spinner--".concat(n.color)]),style:{"enable-background":"new 0 0 50 50"}},N,10,I)}}});function Y(n,t,o){return t in n?Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[t]=o,n}function $(n,t){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),o.push.apply(o,r)}return o}function G(n){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?$(Object(o),!0).forEach((function(t){Y(n,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):$(Object(o)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(o,t))}))}return n}F("\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"),T.__scopeId="data-v-67dbd337";var V=["innerHTML"],H=n({__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(n){return n}}},emits:["loaded","unloaded","error"],setup:function(n,r){var a=r.emit,i=n,c={},l=t(),s=t(),m=function(){try{return function(n,t){var o=k(n,t);if(!o)throw new Error("[maz-ui](injectStrict) Could not resolve ".concat(n));return o}("mazIconPath")}catch(n){return}},u=w((function(){var n;return null!==(n=i.path)&&void 0!==n?n:m()})),b=w((function(){return i.src?i.src:u.value?"".concat(u.value,"/").concat(i.name,".svg"):"/".concat(i.name,".svg")}));o((function(){i.name||i.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));var p=function(n){var t=n.cloneNode(!0);return t=i.transformSource(n),i.title&&function(n,t){var o=n.querySelectorAll("title");if(o.length>0)o[0].textContent=t;else{var r=document.createElementNS("http://www.w3.org/2000/svg","title");r.textContent=t,n.append(r)}}(t,i.title),n.innerHTML},g=function(){var n=C(M.mark((function n(t){var o;return M.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return c[t]||(c[t]=h(t)),n.prev=1,n.next=4,c[t];case 4:return o=n.sent,l.value=o,n.next=8,x();case 8:a("loaded",s.value),n.next=16;break;case 11:n.prev=11,n.t0=n.catch(1),l.value&&(l.value=void 0,a("unloaded")),delete c[t],a("error",n.t0);case 16:case"end":return n.stop()}}),n,null,[[1,11]])})));return function(t){return n.apply(this,arguments)}}(),h=function(n){return new Promise((function(t,o){var r=new XMLHttpRequest;r.open("GET",n,!0),r.addEventListener("load",(function(){if(r.status>=200&&r.status<400)try{var n=(new DOMParser).parseFromString(r.responseText,"text/xml").querySelectorAll("svg")[0];n?(n=i.transformSource(n),t(n)):o(new Error('Loaded file is not valid SVG"'))}catch(n){o(n)}else o(new Error("Error loading SVG"))})),r.addEventListener("error",(function(){return o()})),r.send()}))};return y((function(){return g(b.value)})),function(t,o){return l.value?(e(),d("svg",f({key:0,ref_key:"svgElem",ref:s,width:"1em",height:"1em"},G(G({},function(n){var t={},o=n.attributes;if(!o)return t;for(var r=o.length-1;r>=0;r--)t[o[r].name]=o[r].value;return t}(l.value)),(r=t.$attrs,Object.keys(r).reduce((function(n,t){return!1!==r[t]&&null!==r[t]&&void 0!==r[t]&&(n[t]=r[t]),n}),{}))),{style:"font-size: ".concat(n.size),innerHTML:p(l.value)}),null,16,V)):v("",!0);var r}}}),X={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},q={class:"maz-flex maz-flex-center"},R={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},U=n({__name:"MazBtn",props:{variant:{type:String,default:"button",validator:function(n){return["button","link"].includes(n)}},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(n)}},type:{type:String,default:"button",validator:function(n){return["button","submit"].includes(n)}},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1}},setup:function(n){var t=n,o=z(),r=o.href,i=o.to,l=_(),b=w((function(){return r?"a":i?"router-link":"button"})),g=w((function(){return t.pastel?"--".concat(t.color,"-pastel"):t.outline||t.loading?"--".concat(t.color,"-outline"):"--".concat(t.color)})),h=w((function(){return(t.loading||t.disabled)&&"button"===b.value})),k=w((function(){return h.value?"--cursor-default":"--cursor-pointer"})),y=w((function(){return"--is-".concat(t.variant)})),x=w((function(){return"--".concat(t.color)})),L=w((function(){return["white"].includes(t.color)?"black":"white"})),j=w((function(){return t.loading&&"button"===t.variant})),O=w((function(){return!!l["left-icon"]||t.leftIcon})),C=w((function(){return!!l["right-icon"]||t.rightIcon})),B=w((function(){return O.value||C.value})),P=w((function(){return"button"===b.value?t.type:void 0}));return function(t,o){return e(),a(E(S(b)),f(t.$attrs,{disabled:S(h),class:["m-btn",["--".concat(n.size),S(g),S(k),S(y),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":S(h),"--icon":S(B),"--rounded":n.rounded,"--no-padding":n.noPadding,"--no-elevation":n.noElevation}]],type:S(P)}),{default:s((function(){return[S(O)?(e(),d("div",X,[p(t.$slots,"left-icon",{},(function(){return[n.leftIcon?(e(),a(H,{key:0,name:n.leftIcon},null,8,["name"])):v("",!0)]}))])):v("",!0),u("span",q,[p(t.$slots,"default")]),S(C)?(e(),d("div",R,[p(t.$slots,"right-icon",{},(function(){return[n.rightIcon?(e(),a(H,{key:0,name:n.rightIcon},null,8,["name"])):v("",!0)]}))])):v("",!0),S(j)?(e(),d("div",{key:2,class:m(["m-btn__loading-wrapper",S(x)])},[c(T,{size:"2em",color:S(L)},null,8,["color"])],2)):v("",!0)]})),_:3},16,["disabled","class","type"])}}});F("\n.m-btn[data-v-4f7c1518] {\n\n        border-width: var(--maz-border-width);\n\n        border-style: solid;\n\n        border-color: transparent;\n\n        text-align: center;\n\n        font-size: 1rem;\n\n        line-height: 1.5rem;\n\n        color: var(--maz-color-text);\n}\n.m-btn span[data-v-4f7c1518] {\n\n        line-height: 1;\n}\n.m-btn__icon-left[data-v-4f7c1518] {\n\n        margin-right: 0.5rem;\n\n        margin-left: -0.25rem;\n\n        line-height: 1;\n}\n.m-btn__icon-right[data-v-4f7c1518] {\n\n        margin-left: 0.5rem;\n\n        margin-right: -0.25rem;\n\n        line-height: 1;\n}\n.m-btn.--cursor-pointer[data-v-4f7c1518] {\n\n        cursor: pointer;\n}\n.m-btn.--cursor-default[data-v-4f7c1518] {\n\n        cursor: default;\n}\n.m-btn.--is-link[data-v-4f7c1518] {\n\n        display: -webkit-inline-box;\n\n        display: -ms-inline-flexbox;\n\n        display: inline-flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        background-color: transparent;\n\n        outline: 2px solid transparent;\n\n        outline-offset: 2px;\n\n        -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        -webkit-transition-duration: 200ms;\n\n                transition-duration: 200ms;\n\n        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-link[data-v-4f7c1518]:not(.--no-leading) {\n\n        line-height: 2.25rem;\n}\n.m-btn.--is-link[data-v-4f7c1518]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-4f7c1518]:not(:disabled):focus:not(.--no-underline) {\n\n        text-decoration-line: underline;\n}\n.m-btn.--is-link.--secondary[data-v-4f7c1518] {\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-link.--info[data-v-4f7c1518] {\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-link.--warning[data-v-4f7c1518] {\n\n        color: var(--maz-color-warning-600);\n}\n.m-btn.--is-link.--danger[data-v-4f7c1518] {\n\n        color: var(--maz-color-danger-600);\n}\n.m-btn.--is-link.--success[data-v-4f7c1518] {\n\n        color: var(--maz-color-success-600);\n}\n.m-btn.--is-link.--white[data-v-4f7c1518] {\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-link.--black[data-v-4f7c1518] {\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button[data-v-4f7c1518] {\n\n        position: relative;\n\n        display: -webkit-inline-box;\n\n        display: -ms-inline-flexbox;\n\n        display: inline-flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n\n        overflow: hidden;\n\n        border-radius: var(--maz-border-radius);\n\n        border-color: transparent;\n\n        background-color: transparent;\n\n        font-weight: 500;\n\n        text-decoration-line: none;\n\n        -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        -webkit-transition-duration: 300ms;\n\n                transition-duration: 300ms;\n\n        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-button.--rounded[data-v-4f7c1518] {\n\n        border-radius: 9999px;\n}\n.m-btn.--is-button.--xl[data-v-4f7c1518] {\n\n        padding-left: 2rem;\n\n        padding-right: 2rem;\n\n        font-size: 1.25rem;\n\n        line-height: 1.75rem;\n\n        padding-top: 1.325rem;\n        padding-bottom: 1.325rem;\n}\n.m-btn.--is-button.--lg[data-v-4f7c1518] {\n\n        padding-left: 1.5rem;\n\n        padding-right: 1.5rem;\n\n        font-size: 1.125rem;\n\n        line-height: 1.75rem;\n\n        padding-top: 1rem;\n        padding-bottom: 1rem;\n}\n.m-btn.--is-button.--md[data-v-4f7c1518] {\n\n        padding-left: 1rem;\n\n        padding-right: 1rem;\n\n        font-size: 1rem;\n\n        line-height: 1.5rem;\n\n        padding-top: 0.88rem;\n        padding-bottom: 0.88rem;\n}\n.m-btn.--is-button.--sm[data-v-4f7c1518] {\n\n        padding-left: 0.75rem;\n\n        padding-right: 0.75rem;\n\n        font-size: 0.875rem;\n\n        line-height: 1.25rem;\n\n        padding-top: 0.625rem;\n        padding-bottom: 0.625rem;\n}\n.m-btn.--is-button.--xs[data-v-4f7c1518] {\n\n        padding-left: 0.5rem;\n\n        padding-right: 0.5rem;\n\n        font-size: 0.875rem;\n\n        line-height: 1.25rem;\n\n        padding-top: 0.3rem;\n        padding-bottom: 0.3rem;\n}\n.m-btn.--is-button.--mini[data-v-4f7c1518] {\n\n        padding-left: 0.25rem;\n\n        padding-right: 0.25rem;\n\n        font-size: 0.75rem;\n\n        line-height: 1rem;\n\n        padding-top: 0.2rem;\n        padding-bottom: 0.2rem;\n}\n.m-btn.--is-button.--icon[data-v-4f7c1518] {\n\n        padding-top: 0.5rem;\n\n        padding-bottom: 0.5rem;\n}\n.m-btn.--is-button[data-v-4f7c1518] {\n\n      -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n\n      transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n/* Not disabled */\n.m-btn.--is-button[data-v-4f7c1518]:not(.--disabled):hover,\n        .m-btn.--is-button[data-v-4f7c1518]:not(.--disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n}\n/* Fab */\n.m-btn.--is-button.--fab[data-v-4f7c1518] {\n\n        display: -webkit-box;\n\n        display: -ms-flexbox;\n\n        display: flex;\n\n        height: 3rem;\n\n        width: 3rem;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n\n        border-radius: 9999px;\n\n        padding-left: 0px;\n\n        padding-right: 0px;\n\n        padding-top: 0px;\n\n        padding-bottom: 0px;\n}\n.m-btn.--is-button.--fab[data-v-4f7c1518]:not(.--no-elevation) {\n\n        -webkit-box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n\n                box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n}\n.m-btn.--is-button.--block[data-v-4f7c1518] {\n\n        width: 100%;\n}\n.m-btn.--is-button.--primary[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--primary[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--primary[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary-600);\n}\n.m-btn.--is-button.--secondary[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--secondary[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--secondary[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary-600);\n}\n.m-btn.--is-button.--info[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--info[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--info[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info-600);\n}\n.m-btn.--is-button.--success[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--success[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--success[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success-600);\n}\n.m-btn.--is-button.--warning[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--warning[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--warning[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning-600);\n}\n.m-btn.--is-button.--danger[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--danger[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger-600);\n}\n.m-btn.--is-button.--white[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--white[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--white[data-v-4f7c1518]:not(:disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(209 213 219 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--black[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black-contrast);\n}\n.m-btn.--is-button.--black[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--black[data-v-4f7c1518]:not(:disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(31 41 55 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--transparent[data-v-4f7c1518] {\n\n        background-color: transparent;\n}\n.m-btn.--is-button.--transparent[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--transparent[data-v-4f7c1518]:not(:disabled):focus {\n          background-color: hsl(0deg 0% 0% / 12%);\n}\n.m-btn.--is-button.--primary-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--primary-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--secondary-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--info-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-info);\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--info-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--success-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-success);\n\n        color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--success-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-danger);\n\n        color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--danger-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--warning-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--warning-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-white);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--white-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--black-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-black);\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--black-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--primary-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-primary-50);\n\n        color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--primary-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-secondary-50);\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--secondary-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--info-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-info-50);\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--info-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--success-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-success-50);\n\n        color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--success-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--danger-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-danger-50);\n\n        color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--danger-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-danger-contrast);\n}\n.m-btn.--is-button.--warning-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-warning-50);\n\n        color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--warning-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--white-pastel[data-v-4f7c1518] {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--white-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--black-pastel[data-v-4f7c1518] {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--black-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black-contrast);\n}\n/* Disabled */\n.m-btn.--is-button.--disabled[data-v-4f7c1518] {\n\n        cursor: not-allowed;\n\n        background-color: var(--maz-color-bg-lighter);\n\n        --tw-text-opacity: 1;\n\n        color: rgb(156 163 175 / var(--tw-text-opacity));\n}\n.m-btn.--is-button.--no-padding[data-v-4f7c1518] {\n\n        padding: 0px;\n}\n/* Loader */\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-4f7c1518] {\n\n        position: absolute;\n\n        top: 0px;\n\n        right: 0px;\n\n        bottom: 0px;\n\n        left: 0px;\n\n        display: -webkit-box;\n\n        display: -ms-flexbox;\n\n        display: flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-primary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-secondary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-info);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-warning);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-success);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-danger);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-white);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-black);\n}\n"),U.__scopeId="data-v-4f7c1518";var K={class:"m-drawer-header__title"},J={key:0,class:"m-drawer-header__close"},Q={class:"m-drawer-body"},W=n({__name:"MazDrawer",props:{noClose:{type:Boolean,default:!1},title:{type:String,default:void 0},variant:{type:String,default:"right",validator:function(n){return["right","top","left","bottom"].includes(n)}},backdropClass:{type:String,default:void 0},size:{type:String,default:"30rem"}},emits:["open","close","update:model-value"],setup:function(n){return function(t,o){return e(),a(D,f(t.$attrs,{"backdrop-class":["m-drawer","--".concat(n.variant),n.backdropClass],style:{"--maz-drawer-size":n.size},onClose:o[0]||(o[0]=function(n){return t.$emit("close",n)}),onOpen:o[1]||(o[1]=function(n){return t.$emit("open",n)}),"onUpdate:modelValue":o[2]||(o[2]=function(n){return t.$emit("update:model-value",n)})}),{default:s((function(o){var r=o.close;return[u("div",{class:m(["m-drawer-content-wrap",["--".concat(n.variant)]])},[u("header",{class:m(["m-drawer-header",[t.$slots.title||n.title?"--between":"--end"]])},[u("h4",K,[p(t.$slots,"title",{close:r},(function(){return[L(j(n.title),1)]}))]),n.noClose?v("",!0):(e(),d("div",J,[c(U,{size:"sm",color:"transparent",onClick:r},{default:s((function(){return[c(H,{src:S("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M6%2018L18%206M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E"),class:"icon"},null,8,["src"])]})),_:2},1032,["onClick"])]))],2),u("div",Q,[p(t.$slots,"default",{close:r})])],2)]})),_:3},16,["backdrop-class","style"])}}});F("\n.m-drawer {\n\n      -webkit-box-align: stretch;\n\n          -ms-flex-align: stretch;\n\n              align-items: stretch\n}\n.m-drawer .m-drawer-content-wrap {\n\n      overflow-y: auto;\n\n      background-color: var(--maz-color-bg-light);\n\n      color: var(--maz-color-text)\n}\n.m-drawer .m-drawer-content-wrap > .m-drawer-header {\n\n      z-index: 1;\n\n      display: -webkit-box;\n\n      display: -ms-flexbox;\n\n      display: flex;\n\n      height: 4rem;\n\n      -ms-flex-negative: 0;\n\n          flex-shrink: 0;\n\n      -webkit-box-align: center;\n\n          -ms-flex-align: center;\n\n              align-items: center;\n\n      background-color: var(--maz-color-bg);\n\n      background-clip: padding-box;\n\n      padding-left: 1rem;\n\n      padding-right: 1rem;\n\n      padding-top: 0.75rem;\n\n      padding-bottom: 0.75rem;\n\n      -webkit-box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n\n              box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05)\n}\n.m-drawer .m-drawer-content-wrap > .m-drawer-header .m-drawer-header__title {\n\n      margin: 0px;\n\n      font-size: 1.25rem;\n\n      line-height: 1.75rem;\n\n      font-weight: 600\n}\n.m-drawer .m-drawer-content-wrap > .m-drawer-header .m-drawer-header__close {\n\n      display: -webkit-box;\n\n      display: -ms-flexbox;\n\n      display: flex;\n\n      -webkit-box-pack: end;\n\n          -ms-flex-pack: end;\n\n              justify-content: flex-end\n}\n.m-drawer .m-drawer-content-wrap > .m-drawer-header .m-drawer-header__close .icon {\n\n      height: 1.25rem;\n\n      width: 1.25rem\n}\n.m-drawer .m-drawer-content-wrap > .m-drawer-header.--end {\n\n      -webkit-box-pack: end;\n\n          -ms-flex-pack: end;\n\n              justify-content: flex-end\n}\n.m-drawer .m-drawer-content-wrap > .m-drawer-header.--between {\n\n      -webkit-box-pack: justify;\n\n          -ms-flex-pack: justify;\n\n              justify-content: space-between\n}\n.m-drawer .m-drawer-content-wrap > .m-drawer-body {\n\n      z-index: 0;\n\n      min-height: 0px;\n\n      -webkit-box-flex: 1;\n\n          -ms-flex: 1 1 0%;\n\n              flex: 1 1 0%;\n\n      overflow-x: auto;\n\n      background-color: var(--maz-color-bg-light);\n\n      background-clip: padding-box\n}\n.m-drawer.--left .m-backdrop-content,\n    .m-drawer.--right .m-backdrop-content {\n\n      height: auto;\n\n      min-height: 100vh;\n\n      -webkit-transition: all 450ms ease-in-out;\n\n      transition: all 450ms ease-in-out;\n      width: 100%\n}\n@media (min-width: 768px) {\n.m-drawer.--left .m-backdrop-content,\n    .m-drawer.--right .m-backdrop-content {\n        width: var(--maz-drawer-size)\n}\n}\n.m-drawer.--left {\n\n      -webkit-box-pack: start;\n\n          -ms-flex-pack: start;\n\n              justify-content: flex-start\n}\n.m-drawer.--left.backdrop-anim-enter-from > .m-backdrop-content,\n      .m-drawer.--left.backdrop-anim-leave-to > .m-backdrop-content {\n        opacity: 0;\n        -webkit-transform: translateX(-100%);\n                transform: translateX(-100%);\n}\n.m-drawer.--right {\n\n      -webkit-box-pack: end;\n\n          -ms-flex-pack: end;\n\n              justify-content: flex-end\n}\n.m-drawer.--right.backdrop-anim-enter-from > .m-backdrop-content,\n      .m-drawer.--right.backdrop-anim-leave-to > .m-backdrop-content {\n        opacity: 0;\n        -webkit-transform: translateX(100%);\n                transform: translateX(100%);\n}\n.m-drawer.--top .m-backdrop-content,\n    .m-drawer.--bottom .m-backdrop-content {\n      -webkit-transition: all 450ms ease-in-out;\n      transition: all 450ms ease-in-out;\n      width: 100%;\n      height: 100vh;\n}\n@media (min-width: 768px) {\n.m-drawer.--top .m-backdrop-content,\n    .m-drawer.--bottom .m-backdrop-content {\n        height: auto\n}\n}\n.m-drawer.--top {\n\n      -webkit-box-align: start;\n\n          -ms-flex-align: start;\n\n              align-items: flex-start\n}\n.m-drawer.--top.backdrop-anim-enter-from > .m-backdrop-content,\n      .m-drawer.--top.backdrop-anim-leave-to > .m-backdrop-content {\n        opacity: 0;\n        -webkit-transform: translateY(-100%);\n                transform: translateY(-100%);\n}\n.m-drawer.--bottom {\n\n      -webkit-box-align: end;\n\n          -ms-flex-align: end;\n\n              align-items: flex-end\n}\n.m-drawer.--bottom.backdrop-anim-enter-from > .m-backdrop-content,\n      .m-drawer.--bottom.backdrop-anim-leave-to > .m-backdrop-content {\n        opacity: 0;\n        -webkit-transform: translateY(100%);\n                transform: translateY(100%);\n}\n.m-drawer .m-backdrop-content > .m-drawer-content-wrap {\n\n      pointer-events: auto;\n\n      display: -webkit-box;\n\n      display: -ms-flexbox;\n\n      display: flex;\n\n      height: 100%;\n\n      width: 100%;\n\n      -webkit-box-orient: vertical;\n\n      -webkit-box-direction: normal;\n\n          -ms-flex-direction: column;\n\n              flex-direction: column;\n\n      -webkit-box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n\n              box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05)\n}\n");export{W as default};

package/components/MazDropzone.d.ts

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