maz-ui 3.0.0-next.4 → 3.0.0-next.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
import{defineComponent as n,ref as
|
|
1
|
+
import{defineComponent as n,ref as t,watch as e,openBlock as a,createBlock as o,Teleport as r,createVNode as i,Transition as d,withCtx as b,createElementBlock as s,normalizeClass as c,createElementVNode as m,withModifiers as l,mergeProps as f,renderSlot as p,createCommentVNode as u}from"vue";var k=n({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!0},selector:{type:String,default:"#modals-container"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},backdropClass:{type:[Array,String,Object],default:function(){return[]}},transition:{type:String,default:"backdrop-anim"},escKey:{type:Boolean,default:!0},zOffset:{type:Number,default:20},defaultZIndex:{type:Number,default:1050},modalClass:{type:String,default:void 0}},emits:["open","close","update:model-value"],setup:function(n,a){var o=a.emit,r=t(n.modelValue),i=function(n){return r.value=n},d=function(){return i(!0)},b=function(){return i(!1)},s=function(t){for(var e=n.beforeClose?n.beforeClose:function(){return!0},a=arguments.length,o=new Array(a>1?a-1:0),r=1;r<a;r++)o[r-1]=arguments[r];t?d():n.beforeClose&&!1!==e.apply(void 0,o)||b()},c=function(t){n.escKey&&"Escape"===t.code&&(n.persistent||s(!1))};return e((function(){return n.modelValue}),(function(n){r.value=n,n?(document.documentElement.classList.add("--backdrop-present"),window.addEventListener("keyup",c,!1)):(window.removeEventListener("keyup",c),document.documentElement.classList.remove("--backdrop-present"))})),{present:r,openModal:d,close:b,onBackdropClicked:function(){n.persistent||s(!1)},onBackdropAnimationEnter:function(){o("open")},onBackdropAnimationLeave:function(){o("update:model-value",!1),o("close")},toggleModal:s}}});!function(n,t){void 0===t&&(t={});var e=t.insertAt;if(n&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===e&&a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.styleSheet?o.styleSheet.cssText=n:o.appendChild(document.createTextNode(n))}}("/* purgecss start ignore */\n\n/* stylelint-disable no-descending-specificity */\n\nhtml.--backdrop-present[data-v-bbffadb8] {\n overflow-y: hidden;\n height: 100vh;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active[data-v-bbffadb8],\n .m-backdrop.bottom-sheet-anim-leave-active[data-v-bbffadb8] {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content[data-v-bbffadb8], .m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content[data-v-bbffadb8] {\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\n.m-backdrop.bottom-sheet-anim-enter-from[data-v-bbffadb8],\n .m-backdrop.bottom-sheet-anim-leave-to[data-v-bbffadb8] {\n opacity: 0;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content[data-v-bbffadb8], .m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content[data-v-bbffadb8] {\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n}\n\n.m-backdrop.modal-anim-enter-active[data-v-bbffadb8],\n .m-backdrop.modal-anim-leave-active[data-v-bbffadb8] {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.modal-anim-enter-active .m-backdrop-content[data-v-bbffadb8], .m-backdrop.modal-anim-leave-active .m-backdrop-content[data-v-bbffadb8] {\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\n.m-backdrop.modal-anim-enter-from[data-v-bbffadb8],\n .m-backdrop.modal-anim-leave-to[data-v-bbffadb8] {\n opacity: 0;\n}\n\n.m-backdrop.modal-anim-enter-from .m-backdrop-content[data-v-bbffadb8], .m-backdrop.modal-anim-leave-to .m-backdrop-content[data-v-bbffadb8] {\n -webkit-transform: translateY(-25px);\n transform: translateY(-25px);\n}\n\n.m-backdrop.backdrop-anim-enter-active[data-v-bbffadb8],\n .m-backdrop.backdrop-anim-leave-active[data-v-bbffadb8] {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.backdrop-anim-enter-from[data-v-bbffadb8],\n .m-backdrop.backdrop-anim-leave-to[data-v-bbffadb8] {\n opacity: 0;\n}\n\n.m-backdrop[data-v-bbffadb8] {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\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 -webkit-backdrop-filter: blur(3px);\n backdrop-filter: blur(3px);\n z-index: 1050;\n}\n\n.m-backdrop-overlay[data-v-bbffadb8] {\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\n.m-backdrop-overlay[data-v-bbffadb8]:not(.--disabled) {\n cursor: pointer;\n}\n\n.m-backdrop-content[data-v-bbffadb8] {\n position: relative;\n z-index: 1;\n}\n\n.m-backdrop-content[data-v-bbffadb8]:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.m-backdrop.--bottom-sheet .m-backdrop-content[data-v-bbffadb8] {\n position: absolute;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n\n.m-backdrop.--fullscreen[data-v-bbffadb8] {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen[data-v-bbffadb8] {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n}\n\n.m-backdrop.--fullscreen.--center-top[data-v-bbffadb8] {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen.--center-top[data-v-bbffadb8] {\n padding-top: 7rem;\n }\n}\n\n.m-backdrop.--fullscreen .m-backdrop-content[data-v-bbffadb8] {\n position: relative;\n width: 100%;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen .m-backdrop-content[data-v-bbffadb8] {\n width: auto;\n }\n}\n\n/* purgecss end ignore */\n"),k.render=function(n,t,e,k,v,x){return a(),o(r,{to:"body",selector:n.selector},[i(d,{appear:"",name:n.transition,onAfterEnter:n.onBackdropAnimationEnter,onAfterLeave:n.onBackdropAnimationLeave},{default:b((function(){return[n.present?(a(),s("div",{key:0,class:c(["m-backdrop",{"--backdrop-present":n.present},n.backdropClass]),tabindex:"-1",role:"dialog"},[m("div",{class:c(["m-backdrop-overlay",{"--disabled":n.persistent}]),tabindex:"-1",onClick:t[0]||(t[0]=l((function(){return n.onBackdropClicked&&n.onBackdropClicked.apply(n,arguments)}),["self"]))},null,2),m("div",f({class:["m-backdrop-content",n.modalClass]},n.$attrs,{role:"document",tabindex:"0"}),[p(n.$slots,"default",{close:function(){return n.close()}})],16)],2)):u("",!0)]})),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["selector"])},k.__scopeId="data-v-bbffadb8";export{k as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{defineComponent as n,openBlock as t,createElementBlock as o,normalizeClass as
|
|
1
|
+
import{defineComponent as n,openBlock as t,createElementBlock as o,normalizeClass as a,pushScopeId as e,popScopeId as r,createElementVNode as i,inject as c,ref as d,computed as l,onMounted as s,watch as b,mergeProps as u,createCommentVNode as m,nextTick as f,useAttrs as p,useSlots as v,createBlock as g,resolveDynamicComponent as h,unref as k,withCtx as y,renderSlot as w,createVNode as x,Teleport as z,Transition as _,withModifiers as L}from"vue";var E=["width","height"],S=[function(n){return e("data-v-57af58bb"),n=n(),r(),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({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,r){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:a(["m-spinner","m-spinner--".concat(n.color)]),style:{"enable-background":"new 0 0 50 50"}},S,10,E)}}});function C(n,t){void 0===t&&(t={});var o=t.insertAt;if(n&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css","top"===o&&a.firstChild?a.insertBefore(e,a.firstChild):a.appendChild(e),e.styleSheet?e.styleSheet.cssText=n:e.appendChild(document.createTextNode(n))}}C("/* purgecss start ignore */\n\n.m-spinner[data-v-57af58bb] {\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\n.m-spinner--primary[data-v-57af58bb] {\n color: var(--maz-color-primary);\n}\n\n.m-spinner--secondary[data-v-57af58bb] {\n color: var(--maz-color-secondary);\n}\n\n.m-spinner--info[data-v-57af58bb] {\n color: var(--maz-color-info);\n}\n\n.m-spinner--warning[data-v-57af58bb] {\n color: var(--maz-color-warning);\n}\n\n.m-spinner--danger[data-v-57af58bb] {\n color: var(--maz-color-danger);\n}\n\n.m-spinner--success[data-v-57af58bb] {\n color: var(--maz-color-success);\n}\n\n.m-spinner--black[data-v-57af58bb] {\n color: var(--maz-color-black);\n}\n\n.m-spinner--white[data-v-57af58bb] {\n color: var(--maz-color-white);\n}\n\n.m-spinner--transparent[data-v-57af58bb] {\n color: var(--maz-color-white);\n}\n\n/* purgecss end ignore */\n"),B.__scopeId="data-v-57af58bb";var j={exports:{}};!function(n){var t=function(n){var t,o=Object.prototype,a=o.hasOwnProperty,e="function"==typeof Symbol?Symbol:{},r=e.iterator||"@@iterator",i=e.asyncIterator||"@@asyncIterator",c=e.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 l(n,t,o,a){var e=t&&t.prototype instanceof v?t:v,r=Object.create(e.prototype),i=new B(a||[]);return r._invoke=function(n,t,o){var a=b;return function(e,r){if(a===m)throw new Error("Generator is already running");if(a===f){if("throw"===e)throw r;return j()}for(o.method=e,o.arg=r;;){var i=o.delegate;if(i){var c=L(i,o);if(c){if(c===p)continue;return c}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if(a===b)throw a=f,o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);a=m;var d=s(n,t,o);if("normal"===d.type){if(a=o.done?f:u,d.arg===p)continue;return{value:d.arg,done:o.done}}"throw"===d.type&&(a=f,o.method="throw",o.arg=d.arg)}}}(n,o,i),r}function s(n,t,o){try{return{type:"normal",arg:n.call(t,o)}}catch(n){return{type:"throw",arg:n}}}n.wrap=l;var b="suspendedStart",u="suspendedYield",m="executing",f="completed",p={};function v(){}function g(){}function h(){}var k={};d(k,r,(function(){return this}));var y=Object.getPrototypeOf,w=y&&y(y(C([])));w&&w!==o&&a.call(w,r)&&(k=w);var x=h.prototype=v.prototype=Object.create(k);function z(n){["next","throw","return"].forEach((function(t){d(n,t,(function(n){return this._invoke(t,n)}))}))}function _(n,t){function o(e,r,i,c){var d=s(n[e],n,r);if("throw"!==d.type){var l=d.arg,b=l.value;return b&&"object"==typeof b&&a.call(b,"__await")?t.resolve(b.__await).then((function(n){o("next",n,i,c)}),(function(n){o("throw",n,i,c)})):t.resolve(b).then((function(n){l.value=n,i(l)}),(function(n){return o("throw",n,i,c)}))}c(d.arg)}var e;this._invoke=function(n,a){function r(){return new t((function(t,e){o(n,a,t,e)}))}return e=e?e.then(r,r):r()}}function L(n,o){var a=n.iterator[o.method];if(a===t){if(o.delegate=null,"throw"===o.method){if(n.iterator.return&&(o.method="return",o.arg=t,L(n,o),"throw"===o.method))return p;o.method="throw",o.arg=new TypeError("The iterator does not provide a 'throw' method")}return p}var e=s(a,n.iterator,o.arg);if("throw"===e.type)return o.method="throw",o.arg=e.arg,o.delegate=null,p;var r=e.arg;return r?r.done?(o[n.resultName]=r.value,o.next=n.nextLoc,"return"!==o.method&&(o.method="next",o.arg=t),o.delegate=null,p):r:(o.method="throw",o.arg=new TypeError("iterator result is not an object"),o.delegate=null,p)}function E(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 B(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(E,this),this.reset(!0)}function C(n){if(n){var o=n[r];if(o)return o.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var e=-1,i=function o(){for(;++e<n.length;)if(a.call(n,e))return o.value=n[e],o.done=!1,o;return o.value=t,o.done=!0,o};return i.next=i}}return{next:j}}function j(){return{value:t,done:!0}}return g.prototype=h,d(x,"constructor",h),d(h,"constructor",g),g.displayName=d(h,c,"GeneratorFunction"),n.isGeneratorFunction=function(n){var t="function"==typeof n&&n.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},n.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,h):(n.__proto__=h,d(n,c,"GeneratorFunction")),n.prototype=Object.create(x),n},n.awrap=function(n){return{__await:n}},z(_.prototype),d(_.prototype,i,(function(){return this})),n.AsyncIterator=_,n.async=function(t,o,a,e,r){void 0===r&&(r=Promise);var i=new _(l(t,o,a,e),r);return n.isGeneratorFunction(o)?i:i.next().then((function(n){return n.done?n.value:i.next()}))},z(x),d(x,c,"Generator"),d(x,r,(function(){return this})),d(x,"toString",(function(){return"[object Generator]"})),n.keys=function(n){var t=[];for(var o in n)t.push(o);return t.reverse(),function o(){for(;t.length;){var a=t.pop();if(a in n)return o.value=a,o.done=!1,o}return o.done=!0,o}},n.values=C,B.prototype={constructor:B,reset:function(n){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(S),!n)for(var o in this)"t"===o.charAt(0)&&a.call(this,o)&&!isNaN(+o.slice(1))&&(this[o]=t)},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 o=this;function e(a,e){return c.type="throw",c.arg=n,o.next=a,e&&(o.method="next",o.arg=t),!!e}for(var r=this.tryEntries.length-1;r>=0;--r){var i=this.tryEntries[r],c=i.completion;if("root"===i.tryLoc)return e("end");if(i.tryLoc<=this.prev){var d=a.call(i,"catchLoc"),l=a.call(i,"finallyLoc");if(d&&l){if(this.prev<i.catchLoc)return e(i.catchLoc,!0);if(this.prev<i.finallyLoc)return e(i.finallyLoc)}else if(d){if(this.prev<i.catchLoc)return e(i.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return e(i.finallyLoc)}}}},abrupt:function(n,t){for(var o=this.tryEntries.length-1;o>=0;--o){var e=this.tryEntries[o];if(e.tryLoc<=this.prev&&a.call(e,"finallyLoc")&&this.prev<e.finallyLoc){var r=e;break}}r&&("break"===n||"continue"===n)&&r.tryLoc<=t&&t<=r.finallyLoc&&(r=null);var i=r?r.completion:{};return i.type=n,i.arg=t,r?(this.method="next",this.next=r.finallyLoc,p):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),p},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),p}},catch:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.tryLoc===n){var a=o.completion;if("throw"===a.type){var e=a.arg;S(o)}return e}}throw new Error("illegal catch attempt")},delegateYield:function(n,o,a){return this.delegate={iterator:C(n),resultName:o,nextLoc:a},"next"===this.method&&(this.arg=t),p}},n}(n.exports);try{regeneratorRuntime=t}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}}(j);var I=j.exports;
|
|
2
2
|
/*! *****************************************************************************
|
|
3
3
|
Copyright (c) Microsoft Corporation.
|
|
4
4
|
|
|
@@ -12,4 +12,4 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
|
12
12
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
13
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14
14
|
PERFORMANCE OF THIS SOFTWARE.
|
|
15
|
-
***************************************************************************** */function I(n,t,o,e){return new(o||(o=Promise))((function(r,a){function i(n){try{l(e.next(n))}catch(n){a(n)}}function c(n){try{l(e.throw(n))}catch(n){a(n)}}function l(n){var t;n.done?r(n.value):(t=n.value,t instanceof o?t:new o((function(n){n(t)}))).then(i,c)}l((e=e.apply(n,t||[])).next())}))}var N=["innerHTML"],T=n({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}},keepDuringLoading:{type:Boolean,default:!0}},emits:["loaded","unloaded","error"],setup:function(n,e){var r=this,a=e.emit,i=n,f={},v=l(),g=l(),h=function(n,t){var o=c(n,t);if(o)return o}("mazIconPath"),k=d((function(){var n;return null!==(n=i.path)&&void 0!==n?n:h})),y=d((function(){return i.src?i.src:k.value?"".concat(k.value,"/").concat(i.name,".svg"):"/".concat(i.name,".svg")}));s((function(){if(!i.name&&!i.src)throw new Error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');x(y.value)}));var w=function(n){var t=n.cloneNode(!0);return t=i.transformSource(n),i.title&&function(n,t){var o=n.getElementsByTagName("title");if(o.length)o[0].textContent=t;else{var e=document.createElementNS("http://www.w3.org/2000/svg","title");e.textContent=t,n.appendChild(e)}}(t,i.title),n.innerHTML},x=function(n){return I(r,void 0,void 0,O.mark((function t(){var o;return O.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return f[n]||(f[n]=z(n)),t.prev=1,t.next=4,f[n];case 4:return o=t.sent,v.value=o,t.next=8,p();case 8:a("loaded",g.value),t.next=16;break;case 11:t.prev=11,t.t0=t.catch(1),v.value&&(v.value=void 0,a("unloaded")),delete f[n],a("error",t.t0);case 16:case"end":return t.stop()}}),t,null,[[1,11]])})))},z=function(n){return new Promise((function(t,o){var e=new XMLHttpRequest;e.open("GET",n,!0),e.onload=function(){if(e.status>=200&&e.status<400)try{var n=(new DOMParser).parseFromString(e.responseText,"text/xml").getElementsByTagName("svg")[0];n?t(n):o(new Error('Loaded file is not valid SVG"'))}catch(n){o(n)}else o(new Error("Error loading SVG"))},e.onerror=o,e.send()}))};return b((function(){return i.src}),(function(){return x(y.value)})),function(e,r){return v.value?(t(),o("svg",u({key:0,ref_key:"svgElem",ref:g,width:"1em",height:"1em"},Object.assign(Object.assign({},function(n){var t={},o=n.attributes;if(!o)return t;for(var e=o.length-1;e>=0;e--)t[o[e].name]=o[e].value;return t}(v.value)),(a=e.$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:w(v.value)}),null,16,N)):m("",!0);var a}}}),F={key:0,class:"m-btn__icon-left"},A={class:"maz-flex maz-flex-center"},P={key:1,class:"m-btn__icon-right"},D=n({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}},setup:function(n){var r=n,a=f(),c=a.href,l=a.to,s=v(),b=d((function(){return c?"a":l?"router-link":"button"})),p=d((function(){return r.pastel?"--".concat(r.color,"-pastel"):r.outline||r.loading?"--".concat(r.color,"-outline"):"--".concat(r.color)})),z=d((function(){return(r.loading||r.disabled)&&"button"===b.value})),_=d((function(){return z.value?"--cursor-default":"--cursor-pointer"})),L=d((function(){return"--is-".concat(r.variant)})),E=d((function(){return"--".concat(r.color)})),S=d((function(){return["white"].includes(r.color)?"black":"white"})),C=d((function(){return r.loading&&"button"===r.variant})),j=d((function(){return!!s["left-icon"]||r.leftIcon})),O=d((function(){return!!s["right-icon"]||r.rightIcon})),I=d((function(){return j.value||O.value})),N=d((function(){return"button"===b.value?r.type:void 0}));return function(r,a){return t(),g(h(k(b)),u(r.$attrs,{disabled:k(z),class:["m-btn",["--".concat(n.size),k(p),k(_),k(L),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":k(z),"--icon":k(I),"--rounded":n.rounded,"--no-padding":n.noPadding}]],type:k(N)}),{default:y((function(){return[k(j)?(t(),o("div",F,[w(r.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g(T,{key:0,name:n.leftIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),i("span",A,[w(r.$slots,"default")]),k(O)?(t(),o("div",P,[w(r.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g(T,{key:0,name:n.rightIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),k(C)?(t(),o("div",{key:2,class:e(["m-btn__loading-wrapper",k(E)])},[x(B,{size:"2em",color:k(S)},null,8,["color"])],2)):m("",!0)]})),_:3},16,["disabled","class","type"])}}});C("/* purgecss start ignore */\n\n.m-btn[data-v-17e65bda] {\n border-width: 2px;\n border-style: solid;\n border-color: transparent;\n text-align: center;\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.m-btn span[data-v-17e65bda] {\n line-height: 1;\n}\n\n.m-btn__icon-left[data-v-17e65bda] {\n margin-right: 0.5rem;\n margin-left: -0.25rem;\n line-height: 1;\n}\n\n.m-btn__icon-right[data-v-17e65bda] {\n margin-right: -0.25rem;\n margin-left: 0.5rem;\n line-height: 1;\n}\n\n.m-btn.--cursor-pointer[data-v-17e65bda] {\n cursor: pointer;\n}\n\n.m-btn.--cursor-default[data-v-17e65bda] {\n cursor: default;\n}\n\n.m-btn.--is-link[data-v-17e65bda] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: transparent;\n color: var(--maz-color-text);\n outline: 2px solid transparent;\n outline-offset: 2px;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-link[data-v-17e65bda]:not(.--no-leading) {\n line-height: 2.25rem;\n}\n\n.m-btn.--is-link[data-v-17e65bda]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-17e65bda]:not(:disabled):focus:not(.--no-underline) {\n text-decoration: underline;\n}\n\n.m-btn.--is-link.--secondary[data-v-17e65bda] {\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-link.--info[data-v-17e65bda] {\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-link.--warning[data-v-17e65bda] {\n color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-link.--danger[data-v-17e65bda] {\n color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-link.--success[data-v-17e65bda] {\n color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-link.--white[data-v-17e65bda] {\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-link.--black[data-v-17e65bda] {\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button[data-v-17e65bda] {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n overflow: hidden;\n border-radius: 0.5rem;\n border-color: transparent;\n background-color: transparent;\n font-family: var(--maz-font-family);\n font-weight: 500;\n text-decoration: none;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 300ms;\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-button.--rounded[data-v-17e65bda] {\n border-radius: 9999px;\n}\n\n.m-btn.--is-button.--xl[data-v-17e65bda] {\n padding-left: 2rem;\n padding-right: 2rem;\n font-size: 1.25rem;\n line-height: 1.75rem;\n padding-top: 1.325rem;\n padding-bottom: 1.325rem;\n}\n\n.m-btn.--is-button.--lg[data-v-17e65bda] {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n font-size: 1.125rem;\n line-height: 1.75rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.m-btn.--is-button.--md[data-v-17e65bda] {\n padding-left: 1rem;\n padding-right: 1rem;\n font-size: 1rem;\n line-height: 1.5rem;\n padding-top: 0.88rem;\n padding-bottom: 0.88rem;\n}\n\n.m-btn.--is-button.--sm[data-v-17e65bda] {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n\n.m-btn.--is-button.--xs[data-v-17e65bda] {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.3rem;\n padding-bottom: 0.3rem;\n}\n\n.m-btn.--is-button.--mini[data-v-17e65bda] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n font-size: 0.75rem;\n line-height: 1rem;\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n}\n\n.m-btn.--is-button.--icon[data-v-17e65bda] {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.m-btn.--is-button[data-v-17e65bda] {\n -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n\n/* Not disabled */\n\n.m-btn.--is-button[data-v-17e65bda]:not(.--disabled):hover, .m-btn.--is-button[data-v-17e65bda]:not(.--disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n}\n\n/* Fab */\n\n.m-btn.--is-button.--fab[data-v-17e65bda] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 3rem;\n width: 3rem;\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 border-radius: 9999px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: 0px;\n}\n\n.m-btn.--is-button.--block[data-v-17e65bda] {\n width: 100%;\n}\n\n.m-btn.--is-button.--primary[data-v-17e65bda] {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--primary[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary-600);\n}\n\n.m-btn.--is-button.--secondary[data-v-17e65bda] {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--secondary[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary-600);\n}\n\n.m-btn.--is-button.--info[data-v-17e65bda] {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--info[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info-600);\n}\n\n.m-btn.--is-button.--success[data-v-17e65bda] {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--success[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-button.--warning[data-v-17e65bda] {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--warning[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-button.--danger[data-v-17e65bda] {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-button.--white[data-v-17e65bda] {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--white[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white[data-v-17e65bda]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(209, 213, 219, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--black[data-v-17e65bda] {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n.m-btn.--is-button.--black[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black[data-v-17e65bda]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(31, 41, 55, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--transparent[data-v-17e65bda] {\n background-color: transparent;\n}\n\n.m-btn.--is-button.--transparent[data-v-17e65bda]:not(:disabled):hover,\n .m-btn.--is-button.--transparent[data-v-17e65bda]:not(:disabled):focus {\n background-color: rgb(0 0 0 / 20%);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-17e65bda] {\n border-color: var(--maz-color-primary);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-17e65bda] {\n border-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--info-outline[data-v-17e65bda] {\n border-color: var(--maz-color-info);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--success-outline[data-v-17e65bda] {\n border-color: var(--maz-color-success);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-17e65bda] {\n border-color: var(--maz-color-danger);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-17e65bda] {\n border-color: var(--maz-color-warning);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-17e65bda] {\n border-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--black-outline[data-v-17e65bda] {\n border-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-primary-50);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-secondary-50);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-info-50);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-success-50);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-danger-50);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger-contrast);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-warning-50);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-17e65bda] {\n --tw-bg-opacity: 1;\n background-color: rgba(243, 244, 246, var(--tw-bg-opacity));\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-17e65bda] {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n/* Disabled */\n\n.m-btn.--is-button.--disabled[data-v-17e65bda] {\n cursor: not-allowed;\n background-color: var(--maz-color-bg-light);\n --tw-text-opacity: 1;\n color: rgba(156, 163, 175, var(--tw-text-opacity));\n}\n\n.m-btn.--is-button.--no-padding[data-v-17e65bda] {\n padding: 0px;\n}\n\n/* Loader */\n\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-17e65bda] {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-17e65bda] {\n background-color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-17e65bda] {\n background-color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-17e65bda] {\n background-color: var(--maz-color-info);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-17e65bda] {\n background-color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-17e65bda] {\n background-color: var(--maz-color-success);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-17e65bda] {\n background-color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-17e65bda] {\n background-color: var(--maz-color-white);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-17e65bda] {\n background-color: var(--maz-color-black);\n}\n\n/* purgecss end ignore */\n"),D.__scopeId="data-v-17e65bda";var G=n({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!0},selector:{type:String,default:"#modals-container"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},backdropClass:{type:[Array,String,Object],default:function(){return[]}},transition:{type:String,default:"backdrop-anim"},escKey:{type:Boolean,default:!0},zOffset:{type:Number,default:20},defaultZIndex:{type:Number,default:1050},modalClass:{type:String,default:void 0}},emits:["open","close","update:model-value"],setup:function(n,t){var o=t.emit,e=l(n.modelValue),r=function(n){return e.value=n},a=function(){return r(!0)},i=function(){return r(!1)},c=function(t){for(var o=n.beforeClose?n.beforeClose:function(){return!0},e=arguments.length,r=new Array(e>1?e-1:0),c=1;c<e;c++)r[c-1]=arguments[c];t?a():n.beforeClose&&!1!==o.apply(void 0,r)||i()},d=function(t){n.escKey&&"Escape"===t.code&&(n.persistent||c(!1))};return b((function(){return n.modelValue}),(function(n){e.value=n,n?(document.documentElement.classList.add("--backdrop-present"),window.addEventListener("keyup",d,!1)):(window.removeEventListener("keyup",d),document.documentElement.classList.remove("--backdrop-present"))})),{present:e,openModal:a,close:i,onBackdropClicked:function(){n.persistent||c(!1)},onBackdropAnimationEnter:function(){o("open")},onBackdropAnimationLeave:function(){o("update:model-value",!1),o("close")},toggleModal:c}}});C("/* purgecss start ignore */\n\n/* stylelint-disable no-descending-specificity */\n\nhtml.--backdrop-present {\n overflow-y: hidden;\n height: 100vh;\n}\n\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\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\n.m-backdrop.bottom-sheet-anim-enter-from,\n .m-backdrop.bottom-sheet-anim-leave-to {\n opacity: 0;\n}\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\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\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\n.m-backdrop.modal-anim-enter-from,\n .m-backdrop.modal-anim-leave-to {\n opacity: 0;\n}\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\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\n.m-backdrop.backdrop-anim-enter-from,\n .m-backdrop.backdrop-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\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 -webkit-backdrop-filter: blur(3px);\n backdrop-filter: blur(3px);\n z-index: 1050;\n}\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\n.m-backdrop-overlay:not(.--disabled) {\n cursor: pointer;\n}\n\n.m-backdrop-content {\n position: relative;\n z-index: 1;\n}\n\n.m-backdrop-content:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.m-backdrop.--bottom-sheet .m-backdrop-content {\n position: absolute;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n\n.m-backdrop.--fullscreen {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\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\n.m-backdrop.--fullscreen.--center-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen.--center-top {\n padding-top: 7rem;\n }\n}\n\n.m-backdrop.--fullscreen .m-backdrop-content {\n position: relative;\n width: 100%;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen .m-backdrop-content {\n width: auto;\n }\n}\n\n/* purgecss end ignore */\n"),G.render=function(n,r,a,c,l,d){return t(),g(z,{to:"body",selector:n.selector},[x(_,{appear:"",name:n.transition,onAfterEnter:n.onBackdropAnimationEnter,onAfterLeave:n.onBackdropAnimationLeave},{default:y((function(){return[n.present?(t(),o("div",{key:0,class:e(["m-backdrop",{"--backdrop-present":n.present},n.backdropClass]),tabindex:"-1",role:"dialog"},[i("div",{class:e(["m-backdrop-overlay",{"--disabled":n.persistent}]),tabindex:"-1",onClick:r[0]||(r[0]=L((function(){return n.onBackdropClicked&&n.onBackdropClicked.apply(n,arguments)}),["self"]))},null,2),i("div",u({class:["m-backdrop-content",n.modalClass]},n.$attrs,{role:"document",tabindex:"0"}),[w(n.$slots,"default",{close:function(){return n.close()}})],16)],2)):m("",!0)]})),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["selector"])};var M=function(n){return r("data-v-0eeba4c7"),n=n(),a(),n}((function(){return i("div",{class:"maz-direction-column maz-flex maz-flex-center"},[i("h1",null,"Default content")],-1)})),Y=n({props:{persistent:{type:Boolean,default:!1},noClose:{type:Boolean,default:!1},noPadding:{type:Boolean,default:!1}},emits:["update:model-value"],setup:function(n,o){var r=o.emit;return function(o,a){return t(),g(G,u(o.$attrs,{transition:"bottom-sheet-anim","backdrop-class":"--bottom-sheet","onUpdate:modelValue":a[0]||(a[0]=function(t){n.persistent||function(n){r("update:model-value",n)}(t)})}),{default:y((function(r){var a=r.close;return[i("div",{class:e(["m-bottom-sheet__container maz-relative maz-bg-color maz-elevation",{"maz-py-6":!n.noPadding}])},[w(o.$slots,"default",{},(function(){return[M]})),n.noClose?m("",!0):(t(),g(D,{key:0,size:"mini",class:"m-bottom-sheet__close",color:"transparent",onClick:a},{default:y((function(){return[x(T,{src:k("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")},null,8,["src"])]})),_:2},1032,["onClick"]))],2)]})),_:3},16)}}});C("/* purgecss start ignore */\n\n.m-bottom-sheet__container[data-v-0eeba4c7] {\n padding-left: 3rem;\n padding-right: 3rem;\n -webkit-box-shadow: 0 -5px 20px rgb(0 0 0 / 20%);\n box-shadow: 0 -5px 20px rgb(0 0 0 / 20%);\n}\n\n.m-bottom-sheet__close[data-v-0eeba4c7] {\n position: absolute !important;\n top: 1rem;\n right: 1rem;\n}\n\n/* purgecss end ignore */\n"),Y.__scopeId="data-v-0eeba4c7";export{Y as default};
|
|
15
|
+
***************************************************************************** */function O(n,t,o,a){return new(o||(o=Promise))((function(e,r){function i(n){try{d(a.next(n))}catch(n){r(n)}}function c(n){try{d(a.throw(n))}catch(n){r(n)}}function d(n){var t;n.done?e(n.value):(t=n.value,t instanceof o?t:new o((function(n){n(t)}))).then(i,c)}d((a=a.apply(n,t||[])).next())}))}var N=["innerHTML"],T=n({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}},keepDuringLoading:{type:Boolean,default:!0}},emits:["loaded","unloaded","error"],setup:function(n,a){var e=this,r=a.emit,i=n,p={},v=d(),g=d(),h=function(n,t){var o=c(n,t);if(o)return o}("mazIconPath"),k=l((function(){var n;return null!==(n=i.path)&&void 0!==n?n:h})),y=l((function(){return i.src?i.src:k.value?"".concat(k.value,"/").concat(i.name,".svg"):"/".concat(i.name,".svg")}));s((function(){if(!i.name&&!i.src)throw new Error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');x(y.value)}));var w=function(n){var t=n.cloneNode(!0);return t=i.transformSource(n),i.title&&function(n,t){var o=n.getElementsByTagName("title");if(o.length)o[0].textContent=t;else{var a=document.createElementNS("http://www.w3.org/2000/svg","title");a.textContent=t,n.appendChild(a)}}(t,i.title),n.innerHTML},x=function(n){return O(e,void 0,void 0,I.mark((function t(){var o;return I.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return p[n]||(p[n]=z(n)),t.prev=1,t.next=4,p[n];case 4:return o=t.sent,v.value=o,t.next=8,f();case 8:r("loaded",g.value),t.next=16;break;case 11:t.prev=11,t.t0=t.catch(1),v.value&&(v.value=void 0,r("unloaded")),delete p[n],r("error",t.t0);case 16:case"end":return t.stop()}}),t,null,[[1,11]])})))},z=function(n){return new Promise((function(t,o){var a=new XMLHttpRequest;a.open("GET",n,!0),a.onload=function(){if(a.status>=200&&a.status<400)try{var n=(new DOMParser).parseFromString(a.responseText,"text/xml").getElementsByTagName("svg")[0];n?t(n):o(new Error('Loaded file is not valid SVG"'))}catch(n){o(n)}else o(new Error("Error loading SVG"))},a.onerror=o,a.send()}))};return b((function(){return i.src}),(function(){return x(y.value)})),function(a,e){return v.value?(t(),o("svg",u({key:0,ref_key:"svgElem",ref:g,width:"1em",height:"1em"},Object.assign(Object.assign({},function(n){var t={},o=n.attributes;if(!o)return t;for(var a=o.length-1;a>=0;a--)t[o[a].name]=o[a].value;return t}(v.value)),(r=a.$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:w(v.value)}),null,16,N)):m("",!0);var r}}}),F={key:0,class:"m-btn__icon-left"},A={class:"maz-flex maz-flex-center"},P={key:1,class:"m-btn__icon-right"},D=n({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}},setup:function(n){var e=n,r=p(),c=r.href,d=r.to,s=v(),b=l((function(){return c?"a":d?"router-link":"button"})),f=l((function(){return e.pastel?"--".concat(e.color,"-pastel"):e.outline||e.loading?"--".concat(e.color,"-outline"):"--".concat(e.color)})),z=l((function(){return(e.loading||e.disabled)&&"button"===b.value})),_=l((function(){return z.value?"--cursor-default":"--cursor-pointer"})),L=l((function(){return"--is-".concat(e.variant)})),E=l((function(){return"--".concat(e.color)})),S=l((function(){return["white"].includes(e.color)?"black":"white"})),C=l((function(){return e.loading&&"button"===e.variant})),j=l((function(){return!!s["left-icon"]||e.leftIcon})),I=l((function(){return!!s["right-icon"]||e.rightIcon})),O=l((function(){return j.value||I.value})),N=l((function(){return"button"===b.value?e.type:void 0}));return function(e,r){return t(),g(h(k(b)),u(e.$attrs,{disabled:k(z),class:["m-btn",["--".concat(n.size),k(f),k(_),k(L),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":k(z),"--icon":k(O),"--rounded":n.rounded,"--no-padding":n.noPadding}]],type:k(N)}),{default:y((function(){return[k(j)?(t(),o("div",F,[w(e.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g(T,{key:0,name:n.leftIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),i("span",A,[w(e.$slots,"default")]),k(I)?(t(),o("div",P,[w(e.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g(T,{key:0,name:n.rightIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),k(C)?(t(),o("div",{key:2,class:a(["m-btn__loading-wrapper",k(E)])},[x(B,{size:"2em",color:k(S)},null,8,["color"])],2)):m("",!0)]})),_:3},16,["disabled","class","type"])}}});C("/* purgecss start ignore */\n\n.m-btn[data-v-17e65bda] {\n border-width: 2px;\n border-style: solid;\n border-color: transparent;\n text-align: center;\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.m-btn span[data-v-17e65bda] {\n line-height: 1;\n}\n\n.m-btn__icon-left[data-v-17e65bda] {\n margin-right: 0.5rem;\n margin-left: -0.25rem;\n line-height: 1;\n}\n\n.m-btn__icon-right[data-v-17e65bda] {\n margin-right: -0.25rem;\n margin-left: 0.5rem;\n line-height: 1;\n}\n\n.m-btn.--cursor-pointer[data-v-17e65bda] {\n cursor: pointer;\n}\n\n.m-btn.--cursor-default[data-v-17e65bda] {\n cursor: default;\n}\n\n.m-btn.--is-link[data-v-17e65bda] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: transparent;\n color: var(--maz-color-text);\n outline: 2px solid transparent;\n outline-offset: 2px;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-link[data-v-17e65bda]:not(.--no-leading) {\n line-height: 2.25rem;\n}\n\n.m-btn.--is-link[data-v-17e65bda]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-17e65bda]:not(:disabled):focus:not(.--no-underline) {\n text-decoration: underline;\n}\n\n.m-btn.--is-link.--secondary[data-v-17e65bda] {\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-link.--info[data-v-17e65bda] {\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-link.--warning[data-v-17e65bda] {\n color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-link.--danger[data-v-17e65bda] {\n color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-link.--success[data-v-17e65bda] {\n color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-link.--white[data-v-17e65bda] {\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-link.--black[data-v-17e65bda] {\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button[data-v-17e65bda] {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n overflow: hidden;\n border-radius: 0.5rem;\n border-color: transparent;\n background-color: transparent;\n font-family: var(--maz-font-family);\n font-weight: 500;\n text-decoration: none;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 300ms;\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-button.--rounded[data-v-17e65bda] {\n border-radius: 9999px;\n}\n\n.m-btn.--is-button.--xl[data-v-17e65bda] {\n padding-left: 2rem;\n padding-right: 2rem;\n font-size: 1.25rem;\n line-height: 1.75rem;\n padding-top: 1.325rem;\n padding-bottom: 1.325rem;\n}\n\n.m-btn.--is-button.--lg[data-v-17e65bda] {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n font-size: 1.125rem;\n line-height: 1.75rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.m-btn.--is-button.--md[data-v-17e65bda] {\n padding-left: 1rem;\n padding-right: 1rem;\n font-size: 1rem;\n line-height: 1.5rem;\n padding-top: 0.88rem;\n padding-bottom: 0.88rem;\n}\n\n.m-btn.--is-button.--sm[data-v-17e65bda] {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n\n.m-btn.--is-button.--xs[data-v-17e65bda] {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.3rem;\n padding-bottom: 0.3rem;\n}\n\n.m-btn.--is-button.--mini[data-v-17e65bda] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n font-size: 0.75rem;\n line-height: 1rem;\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n}\n\n.m-btn.--is-button.--icon[data-v-17e65bda] {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.m-btn.--is-button[data-v-17e65bda] {\n -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n\n/* Not disabled */\n\n.m-btn.--is-button[data-v-17e65bda]:not(.--disabled):hover, .m-btn.--is-button[data-v-17e65bda]:not(.--disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n}\n\n/* Fab */\n\n.m-btn.--is-button.--fab[data-v-17e65bda] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 3rem;\n width: 3rem;\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 border-radius: 9999px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: 0px;\n}\n\n.m-btn.--is-button.--block[data-v-17e65bda] {\n width: 100%;\n}\n\n.m-btn.--is-button.--primary[data-v-17e65bda] {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--primary[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary-600);\n}\n\n.m-btn.--is-button.--secondary[data-v-17e65bda] {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--secondary[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary-600);\n}\n\n.m-btn.--is-button.--info[data-v-17e65bda] {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--info[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info-600);\n}\n\n.m-btn.--is-button.--success[data-v-17e65bda] {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--success[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-button.--warning[data-v-17e65bda] {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--warning[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-button.--danger[data-v-17e65bda] {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-button.--white[data-v-17e65bda] {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--white[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white[data-v-17e65bda]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(209, 213, 219, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--black[data-v-17e65bda] {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n.m-btn.--is-button.--black[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black[data-v-17e65bda]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(31, 41, 55, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--transparent[data-v-17e65bda] {\n background-color: transparent;\n}\n\n.m-btn.--is-button.--transparent[data-v-17e65bda]:not(:disabled):hover,\n .m-btn.--is-button.--transparent[data-v-17e65bda]:not(:disabled):focus {\n background-color: rgb(0 0 0 / 20%);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-17e65bda] {\n border-color: var(--maz-color-primary);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-17e65bda] {\n border-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--info-outline[data-v-17e65bda] {\n border-color: var(--maz-color-info);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--success-outline[data-v-17e65bda] {\n border-color: var(--maz-color-success);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-17e65bda] {\n border-color: var(--maz-color-danger);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-17e65bda] {\n border-color: var(--maz-color-warning);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-17e65bda] {\n border-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--black-outline[data-v-17e65bda] {\n border-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-primary-50);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-secondary-50);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-info-50);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-success-50);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-danger-50);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger-contrast);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-warning-50);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-17e65bda] {\n --tw-bg-opacity: 1;\n background-color: rgba(243, 244, 246, var(--tw-bg-opacity));\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-17e65bda] {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n/* Disabled */\n\n.m-btn.--is-button.--disabled[data-v-17e65bda] {\n cursor: not-allowed;\n background-color: var(--maz-color-bg-light);\n --tw-text-opacity: 1;\n color: rgba(156, 163, 175, var(--tw-text-opacity));\n}\n\n.m-btn.--is-button.--no-padding[data-v-17e65bda] {\n padding: 0px;\n}\n\n/* Loader */\n\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-17e65bda] {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-17e65bda] {\n background-color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-17e65bda] {\n background-color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-17e65bda] {\n background-color: var(--maz-color-info);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-17e65bda] {\n background-color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-17e65bda] {\n background-color: var(--maz-color-success);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-17e65bda] {\n background-color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-17e65bda] {\n background-color: var(--maz-color-white);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-17e65bda] {\n background-color: var(--maz-color-black);\n}\n\n/* purgecss end ignore */\n"),D.__scopeId="data-v-17e65bda";var G=n({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!0},selector:{type:String,default:"#modals-container"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},backdropClass:{type:[Array,String,Object],default:function(){return[]}},transition:{type:String,default:"backdrop-anim"},escKey:{type:Boolean,default:!0},zOffset:{type:Number,default:20},defaultZIndex:{type:Number,default:1050},modalClass:{type:String,default:void 0}},emits:["open","close","update:model-value"],setup:function(n,t){var o=t.emit,a=d(n.modelValue),e=function(n){return a.value=n},r=function(){return e(!0)},i=function(){return e(!1)},c=function(t){for(var o=n.beforeClose?n.beforeClose:function(){return!0},a=arguments.length,e=new Array(a>1?a-1:0),c=1;c<a;c++)e[c-1]=arguments[c];t?r():n.beforeClose&&!1!==o.apply(void 0,e)||i()},l=function(t){n.escKey&&"Escape"===t.code&&(n.persistent||c(!1))};return b((function(){return n.modelValue}),(function(n){a.value=n,n?(document.documentElement.classList.add("--backdrop-present"),window.addEventListener("keyup",l,!1)):(window.removeEventListener("keyup",l),document.documentElement.classList.remove("--backdrop-present"))})),{present:a,openModal:r,close:i,onBackdropClicked:function(){n.persistent||c(!1)},onBackdropAnimationEnter:function(){o("open")},onBackdropAnimationLeave:function(){o("update:model-value",!1),o("close")},toggleModal:c}}});C("/* purgecss start ignore */\n\n/* stylelint-disable no-descending-specificity */\n\nhtml.--backdrop-present[data-v-bbffadb8] {\n overflow-y: hidden;\n height: 100vh;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active[data-v-bbffadb8],\n .m-backdrop.bottom-sheet-anim-leave-active[data-v-bbffadb8] {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content[data-v-bbffadb8], .m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content[data-v-bbffadb8] {\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\n.m-backdrop.bottom-sheet-anim-enter-from[data-v-bbffadb8],\n .m-backdrop.bottom-sheet-anim-leave-to[data-v-bbffadb8] {\n opacity: 0;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content[data-v-bbffadb8], .m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content[data-v-bbffadb8] {\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n}\n\n.m-backdrop.modal-anim-enter-active[data-v-bbffadb8],\n .m-backdrop.modal-anim-leave-active[data-v-bbffadb8] {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.modal-anim-enter-active .m-backdrop-content[data-v-bbffadb8], .m-backdrop.modal-anim-leave-active .m-backdrop-content[data-v-bbffadb8] {\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\n.m-backdrop.modal-anim-enter-from[data-v-bbffadb8],\n .m-backdrop.modal-anim-leave-to[data-v-bbffadb8] {\n opacity: 0;\n}\n\n.m-backdrop.modal-anim-enter-from .m-backdrop-content[data-v-bbffadb8], .m-backdrop.modal-anim-leave-to .m-backdrop-content[data-v-bbffadb8] {\n -webkit-transform: translateY(-25px);\n transform: translateY(-25px);\n}\n\n.m-backdrop.backdrop-anim-enter-active[data-v-bbffadb8],\n .m-backdrop.backdrop-anim-leave-active[data-v-bbffadb8] {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.backdrop-anim-enter-from[data-v-bbffadb8],\n .m-backdrop.backdrop-anim-leave-to[data-v-bbffadb8] {\n opacity: 0;\n}\n\n.m-backdrop[data-v-bbffadb8] {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\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 -webkit-backdrop-filter: blur(3px);\n backdrop-filter: blur(3px);\n z-index: 1050;\n}\n\n.m-backdrop-overlay[data-v-bbffadb8] {\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\n.m-backdrop-overlay[data-v-bbffadb8]:not(.--disabled) {\n cursor: pointer;\n}\n\n.m-backdrop-content[data-v-bbffadb8] {\n position: relative;\n z-index: 1;\n}\n\n.m-backdrop-content[data-v-bbffadb8]:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.m-backdrop.--bottom-sheet .m-backdrop-content[data-v-bbffadb8] {\n position: absolute;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n\n.m-backdrop.--fullscreen[data-v-bbffadb8] {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen[data-v-bbffadb8] {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n}\n\n.m-backdrop.--fullscreen.--center-top[data-v-bbffadb8] {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen.--center-top[data-v-bbffadb8] {\n padding-top: 7rem;\n }\n}\n\n.m-backdrop.--fullscreen .m-backdrop-content[data-v-bbffadb8] {\n position: relative;\n width: 100%;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen .m-backdrop-content[data-v-bbffadb8] {\n width: auto;\n }\n}\n\n/* purgecss end ignore */\n"),G.render=function(n,e,r,c,d,l){return t(),g(z,{to:"body",selector:n.selector},[x(_,{appear:"",name:n.transition,onAfterEnter:n.onBackdropAnimationEnter,onAfterLeave:n.onBackdropAnimationLeave},{default:y((function(){return[n.present?(t(),o("div",{key:0,class:a(["m-backdrop",{"--backdrop-present":n.present},n.backdropClass]),tabindex:"-1",role:"dialog"},[i("div",{class:a(["m-backdrop-overlay",{"--disabled":n.persistent}]),tabindex:"-1",onClick:e[0]||(e[0]=L((function(){return n.onBackdropClicked&&n.onBackdropClicked.apply(n,arguments)}),["self"]))},null,2),i("div",u({class:["m-backdrop-content",n.modalClass]},n.$attrs,{role:"document",tabindex:"0"}),[w(n.$slots,"default",{close:function(){return n.close()}})],16)],2)):m("",!0)]})),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["selector"])},G.__scopeId="data-v-bbffadb8";var M=function(n){return e("data-v-0eeba4c7"),n=n(),r(),n}((function(){return i("div",{class:"maz-direction-column maz-flex maz-flex-center"},[i("h1",null,"Default content")],-1)})),Y=n({props:{persistent:{type:Boolean,default:!1},noClose:{type:Boolean,default:!1},noPadding:{type:Boolean,default:!1}},emits:["update:model-value"],setup:function(n,o){var e=o.emit;return function(o,r){return t(),g(G,u(o.$attrs,{transition:"bottom-sheet-anim","backdrop-class":"--bottom-sheet","onUpdate:modelValue":r[0]||(r[0]=function(t){n.persistent||function(n){e("update:model-value",n)}(t)})}),{default:y((function(e){var r=e.close;return[i("div",{class:a(["m-bottom-sheet__container maz-relative maz-bg-color maz-elevation",{"maz-py-6":!n.noPadding}])},[w(o.$slots,"default",{},(function(){return[M]})),n.noClose?m("",!0):(t(),g(D,{key:0,size:"mini",class:"m-bottom-sheet__close",color:"transparent",onClick:r},{default:y((function(){return[x(T,{src:k("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")},null,8,["src"])]})),_:2},1032,["onClick"]))],2)]})),_:3},16)}}});C("/* purgecss start ignore */\n\n.m-bottom-sheet__container[data-v-0eeba4c7] {\n padding-left: 3rem;\n padding-right: 3rem;\n -webkit-box-shadow: 0 -5px 20px rgb(0 0 0 / 20%);\n box-shadow: 0 -5px 20px rgb(0 0 0 / 20%);\n}\n\n.m-bottom-sheet__close[data-v-0eeba4c7] {\n position: absolute !important;\n top: 1rem;\n right: 1rem;\n}\n\n/* purgecss end ignore */\n"),Y.__scopeId="data-v-0eeba4c7";export{Y as default};
|
package/components/MazDialog.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{defineComponent as n,openBlock as t,createElementBlock as o,normalizeClass as
|
|
1
|
+
import{defineComponent as n,openBlock as t,createElementBlock as o,normalizeClass as a,pushScopeId as e,popScopeId as r,createElementVNode as i,inject as d,ref as c,computed as l,onMounted as s,watch as b,mergeProps as u,createCommentVNode as m,nextTick as f,useAttrs as p,useSlots as v,createBlock as g,resolveDynamicComponent as h,unref as k,withCtx as y,renderSlot as w,createVNode as x,Teleport as z,Transition as _,withModifiers as L,createTextVNode as E,toDisplayString as S}from"vue";var B=["width","height"],j=[function(n){return e("data-v-57af58bb"),n=n(),r(),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)}))],C=n({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,r){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:a(["m-spinner","m-spinner--".concat(n.color)]),style:{"enable-background":"new 0 0 50 50"}},j,10,B)}}});function I(n,t){void 0===t&&(t={});var o=t.insertAt;if(n&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css","top"===o&&a.firstChild?a.insertBefore(e,a.firstChild):a.appendChild(e),e.styleSheet?e.styleSheet.cssText=n:e.appendChild(document.createTextNode(n))}}I("/* purgecss start ignore */\n\n.m-spinner[data-v-57af58bb] {\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\n.m-spinner--primary[data-v-57af58bb] {\n color: var(--maz-color-primary);\n}\n\n.m-spinner--secondary[data-v-57af58bb] {\n color: var(--maz-color-secondary);\n}\n\n.m-spinner--info[data-v-57af58bb] {\n color: var(--maz-color-info);\n}\n\n.m-spinner--warning[data-v-57af58bb] {\n color: var(--maz-color-warning);\n}\n\n.m-spinner--danger[data-v-57af58bb] {\n color: var(--maz-color-danger);\n}\n\n.m-spinner--success[data-v-57af58bb] {\n color: var(--maz-color-success);\n}\n\n.m-spinner--black[data-v-57af58bb] {\n color: var(--maz-color-black);\n}\n\n.m-spinner--white[data-v-57af58bb] {\n color: var(--maz-color-white);\n}\n\n.m-spinner--transparent[data-v-57af58bb] {\n color: var(--maz-color-white);\n}\n\n/* purgecss end ignore */\n"),C.__scopeId="data-v-57af58bb";var O={exports:{}};!function(n){var t=function(n){var t,o=Object.prototype,a=o.hasOwnProperty,e="function"==typeof Symbol?Symbol:{},r=e.iterator||"@@iterator",i=e.asyncIterator||"@@asyncIterator",d=e.toStringTag||"@@toStringTag";function c(n,t,o){return Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}),n[t]}try{c({},"")}catch(n){c=function(n,t,o){return n[t]=o}}function l(n,t,o,a){var e=t&&t.prototype instanceof v?t:v,r=Object.create(e.prototype),i=new B(a||[]);return r._invoke=function(n,t,o){var a=b;return function(e,r){if(a===m)throw new Error("Generator is already running");if(a===f){if("throw"===e)throw r;return C()}for(o.method=e,o.arg=r;;){var i=o.delegate;if(i){var d=L(i,o);if(d){if(d===p)continue;return d}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if(a===b)throw a=f,o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);a=m;var c=s(n,t,o);if("normal"===c.type){if(a=o.done?f:u,c.arg===p)continue;return{value:c.arg,done:o.done}}"throw"===c.type&&(a=f,o.method="throw",o.arg=c.arg)}}}(n,o,i),r}function s(n,t,o){try{return{type:"normal",arg:n.call(t,o)}}catch(n){return{type:"throw",arg:n}}}n.wrap=l;var b="suspendedStart",u="suspendedYield",m="executing",f="completed",p={};function v(){}function g(){}function h(){}var k={};c(k,r,(function(){return this}));var y=Object.getPrototypeOf,w=y&&y(y(j([])));w&&w!==o&&a.call(w,r)&&(k=w);var x=h.prototype=v.prototype=Object.create(k);function z(n){["next","throw","return"].forEach((function(t){c(n,t,(function(n){return this._invoke(t,n)}))}))}function _(n,t){function o(e,r,i,d){var c=s(n[e],n,r);if("throw"!==c.type){var l=c.arg,b=l.value;return b&&"object"==typeof b&&a.call(b,"__await")?t.resolve(b.__await).then((function(n){o("next",n,i,d)}),(function(n){o("throw",n,i,d)})):t.resolve(b).then((function(n){l.value=n,i(l)}),(function(n){return o("throw",n,i,d)}))}d(c.arg)}var e;this._invoke=function(n,a){function r(){return new t((function(t,e){o(n,a,t,e)}))}return e=e?e.then(r,r):r()}}function L(n,o){var a=n.iterator[o.method];if(a===t){if(o.delegate=null,"throw"===o.method){if(n.iterator.return&&(o.method="return",o.arg=t,L(n,o),"throw"===o.method))return p;o.method="throw",o.arg=new TypeError("The iterator does not provide a 'throw' method")}return p}var e=s(a,n.iterator,o.arg);if("throw"===e.type)return o.method="throw",o.arg=e.arg,o.delegate=null,p;var r=e.arg;return r?r.done?(o[n.resultName]=r.value,o.next=n.nextLoc,"return"!==o.method&&(o.method="next",o.arg=t),o.delegate=null,p):r:(o.method="throw",o.arg=new TypeError("iterator result is not an object"),o.delegate=null,p)}function E(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 B(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(E,this),this.reset(!0)}function j(n){if(n){var o=n[r];if(o)return o.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var e=-1,i=function o(){for(;++e<n.length;)if(a.call(n,e))return o.value=n[e],o.done=!1,o;return o.value=t,o.done=!0,o};return i.next=i}}return{next:C}}function C(){return{value:t,done:!0}}return g.prototype=h,c(x,"constructor",h),c(h,"constructor",g),g.displayName=c(h,d,"GeneratorFunction"),n.isGeneratorFunction=function(n){var t="function"==typeof n&&n.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},n.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,h):(n.__proto__=h,c(n,d,"GeneratorFunction")),n.prototype=Object.create(x),n},n.awrap=function(n){return{__await:n}},z(_.prototype),c(_.prototype,i,(function(){return this})),n.AsyncIterator=_,n.async=function(t,o,a,e,r){void 0===r&&(r=Promise);var i=new _(l(t,o,a,e),r);return n.isGeneratorFunction(o)?i:i.next().then((function(n){return n.done?n.value:i.next()}))},z(x),c(x,d,"Generator"),c(x,r,(function(){return this})),c(x,"toString",(function(){return"[object Generator]"})),n.keys=function(n){var t=[];for(var o in n)t.push(o);return t.reverse(),function o(){for(;t.length;){var a=t.pop();if(a in n)return o.value=a,o.done=!1,o}return o.done=!0,o}},n.values=j,B.prototype={constructor:B,reset:function(n){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(S),!n)for(var o in this)"t"===o.charAt(0)&&a.call(this,o)&&!isNaN(+o.slice(1))&&(this[o]=t)},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 o=this;function e(a,e){return d.type="throw",d.arg=n,o.next=a,e&&(o.method="next",o.arg=t),!!e}for(var r=this.tryEntries.length-1;r>=0;--r){var i=this.tryEntries[r],d=i.completion;if("root"===i.tryLoc)return e("end");if(i.tryLoc<=this.prev){var c=a.call(i,"catchLoc"),l=a.call(i,"finallyLoc");if(c&&l){if(this.prev<i.catchLoc)return e(i.catchLoc,!0);if(this.prev<i.finallyLoc)return e(i.finallyLoc)}else if(c){if(this.prev<i.catchLoc)return e(i.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return e(i.finallyLoc)}}}},abrupt:function(n,t){for(var o=this.tryEntries.length-1;o>=0;--o){var e=this.tryEntries[o];if(e.tryLoc<=this.prev&&a.call(e,"finallyLoc")&&this.prev<e.finallyLoc){var r=e;break}}r&&("break"===n||"continue"===n)&&r.tryLoc<=t&&t<=r.finallyLoc&&(r=null);var i=r?r.completion:{};return i.type=n,i.arg=t,r?(this.method="next",this.next=r.finallyLoc,p):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),p},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),p}},catch:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.tryLoc===n){var a=o.completion;if("throw"===a.type){var e=a.arg;S(o)}return e}}throw new Error("illegal catch attempt")},delegateYield:function(n,o,a){return this.delegate={iterator:j(n),resultName:o,nextLoc:a},"next"===this.method&&(this.arg=t),p}},n}(n.exports);try{regeneratorRuntime=t}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}}(O);var N=O.exports;
|
|
2
2
|
/*! *****************************************************************************
|
|
3
3
|
Copyright (c) Microsoft Corporation.
|
|
4
4
|
|
|
@@ -12,4 +12,4 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
|
12
12
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
13
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14
14
|
PERFORMANCE OF THIS SOFTWARE.
|
|
15
|
-
***************************************************************************** */function T(n,t,o,e){return new(o||(o=Promise))((function(a,r){function i(n){try{l(e.next(n))}catch(n){r(n)}}function c(n){try{l(e.throw(n))}catch(n){r(n)}}function l(n){var t;n.done?a(n.value):(t=n.value,t instanceof o?t:new o((function(n){n(t)}))).then(i,c)}l((e=e.apply(n,t||[])).next())}))}var F=["innerHTML"],A=n({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}},keepDuringLoading:{type:Boolean,default:!0}},emits:["loaded","unloaded","error"],setup:function(n,e){var a=this,r=e.emit,i=n,f={},v=l(),g=l(),h=function(n,t){var o=c(n,t);if(o)return o}("mazIconPath"),k=d((function(){var n;return null!==(n=i.path)&&void 0!==n?n:h})),y=d((function(){return i.src?i.src:k.value?"".concat(k.value,"/").concat(i.name,".svg"):"/".concat(i.name,".svg")}));s((function(){if(!i.name&&!i.src)throw new Error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');x(y.value)}));var w=function(n){var t=n.cloneNode(!0);return t=i.transformSource(n),i.title&&function(n,t){var o=n.getElementsByTagName("title");if(o.length)o[0].textContent=t;else{var e=document.createElementNS("http://www.w3.org/2000/svg","title");e.textContent=t,n.appendChild(e)}}(t,i.title),n.innerHTML},x=function(n){return T(a,void 0,void 0,N.mark((function t(){var o;return N.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return f[n]||(f[n]=z(n)),t.prev=1,t.next=4,f[n];case 4:return o=t.sent,v.value=o,t.next=8,p();case 8:r("loaded",g.value),t.next=16;break;case 11:t.prev=11,t.t0=t.catch(1),v.value&&(v.value=void 0,r("unloaded")),delete f[n],r("error",t.t0);case 16:case"end":return t.stop()}}),t,null,[[1,11]])})))},z=function(n){return new Promise((function(t,o){var e=new XMLHttpRequest;e.open("GET",n,!0),e.onload=function(){if(e.status>=200&&e.status<400)try{var n=(new DOMParser).parseFromString(e.responseText,"text/xml").getElementsByTagName("svg")[0];n?t(n):o(new Error('Loaded file is not valid SVG"'))}catch(n){o(n)}else o(new Error("Error loading SVG"))},e.onerror=o,e.send()}))};return b((function(){return i.src}),(function(){return x(y.value)})),function(e,a){return v.value?(t(),o("svg",u({key:0,ref_key:"svgElem",ref:g,width:"1em",height:"1em"},Object.assign(Object.assign({},function(n){var t={},o=n.attributes;if(!o)return t;for(var e=o.length-1;e>=0;e--)t[o[e].name]=o[e].value;return t}(v.value)),(r=e.$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:w(v.value)}),null,16,F)):m("",!0);var r}}}),$={key:0,class:"m-btn__icon-left"},D={class:"maz-flex maz-flex-center"},P={key:1,class:"m-btn__icon-right"},G=n({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}},setup:function(n){var a=n,r=f(),c=r.href,l=r.to,s=v(),b=d((function(){return c?"a":l?"router-link":"button"})),p=d((function(){return a.pastel?"--".concat(a.color,"-pastel"):a.outline||a.loading?"--".concat(a.color,"-outline"):"--".concat(a.color)})),z=d((function(){return(a.loading||a.disabled)&&"button"===b.value})),_=d((function(){return z.value?"--cursor-default":"--cursor-pointer"})),L=d((function(){return"--is-".concat(a.variant)})),E=d((function(){return"--".concat(a.color)})),S=d((function(){return["white"].includes(a.color)?"black":"white"})),B=d((function(){return a.loading&&"button"===a.variant})),j=d((function(){return!!s["left-icon"]||a.leftIcon})),O=d((function(){return!!s["right-icon"]||a.rightIcon})),I=d((function(){return j.value||O.value})),N=d((function(){return"button"===b.value?a.type:void 0}));return function(a,r){return t(),g(h(k(b)),u(a.$attrs,{disabled:k(z),class:["m-btn",["--".concat(n.size),k(p),k(_),k(L),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":k(z),"--icon":k(I),"--rounded":n.rounded,"--no-padding":n.noPadding}]],type:k(N)}),{default:y((function(){return[k(j)?(t(),o("div",$,[w(a.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g(A,{key:0,name:n.leftIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),i("span",D,[w(a.$slots,"default")]),k(O)?(t(),o("div",P,[w(a.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g(A,{key:0,name:n.rightIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),k(B)?(t(),o("div",{key:2,class:e(["m-btn__loading-wrapper",k(E)])},[x(C,{size:"2em",color:k(S)},null,8,["color"])],2)):m("",!0)]})),_:3},16,["disabled","class","type"])}}});O("/* purgecss start ignore */\n\n.m-btn[data-v-17e65bda] {\n border-width: 2px;\n border-style: solid;\n border-color: transparent;\n text-align: center;\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.m-btn span[data-v-17e65bda] {\n line-height: 1;\n}\n\n.m-btn__icon-left[data-v-17e65bda] {\n margin-right: 0.5rem;\n margin-left: -0.25rem;\n line-height: 1;\n}\n\n.m-btn__icon-right[data-v-17e65bda] {\n margin-right: -0.25rem;\n margin-left: 0.5rem;\n line-height: 1;\n}\n\n.m-btn.--cursor-pointer[data-v-17e65bda] {\n cursor: pointer;\n}\n\n.m-btn.--cursor-default[data-v-17e65bda] {\n cursor: default;\n}\n\n.m-btn.--is-link[data-v-17e65bda] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: transparent;\n color: var(--maz-color-text);\n outline: 2px solid transparent;\n outline-offset: 2px;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-link[data-v-17e65bda]:not(.--no-leading) {\n line-height: 2.25rem;\n}\n\n.m-btn.--is-link[data-v-17e65bda]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-17e65bda]:not(:disabled):focus:not(.--no-underline) {\n text-decoration: underline;\n}\n\n.m-btn.--is-link.--secondary[data-v-17e65bda] {\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-link.--info[data-v-17e65bda] {\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-link.--warning[data-v-17e65bda] {\n color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-link.--danger[data-v-17e65bda] {\n color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-link.--success[data-v-17e65bda] {\n color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-link.--white[data-v-17e65bda] {\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-link.--black[data-v-17e65bda] {\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button[data-v-17e65bda] {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n overflow: hidden;\n border-radius: 0.5rem;\n border-color: transparent;\n background-color: transparent;\n font-family: var(--maz-font-family);\n font-weight: 500;\n text-decoration: none;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 300ms;\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-button.--rounded[data-v-17e65bda] {\n border-radius: 9999px;\n}\n\n.m-btn.--is-button.--xl[data-v-17e65bda] {\n padding-left: 2rem;\n padding-right: 2rem;\n font-size: 1.25rem;\n line-height: 1.75rem;\n padding-top: 1.325rem;\n padding-bottom: 1.325rem;\n}\n\n.m-btn.--is-button.--lg[data-v-17e65bda] {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n font-size: 1.125rem;\n line-height: 1.75rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.m-btn.--is-button.--md[data-v-17e65bda] {\n padding-left: 1rem;\n padding-right: 1rem;\n font-size: 1rem;\n line-height: 1.5rem;\n padding-top: 0.88rem;\n padding-bottom: 0.88rem;\n}\n\n.m-btn.--is-button.--sm[data-v-17e65bda] {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n\n.m-btn.--is-button.--xs[data-v-17e65bda] {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.3rem;\n padding-bottom: 0.3rem;\n}\n\n.m-btn.--is-button.--mini[data-v-17e65bda] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n font-size: 0.75rem;\n line-height: 1rem;\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n}\n\n.m-btn.--is-button.--icon[data-v-17e65bda] {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.m-btn.--is-button[data-v-17e65bda] {\n -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n\n/* Not disabled */\n\n.m-btn.--is-button[data-v-17e65bda]:not(.--disabled):hover, .m-btn.--is-button[data-v-17e65bda]:not(.--disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n}\n\n/* Fab */\n\n.m-btn.--is-button.--fab[data-v-17e65bda] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 3rem;\n width: 3rem;\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 border-radius: 9999px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: 0px;\n}\n\n.m-btn.--is-button.--block[data-v-17e65bda] {\n width: 100%;\n}\n\n.m-btn.--is-button.--primary[data-v-17e65bda] {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--primary[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary-600);\n}\n\n.m-btn.--is-button.--secondary[data-v-17e65bda] {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--secondary[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary-600);\n}\n\n.m-btn.--is-button.--info[data-v-17e65bda] {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--info[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info-600);\n}\n\n.m-btn.--is-button.--success[data-v-17e65bda] {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--success[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-button.--warning[data-v-17e65bda] {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--warning[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-button.--danger[data-v-17e65bda] {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-button.--white[data-v-17e65bda] {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--white[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white[data-v-17e65bda]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(209, 213, 219, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--black[data-v-17e65bda] {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n.m-btn.--is-button.--black[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black[data-v-17e65bda]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(31, 41, 55, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--transparent[data-v-17e65bda] {\n background-color: transparent;\n}\n\n.m-btn.--is-button.--transparent[data-v-17e65bda]:not(:disabled):hover,\n .m-btn.--is-button.--transparent[data-v-17e65bda]:not(:disabled):focus {\n background-color: rgb(0 0 0 / 20%);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-17e65bda] {\n border-color: var(--maz-color-primary);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-17e65bda] {\n border-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--info-outline[data-v-17e65bda] {\n border-color: var(--maz-color-info);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--success-outline[data-v-17e65bda] {\n border-color: var(--maz-color-success);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-17e65bda] {\n border-color: var(--maz-color-danger);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-17e65bda] {\n border-color: var(--maz-color-warning);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-17e65bda] {\n border-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--black-outline[data-v-17e65bda] {\n border-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-primary-50);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-secondary-50);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-info-50);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-success-50);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-danger-50);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger-contrast);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-warning-50);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-17e65bda] {\n --tw-bg-opacity: 1;\n background-color: rgba(243, 244, 246, var(--tw-bg-opacity));\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-17e65bda] {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n/* Disabled */\n\n.m-btn.--is-button.--disabled[data-v-17e65bda] {\n cursor: not-allowed;\n background-color: var(--maz-color-bg-light);\n --tw-text-opacity: 1;\n color: rgba(156, 163, 175, var(--tw-text-opacity));\n}\n\n.m-btn.--is-button.--no-padding[data-v-17e65bda] {\n padding: 0px;\n}\n\n/* Loader */\n\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-17e65bda] {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-17e65bda] {\n background-color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-17e65bda] {\n background-color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-17e65bda] {\n background-color: var(--maz-color-info);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-17e65bda] {\n background-color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-17e65bda] {\n background-color: var(--maz-color-success);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-17e65bda] {\n background-color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-17e65bda] {\n background-color: var(--maz-color-white);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-17e65bda] {\n background-color: var(--maz-color-black);\n}\n\n/* purgecss end ignore */\n"),G.__scopeId="data-v-17e65bda";var M=n({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!0},selector:{type:String,default:"#modals-container"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},backdropClass:{type:[Array,String,Object],default:function(){return[]}},transition:{type:String,default:"backdrop-anim"},escKey:{type:Boolean,default:!0},zOffset:{type:Number,default:20},defaultZIndex:{type:Number,default:1050},modalClass:{type:String,default:void 0}},emits:["open","close","update:model-value"],setup:function(n,t){var o=t.emit,e=l(n.modelValue),a=function(n){return e.value=n},r=function(){return a(!0)},i=function(){return a(!1)},c=function(t){for(var o=n.beforeClose?n.beforeClose:function(){return!0},e=arguments.length,a=new Array(e>1?e-1:0),c=1;c<e;c++)a[c-1]=arguments[c];t?r():n.beforeClose&&!1!==o.apply(void 0,a)||i()},d=function(t){n.escKey&&"Escape"===t.code&&(n.persistent||c(!1))};return b((function(){return n.modelValue}),(function(n){e.value=n,n?(document.documentElement.classList.add("--backdrop-present"),window.addEventListener("keyup",d,!1)):(window.removeEventListener("keyup",d),document.documentElement.classList.remove("--backdrop-present"))})),{present:e,openModal:r,close:i,onBackdropClicked:function(){n.persistent||c(!1)},onBackdropAnimationEnter:function(){o("open")},onBackdropAnimationLeave:function(){o("update:model-value",!1),o("close")},toggleModal:c}}});O("/* purgecss start ignore */\n\n/* stylelint-disable no-descending-specificity */\n\nhtml.--backdrop-present {\n overflow-y: hidden;\n height: 100vh;\n}\n\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\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\n.m-backdrop.bottom-sheet-anim-enter-from,\n .m-backdrop.bottom-sheet-anim-leave-to {\n opacity: 0;\n}\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\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\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\n.m-backdrop.modal-anim-enter-from,\n .m-backdrop.modal-anim-leave-to {\n opacity: 0;\n}\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\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\n.m-backdrop.backdrop-anim-enter-from,\n .m-backdrop.backdrop-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\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 -webkit-backdrop-filter: blur(3px);\n backdrop-filter: blur(3px);\n z-index: 1050;\n}\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\n.m-backdrop-overlay:not(.--disabled) {\n cursor: pointer;\n}\n\n.m-backdrop-content {\n position: relative;\n z-index: 1;\n}\n\n.m-backdrop-content:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.m-backdrop.--bottom-sheet .m-backdrop-content {\n position: absolute;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n\n.m-backdrop.--fullscreen {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\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\n.m-backdrop.--fullscreen.--center-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen.--center-top {\n padding-top: 7rem;\n }\n}\n\n.m-backdrop.--fullscreen .m-backdrop-content {\n position: relative;\n width: 100%;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen .m-backdrop-content {\n width: auto;\n }\n}\n\n/* purgecss end ignore */\n"),M.render=function(n,a,r,c,l,d){return t(),g(z,{to:"body",selector:n.selector},[x(_,{appear:"",name:n.transition,onAfterEnter:n.onBackdropAnimationEnter,onAfterLeave:n.onBackdropAnimationLeave},{default:y((function(){return[n.present?(t(),o("div",{key:0,class:e(["m-backdrop",{"--backdrop-present":n.present},n.backdropClass]),tabindex:"-1",role:"dialog"},[i("div",{class:e(["m-backdrop-overlay",{"--disabled":n.persistent}]),tabindex:"-1",onClick:a[0]||(a[0]=L((function(){return n.onBackdropClicked&&n.onBackdropClicked.apply(n,arguments)}),["self"]))},null,2),i("div",u({class:["m-backdrop-content",n.modalClass]},n.$attrs,{role:"document",tabindex:"0"}),[w(n.$slots,"default",{close:function(){return n.close()}})],16)],2)):m("",!0)]})),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["selector"])};var Y={class:"m-dialog-layout"},V={key:0,class:"maz-my-0 maz-text-xl maz-font-semibold"},H={class:"m-dialog-layout-content"},R={key:0,class:"m-dialog-layout-footer"},U=n({props:{title:{type:String,default:void 0}},emits:["update:model-value"],setup:function(n){return function(a,r){return t(),g(M,u(a.$attrs,{transition:"modal-anim","onUpdate:modelValue":r[0]||(r[0]=function(n){return a.$emit("update:model-value",n)})}),{default:y((function(r){var c=r.close;return[i("div",Y,[i("div",{class:e(["m-dialog-layout-header",{"--has-title":a.$slots.title||n.title}])},[a.$slots.title||n.title?(t(),o("h2",V,[w(a.$slots,"title",{},(function(){return[E(S(n.title),1)]}))])):m("",!0),x(G,{color:"transparent",size:"mini",class:"m-dialog-layout-closebtn",onClick:c},{default:y((function(){return[x(A,{src:k("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-cursor-pointer"},null,8,["src"])]})),_:2},1032,["onClick"])],2),i("div",H,[w(a.$slots,"default")]),a.$slots.footer?(t(),o("div",R,[w(a.$slots,"footer")])):m("",!0)])]})),_:3},16)}}});O("/* purgecss start ignore */\n\n.m-dialog-layout[data-v-dab5bbf4] {\n border-radius: 0.5rem;\n background-color: var(--maz-color-bg);\n color: var(--maz-color-text);\n width: 500px;\n max-width: 95vw;\n}\n\n.m-dialog-layout-header[data-v-dab5bbf4] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n padding-top: 0.5rem;\n padding-right: 0.5rem;\n padding-left: 1.5rem;\n}\n\n.m-dialog-layout-header.--has-title[data-v-dab5bbf4] {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.m-dialog-layout-footer[data-v-dab5bbf4] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n padding-bottom: 1rem;\n}\n\n.m-dialog-layout-content[data-v-dab5bbf4] {\n padding: 1.5rem;\n}\n\n.m-dialog-layout-content-icon[data-v-dab5bbf4] {\n -ms-flex: 0 0 auto;\n -webkit-box-flex: 0;\n flex: 0 0 auto;\n}\n\n.m-dialog-layout-closebtn[data-v-dab5bbf4] {\n padding: 0.5rem !important;\n}\n\n/* purgecss end ignore */\n"),U.__scopeId="data-v-dab5bbf4";export{U as default};
|
|
15
|
+
***************************************************************************** */function T(n,t,o,a){return new(o||(o=Promise))((function(e,r){function i(n){try{c(a.next(n))}catch(n){r(n)}}function d(n){try{c(a.throw(n))}catch(n){r(n)}}function c(n){var t;n.done?e(n.value):(t=n.value,t instanceof o?t:new o((function(n){n(t)}))).then(i,d)}c((a=a.apply(n,t||[])).next())}))}var F=["innerHTML"],A=n({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}},keepDuringLoading:{type:Boolean,default:!0}},emits:["loaded","unloaded","error"],setup:function(n,a){var e=this,r=a.emit,i=n,p={},v=c(),g=c(),h=function(n,t){var o=d(n,t);if(o)return o}("mazIconPath"),k=l((function(){var n;return null!==(n=i.path)&&void 0!==n?n:h})),y=l((function(){return i.src?i.src:k.value?"".concat(k.value,"/").concat(i.name,".svg"):"/".concat(i.name,".svg")}));s((function(){if(!i.name&&!i.src)throw new Error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');x(y.value)}));var w=function(n){var t=n.cloneNode(!0);return t=i.transformSource(n),i.title&&function(n,t){var o=n.getElementsByTagName("title");if(o.length)o[0].textContent=t;else{var a=document.createElementNS("http://www.w3.org/2000/svg","title");a.textContent=t,n.appendChild(a)}}(t,i.title),n.innerHTML},x=function(n){return T(e,void 0,void 0,N.mark((function t(){var o;return N.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return p[n]||(p[n]=z(n)),t.prev=1,t.next=4,p[n];case 4:return o=t.sent,v.value=o,t.next=8,f();case 8:r("loaded",g.value),t.next=16;break;case 11:t.prev=11,t.t0=t.catch(1),v.value&&(v.value=void 0,r("unloaded")),delete p[n],r("error",t.t0);case 16:case"end":return t.stop()}}),t,null,[[1,11]])})))},z=function(n){return new Promise((function(t,o){var a=new XMLHttpRequest;a.open("GET",n,!0),a.onload=function(){if(a.status>=200&&a.status<400)try{var n=(new DOMParser).parseFromString(a.responseText,"text/xml").getElementsByTagName("svg")[0];n?t(n):o(new Error('Loaded file is not valid SVG"'))}catch(n){o(n)}else o(new Error("Error loading SVG"))},a.onerror=o,a.send()}))};return b((function(){return i.src}),(function(){return x(y.value)})),function(a,e){return v.value?(t(),o("svg",u({key:0,ref_key:"svgElem",ref:g,width:"1em",height:"1em"},Object.assign(Object.assign({},function(n){var t={},o=n.attributes;if(!o)return t;for(var a=o.length-1;a>=0;a--)t[o[a].name]=o[a].value;return t}(v.value)),(r=a.$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:w(v.value)}),null,16,F)):m("",!0);var r}}}),$={key:0,class:"m-btn__icon-left"},D={class:"maz-flex maz-flex-center"},P={key:1,class:"m-btn__icon-right"},G=n({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}},setup:function(n){var e=n,r=p(),d=r.href,c=r.to,s=v(),b=l((function(){return d?"a":c?"router-link":"button"})),f=l((function(){return e.pastel?"--".concat(e.color,"-pastel"):e.outline||e.loading?"--".concat(e.color,"-outline"):"--".concat(e.color)})),z=l((function(){return(e.loading||e.disabled)&&"button"===b.value})),_=l((function(){return z.value?"--cursor-default":"--cursor-pointer"})),L=l((function(){return"--is-".concat(e.variant)})),E=l((function(){return"--".concat(e.color)})),S=l((function(){return["white"].includes(e.color)?"black":"white"})),B=l((function(){return e.loading&&"button"===e.variant})),j=l((function(){return!!s["left-icon"]||e.leftIcon})),I=l((function(){return!!s["right-icon"]||e.rightIcon})),O=l((function(){return j.value||I.value})),N=l((function(){return"button"===b.value?e.type:void 0}));return function(e,r){return t(),g(h(k(b)),u(e.$attrs,{disabled:k(z),class:["m-btn",["--".concat(n.size),k(f),k(_),k(L),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":k(z),"--icon":k(O),"--rounded":n.rounded,"--no-padding":n.noPadding}]],type:k(N)}),{default:y((function(){return[k(j)?(t(),o("div",$,[w(e.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g(A,{key:0,name:n.leftIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),i("span",D,[w(e.$slots,"default")]),k(I)?(t(),o("div",P,[w(e.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g(A,{key:0,name:n.rightIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),k(B)?(t(),o("div",{key:2,class:a(["m-btn__loading-wrapper",k(E)])},[x(C,{size:"2em",color:k(S)},null,8,["color"])],2)):m("",!0)]})),_:3},16,["disabled","class","type"])}}});I("/* purgecss start ignore */\n\n.m-btn[data-v-17e65bda] {\n border-width: 2px;\n border-style: solid;\n border-color: transparent;\n text-align: center;\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.m-btn span[data-v-17e65bda] {\n line-height: 1;\n}\n\n.m-btn__icon-left[data-v-17e65bda] {\n margin-right: 0.5rem;\n margin-left: -0.25rem;\n line-height: 1;\n}\n\n.m-btn__icon-right[data-v-17e65bda] {\n margin-right: -0.25rem;\n margin-left: 0.5rem;\n line-height: 1;\n}\n\n.m-btn.--cursor-pointer[data-v-17e65bda] {\n cursor: pointer;\n}\n\n.m-btn.--cursor-default[data-v-17e65bda] {\n cursor: default;\n}\n\n.m-btn.--is-link[data-v-17e65bda] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: transparent;\n color: var(--maz-color-text);\n outline: 2px solid transparent;\n outline-offset: 2px;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-link[data-v-17e65bda]:not(.--no-leading) {\n line-height: 2.25rem;\n}\n\n.m-btn.--is-link[data-v-17e65bda]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-17e65bda]:not(:disabled):focus:not(.--no-underline) {\n text-decoration: underline;\n}\n\n.m-btn.--is-link.--secondary[data-v-17e65bda] {\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-link.--info[data-v-17e65bda] {\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-link.--warning[data-v-17e65bda] {\n color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-link.--danger[data-v-17e65bda] {\n color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-link.--success[data-v-17e65bda] {\n color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-link.--white[data-v-17e65bda] {\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-link.--black[data-v-17e65bda] {\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button[data-v-17e65bda] {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n overflow: hidden;\n border-radius: 0.5rem;\n border-color: transparent;\n background-color: transparent;\n font-family: var(--maz-font-family);\n font-weight: 500;\n text-decoration: none;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 300ms;\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-button.--rounded[data-v-17e65bda] {\n border-radius: 9999px;\n}\n\n.m-btn.--is-button.--xl[data-v-17e65bda] {\n padding-left: 2rem;\n padding-right: 2rem;\n font-size: 1.25rem;\n line-height: 1.75rem;\n padding-top: 1.325rem;\n padding-bottom: 1.325rem;\n}\n\n.m-btn.--is-button.--lg[data-v-17e65bda] {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n font-size: 1.125rem;\n line-height: 1.75rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.m-btn.--is-button.--md[data-v-17e65bda] {\n padding-left: 1rem;\n padding-right: 1rem;\n font-size: 1rem;\n line-height: 1.5rem;\n padding-top: 0.88rem;\n padding-bottom: 0.88rem;\n}\n\n.m-btn.--is-button.--sm[data-v-17e65bda] {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n\n.m-btn.--is-button.--xs[data-v-17e65bda] {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.3rem;\n padding-bottom: 0.3rem;\n}\n\n.m-btn.--is-button.--mini[data-v-17e65bda] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n font-size: 0.75rem;\n line-height: 1rem;\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n}\n\n.m-btn.--is-button.--icon[data-v-17e65bda] {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.m-btn.--is-button[data-v-17e65bda] {\n -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n\n/* Not disabled */\n\n.m-btn.--is-button[data-v-17e65bda]:not(.--disabled):hover, .m-btn.--is-button[data-v-17e65bda]:not(.--disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n}\n\n/* Fab */\n\n.m-btn.--is-button.--fab[data-v-17e65bda] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 3rem;\n width: 3rem;\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 border-radius: 9999px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: 0px;\n}\n\n.m-btn.--is-button.--block[data-v-17e65bda] {\n width: 100%;\n}\n\n.m-btn.--is-button.--primary[data-v-17e65bda] {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--primary[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary-600);\n}\n\n.m-btn.--is-button.--secondary[data-v-17e65bda] {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--secondary[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary-600);\n}\n\n.m-btn.--is-button.--info[data-v-17e65bda] {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--info[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info-600);\n}\n\n.m-btn.--is-button.--success[data-v-17e65bda] {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--success[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-button.--warning[data-v-17e65bda] {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--warning[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-button.--danger[data-v-17e65bda] {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-button.--white[data-v-17e65bda] {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--white[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white[data-v-17e65bda]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(209, 213, 219, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--black[data-v-17e65bda] {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n.m-btn.--is-button.--black[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black[data-v-17e65bda]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(31, 41, 55, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--transparent[data-v-17e65bda] {\n background-color: transparent;\n}\n\n.m-btn.--is-button.--transparent[data-v-17e65bda]:not(:disabled):hover,\n .m-btn.--is-button.--transparent[data-v-17e65bda]:not(:disabled):focus {\n background-color: rgb(0 0 0 / 20%);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-17e65bda] {\n border-color: var(--maz-color-primary);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-17e65bda] {\n border-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--info-outline[data-v-17e65bda] {\n border-color: var(--maz-color-info);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--success-outline[data-v-17e65bda] {\n border-color: var(--maz-color-success);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-17e65bda] {\n border-color: var(--maz-color-danger);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-17e65bda] {\n border-color: var(--maz-color-warning);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-17e65bda] {\n border-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--black-outline[data-v-17e65bda] {\n border-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-primary-50);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-secondary-50);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-info-50);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-success-50);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-danger-50);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger-contrast);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-warning-50);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-17e65bda] {\n --tw-bg-opacity: 1;\n background-color: rgba(243, 244, 246, var(--tw-bg-opacity));\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-17e65bda] {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n/* Disabled */\n\n.m-btn.--is-button.--disabled[data-v-17e65bda] {\n cursor: not-allowed;\n background-color: var(--maz-color-bg-light);\n --tw-text-opacity: 1;\n color: rgba(156, 163, 175, var(--tw-text-opacity));\n}\n\n.m-btn.--is-button.--no-padding[data-v-17e65bda] {\n padding: 0px;\n}\n\n/* Loader */\n\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-17e65bda] {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-17e65bda] {\n background-color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-17e65bda] {\n background-color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-17e65bda] {\n background-color: var(--maz-color-info);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-17e65bda] {\n background-color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-17e65bda] {\n background-color: var(--maz-color-success);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-17e65bda] {\n background-color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-17e65bda] {\n background-color: var(--maz-color-white);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-17e65bda] {\n background-color: var(--maz-color-black);\n}\n\n/* purgecss end ignore */\n"),G.__scopeId="data-v-17e65bda";var M=n({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!0},selector:{type:String,default:"#modals-container"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},backdropClass:{type:[Array,String,Object],default:function(){return[]}},transition:{type:String,default:"backdrop-anim"},escKey:{type:Boolean,default:!0},zOffset:{type:Number,default:20},defaultZIndex:{type:Number,default:1050},modalClass:{type:String,default:void 0}},emits:["open","close","update:model-value"],setup:function(n,t){var o=t.emit,a=c(n.modelValue),e=function(n){return a.value=n},r=function(){return e(!0)},i=function(){return e(!1)},d=function(t){for(var o=n.beforeClose?n.beforeClose:function(){return!0},a=arguments.length,e=new Array(a>1?a-1:0),d=1;d<a;d++)e[d-1]=arguments[d];t?r():n.beforeClose&&!1!==o.apply(void 0,e)||i()},l=function(t){n.escKey&&"Escape"===t.code&&(n.persistent||d(!1))};return b((function(){return n.modelValue}),(function(n){a.value=n,n?(document.documentElement.classList.add("--backdrop-present"),window.addEventListener("keyup",l,!1)):(window.removeEventListener("keyup",l),document.documentElement.classList.remove("--backdrop-present"))})),{present:a,openModal:r,close:i,onBackdropClicked:function(){n.persistent||d(!1)},onBackdropAnimationEnter:function(){o("open")},onBackdropAnimationLeave:function(){o("update:model-value",!1),o("close")},toggleModal:d}}});I("/* purgecss start ignore */\n\n/* stylelint-disable no-descending-specificity */\n\nhtml.--backdrop-present[data-v-bbffadb8] {\n overflow-y: hidden;\n height: 100vh;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active[data-v-bbffadb8],\n .m-backdrop.bottom-sheet-anim-leave-active[data-v-bbffadb8] {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content[data-v-bbffadb8], .m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content[data-v-bbffadb8] {\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\n.m-backdrop.bottom-sheet-anim-enter-from[data-v-bbffadb8],\n .m-backdrop.bottom-sheet-anim-leave-to[data-v-bbffadb8] {\n opacity: 0;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content[data-v-bbffadb8], .m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content[data-v-bbffadb8] {\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n}\n\n.m-backdrop.modal-anim-enter-active[data-v-bbffadb8],\n .m-backdrop.modal-anim-leave-active[data-v-bbffadb8] {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.modal-anim-enter-active .m-backdrop-content[data-v-bbffadb8], .m-backdrop.modal-anim-leave-active .m-backdrop-content[data-v-bbffadb8] {\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\n.m-backdrop.modal-anim-enter-from[data-v-bbffadb8],\n .m-backdrop.modal-anim-leave-to[data-v-bbffadb8] {\n opacity: 0;\n}\n\n.m-backdrop.modal-anim-enter-from .m-backdrop-content[data-v-bbffadb8], .m-backdrop.modal-anim-leave-to .m-backdrop-content[data-v-bbffadb8] {\n -webkit-transform: translateY(-25px);\n transform: translateY(-25px);\n}\n\n.m-backdrop.backdrop-anim-enter-active[data-v-bbffadb8],\n .m-backdrop.backdrop-anim-leave-active[data-v-bbffadb8] {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.backdrop-anim-enter-from[data-v-bbffadb8],\n .m-backdrop.backdrop-anim-leave-to[data-v-bbffadb8] {\n opacity: 0;\n}\n\n.m-backdrop[data-v-bbffadb8] {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\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 -webkit-backdrop-filter: blur(3px);\n backdrop-filter: blur(3px);\n z-index: 1050;\n}\n\n.m-backdrop-overlay[data-v-bbffadb8] {\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\n.m-backdrop-overlay[data-v-bbffadb8]:not(.--disabled) {\n cursor: pointer;\n}\n\n.m-backdrop-content[data-v-bbffadb8] {\n position: relative;\n z-index: 1;\n}\n\n.m-backdrop-content[data-v-bbffadb8]:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.m-backdrop.--bottom-sheet .m-backdrop-content[data-v-bbffadb8] {\n position: absolute;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n\n.m-backdrop.--fullscreen[data-v-bbffadb8] {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen[data-v-bbffadb8] {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n}\n\n.m-backdrop.--fullscreen.--center-top[data-v-bbffadb8] {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen.--center-top[data-v-bbffadb8] {\n padding-top: 7rem;\n }\n}\n\n.m-backdrop.--fullscreen .m-backdrop-content[data-v-bbffadb8] {\n position: relative;\n width: 100%;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen .m-backdrop-content[data-v-bbffadb8] {\n width: auto;\n }\n}\n\n/* purgecss end ignore */\n"),M.render=function(n,e,r,d,c,l){return t(),g(z,{to:"body",selector:n.selector},[x(_,{appear:"",name:n.transition,onAfterEnter:n.onBackdropAnimationEnter,onAfterLeave:n.onBackdropAnimationLeave},{default:y((function(){return[n.present?(t(),o("div",{key:0,class:a(["m-backdrop",{"--backdrop-present":n.present},n.backdropClass]),tabindex:"-1",role:"dialog"},[i("div",{class:a(["m-backdrop-overlay",{"--disabled":n.persistent}]),tabindex:"-1",onClick:e[0]||(e[0]=L((function(){return n.onBackdropClicked&&n.onBackdropClicked.apply(n,arguments)}),["self"]))},null,2),i("div",u({class:["m-backdrop-content",n.modalClass]},n.$attrs,{role:"document",tabindex:"0"}),[w(n.$slots,"default",{close:function(){return n.close()}})],16)],2)):m("",!0)]})),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["selector"])},M.__scopeId="data-v-bbffadb8";var Y={class:"m-dialog-layout"},V={key:0,class:"maz-my-0 maz-text-xl maz-font-semibold"},H={class:"m-dialog-layout-content"},R={key:0,class:"m-dialog-layout-footer"},U=n({props:{title:{type:String,default:void 0}},emits:["update:model-value"],setup:function(n){return function(e,r){return t(),g(M,u(e.$attrs,{transition:"modal-anim","onUpdate:modelValue":r[0]||(r[0]=function(n){return e.$emit("update:model-value",n)})}),{default:y((function(r){var d=r.close;return[i("div",Y,[i("div",{class:a(["m-dialog-layout-header",{"--has-title":e.$slots.title||n.title}])},[e.$slots.title||n.title?(t(),o("h2",V,[w(e.$slots,"title",{},(function(){return[E(S(n.title),1)]}))])):m("",!0),x(G,{color:"transparent",size:"mini",class:"m-dialog-layout-closebtn",onClick:d},{default:y((function(){return[x(A,{src:k("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-cursor-pointer"},null,8,["src"])]})),_:2},1032,["onClick"])],2),i("div",H,[w(e.$slots,"default")]),e.$slots.footer?(t(),o("div",R,[w(e.$slots,"footer")])):m("",!0)])]})),_:3},16)}}});I("/* purgecss start ignore */\n\n.m-dialog-layout[data-v-dab5bbf4] {\n border-radius: 0.5rem;\n background-color: var(--maz-color-bg);\n color: var(--maz-color-text);\n width: 500px;\n max-width: 95vw;\n}\n\n.m-dialog-layout-header[data-v-dab5bbf4] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n padding-top: 0.5rem;\n padding-right: 0.5rem;\n padding-left: 1.5rem;\n}\n\n.m-dialog-layout-header.--has-title[data-v-dab5bbf4] {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.m-dialog-layout-footer[data-v-dab5bbf4] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n padding-bottom: 1rem;\n}\n\n.m-dialog-layout-content[data-v-dab5bbf4] {\n padding: 1.5rem;\n}\n\n.m-dialog-layout-content-icon[data-v-dab5bbf4] {\n -ms-flex: 0 0 auto;\n -webkit-box-flex: 0;\n flex: 0 0 auto;\n}\n\n.m-dialog-layout-closebtn[data-v-dab5bbf4] {\n padding: 0.5rem !important;\n}\n\n/* purgecss end ignore */\n"),U.__scopeId="data-v-dab5bbf4";export{U as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{defineComponent as n,openBlock as t,createElementBlock as o,normalizeClass as e,pushScopeId as
|
|
1
|
+
import{defineComponent as n,openBlock as t,createElementBlock as o,normalizeClass as e,pushScopeId as a,popScopeId as r,createElementVNode as i,inject as c,ref as d,computed as l,onMounted as s,watch as b,mergeProps as u,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,Teleport as z,Transition as _,withModifiers as E,createTextVNode as L,toDisplayString as S}from"vue";var j=["width","height"],C=[function(n){return a("data-v-57af58bb"),n=n(),r(),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({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(a,r){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:e(["m-spinner","m-spinner--".concat(n.color)]),style:{"enable-background":"new 0 0 50 50"}},C,10,j)}}});function B(n,t){void 0===t&&(t={});var o=t.insertAt;if(n&&"undefined"!=typeof document){var e=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===o&&e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.styleSheet?a.styleSheet.cssText=n:a.appendChild(document.createTextNode(n))}}function O(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}B("/* purgecss start ignore */\n\n.m-spinner[data-v-57af58bb] {\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\n.m-spinner--primary[data-v-57af58bb] {\n color: var(--maz-color-primary);\n}\n\n.m-spinner--secondary[data-v-57af58bb] {\n color: var(--maz-color-secondary);\n}\n\n.m-spinner--info[data-v-57af58bb] {\n color: var(--maz-color-info);\n}\n\n.m-spinner--warning[data-v-57af58bb] {\n color: var(--maz-color-warning);\n}\n\n.m-spinner--danger[data-v-57af58bb] {\n color: var(--maz-color-danger);\n}\n\n.m-spinner--success[data-v-57af58bb] {\n color: var(--maz-color-success);\n}\n\n.m-spinner--black[data-v-57af58bb] {\n color: var(--maz-color-black);\n}\n\n.m-spinner--white[data-v-57af58bb] {\n color: var(--maz-color-white);\n}\n\n.m-spinner--transparent[data-v-57af58bb] {\n color: var(--maz-color-white);\n}\n\n/* purgecss end ignore */\n"),A.__scopeId="data-v-57af58bb";var T={exports:{}};!function(n){var t=function(n){var t,o=Object.prototype,e=o.hasOwnProperty,a="function"==typeof Symbol?Symbol:{},r=a.iterator||"@@iterator",i=a.asyncIterator||"@@asyncIterator",c=a.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 l(n,t,o,e){var a=t&&t.prototype instanceof v?t:v,r=Object.create(a.prototype),i=new j(e||[]);return r._invoke=function(n,t,o){var e=b;return function(a,r){if(e===m)throw new Error("Generator is already running");if(e===f){if("throw"===a)throw r;return A()}for(o.method=a,o.arg=r;;){var i=o.delegate;if(i){var c=E(i,o);if(c){if(c===p)continue;return c}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if(e===b)throw e=f,o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);e=m;var d=s(n,t,o);if("normal"===d.type){if(e=o.done?f:u,d.arg===p)continue;return{value:d.arg,done:o.done}}"throw"===d.type&&(e=f,o.method="throw",o.arg=d.arg)}}}(n,o,i),r}function s(n,t,o){try{return{type:"normal",arg:n.call(t,o)}}catch(n){return{type:"throw",arg:n}}}n.wrap=l;var b="suspendedStart",u="suspendedYield",m="executing",f="completed",p={};function v(){}function g(){}function h(){}var y={};d(y,r,(function(){return this}));var k=Object.getPrototypeOf,w=k&&k(k(C([])));w&&w!==o&&e.call(w,r)&&(y=w);var x=h.prototype=v.prototype=Object.create(y);function z(n){["next","throw","return"].forEach((function(t){d(n,t,(function(n){return this._invoke(t,n)}))}))}function _(n,t){function o(a,r,i,c){var d=s(n[a],n,r);if("throw"!==d.type){var l=d.arg,b=l.value;return b&&"object"==typeof b&&e.call(b,"__await")?t.resolve(b.__await).then((function(n){o("next",n,i,c)}),(function(n){o("throw",n,i,c)})):t.resolve(b).then((function(n){l.value=n,i(l)}),(function(n){return o("throw",n,i,c)}))}c(d.arg)}var a;this._invoke=function(n,e){function r(){return new t((function(t,a){o(n,e,t,a)}))}return a=a?a.then(r,r):r()}}function E(n,o){var e=n.iterator[o.method];if(e===t){if(o.delegate=null,"throw"===o.method){if(n.iterator.return&&(o.method="return",o.arg=t,E(n,o),"throw"===o.method))return p;o.method="throw",o.arg=new TypeError("The iterator does not provide a 'throw' method")}return p}var a=s(e,n.iterator,o.arg);if("throw"===a.type)return o.method="throw",o.arg=a.arg,o.delegate=null,p;var r=a.arg;return r?r.done?(o[n.resultName]=r.value,o.next=n.nextLoc,"return"!==o.method&&(o.method="next",o.arg=t),o.delegate=null,p):r:(o.method="throw",o.arg=new TypeError("iterator result is not an object"),o.delegate=null,p)}function L(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 j(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(L,this),this.reset(!0)}function C(n){if(n){var o=n[r];if(o)return o.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var a=-1,i=function o(){for(;++a<n.length;)if(e.call(n,a))return o.value=n[a],o.done=!1,o;return o.value=t,o.done=!0,o};return i.next=i}}return{next:A}}function A(){return{value:t,done:!0}}return g.prototype=h,d(x,"constructor",h),d(h,"constructor",g),g.displayName=d(h,c,"GeneratorFunction"),n.isGeneratorFunction=function(n){var t="function"==typeof n&&n.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},n.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,h):(n.__proto__=h,d(n,c,"GeneratorFunction")),n.prototype=Object.create(x),n},n.awrap=function(n){return{__await:n}},z(_.prototype),d(_.prototype,i,(function(){return this})),n.AsyncIterator=_,n.async=function(t,o,e,a,r){void 0===r&&(r=Promise);var i=new _(l(t,o,e,a),r);return n.isGeneratorFunction(o)?i:i.next().then((function(n){return n.done?n.value:i.next()}))},z(x),d(x,c,"Generator"),d(x,r,(function(){return this})),d(x,"toString",(function(){return"[object Generator]"})),n.keys=function(n){var t=[];for(var o in n)t.push(o);return t.reverse(),function o(){for(;t.length;){var e=t.pop();if(e in n)return o.value=e,o.done=!1,o}return o.done=!0,o}},n.values=C,j.prototype={constructor:j,reset:function(n){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(S),!n)for(var o in this)"t"===o.charAt(0)&&e.call(this,o)&&!isNaN(+o.slice(1))&&(this[o]=t)},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 o=this;function a(e,a){return c.type="throw",c.arg=n,o.next=e,a&&(o.method="next",o.arg=t),!!a}for(var r=this.tryEntries.length-1;r>=0;--r){var i=this.tryEntries[r],c=i.completion;if("root"===i.tryLoc)return a("end");if(i.tryLoc<=this.prev){var d=e.call(i,"catchLoc"),l=e.call(i,"finallyLoc");if(d&&l){if(this.prev<i.catchLoc)return a(i.catchLoc,!0);if(this.prev<i.finallyLoc)return a(i.finallyLoc)}else if(d){if(this.prev<i.catchLoc)return a(i.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return a(i.finallyLoc)}}}},abrupt:function(n,t){for(var o=this.tryEntries.length-1;o>=0;--o){var a=this.tryEntries[o];if(a.tryLoc<=this.prev&&e.call(a,"finallyLoc")&&this.prev<a.finallyLoc){var r=a;break}}r&&("break"===n||"continue"===n)&&r.tryLoc<=t&&t<=r.finallyLoc&&(r=null);var i=r?r.completion:{};return i.type=n,i.arg=t,r?(this.method="next",this.next=r.finallyLoc,p):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),p},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),p}},catch:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.tryLoc===n){var e=o.completion;if("throw"===e.type){var a=e.arg;S(o)}return a}}throw new Error("illegal catch attempt")},delegateYield:function(n,o,e){return this.delegate={iterator:C(n),resultName:o,nextLoc:e},"next"===this.method&&(this.arg=t),p}},n}(n.exports);try{regeneratorRuntime=t}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}}(T);var I=T.exports;
|
|
2
2
|
/*! *****************************************************************************
|
|
3
3
|
Copyright (c) Microsoft Corporation.
|
|
4
4
|
|
|
@@ -12,4 +12,4 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
|
12
12
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
13
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14
14
|
PERFORMANCE OF THIS SOFTWARE.
|
|
15
|
-
***************************************************************************** */function D(n,t,o,e){return new(o||(o=Promise))((function(r,a){function i(n){try{l(e.next(n))}catch(n){a(n)}}function c(n){try{l(e.throw(n))}catch(n){a(n)}}function l(n){var t;n.done?r(n.value):(t=n.value,t instanceof o?t:new o((function(n){n(t)}))).then(i,c)}l((e=e.apply(n,t||[])).next())}))}var I=["innerHTML"],M=n({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}},keepDuringLoading:{type:Boolean,default:!0}},emits:["loaded","unloaded","error"],setup:function(n,e){var r=this,a=e.emit,i=n,f={},v=l(),g=l(),h=function(n,t){var o=c(n,t);if(o)return o}("mazIconPath"),y=d((function(){var n;return null!==(n=i.path)&&void 0!==n?n:h})),k=d((function(){return i.src?i.src:y.value?"".concat(y.value,"/").concat(i.name,".svg"):"/".concat(i.name,".svg")}));s((function(){if(!i.name&&!i.src)throw new Error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');x(k.value)}));var w=function(n){var t=n.cloneNode(!0);return t=i.transformSource(n),i.title&&function(n,t){var o=n.getElementsByTagName("title");if(o.length)o[0].textContent=t;else{var e=document.createElementNS("http://www.w3.org/2000/svg","title");e.textContent=t,n.appendChild(e)}}(t,i.title),n.innerHTML},x=function(n){return D(r,void 0,void 0,$.mark((function t(){var o;return $.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return f[n]||(f[n]=z(n)),t.prev=1,t.next=4,f[n];case 4:return o=t.sent,v.value=o,t.next=8,p();case 8:a("loaded",g.value),t.next=16;break;case 11:t.prev=11,t.t0=t.catch(1),v.value&&(v.value=void 0,a("unloaded")),delete f[n],a("error",t.t0);case 16:case"end":return t.stop()}}),t,null,[[1,11]])})))},z=function(n){return new Promise((function(t,o){var e=new XMLHttpRequest;e.open("GET",n,!0),e.onload=function(){if(e.status>=200&&e.status<400)try{var n=(new DOMParser).parseFromString(e.responseText,"text/xml").getElementsByTagName("svg")[0];n?t(n):o(new Error('Loaded file is not valid SVG"'))}catch(n){o(n)}else o(new Error("Error loading SVG"))},e.onerror=o,e.send()}))};return u((function(){return i.src}),(function(){return x(k.value)})),function(e,r){return v.value?(t(),o("svg",b({key:0,ref_key:"svgElem",ref:g,width:"1em",height:"1em"},Object.assign(Object.assign({},function(n){var t={},o=n.attributes;if(!o)return t;for(var e=o.length-1;e>=0;e--)t[o[e].name]=o[e].value;return t}(v.value)),(a=e.$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:w(v.value)}),null,16,I)):m("",!0);var a}}}),F={key:0,class:"m-btn__icon-left"},N={class:"maz-flex maz-flex-center"},P={key:1,class:"m-btn__icon-right"},G=n({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}},setup:function(n){var r=n,a=f(),c=a.href,l=a.to,s=v(),u=d((function(){return c?"a":l?"router-link":"button"})),p=d((function(){return r.pastel?"--".concat(r.color,"-pastel"):r.outline||r.loading?"--".concat(r.color,"-outline"):"--".concat(r.color)})),z=d((function(){return(r.loading||r.disabled)&&"button"===u.value})),_=d((function(){return z.value?"--cursor-default":"--cursor-pointer"})),E=d((function(){return"--is-".concat(r.variant)})),L=d((function(){return"--".concat(r.color)})),S=d((function(){return["white"].includes(r.color)?"black":"white"})),j=d((function(){return r.loading&&"button"===r.variant})),C=d((function(){return!!s["left-icon"]||r.leftIcon})),B=d((function(){return!!s["right-icon"]||r.rightIcon})),O=d((function(){return C.value||B.value})),T=d((function(){return"button"===u.value?r.type:void 0}));return function(r,a){return t(),g(h(y(u)),b(r.$attrs,{disabled:y(z),class:["m-btn",["--".concat(n.size),y(p),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(O),"--rounded":n.rounded,"--no-padding":n.noPadding}]],type:y(T)}),{default:k((function(){return[y(C)?(t(),o("div",F,[w(r.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g(M,{key:0,name:n.leftIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),i("span",N,[w(r.$slots,"default")]),y(B)?(t(),o("div",P,[w(r.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g(M,{key:0,name:n.rightIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),y(j)?(t(),o("div",{key:2,class:e(["m-btn__loading-wrapper",y(L)])},[x(A,{size:"2em",color:y(S)},null,8,["color"])],2)):m("",!0)]})),_:3},16,["disabled","class","type"])}}});B("/* purgecss start ignore */\n\n.m-btn[data-v-17e65bda] {\n border-width: 2px;\n border-style: solid;\n border-color: transparent;\n text-align: center;\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.m-btn span[data-v-17e65bda] {\n line-height: 1;\n}\n\n.m-btn__icon-left[data-v-17e65bda] {\n margin-right: 0.5rem;\n margin-left: -0.25rem;\n line-height: 1;\n}\n\n.m-btn__icon-right[data-v-17e65bda] {\n margin-right: -0.25rem;\n margin-left: 0.5rem;\n line-height: 1;\n}\n\n.m-btn.--cursor-pointer[data-v-17e65bda] {\n cursor: pointer;\n}\n\n.m-btn.--cursor-default[data-v-17e65bda] {\n cursor: default;\n}\n\n.m-btn.--is-link[data-v-17e65bda] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: transparent;\n color: var(--maz-color-text);\n outline: 2px solid transparent;\n outline-offset: 2px;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-link[data-v-17e65bda]:not(.--no-leading) {\n line-height: 2.25rem;\n}\n\n.m-btn.--is-link[data-v-17e65bda]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-17e65bda]:not(:disabled):focus:not(.--no-underline) {\n text-decoration: underline;\n}\n\n.m-btn.--is-link.--secondary[data-v-17e65bda] {\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-link.--info[data-v-17e65bda] {\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-link.--warning[data-v-17e65bda] {\n color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-link.--danger[data-v-17e65bda] {\n color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-link.--success[data-v-17e65bda] {\n color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-link.--white[data-v-17e65bda] {\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-link.--black[data-v-17e65bda] {\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button[data-v-17e65bda] {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n overflow: hidden;\n border-radius: 0.5rem;\n border-color: transparent;\n background-color: transparent;\n font-family: var(--maz-font-family);\n font-weight: 500;\n text-decoration: none;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 300ms;\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-button.--rounded[data-v-17e65bda] {\n border-radius: 9999px;\n}\n\n.m-btn.--is-button.--xl[data-v-17e65bda] {\n padding-left: 2rem;\n padding-right: 2rem;\n font-size: 1.25rem;\n line-height: 1.75rem;\n padding-top: 1.325rem;\n padding-bottom: 1.325rem;\n}\n\n.m-btn.--is-button.--lg[data-v-17e65bda] {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n font-size: 1.125rem;\n line-height: 1.75rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.m-btn.--is-button.--md[data-v-17e65bda] {\n padding-left: 1rem;\n padding-right: 1rem;\n font-size: 1rem;\n line-height: 1.5rem;\n padding-top: 0.88rem;\n padding-bottom: 0.88rem;\n}\n\n.m-btn.--is-button.--sm[data-v-17e65bda] {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n\n.m-btn.--is-button.--xs[data-v-17e65bda] {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.3rem;\n padding-bottom: 0.3rem;\n}\n\n.m-btn.--is-button.--mini[data-v-17e65bda] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n font-size: 0.75rem;\n line-height: 1rem;\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n}\n\n.m-btn.--is-button.--icon[data-v-17e65bda] {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.m-btn.--is-button[data-v-17e65bda] {\n -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n\n/* Not disabled */\n\n.m-btn.--is-button[data-v-17e65bda]:not(.--disabled):hover, .m-btn.--is-button[data-v-17e65bda]:not(.--disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n}\n\n/* Fab */\n\n.m-btn.--is-button.--fab[data-v-17e65bda] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 3rem;\n width: 3rem;\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 border-radius: 9999px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: 0px;\n}\n\n.m-btn.--is-button.--block[data-v-17e65bda] {\n width: 100%;\n}\n\n.m-btn.--is-button.--primary[data-v-17e65bda] {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--primary[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary-600);\n}\n\n.m-btn.--is-button.--secondary[data-v-17e65bda] {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--secondary[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary-600);\n}\n\n.m-btn.--is-button.--info[data-v-17e65bda] {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--info[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info-600);\n}\n\n.m-btn.--is-button.--success[data-v-17e65bda] {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--success[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-button.--warning[data-v-17e65bda] {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--warning[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-button.--danger[data-v-17e65bda] {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-button.--white[data-v-17e65bda] {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--white[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white[data-v-17e65bda]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(209, 213, 219, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--black[data-v-17e65bda] {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n.m-btn.--is-button.--black[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black[data-v-17e65bda]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(31, 41, 55, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--transparent[data-v-17e65bda] {\n background-color: transparent;\n}\n\n.m-btn.--is-button.--transparent[data-v-17e65bda]:not(:disabled):hover,\n .m-btn.--is-button.--transparent[data-v-17e65bda]:not(:disabled):focus {\n background-color: rgb(0 0 0 / 20%);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-17e65bda] {\n border-color: var(--maz-color-primary);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-17e65bda] {\n border-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--info-outline[data-v-17e65bda] {\n border-color: var(--maz-color-info);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--success-outline[data-v-17e65bda] {\n border-color: var(--maz-color-success);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-17e65bda] {\n border-color: var(--maz-color-danger);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-17e65bda] {\n border-color: var(--maz-color-warning);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-17e65bda] {\n border-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--black-outline[data-v-17e65bda] {\n border-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-primary-50);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-secondary-50);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-info-50);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-success-50);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-danger-50);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger-contrast);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-warning-50);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-17e65bda] {\n --tw-bg-opacity: 1;\n background-color: rgba(243, 244, 246, var(--tw-bg-opacity));\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-17e65bda] {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n/* Disabled */\n\n.m-btn.--is-button.--disabled[data-v-17e65bda] {\n cursor: not-allowed;\n background-color: var(--maz-color-bg-light);\n --tw-text-opacity: 1;\n color: rgba(156, 163, 175, var(--tw-text-opacity));\n}\n\n.m-btn.--is-button.--no-padding[data-v-17e65bda] {\n padding: 0px;\n}\n\n/* Loader */\n\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-17e65bda] {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-17e65bda] {\n background-color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-17e65bda] {\n background-color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-17e65bda] {\n background-color: var(--maz-color-info);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-17e65bda] {\n background-color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-17e65bda] {\n background-color: var(--maz-color-success);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-17e65bda] {\n background-color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-17e65bda] {\n background-color: var(--maz-color-white);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-17e65bda] {\n background-color: var(--maz-color-black);\n}\n\n/* purgecss end ignore */\n"),G.__scopeId="data-v-17e65bda";var Y=n({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!0},selector:{type:String,default:"#modals-container"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},backdropClass:{type:[Array,String,Object],default:function(){return[]}},transition:{type:String,default:"backdrop-anim"},escKey:{type:Boolean,default:!0},zOffset:{type:Number,default:20},defaultZIndex:{type:Number,default:1050},modalClass:{type:String,default:void 0}},emits:["open","close","update:model-value"],setup:function(n,t){var o=t.emit,e=l(n.modelValue),r=function(n){return e.value=n},a=function(){return r(!0)},i=function(){return r(!1)},c=function(t){for(var o=n.beforeClose?n.beforeClose:function(){return!0},e=arguments.length,r=new Array(e>1?e-1:0),c=1;c<e;c++)r[c-1]=arguments[c];t?a():n.beforeClose&&!1!==o.apply(void 0,r)||i()},d=function(t){n.escKey&&"Escape"===t.code&&(n.persistent||c(!1))};return u((function(){return n.modelValue}),(function(n){e.value=n,n?(document.documentElement.classList.add("--backdrop-present"),window.addEventListener("keyup",d,!1)):(window.removeEventListener("keyup",d),document.documentElement.classList.remove("--backdrop-present"))})),{present:e,openModal:a,close:i,onBackdropClicked:function(){n.persistent||c(!1)},onBackdropAnimationEnter:function(){o("open")},onBackdropAnimationLeave:function(){o("update:model-value",!1),o("close")},toggleModal:c}}});B("/* purgecss start ignore */\n\n/* stylelint-disable no-descending-specificity */\n\nhtml.--backdrop-present {\n overflow-y: hidden;\n height: 100vh;\n}\n\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\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\n.m-backdrop.bottom-sheet-anim-enter-from,\n .m-backdrop.bottom-sheet-anim-leave-to {\n opacity: 0;\n}\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\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\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\n.m-backdrop.modal-anim-enter-from,\n .m-backdrop.modal-anim-leave-to {\n opacity: 0;\n}\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\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\n.m-backdrop.backdrop-anim-enter-from,\n .m-backdrop.backdrop-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\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 -webkit-backdrop-filter: blur(3px);\n backdrop-filter: blur(3px);\n z-index: 1050;\n}\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\n.m-backdrop-overlay:not(.--disabled) {\n cursor: pointer;\n}\n\n.m-backdrop-content {\n position: relative;\n z-index: 1;\n}\n\n.m-backdrop-content:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.m-backdrop.--bottom-sheet .m-backdrop-content {\n position: absolute;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n\n.m-backdrop.--fullscreen {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\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\n.m-backdrop.--fullscreen.--center-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen.--center-top {\n padding-top: 7rem;\n }\n}\n\n.m-backdrop.--fullscreen .m-backdrop-content {\n position: relative;\n width: 100%;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen .m-backdrop-content {\n width: auto;\n }\n}\n\n/* purgecss end ignore */\n"),Y.render=function(n,r,a,c,l,d){return t(),g(z,{to:"body",selector:n.selector},[x(_,{appear:"",name:n.transition,onAfterEnter:n.onBackdropAnimationEnter,onAfterLeave:n.onBackdropAnimationLeave},{default:k((function(){return[n.present?(t(),o("div",{key:0,class:e(["m-backdrop",{"--backdrop-present":n.present},n.backdropClass]),tabindex:"-1",role:"dialog"},[i("div",{class:e(["m-backdrop-overlay",{"--disabled":n.persistent}]),tabindex:"-1",onClick:r[0]||(r[0]=E((function(){return n.onBackdropClicked&&n.onBackdropClicked.apply(n,arguments)}),["self"]))},null,2),i("div",b({class:["m-backdrop-content",n.modalClass]},n.$attrs,{role:"document",tabindex:"0"}),[w(n.$slots,"default",{close:function(){return n.close()}})],16)],2)):m("",!0)]})),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["selector"])};var V={class:"m-dialog-layout"},H={key:0,class:"maz-my-0 maz-text-xl maz-font-semibold"},U={class:"m-dialog-layout-content"},R={key:0,class:"m-dialog-layout-footer"},q=n({props:{title:{type:String,default:void 0}},emits:["update:model-value"],setup:function(n){return function(r,a){return t(),g(Y,b(r.$attrs,{transition:"modal-anim","onUpdate:modelValue":a[0]||(a[0]=function(n){return r.$emit("update:model-value",n)})}),{default:k((function(a){var c=a.close;return[i("div",V,[i("div",{class:e(["m-dialog-layout-header",{"--has-title":r.$slots.title||n.title}])},[r.$slots.title||n.title?(t(),o("h2",H,[w(r.$slots,"title",{},(function(){return[L(S(n.title),1)]}))])):m("",!0),x(G,{color:"transparent",size:"mini",class:"m-dialog-layout-closebtn",onClick:c},{default:k((function(){return[x(M,{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-cursor-pointer"},null,8,["src"])]})),_:2},1032,["onClick"])],2),i("div",U,[w(r.$slots,"default")]),r.$slots.footer?(t(),o("div",R,[w(r.$slots,"footer")])):m("",!0)])]})),_:3},16)}}});B("/* purgecss start ignore */\n\n.m-dialog-layout[data-v-dab5bbf4] {\n border-radius: 0.5rem;\n background-color: var(--maz-color-bg);\n color: var(--maz-color-text);\n width: 500px;\n max-width: 95vw;\n}\n\n.m-dialog-layout-header[data-v-dab5bbf4] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n padding-top: 0.5rem;\n padding-right: 0.5rem;\n padding-left: 1.5rem;\n}\n\n.m-dialog-layout-header.--has-title[data-v-dab5bbf4] {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.m-dialog-layout-footer[data-v-dab5bbf4] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n padding-bottom: 1rem;\n}\n\n.m-dialog-layout-content[data-v-dab5bbf4] {\n padding: 1.5rem;\n}\n\n.m-dialog-layout-content-icon[data-v-dab5bbf4] {\n -ms-flex: 0 0 auto;\n -webkit-box-flex: 0;\n flex: 0 0 auto;\n}\n\n.m-dialog-layout-closebtn[data-v-dab5bbf4] {\n padding: 0.5rem !important;\n}\n\n/* purgecss end ignore */\n"),q.__scopeId="data-v-dab5bbf4";var K,W={exports:{}},X={exports:{}},Z={exports:{}};(K=Z).exports=function(n,t){(null==t||t>n.length)&&(t=n.length);for(var o=0,e=new Array(t);o<t;o++)e[o]=n[o];return e},K.exports.__esModule=!0,K.exports.default=K.exports,function(n){var t=Z.exports;n.exports=function(n){if(Array.isArray(n))return t(n)},n.exports.__esModule=!0,n.exports.default=n.exports}(X);var J={exports:{}};!function(n){n.exports=function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)},n.exports.__esModule=!0,n.exports.default=n.exports}(J);var Q={exports:{}};!function(n){var t=Z.exports;n.exports=function(n,o){if(n){if("string"==typeof n)return t(n,o);var e=Object.prototype.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?t(n,o):void 0}},n.exports.__esModule=!0,n.exports.default=n.exports}(Q);var nn={exports:{}};!function(n){n.exports=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.")},n.exports.__esModule=!0,n.exports.default=n.exports}(nn),function(n){var t=X.exports,o=J.exports,e=Q.exports,r=nn.exports;n.exports=function(n){return t(n)||o(n)||e(n)||r()},n.exports.__esModule=!0,n.exports.default=n.exports}(W);var tn=O(W.exports),on=l(),en=l([]),rn=function(n,t){return new Promise((function(o,e){en.value=[].concat(tn(en.value),[{id:n,isActive:!0,resolve:function(){return D(void 0,void 0,void 0,$.mark((function n(){return $.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)})))},reject:e}])}))},an=function(n){return en.value=en.value.filter((function(t){return t.id!==n})),en.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))},dn=function(){return{confirmDialogData:on,dialogState:en,showDialogAndWaitChoice:rn,removeDialogFromState:an,rejectDialog:cn,resolveDialog:ln}},sn={class:"maz-space-x-2"},un=n({props:{data:{type:Object,default:void 0},identifier:{type:String,required:!0}},setup:function(n){var o=n,e=dn(),r=e.dialogState,a=e.rejectDialog,c=e.resolveDialog,l=d((function(){return r.value.find((function(n){return n.id===o.identifier}))}));return function(o,e){var r;return y(l)?(t(),g(q,b({key:0},o.$attrs,{"model-value":null===(r=y(l))||void 0===r?void 0:r.isActive,"onUpdate:modelValue":e[2]||(e[2]=function(n){return y(a)(y(l))})}),{title:k((function(){return[w(o.$slots,"title",{},(function(){var t;return[L(S(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(S(null===(t=n.data)||void 0===t?void 0:t.message),1)]}))]})),footer:k((function(){return[i("div",sn,[x(G,{color:"danger",outline:"",onClick:e[0]||(e[0]=function(n){return y(a)(y(l))})},{default:k((function(){return[w(o.$slots,"confirm-text",{},(function(){var t;return[L(S((null===(t=n.data)||void 0===t?void 0:t.confirmText)||"Cancel"),1)]}))]})),_:3}),x(G,{color:"success",onClick:e[1]||(e[1]=function(n){return y(c)(y(l))})},{default:k((function(){return[w(o.$slots,"cancel-text",{},(function(){var t;return[L(S((null===(t=n.data)||void 0===t?void 0:t.cancelText)||"Confirm"),1)]}))]})),_:3})])]})),_:3},16,["model-value"])):m("",!0)}}});export{un as default,dn as useMazDialogPromise};
|
|
15
|
+
***************************************************************************** */function $(n,t,o,e){return new(o||(o=Promise))((function(a,r){function i(n){try{d(e.next(n))}catch(n){r(n)}}function c(n){try{d(e.throw(n))}catch(n){r(n)}}function d(n){var t;n.done?a(n.value):(t=n.value,t instanceof o?t:new o((function(n){n(t)}))).then(i,c)}d((e=e.apply(n,t||[])).next())}))}var D=["innerHTML"],M=n({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}},keepDuringLoading:{type:Boolean,default:!0}},emits:["loaded","unloaded","error"],setup:function(n,e){var a=this,r=e.emit,i=n,p={},v=d(),g=d(),h=function(n,t){var o=c(n,t);if(o)return o}("mazIconPath"),y=l((function(){var n;return null!==(n=i.path)&&void 0!==n?n:h})),k=l((function(){return i.src?i.src:y.value?"".concat(y.value,"/").concat(i.name,".svg"):"/".concat(i.name,".svg")}));s((function(){if(!i.name&&!i.src)throw new Error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');x(k.value)}));var w=function(n){var t=n.cloneNode(!0);return t=i.transformSource(n),i.title&&function(n,t){var o=n.getElementsByTagName("title");if(o.length)o[0].textContent=t;else{var e=document.createElementNS("http://www.w3.org/2000/svg","title");e.textContent=t,n.appendChild(e)}}(t,i.title),n.innerHTML},x=function(n){return $(a,void 0,void 0,I.mark((function t(){var o;return I.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return p[n]||(p[n]=z(n)),t.prev=1,t.next=4,p[n];case 4:return o=t.sent,v.value=o,t.next=8,f();case 8:r("loaded",g.value),t.next=16;break;case 11:t.prev=11,t.t0=t.catch(1),v.value&&(v.value=void 0,r("unloaded")),delete p[n],r("error",t.t0);case 16:case"end":return t.stop()}}),t,null,[[1,11]])})))},z=function(n){return new Promise((function(t,o){var e=new XMLHttpRequest;e.open("GET",n,!0),e.onload=function(){if(e.status>=200&&e.status<400)try{var n=(new DOMParser).parseFromString(e.responseText,"text/xml").getElementsByTagName("svg")[0];n?t(n):o(new Error('Loaded file is not valid SVG"'))}catch(n){o(n)}else o(new Error("Error loading SVG"))},e.onerror=o,e.send()}))};return b((function(){return i.src}),(function(){return x(k.value)})),function(e,a){return v.value?(t(),o("svg",u({key:0,ref_key:"svgElem",ref:g,width:"1em",height:"1em"},Object.assign(Object.assign({},function(n){var t={},o=n.attributes;if(!o)return t;for(var e=o.length-1;e>=0;e--)t[o[e].name]=o[e].value;return t}(v.value)),(r=e.$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:w(v.value)}),null,16,D)):m("",!0);var r}}}),F={key:0,class:"m-btn__icon-left"},N={class:"maz-flex maz-flex-center"},P={key:1,class:"m-btn__icon-right"},G=n({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}},setup:function(n){var a=n,r=p(),c=r.href,d=r.to,s=v(),b=l((function(){return c?"a":d?"router-link":"button"})),f=l((function(){return a.pastel?"--".concat(a.color,"-pastel"):a.outline||a.loading?"--".concat(a.color,"-outline"):"--".concat(a.color)})),z=l((function(){return(a.loading||a.disabled)&&"button"===b.value})),_=l((function(){return z.value?"--cursor-default":"--cursor-pointer"})),E=l((function(){return"--is-".concat(a.variant)})),L=l((function(){return"--".concat(a.color)})),S=l((function(){return["white"].includes(a.color)?"black":"white"})),j=l((function(){return a.loading&&"button"===a.variant})),C=l((function(){return!!s["left-icon"]||a.leftIcon})),B=l((function(){return!!s["right-icon"]||a.rightIcon})),O=l((function(){return C.value||B.value})),T=l((function(){return"button"===b.value?a.type:void 0}));return function(a,r){return t(),g(h(y(b)),u(a.$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(O),"--rounded":n.rounded,"--no-padding":n.noPadding}]],type:y(T)}),{default:k((function(){return[y(C)?(t(),o("div",F,[w(a.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g(M,{key:0,name:n.leftIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),i("span",N,[w(a.$slots,"default")]),y(B)?(t(),o("div",P,[w(a.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g(M,{key:0,name:n.rightIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),y(j)?(t(),o("div",{key:2,class:e(["m-btn__loading-wrapper",y(L)])},[x(A,{size:"2em",color:y(S)},null,8,["color"])],2)):m("",!0)]})),_:3},16,["disabled","class","type"])}}});B("/* purgecss start ignore */\n\n.m-btn[data-v-17e65bda] {\n border-width: 2px;\n border-style: solid;\n border-color: transparent;\n text-align: center;\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.m-btn span[data-v-17e65bda] {\n line-height: 1;\n}\n\n.m-btn__icon-left[data-v-17e65bda] {\n margin-right: 0.5rem;\n margin-left: -0.25rem;\n line-height: 1;\n}\n\n.m-btn__icon-right[data-v-17e65bda] {\n margin-right: -0.25rem;\n margin-left: 0.5rem;\n line-height: 1;\n}\n\n.m-btn.--cursor-pointer[data-v-17e65bda] {\n cursor: pointer;\n}\n\n.m-btn.--cursor-default[data-v-17e65bda] {\n cursor: default;\n}\n\n.m-btn.--is-link[data-v-17e65bda] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: transparent;\n color: var(--maz-color-text);\n outline: 2px solid transparent;\n outline-offset: 2px;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-link[data-v-17e65bda]:not(.--no-leading) {\n line-height: 2.25rem;\n}\n\n.m-btn.--is-link[data-v-17e65bda]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-17e65bda]:not(:disabled):focus:not(.--no-underline) {\n text-decoration: underline;\n}\n\n.m-btn.--is-link.--secondary[data-v-17e65bda] {\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-link.--info[data-v-17e65bda] {\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-link.--warning[data-v-17e65bda] {\n color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-link.--danger[data-v-17e65bda] {\n color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-link.--success[data-v-17e65bda] {\n color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-link.--white[data-v-17e65bda] {\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-link.--black[data-v-17e65bda] {\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button[data-v-17e65bda] {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n overflow: hidden;\n border-radius: 0.5rem;\n border-color: transparent;\n background-color: transparent;\n font-family: var(--maz-font-family);\n font-weight: 500;\n text-decoration: none;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 300ms;\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-button.--rounded[data-v-17e65bda] {\n border-radius: 9999px;\n}\n\n.m-btn.--is-button.--xl[data-v-17e65bda] {\n padding-left: 2rem;\n padding-right: 2rem;\n font-size: 1.25rem;\n line-height: 1.75rem;\n padding-top: 1.325rem;\n padding-bottom: 1.325rem;\n}\n\n.m-btn.--is-button.--lg[data-v-17e65bda] {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n font-size: 1.125rem;\n line-height: 1.75rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.m-btn.--is-button.--md[data-v-17e65bda] {\n padding-left: 1rem;\n padding-right: 1rem;\n font-size: 1rem;\n line-height: 1.5rem;\n padding-top: 0.88rem;\n padding-bottom: 0.88rem;\n}\n\n.m-btn.--is-button.--sm[data-v-17e65bda] {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n\n.m-btn.--is-button.--xs[data-v-17e65bda] {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.3rem;\n padding-bottom: 0.3rem;\n}\n\n.m-btn.--is-button.--mini[data-v-17e65bda] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n font-size: 0.75rem;\n line-height: 1rem;\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n}\n\n.m-btn.--is-button.--icon[data-v-17e65bda] {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.m-btn.--is-button[data-v-17e65bda] {\n -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n\n/* Not disabled */\n\n.m-btn.--is-button[data-v-17e65bda]:not(.--disabled):hover, .m-btn.--is-button[data-v-17e65bda]:not(.--disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n}\n\n/* Fab */\n\n.m-btn.--is-button.--fab[data-v-17e65bda] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 3rem;\n width: 3rem;\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 border-radius: 9999px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: 0px;\n}\n\n.m-btn.--is-button.--block[data-v-17e65bda] {\n width: 100%;\n}\n\n.m-btn.--is-button.--primary[data-v-17e65bda] {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--primary[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary-600);\n}\n\n.m-btn.--is-button.--secondary[data-v-17e65bda] {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--secondary[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary-600);\n}\n\n.m-btn.--is-button.--info[data-v-17e65bda] {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--info[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info-600);\n}\n\n.m-btn.--is-button.--success[data-v-17e65bda] {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--success[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-button.--warning[data-v-17e65bda] {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--warning[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-button.--danger[data-v-17e65bda] {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-button.--white[data-v-17e65bda] {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--white[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white[data-v-17e65bda]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(209, 213, 219, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--black[data-v-17e65bda] {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n.m-btn.--is-button.--black[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black[data-v-17e65bda]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(31, 41, 55, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--transparent[data-v-17e65bda] {\n background-color: transparent;\n}\n\n.m-btn.--is-button.--transparent[data-v-17e65bda]:not(:disabled):hover,\n .m-btn.--is-button.--transparent[data-v-17e65bda]:not(:disabled):focus {\n background-color: rgb(0 0 0 / 20%);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-17e65bda] {\n border-color: var(--maz-color-primary);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-17e65bda] {\n border-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--info-outline[data-v-17e65bda] {\n border-color: var(--maz-color-info);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--success-outline[data-v-17e65bda] {\n border-color: var(--maz-color-success);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-17e65bda] {\n border-color: var(--maz-color-danger);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-17e65bda] {\n border-color: var(--maz-color-warning);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-17e65bda] {\n border-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--black-outline[data-v-17e65bda] {\n border-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-primary-50);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-secondary-50);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-info-50);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-success-50);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-danger-50);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger-contrast);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-warning-50);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-17e65bda] {\n --tw-bg-opacity: 1;\n background-color: rgba(243, 244, 246, var(--tw-bg-opacity));\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-17e65bda] {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n/* Disabled */\n\n.m-btn.--is-button.--disabled[data-v-17e65bda] {\n cursor: not-allowed;\n background-color: var(--maz-color-bg-light);\n --tw-text-opacity: 1;\n color: rgba(156, 163, 175, var(--tw-text-opacity));\n}\n\n.m-btn.--is-button.--no-padding[data-v-17e65bda] {\n padding: 0px;\n}\n\n/* Loader */\n\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-17e65bda] {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-17e65bda] {\n background-color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-17e65bda] {\n background-color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-17e65bda] {\n background-color: var(--maz-color-info);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-17e65bda] {\n background-color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-17e65bda] {\n background-color: var(--maz-color-success);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-17e65bda] {\n background-color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-17e65bda] {\n background-color: var(--maz-color-white);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-17e65bda] {\n background-color: var(--maz-color-black);\n}\n\n/* purgecss end ignore */\n"),G.__scopeId="data-v-17e65bda";var Y=n({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!0},selector:{type:String,default:"#modals-container"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},backdropClass:{type:[Array,String,Object],default:function(){return[]}},transition:{type:String,default:"backdrop-anim"},escKey:{type:Boolean,default:!0},zOffset:{type:Number,default:20},defaultZIndex:{type:Number,default:1050},modalClass:{type:String,default:void 0}},emits:["open","close","update:model-value"],setup:function(n,t){var o=t.emit,e=d(n.modelValue),a=function(n){return e.value=n},r=function(){return a(!0)},i=function(){return a(!1)},c=function(t){for(var o=n.beforeClose?n.beforeClose:function(){return!0},e=arguments.length,a=new Array(e>1?e-1:0),c=1;c<e;c++)a[c-1]=arguments[c];t?r():n.beforeClose&&!1!==o.apply(void 0,a)||i()},l=function(t){n.escKey&&"Escape"===t.code&&(n.persistent||c(!1))};return b((function(){return n.modelValue}),(function(n){e.value=n,n?(document.documentElement.classList.add("--backdrop-present"),window.addEventListener("keyup",l,!1)):(window.removeEventListener("keyup",l),document.documentElement.classList.remove("--backdrop-present"))})),{present:e,openModal:r,close:i,onBackdropClicked:function(){n.persistent||c(!1)},onBackdropAnimationEnter:function(){o("open")},onBackdropAnimationLeave:function(){o("update:model-value",!1),o("close")},toggleModal:c}}});B("/* purgecss start ignore */\n\n/* stylelint-disable no-descending-specificity */\n\nhtml.--backdrop-present[data-v-bbffadb8] {\n overflow-y: hidden;\n height: 100vh;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active[data-v-bbffadb8],\n .m-backdrop.bottom-sheet-anim-leave-active[data-v-bbffadb8] {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content[data-v-bbffadb8], .m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content[data-v-bbffadb8] {\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\n.m-backdrop.bottom-sheet-anim-enter-from[data-v-bbffadb8],\n .m-backdrop.bottom-sheet-anim-leave-to[data-v-bbffadb8] {\n opacity: 0;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content[data-v-bbffadb8], .m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content[data-v-bbffadb8] {\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n}\n\n.m-backdrop.modal-anim-enter-active[data-v-bbffadb8],\n .m-backdrop.modal-anim-leave-active[data-v-bbffadb8] {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.modal-anim-enter-active .m-backdrop-content[data-v-bbffadb8], .m-backdrop.modal-anim-leave-active .m-backdrop-content[data-v-bbffadb8] {\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\n.m-backdrop.modal-anim-enter-from[data-v-bbffadb8],\n .m-backdrop.modal-anim-leave-to[data-v-bbffadb8] {\n opacity: 0;\n}\n\n.m-backdrop.modal-anim-enter-from .m-backdrop-content[data-v-bbffadb8], .m-backdrop.modal-anim-leave-to .m-backdrop-content[data-v-bbffadb8] {\n -webkit-transform: translateY(-25px);\n transform: translateY(-25px);\n}\n\n.m-backdrop.backdrop-anim-enter-active[data-v-bbffadb8],\n .m-backdrop.backdrop-anim-leave-active[data-v-bbffadb8] {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.backdrop-anim-enter-from[data-v-bbffadb8],\n .m-backdrop.backdrop-anim-leave-to[data-v-bbffadb8] {\n opacity: 0;\n}\n\n.m-backdrop[data-v-bbffadb8] {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\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 -webkit-backdrop-filter: blur(3px);\n backdrop-filter: blur(3px);\n z-index: 1050;\n}\n\n.m-backdrop-overlay[data-v-bbffadb8] {\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\n.m-backdrop-overlay[data-v-bbffadb8]:not(.--disabled) {\n cursor: pointer;\n}\n\n.m-backdrop-content[data-v-bbffadb8] {\n position: relative;\n z-index: 1;\n}\n\n.m-backdrop-content[data-v-bbffadb8]:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.m-backdrop.--bottom-sheet .m-backdrop-content[data-v-bbffadb8] {\n position: absolute;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n\n.m-backdrop.--fullscreen[data-v-bbffadb8] {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen[data-v-bbffadb8] {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n}\n\n.m-backdrop.--fullscreen.--center-top[data-v-bbffadb8] {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen.--center-top[data-v-bbffadb8] {\n padding-top: 7rem;\n }\n}\n\n.m-backdrop.--fullscreen .m-backdrop-content[data-v-bbffadb8] {\n position: relative;\n width: 100%;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen .m-backdrop-content[data-v-bbffadb8] {\n width: auto;\n }\n}\n\n/* purgecss end ignore */\n"),Y.render=function(n,a,r,c,d,l){return t(),g(z,{to:"body",selector:n.selector},[x(_,{appear:"",name:n.transition,onAfterEnter:n.onBackdropAnimationEnter,onAfterLeave:n.onBackdropAnimationLeave},{default:k((function(){return[n.present?(t(),o("div",{key:0,class:e(["m-backdrop",{"--backdrop-present":n.present},n.backdropClass]),tabindex:"-1",role:"dialog"},[i("div",{class:e(["m-backdrop-overlay",{"--disabled":n.persistent}]),tabindex:"-1",onClick:a[0]||(a[0]=E((function(){return n.onBackdropClicked&&n.onBackdropClicked.apply(n,arguments)}),["self"]))},null,2),i("div",u({class:["m-backdrop-content",n.modalClass]},n.$attrs,{role:"document",tabindex:"0"}),[w(n.$slots,"default",{close:function(){return n.close()}})],16)],2)):m("",!0)]})),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["selector"])},Y.__scopeId="data-v-bbffadb8";var V={class:"m-dialog-layout"},H={key:0,class:"maz-my-0 maz-text-xl maz-font-semibold"},U={class:"m-dialog-layout-content"},R={key:0,class:"m-dialog-layout-footer"},q=n({props:{title:{type:String,default:void 0}},emits:["update:model-value"],setup:function(n){return function(a,r){return t(),g(Y,u(a.$attrs,{transition:"modal-anim","onUpdate:modelValue":r[0]||(r[0]=function(n){return a.$emit("update:model-value",n)})}),{default:k((function(r){var c=r.close;return[i("div",V,[i("div",{class:e(["m-dialog-layout-header",{"--has-title":a.$slots.title||n.title}])},[a.$slots.title||n.title?(t(),o("h2",H,[w(a.$slots,"title",{},(function(){return[L(S(n.title),1)]}))])):m("",!0),x(G,{color:"transparent",size:"mini",class:"m-dialog-layout-closebtn",onClick:c},{default:k((function(){return[x(M,{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-cursor-pointer"},null,8,["src"])]})),_:2},1032,["onClick"])],2),i("div",U,[w(a.$slots,"default")]),a.$slots.footer?(t(),o("div",R,[w(a.$slots,"footer")])):m("",!0)])]})),_:3},16)}}});B("/* purgecss start ignore */\n\n.m-dialog-layout[data-v-dab5bbf4] {\n border-radius: 0.5rem;\n background-color: var(--maz-color-bg);\n color: var(--maz-color-text);\n width: 500px;\n max-width: 95vw;\n}\n\n.m-dialog-layout-header[data-v-dab5bbf4] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n padding-top: 0.5rem;\n padding-right: 0.5rem;\n padding-left: 1.5rem;\n}\n\n.m-dialog-layout-header.--has-title[data-v-dab5bbf4] {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.m-dialog-layout-footer[data-v-dab5bbf4] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n padding-bottom: 1rem;\n}\n\n.m-dialog-layout-content[data-v-dab5bbf4] {\n padding: 1.5rem;\n}\n\n.m-dialog-layout-content-icon[data-v-dab5bbf4] {\n -ms-flex: 0 0 auto;\n -webkit-box-flex: 0;\n flex: 0 0 auto;\n}\n\n.m-dialog-layout-closebtn[data-v-dab5bbf4] {\n padding: 0.5rem !important;\n}\n\n/* purgecss end ignore */\n"),q.__scopeId="data-v-dab5bbf4";var K,W={exports:{}},X={exports:{}},Z={exports:{}};(K=Z).exports=function(n,t){(null==t||t>n.length)&&(t=n.length);for(var o=0,e=new Array(t);o<t;o++)e[o]=n[o];return e},K.exports.__esModule=!0,K.exports.default=K.exports,function(n){var t=Z.exports;n.exports=function(n){if(Array.isArray(n))return t(n)},n.exports.__esModule=!0,n.exports.default=n.exports}(X);var J={exports:{}};!function(n){n.exports=function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)},n.exports.__esModule=!0,n.exports.default=n.exports}(J);var Q={exports:{}};!function(n){var t=Z.exports;n.exports=function(n,o){if(n){if("string"==typeof n)return t(n,o);var e=Object.prototype.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?t(n,o):void 0}},n.exports.__esModule=!0,n.exports.default=n.exports}(Q);var nn={exports:{}};!function(n){n.exports=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.")},n.exports.__esModule=!0,n.exports.default=n.exports}(nn),function(n){var t=X.exports,o=J.exports,e=Q.exports,a=nn.exports;n.exports=function(n){return t(n)||o(n)||e(n)||a()},n.exports.__esModule=!0,n.exports.default=n.exports}(W);var tn=O(W.exports),on=d(),en=d([]),an=function(n,t){return new Promise((function(o,e){en.value=[].concat(tn(en.value),[{id:n,isActive:!0,resolve:function(){return $(void 0,void 0,void 0,I.mark((function n(){return I.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)})))},reject:e}])}))},rn=function(n){return en.value=en.value.filter((function(t){return t.id!==n})),en.value},cn=function(n){var t;n&&(null===(t=n.reject)||void 0===t||t.call(n,!1),n.isActive=!1,setTimeout((function(){rn(n.id)}),500))},dn=function(n){var t;n&&(null===(t=n.resolve)||void 0===t||t.call(n,!0),n.isActive=!1,setTimeout((function(){rn(n.id)}),500))},ln=function(){return{confirmDialogData:on,dialogState:en,showDialogAndWaitChoice:an,removeDialogFromState:rn,rejectDialog:cn,resolveDialog:dn}},sn={class:"maz-space-x-2"},bn=n({props:{data:{type:Object,default:void 0},identifier:{type:String,required:!0}},setup:function(n){var o=n,e=ln(),a=e.dialogState,r=e.rejectDialog,c=e.resolveDialog,d=l((function(){return a.value.find((function(n){return n.id===o.identifier}))}));return function(o,e){var a;return y(d)?(t(),g(q,u({key:0},o.$attrs,{"model-value":null===(a=y(d))||void 0===a?void 0:a.isActive,"onUpdate:modelValue":e[2]||(e[2]=function(n){return y(r)(y(d))})}),{title:k((function(){return[w(o.$slots,"title",{},(function(){var t;return[L(S(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(S(null===(t=n.data)||void 0===t?void 0:t.message),1)]}))]})),footer:k((function(){return[i("div",sn,[x(G,{color:"danger",outline:"",onClick:e[0]||(e[0]=function(n){return y(r)(y(d))})},{default:k((function(){return[w(o.$slots,"confirm-text",{},(function(){var t;return[L(S((null===(t=n.data)||void 0===t?void 0:t.confirmText)||"Cancel"),1)]}))]})),_:3}),x(G,{color:"success",onClick:e[1]||(e[1]=function(n){return y(c)(y(d))})},{default:k((function(){return[w(o.$slots,"cancel-text",{},(function(){var t;return[L(S((null===(t=n.data)||void 0===t?void 0:t.cancelText)||"Confirm"),1)]}))]})),_:3})])]})),_:3},16,["model-value"])):m("",!0)}}});export{bn as default,ln as useMazDialogPromise};
|
package/components/MazDrawer.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{defineComponent as n,ref as t,watch as o,openBlock as e,createBlock as r,Teleport as a,createVNode as i,Transition as c,withCtx as l,createElementBlock as d,normalizeClass as s,createElementVNode as b,withModifiers as u,mergeProps as m,renderSlot as p,createCommentVNode as f,pushScopeId as v,popScopeId as g,inject as h,computed as k,onMounted as w,nextTick as y,useAttrs as x,useSlots as z,resolveDynamicComponent as _,unref as L}from"vue";var E=n({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!0},selector:{type:String,default:"#modals-container"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},backdropClass:{type:[Array,String,Object],default:function(){return[]}},transition:{type:String,default:"backdrop-anim"},escKey:{type:Boolean,default:!0},zOffset:{type:Number,default:20},defaultZIndex:{type:Number,default:1050},modalClass:{type:String,default:void 0}},emits:["open","close","update:model-value"],setup:function(n,e){var r=e.emit,a=t(n.modelValue),i=function(n){return a.value=n},c=function(){return i(!0)},l=function(){return i(!1)},d=function(t){for(var o=n.beforeClose?n.beforeClose:function(){return!0},e=arguments.length,r=new Array(e>1?e-1:0),a=1;a<e;a++)r[a-1]=arguments[a];t?c():n.beforeClose&&!1!==o.apply(void 0,r)||l()},s=function(t){n.escKey&&"Escape"===t.code&&(n.persistent||d(!1))};return o((function(){return n.modelValue}),(function(n){a.value=n,n?(document.documentElement.classList.add("--backdrop-present"),window.addEventListener("keyup",s,!1)):(window.removeEventListener("keyup",s),document.documentElement.classList.remove("--backdrop-present"))})),{present:a,openModal:c,close:l,onBackdropClicked:function(){n.persistent||d(!1)},onBackdropAnimationEnter:function(){r("open")},onBackdropAnimationLeave:function(){r("update:model-value",!1),r("close")},toggleModal:d}}});function S(n,t){void 0===t&&(t={});var o=t.insertAt;if(n&&"undefined"!=typeof document){var e=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===o&&e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.styleSheet?r.styleSheet.cssText=n:r.appendChild(document.createTextNode(n))}}S("/* purgecss start ignore */\n\n/* stylelint-disable no-descending-specificity */\n\nhtml.--backdrop-present {\n overflow-y: hidden;\n height: 100vh;\n}\n\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\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\n.m-backdrop.bottom-sheet-anim-enter-from,\n .m-backdrop.bottom-sheet-anim-leave-to {\n opacity: 0;\n}\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\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\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\n.m-backdrop.modal-anim-enter-from,\n .m-backdrop.modal-anim-leave-to {\n opacity: 0;\n}\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\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\n.m-backdrop.backdrop-anim-enter-from,\n .m-backdrop.backdrop-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\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 -webkit-backdrop-filter: blur(3px);\n backdrop-filter: blur(3px);\n z-index: 1050;\n}\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\n.m-backdrop-overlay:not(.--disabled) {\n cursor: pointer;\n}\n\n.m-backdrop-content {\n position: relative;\n z-index: 1;\n}\n\n.m-backdrop-content:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.m-backdrop.--bottom-sheet .m-backdrop-content {\n position: absolute;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n\n.m-backdrop.--fullscreen {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\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\n.m-backdrop.--fullscreen.--center-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen.--center-top {\n padding-top: 7rem;\n }\n}\n\n.m-backdrop.--fullscreen .m-backdrop-content {\n position: relative;\n width: 100%;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen .m-backdrop-content {\n width: auto;\n }\n}\n\n/* purgecss end ignore */\n"),E.render=function(n,t,o,v,g,h){return e(),r(a,{to:"body",selector:n.selector},[i(c,{appear:"",name:n.transition,onAfterEnter:n.onBackdropAnimationEnter,onAfterLeave:n.onBackdropAnimationLeave},{default:l((function(){return[n.present?(e(),d("div",{key:0,class:s(["m-backdrop",{"--backdrop-present":n.present},n.backdropClass]),tabindex:"-1",role:"dialog"},[b("div",{class:s(["m-backdrop-overlay",{"--disabled":n.persistent}]),tabindex:"-1",onClick:t[0]||(t[0]=u((function(){return n.onBackdropClicked&&n.onBackdropClicked.apply(n,arguments)}),["self"]))},null,2),b("div",m({class:["m-backdrop-content",n.modalClass]},n.$attrs,{role:"document",tabindex:"0"}),[p(n.$slots,"default",{close:function(){return n.close()}})],16)],2)):f("",!0)]})),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["selector"])};var B=["width","height"],C=[function(n){return v("data-v-57af58bb"),n=n(),g(),n}((function(){return b("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)}))],j=n({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:s(["m-spinner","m-spinner--".concat(n.color)]),style:{"enable-background":"new 0 0 50 50"}},C,10,B)}}});S("/* purgecss start ignore */\n\n.m-spinner[data-v-57af58bb] {\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\n.m-spinner--primary[data-v-57af58bb] {\n color: var(--maz-color-primary);\n}\n\n.m-spinner--secondary[data-v-57af58bb] {\n color: var(--maz-color-secondary);\n}\n\n.m-spinner--info[data-v-57af58bb] {\n color: var(--maz-color-info);\n}\n\n.m-spinner--warning[data-v-57af58bb] {\n color: var(--maz-color-warning);\n}\n\n.m-spinner--danger[data-v-57af58bb] {\n color: var(--maz-color-danger);\n}\n\n.m-spinner--success[data-v-57af58bb] {\n color: var(--maz-color-success);\n}\n\n.m-spinner--black[data-v-57af58bb] {\n color: var(--maz-color-black);\n}\n\n.m-spinner--white[data-v-57af58bb] {\n color: var(--maz-color-white);\n}\n\n.m-spinner--transparent[data-v-57af58bb] {\n color: var(--maz-color-white);\n}\n\n/* purgecss end ignore */\n"),j.__scopeId="data-v-57af58bb";var O={exports:{}};!function(n){var t=function(n){var t,o=Object.prototype,e=o.hasOwnProperty,r="function"==typeof Symbol?Symbol:{},a=r.iterator||"@@iterator",i=r.asyncIterator||"@@asyncIterator",c=r.toStringTag||"@@toStringTag";function l(n,t,o){return Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}),n[t]}try{l({},"")}catch(n){l=function(n,t,o){return n[t]=o}}function d(n,t,o,e){var r=t&&t.prototype instanceof v?t:v,a=Object.create(r.prototype),i=new B(e||[]);return a._invoke=function(n,t,o){var e=b;return function(r,a){if(e===m)throw new Error("Generator is already running");if(e===p){if("throw"===r)throw a;return j()}for(o.method=r,o.arg=a;;){var i=o.delegate;if(i){var c=L(i,o);if(c){if(c===f)continue;return c}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if(e===b)throw e=p,o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);e=m;var l=s(n,t,o);if("normal"===l.type){if(e=o.done?p:u,l.arg===f)continue;return{value:l.arg,done:o.done}}"throw"===l.type&&(e=p,o.method="throw",o.arg=l.arg)}}}(n,o,i),a}function s(n,t,o){try{return{type:"normal",arg:n.call(t,o)}}catch(n){return{type:"throw",arg:n}}}n.wrap=d;var b="suspendedStart",u="suspendedYield",m="executing",p="completed",f={};function v(){}function g(){}function h(){}var k={};l(k,a,(function(){return this}));var w=Object.getPrototypeOf,y=w&&w(w(C([])));y&&y!==o&&e.call(y,a)&&(k=y);var x=h.prototype=v.prototype=Object.create(k);function z(n){["next","throw","return"].forEach((function(t){l(n,t,(function(n){return this._invoke(t,n)}))}))}function _(n,t){function o(r,a,i,c){var l=s(n[r],n,a);if("throw"!==l.type){var d=l.arg,b=d.value;return b&&"object"==typeof b&&e.call(b,"__await")?t.resolve(b.__await).then((function(n){o("next",n,i,c)}),(function(n){o("throw",n,i,c)})):t.resolve(b).then((function(n){d.value=n,i(d)}),(function(n){return o("throw",n,i,c)}))}c(l.arg)}var r;this._invoke=function(n,e){function a(){return new t((function(t,r){o(n,e,t,r)}))}return r=r?r.then(a,a):a()}}function L(n,o){var e=n.iterator[o.method];if(e===t){if(o.delegate=null,"throw"===o.method){if(n.iterator.return&&(o.method="return",o.arg=t,L(n,o),"throw"===o.method))return f;o.method="throw",o.arg=new TypeError("The iterator does not provide a 'throw' method")}return f}var r=s(e,n.iterator,o.arg);if("throw"===r.type)return o.method="throw",o.arg=r.arg,o.delegate=null,f;var a=r.arg;return a?a.done?(o[n.resultName]=a.value,o.next=n.nextLoc,"return"!==o.method&&(o.method="next",o.arg=t),o.delegate=null,f):a:(o.method="throw",o.arg=new TypeError("iterator result is not an object"),o.delegate=null,f)}function E(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 B(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(E,this),this.reset(!0)}function C(n){if(n){var o=n[a];if(o)return o.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var r=-1,i=function o(){for(;++r<n.length;)if(e.call(n,r))return o.value=n[r],o.done=!1,o;return o.value=t,o.done=!0,o};return i.next=i}}return{next:j}}function j(){return{value:t,done:!0}}return g.prototype=h,l(x,"constructor",h),l(h,"constructor",g),g.displayName=l(h,c,"GeneratorFunction"),n.isGeneratorFunction=function(n){var t="function"==typeof n&&n.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},n.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,h):(n.__proto__=h,l(n,c,"GeneratorFunction")),n.prototype=Object.create(x),n},n.awrap=function(n){return{__await:n}},z(_.prototype),l(_.prototype,i,(function(){return this})),n.AsyncIterator=_,n.async=function(t,o,e,r,a){void 0===a&&(a=Promise);var i=new _(d(t,o,e,r),a);return n.isGeneratorFunction(o)?i:i.next().then((function(n){return n.done?n.value:i.next()}))},z(x),l(x,c,"Generator"),l(x,a,(function(){return this})),l(x,"toString",(function(){return"[object Generator]"})),n.keys=function(n){var t=[];for(var o in n)t.push(o);return t.reverse(),function o(){for(;t.length;){var e=t.pop();if(e in n)return o.value=e,o.done=!1,o}return o.done=!0,o}},n.values=C,B.prototype={constructor:B,reset:function(n){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(S),!n)for(var o in this)"t"===o.charAt(0)&&e.call(this,o)&&!isNaN(+o.slice(1))&&(this[o]=t)},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 o=this;function r(e,r){return c.type="throw",c.arg=n,o.next=e,r&&(o.method="next",o.arg=t),!!r}for(var a=this.tryEntries.length-1;a>=0;--a){var i=this.tryEntries[a],c=i.completion;if("root"===i.tryLoc)return r("end");if(i.tryLoc<=this.prev){var l=e.call(i,"catchLoc"),d=e.call(i,"finallyLoc");if(l&&d){if(this.prev<i.catchLoc)return r(i.catchLoc,!0);if(this.prev<i.finallyLoc)return r(i.finallyLoc)}else if(l){if(this.prev<i.catchLoc)return r(i.catchLoc,!0)}else{if(!d)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return r(i.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&&e.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var a=r;break}}a&&("break"===n||"continue"===n)&&a.tryLoc<=t&&t<=a.finallyLoc&&(a=null);var i=a?a.completion:{};return i.type=n,i.arg=t,a?(this.method="next",this.next=a.finallyLoc,f):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),f},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),f}},catch:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.tryLoc===n){var e=o.completion;if("throw"===e.type){var r=e.arg;S(o)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(n,o,e){return this.delegate={iterator:C(n),resultName:o,nextLoc:e},"next"===this.method&&(this.arg=t),f}},n}(n.exports);try{regeneratorRuntime=t}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}}(O);var N=O.exports;
|
|
1
|
+
import{defineComponent as n,ref as t,watch as a,openBlock as o,createBlock as e,Teleport as r,createVNode as i,Transition as c,withCtx as d,createElementBlock as l,normalizeClass as s,createElementVNode as b,withModifiers as u,mergeProps as m,renderSlot as p,createCommentVNode as f,pushScopeId as v,popScopeId as g,inject as h,computed as k,onMounted as w,nextTick as y,useAttrs as x,useSlots as z,resolveDynamicComponent as _,unref as L}from"vue";var E=n({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!0},selector:{type:String,default:"#modals-container"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},backdropClass:{type:[Array,String,Object],default:function(){return[]}},transition:{type:String,default:"backdrop-anim"},escKey:{type:Boolean,default:!0},zOffset:{type:Number,default:20},defaultZIndex:{type:Number,default:1050},modalClass:{type:String,default:void 0}},emits:["open","close","update:model-value"],setup:function(n,o){var e=o.emit,r=t(n.modelValue),i=function(n){return r.value=n},c=function(){return i(!0)},d=function(){return i(!1)},l=function(t){for(var a=n.beforeClose?n.beforeClose:function(){return!0},o=arguments.length,e=new Array(o>1?o-1:0),r=1;r<o;r++)e[r-1]=arguments[r];t?c():n.beforeClose&&!1!==a.apply(void 0,e)||d()},s=function(t){n.escKey&&"Escape"===t.code&&(n.persistent||l(!1))};return a((function(){return n.modelValue}),(function(n){r.value=n,n?(document.documentElement.classList.add("--backdrop-present"),window.addEventListener("keyup",s,!1)):(window.removeEventListener("keyup",s),document.documentElement.classList.remove("--backdrop-present"))})),{present:r,openModal:c,close:d,onBackdropClicked:function(){n.persistent||l(!1)},onBackdropAnimationEnter:function(){e("open")},onBackdropAnimationLeave:function(){e("update:model-value",!1),e("close")},toggleModal:l}}});function S(n,t){void 0===t&&(t={});var a=t.insertAt;if(n&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css","top"===a&&o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.styleSheet?e.styleSheet.cssText=n:e.appendChild(document.createTextNode(n))}}S("/* purgecss start ignore */\n\n/* stylelint-disable no-descending-specificity */\n\nhtml.--backdrop-present[data-v-bbffadb8] {\n overflow-y: hidden;\n height: 100vh;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active[data-v-bbffadb8],\n .m-backdrop.bottom-sheet-anim-leave-active[data-v-bbffadb8] {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content[data-v-bbffadb8], .m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content[data-v-bbffadb8] {\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\n.m-backdrop.bottom-sheet-anim-enter-from[data-v-bbffadb8],\n .m-backdrop.bottom-sheet-anim-leave-to[data-v-bbffadb8] {\n opacity: 0;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content[data-v-bbffadb8], .m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content[data-v-bbffadb8] {\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n}\n\n.m-backdrop.modal-anim-enter-active[data-v-bbffadb8],\n .m-backdrop.modal-anim-leave-active[data-v-bbffadb8] {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.modal-anim-enter-active .m-backdrop-content[data-v-bbffadb8], .m-backdrop.modal-anim-leave-active .m-backdrop-content[data-v-bbffadb8] {\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\n.m-backdrop.modal-anim-enter-from[data-v-bbffadb8],\n .m-backdrop.modal-anim-leave-to[data-v-bbffadb8] {\n opacity: 0;\n}\n\n.m-backdrop.modal-anim-enter-from .m-backdrop-content[data-v-bbffadb8], .m-backdrop.modal-anim-leave-to .m-backdrop-content[data-v-bbffadb8] {\n -webkit-transform: translateY(-25px);\n transform: translateY(-25px);\n}\n\n.m-backdrop.backdrop-anim-enter-active[data-v-bbffadb8],\n .m-backdrop.backdrop-anim-leave-active[data-v-bbffadb8] {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.backdrop-anim-enter-from[data-v-bbffadb8],\n .m-backdrop.backdrop-anim-leave-to[data-v-bbffadb8] {\n opacity: 0;\n}\n\n.m-backdrop[data-v-bbffadb8] {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\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 -webkit-backdrop-filter: blur(3px);\n backdrop-filter: blur(3px);\n z-index: 1050;\n}\n\n.m-backdrop-overlay[data-v-bbffadb8] {\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\n.m-backdrop-overlay[data-v-bbffadb8]:not(.--disabled) {\n cursor: pointer;\n}\n\n.m-backdrop-content[data-v-bbffadb8] {\n position: relative;\n z-index: 1;\n}\n\n.m-backdrop-content[data-v-bbffadb8]:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.m-backdrop.--bottom-sheet .m-backdrop-content[data-v-bbffadb8] {\n position: absolute;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n\n.m-backdrop.--fullscreen[data-v-bbffadb8] {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen[data-v-bbffadb8] {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n}\n\n.m-backdrop.--fullscreen.--center-top[data-v-bbffadb8] {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen.--center-top[data-v-bbffadb8] {\n padding-top: 7rem;\n }\n}\n\n.m-backdrop.--fullscreen .m-backdrop-content[data-v-bbffadb8] {\n position: relative;\n width: 100%;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen .m-backdrop-content[data-v-bbffadb8] {\n width: auto;\n }\n}\n\n/* purgecss end ignore */\n"),E.render=function(n,t,a,v,g,h){return o(),e(r,{to:"body",selector:n.selector},[i(c,{appear:"",name:n.transition,onAfterEnter:n.onBackdropAnimationEnter,onAfterLeave:n.onBackdropAnimationLeave},{default:d((function(){return[n.present?(o(),l("div",{key:0,class:s(["m-backdrop",{"--backdrop-present":n.present},n.backdropClass]),tabindex:"-1",role:"dialog"},[b("div",{class:s(["m-backdrop-overlay",{"--disabled":n.persistent}]),tabindex:"-1",onClick:t[0]||(t[0]=u((function(){return n.onBackdropClicked&&n.onBackdropClicked.apply(n,arguments)}),["self"]))},null,2),b("div",m({class:["m-backdrop-content",n.modalClass]},n.$attrs,{role:"document",tabindex:"0"}),[p(n.$slots,"default",{close:function(){return n.close()}})],16)],2)):f("",!0)]})),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["selector"])},E.__scopeId="data-v-bbffadb8";var B=["width","height"],C=[function(n){return v("data-v-57af58bb"),n=n(),g(),n}((function(){return b("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)}))],j=n({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,a){return o(),l("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:s(["m-spinner","m-spinner--".concat(n.color)]),style:{"enable-background":"new 0 0 50 50"}},C,10,B)}}});S("/* purgecss start ignore */\n\n.m-spinner[data-v-57af58bb] {\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\n.m-spinner--primary[data-v-57af58bb] {\n color: var(--maz-color-primary);\n}\n\n.m-spinner--secondary[data-v-57af58bb] {\n color: var(--maz-color-secondary);\n}\n\n.m-spinner--info[data-v-57af58bb] {\n color: var(--maz-color-info);\n}\n\n.m-spinner--warning[data-v-57af58bb] {\n color: var(--maz-color-warning);\n}\n\n.m-spinner--danger[data-v-57af58bb] {\n color: var(--maz-color-danger);\n}\n\n.m-spinner--success[data-v-57af58bb] {\n color: var(--maz-color-success);\n}\n\n.m-spinner--black[data-v-57af58bb] {\n color: var(--maz-color-black);\n}\n\n.m-spinner--white[data-v-57af58bb] {\n color: var(--maz-color-white);\n}\n\n.m-spinner--transparent[data-v-57af58bb] {\n color: var(--maz-color-white);\n}\n\n/* purgecss end ignore */\n"),j.__scopeId="data-v-57af58bb";var O={exports:{}};!function(n){var t=function(n){var t,a=Object.prototype,o=a.hasOwnProperty,e="function"==typeof Symbol?Symbol:{},r=e.iterator||"@@iterator",i=e.asyncIterator||"@@asyncIterator",c=e.toStringTag||"@@toStringTag";function d(n,t,a){return Object.defineProperty(n,t,{value:a,enumerable:!0,configurable:!0,writable:!0}),n[t]}try{d({},"")}catch(n){d=function(n,t,a){return n[t]=a}}function l(n,t,a,o){var e=t&&t.prototype instanceof v?t:v,r=Object.create(e.prototype),i=new B(o||[]);return r._invoke=function(n,t,a){var o=b;return function(e,r){if(o===m)throw new Error("Generator is already running");if(o===p){if("throw"===e)throw r;return j()}for(a.method=e,a.arg=r;;){var i=a.delegate;if(i){var c=L(i,a);if(c){if(c===f)continue;return c}}if("next"===a.method)a.sent=a._sent=a.arg;else if("throw"===a.method){if(o===b)throw o=p,a.arg;a.dispatchException(a.arg)}else"return"===a.method&&a.abrupt("return",a.arg);o=m;var d=s(n,t,a);if("normal"===d.type){if(o=a.done?p:u,d.arg===f)continue;return{value:d.arg,done:a.done}}"throw"===d.type&&(o=p,a.method="throw",a.arg=d.arg)}}}(n,a,i),r}function s(n,t,a){try{return{type:"normal",arg:n.call(t,a)}}catch(n){return{type:"throw",arg:n}}}n.wrap=l;var b="suspendedStart",u="suspendedYield",m="executing",p="completed",f={};function v(){}function g(){}function h(){}var k={};d(k,r,(function(){return this}));var w=Object.getPrototypeOf,y=w&&w(w(C([])));y&&y!==a&&o.call(y,r)&&(k=y);var x=h.prototype=v.prototype=Object.create(k);function z(n){["next","throw","return"].forEach((function(t){d(n,t,(function(n){return this._invoke(t,n)}))}))}function _(n,t){function a(e,r,i,c){var d=s(n[e],n,r);if("throw"!==d.type){var l=d.arg,b=l.value;return b&&"object"==typeof b&&o.call(b,"__await")?t.resolve(b.__await).then((function(n){a("next",n,i,c)}),(function(n){a("throw",n,i,c)})):t.resolve(b).then((function(n){l.value=n,i(l)}),(function(n){return a("throw",n,i,c)}))}c(d.arg)}var e;this._invoke=function(n,o){function r(){return new t((function(t,e){a(n,o,t,e)}))}return e=e?e.then(r,r):r()}}function L(n,a){var o=n.iterator[a.method];if(o===t){if(a.delegate=null,"throw"===a.method){if(n.iterator.return&&(a.method="return",a.arg=t,L(n,a),"throw"===a.method))return f;a.method="throw",a.arg=new TypeError("The iterator does not provide a 'throw' method")}return f}var e=s(o,n.iterator,a.arg);if("throw"===e.type)return a.method="throw",a.arg=e.arg,a.delegate=null,f;var r=e.arg;return r?r.done?(a[n.resultName]=r.value,a.next=n.nextLoc,"return"!==a.method&&(a.method="next",a.arg=t),a.delegate=null,f):r:(a.method="throw",a.arg=new TypeError("iterator result is not an object"),a.delegate=null,f)}function E(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 B(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(E,this),this.reset(!0)}function C(n){if(n){var a=n[r];if(a)return a.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var e=-1,i=function a(){for(;++e<n.length;)if(o.call(n,e))return a.value=n[e],a.done=!1,a;return a.value=t,a.done=!0,a};return i.next=i}}return{next:j}}function j(){return{value:t,done:!0}}return g.prototype=h,d(x,"constructor",h),d(h,"constructor",g),g.displayName=d(h,c,"GeneratorFunction"),n.isGeneratorFunction=function(n){var t="function"==typeof n&&n.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},n.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,h):(n.__proto__=h,d(n,c,"GeneratorFunction")),n.prototype=Object.create(x),n},n.awrap=function(n){return{__await:n}},z(_.prototype),d(_.prototype,i,(function(){return this})),n.AsyncIterator=_,n.async=function(t,a,o,e,r){void 0===r&&(r=Promise);var i=new _(l(t,a,o,e),r);return n.isGeneratorFunction(a)?i:i.next().then((function(n){return n.done?n.value:i.next()}))},z(x),d(x,c,"Generator"),d(x,r,(function(){return this})),d(x,"toString",(function(){return"[object Generator]"})),n.keys=function(n){var t=[];for(var a in n)t.push(a);return t.reverse(),function a(){for(;t.length;){var o=t.pop();if(o in n)return a.value=o,a.done=!1,a}return a.done=!0,a}},n.values=C,B.prototype={constructor:B,reset:function(n){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(S),!n)for(var a in this)"t"===a.charAt(0)&&o.call(this,a)&&!isNaN(+a.slice(1))&&(this[a]=t)},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 a=this;function e(o,e){return c.type="throw",c.arg=n,a.next=o,e&&(a.method="next",a.arg=t),!!e}for(var r=this.tryEntries.length-1;r>=0;--r){var i=this.tryEntries[r],c=i.completion;if("root"===i.tryLoc)return e("end");if(i.tryLoc<=this.prev){var d=o.call(i,"catchLoc"),l=o.call(i,"finallyLoc");if(d&&l){if(this.prev<i.catchLoc)return e(i.catchLoc,!0);if(this.prev<i.finallyLoc)return e(i.finallyLoc)}else if(d){if(this.prev<i.catchLoc)return e(i.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return e(i.finallyLoc)}}}},abrupt:function(n,t){for(var a=this.tryEntries.length-1;a>=0;--a){var e=this.tryEntries[a];if(e.tryLoc<=this.prev&&o.call(e,"finallyLoc")&&this.prev<e.finallyLoc){var r=e;break}}r&&("break"===n||"continue"===n)&&r.tryLoc<=t&&t<=r.finallyLoc&&(r=null);var i=r?r.completion:{};return i.type=n,i.arg=t,r?(this.method="next",this.next=r.finallyLoc,f):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),f},finish:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var a=this.tryEntries[t];if(a.finallyLoc===n)return this.complete(a.completion,a.afterLoc),S(a),f}},catch:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var a=this.tryEntries[t];if(a.tryLoc===n){var o=a.completion;if("throw"===o.type){var e=o.arg;S(a)}return e}}throw new Error("illegal catch attempt")},delegateYield:function(n,a,o){return this.delegate={iterator:C(n),resultName:a,nextLoc:o},"next"===this.method&&(this.arg=t),f}},n}(n.exports);try{regeneratorRuntime=t}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}}(O);var I=O.exports;
|
|
2
2
|
/*! *****************************************************************************
|
|
3
3
|
Copyright (c) Microsoft Corporation.
|
|
4
4
|
|
|
@@ -12,4 +12,4 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
|
12
12
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
13
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14
14
|
PERFORMANCE OF THIS SOFTWARE.
|
|
15
|
-
***************************************************************************** */function T(n,t,o,e){return new(o||(o=Promise))((function(r,a){function i(n){try{l(e.next(n))}catch(n){a(n)}}function c(n){try{l(e.throw(n))}catch(n){a(n)}}function l(n){var t;n.done?r(n.value):(t=n.value,t instanceof o?t:new o((function(n){n(t)}))).then(i,c)}l((e=e.apply(n,t||[])).next())}))}var F=["innerHTML"],I=n({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}},keepDuringLoading:{type:Boolean,default:!0}},emits:["loaded","unloaded","error"],setup:function(n,r){var a=this,i=r.emit,c=n,l={},s=t(),b=t(),u=function(n,t){var o=h(n,t);if(o)return o}("mazIconPath"),p=k((function(){var n;return null!==(n=c.path)&&void 0!==n?n:u})),v=k((function(){return c.src?c.src:p.value?"".concat(p.value,"/").concat(c.name,".svg"):"/".concat(c.name,".svg")}));w((function(){if(!c.name&&!c.src)throw new Error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');x(v.value)}));var g=function(n){var t=n.cloneNode(!0);return t=c.transformSource(n),c.title&&function(n,t){var o=n.getElementsByTagName("title");if(o.length)o[0].textContent=t;else{var e=document.createElementNS("http://www.w3.org/2000/svg","title");e.textContent=t,n.appendChild(e)}}(t,c.title),n.innerHTML},x=function(n){return T(a,void 0,void 0,N.mark((function t(){var o;return N.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return l[n]||(l[n]=z(n)),t.prev=1,t.next=4,l[n];case 4:return o=t.sent,s.value=o,t.next=8,y();case 8:i("loaded",b.value),t.next=16;break;case 11:t.prev=11,t.t0=t.catch(1),s.value&&(s.value=void 0,i("unloaded")),delete l[n],i("error",t.t0);case 16:case"end":return t.stop()}}),t,null,[[1,11]])})))},z=function(n){return new Promise((function(t,o){var e=new XMLHttpRequest;e.open("GET",n,!0),e.onload=function(){if(e.status>=200&&e.status<400)try{var n=(new DOMParser).parseFromString(e.responseText,"text/xml").getElementsByTagName("svg")[0];n?t(n):o(new Error('Loaded file is not valid SVG"'))}catch(n){o(n)}else o(new Error("Error loading SVG"))},e.onerror=o,e.send()}))};return o((function(){return c.src}),(function(){return x(v.value)})),function(t,o){return s.value?(e(),d("svg",m({key:0,ref_key:"svgElem",ref:b,width:"1em",height:"1em"},Object.assign(Object.assign({},function(n){var t={},o=n.attributes;if(!o)return t;for(var e=o.length-1;e>=0;e--)t[o[e].name]=o[e].value;return t}(s.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:g(s.value)}),null,16,F)):f("",!0);var r}}}),A={key:0,class:"m-btn__icon-left"},$={class:"maz-flex maz-flex-center"},D={key:1,class:"m-btn__icon-right"},P=n({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}},setup:function(n){var t=n,o=x(),a=o.href,c=o.to,u=z(),v=k((function(){return a?"a":c?"router-link":"button"})),g=k((function(){return t.pastel?"--".concat(t.color,"-pastel"):t.outline||t.loading?"--".concat(t.color,"-outline"):"--".concat(t.color)})),h=k((function(){return(t.loading||t.disabled)&&"button"===v.value})),w=k((function(){return h.value?"--cursor-default":"--cursor-pointer"})),y=k((function(){return"--is-".concat(t.variant)})),E=k((function(){return"--".concat(t.color)})),S=k((function(){return["white"].includes(t.color)?"black":"white"})),B=k((function(){return t.loading&&"button"===t.variant})),C=k((function(){return!!u["left-icon"]||t.leftIcon})),O=k((function(){return!!u["right-icon"]||t.rightIcon})),N=k((function(){return C.value||O.value})),T=k((function(){return"button"===v.value?t.type:void 0}));return function(t,o){return e(),r(_(L(v)),m(t.$attrs,{disabled:L(h),class:["m-btn",["--".concat(n.size),L(g),L(w),L(y),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":L(h),"--icon":L(N),"--rounded":n.rounded,"--no-padding":n.noPadding}]],type:L(T)}),{default:l((function(){return[L(C)?(e(),d("div",A,[p(t.$slots,"left-icon",{},(function(){return[n.leftIcon?(e(),r(I,{key:0,name:n.leftIcon},null,8,["name"])):f("",!0)]}))])):f("",!0),b("span",$,[p(t.$slots,"default")]),L(O)?(e(),d("div",D,[p(t.$slots,"right-icon",{},(function(){return[n.rightIcon?(e(),r(I,{key:0,name:n.rightIcon},null,8,["name"])):f("",!0)]}))])):f("",!0),L(B)?(e(),d("div",{key:2,class:s(["m-btn__loading-wrapper",L(E)])},[i(j,{size:"2em",color:L(S)},null,8,["color"])],2)):f("",!0)]})),_:3},16,["disabled","class","type"])}}});S("/* purgecss start ignore */\n\n.m-btn[data-v-17e65bda] {\n border-width: 2px;\n border-style: solid;\n border-color: transparent;\n text-align: center;\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.m-btn span[data-v-17e65bda] {\n line-height: 1;\n}\n\n.m-btn__icon-left[data-v-17e65bda] {\n margin-right: 0.5rem;\n margin-left: -0.25rem;\n line-height: 1;\n}\n\n.m-btn__icon-right[data-v-17e65bda] {\n margin-right: -0.25rem;\n margin-left: 0.5rem;\n line-height: 1;\n}\n\n.m-btn.--cursor-pointer[data-v-17e65bda] {\n cursor: pointer;\n}\n\n.m-btn.--cursor-default[data-v-17e65bda] {\n cursor: default;\n}\n\n.m-btn.--is-link[data-v-17e65bda] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: transparent;\n color: var(--maz-color-text);\n outline: 2px solid transparent;\n outline-offset: 2px;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-link[data-v-17e65bda]:not(.--no-leading) {\n line-height: 2.25rem;\n}\n\n.m-btn.--is-link[data-v-17e65bda]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-17e65bda]:not(:disabled):focus:not(.--no-underline) {\n text-decoration: underline;\n}\n\n.m-btn.--is-link.--secondary[data-v-17e65bda] {\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-link.--info[data-v-17e65bda] {\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-link.--warning[data-v-17e65bda] {\n color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-link.--danger[data-v-17e65bda] {\n color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-link.--success[data-v-17e65bda] {\n color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-link.--white[data-v-17e65bda] {\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-link.--black[data-v-17e65bda] {\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button[data-v-17e65bda] {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n overflow: hidden;\n border-radius: 0.5rem;\n border-color: transparent;\n background-color: transparent;\n font-family: var(--maz-font-family);\n font-weight: 500;\n text-decoration: none;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 300ms;\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-button.--rounded[data-v-17e65bda] {\n border-radius: 9999px;\n}\n\n.m-btn.--is-button.--xl[data-v-17e65bda] {\n padding-left: 2rem;\n padding-right: 2rem;\n font-size: 1.25rem;\n line-height: 1.75rem;\n padding-top: 1.325rem;\n padding-bottom: 1.325rem;\n}\n\n.m-btn.--is-button.--lg[data-v-17e65bda] {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n font-size: 1.125rem;\n line-height: 1.75rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.m-btn.--is-button.--md[data-v-17e65bda] {\n padding-left: 1rem;\n padding-right: 1rem;\n font-size: 1rem;\n line-height: 1.5rem;\n padding-top: 0.88rem;\n padding-bottom: 0.88rem;\n}\n\n.m-btn.--is-button.--sm[data-v-17e65bda] {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n\n.m-btn.--is-button.--xs[data-v-17e65bda] {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.3rem;\n padding-bottom: 0.3rem;\n}\n\n.m-btn.--is-button.--mini[data-v-17e65bda] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n font-size: 0.75rem;\n line-height: 1rem;\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n}\n\n.m-btn.--is-button.--icon[data-v-17e65bda] {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.m-btn.--is-button[data-v-17e65bda] {\n -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n\n/* Not disabled */\n\n.m-btn.--is-button[data-v-17e65bda]:not(.--disabled):hover, .m-btn.--is-button[data-v-17e65bda]:not(.--disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n}\n\n/* Fab */\n\n.m-btn.--is-button.--fab[data-v-17e65bda] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 3rem;\n width: 3rem;\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 border-radius: 9999px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: 0px;\n}\n\n.m-btn.--is-button.--block[data-v-17e65bda] {\n width: 100%;\n}\n\n.m-btn.--is-button.--primary[data-v-17e65bda] {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--primary[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary-600);\n}\n\n.m-btn.--is-button.--secondary[data-v-17e65bda] {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--secondary[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary-600);\n}\n\n.m-btn.--is-button.--info[data-v-17e65bda] {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--info[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info-600);\n}\n\n.m-btn.--is-button.--success[data-v-17e65bda] {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--success[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-button.--warning[data-v-17e65bda] {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--warning[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-button.--danger[data-v-17e65bda] {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-button.--white[data-v-17e65bda] {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--white[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white[data-v-17e65bda]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(209, 213, 219, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--black[data-v-17e65bda] {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n.m-btn.--is-button.--black[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black[data-v-17e65bda]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(31, 41, 55, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--transparent[data-v-17e65bda] {\n background-color: transparent;\n}\n\n.m-btn.--is-button.--transparent[data-v-17e65bda]:not(:disabled):hover,\n .m-btn.--is-button.--transparent[data-v-17e65bda]:not(:disabled):focus {\n background-color: rgb(0 0 0 / 20%);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-17e65bda] {\n border-color: var(--maz-color-primary);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-17e65bda] {\n border-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--info-outline[data-v-17e65bda] {\n border-color: var(--maz-color-info);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--success-outline[data-v-17e65bda] {\n border-color: var(--maz-color-success);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-17e65bda] {\n border-color: var(--maz-color-danger);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-17e65bda] {\n border-color: var(--maz-color-warning);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-17e65bda] {\n border-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--black-outline[data-v-17e65bda] {\n border-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-primary-50);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-secondary-50);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-info-50);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-success-50);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-danger-50);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger-contrast);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-warning-50);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-17e65bda] {\n --tw-bg-opacity: 1;\n background-color: rgba(243, 244, 246, var(--tw-bg-opacity));\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-17e65bda] {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n/* Disabled */\n\n.m-btn.--is-button.--disabled[data-v-17e65bda] {\n cursor: not-allowed;\n background-color: var(--maz-color-bg-light);\n --tw-text-opacity: 1;\n color: rgba(156, 163, 175, var(--tw-text-opacity));\n}\n\n.m-btn.--is-button.--no-padding[data-v-17e65bda] {\n padding: 0px;\n}\n\n/* Loader */\n\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-17e65bda] {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-17e65bda] {\n background-color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-17e65bda] {\n background-color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-17e65bda] {\n background-color: var(--maz-color-info);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-17e65bda] {\n background-color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-17e65bda] {\n background-color: var(--maz-color-success);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-17e65bda] {\n background-color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-17e65bda] {\n background-color: var(--maz-color-white);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-17e65bda] {\n background-color: var(--maz-color-black);\n}\n\n/* purgecss end ignore */\n"),P.__scopeId="data-v-17e65bda";var Y={class:"maz-text-2xl maz-font-semibold"},G={key:0,class:"maz-flex maz-justify-end"},M={class:"m-drawer-body"},V=n({props:{modelValue:{type:Boolean,default:!1},noCloseBtn:{type:Boolean,default:!1},title:{type:String,default:void 0},variant:{type:String,default:"right",validator:function(n){return["right","top"].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(),r(E,m({ref:"backdropRef"},t.$attrs,{"model-value":n.modelValue,"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:l((function(o){var r=o.close;return[b("div",{class:s(["m-drawer-content-wrap","--".concat(n.variant)])},[b("header",{class:s(["m-drawer-header",[t.$slots.title?"maz-justify-between":"maz-justify-end"]])},[b("h4",Y,[p(t.$slots,"title",{close:r})]),n.noCloseBtn?f("",!0):(e(),d("div",G,[i(P,{size:"sm",color:"transparent",onClick:r},{default:l((function(){return[i(I,{src:L("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),b("div",M,[p(t.$slots,"default",{close:r})])],2)]})),_:3},16,["model-value","backdrop-class","style"])}}});S("/* purgecss start ignore */\n\n/* stylelint-disable no-descending-specificity */\n\n.m-drawer {\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n\n.m-drawer .m-drawer-content-wrap {\n overflow-y: auto;\n background-color: var(--maz-color-bg-light);\n color: var(--maz-color-text);\n}\n\n.m-drawer .m-drawer-content-wrap > .m-drawer-header {\n z-index: 1;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 4rem;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: var(--maz-color-bg);\n background-clip: padding-box;\n padding-left: 1rem;\n padding-right: 1rem;\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n}\n\n.m-drawer .m-drawer-content-wrap > .m-drawer-body {\n z-index: 0;\n min-height: 0px;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 0%;\n flex: 1 1 0%;\n overflow-x: auto;\n background-color: var(--maz-color-bg-light);\n background-clip: padding-box;\n}\n\n.m-drawer.--right {\n /* & .m-backdrop-content > .m-drawer-content-wrap {\n @apply lap-s:maz-h-auto;\n } */\n}\n\n.m-drawer.--right .m-backdrop-content {\n height: auto;\n min-height: 100vh;\n -webkit-transition: all 0.45s;\n transition: all 0.45s;\n width: 100%;\n}\n\n@media (min-width: 768px) {\n\n.m-drawer.--right .m-backdrop-content {\n width: var(--maz-drawer-size)\n}\n }\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\n.m-drawer.--top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n.m-drawer.--top .m-backdrop-content {\n -webkit-transition: all 0.45s;\n transition: all 0.45s;\n width: 100%;\n height: 100vh;\n}\n\n@media (min-width: 768px) {\n\n.m-drawer.--top .m-backdrop-content {\n height: auto\n}\n }\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\n.m-drawer .m-backdrop-content > .m-drawer-content-wrap {\n pointer-events: auto;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n width: 100%;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n}\n\n/* purgecss end ignore */\n");export{V as default};
|
|
15
|
+
***************************************************************************** */function N(n,t,a,o){return new(a||(a=Promise))((function(e,r){function i(n){try{d(o.next(n))}catch(n){r(n)}}function c(n){try{d(o.throw(n))}catch(n){r(n)}}function d(n){var t;n.done?e(n.value):(t=n.value,t instanceof a?t:new a((function(n){n(t)}))).then(i,c)}d((o=o.apply(n,t||[])).next())}))}var T=["innerHTML"],F=n({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}},keepDuringLoading:{type:Boolean,default:!0}},emits:["loaded","unloaded","error"],setup:function(n,e){var r=this,i=e.emit,c=n,d={},s=t(),b=t(),u=function(n,t){var a=h(n,t);if(a)return a}("mazIconPath"),p=k((function(){var n;return null!==(n=c.path)&&void 0!==n?n:u})),v=k((function(){return c.src?c.src:p.value?"".concat(p.value,"/").concat(c.name,".svg"):"/".concat(c.name,".svg")}));w((function(){if(!c.name&&!c.src)throw new Error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');x(v.value)}));var g=function(n){var t=n.cloneNode(!0);return t=c.transformSource(n),c.title&&function(n,t){var a=n.getElementsByTagName("title");if(a.length)a[0].textContent=t;else{var o=document.createElementNS("http://www.w3.org/2000/svg","title");o.textContent=t,n.appendChild(o)}}(t,c.title),n.innerHTML},x=function(n){return N(r,void 0,void 0,I.mark((function t(){var a;return I.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return d[n]||(d[n]=z(n)),t.prev=1,t.next=4,d[n];case 4:return a=t.sent,s.value=a,t.next=8,y();case 8:i("loaded",b.value),t.next=16;break;case 11:t.prev=11,t.t0=t.catch(1),s.value&&(s.value=void 0,i("unloaded")),delete d[n],i("error",t.t0);case 16:case"end":return t.stop()}}),t,null,[[1,11]])})))},z=function(n){return new Promise((function(t,a){var o=new XMLHttpRequest;o.open("GET",n,!0),o.onload=function(){if(o.status>=200&&o.status<400)try{var n=(new DOMParser).parseFromString(o.responseText,"text/xml").getElementsByTagName("svg")[0];n?t(n):a(new Error('Loaded file is not valid SVG"'))}catch(n){a(n)}else a(new Error("Error loading SVG"))},o.onerror=a,o.send()}))};return a((function(){return c.src}),(function(){return x(v.value)})),function(t,a){return s.value?(o(),l("svg",m({key:0,ref_key:"svgElem",ref:b,width:"1em",height:"1em"},Object.assign(Object.assign({},function(n){var t={},a=n.attributes;if(!a)return t;for(var o=a.length-1;o>=0;o--)t[a[o].name]=a[o].value;return t}(s.value)),(e=t.$attrs,Object.keys(e).reduce((function(n,t){return!1!==e[t]&&null!==e[t]&&void 0!==e[t]&&(n[t]=e[t]),n}),{}))),{style:"font-size: ".concat(n.size),innerHTML:g(s.value)}),null,16,T)):f("",!0);var e}}}),A={key:0,class:"m-btn__icon-left"},$={class:"maz-flex maz-flex-center"},D={key:1,class:"m-btn__icon-right"},P=n({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}},setup:function(n){var t=n,a=x(),r=a.href,c=a.to,u=z(),v=k((function(){return r?"a":c?"router-link":"button"})),g=k((function(){return t.pastel?"--".concat(t.color,"-pastel"):t.outline||t.loading?"--".concat(t.color,"-outline"):"--".concat(t.color)})),h=k((function(){return(t.loading||t.disabled)&&"button"===v.value})),w=k((function(){return h.value?"--cursor-default":"--cursor-pointer"})),y=k((function(){return"--is-".concat(t.variant)})),E=k((function(){return"--".concat(t.color)})),S=k((function(){return["white"].includes(t.color)?"black":"white"})),B=k((function(){return t.loading&&"button"===t.variant})),C=k((function(){return!!u["left-icon"]||t.leftIcon})),O=k((function(){return!!u["right-icon"]||t.rightIcon})),I=k((function(){return C.value||O.value})),N=k((function(){return"button"===v.value?t.type:void 0}));return function(t,a){return o(),e(_(L(v)),m(t.$attrs,{disabled:L(h),class:["m-btn",["--".concat(n.size),L(g),L(w),L(y),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":L(h),"--icon":L(I),"--rounded":n.rounded,"--no-padding":n.noPadding}]],type:L(N)}),{default:d((function(){return[L(C)?(o(),l("div",A,[p(t.$slots,"left-icon",{},(function(){return[n.leftIcon?(o(),e(F,{key:0,name:n.leftIcon},null,8,["name"])):f("",!0)]}))])):f("",!0),b("span",$,[p(t.$slots,"default")]),L(O)?(o(),l("div",D,[p(t.$slots,"right-icon",{},(function(){return[n.rightIcon?(o(),e(F,{key:0,name:n.rightIcon},null,8,["name"])):f("",!0)]}))])):f("",!0),L(B)?(o(),l("div",{key:2,class:s(["m-btn__loading-wrapper",L(E)])},[i(j,{size:"2em",color:L(S)},null,8,["color"])],2)):f("",!0)]})),_:3},16,["disabled","class","type"])}}});S("/* purgecss start ignore */\n\n.m-btn[data-v-17e65bda] {\n border-width: 2px;\n border-style: solid;\n border-color: transparent;\n text-align: center;\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.m-btn span[data-v-17e65bda] {\n line-height: 1;\n}\n\n.m-btn__icon-left[data-v-17e65bda] {\n margin-right: 0.5rem;\n margin-left: -0.25rem;\n line-height: 1;\n}\n\n.m-btn__icon-right[data-v-17e65bda] {\n margin-right: -0.25rem;\n margin-left: 0.5rem;\n line-height: 1;\n}\n\n.m-btn.--cursor-pointer[data-v-17e65bda] {\n cursor: pointer;\n}\n\n.m-btn.--cursor-default[data-v-17e65bda] {\n cursor: default;\n}\n\n.m-btn.--is-link[data-v-17e65bda] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: transparent;\n color: var(--maz-color-text);\n outline: 2px solid transparent;\n outline-offset: 2px;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-link[data-v-17e65bda]:not(.--no-leading) {\n line-height: 2.25rem;\n}\n\n.m-btn.--is-link[data-v-17e65bda]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-17e65bda]:not(:disabled):focus:not(.--no-underline) {\n text-decoration: underline;\n}\n\n.m-btn.--is-link.--secondary[data-v-17e65bda] {\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-link.--info[data-v-17e65bda] {\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-link.--warning[data-v-17e65bda] {\n color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-link.--danger[data-v-17e65bda] {\n color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-link.--success[data-v-17e65bda] {\n color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-link.--white[data-v-17e65bda] {\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-link.--black[data-v-17e65bda] {\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button[data-v-17e65bda] {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n overflow: hidden;\n border-radius: 0.5rem;\n border-color: transparent;\n background-color: transparent;\n font-family: var(--maz-font-family);\n font-weight: 500;\n text-decoration: none;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 300ms;\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-button.--rounded[data-v-17e65bda] {\n border-radius: 9999px;\n}\n\n.m-btn.--is-button.--xl[data-v-17e65bda] {\n padding-left: 2rem;\n padding-right: 2rem;\n font-size: 1.25rem;\n line-height: 1.75rem;\n padding-top: 1.325rem;\n padding-bottom: 1.325rem;\n}\n\n.m-btn.--is-button.--lg[data-v-17e65bda] {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n font-size: 1.125rem;\n line-height: 1.75rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.m-btn.--is-button.--md[data-v-17e65bda] {\n padding-left: 1rem;\n padding-right: 1rem;\n font-size: 1rem;\n line-height: 1.5rem;\n padding-top: 0.88rem;\n padding-bottom: 0.88rem;\n}\n\n.m-btn.--is-button.--sm[data-v-17e65bda] {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n\n.m-btn.--is-button.--xs[data-v-17e65bda] {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.3rem;\n padding-bottom: 0.3rem;\n}\n\n.m-btn.--is-button.--mini[data-v-17e65bda] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n font-size: 0.75rem;\n line-height: 1rem;\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n}\n\n.m-btn.--is-button.--icon[data-v-17e65bda] {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.m-btn.--is-button[data-v-17e65bda] {\n -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n\n/* Not disabled */\n\n.m-btn.--is-button[data-v-17e65bda]:not(.--disabled):hover, .m-btn.--is-button[data-v-17e65bda]:not(.--disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n}\n\n/* Fab */\n\n.m-btn.--is-button.--fab[data-v-17e65bda] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 3rem;\n width: 3rem;\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 border-radius: 9999px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: 0px;\n}\n\n.m-btn.--is-button.--block[data-v-17e65bda] {\n width: 100%;\n}\n\n.m-btn.--is-button.--primary[data-v-17e65bda] {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--primary[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary-600);\n}\n\n.m-btn.--is-button.--secondary[data-v-17e65bda] {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--secondary[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary-600);\n}\n\n.m-btn.--is-button.--info[data-v-17e65bda] {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--info[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info-600);\n}\n\n.m-btn.--is-button.--success[data-v-17e65bda] {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--success[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-button.--warning[data-v-17e65bda] {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--warning[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-button.--danger[data-v-17e65bda] {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-button.--white[data-v-17e65bda] {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--white[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white[data-v-17e65bda]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(209, 213, 219, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--black[data-v-17e65bda] {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n.m-btn.--is-button.--black[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black[data-v-17e65bda]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(31, 41, 55, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--transparent[data-v-17e65bda] {\n background-color: transparent;\n}\n\n.m-btn.--is-button.--transparent[data-v-17e65bda]:not(:disabled):hover,\n .m-btn.--is-button.--transparent[data-v-17e65bda]:not(:disabled):focus {\n background-color: rgb(0 0 0 / 20%);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-17e65bda] {\n border-color: var(--maz-color-primary);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-17e65bda] {\n border-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--info-outline[data-v-17e65bda] {\n border-color: var(--maz-color-info);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--success-outline[data-v-17e65bda] {\n border-color: var(--maz-color-success);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-17e65bda] {\n border-color: var(--maz-color-danger);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-17e65bda] {\n border-color: var(--maz-color-warning);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-17e65bda] {\n border-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--black-outline[data-v-17e65bda] {\n border-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-primary-50);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-secondary-50);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-info-50);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-success-50);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-danger-50);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger-contrast);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-warning-50);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-17e65bda] {\n --tw-bg-opacity: 1;\n background-color: rgba(243, 244, 246, var(--tw-bg-opacity));\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-17e65bda] {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n/* Disabled */\n\n.m-btn.--is-button.--disabled[data-v-17e65bda] {\n cursor: not-allowed;\n background-color: var(--maz-color-bg-light);\n --tw-text-opacity: 1;\n color: rgba(156, 163, 175, var(--tw-text-opacity));\n}\n\n.m-btn.--is-button.--no-padding[data-v-17e65bda] {\n padding: 0px;\n}\n\n/* Loader */\n\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-17e65bda] {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-17e65bda] {\n background-color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-17e65bda] {\n background-color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-17e65bda] {\n background-color: var(--maz-color-info);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-17e65bda] {\n background-color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-17e65bda] {\n background-color: var(--maz-color-success);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-17e65bda] {\n background-color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-17e65bda] {\n background-color: var(--maz-color-white);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-17e65bda] {\n background-color: var(--maz-color-black);\n}\n\n/* purgecss end ignore */\n"),P.__scopeId="data-v-17e65bda";var Y={class:"maz-text-2xl maz-font-semibold"},G={key:0,class:"maz-flex maz-justify-end"},M={class:"m-drawer-body"},V=n({props:{modelValue:{type:Boolean,default:!1},noCloseBtn:{type:Boolean,default:!1},title:{type:String,default:void 0},variant:{type:String,default:"right",validator:function(n){return["right","top"].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,a){return o(),e(E,m({ref:"backdropRef"},t.$attrs,{"model-value":n.modelValue,"backdrop-class":["m-drawer","--".concat(n.variant),n.backdropClass],style:{"--maz-drawer-size":n.size},onClose:a[0]||(a[0]=function(n){return t.$emit("close",n)}),onOpen:a[1]||(a[1]=function(n){return t.$emit("open",n)}),"onUpdate:modelValue":a[2]||(a[2]=function(n){return t.$emit("update:model-value",n)})}),{default:d((function(a){var e=a.close;return[b("div",{class:s(["m-drawer-content-wrap","--".concat(n.variant)])},[b("header",{class:s(["m-drawer-header",[t.$slots.title?"maz-justify-between":"maz-justify-end"]])},[b("h4",Y,[p(t.$slots,"title",{close:e})]),n.noCloseBtn?f("",!0):(o(),l("div",G,[i(P,{size:"sm",color:"transparent",onClick:e},{default:d((function(){return[i(F,{src:L("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),b("div",M,[p(t.$slots,"default",{close:e})])],2)]})),_:3},16,["model-value","backdrop-class","style"])}}});S("/* purgecss start ignore */\n\n/* stylelint-disable no-descending-specificity */\n\n.m-drawer[data-v-c62f903c] {\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n\n.m-drawer .m-drawer-content-wrap[data-v-c62f903c] {\n overflow-y: auto;\n background-color: var(--maz-color-bg-light);\n color: var(--maz-color-text);\n}\n\n.m-drawer .m-drawer-content-wrap > .m-drawer-header[data-v-c62f903c] {\n z-index: 1;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 4rem;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: var(--maz-color-bg);\n background-clip: padding-box;\n padding-left: 1rem;\n padding-right: 1rem;\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n}\n\n.m-drawer .m-drawer-content-wrap > .m-drawer-body[data-v-c62f903c] {\n z-index: 0;\n min-height: 0px;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 0%;\n flex: 1 1 0%;\n overflow-x: auto;\n background-color: var(--maz-color-bg-light);\n background-clip: padding-box;\n}\n\n.m-drawer.--right[data-v-c62f903c] {\n /* & .m-backdrop-content > .m-drawer-content-wrap {\n @apply lap-s:maz-h-auto;\n } */\n}\n\n.m-drawer.--right .m-backdrop-content[data-v-c62f903c] {\n height: auto;\n min-height: 100vh;\n -webkit-transition: all 0.45s;\n transition: all 0.45s;\n width: 100%;\n}\n\n@media (min-width: 768px) {\n\n.m-drawer.--right .m-backdrop-content[data-v-c62f903c] {\n width: var(--maz-drawer-size)\n}\n }\n\n.m-drawer.--right.backdrop-anim-enter-from > .m-backdrop-content[data-v-c62f903c],\n .m-drawer.--right.backdrop-anim-leave-to > .m-backdrop-content[data-v-c62f903c] {\n opacity: 0;\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n}\n\n.m-drawer.--top[data-v-c62f903c] {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n.m-drawer.--top .m-backdrop-content[data-v-c62f903c] {\n -webkit-transition: all 0.45s;\n transition: all 0.45s;\n width: 100%;\n height: 100vh;\n}\n\n@media (min-width: 768px) {\n\n.m-drawer.--top .m-backdrop-content[data-v-c62f903c] {\n height: auto\n}\n }\n\n.m-drawer.--top.backdrop-anim-enter-from > .m-backdrop-content[data-v-c62f903c],\n .m-drawer.--top.backdrop-anim-leave-to > .m-backdrop-content[data-v-c62f903c] {\n opacity: 0;\n -webkit-transform: translateY(-100%);\n transform: translateY(-100%);\n}\n\n.m-drawer .m-backdrop-content > .m-drawer-content-wrap[data-v-c62f903c] {\n pointer-events: auto;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n width: 100%;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n}\n\n/* purgecss end ignore */\n"),V.__scopeId="data-v-c62f903c";export{V as default};
|