maz-ui 3.4.2 → 3.4.4
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.
- package/components/MazAvatar.js +2 -2
- package/components/MazBottomSheet.js +2 -2
- package/components/MazBtn.js +2 -2
- package/components/MazCard.js +2 -2
- package/components/MazCarousel.js +2 -2
- package/components/MazChart.d.ts +2 -1
- package/components/MazChart.js +1 -1
- package/components/MazCheckbox.js +1 -1
- package/components/MazDialog.js +2 -2
- package/components/MazDialogPromise.js +2 -2
- package/components/MazDrawer.js +2 -2
- package/components/MazGallery.js +2 -2
- package/components/MazIcon.js +2 -2
- package/components/MazInput.js +2 -2
- package/components/MazInputNumber.js +2 -2
- package/components/MazInputPrice.js +2 -2
- package/components/MazInputTags.js +2 -2
- package/components/MazPhoneNumberInput/types.d.ts +2 -0
- package/components/MazPhoneNumberInput.js +2 -2
- package/components/MazPicker.d.ts +1 -1
- package/components/MazPicker.js +2 -2
- package/components/MazSelect.js +2 -2
- package/components/MazTabsBar.js +2 -2
- package/components/MazTextarea.js +1 -1
- package/components/index.d.ts +34 -72
- package/components/index.js +34 -108
- package/css/main.css +1 -1786
- package/maz-ui.d.ts +68 -34
- package/modules/index.js +2 -2
- package/package.json +24 -24
- package/tailwindcss/utils/colors.js +1 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{defineComponent as n,openBlock as t,createElementBlock as o,normalizeClass as r,pushScopeId as e,popScopeId as a,createElementVNode as i,inject as c,ref as l,computed as s,onMounted as d,
|
|
1
|
+
import{defineComponent as n,openBlock as t,createElementBlock as o,normalizeClass as r,pushScopeId as e,popScopeId as a,createElementVNode as i,inject as c,ref as l,computed as s,onMounted as d,watchEffect as u,mergeProps as b,createCommentVNode as f,nextTick as m,useAttrs as v,useSlots as p,createBlock as g,resolveDynamicComponent as h,unref as y,withCtx as w,renderSlot as k,createVNode as x}from"vue";var z=["width","height"],_=[function(n){return e("data-v-67dbd337"),n=n(),a(),n}((function(){return i("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)}))],S=n({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"primary",validator:function(n){return["info","white","success","warning","danger","primary","black","secondary","transparent"].includes(n)}}},setup:function(n){return function(e,a){return t(),o("svg",{width:n.size,height:n.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:r(["m-spinner","m-spinner--".concat(n.color)]),style:{"enable-background":"new 0 0 50 50"}},_,10,z)}}});function E(n,t){void 0===t&&(t={});var o=t.insertAt;if(n&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css","top"===o&&r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.styleSheet?e.styleSheet.cssText=n:e.appendChild(document.createTextNode(n))}}function L(n,t,o){return t in n?Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[t]=o,n}function j(n,t,o,r,e,a,i){try{var c=n[a](i),l=c.value}catch(n){return void o(n)}c.done?t(l):Promise.resolve(l).then(r,e)}E("\n@-webkit-keyframes maz-spin {\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg)\n }\n}\n@keyframes maz-spin {\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg)\n }\n}\n.m-spinner[data-v-67dbd337] {\n -webkit-animation: maz-spin 1s linear infinite;\n animation: maz-spin 1s linear infinite;\n fill: currentColor;\n color: var(--maz-color-white);\n margin: 0px !important\n}\n.m-spinner--primary[data-v-67dbd337] {\n color: var(--maz-color-primary)\n}\n.m-spinner--secondary[data-v-67dbd337] {\n color: var(--maz-color-secondary)\n}\n.m-spinner--info[data-v-67dbd337] {\n color: var(--maz-color-info)\n}\n.m-spinner--warning[data-v-67dbd337] {\n color: var(--maz-color-warning)\n}\n.m-spinner--danger[data-v-67dbd337] {\n color: var(--maz-color-danger)\n}\n.m-spinner--success[data-v-67dbd337] {\n color: var(--maz-color-success)\n}\n.m-spinner--black[data-v-67dbd337] {\n color: var(--maz-color-black)\n}\n.m-spinner--white[data-v-67dbd337] {\n color: var(--maz-color-white)\n}\n.m-spinner--transparent[data-v-67dbd337] {\n color: var(--maz-color-white)\n}\n"),S.__scopeId="data-v-67dbd337";var O={exports:{}},D={exports:{}};!function(n){function t(o){return n.exports=t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},n.exports.__esModule=!0,n.exports.default=n.exports,t(o)}n.exports=t,n.exports.__esModule=!0,n.exports.default=n.exports}(D),function(n){var t=D.exports.default;function o(){
|
|
2
2
|
/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
|
|
3
|
-
n.exports=o=function(){return r},n.exports.__esModule=!0,n.exports.default=n.exports;var r={},e=Object.prototype,a=e.hasOwnProperty,i="function"==typeof Symbol?Symbol:{},c=i.iterator||"@@iterator",l=i.asyncIterator||"@@asyncIterator",s=i.toStringTag||"@@toStringTag";function d(n,t,o){return Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}),n[t]}try{d({},"")}catch(n){d=function(n,t,o){return n[t]=o}}function u(n,t,o,r){var e=t&&t.prototype instanceof m?t:m,a=Object.create(e.prototype),i=new S(r||[]);return a._invoke=function(n,t,o){var r="suspendedStart";return function(e,a){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===e)throw a;return j()}for(o.method=e,o.arg=a;;){var i=o.delegate;if(i){var c=z(i,o);if(c){if(c===f)continue;return c}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if("suspendedStart"===r)throw r="completed",o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);r="executing";var l=b(n,t,o);if("normal"===l.type){if(r=o.done?"completed":"suspendedYield",l.arg===f)continue;return{value:l.arg,done:o.done}}"throw"===l.type&&(r="completed",o.method="throw",o.arg=l.arg)}}}(n,o,i),a}function b(n,t,o){try{return{type:"normal",arg:n.call(t,o)}}catch(n){return{type:"throw",arg:n}}}r.wrap=u;var f={};function m(){}function v(){}function p(){}var g={};d(g,c,(function(){return this}));var h=Object.getPrototypeOf,y=h&&h(h(L([])));y&&y!==e&&a.call(y,c)&&(g=y);var w=p.prototype=m.prototype=Object.create(g);function k(n){["next","throw","return"].forEach((function(t){d(n,t,(function(n){return this._invoke(t,n)}))}))}function x(n,o){function r(e,i,c,l){var s=b(n[e],n,i);if("throw"!==s.type){var d=s.arg,u=d.value;return u&&"object"==t(u)&&a.call(u,"__await")?o.resolve(u.__await).then((function(n){r("next",n,c,l)}),(function(n){r("throw",n,c,l)})):o.resolve(u).then((function(n){d.value=n,c(d)}),(function(n){return r("throw",n,c,l)}))}l(s.arg)}var e;this._invoke=function(n,t){function a(){return new o((function(o,e){r(n,t,o,e)}))}return e=e?e.then(a,a):a()}}function z(n,t){var o=n.iterator[t.method];if(void 0===o){if(t.delegate=null,"throw"===t.method){if(n.iterator.return&&(t.method="return",t.arg=void 0,z(n,t),"throw"===t.method))return f;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return f}var r=b(o,n.iterator,t.arg);if("throw"===r.type)return t.method="throw",t.arg=r.arg,t.delegate=null,f;var e=r.arg;return e?e.done?(t[n.resultName]=e.value,t.next=n.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,f):e:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,f)}function _(n){var t={tryLoc:n[0]};1 in n&&(t.catchLoc=n[1]),2 in n&&(t.finallyLoc=n[2],t.afterLoc=n[3]),this.tryEntries.push(t)}function E(n){var t=n.completion||{};t.type="normal",delete t.arg,n.completion=t}function S(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(_,this),this.reset(!0)}function L(n){if(n){var t=n[c];if(t)return t.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var o=-1,r=function t(){for(;++o<n.length;)if(a.call(n,o))return t.value=n[o],t.done=!1,t;return t.value=void 0,t.done=!0,t};return r.next=r}}return{next:j}}function j(){return{value:void 0,done:!0}}return v.prototype=p,d(w,"constructor",p),d(p,"constructor",v),v.displayName=d(p,s,"GeneratorFunction"),r.isGeneratorFunction=function(n){var t="function"==typeof n&&n.constructor;return!!t&&(t===v||"GeneratorFunction"===(t.displayName||t.name))},r.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,p):(n.__proto__=p,d(n,s,"GeneratorFunction")),n.prototype=Object.create(w),n},r.awrap=function(n){return{__await:n}},k(x.prototype),d(x.prototype,l,(function(){return this})),r.AsyncIterator=x,r.async=function(n,t,o,e,a){void 0===a&&(a=Promise);var i=new x(u(n,t,o,e),a);return r.isGeneratorFunction(t)?i:i.next().then((function(n){return n.done?n.value:i.next()}))},k(w),d(w,s,"Generator"),d(w,c,(function(){return this})),d(w,"toString",(function(){return"[object Generator]"})),r.keys=function(n){var t=[];for(var o in n)t.push(o);return t.reverse(),function o(){for(;t.length;){var r=t.pop();if(r in n)return o.value=r,o.done=!1,o}return o.done=!0,o}},r.values=L,S.prototype={constructor:S,reset:function(n){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(E),!n)for(var t in this)"t"===t.charAt(0)&&a.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var n=this.tryEntries[0].completion;if("throw"===n.type)throw n.arg;return this.rval},dispatchException:function(n){if(this.done)throw n;var t=this;function o(o,r){return i.type="throw",i.arg=n,t.next=o,r&&(t.method="next",t.arg=void 0),!!r}for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r],i=e.completion;if("root"===e.tryLoc)return o("end");if(e.tryLoc<=this.prev){var c=a.call(e,"catchLoc"),l=a.call(e,"finallyLoc");if(c&&l){if(this.prev<e.catchLoc)return o(e.catchLoc,!0);if(this.prev<e.finallyLoc)return o(e.finallyLoc)}else if(c){if(this.prev<e.catchLoc)return o(e.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<e.finallyLoc)return o(e.finallyLoc)}}}},abrupt:function(n,t){for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o];if(r.tryLoc<=this.prev&&a.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var e=r;break}}e&&("break"===n||"continue"===n)&&e.tryLoc<=t&&t<=e.finallyLoc&&(e=null);var i=e?e.completion:{};return i.type=n,i.arg=t,e?(this.method="next",this.next=e.finallyLoc,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),E(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 r=o.completion;if("throw"===r.type){var e=r.arg;E(o)}return e}}throw new Error("illegal catch attempt")},delegateYield:function(n,t,o){return this.delegate={iterator:L(n),resultName:t,nextLoc:o},"next"===this.method&&(this.arg=void 0),f}},r}n.exports=o,n.exports.__esModule=!0,n.exports.default=n.exports}(O);var P=O.exports(),B=P;try{regeneratorRuntime=P}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=P:Function("r","regeneratorRuntime = r")(P)}function C(n,t){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),o.push.apply(o,r)}return o}function F(n){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?C(Object(o),!0).forEach((function(t){L(n,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):C(Object(o)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(o,t))}))}return n}var I=["innerHTML"],M=n({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:function(n){return n}}},emits:["loaded","unloaded","error"],setup:function(n,r){var e=r.emit,a=n,i={},v=l(),p=l(),g=function(){try{return function(n,t){var o=c(n,t);if(!o)throw new Error("[maz-ui](injectStrict) Could not resolve ".concat(n));return o}("mazIconPath")}catch(n){return}},h=s((function(){var n;return null!==(n=a.path)&&void 0!==n?n:g()})),y=s((function(){return a.src?a.src:h.value?"".concat(h.value,"/").concat(a.name,".svg"):"/".concat(a.name,".svg")}));d((function(){if(!a.name&&!a.src)throw new Error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');k(y.value)}));var w=function(n){var t=n.cloneNode(!0);return t=a.transformSource(n),a.title&&function(n,t){var o=n.querySelectorAll("title");if(o.length>0)o[0].textContent=t;else{var r=document.createElementNS("http://www.w3.org/2000/svg","title");r.textContent=t,n.append(r)}}(t,a.title),n.innerHTML},k=function(){var n,t=(n=B.mark((function n(t){var o;return B.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return i[t]||(i[t]=x(t)),n.prev=1,n.next=4,i[t];case 4:return o=n.sent,v.value=o,n.next=8,m();case 8:e("loaded",p.value),n.next=16;break;case 11:n.prev=11,n.t0=n.catch(1),v.value&&(v.value=void 0,e("unloaded")),delete i[t],e("error",n.t0);case 16:case"end":return n.stop()}}),n,null,[[1,11]])})),function(){var t=this,o=arguments;return new Promise((function(r,e){var a=n.apply(t,o);function i(n){j(a,r,e,i,c,"next",n)}function c(n){j(a,r,e,i,c,"throw",n)}i(void 0)}))});return function(n){return t.apply(this,arguments)}}(),x=function(n){return new Promise((function(t,o){var r=new XMLHttpRequest;r.open("GET",n,!0),r.addEventListener("load",(function(){if(r.status>=200&&r.status<400)try{var n=(new DOMParser).parseFromString(r.responseText,"text/xml").querySelectorAll("svg")[0];n?(n=a.transformSource(n),t(n)):o(new Error('Loaded file is not valid SVG"'))}catch(n){o(n)}else o(new Error("Error loading SVG"))})),r.addEventListener("error",(function(){return o()})),r.send()}))};return u((function(){return a.src}),(function(){return k(y.value)})),function(r,e){return v.value?(t(),o("svg",b({key:0,ref_key:"svgElem",ref:p,width:"1em",height:"1em"},F(F({},function(n){var t={},o=n.attributes;if(!o)return t;for(var r=o.length-1;r>=0;r--)t[o[r].name]=o[r].value;return t}(v.value)),(a=r.$attrs,Object.keys(a).reduce((function(n,t){return!1!==a[t]&&null!==a[t]&&void 0!==a[t]&&(n[t]=a[t]),n}),{}))),{style:"font-size: ".concat(n.size),innerHTML:w(v.value)}),null,16,I)):f("",!0);var a}}}),T={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},N={class:"maz-flex maz-flex-center"},G={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},$=n({__name:"MazBtn",props:{variant:{type:String,default:"button",validator:function(n){return["button","link"].includes(n)}},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(n)}},type:{type:String,default:"button",validator:function(n){return["button","submit"].includes(n)}},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1}},setup:function(n){var e=n,a=v(),c=a.href,l=a.to,d=p(),u=s((function(){return c?"a":l?"router-link":"button"})),m=s((function(){return e.pastel?"--".concat(e.color,"-pastel"):e.outline||e.loading?"--".concat(e.color,"-outline"):"--".concat(e.color)})),z=s((function(){return(e.loading||e.disabled)&&"button"===u.value})),_=s((function(){return z.value?"--cursor-default":"--cursor-pointer"})),S=s((function(){return"--is-".concat(e.variant)})),L=s((function(){return"--".concat(e.color)})),j=s((function(){return["white"].includes(e.color)?"black":"white"})),O=s((function(){return e.loading&&"button"===e.variant})),D=s((function(){return!!d["left-icon"]||e.leftIcon})),P=s((function(){return!!d["right-icon"]||e.rightIcon})),B=s((function(){return D.value||P.value})),C=s((function(){return"button"===u.value?e.type:void 0}));return function(e,a){return t(),g(h(y(u)),b(e.$attrs,{disabled:y(z),class:["m-btn",["--".concat(n.size),y(m),y(_),y(S),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":y(z),"--icon":y(B),"--rounded":n.rounded,"--no-padding":n.noPadding,"--no-elevation":n.noElevation}]],type:y(C)}),{default:w((function(){return[y(D)?(t(),o("div",T,[k(e.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g(M,{key:0,name:n.leftIcon},null,8,["name"])):f("",!0)]}))])):f("",!0),i("span",N,[k(e.$slots,"default")]),y(P)?(t(),o("div",G,[k(e.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g(M,{key:0,name:n.rightIcon},null,8,["name"])):f("",!0)]}))])):f("",!0),y(O)?(t(),o("div",{key:2,class:r(["m-btn__loading-wrapper",y(L)])},[x(E,{size:"2em",color:y(j)},null,8,["color"])],2)):f("",!0)]})),_:3},16,["disabled","class","type"])}}});S("\n.m-btn[data-v-4f7c1518] {\n\n border-width: var(--maz-border-width);\n\n border-style: solid;\n\n border-color: transparent;\n\n text-align: center;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n color: var(--maz-color-text);\n}\n.m-btn span[data-v-4f7c1518] {\n\n line-height: 1;\n}\n.m-btn__icon-left[data-v-4f7c1518] {\n\n margin-right: 0.5rem;\n\n margin-left: -0.25rem;\n\n line-height: 1;\n}\n.m-btn__icon-right[data-v-4f7c1518] {\n\n margin-left: 0.5rem;\n\n margin-right: -0.25rem;\n\n line-height: 1;\n}\n.m-btn.--cursor-pointer[data-v-4f7c1518] {\n\n cursor: pointer;\n}\n.m-btn.--cursor-default[data-v-4f7c1518] {\n\n cursor: default;\n}\n.m-btn.--is-link[data-v-4f7c1518] {\n\n display: -webkit-inline-box;\n\n display: -ms-inline-flexbox;\n\n display: inline-flex;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n background-color: transparent;\n\n outline: 2px solid transparent;\n\n outline-offset: 2px;\n\n -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n -webkit-transition-duration: 200ms;\n\n transition-duration: 200ms;\n\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-link[data-v-4f7c1518]:not(.--no-leading) {\n\n line-height: 2.25rem;\n}\n.m-btn.--is-link[data-v-4f7c1518]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-4f7c1518]:not(:disabled):focus:not(.--no-underline) {\n\n text-decoration-line: underline;\n}\n.m-btn.--is-link.--secondary[data-v-4f7c1518] {\n\n color: var(--maz-color-secondary);\n}\n.m-btn.--is-link.--info[data-v-4f7c1518] {\n\n color: var(--maz-color-info);\n}\n.m-btn.--is-link.--warning[data-v-4f7c1518] {\n\n color: var(--maz-color-warning-600);\n}\n.m-btn.--is-link.--danger[data-v-4f7c1518] {\n\n color: var(--maz-color-danger-600);\n}\n.m-btn.--is-link.--success[data-v-4f7c1518] {\n\n color: var(--maz-color-success-600);\n}\n.m-btn.--is-link.--white[data-v-4f7c1518] {\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-link.--black[data-v-4f7c1518] {\n\n color: var(--maz-color-black);\n}\n.m-btn.--is-button[data-v-4f7c1518] {\n\n position: relative;\n\n display: -webkit-inline-box;\n\n display: -ms-inline-flexbox;\n\n display: inline-flex;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: center;\n\n -ms-flex-pack: center;\n\n justify-content: center;\n\n overflow: hidden;\n\n border-radius: var(--maz-border-radius);\n\n border-color: transparent;\n\n background-color: transparent;\n\n font-weight: 500;\n\n text-decoration-line: none;\n\n -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n -webkit-transition-duration: 300ms;\n\n transition-duration: 300ms;\n\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-button.--rounded[data-v-4f7c1518] {\n\n border-radius: 9999px;\n}\n.m-btn.--is-button.--xl[data-v-4f7c1518] {\n\n padding-left: 2rem;\n\n padding-right: 2rem;\n\n font-size: 1.25rem;\n\n line-height: 1.75rem;\n\n padding-top: 1.325rem;\n padding-bottom: 1.325rem;\n}\n.m-btn.--is-button.--lg[data-v-4f7c1518] {\n\n padding-left: 1.5rem;\n\n padding-right: 1.5rem;\n\n font-size: 1.125rem;\n\n line-height: 1.75rem;\n\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n.m-btn.--is-button.--md[data-v-4f7c1518] {\n\n padding-left: 1rem;\n\n padding-right: 1rem;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n padding-top: 0.88rem;\n padding-bottom: 0.88rem;\n}\n.m-btn.--is-button.--sm[data-v-4f7c1518] {\n\n padding-left: 0.75rem;\n\n padding-right: 0.75rem;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n.m-btn.--is-button.--xs[data-v-4f7c1518] {\n\n padding-left: 0.5rem;\n\n padding-right: 0.5rem;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n padding-top: 0.3rem;\n padding-bottom: 0.3rem;\n}\n.m-btn.--is-button.--mini[data-v-4f7c1518] {\n\n padding-left: 0.25rem;\n\n padding-right: 0.25rem;\n\n font-size: 0.75rem;\n\n line-height: 1rem;\n\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n}\n.m-btn.--is-button.--icon[data-v-4f7c1518] {\n\n padding-top: 0.5rem;\n\n padding-bottom: 0.5rem;\n}\n.m-btn.--is-button[data-v-4f7c1518] {\n\n -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n\n transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n/* Not disabled */\n.m-btn.--is-button[data-v-4f7c1518]:not(.--disabled):hover,\n .m-btn.--is-button[data-v-4f7c1518]:not(.--disabled):focus {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n}\n/* Fab */\n.m-btn.--is-button.--fab[data-v-4f7c1518] {\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n height: 3rem;\n\n width: 3rem;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: center;\n\n -ms-flex-pack: center;\n\n justify-content: center;\n\n border-radius: 9999px;\n\n padding-left: 0px;\n\n padding-right: 0px;\n\n padding-top: 0px;\n\n padding-bottom: 0px;\n}\n.m-btn.--is-button.--fab[data-v-4f7c1518]:not(.--no-elevation) {\n\n -webkit-box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n\n box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n}\n.m-btn.--is-button.--block[data-v-4f7c1518] {\n\n width: 100%;\n}\n.m-btn.--is-button.--primary[data-v-4f7c1518] {\n\n background-color: var(--maz-color-primary);\n\n color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--primary[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--primary[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-primary-600);\n}\n.m-btn.--is-button.--secondary[data-v-4f7c1518] {\n\n background-color: var(--maz-color-secondary);\n\n color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--secondary[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--secondary[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-secondary-600);\n}\n.m-btn.--is-button.--info[data-v-4f7c1518] {\n\n background-color: var(--maz-color-info);\n\n color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--info[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--info[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-info-600);\n}\n.m-btn.--is-button.--success[data-v-4f7c1518] {\n\n background-color: var(--maz-color-success);\n\n color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--success[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--success[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-success-600);\n}\n.m-btn.--is-button.--warning[data-v-4f7c1518] {\n\n background-color: var(--maz-color-warning);\n\n color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--warning[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--warning[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-warning-600);\n}\n.m-btn.--is-button.--danger[data-v-4f7c1518] {\n\n background-color: var(--maz-color-danger);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--danger[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-danger-600);\n}\n.m-btn.--is-button.--white[data-v-4f7c1518] {\n\n background-color: var(--maz-color-white);\n\n color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--white[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--white[data-v-4f7c1518]:not(:disabled):focus {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(209 213 219 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--black[data-v-4f7c1518] {\n\n background-color: var(--maz-color-black);\n\n color: var(--maz-color-black-contrast);\n}\n.m-btn.--is-button.--black[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--black[data-v-4f7c1518]:not(:disabled):focus {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(31 41 55 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--transparent[data-v-4f7c1518] {\n\n background-color: transparent;\n}\n.m-btn.--is-button.--transparent[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--transparent[data-v-4f7c1518]:not(:disabled):focus {\n background-color: hsl(0deg 0% 0% / 12%);\n}\n.m-btn.--is-button.--primary-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-primary);\n\n color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--primary-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-primary);\n\n color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-secondary);\n\n color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--secondary-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-secondary);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--info-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-info);\n\n color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--info-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-info);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--success-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-success);\n\n color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--success-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-success);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-danger);\n\n color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--danger-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-danger);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--warning-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-warning);\n\n color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--warning-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-warning);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-white);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--white-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-white);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--black-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-black);\n\n color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--black-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-black);\n\n color: var(--maz-color-black);\n}\n.m-btn.--is-button.--primary-pastel[data-v-4f7c1518] {\n\n background-color: var(--maz-color-primary-50);\n\n color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--primary-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-primary);\n\n color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-4f7c1518] {\n\n background-color: var(--maz-color-secondary-50);\n\n color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--secondary-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-secondary);\n\n color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--info-pastel[data-v-4f7c1518] {\n\n background-color: var(--maz-color-info-50);\n\n color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--info-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-info);\n\n color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--success-pastel[data-v-4f7c1518] {\n\n background-color: var(--maz-color-success-50);\n\n color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--success-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-success);\n\n color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--danger-pastel[data-v-4f7c1518] {\n\n background-color: var(--maz-color-danger-50);\n\n color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--danger-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-danger);\n\n color: var(--maz-color-danger-contrast);\n}\n.m-btn.--is-button.--warning-pastel[data-v-4f7c1518] {\n\n background-color: var(--maz-color-warning-50);\n\n color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--warning-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-warning);\n\n color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--white-pastel[data-v-4f7c1518] {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--white-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-white);\n\n color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--black-pastel[data-v-4f7c1518] {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n\n color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--black-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-black);\n\n color: var(--maz-color-black-contrast);\n}\n/* Disabled */\n.m-btn.--is-button.--disabled[data-v-4f7c1518] {\n\n cursor: not-allowed;\n\n background-color: var(--maz-color-bg-lighter);\n\n --tw-text-opacity: 1;\n\n color: rgb(156 163 175 / var(--tw-text-opacity));\n}\n.m-btn.--is-button.--no-padding[data-v-4f7c1518] {\n\n padding: 0px;\n}\n/* Loader */\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-4f7c1518] {\n\n position: absolute;\n\n top: 0px;\n\n right: 0px;\n\n bottom: 0px;\n\n left: 0px;\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: center;\n\n -ms-flex-pack: center;\n\n justify-content: center;\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-4f7c1518] {\n\n background-color: var(--maz-color-primary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-4f7c1518] {\n\n background-color: var(--maz-color-secondary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-4f7c1518] {\n\n background-color: var(--maz-color-info);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-4f7c1518] {\n\n background-color: var(--maz-color-warning);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-4f7c1518] {\n\n background-color: var(--maz-color-success);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-4f7c1518] {\n\n background-color: var(--maz-color-danger);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-4f7c1518] {\n\n background-color: var(--maz-color-white);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-4f7c1518] {\n\n background-color: var(--maz-color-black);\n}\n"),$.__scopeId="data-v-4f7c1518";var A={class:"m-carousel"},H={key:0},R={key:1,class:"m-carousel__header__actions"},W=function(n){return e("data-v-d761f5f4"),n=n(),a(),n}((function(){return i("div",{class:"m-carousel__items__spacer"},null,-1)})),q=n({__name:"MazCarousel",props:{noScrollBtn:{type:Boolean,default:!1}},setup:function(n){var e=n,a=p(),c=l(!1),s=l(!1),d=l(),u=function(){return!!a.title},b=function(){var n=d.value;null==n||n.scrollTo(n.scrollLeft+n.clientWidth,0)},m=function(){var n=d.value;null==n||n.scrollTo(n.scrollLeft-n.clientWidth,0)},v=function(n){var t=n.target;if(t){c.value=t.scrollLeft>=20;var o=t.scrollWidth-t.clientWidth;s.value=t.scrollLeft>=o-20}};return function(l,p){return t(),o("div",A,[!e.noScrollBtn||a.title?(t(),o("div",{key:0,class:r(["m-carousel__header",{"--has-title":u()}])},[u()?(t(),o("div",H,[k(l.$slots,"title")])):f("",!0),n.noScrollBtn?f("",!0):(t(),o("div",R,[x($,{color:"transparent",class:r(["m-carousel__btn",{"--muted":!c.value}]),"no-elevation":"",fab:"",onClick:m},{default:w((function(){return[k(l.$slots,"previous-icon",{},(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%22M15%2019l-7-7%207-7%22%2F%3E%3C%2Fsvg%3E")},null,8,["src"])]}))]})),_:3},8,["class"]),x($,{color:"transparent",class:r(["m-carousel__btn",{"--muted":s.value}]),fab:"","no-elevation":"",onClick:b},{default:w((function(){return[k(l.$slots,"next-icon",{},(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%22M9%205l7%207-7%207%22%2F%3E%3C%2Fsvg%3E")},null,8,["src"])]}))]})),_:3},8,["class"])]))],2)):f("",!0),i("div",{ref_key:"MazCarouselItems",ref:d,class:"m-carousel__items",onScroll:v},[k(l.$slots,"default"),W],544)])}}});S("\n.m-carousel[data-v-d761f5f4] {\n\n position: relative;\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n -webkit-box-orient: vertical;\n\n -webkit-box-direction: normal;\n\n -ms-flex-direction: column;\n\n flex-direction: column;\n}\n.m-carousel__header[data-v-d761f5f4] {\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: end;\n\n -ms-flex-pack: end;\n\n justify-content: flex-end;\n}\n.m-carousel__header.--has-title[data-v-d761f5f4] {\n\n -webkit-box-pack: justify;\n\n -ms-flex-pack: justify;\n\n justify-content: space-between;\n}\n.m-carousel__header__actions[data-v-d761f5f4] {\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n -webkit-box-flex: 1;\n\n -ms-flex: 1 1 0%;\n\n flex: 1 1 0%;\n\n -webkit-box-pack: end;\n\n -ms-flex-pack: end;\n\n justify-content: flex-end;\n}\n.m-carousel__header__actions[data-v-d761f5f4] > :not([hidden]) ~ :not([hidden]) {\n\n --tw-space-x-reverse: 0;\n\n margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n\n margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.m-carousel__items[data-v-d761f5f4] {\n\n z-index: 1;\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n -webkit-box-flex: 1;\n\n -ms-flex: 1 1 0%;\n\n flex: 1 1 0%;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: start;\n\n -ms-flex-pack: start;\n\n justify-content: flex-start;\n}\n.m-carousel__items[data-v-d761f5f4] > :not([hidden]) ~ :not([hidden]) {\n\n --tw-space-x-reverse: 0;\n\n margin-right: calc(1.25rem * var(--tw-space-x-reverse));\n\n margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.m-carousel__items[data-v-d761f5f4] {\n\n overflow-x: auto;\n\n overflow-y: hidden;\n\n padding-top: 1rem;\n\n padding-bottom: 1rem;\n\n padding-left: 0.75rem;\n\n scroll-behavior: smooth;\n}\n.m-carousel__items__spacer[data-v-d761f5f4] {\n -ms-flex: 0 0 1px;\n -webkit-box-flex: 0;\n flex: 0 0 1px;\n width: 1px;\n height: 1px;\n}\n.m-carousel__btn.--muted[data-v-d761f5f4] {\n\n color: var(--maz-color-muted);\n\n fill: currentColor;\n}\n"),q.__scopeId="data-v-d761f5f4";export{q as default};
|
|
3
|
+
n.exports=o=function(){return r},n.exports.__esModule=!0,n.exports.default=n.exports;var r={},e=Object.prototype,a=e.hasOwnProperty,i="function"==typeof Symbol?Symbol:{},c=i.iterator||"@@iterator",l=i.asyncIterator||"@@asyncIterator",s=i.toStringTag||"@@toStringTag";function d(n,t,o){return Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}),n[t]}try{d({},"")}catch(n){d=function(n,t,o){return n[t]=o}}function u(n,t,o,r){var e=t&&t.prototype instanceof m?t:m,a=Object.create(e.prototype),i=new E(r||[]);return a._invoke=function(n,t,o){var r="suspendedStart";return function(e,a){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===e)throw a;return j()}for(o.method=e,o.arg=a;;){var i=o.delegate;if(i){var c=z(i,o);if(c){if(c===f)continue;return c}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if("suspendedStart"===r)throw r="completed",o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);r="executing";var l=b(n,t,o);if("normal"===l.type){if(r=o.done?"completed":"suspendedYield",l.arg===f)continue;return{value:l.arg,done:o.done}}"throw"===l.type&&(r="completed",o.method="throw",o.arg=l.arg)}}}(n,o,i),a}function b(n,t,o){try{return{type:"normal",arg:n.call(t,o)}}catch(n){return{type:"throw",arg:n}}}r.wrap=u;var f={};function m(){}function v(){}function p(){}var g={};d(g,c,(function(){return this}));var h=Object.getPrototypeOf,y=h&&h(h(L([])));y&&y!==e&&a.call(y,c)&&(g=y);var w=p.prototype=m.prototype=Object.create(g);function k(n){["next","throw","return"].forEach((function(t){d(n,t,(function(n){return this._invoke(t,n)}))}))}function x(n,o){function r(e,i,c,l){var s=b(n[e],n,i);if("throw"!==s.type){var d=s.arg,u=d.value;return u&&"object"==t(u)&&a.call(u,"__await")?o.resolve(u.__await).then((function(n){r("next",n,c,l)}),(function(n){r("throw",n,c,l)})):o.resolve(u).then((function(n){d.value=n,c(d)}),(function(n){return r("throw",n,c,l)}))}l(s.arg)}var e;this._invoke=function(n,t){function a(){return new o((function(o,e){r(n,t,o,e)}))}return e=e?e.then(a,a):a()}}function z(n,t){var o=n.iterator[t.method];if(void 0===o){if(t.delegate=null,"throw"===t.method){if(n.iterator.return&&(t.method="return",t.arg=void 0,z(n,t),"throw"===t.method))return f;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return f}var r=b(o,n.iterator,t.arg);if("throw"===r.type)return t.method="throw",t.arg=r.arg,t.delegate=null,f;var e=r.arg;return e?e.done?(t[n.resultName]=e.value,t.next=n.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,f):e:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,f)}function _(n){var t={tryLoc:n[0]};1 in n&&(t.catchLoc=n[1]),2 in n&&(t.finallyLoc=n[2],t.afterLoc=n[3]),this.tryEntries.push(t)}function S(n){var t=n.completion||{};t.type="normal",delete t.arg,n.completion=t}function E(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(_,this),this.reset(!0)}function L(n){if(n){var t=n[c];if(t)return t.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var o=-1,r=function t(){for(;++o<n.length;)if(a.call(n,o))return t.value=n[o],t.done=!1,t;return t.value=void 0,t.done=!0,t};return r.next=r}}return{next:j}}function j(){return{value:void 0,done:!0}}return v.prototype=p,d(w,"constructor",p),d(p,"constructor",v),v.displayName=d(p,s,"GeneratorFunction"),r.isGeneratorFunction=function(n){var t="function"==typeof n&&n.constructor;return!!t&&(t===v||"GeneratorFunction"===(t.displayName||t.name))},r.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,p):(n.__proto__=p,d(n,s,"GeneratorFunction")),n.prototype=Object.create(w),n},r.awrap=function(n){return{__await:n}},k(x.prototype),d(x.prototype,l,(function(){return this})),r.AsyncIterator=x,r.async=function(n,t,o,e,a){void 0===a&&(a=Promise);var i=new x(u(n,t,o,e),a);return r.isGeneratorFunction(t)?i:i.next().then((function(n){return n.done?n.value:i.next()}))},k(w),d(w,s,"Generator"),d(w,c,(function(){return this})),d(w,"toString",(function(){return"[object Generator]"})),r.keys=function(n){var t=[];for(var o in n)t.push(o);return t.reverse(),function o(){for(;t.length;){var r=t.pop();if(r in n)return o.value=r,o.done=!1,o}return o.done=!0,o}},r.values=L,E.prototype={constructor:E,reset:function(n){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(S),!n)for(var t in this)"t"===t.charAt(0)&&a.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var n=this.tryEntries[0].completion;if("throw"===n.type)throw n.arg;return this.rval},dispatchException:function(n){if(this.done)throw n;var t=this;function o(o,r){return i.type="throw",i.arg=n,t.next=o,r&&(t.method="next",t.arg=void 0),!!r}for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r],i=e.completion;if("root"===e.tryLoc)return o("end");if(e.tryLoc<=this.prev){var c=a.call(e,"catchLoc"),l=a.call(e,"finallyLoc");if(c&&l){if(this.prev<e.catchLoc)return o(e.catchLoc,!0);if(this.prev<e.finallyLoc)return o(e.finallyLoc)}else if(c){if(this.prev<e.catchLoc)return o(e.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<e.finallyLoc)return o(e.finallyLoc)}}}},abrupt:function(n,t){for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o];if(r.tryLoc<=this.prev&&a.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var e=r;break}}e&&("break"===n||"continue"===n)&&e.tryLoc<=t&&t<=e.finallyLoc&&(e=null);var i=e?e.completion:{};return i.type=n,i.arg=t,e?(this.method="next",this.next=e.finallyLoc,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 r=o.completion;if("throw"===r.type){var e=r.arg;S(o)}return e}}throw new Error("illegal catch attempt")},delegateYield:function(n,t,o){return this.delegate={iterator:L(n),resultName:t,nextLoc:o},"next"===this.method&&(this.arg=void 0),f}},r}n.exports=o,n.exports.__esModule=!0,n.exports.default=n.exports}(O);var P=O.exports(),B=P;try{regeneratorRuntime=P}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=P:Function("r","regeneratorRuntime = r")(P)}function C(n,t){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),o.push.apply(o,r)}return o}function F(n){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?C(Object(o),!0).forEach((function(t){L(n,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):C(Object(o)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(o,t))}))}return n}var I=["innerHTML"],M=n({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:function(n){return n}}},emits:["loaded","unloaded","error"],setup:function(n,r){var e=r.emit,a=n,i={},v=l(),p=l(),g=function(){try{return function(n,t){var o=c(n,t);if(!o)throw new Error("[maz-ui](injectStrict) Could not resolve ".concat(n));return o}("mazIconPath")}catch(n){return}},h=s((function(){var n;return null!==(n=a.path)&&void 0!==n?n:g()})),y=s((function(){return a.src?a.src:h.value?"".concat(h.value,"/").concat(a.name,".svg"):"/".concat(a.name,".svg")}));d((function(){a.name||a.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));var w=function(n){var t=n.cloneNode(!0);return t=a.transformSource(n),a.title&&function(n,t){var o=n.querySelectorAll("title");if(o.length>0)o[0].textContent=t;else{var r=document.createElementNS("http://www.w3.org/2000/svg","title");r.textContent=t,n.append(r)}}(t,a.title),n.innerHTML},k=function(){var n,t=(n=B.mark((function n(t){var o;return B.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return i[t]||(i[t]=x(t)),n.prev=1,n.next=4,i[t];case 4:return o=n.sent,v.value=o,n.next=8,m();case 8:e("loaded",p.value),n.next=16;break;case 11:n.prev=11,n.t0=n.catch(1),v.value&&(v.value=void 0,e("unloaded")),delete i[t],e("error",n.t0);case 16:case"end":return n.stop()}}),n,null,[[1,11]])})),function(){var t=this,o=arguments;return new Promise((function(r,e){var a=n.apply(t,o);function i(n){j(a,r,e,i,c,"next",n)}function c(n){j(a,r,e,i,c,"throw",n)}i(void 0)}))});return function(n){return t.apply(this,arguments)}}(),x=function(n){return new Promise((function(t,o){var r=new XMLHttpRequest;r.open("GET",n,!0),r.addEventListener("load",(function(){if(r.status>=200&&r.status<400)try{var n=(new DOMParser).parseFromString(r.responseText,"text/xml").querySelectorAll("svg")[0];n?(n=a.transformSource(n),t(n)):o(new Error('Loaded file is not valid SVG"'))}catch(n){o(n)}else o(new Error("Error loading SVG"))})),r.addEventListener("error",(function(){return o()})),r.send()}))};return u((function(){return k(y.value)})),function(r,e){return v.value?(t(),o("svg",b({key:0,ref_key:"svgElem",ref:p,width:"1em",height:"1em"},F(F({},function(n){var t={},o=n.attributes;if(!o)return t;for(var r=o.length-1;r>=0;r--)t[o[r].name]=o[r].value;return t}(v.value)),(a=r.$attrs,Object.keys(a).reduce((function(n,t){return!1!==a[t]&&null!==a[t]&&void 0!==a[t]&&(n[t]=a[t]),n}),{}))),{style:"font-size: ".concat(n.size),innerHTML:w(v.value)}),null,16,I)):f("",!0);var a}}}),T={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},N={class:"maz-flex maz-flex-center"},G={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},$=n({__name:"MazBtn",props:{variant:{type:String,default:"button",validator:function(n){return["button","link"].includes(n)}},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(n)}},type:{type:String,default:"button",validator:function(n){return["button","submit"].includes(n)}},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1}},setup:function(n){var e=n,a=v(),c=a.href,l=a.to,d=p(),u=s((function(){return c?"a":l?"router-link":"button"})),m=s((function(){return e.pastel?"--".concat(e.color,"-pastel"):e.outline||e.loading?"--".concat(e.color,"-outline"):"--".concat(e.color)})),z=s((function(){return(e.loading||e.disabled)&&"button"===u.value})),_=s((function(){return z.value?"--cursor-default":"--cursor-pointer"})),E=s((function(){return"--is-".concat(e.variant)})),L=s((function(){return"--".concat(e.color)})),j=s((function(){return["white"].includes(e.color)?"black":"white"})),O=s((function(){return e.loading&&"button"===e.variant})),D=s((function(){return!!d["left-icon"]||e.leftIcon})),P=s((function(){return!!d["right-icon"]||e.rightIcon})),B=s((function(){return D.value||P.value})),C=s((function(){return"button"===u.value?e.type:void 0}));return function(e,a){return t(),g(h(y(u)),b(e.$attrs,{disabled:y(z),class:["m-btn",["--".concat(n.size),y(m),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(B),"--rounded":n.rounded,"--no-padding":n.noPadding,"--no-elevation":n.noElevation}]],type:y(C)}),{default:w((function(){return[y(D)?(t(),o("div",T,[k(e.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g(M,{key:0,name:n.leftIcon},null,8,["name"])):f("",!0)]}))])):f("",!0),i("span",N,[k(e.$slots,"default")]),y(P)?(t(),o("div",G,[k(e.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g(M,{key:0,name:n.rightIcon},null,8,["name"])):f("",!0)]}))])):f("",!0),y(O)?(t(),o("div",{key:2,class:r(["m-btn__loading-wrapper",y(L)])},[x(S,{size:"2em",color:y(j)},null,8,["color"])],2)):f("",!0)]})),_:3},16,["disabled","class","type"])}}});E("\n.m-btn[data-v-4f7c1518] {\n\n border-width: var(--maz-border-width);\n\n border-style: solid;\n\n border-color: transparent;\n\n text-align: center;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n color: var(--maz-color-text);\n}\n.m-btn span[data-v-4f7c1518] {\n\n line-height: 1;\n}\n.m-btn__icon-left[data-v-4f7c1518] {\n\n margin-right: 0.5rem;\n\n margin-left: -0.25rem;\n\n line-height: 1;\n}\n.m-btn__icon-right[data-v-4f7c1518] {\n\n margin-left: 0.5rem;\n\n margin-right: -0.25rem;\n\n line-height: 1;\n}\n.m-btn.--cursor-pointer[data-v-4f7c1518] {\n\n cursor: pointer;\n}\n.m-btn.--cursor-default[data-v-4f7c1518] {\n\n cursor: default;\n}\n.m-btn.--is-link[data-v-4f7c1518] {\n\n display: -webkit-inline-box;\n\n display: -ms-inline-flexbox;\n\n display: inline-flex;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n background-color: transparent;\n\n outline: 2px solid transparent;\n\n outline-offset: 2px;\n\n -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n -webkit-transition-duration: 200ms;\n\n transition-duration: 200ms;\n\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-link[data-v-4f7c1518]:not(.--no-leading) {\n\n line-height: 2.25rem;\n}\n.m-btn.--is-link[data-v-4f7c1518]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-4f7c1518]:not(:disabled):focus:not(.--no-underline) {\n\n text-decoration-line: underline;\n}\n.m-btn.--is-link.--secondary[data-v-4f7c1518] {\n\n color: var(--maz-color-secondary);\n}\n.m-btn.--is-link.--info[data-v-4f7c1518] {\n\n color: var(--maz-color-info);\n}\n.m-btn.--is-link.--warning[data-v-4f7c1518] {\n\n color: var(--maz-color-warning-600);\n}\n.m-btn.--is-link.--danger[data-v-4f7c1518] {\n\n color: var(--maz-color-danger-600);\n}\n.m-btn.--is-link.--success[data-v-4f7c1518] {\n\n color: var(--maz-color-success-600);\n}\n.m-btn.--is-link.--white[data-v-4f7c1518] {\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-link.--black[data-v-4f7c1518] {\n\n color: var(--maz-color-black);\n}\n.m-btn.--is-button[data-v-4f7c1518] {\n\n position: relative;\n\n display: -webkit-inline-box;\n\n display: -ms-inline-flexbox;\n\n display: inline-flex;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: center;\n\n -ms-flex-pack: center;\n\n justify-content: center;\n\n overflow: hidden;\n\n border-radius: var(--maz-border-radius);\n\n border-color: transparent;\n\n background-color: transparent;\n\n font-weight: 500;\n\n text-decoration-line: none;\n\n -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n -webkit-transition-duration: 300ms;\n\n transition-duration: 300ms;\n\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-button.--rounded[data-v-4f7c1518] {\n\n border-radius: 9999px;\n}\n.m-btn.--is-button.--xl[data-v-4f7c1518] {\n\n padding-left: 2rem;\n\n padding-right: 2rem;\n\n font-size: 1.25rem;\n\n line-height: 1.75rem;\n\n padding-top: 1.325rem;\n padding-bottom: 1.325rem;\n}\n.m-btn.--is-button.--lg[data-v-4f7c1518] {\n\n padding-left: 1.5rem;\n\n padding-right: 1.5rem;\n\n font-size: 1.125rem;\n\n line-height: 1.75rem;\n\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n.m-btn.--is-button.--md[data-v-4f7c1518] {\n\n padding-left: 1rem;\n\n padding-right: 1rem;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n padding-top: 0.88rem;\n padding-bottom: 0.88rem;\n}\n.m-btn.--is-button.--sm[data-v-4f7c1518] {\n\n padding-left: 0.75rem;\n\n padding-right: 0.75rem;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n.m-btn.--is-button.--xs[data-v-4f7c1518] {\n\n padding-left: 0.5rem;\n\n padding-right: 0.5rem;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n padding-top: 0.3rem;\n padding-bottom: 0.3rem;\n}\n.m-btn.--is-button.--mini[data-v-4f7c1518] {\n\n padding-left: 0.25rem;\n\n padding-right: 0.25rem;\n\n font-size: 0.75rem;\n\n line-height: 1rem;\n\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n}\n.m-btn.--is-button.--icon[data-v-4f7c1518] {\n\n padding-top: 0.5rem;\n\n padding-bottom: 0.5rem;\n}\n.m-btn.--is-button[data-v-4f7c1518] {\n\n -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n\n transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n/* Not disabled */\n.m-btn.--is-button[data-v-4f7c1518]:not(.--disabled):hover,\n .m-btn.--is-button[data-v-4f7c1518]:not(.--disabled):focus {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n}\n/* Fab */\n.m-btn.--is-button.--fab[data-v-4f7c1518] {\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n height: 3rem;\n\n width: 3rem;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: center;\n\n -ms-flex-pack: center;\n\n justify-content: center;\n\n border-radius: 9999px;\n\n padding-left: 0px;\n\n padding-right: 0px;\n\n padding-top: 0px;\n\n padding-bottom: 0px;\n}\n.m-btn.--is-button.--fab[data-v-4f7c1518]:not(.--no-elevation) {\n\n -webkit-box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n\n box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n}\n.m-btn.--is-button.--block[data-v-4f7c1518] {\n\n width: 100%;\n}\n.m-btn.--is-button.--primary[data-v-4f7c1518] {\n\n background-color: var(--maz-color-primary);\n\n color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--primary[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--primary[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-primary-600);\n}\n.m-btn.--is-button.--secondary[data-v-4f7c1518] {\n\n background-color: var(--maz-color-secondary);\n\n color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--secondary[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--secondary[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-secondary-600);\n}\n.m-btn.--is-button.--info[data-v-4f7c1518] {\n\n background-color: var(--maz-color-info);\n\n color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--info[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--info[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-info-600);\n}\n.m-btn.--is-button.--success[data-v-4f7c1518] {\n\n background-color: var(--maz-color-success);\n\n color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--success[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--success[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-success-600);\n}\n.m-btn.--is-button.--warning[data-v-4f7c1518] {\n\n background-color: var(--maz-color-warning);\n\n color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--warning[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--warning[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-warning-600);\n}\n.m-btn.--is-button.--danger[data-v-4f7c1518] {\n\n background-color: var(--maz-color-danger);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--danger[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-danger-600);\n}\n.m-btn.--is-button.--white[data-v-4f7c1518] {\n\n background-color: var(--maz-color-white);\n\n color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--white[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--white[data-v-4f7c1518]:not(:disabled):focus {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(209 213 219 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--black[data-v-4f7c1518] {\n\n background-color: var(--maz-color-black);\n\n color: var(--maz-color-black-contrast);\n}\n.m-btn.--is-button.--black[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--black[data-v-4f7c1518]:not(:disabled):focus {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(31 41 55 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--transparent[data-v-4f7c1518] {\n\n background-color: transparent;\n}\n.m-btn.--is-button.--transparent[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--transparent[data-v-4f7c1518]:not(:disabled):focus {\n background-color: hsl(0deg 0% 0% / 12%);\n}\n.m-btn.--is-button.--primary-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-primary);\n\n color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--primary-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-primary);\n\n color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-secondary);\n\n color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--secondary-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-secondary);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--info-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-info);\n\n color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--info-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-info);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--success-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-success);\n\n color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--success-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-success);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-danger);\n\n color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--danger-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-danger);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--warning-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-warning);\n\n color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--warning-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-warning);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-white);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--white-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-white);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--black-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-black);\n\n color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--black-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-black);\n\n color: var(--maz-color-black);\n}\n.m-btn.--is-button.--primary-pastel[data-v-4f7c1518] {\n\n background-color: var(--maz-color-primary-50);\n\n color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--primary-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-primary);\n\n color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-4f7c1518] {\n\n background-color: var(--maz-color-secondary-50);\n\n color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--secondary-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-secondary);\n\n color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--info-pastel[data-v-4f7c1518] {\n\n background-color: var(--maz-color-info-50);\n\n color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--info-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-info);\n\n color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--success-pastel[data-v-4f7c1518] {\n\n background-color: var(--maz-color-success-50);\n\n color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--success-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-success);\n\n color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--danger-pastel[data-v-4f7c1518] {\n\n background-color: var(--maz-color-danger-50);\n\n color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--danger-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-danger);\n\n color: var(--maz-color-danger-contrast);\n}\n.m-btn.--is-button.--warning-pastel[data-v-4f7c1518] {\n\n background-color: var(--maz-color-warning-50);\n\n color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--warning-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-warning);\n\n color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--white-pastel[data-v-4f7c1518] {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--white-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-white);\n\n color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--black-pastel[data-v-4f7c1518] {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n\n color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--black-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-black);\n\n color: var(--maz-color-black-contrast);\n}\n/* Disabled */\n.m-btn.--is-button.--disabled[data-v-4f7c1518] {\n\n cursor: not-allowed;\n\n background-color: var(--maz-color-bg-lighter);\n\n --tw-text-opacity: 1;\n\n color: rgb(156 163 175 / var(--tw-text-opacity));\n}\n.m-btn.--is-button.--no-padding[data-v-4f7c1518] {\n\n padding: 0px;\n}\n/* Loader */\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-4f7c1518] {\n\n position: absolute;\n\n top: 0px;\n\n right: 0px;\n\n bottom: 0px;\n\n left: 0px;\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: center;\n\n -ms-flex-pack: center;\n\n justify-content: center;\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-4f7c1518] {\n\n background-color: var(--maz-color-primary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-4f7c1518] {\n\n background-color: var(--maz-color-secondary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-4f7c1518] {\n\n background-color: var(--maz-color-info);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-4f7c1518] {\n\n background-color: var(--maz-color-warning);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-4f7c1518] {\n\n background-color: var(--maz-color-success);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-4f7c1518] {\n\n background-color: var(--maz-color-danger);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-4f7c1518] {\n\n background-color: var(--maz-color-white);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-4f7c1518] {\n\n background-color: var(--maz-color-black);\n}\n"),$.__scopeId="data-v-4f7c1518";var A={class:"m-carousel"},H={key:0},R={key:1,class:"m-carousel__header__actions"},W=function(n){return e("data-v-d761f5f4"),n=n(),a(),n}((function(){return i("div",{class:"m-carousel__items__spacer"},null,-1)})),q=n({__name:"MazCarousel",props:{noScrollBtn:{type:Boolean,default:!1}},setup:function(n){var e=n,a=p(),c=l(!1),s=l(!1),d=l(),u=function(){return!!a.title},b=function(){var n=d.value;null==n||n.scrollTo(n.scrollLeft+n.clientWidth,0)},m=function(){var n=d.value;null==n||n.scrollTo(n.scrollLeft-n.clientWidth,0)},v=function(n){var t=n.target;if(t){c.value=t.scrollLeft>=20;var o=t.scrollWidth-t.clientWidth;s.value=t.scrollLeft>=o-20}};return function(l,p){return t(),o("div",A,[!e.noScrollBtn||a.title?(t(),o("div",{key:0,class:r(["m-carousel__header",{"--has-title":u()}])},[u()?(t(),o("div",H,[k(l.$slots,"title")])):f("",!0),n.noScrollBtn?f("",!0):(t(),o("div",R,[x($,{color:"transparent",class:r(["m-carousel__btn",{"--muted":!c.value}]),"no-elevation":"",fab:"",onClick:m},{default:w((function(){return[k(l.$slots,"previous-icon",{},(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%22M15%2019l-7-7%207-7%22%2F%3E%3C%2Fsvg%3E")},null,8,["src"])]}))]})),_:3},8,["class"]),x($,{color:"transparent",class:r(["m-carousel__btn",{"--muted":s.value}]),fab:"","no-elevation":"",onClick:b},{default:w((function(){return[k(l.$slots,"next-icon",{},(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%22M9%205l7%207-7%207%22%2F%3E%3C%2Fsvg%3E")},null,8,["src"])]}))]})),_:3},8,["class"])]))],2)):f("",!0),i("div",{ref_key:"MazCarouselItems",ref:d,class:"m-carousel__items",onScroll:v},[k(l.$slots,"default"),W],544)])}}});E("\n.m-carousel[data-v-d761f5f4] {\n\n position: relative;\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n -webkit-box-orient: vertical;\n\n -webkit-box-direction: normal;\n\n -ms-flex-direction: column;\n\n flex-direction: column;\n}\n.m-carousel__header[data-v-d761f5f4] {\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: end;\n\n -ms-flex-pack: end;\n\n justify-content: flex-end;\n}\n.m-carousel__header.--has-title[data-v-d761f5f4] {\n\n -webkit-box-pack: justify;\n\n -ms-flex-pack: justify;\n\n justify-content: space-between;\n}\n.m-carousel__header__actions[data-v-d761f5f4] {\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n -webkit-box-flex: 1;\n\n -ms-flex: 1 1 0%;\n\n flex: 1 1 0%;\n\n -webkit-box-pack: end;\n\n -ms-flex-pack: end;\n\n justify-content: flex-end;\n}\n.m-carousel__header__actions[data-v-d761f5f4] > :not([hidden]) ~ :not([hidden]) {\n\n --tw-space-x-reverse: 0;\n\n margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n\n margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.m-carousel__items[data-v-d761f5f4] {\n\n z-index: 1;\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n -webkit-box-flex: 1;\n\n -ms-flex: 1 1 0%;\n\n flex: 1 1 0%;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: start;\n\n -ms-flex-pack: start;\n\n justify-content: flex-start;\n}\n.m-carousel__items[data-v-d761f5f4] > :not([hidden]) ~ :not([hidden]) {\n\n --tw-space-x-reverse: 0;\n\n margin-right: calc(1.25rem * var(--tw-space-x-reverse));\n\n margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.m-carousel__items[data-v-d761f5f4] {\n\n overflow-x: auto;\n\n overflow-y: hidden;\n\n padding-top: 1rem;\n\n padding-bottom: 1rem;\n\n padding-left: 0.75rem;\n\n scroll-behavior: smooth;\n}\n.m-carousel__items__spacer[data-v-d761f5f4] {\n -ms-flex: 0 0 1px;\n -webkit-box-flex: 0;\n flex: 0 0 1px;\n width: 1px;\n height: 1px;\n}\n.m-carousel__btn.--muted[data-v-d761f5f4] {\n\n color: var(--maz-color-muted);\n\n fill: currentColor;\n}\n"),q.__scopeId="data-v-d761f5f4";export{q as default};
|
package/components/MazChart.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { type PropType } from 'vue';
|
|
2
|
-
import
|
|
2
|
+
import Chart from 'chart.js/auto/auto.mjs';
|
|
3
|
+
import type { Plugin } from 'chart.js';
|
|
3
4
|
declare const _default: import("vue").DefineComponent<{
|
|
4
5
|
type: {
|
|
5
6
|
type: StringConstructor;
|
package/components/MazChart.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{defineComponent as t,ref as e,onMounted as r,h as n}from"vue";import
|
|
1
|
+
import{defineComponent as t,ref as e,onMounted as r,h as n}from"vue";import a from"chart.js/auto/auto.mjs";function o(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function i(t){return function(t){if(Array.isArray(t))return o(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return o(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?o(t,e):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}var c=["install","start","stop","beforeInit","afterInit","beforeUpdate","afterUpdate","beforeElementsUpdate","reset","beforeDatasetsUpdate","afterDatasetsUpdate","beforeDatasetUpdate","afterDatasetUpdate","beforeLayout","afterLayout","afterLayout","beforeRender","afterRender","resize","destroy","uninstall","afterTooltipDraw","beforeTooltipDraw"];function p(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function f(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?p(Object(r),!0).forEach((function(e){u(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var s=t({name:"MazChart",props:{type:{type:String,required:!0},data:{type:Object,required:!0},height:{type:String,default:void 0},width:{type:String,default:void 0},options:{type:Object,default:Object},plugins:{type:Array,default:function(){return[]}},locale:{type:String,default:"fr-FR"}},emits:c,setup:function(t,n){var o=n.emit,p=e(),s=c.reduce((function(t,e){var r=function(t,e){return{type:t,chartRef:e,preventDefault:function(){this._defaultPrevented=!0},isDefaultPrevented:function(){return!this._defaultPrevented},_defaultPrevented:!1}}(e,p.value);return f(f({},t),function(t,e){return u({},e.type,(function(){return t(e.type,e),e.isDefaultPrevented()}))}(o,r))}),{id:"MazChartEventHookPlugin"}),l={chart:void 0,plugins:[s].concat(i(t.plugins)),props:f({},t)},d=function(){return l.chart?l.chart.update():p.value?l.chart=new a(p.value.getContext("2d"),{type:l.props.type,data:l.props.data,options:f({locale:t.locale},l.props.options),plugins:l.plugins}):void 0};return r((function(){return d()})),{chartJSState:l,chartRef:p,render:d,resize:function(){return l.chart&&l.chart.resize()},update:function(){l.chart&&(l.chart.data=f(f({},l.chart.data),l.props.data),l.chart.options=f(f({},l.chart.options),l.props.options),l.chart.update("resize"))},destroy:function(){l.chart&&(l.chart.destroy(),l.chart=void 0)}}},render:function(t){return n("canvas",{ref:"chartRef",width:t.width,height:t.height})}});export{s as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{computed as e,defineComponent as c,getCurrentInstance as o,openBlock as a,createElementBlock as r,normalizeClass as n,createElementVNode as t,mergeProps as l,unref as b,renderSlot as d}from"vue";var h=["id","checked","name"],m=["for"],k=c({__name:"MazCheckbox",props:{modelValue:{type:Boolean,required:!0},id:{type:String,default:void 0},color:{type:String,default:"primary",validator:function(e){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(e)}},name:{type:String,default:"m-checkbox"}},emits:["update:model-value"],setup:function(c){var k=c,s=function(c){var o=c.componentName,a=c.instance,r=c.providedId;return{instanceId:e((function(){return null!=r?r:"".concat(o,"-").concat(null==a?void 0:a.uid)}))}}({componentName:"MazCheckbox",instance:o(),providedId:k.id}),i=s.instanceId;return function(e,o){return a(),r("div",{class:n(["m-checkbox",["m-checkbox--".concat(c.color)]])},[t("input",l({id:b(i),checked:c.modelValue},e.$attrs,{name:c.name,type:"checkbox",class:"maz-mr-2",onChange:o[0]||(o[0]=function(c){var o;return e.$emit("update:model-value",null==c||null===(o=c.target)||void 0===o?void 0:o.checked)})}),null,16,h),t("label",{for:b(i),class:"maz-m-0 maz-flex maz-items-center"},[d(e.$slots,"default")],8,m)],2)}}});!function(e,c){void 0===c&&(c={});var o=c.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===o&&a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}("\n.m-checkbox[data-v-796fc996] {\n -webkit-transition: all 300ms ease-in-out;\n transition: all 300ms ease-in-out;\n cursor: pointer;\n margin-left: 2px;\n min-height: 22px;\n}\n.m-checkbox [type='checkbox'][data-v-796fc996]:not(:checked),\n .m-checkbox [type='checkbox'][data-v-796fc996]:checked {\n position: absolute;\n left: -9999px;\n}\n.m-checkbox [type='checkbox']:not(:checked) + label[data-v-796fc996],\n .m-checkbox [type='checkbox']:checked + label[data-v-796fc996] {\n position: relative;\n padding-left: 30px;\n font-size: 1rem;\n cursor: pointer;\n -webkit-transition: all 300ms ease-in-out;\n transition: all 300ms ease-in-out;\n -webkit-user-select: none;\n -ms-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.m-checkbox [type='checkbox'] + label[data-v-796fc996]::before {\n border-width: var(--maz-border-width);\n border-style: solid;\n border-color: transparent;\n\n content: '';\n position: absolute;\n left: 0;\n width: 22px;\n height: 22px;\n background: transparent;\n border-radius: 4px;\n -webkit-transition: all 300ms ease-in-out;\n transition: all 300ms ease-in-out;\n}\n.m-checkbox [type='checkbox']:focus + label[data-v-796fc996]::before {\n border-radius: var(--maz-border-radius);\n border-width: var(--maz-border-width);\n border-style: solid;\n border-color: var(--maz-color-primary);\n\n content: '';\n position: absolute;\n left: 0;\n width: 22px;\n height: 22px;\n background: transparent;\n -webkit-transition: all 300ms ease-in-out;\n transition: all 300ms ease-in-out;\n}\n.m-checkbox [type='checkbox']:not(:checked) + label[data-v-796fc996]::before {\n border-color: var(--maz-color-bg-light);\n}\n.m-checkbox [type='checkbox']:not(:checked) + label[data-v-796fc996]::after,\n .m-checkbox [type='checkbox']:checked + label[data-v-796fc996]::after {\n content: '';\n position: absolute;\n left: 5px;\n width: 12px;\n height: 12px;\n -webkit-transition: all 300ms ease-in-out;\n transition: all 300ms ease-in-out;\n border-radius: 2px;\n}\n.m-checkbox [type='checkbox']:not(:checked) + label[data-v-796fc996]::after {\n opacity: 0;\n -webkit-transform: scale(0);\n transform: scale(0);\n}\n.m-checkbox [type='checkbox']:checked + label[data-v-796fc996]::after {\n opacity: 1;\n -webkit-transform: scale(1);\n transform: scale(1);\n}\n.m-checkbox--primary [type='checkbox']:checked + label[data-v-796fc996]::before {\n border-color: var(--maz-color-primary);\n}\n.m-checkbox--primary [type='checkbox']:not(:checked) + label[data-v-796fc996]::after,\n .m-checkbox--primary [type='checkbox']:checked + label[data-v-796fc996]::after {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary);\n}\n.m-checkbox--primary [type='checkbox']:focus + label[data-v-796fc996]::before {\n -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-primary-alpha);\n box-shadow: 0 0 0 0.143rem var(--maz-color-primary-alpha);\n border-color: var(--maz-color-primary-700);\n}\n.m-checkbox--primary [type='checkbox']:focus + label[data-v-796fc996]::after {\n background-color: var(--maz-color-primary-700);\n}\n.m-checkbox--secondary [type='checkbox']:checked + label[data-v-796fc996]::before {\n border-color: var(--maz-color-secondary);\n}\n.m-checkbox--secondary [type='checkbox']:not(:checked) + label[data-v-796fc996]::after,\n .m-checkbox--secondary [type='checkbox']:checked + label[data-v-796fc996]::after {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary);\n}\n.m-checkbox--secondary [type='checkbox']:focus + label[data-v-796fc996]::before {\n -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-secondary-alpha);\n box-shadow: 0 0 0 0.143rem var(--maz-color-secondary-alpha);\n border-color: var(--maz-color-secondary-700);\n}\n.m-checkbox--secondary [type='checkbox']:focus + label[data-v-796fc996]::after {\n background-color: var(--maz-color-secondary-700);\n}\n.m-checkbox--info [type='checkbox']:checked + label[data-v-796fc996]::before {\n border-color: var(--maz-color-info);\n}\n.m-checkbox--info [type='checkbox']:not(:checked) + label[data-v-796fc996]::after,\n .m-checkbox--info [type='checkbox']:checked + label[data-v-796fc996]::after {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info);\n}\n.m-checkbox--info [type='checkbox']:focus + label[data-v-796fc996]::before {\n -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-info-alpha);\n box-shadow: 0 0 0 0.143rem var(--maz-color-info-alpha);\n border-color: var(--maz-color-info-700);\n}\n.m-checkbox--info [type='checkbox']:focus + label[data-v-796fc996]::after {\n background-color: var(--maz-color-info-700);\n}\n.m-checkbox--danger [type='checkbox']:checked + label[data-v-796fc996]::before {\n border-color: var(--maz-color-danger);\n}\n.m-checkbox--danger [type='checkbox']:not(:checked) + label[data-v-796fc996]::after,\n .m-checkbox--danger [type='checkbox']:checked + label[data-v-796fc996]::after {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger);\n}\n.m-checkbox--danger [type='checkbox']:focus + label[data-v-796fc996]::before {\n -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-danger-alpha);\n box-shadow: 0 0 0 0.143rem var(--maz-color-danger-alpha);\n border-color: var(--maz-color-danger-700);\n}\n.m-checkbox--danger [type='checkbox']:focus + label[data-v-796fc996]::after {\n background-color: var(--maz-color-danger-700);\n}\n.m-checkbox--warning [type='checkbox']:checked + label[data-v-796fc996]::before {\n border-color: var(--maz-color-warning);\n}\n.m-checkbox--warning [type='checkbox']:not(:checked) + label[data-v-796fc996]::after,\n .m-checkbox--warning [type='checkbox']:checked + label[data-v-796fc996]::after {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning);\n}\n.m-checkbox--warning [type='checkbox']:focus + label[data-v-796fc996]::before {\n -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-warning-alpha);\n box-shadow: 0 0 0 0.143rem var(--maz-color-warning-alpha);\n border-color: var(--maz-color-warning-700);\n}\n.m-checkbox--warning [type='checkbox']:focus + label[data-v-796fc996]::after {\n background-color: var(--maz-color-warning-700);\n}\n.m-checkbox--success [type='checkbox']:checked + label[data-v-796fc996]::before {\n border-color: var(--maz-color-success);\n}\n.m-checkbox--success [type='checkbox']:not(:checked) + label[data-v-796fc996]::after,\n .m-checkbox--success [type='checkbox']:checked + label[data-v-796fc996]::after {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success);\n}\n.m-checkbox--success [type='checkbox']:focus + label[data-v-796fc996]::before {\n -webkit-box-shadow: 0 0 0 0.143rem var(--maz-color-success-alpha);\n box-shadow: 0 0 0 0.143rem var(--maz-color-success-alpha);\n border-color: var(--maz-color-success-700);\n}\n.m-checkbox--success [type='checkbox']:focus + label[data-v-796fc996]::after {\n background-color: var(--maz-color-success-700);\n}\n.m-checkbox--white [type='checkbox']:checked + label[data-v-796fc996]::before {\n border-color: var(--maz-color-white);\n}\n.m-checkbox--white [type='checkbox']:not(:checked) + label[data-v-796fc996]::after,\n .m-checkbox--white [type='checkbox']:checked + label[data-v-796fc996]::after {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n.m-checkbox--white [type='checkbox']:focus + label[data-v-796fc996]::before {\n -webkit-box-shadow: 0 0 0 0.143rem hsl(216deg 12% 84% / 60%);\n box-shadow: 0 0 0 0.143rem hsl(216deg 12% 84% / 60%);\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 / var(--tw-border-opacity));\n}\n.m-checkbox--white [type='checkbox']:focus + label[data-v-796fc996]::after {\n --tw-bg-opacity: 1;\n background-color: rgb(209 213 219 / var(--tw-bg-opacity));\n}\n.m-checkbox--black [type='checkbox']:checked + label[data-v-796fc996]::before {\n border-color: var(--maz-color-black);\n}\n.m-checkbox--black [type='checkbox']:not(:checked) + label[data-v-796fc996]::after,\n .m-checkbox--black [type='checkbox']:checked + label[data-v-796fc996]::after {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n.m-checkbox--black [type='checkbox']:focus + label[data-v-796fc996]::before {\n -webkit-box-shadow: 0 0 0 0.143rem hsl(0deg 0% 0% / 60%);\n box-shadow: 0 0 0 0.143rem hsl(0deg 0% 0% / 60%);\n --tw-border-opacity: 1;\n border-color: rgb(55 65 81 / var(--tw-border-opacity));\n}\n.m-checkbox--black [type='checkbox']:focus + label[data-v-796fc996]::after {\n --tw-bg-opacity: 1;\n background-color: rgb(55 65 81 / var(--tw-bg-opacity));\n}\nhtml.dark .m-checkbox [type='checkbox']:not(:checked) + label[data-v-796fc996]::before {\n border-color: var(--maz-color-bg-lighter);\n}\n"),k.__scopeId="data-v-796fc996";export{k as default};
|
|
1
|
+
import{computed as e,defineComponent as a,getCurrentInstance as o,openBlock as c,createElementBlock as b,normalizeClass as r,createElementVNode as n,mergeProps as t,unref as l,renderSlot as d}from"vue";var h=["id","checked","name"],k=["for"],s=a({__name:"MazCheckbox",props:{modelValue:{type:Boolean,required:!0},id:{type:String,default:void 0},color:{type:String,default:"primary",validator:function(e){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(e)}},name:{type:String,default:"m-checkbox"}},emits:["update:model-value"],setup:function(a){var s=a,m=function(a){var o=a.componentName,c=a.instance,b=a.providedId;return{instanceId:e((function(){return null!=b?b:"".concat(o,"-").concat(null==c?void 0:c.uid)}))}}({componentName:"MazCheckbox",instance:o(),providedId:s.id}),v=m.instanceId;return function(e,o){return c(),b("div",{class:r(["m-checkbox",["m-checkbox--".concat(a.color)]])},[n("input",t({id:l(v),checked:a.modelValue},e.$attrs,{name:a.name,type:"checkbox",onChange:o[0]||(o[0]=function(a){var o;return e.$emit("update:model-value",null==a||null===(o=a.target)||void 0===o?void 0:o.checked)})}),null,16,h),n("label",{for:l(v)},[d(e.$slots,"default")],8,k)],2)}}});!function(e,a){void 0===a&&(a={});var o=a.insertAt;if(e&&"undefined"!=typeof document){var c=document.head||document.getElementsByTagName("head")[0],b=document.createElement("style");b.type="text/css","top"===o&&c.firstChild?c.insertBefore(b,c.firstChild):c.appendChild(b),b.styleSheet?b.styleSheet.cssText=e:b.appendChild(document.createTextNode(e))}}("\n.m-checkbox[data-v-6bb80db6] {\n -webkit-transition: all 300ms ease-in-out;\n transition: all 300ms ease-in-out;\n min-height: 1.75rem;\n cursor: pointer;\n}\n.m-checkbox [type='checkbox'][data-v-6bb80db6]:not(:checked),\n .m-checkbox [type='checkbox'][data-v-6bb80db6]:checked {\n position: absolute;\n\n left: -9999px;\n}\n.m-checkbox [type='checkbox']:not(:checked) + label[data-v-6bb80db6],\n .m-checkbox [type='checkbox']:checked + label[data-v-6bb80db6] {\n position: relative;\n margin: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n padding-left: 2.5rem;\n line-height: 1.75rem;\n\n -webkit-transition: all 300ms ease-in-out;\n\n transition: all 300ms ease-in-out;\n}\n.m-checkbox [type='checkbox'] + label[data-v-6bb80db6]::before {\n position: absolute;\n left: 0px;\n border-radius: var(--maz-border-radius);\n border-width: var(--maz-border-width);\n border-style: solid;\n border-color: transparent;\n background-color: transparent;\n\n content: '';\n width: 1.625rem;\n height: 1.625rem;\n background: transparent;\n -webkit-transition: all 300ms ease-in-out;\n transition: all 300ms ease-in-out;\n}\n.m-checkbox [type='checkbox']:hover + label[data-v-6bb80db6]::before,\n .m-checkbox [type='checkbox']:focus + label[data-v-6bb80db6]::before {\n position: absolute;\n border-width: var(--maz-border-width);\n border-style: solid;\n border-color: var(--maz-color-primary);\n background-color: transparent;\n\n content: '';\n}\n.m-checkbox [type='checkbox']:not(:checked) + label[data-v-6bb80db6]::before {\n border-color: var(--maz-color-bg-light);\n}\n.m-checkbox [type='checkbox']:not(:checked) + label[data-v-6bb80db6]::after,\n .m-checkbox [type='checkbox']:checked + label[data-v-6bb80db6]::after {\n content: '';\n position: absolute;\n\n left: 0.438rem;\n width: 0.75rem;\n height: 0.75rem;\n border-radius: 0.125rem;\n}\n.m-checkbox [type='checkbox']:not(:checked) + label[data-v-6bb80db6]::after {\n --tw-scale-x: 0;\n --tw-scale-y: 0;\n -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n opacity: 0;\n}\n.m-checkbox [type='checkbox']:checked + label[data-v-6bb80db6]::after {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n opacity: 1;\n}\n.m-checkbox--primary [type='checkbox']:checked + label[data-v-6bb80db6]::before {\n border-color: var(--maz-color-primary);\n}\n.m-checkbox--primary [type='checkbox']:not(:checked) + label[data-v-6bb80db6]::after,\n .m-checkbox--primary [type='checkbox']:checked + label[data-v-6bb80db6]::after {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary);\n}\n.m-checkbox--primary [type='checkbox']:focus + label[data-v-6bb80db6]::before, .m-checkbox--primary [type='checkbox']:hover + label[data-v-6bb80db6]::before {\n -webkit-box-shadow: 0 0 0 0.125rem var(--maz-color-primary-alpha);\n box-shadow: 0 0 0 0.125rem var(--maz-color-primary-alpha);\n border-color: var(--maz-color-primary-700);\n}\n.m-checkbox--primary [type='checkbox']:focus + label[data-v-6bb80db6]::after, .m-checkbox--primary [type='checkbox']:hover + label[data-v-6bb80db6]::after {\n background-color: var(--maz-color-primary-700);\n}\n.m-checkbox--secondary [type='checkbox']:checked + label[data-v-6bb80db6]::before {\n border-color: var(--maz-color-secondary);\n}\n.m-checkbox--secondary [type='checkbox']:not(:checked) + label[data-v-6bb80db6]::after,\n .m-checkbox--secondary [type='checkbox']:checked + label[data-v-6bb80db6]::after {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary);\n}\n.m-checkbox--secondary [type='checkbox']:focus + label[data-v-6bb80db6]::before, .m-checkbox--secondary [type='checkbox']:hover + label[data-v-6bb80db6]::before {\n -webkit-box-shadow: 0 0 0 0.125rem var(--maz-color-secondary-alpha);\n box-shadow: 0 0 0 0.125rem var(--maz-color-secondary-alpha);\n border-color: var(--maz-color-secondary-700);\n}\n.m-checkbox--secondary [type='checkbox']:focus + label[data-v-6bb80db6]::after, .m-checkbox--secondary [type='checkbox']:hover + label[data-v-6bb80db6]::after {\n background-color: var(--maz-color-secondary-700);\n}\n.m-checkbox--info [type='checkbox']:checked + label[data-v-6bb80db6]::before {\n border-color: var(--maz-color-info);\n}\n.m-checkbox--info [type='checkbox']:not(:checked) + label[data-v-6bb80db6]::after,\n .m-checkbox--info [type='checkbox']:checked + label[data-v-6bb80db6]::after {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info);\n}\n.m-checkbox--info [type='checkbox']:focus + label[data-v-6bb80db6]::before, .m-checkbox--info [type='checkbox']:hover + label[data-v-6bb80db6]::before {\n -webkit-box-shadow: 0 0 0 0.125rem var(--maz-color-info-alpha);\n box-shadow: 0 0 0 0.125rem var(--maz-color-info-alpha);\n border-color: var(--maz-color-info-700);\n}\n.m-checkbox--info [type='checkbox']:focus + label[data-v-6bb80db6]::after, .m-checkbox--info [type='checkbox']:hover + label[data-v-6bb80db6]::after {\n background-color: var(--maz-color-info-700);\n}\n.m-checkbox--danger [type='checkbox']:checked + label[data-v-6bb80db6]::before {\n border-color: var(--maz-color-danger);\n}\n.m-checkbox--danger [type='checkbox']:not(:checked) + label[data-v-6bb80db6]::after,\n .m-checkbox--danger [type='checkbox']:checked + label[data-v-6bb80db6]::after {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger);\n}\n.m-checkbox--danger [type='checkbox']:focus + label[data-v-6bb80db6]::before, .m-checkbox--danger [type='checkbox']:hover + label[data-v-6bb80db6]::before {\n -webkit-box-shadow: 0 0 0 0.125rem var(--maz-color-danger-alpha);\n box-shadow: 0 0 0 0.125rem var(--maz-color-danger-alpha);\n border-color: var(--maz-color-danger-700);\n}\n.m-checkbox--danger [type='checkbox']:focus + label[data-v-6bb80db6]::after, .m-checkbox--danger [type='checkbox']:hover + label[data-v-6bb80db6]::after {\n background-color: var(--maz-color-danger-700);\n}\n.m-checkbox--warning [type='checkbox']:checked + label[data-v-6bb80db6]::before {\n border-color: var(--maz-color-warning);\n}\n.m-checkbox--warning [type='checkbox']:not(:checked) + label[data-v-6bb80db6]::after,\n .m-checkbox--warning [type='checkbox']:checked + label[data-v-6bb80db6]::after {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning);\n}\n.m-checkbox--warning [type='checkbox']:focus + label[data-v-6bb80db6]::before, .m-checkbox--warning [type='checkbox']:hover + label[data-v-6bb80db6]::before {\n -webkit-box-shadow: 0 0 0 0.125rem var(--maz-color-warning-alpha);\n box-shadow: 0 0 0 0.125rem var(--maz-color-warning-alpha);\n border-color: var(--maz-color-warning-700);\n}\n.m-checkbox--warning [type='checkbox']:focus + label[data-v-6bb80db6]::after, .m-checkbox--warning [type='checkbox']:hover + label[data-v-6bb80db6]::after {\n background-color: var(--maz-color-warning-700);\n}\n.m-checkbox--success [type='checkbox']:checked + label[data-v-6bb80db6]::before {\n border-color: var(--maz-color-success);\n}\n.m-checkbox--success [type='checkbox']:not(:checked) + label[data-v-6bb80db6]::after,\n .m-checkbox--success [type='checkbox']:checked + label[data-v-6bb80db6]::after {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success);\n}\n.m-checkbox--success [type='checkbox']:focus + label[data-v-6bb80db6]::before, .m-checkbox--success [type='checkbox']:hover + label[data-v-6bb80db6]::before {\n -webkit-box-shadow: 0 0 0 0.125rem var(--maz-color-success-alpha);\n box-shadow: 0 0 0 0.125rem var(--maz-color-success-alpha);\n border-color: var(--maz-color-success-700);\n}\n.m-checkbox--success [type='checkbox']:focus + label[data-v-6bb80db6]::after, .m-checkbox--success [type='checkbox']:hover + label[data-v-6bb80db6]::after {\n background-color: var(--maz-color-success-700);\n}\n.m-checkbox--white [type='checkbox']:checked + label[data-v-6bb80db6]::before {\n border-color: var(--maz-color-white);\n}\n.m-checkbox--white [type='checkbox']:not(:checked) + label[data-v-6bb80db6]::after,\n .m-checkbox--white [type='checkbox']:checked + label[data-v-6bb80db6]::after {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n.m-checkbox--white [type='checkbox']:focus + label[data-v-6bb80db6]::before, .m-checkbox--white [type='checkbox']:hover + label[data-v-6bb80db6]::before {\n -webkit-box-shadow: 0 0 0 0.125rem hsl(216deg 12% 84% / 60%);\n box-shadow: 0 0 0 0.125rem hsl(216deg 12% 84% / 60%);\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 / var(--tw-border-opacity));\n}\n.m-checkbox--white [type='checkbox']:focus + label[data-v-6bb80db6]::after, .m-checkbox--white [type='checkbox']:hover + label[data-v-6bb80db6]::after {\n --tw-bg-opacity: 1;\n background-color: rgb(209 213 219 / var(--tw-bg-opacity));\n}\n.m-checkbox--black [type='checkbox']:checked + label[data-v-6bb80db6]::before {\n border-color: var(--maz-color-black);\n}\n.m-checkbox--black [type='checkbox']:not(:checked) + label[data-v-6bb80db6]::after,\n .m-checkbox--black [type='checkbox']:checked + label[data-v-6bb80db6]::after {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n.m-checkbox--black [type='checkbox']:focus + label[data-v-6bb80db6]::before, .m-checkbox--black [type='checkbox']:hover + label[data-v-6bb80db6]::before {\n -webkit-box-shadow: 0 0 0 0.125rem hsl(0deg 0% 0% / 60%);\n box-shadow: 0 0 0 0.125rem hsl(0deg 0% 0% / 60%);\n --tw-border-opacity: 1;\n border-color: rgb(55 65 81 / var(--tw-border-opacity));\n}\n.m-checkbox--black [type='checkbox']:focus + label[data-v-6bb80db6]::after, .m-checkbox--black [type='checkbox']:hover + label[data-v-6bb80db6]::after {\n --tw-bg-opacity: 1;\n background-color: rgb(55 65 81 / var(--tw-bg-opacity));\n}\nhtml.dark .m-checkbox [type='checkbox']:not(:checked) + label[data-v-6bb80db6]::before {\n border-color: var(--maz-color-bg-lighter);\n}\n"),s.__scopeId="data-v-6bb80db6";export{s as default};
|
package/components/MazDialog.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{defineComponent as n,openBlock as t,createElementBlock as o,normalizeClass as r,pushScopeId as e,popScopeId as a,createElementVNode as i,inject as c,ref as l,computed as s,onMounted as d,
|
|
1
|
+
import{defineComponent as n,openBlock as t,createElementBlock as o,normalizeClass as r,pushScopeId as e,popScopeId as a,createElementVNode as i,inject as c,ref as l,computed as s,onMounted as d,watchEffect as u,mergeProps as b,createCommentVNode as m,nextTick as f,useAttrs as p,useSlots as v,createBlock as g,resolveDynamicComponent as h,unref as y,withCtx as k,renderSlot as w,createVNode as x,watch as z,Teleport as _,Transition as E,withModifiers as S,createTextVNode as L,toDisplayString as j}from"vue";var O=["width","height"],C=[function(n){return e("data-v-67dbd337"),n=n(),a(),n}((function(){return i("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)}))],B=n({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"primary",validator:function(n){return["info","white","success","warning","danger","primary","black","secondary","transparent"].includes(n)}}},setup:function(n){return function(e,a){return t(),o("svg",{width:n.size,height:n.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:r(["m-spinner","m-spinner--".concat(n.color)]),style:{"enable-background":"new 0 0 50 50"}},C,10,O)}}});function P(n,t){void 0===t&&(t={});var o=t.insertAt;if(n&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css","top"===o&&r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.styleSheet?e.styleSheet.cssText=n:e.appendChild(document.createTextNode(n))}}function A(n,t,o){return t in n?Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[t]=o,n}function I(n,t,o,r,e,a,i){try{var c=n[a](i),l=c.value}catch(n){return void o(n)}c.done?t(l):Promise.resolve(l).then(r,e)}function M(n){return function(){var t=this,o=arguments;return new Promise((function(r,e){var a=n.apply(t,o);function i(n){I(a,r,e,i,c,"next",n)}function c(n){I(a,r,e,i,c,"throw",n)}i(void 0)}))}}P("\n@-webkit-keyframes maz-spin {\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg)\n }\n}\n@keyframes maz-spin {\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg)\n }\n}\n.m-spinner[data-v-67dbd337] {\n -webkit-animation: maz-spin 1s linear infinite;\n animation: maz-spin 1s linear infinite;\n fill: currentColor;\n color: var(--maz-color-white);\n margin: 0px !important\n}\n.m-spinner--primary[data-v-67dbd337] {\n color: var(--maz-color-primary)\n}\n.m-spinner--secondary[data-v-67dbd337] {\n color: var(--maz-color-secondary)\n}\n.m-spinner--info[data-v-67dbd337] {\n color: var(--maz-color-info)\n}\n.m-spinner--warning[data-v-67dbd337] {\n color: var(--maz-color-warning)\n}\n.m-spinner--danger[data-v-67dbd337] {\n color: var(--maz-color-danger)\n}\n.m-spinner--success[data-v-67dbd337] {\n color: var(--maz-color-success)\n}\n.m-spinner--black[data-v-67dbd337] {\n color: var(--maz-color-black)\n}\n.m-spinner--white[data-v-67dbd337] {\n color: var(--maz-color-white)\n}\n.m-spinner--transparent[data-v-67dbd337] {\n color: var(--maz-color-white)\n}\n"),B.__scopeId="data-v-67dbd337";var $={exports:{}},D={exports:{}};!function(n){function t(o){return n.exports=t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},n.exports.__esModule=!0,n.exports.default=n.exports,t(o)}n.exports=t,n.exports.__esModule=!0,n.exports.default=n.exports}(D),function(n){var t=D.exports.default;function o(){
|
|
2
2
|
/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
|
|
3
|
-
n.exports=o=function(){return r},n.exports.__esModule=!0,n.exports.default=n.exports;var r={},e=Object.prototype,a=e.hasOwnProperty,i="function"==typeof Symbol?Symbol:{},c=i.iterator||"@@iterator",l=i.asyncIterator||"@@asyncIterator",s=i.toStringTag||"@@toStringTag";function d(n,t,o){return Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}),n[t]}try{d({},"")}catch(n){d=function(n,t,o){return n[t]=o}}function u(n,t,o,r){var e=t&&t.prototype instanceof f?t:f,a=Object.create(e.prototype),i=new S(r||[]);return a._invoke=function(n,t,o){var r="suspendedStart";return function(e,a){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===e)throw a;return j()}for(o.method=e,o.arg=a;;){var i=o.delegate;if(i){var c=z(i,o);if(c){if(c===m)continue;return c}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if("suspendedStart"===r)throw r="completed",o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);r="executing";var l=b(n,t,o);if("normal"===l.type){if(r=o.done?"completed":"suspendedYield",l.arg===m)continue;return{value:l.arg,done:o.done}}"throw"===l.type&&(r="completed",o.method="throw",o.arg=l.arg)}}}(n,o,i),a}function b(n,t,o){try{return{type:"normal",arg:n.call(t,o)}}catch(n){return{type:"throw",arg:n}}}r.wrap=u;var m={};function f(){}function p(){}function v(){}var g={};d(g,c,(function(){return this}));var h=Object.getPrototypeOf,y=h&&h(h(L([])));y&&y!==e&&a.call(y,c)&&(g=y);var k=v.prototype=f.prototype=Object.create(g);function w(n){["next","throw","return"].forEach((function(t){d(n,t,(function(n){return this._invoke(t,n)}))}))}function x(n,o){function r(e,i,c,l){var s=b(n[e],n,i);if("throw"!==s.type){var d=s.arg,u=d.value;return u&&"object"==t(u)&&a.call(u,"__await")?o.resolve(u.__await).then((function(n){r("next",n,c,l)}),(function(n){r("throw",n,c,l)})):o.resolve(u).then((function(n){d.value=n,c(d)}),(function(n){return r("throw",n,c,l)}))}l(s.arg)}var e;this._invoke=function(n,t){function a(){return new o((function(o,e){r(n,t,o,e)}))}return e=e?e.then(a,a):a()}}function z(n,t){var o=n.iterator[t.method];if(void 0===o){if(t.delegate=null,"throw"===t.method){if(n.iterator.return&&(t.method="return",t.arg=void 0,z(n,t),"throw"===t.method))return m;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return m}var r=b(o,n.iterator,t.arg);if("throw"===r.type)return t.method="throw",t.arg=r.arg,t.delegate=null,m;var e=r.arg;return e?e.done?(t[n.resultName]=e.value,t.next=n.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,m):e:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,m)}function _(n){var t={tryLoc:n[0]};1 in n&&(t.catchLoc=n[1]),2 in n&&(t.finallyLoc=n[2],t.afterLoc=n[3]),this.tryEntries.push(t)}function E(n){var t=n.completion||{};t.type="normal",delete t.arg,n.completion=t}function S(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(_,this),this.reset(!0)}function L(n){if(n){var t=n[c];if(t)return t.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var o=-1,r=function t(){for(;++o<n.length;)if(a.call(n,o))return t.value=n[o],t.done=!1,t;return t.value=void 0,t.done=!0,t};return r.next=r}}return{next:j}}function j(){return{value:void 0,done:!0}}return p.prototype=v,d(k,"constructor",v),d(v,"constructor",p),p.displayName=d(v,s,"GeneratorFunction"),r.isGeneratorFunction=function(n){var t="function"==typeof n&&n.constructor;return!!t&&(t===p||"GeneratorFunction"===(t.displayName||t.name))},r.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,v):(n.__proto__=v,d(n,s,"GeneratorFunction")),n.prototype=Object.create(k),n},r.awrap=function(n){return{__await:n}},w(x.prototype),d(x.prototype,l,(function(){return this})),r.AsyncIterator=x,r.async=function(n,t,o,e,a){void 0===a&&(a=Promise);var i=new x(u(n,t,o,e),a);return r.isGeneratorFunction(t)?i:i.next().then((function(n){return n.done?n.value:i.next()}))},w(k),d(k,s,"Generator"),d(k,c,(function(){return this})),d(k,"toString",(function(){return"[object Generator]"})),r.keys=function(n){var t=[];for(var o in n)t.push(o);return t.reverse(),function o(){for(;t.length;){var r=t.pop();if(r in n)return o.value=r,o.done=!1,o}return o.done=!0,o}},r.values=L,S.prototype={constructor:S,reset:function(n){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(E),!n)for(var t in this)"t"===t.charAt(0)&&a.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var n=this.tryEntries[0].completion;if("throw"===n.type)throw n.arg;return this.rval},dispatchException:function(n){if(this.done)throw n;var t=this;function o(o,r){return i.type="throw",i.arg=n,t.next=o,r&&(t.method="next",t.arg=void 0),!!r}for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r],i=e.completion;if("root"===e.tryLoc)return o("end");if(e.tryLoc<=this.prev){var c=a.call(e,"catchLoc"),l=a.call(e,"finallyLoc");if(c&&l){if(this.prev<e.catchLoc)return o(e.catchLoc,!0);if(this.prev<e.finallyLoc)return o(e.finallyLoc)}else if(c){if(this.prev<e.catchLoc)return o(e.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<e.finallyLoc)return o(e.finallyLoc)}}}},abrupt:function(n,t){for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o];if(r.tryLoc<=this.prev&&a.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var e=r;break}}e&&("break"===n||"continue"===n)&&e.tryLoc<=t&&t<=e.finallyLoc&&(e=null);var i=e?e.completion:{};return i.type=n,i.arg=t,e?(this.method="next",this.next=e.finallyLoc,m):this.complete(i)},complete:function(n,t){if("throw"===n.type)throw n.arg;return"break"===n.type||"continue"===n.type?this.next=n.arg:"return"===n.type?(this.rval=this.arg=n.arg,this.method="return",this.next="end"):"normal"===n.type&&t&&(this.next=t),m},finish:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.finallyLoc===n)return this.complete(o.completion,o.afterLoc),E(o),m}},catch:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.tryLoc===n){var r=o.completion;if("throw"===r.type){var e=r.arg;E(o)}return e}}throw new Error("illegal catch attempt")},delegateYield:function(n,t,o){return this.delegate={iterator:L(n),resultName:t,nextLoc:o},"next"===this.method&&(this.arg=void 0),m}},r}n.exports=o,n.exports.__esModule=!0,n.exports.default=n.exports}(M);var D=M.exports(),F=D;try{regeneratorRuntime=D}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=D:Function("r","regeneratorRuntime = r")(D)}function N(n,t){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),o.push.apply(o,r)}return o}function T(n){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?N(Object(o),!0).forEach((function(t){P(n,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):N(Object(o)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(o,t))}))}return n}var G=["innerHTML"],Y=n({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:function(n){return n}}},emits:["loaded","unloaded","error"],setup:function(n,r){var e=r.emit,a=n,i={},p=l(),v=l(),g=function(){try{return function(n,t){var o=c(n,t);if(!o)throw new Error("[maz-ui](injectStrict) Could not resolve ".concat(n));return o}("mazIconPath")}catch(n){return}},h=s((function(){var n;return null!==(n=a.path)&&void 0!==n?n:g()})),y=s((function(){return a.src?a.src:h.value?"".concat(h.value,"/").concat(a.name,".svg"):"/".concat(a.name,".svg")}));d((function(){if(!a.name&&!a.src)throw new Error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');w(y.value)}));var k=function(n){var t=n.cloneNode(!0);return t=a.transformSource(n),a.title&&function(n,t){var o=n.querySelectorAll("title");if(o.length>0)o[0].textContent=t;else{var r=document.createElementNS("http://www.w3.org/2000/svg","title");r.textContent=t,n.append(r)}}(t,a.title),n.innerHTML},w=function(){var n=I(F.mark((function n(t){var o;return F.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return i[t]||(i[t]=x(t)),n.prev=1,n.next=4,i[t];case 4:return o=n.sent,p.value=o,n.next=8,f();case 8:e("loaded",v.value),n.next=16;break;case 11:n.prev=11,n.t0=n.catch(1),p.value&&(p.value=void 0,e("unloaded")),delete i[t],e("error",n.t0);case 16:case"end":return n.stop()}}),n,null,[[1,11]])})));return function(t){return n.apply(this,arguments)}}(),x=function(n){return new Promise((function(t,o){var r=new XMLHttpRequest;r.open("GET",n,!0),r.addEventListener("load",(function(){if(r.status>=200&&r.status<400)try{var n=(new DOMParser).parseFromString(r.responseText,"text/xml").querySelectorAll("svg")[0];n?(n=a.transformSource(n),t(n)):o(new Error('Loaded file is not valid SVG"'))}catch(n){o(n)}else o(new Error("Error loading SVG"))})),r.addEventListener("error",(function(){return o()})),r.send()}))};return u((function(){return a.src}),(function(){return w(y.value)})),function(r,e){return p.value?(t(),o("svg",b({key:0,ref_key:"svgElem",ref:v,width:"1em",height:"1em"},T(T({},function(n){var t={},o=n.attributes;if(!o)return t;for(var r=o.length-1;r>=0;r--)t[o[r].name]=o[r].value;return t}(p.value)),(a=r.$attrs,Object.keys(a).reduce((function(n,t){return!1!==a[t]&&null!==a[t]&&void 0!==a[t]&&(n[t]=a[t]),n}),{}))),{style:"font-size: ".concat(n.size),innerHTML:k(p.value)}),null,16,G)):m("",!0);var a}}}),V={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},H={class:"maz-flex maz-flex-center"},q={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},R=n({__name:"MazBtn",props:{variant:{type:String,default:"button",validator:function(n){return["button","link"].includes(n)}},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(n)}},type:{type:String,default:"button",validator:function(n){return["button","submit"].includes(n)}},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1}},setup:function(n){var e=n,a=p(),c=a.href,l=a.to,d=v(),u=s((function(){return c?"a":l?"router-link":"button"})),f=s((function(){return e.pastel?"--".concat(e.color,"-pastel"):e.outline||e.loading?"--".concat(e.color,"-outline"):"--".concat(e.color)})),z=s((function(){return(e.loading||e.disabled)&&"button"===u.value})),_=s((function(){return z.value?"--cursor-default":"--cursor-pointer"})),E=s((function(){return"--is-".concat(e.variant)})),S=s((function(){return"--".concat(e.color)})),L=s((function(){return["white"].includes(e.color)?"black":"white"})),j=s((function(){return e.loading&&"button"===e.variant})),O=s((function(){return!!d["left-icon"]||e.leftIcon})),B=s((function(){return!!d["right-icon"]||e.rightIcon})),P=s((function(){return O.value||B.value})),A=s((function(){return"button"===u.value?e.type:void 0}));return function(e,a){return t(),g(h(y(u)),b(e.$attrs,{disabled:y(z),class:["m-btn",["--".concat(n.size),y(f),y(_),y(E),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":y(z),"--icon":y(P),"--rounded":n.rounded,"--no-padding":n.noPadding,"--no-elevation":n.noElevation}]],type:y(A)}),{default:k((function(){return[y(O)?(t(),o("div",V,[w(e.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g(Y,{key:0,name:n.leftIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),i("span",H,[w(e.$slots,"default")]),y(B)?(t(),o("div",q,[w(e.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g(Y,{key:0,name:n.rightIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),y(j)?(t(),o("div",{key:2,class:r(["m-btn__loading-wrapper",y(S)])},[x(C,{size:"2em",color:y(L)},null,8,["color"])],2)):m("",!0)]})),_:3},16,["disabled","class","type"])}}});B("\n.m-btn[data-v-4f7c1518] {\n\n border-width: var(--maz-border-width);\n\n border-style: solid;\n\n border-color: transparent;\n\n text-align: center;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n color: var(--maz-color-text);\n}\n.m-btn span[data-v-4f7c1518] {\n\n line-height: 1;\n}\n.m-btn__icon-left[data-v-4f7c1518] {\n\n margin-right: 0.5rem;\n\n margin-left: -0.25rem;\n\n line-height: 1;\n}\n.m-btn__icon-right[data-v-4f7c1518] {\n\n margin-left: 0.5rem;\n\n margin-right: -0.25rem;\n\n line-height: 1;\n}\n.m-btn.--cursor-pointer[data-v-4f7c1518] {\n\n cursor: pointer;\n}\n.m-btn.--cursor-default[data-v-4f7c1518] {\n\n cursor: default;\n}\n.m-btn.--is-link[data-v-4f7c1518] {\n\n display: -webkit-inline-box;\n\n display: -ms-inline-flexbox;\n\n display: inline-flex;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n background-color: transparent;\n\n outline: 2px solid transparent;\n\n outline-offset: 2px;\n\n -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n -webkit-transition-duration: 200ms;\n\n transition-duration: 200ms;\n\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-link[data-v-4f7c1518]:not(.--no-leading) {\n\n line-height: 2.25rem;\n}\n.m-btn.--is-link[data-v-4f7c1518]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-4f7c1518]:not(:disabled):focus:not(.--no-underline) {\n\n text-decoration-line: underline;\n}\n.m-btn.--is-link.--secondary[data-v-4f7c1518] {\n\n color: var(--maz-color-secondary);\n}\n.m-btn.--is-link.--info[data-v-4f7c1518] {\n\n color: var(--maz-color-info);\n}\n.m-btn.--is-link.--warning[data-v-4f7c1518] {\n\n color: var(--maz-color-warning-600);\n}\n.m-btn.--is-link.--danger[data-v-4f7c1518] {\n\n color: var(--maz-color-danger-600);\n}\n.m-btn.--is-link.--success[data-v-4f7c1518] {\n\n color: var(--maz-color-success-600);\n}\n.m-btn.--is-link.--white[data-v-4f7c1518] {\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-link.--black[data-v-4f7c1518] {\n\n color: var(--maz-color-black);\n}\n.m-btn.--is-button[data-v-4f7c1518] {\n\n position: relative;\n\n display: -webkit-inline-box;\n\n display: -ms-inline-flexbox;\n\n display: inline-flex;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: center;\n\n -ms-flex-pack: center;\n\n justify-content: center;\n\n overflow: hidden;\n\n border-radius: var(--maz-border-radius);\n\n border-color: transparent;\n\n background-color: transparent;\n\n font-weight: 500;\n\n text-decoration-line: none;\n\n -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n -webkit-transition-duration: 300ms;\n\n transition-duration: 300ms;\n\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-button.--rounded[data-v-4f7c1518] {\n\n border-radius: 9999px;\n}\n.m-btn.--is-button.--xl[data-v-4f7c1518] {\n\n padding-left: 2rem;\n\n padding-right: 2rem;\n\n font-size: 1.25rem;\n\n line-height: 1.75rem;\n\n padding-top: 1.325rem;\n padding-bottom: 1.325rem;\n}\n.m-btn.--is-button.--lg[data-v-4f7c1518] {\n\n padding-left: 1.5rem;\n\n padding-right: 1.5rem;\n\n font-size: 1.125rem;\n\n line-height: 1.75rem;\n\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n.m-btn.--is-button.--md[data-v-4f7c1518] {\n\n padding-left: 1rem;\n\n padding-right: 1rem;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n padding-top: 0.88rem;\n padding-bottom: 0.88rem;\n}\n.m-btn.--is-button.--sm[data-v-4f7c1518] {\n\n padding-left: 0.75rem;\n\n padding-right: 0.75rem;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n.m-btn.--is-button.--xs[data-v-4f7c1518] {\n\n padding-left: 0.5rem;\n\n padding-right: 0.5rem;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n padding-top: 0.3rem;\n padding-bottom: 0.3rem;\n}\n.m-btn.--is-button.--mini[data-v-4f7c1518] {\n\n padding-left: 0.25rem;\n\n padding-right: 0.25rem;\n\n font-size: 0.75rem;\n\n line-height: 1rem;\n\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n}\n.m-btn.--is-button.--icon[data-v-4f7c1518] {\n\n padding-top: 0.5rem;\n\n padding-bottom: 0.5rem;\n}\n.m-btn.--is-button[data-v-4f7c1518] {\n\n -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n\n transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n/* Not disabled */\n.m-btn.--is-button[data-v-4f7c1518]:not(.--disabled):hover,\n .m-btn.--is-button[data-v-4f7c1518]:not(.--disabled):focus {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n}\n/* Fab */\n.m-btn.--is-button.--fab[data-v-4f7c1518] {\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n height: 3rem;\n\n width: 3rem;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: center;\n\n -ms-flex-pack: center;\n\n justify-content: center;\n\n border-radius: 9999px;\n\n padding-left: 0px;\n\n padding-right: 0px;\n\n padding-top: 0px;\n\n padding-bottom: 0px;\n}\n.m-btn.--is-button.--fab[data-v-4f7c1518]:not(.--no-elevation) {\n\n -webkit-box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n\n box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n}\n.m-btn.--is-button.--block[data-v-4f7c1518] {\n\n width: 100%;\n}\n.m-btn.--is-button.--primary[data-v-4f7c1518] {\n\n background-color: var(--maz-color-primary);\n\n color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--primary[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--primary[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-primary-600);\n}\n.m-btn.--is-button.--secondary[data-v-4f7c1518] {\n\n background-color: var(--maz-color-secondary);\n\n color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--secondary[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--secondary[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-secondary-600);\n}\n.m-btn.--is-button.--info[data-v-4f7c1518] {\n\n background-color: var(--maz-color-info);\n\n color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--info[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--info[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-info-600);\n}\n.m-btn.--is-button.--success[data-v-4f7c1518] {\n\n background-color: var(--maz-color-success);\n\n color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--success[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--success[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-success-600);\n}\n.m-btn.--is-button.--warning[data-v-4f7c1518] {\n\n background-color: var(--maz-color-warning);\n\n color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--warning[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--warning[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-warning-600);\n}\n.m-btn.--is-button.--danger[data-v-4f7c1518] {\n\n background-color: var(--maz-color-danger);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--danger[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-danger-600);\n}\n.m-btn.--is-button.--white[data-v-4f7c1518] {\n\n background-color: var(--maz-color-white);\n\n color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--white[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--white[data-v-4f7c1518]:not(:disabled):focus {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(209 213 219 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--black[data-v-4f7c1518] {\n\n background-color: var(--maz-color-black);\n\n color: var(--maz-color-black-contrast);\n}\n.m-btn.--is-button.--black[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--black[data-v-4f7c1518]:not(:disabled):focus {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(31 41 55 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--transparent[data-v-4f7c1518] {\n\n background-color: transparent;\n}\n.m-btn.--is-button.--transparent[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--transparent[data-v-4f7c1518]:not(:disabled):focus {\n background-color: hsl(0deg 0% 0% / 12%);\n}\n.m-btn.--is-button.--primary-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-primary);\n\n color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--primary-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-primary);\n\n color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-secondary);\n\n color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--secondary-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-secondary);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--info-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-info);\n\n color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--info-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-info);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--success-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-success);\n\n color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--success-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-success);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-danger);\n\n color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--danger-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-danger);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--warning-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-warning);\n\n color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--warning-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-warning);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-white);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--white-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-white);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--black-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-black);\n\n color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--black-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-black);\n\n color: var(--maz-color-black);\n}\n.m-btn.--is-button.--primary-pastel[data-v-4f7c1518] {\n\n background-color: var(--maz-color-primary-50);\n\n color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--primary-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-primary);\n\n color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-4f7c1518] {\n\n background-color: var(--maz-color-secondary-50);\n\n color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--secondary-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-secondary);\n\n color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--info-pastel[data-v-4f7c1518] {\n\n background-color: var(--maz-color-info-50);\n\n color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--info-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-info);\n\n color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--success-pastel[data-v-4f7c1518] {\n\n background-color: var(--maz-color-success-50);\n\n color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--success-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-success);\n\n color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--danger-pastel[data-v-4f7c1518] {\n\n background-color: var(--maz-color-danger-50);\n\n color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--danger-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-danger);\n\n color: var(--maz-color-danger-contrast);\n}\n.m-btn.--is-button.--warning-pastel[data-v-4f7c1518] {\n\n background-color: var(--maz-color-warning-50);\n\n color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--warning-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-warning);\n\n color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--white-pastel[data-v-4f7c1518] {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--white-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-white);\n\n color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--black-pastel[data-v-4f7c1518] {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n\n color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--black-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-black);\n\n color: var(--maz-color-black-contrast);\n}\n/* Disabled */\n.m-btn.--is-button.--disabled[data-v-4f7c1518] {\n\n cursor: not-allowed;\n\n background-color: var(--maz-color-bg-lighter);\n\n --tw-text-opacity: 1;\n\n color: rgb(156 163 175 / var(--tw-text-opacity));\n}\n.m-btn.--is-button.--no-padding[data-v-4f7c1518] {\n\n padding: 0px;\n}\n/* Loader */\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-4f7c1518] {\n\n position: absolute;\n\n top: 0px;\n\n right: 0px;\n\n bottom: 0px;\n\n left: 0px;\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: center;\n\n -ms-flex-pack: center;\n\n justify-content: center;\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-4f7c1518] {\n\n background-color: var(--maz-color-primary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-4f7c1518] {\n\n background-color: var(--maz-color-secondary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-4f7c1518] {\n\n background-color: var(--maz-color-info);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-4f7c1518] {\n\n background-color: var(--maz-color-warning);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-4f7c1518] {\n\n background-color: var(--maz-color-success);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-4f7c1518] {\n\n background-color: var(--maz-color-danger);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-4f7c1518] {\n\n background-color: var(--maz-color-white);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-4f7c1518] {\n\n background-color: var(--maz-color-black);\n}\n"),R.__scopeId="data-v-4f7c1518";var U=n({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!1},teleportSelector:{type:String,default:"body"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},noCloseOnEscKey:{type:Boolean,default:!1},transitionName:{type:String,default:"backdrop-anim"},backdropClass:{type:[Array,String,Object],default:void 0},backdropContentClass:{type:[Array,String,Object],default:void 0}},emits:["open","before-close","close","update:model-value"],setup:function(n,t){var o=t.emit,r=l(n.modelValue),e=function(){a(!1)},a=function(){var t=I(F.mark((function t(e){var a;return F.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e){t.next=4;break}return o("before-close"),t.next=4,null===(a=n.beforeClose)||void 0===a?void 0:a.call(n);case 4:r.value=e;case 5:case"end":return t.stop()}}),t)})));return function(n){return t.apply(this,arguments)}}(),i=function(t){n.noCloseOnEscKey||"Escape"!==t.key||n.persistent||e()},c=function(){document.documentElement.classList.add("--backdrop-present"),document.addEventListener("keyup",i,!1)},s=function(){document.removeEventListener("keyup",i),document.querySelector(".m-backdrop.--present")||document.documentElement.classList.remove("--backdrop-present")};return d((function(){n.modelValue&&c()})),u((function(){return n.modelValue}),(function(n){r.value=n,n?c():s()})),{onBackdropAnimationEnter:function(){o("open")},onBackdropAnimationLeave:function(){o("update:model-value",!1),o("close")},onBackdropClicked:function(){n.persistent||e()},close:e,present:r}}});B("\nhtml.--backdrop-present {\n overflow-y: hidden;\n height: 100vh;\n}\n");B("\n.m-backdrop.bottom-sheet-anim-enter-active,\n .m-backdrop.bottom-sheet-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content {\n transition: -webkit-transform ease-in-out 250ms;\n -webkit-transition: -webkit-transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n.m-backdrop.bottom-sheet-anim-enter-from,\n .m-backdrop.bottom-sheet-anim-leave-to {\n opacity: 0;\n}\n.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content {\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n}\n.m-backdrop.modal-anim-enter-active,\n .m-backdrop.modal-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n.m-backdrop.modal-anim-enter-active .m-backdrop-content, .m-backdrop.modal-anim-leave-active .m-backdrop-content {\n transition: -webkit-transform ease-in-out 250ms;\n -webkit-transition: -webkit-transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n.m-backdrop.modal-anim-enter-from,\n .m-backdrop.modal-anim-leave-to {\n opacity: 0;\n}\n.m-backdrop.modal-anim-enter-from .m-backdrop-content, .m-backdrop.modal-anim-leave-to .m-backdrop-content {\n -webkit-transform: translateY(-25px);\n transform: translateY(-25px);\n}\n.m-backdrop.backdrop-anim-enter-active,\n .m-backdrop.backdrop-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n.m-backdrop.backdrop-anim-enter-from,\n .m-backdrop.backdrop-anim-leave-to {\n opacity: 0;\n}\n.m-backdrop {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n z-index: 1050;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n opacity: 1;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n\n -webkit-backdrop-filter: blur(3px);\n\n backdrop-filter: blur(3px);\n}\n.m-backdrop-overlay {\n -ms-touch-action: none;\n touch-action: none;\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n background-color: var(--maz-bg-overlay);\n}\n.m-backdrop-overlay:not(.--disabled) {\n cursor: pointer;\n}\n.m-backdrop-content {\n position: relative;\n z-index: 1;\n}\n.m-backdrop-content:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n.m-backdrop.--bottom-sheet .m-backdrop-content {\n position: absolute;\n bottom: 0px;\n left: 0px;\n right: 0px;\n}\n.m-backdrop.--fullscreen {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n}\n.m-backdrop.--fullscreen.--center-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen.--center-top {\n padding-top: 7rem;\n }\n}\n.m-backdrop.--fullscreen .m-backdrop-content {\n position: relative;\n width: 100%;\n}\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen .m-backdrop-content {\n width: auto;\n }\n}\n"),U.render=function(n,e,a,c,l,s){return t(),g(z,{to:n.teleportSelector},[x(_,{appear:"",name:n.transitionName,onAfterEnter:n.onBackdropAnimationEnter,onAfterLeave:n.onBackdropAnimationLeave},{default:k((function(){return[n.present?(t(),o("div",{key:0,class:r(["m-backdrop --present",[n.backdropClass]]),tabindex:"-1",role:"dialog"},[i("div",{class:r(["m-backdrop-overlay",{"--disabled":n.persistent}]),tabindex:"-1",onClick:e[0]||(e[0]=E((function(){return n.onBackdropClicked&&n.onBackdropClicked.apply(n,arguments)}),["self"]))},null,2),i("div",b({class:["m-backdrop-content",n.backdropContentClass]},n.$attrs,{role:"document",tabindex:"0"}),[w(n.$slots,"default",{close:n.close})],16)],2)):m("",!0)]})),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["to"])};var K={class:"m-dialog-layout"},X={key:0,class:"maz-my-0 maz-text-xl maz-font-semibold"},J={class:"m-dialog-layout-content"},Q={key:0,class:"m-dialog-layout-footer"},W=n({__name:"MazDialog",props:{title:{type:String,default:void 0},noClose:{type:Boolean,default:!1}},emits:["update:model-value","close","open"],setup:function(n){return function(e,a){return t(),g(U,b(e.$attrs,{"transition-name":"modal-anim",onClose:a[0]||(a[0]=function(n){return e.$emit("close",n)}),onOpen:a[1]||(a[1]=function(n){return e.$emit("open",n)}),"onUpdate:modelValue":a[2]||(a[2]=function(n){return e.$emit("update:model-value",n)})}),{default:k((function(a){var c=a.close;return[i("div",K,[i("div",{class:r(["m-dialog-layout-header",{"--has-title":e.$slots.title||n.title}])},[e.$slots.title||n.title?(t(),o("h2",X,[w(e.$slots,"title",{},(function(){return[S(L(n.title),1)]}))])):m("",!0),n.noClose?m("",!0):(t(),g(R,{key:1,size:"sm",class:"m-dialog-layout-closebtn",color:"transparent",onClick:c},{default:k((function(){return[x(Y,{src:y("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M6%2018L18%206M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E"),class:"maz-h-5 maz-w-5"},null,8,["src"])]})),_:2},1032,["onClick"]))],2),i("div",J,[w(e.$slots,"default",{close:c})]),e.$slots.footer?(t(),o("div",Q,[w(e.$slots,"footer",{close:c})])):m("",!0)])]})),_:3},16)}}});B("\n.m-dialog-layout[data-v-6dc73b9c] {\n\n border-radius: var(--maz-border-radius);\n\n background-color: var(--maz-color-bg);\n\n color: var(--maz-color-text);\n\n width: 500px;\n max-width: 95vw;\n}\n.m-dialog-layout-header[data-v-6dc73b9c] {\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: end;\n\n -ms-flex-pack: end;\n\n justify-content: flex-end;\n\n padding-top: 0.5rem;\n\n padding-left: 1.5rem;\n\n padding-right: 0.5rem;\n}\n.m-dialog-layout-header.--has-title[data-v-6dc73b9c] {\n\n -webkit-box-pack: justify;\n\n -ms-flex-pack: justify;\n\n justify-content: space-between;\n}\n.m-dialog-layout-footer[data-v-6dc73b9c] {\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: end;\n\n -ms-flex-pack: end;\n\n justify-content: flex-end;\n\n padding-left: 1.5rem;\n\n padding-right: 1.5rem;\n\n padding-bottom: 1rem;\n}\n.m-dialog-layout-content[data-v-6dc73b9c] {\n\n padding: 1.5rem;\n}\n.m-dialog-layout-content-icon[data-v-6dc73b9c] {\n -ms-flex: 0 0 auto;\n -webkit-box-flex: 0;\n flex: 0 0 auto;\n}\n.m-dialog-layout-closebtn[data-v-6dc73b9c] {\n\n padding: 0.5rem !important;\n}\n"),W.__scopeId="data-v-6dc73b9c";export{W as default};
|
|
3
|
+
n.exports=o=function(){return r},n.exports.__esModule=!0,n.exports.default=n.exports;var r={},e=Object.prototype,a=e.hasOwnProperty,i="function"==typeof Symbol?Symbol:{},c=i.iterator||"@@iterator",l=i.asyncIterator||"@@asyncIterator",s=i.toStringTag||"@@toStringTag";function d(n,t,o){return Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}),n[t]}try{d({},"")}catch(n){d=function(n,t,o){return n[t]=o}}function u(n,t,o,r){var e=t&&t.prototype instanceof f?t:f,a=Object.create(e.prototype),i=new S(r||[]);return a._invoke=function(n,t,o){var r="suspendedStart";return function(e,a){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===e)throw a;return j()}for(o.method=e,o.arg=a;;){var i=o.delegate;if(i){var c=z(i,o);if(c){if(c===m)continue;return c}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if("suspendedStart"===r)throw r="completed",o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);r="executing";var l=b(n,t,o);if("normal"===l.type){if(r=o.done?"completed":"suspendedYield",l.arg===m)continue;return{value:l.arg,done:o.done}}"throw"===l.type&&(r="completed",o.method="throw",o.arg=l.arg)}}}(n,o,i),a}function b(n,t,o){try{return{type:"normal",arg:n.call(t,o)}}catch(n){return{type:"throw",arg:n}}}r.wrap=u;var m={};function f(){}function p(){}function v(){}var g={};d(g,c,(function(){return this}));var h=Object.getPrototypeOf,y=h&&h(h(L([])));y&&y!==e&&a.call(y,c)&&(g=y);var k=v.prototype=f.prototype=Object.create(g);function w(n){["next","throw","return"].forEach((function(t){d(n,t,(function(n){return this._invoke(t,n)}))}))}function x(n,o){function r(e,i,c,l){var s=b(n[e],n,i);if("throw"!==s.type){var d=s.arg,u=d.value;return u&&"object"==t(u)&&a.call(u,"__await")?o.resolve(u.__await).then((function(n){r("next",n,c,l)}),(function(n){r("throw",n,c,l)})):o.resolve(u).then((function(n){d.value=n,c(d)}),(function(n){return r("throw",n,c,l)}))}l(s.arg)}var e;this._invoke=function(n,t){function a(){return new o((function(o,e){r(n,t,o,e)}))}return e=e?e.then(a,a):a()}}function z(n,t){var o=n.iterator[t.method];if(void 0===o){if(t.delegate=null,"throw"===t.method){if(n.iterator.return&&(t.method="return",t.arg=void 0,z(n,t),"throw"===t.method))return m;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return m}var r=b(o,n.iterator,t.arg);if("throw"===r.type)return t.method="throw",t.arg=r.arg,t.delegate=null,m;var e=r.arg;return e?e.done?(t[n.resultName]=e.value,t.next=n.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,m):e:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,m)}function _(n){var t={tryLoc:n[0]};1 in n&&(t.catchLoc=n[1]),2 in n&&(t.finallyLoc=n[2],t.afterLoc=n[3]),this.tryEntries.push(t)}function E(n){var t=n.completion||{};t.type="normal",delete t.arg,n.completion=t}function S(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(_,this),this.reset(!0)}function L(n){if(n){var t=n[c];if(t)return t.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var o=-1,r=function t(){for(;++o<n.length;)if(a.call(n,o))return t.value=n[o],t.done=!1,t;return t.value=void 0,t.done=!0,t};return r.next=r}}return{next:j}}function j(){return{value:void 0,done:!0}}return p.prototype=v,d(k,"constructor",v),d(v,"constructor",p),p.displayName=d(v,s,"GeneratorFunction"),r.isGeneratorFunction=function(n){var t="function"==typeof n&&n.constructor;return!!t&&(t===p||"GeneratorFunction"===(t.displayName||t.name))},r.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,v):(n.__proto__=v,d(n,s,"GeneratorFunction")),n.prototype=Object.create(k),n},r.awrap=function(n){return{__await:n}},w(x.prototype),d(x.prototype,l,(function(){return this})),r.AsyncIterator=x,r.async=function(n,t,o,e,a){void 0===a&&(a=Promise);var i=new x(u(n,t,o,e),a);return r.isGeneratorFunction(t)?i:i.next().then((function(n){return n.done?n.value:i.next()}))},w(k),d(k,s,"Generator"),d(k,c,(function(){return this})),d(k,"toString",(function(){return"[object Generator]"})),r.keys=function(n){var t=[];for(var o in n)t.push(o);return t.reverse(),function o(){for(;t.length;){var r=t.pop();if(r in n)return o.value=r,o.done=!1,o}return o.done=!0,o}},r.values=L,S.prototype={constructor:S,reset:function(n){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(E),!n)for(var t in this)"t"===t.charAt(0)&&a.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var n=this.tryEntries[0].completion;if("throw"===n.type)throw n.arg;return this.rval},dispatchException:function(n){if(this.done)throw n;var t=this;function o(o,r){return i.type="throw",i.arg=n,t.next=o,r&&(t.method="next",t.arg=void 0),!!r}for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r],i=e.completion;if("root"===e.tryLoc)return o("end");if(e.tryLoc<=this.prev){var c=a.call(e,"catchLoc"),l=a.call(e,"finallyLoc");if(c&&l){if(this.prev<e.catchLoc)return o(e.catchLoc,!0);if(this.prev<e.finallyLoc)return o(e.finallyLoc)}else if(c){if(this.prev<e.catchLoc)return o(e.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<e.finallyLoc)return o(e.finallyLoc)}}}},abrupt:function(n,t){for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o];if(r.tryLoc<=this.prev&&a.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var e=r;break}}e&&("break"===n||"continue"===n)&&e.tryLoc<=t&&t<=e.finallyLoc&&(e=null);var i=e?e.completion:{};return i.type=n,i.arg=t,e?(this.method="next",this.next=e.finallyLoc,m):this.complete(i)},complete:function(n,t){if("throw"===n.type)throw n.arg;return"break"===n.type||"continue"===n.type?this.next=n.arg:"return"===n.type?(this.rval=this.arg=n.arg,this.method="return",this.next="end"):"normal"===n.type&&t&&(this.next=t),m},finish:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.finallyLoc===n)return this.complete(o.completion,o.afterLoc),E(o),m}},catch:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.tryLoc===n){var r=o.completion;if("throw"===r.type){var e=r.arg;E(o)}return e}}throw new Error("illegal catch attempt")},delegateYield:function(n,t,o){return this.delegate={iterator:L(n),resultName:t,nextLoc:o},"next"===this.method&&(this.arg=void 0),m}},r}n.exports=o,n.exports.__esModule=!0,n.exports.default=n.exports}($);var F=$.exports(),N=F;try{regeneratorRuntime=F}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=F:Function("r","regeneratorRuntime = r")(F)}function T(n,t){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),o.push.apply(o,r)}return o}function G(n){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?T(Object(o),!0).forEach((function(t){A(n,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):T(Object(o)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(o,t))}))}return n}var Y=["innerHTML"],V=n({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:function(n){return n}}},emits:["loaded","unloaded","error"],setup:function(n,r){var e=r.emit,a=n,i={},p=l(),v=l(),g=function(){try{return function(n,t){var o=c(n,t);if(!o)throw new Error("[maz-ui](injectStrict) Could not resolve ".concat(n));return o}("mazIconPath")}catch(n){return}},h=s((function(){var n;return null!==(n=a.path)&&void 0!==n?n:g()})),y=s((function(){return a.src?a.src:h.value?"".concat(h.value,"/").concat(a.name,".svg"):"/".concat(a.name,".svg")}));d((function(){a.name||a.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));var k=function(n){var t=n.cloneNode(!0);return t=a.transformSource(n),a.title&&function(n,t){var o=n.querySelectorAll("title");if(o.length>0)o[0].textContent=t;else{var r=document.createElementNS("http://www.w3.org/2000/svg","title");r.textContent=t,n.append(r)}}(t,a.title),n.innerHTML},w=function(){var n=M(N.mark((function n(t){var o;return N.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return i[t]||(i[t]=x(t)),n.prev=1,n.next=4,i[t];case 4:return o=n.sent,p.value=o,n.next=8,f();case 8:e("loaded",v.value),n.next=16;break;case 11:n.prev=11,n.t0=n.catch(1),p.value&&(p.value=void 0,e("unloaded")),delete i[t],e("error",n.t0);case 16:case"end":return n.stop()}}),n,null,[[1,11]])})));return function(t){return n.apply(this,arguments)}}(),x=function(n){return new Promise((function(t,o){var r=new XMLHttpRequest;r.open("GET",n,!0),r.addEventListener("load",(function(){if(r.status>=200&&r.status<400)try{var n=(new DOMParser).parseFromString(r.responseText,"text/xml").querySelectorAll("svg")[0];n?(n=a.transformSource(n),t(n)):o(new Error('Loaded file is not valid SVG"'))}catch(n){o(n)}else o(new Error("Error loading SVG"))})),r.addEventListener("error",(function(){return o()})),r.send()}))};return u((function(){return w(y.value)})),function(r,e){return p.value?(t(),o("svg",b({key:0,ref_key:"svgElem",ref:v,width:"1em",height:"1em"},G(G({},function(n){var t={},o=n.attributes;if(!o)return t;for(var r=o.length-1;r>=0;r--)t[o[r].name]=o[r].value;return t}(p.value)),(a=r.$attrs,Object.keys(a).reduce((function(n,t){return!1!==a[t]&&null!==a[t]&&void 0!==a[t]&&(n[t]=a[t]),n}),{}))),{style:"font-size: ".concat(n.size),innerHTML:k(p.value)}),null,16,Y)):m("",!0);var a}}}),H={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},q={class:"maz-flex maz-flex-center"},R={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},U=n({__name:"MazBtn",props:{variant:{type:String,default:"button",validator:function(n){return["button","link"].includes(n)}},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(n)}},type:{type:String,default:"button",validator:function(n){return["button","submit"].includes(n)}},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1}},setup:function(n){var e=n,a=p(),c=a.href,l=a.to,d=v(),u=s((function(){return c?"a":l?"router-link":"button"})),f=s((function(){return e.pastel?"--".concat(e.color,"-pastel"):e.outline||e.loading?"--".concat(e.color,"-outline"):"--".concat(e.color)})),z=s((function(){return(e.loading||e.disabled)&&"button"===u.value})),_=s((function(){return z.value?"--cursor-default":"--cursor-pointer"})),E=s((function(){return"--is-".concat(e.variant)})),S=s((function(){return"--".concat(e.color)})),L=s((function(){return["white"].includes(e.color)?"black":"white"})),j=s((function(){return e.loading&&"button"===e.variant})),O=s((function(){return!!d["left-icon"]||e.leftIcon})),C=s((function(){return!!d["right-icon"]||e.rightIcon})),P=s((function(){return O.value||C.value})),A=s((function(){return"button"===u.value?e.type:void 0}));return function(e,a){return t(),g(h(y(u)),b(e.$attrs,{disabled:y(z),class:["m-btn",["--".concat(n.size),y(f),y(_),y(E),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":y(z),"--icon":y(P),"--rounded":n.rounded,"--no-padding":n.noPadding,"--no-elevation":n.noElevation}]],type:y(A)}),{default:k((function(){return[y(O)?(t(),o("div",H,[w(e.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g(V,{key:0,name:n.leftIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),i("span",q,[w(e.$slots,"default")]),y(C)?(t(),o("div",R,[w(e.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g(V,{key:0,name:n.rightIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),y(j)?(t(),o("div",{key:2,class:r(["m-btn__loading-wrapper",y(S)])},[x(B,{size:"2em",color:y(L)},null,8,["color"])],2)):m("",!0)]})),_:3},16,["disabled","class","type"])}}});P("\n.m-btn[data-v-4f7c1518] {\n\n border-width: var(--maz-border-width);\n\n border-style: solid;\n\n border-color: transparent;\n\n text-align: center;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n color: var(--maz-color-text);\n}\n.m-btn span[data-v-4f7c1518] {\n\n line-height: 1;\n}\n.m-btn__icon-left[data-v-4f7c1518] {\n\n margin-right: 0.5rem;\n\n margin-left: -0.25rem;\n\n line-height: 1;\n}\n.m-btn__icon-right[data-v-4f7c1518] {\n\n margin-left: 0.5rem;\n\n margin-right: -0.25rem;\n\n line-height: 1;\n}\n.m-btn.--cursor-pointer[data-v-4f7c1518] {\n\n cursor: pointer;\n}\n.m-btn.--cursor-default[data-v-4f7c1518] {\n\n cursor: default;\n}\n.m-btn.--is-link[data-v-4f7c1518] {\n\n display: -webkit-inline-box;\n\n display: -ms-inline-flexbox;\n\n display: inline-flex;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n background-color: transparent;\n\n outline: 2px solid transparent;\n\n outline-offset: 2px;\n\n -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n -webkit-transition-duration: 200ms;\n\n transition-duration: 200ms;\n\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-link[data-v-4f7c1518]:not(.--no-leading) {\n\n line-height: 2.25rem;\n}\n.m-btn.--is-link[data-v-4f7c1518]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-4f7c1518]:not(:disabled):focus:not(.--no-underline) {\n\n text-decoration-line: underline;\n}\n.m-btn.--is-link.--secondary[data-v-4f7c1518] {\n\n color: var(--maz-color-secondary);\n}\n.m-btn.--is-link.--info[data-v-4f7c1518] {\n\n color: var(--maz-color-info);\n}\n.m-btn.--is-link.--warning[data-v-4f7c1518] {\n\n color: var(--maz-color-warning-600);\n}\n.m-btn.--is-link.--danger[data-v-4f7c1518] {\n\n color: var(--maz-color-danger-600);\n}\n.m-btn.--is-link.--success[data-v-4f7c1518] {\n\n color: var(--maz-color-success-600);\n}\n.m-btn.--is-link.--white[data-v-4f7c1518] {\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-link.--black[data-v-4f7c1518] {\n\n color: var(--maz-color-black);\n}\n.m-btn.--is-button[data-v-4f7c1518] {\n\n position: relative;\n\n display: -webkit-inline-box;\n\n display: -ms-inline-flexbox;\n\n display: inline-flex;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: center;\n\n -ms-flex-pack: center;\n\n justify-content: center;\n\n overflow: hidden;\n\n border-radius: var(--maz-border-radius);\n\n border-color: transparent;\n\n background-color: transparent;\n\n font-weight: 500;\n\n text-decoration-line: none;\n\n -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n -webkit-transition-duration: 300ms;\n\n transition-duration: 300ms;\n\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-button.--rounded[data-v-4f7c1518] {\n\n border-radius: 9999px;\n}\n.m-btn.--is-button.--xl[data-v-4f7c1518] {\n\n padding-left: 2rem;\n\n padding-right: 2rem;\n\n font-size: 1.25rem;\n\n line-height: 1.75rem;\n\n padding-top: 1.325rem;\n padding-bottom: 1.325rem;\n}\n.m-btn.--is-button.--lg[data-v-4f7c1518] {\n\n padding-left: 1.5rem;\n\n padding-right: 1.5rem;\n\n font-size: 1.125rem;\n\n line-height: 1.75rem;\n\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n.m-btn.--is-button.--md[data-v-4f7c1518] {\n\n padding-left: 1rem;\n\n padding-right: 1rem;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n padding-top: 0.88rem;\n padding-bottom: 0.88rem;\n}\n.m-btn.--is-button.--sm[data-v-4f7c1518] {\n\n padding-left: 0.75rem;\n\n padding-right: 0.75rem;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n.m-btn.--is-button.--xs[data-v-4f7c1518] {\n\n padding-left: 0.5rem;\n\n padding-right: 0.5rem;\n\n font-size: 0.875rem;\n\n line-height: 1.25rem;\n\n padding-top: 0.3rem;\n padding-bottom: 0.3rem;\n}\n.m-btn.--is-button.--mini[data-v-4f7c1518] {\n\n padding-left: 0.25rem;\n\n padding-right: 0.25rem;\n\n font-size: 0.75rem;\n\n line-height: 1rem;\n\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n}\n.m-btn.--is-button.--icon[data-v-4f7c1518] {\n\n padding-top: 0.5rem;\n\n padding-bottom: 0.5rem;\n}\n.m-btn.--is-button[data-v-4f7c1518] {\n\n -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n\n transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n/* Not disabled */\n.m-btn.--is-button[data-v-4f7c1518]:not(.--disabled):hover,\n .m-btn.--is-button[data-v-4f7c1518]:not(.--disabled):focus {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n}\n/* Fab */\n.m-btn.--is-button.--fab[data-v-4f7c1518] {\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n height: 3rem;\n\n width: 3rem;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: center;\n\n -ms-flex-pack: center;\n\n justify-content: center;\n\n border-radius: 9999px;\n\n padding-left: 0px;\n\n padding-right: 0px;\n\n padding-top: 0px;\n\n padding-bottom: 0px;\n}\n.m-btn.--is-button.--fab[data-v-4f7c1518]:not(.--no-elevation) {\n\n -webkit-box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n\n box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n}\n.m-btn.--is-button.--block[data-v-4f7c1518] {\n\n width: 100%;\n}\n.m-btn.--is-button.--primary[data-v-4f7c1518] {\n\n background-color: var(--maz-color-primary);\n\n color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--primary[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--primary[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-primary-600);\n}\n.m-btn.--is-button.--secondary[data-v-4f7c1518] {\n\n background-color: var(--maz-color-secondary);\n\n color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--secondary[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--secondary[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-secondary-600);\n}\n.m-btn.--is-button.--info[data-v-4f7c1518] {\n\n background-color: var(--maz-color-info);\n\n color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--info[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--info[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-info-600);\n}\n.m-btn.--is-button.--success[data-v-4f7c1518] {\n\n background-color: var(--maz-color-success);\n\n color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--success[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--success[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-success-600);\n}\n.m-btn.--is-button.--warning[data-v-4f7c1518] {\n\n background-color: var(--maz-color-warning);\n\n color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--warning[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--warning[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-warning-600);\n}\n.m-btn.--is-button.--danger[data-v-4f7c1518] {\n\n background-color: var(--maz-color-danger);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--danger[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-danger-600);\n}\n.m-btn.--is-button.--white[data-v-4f7c1518] {\n\n background-color: var(--maz-color-white);\n\n color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--white[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--white[data-v-4f7c1518]:not(:disabled):focus {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(209 213 219 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--black[data-v-4f7c1518] {\n\n background-color: var(--maz-color-black);\n\n color: var(--maz-color-black-contrast);\n}\n.m-btn.--is-button.--black[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--black[data-v-4f7c1518]:not(:disabled):focus {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(31 41 55 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--transparent[data-v-4f7c1518] {\n\n background-color: transparent;\n}\n.m-btn.--is-button.--transparent[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--transparent[data-v-4f7c1518]:not(:disabled):focus {\n background-color: hsl(0deg 0% 0% / 12%);\n}\n.m-btn.--is-button.--primary-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-primary);\n\n color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--primary-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-primary);\n\n color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-secondary);\n\n color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--secondary-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-secondary);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--info-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-info);\n\n color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--info-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-info);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--success-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-success);\n\n color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--success-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-success);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-danger);\n\n color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--danger-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-danger);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--warning-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-warning);\n\n color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--warning-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-warning);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-white);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--white-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-white);\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--black-outline[data-v-4f7c1518] {\n\n border-color: var(--maz-color-black);\n\n color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-outline[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--black-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-black);\n\n color: var(--maz-color-black);\n}\n.m-btn.--is-button.--primary-pastel[data-v-4f7c1518] {\n\n background-color: var(--maz-color-primary-50);\n\n color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--primary-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-primary);\n\n color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-4f7c1518] {\n\n background-color: var(--maz-color-secondary-50);\n\n color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--secondary-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-secondary);\n\n color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--info-pastel[data-v-4f7c1518] {\n\n background-color: var(--maz-color-info-50);\n\n color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--info-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-info);\n\n color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--success-pastel[data-v-4f7c1518] {\n\n background-color: var(--maz-color-success-50);\n\n color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--success-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-success);\n\n color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--danger-pastel[data-v-4f7c1518] {\n\n background-color: var(--maz-color-danger-50);\n\n color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--danger-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-danger);\n\n color: var(--maz-color-danger-contrast);\n}\n.m-btn.--is-button.--warning-pastel[data-v-4f7c1518] {\n\n background-color: var(--maz-color-warning-50);\n\n color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--warning-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-warning);\n\n color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--white-pastel[data-v-4f7c1518] {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n\n color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--white-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-white);\n\n color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--black-pastel[data-v-4f7c1518] {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n\n color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-pastel[data-v-4f7c1518]:not(:disabled):hover,\n .m-btn.--is-button.--black-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n background-color: var(--maz-color-black);\n\n color: var(--maz-color-black-contrast);\n}\n/* Disabled */\n.m-btn.--is-button.--disabled[data-v-4f7c1518] {\n\n cursor: not-allowed;\n\n background-color: var(--maz-color-bg-lighter);\n\n --tw-text-opacity: 1;\n\n color: rgb(156 163 175 / var(--tw-text-opacity));\n}\n.m-btn.--is-button.--no-padding[data-v-4f7c1518] {\n\n padding: 0px;\n}\n/* Loader */\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-4f7c1518] {\n\n position: absolute;\n\n top: 0px;\n\n right: 0px;\n\n bottom: 0px;\n\n left: 0px;\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: center;\n\n -ms-flex-pack: center;\n\n justify-content: center;\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-4f7c1518] {\n\n background-color: var(--maz-color-primary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-4f7c1518] {\n\n background-color: var(--maz-color-secondary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-4f7c1518] {\n\n background-color: var(--maz-color-info);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-4f7c1518] {\n\n background-color: var(--maz-color-warning);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-4f7c1518] {\n\n background-color: var(--maz-color-success);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-4f7c1518] {\n\n background-color: var(--maz-color-danger);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-4f7c1518] {\n\n background-color: var(--maz-color-white);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-4f7c1518] {\n\n background-color: var(--maz-color-black);\n}\n"),U.__scopeId="data-v-4f7c1518";var K=n({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!1},teleportSelector:{type:String,default:"body"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},noCloseOnEscKey:{type:Boolean,default:!1},transitionName:{type:String,default:"backdrop-anim"},backdropClass:{type:[Array,String,Object],default:void 0},backdropContentClass:{type:[Array,String,Object],default:void 0}},emits:["open","before-close","close","update:model-value"],setup:function(n,t){var o=t.emit,r=l(n.modelValue),e=function(){a(!1)},a=function(){var t=M(N.mark((function t(e){var a;return N.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e){t.next=4;break}return o("before-close"),t.next=4,null===(a=n.beforeClose)||void 0===a?void 0:a.call(n);case 4:r.value=e;case 5:case"end":return t.stop()}}),t)})));return function(n){return t.apply(this,arguments)}}(),i=function(t){n.noCloseOnEscKey||"Escape"!==t.key||n.persistent||e()},c=function(){document.documentElement.classList.add("--backdrop-present"),document.addEventListener("keyup",i,!1)},s=function(){document.removeEventListener("keyup",i),document.querySelector(".m-backdrop.--present")||document.documentElement.classList.remove("--backdrop-present")};return d((function(){n.modelValue&&c()})),z((function(){return n.modelValue}),(function(n){r.value=n,n?c():s()})),{onBackdropAnimationEnter:function(){o("open")},onBackdropAnimationLeave:function(){o("update:model-value",!1),o("close")},onBackdropClicked:function(){n.persistent||e()},close:e,present:r}}});P("\nhtml.--backdrop-present {\n overflow-y: hidden;\n height: 100vh;\n}\n");P("\n.m-backdrop.bottom-sheet-anim-enter-active,\n .m-backdrop.bottom-sheet-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content {\n transition: -webkit-transform ease-in-out 250ms;\n -webkit-transition: -webkit-transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n.m-backdrop.bottom-sheet-anim-enter-from,\n .m-backdrop.bottom-sheet-anim-leave-to {\n opacity: 0;\n}\n.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content {\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n}\n.m-backdrop.modal-anim-enter-active,\n .m-backdrop.modal-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n.m-backdrop.modal-anim-enter-active .m-backdrop-content, .m-backdrop.modal-anim-leave-active .m-backdrop-content {\n transition: -webkit-transform ease-in-out 250ms;\n -webkit-transition: -webkit-transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n.m-backdrop.modal-anim-enter-from,\n .m-backdrop.modal-anim-leave-to {\n opacity: 0;\n}\n.m-backdrop.modal-anim-enter-from .m-backdrop-content, .m-backdrop.modal-anim-leave-to .m-backdrop-content {\n -webkit-transform: translateY(-25px);\n transform: translateY(-25px);\n}\n.m-backdrop.backdrop-anim-enter-active,\n .m-backdrop.backdrop-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n.m-backdrop.backdrop-anim-enter-from,\n .m-backdrop.backdrop-anim-leave-to {\n opacity: 0;\n}\n.m-backdrop {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n z-index: 1050;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n opacity: 1;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n\n -webkit-backdrop-filter: blur(3px);\n\n backdrop-filter: blur(3px);\n}\n.m-backdrop-overlay {\n -ms-touch-action: none;\n touch-action: none;\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n background-color: var(--maz-bg-overlay);\n}\n.m-backdrop-overlay:not(.--disabled) {\n cursor: pointer;\n}\n.m-backdrop-content {\n position: relative;\n z-index: 1;\n}\n.m-backdrop-content:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n.m-backdrop.--bottom-sheet .m-backdrop-content {\n position: absolute;\n bottom: 0px;\n left: 0px;\n right: 0px;\n}\n.m-backdrop.--fullscreen {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n}\n.m-backdrop.--fullscreen.--center-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen.--center-top {\n padding-top: 7rem;\n }\n}\n.m-backdrop.--fullscreen .m-backdrop-content {\n position: relative;\n width: 100%;\n}\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen .m-backdrop-content {\n width: auto;\n }\n}\n"),K.render=function(n,e,a,c,l,s){return t(),g(_,{to:n.teleportSelector},[x(E,{appear:"",name:n.transitionName,onAfterEnter:n.onBackdropAnimationEnter,onAfterLeave:n.onBackdropAnimationLeave},{default:k((function(){return[n.present?(t(),o("div",{key:0,class:r(["m-backdrop --present",[n.backdropClass]]),tabindex:"-1",role:"dialog"},[i("div",{class:r(["m-backdrop-overlay",{"--disabled":n.persistent}]),tabindex:"-1",onClick:e[0]||(e[0]=S((function(){return n.onBackdropClicked&&n.onBackdropClicked.apply(n,arguments)}),["self"]))},null,2),i("div",b({class:["m-backdrop-content",n.backdropContentClass]},n.$attrs,{role:"document",tabindex:"0"}),[w(n.$slots,"default",{close:n.close})],16)],2)):m("",!0)]})),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["to"])};var X={class:"m-dialog-layout"},J={key:0,class:"maz-my-0 maz-text-xl maz-font-semibold"},Q={class:"m-dialog-layout-content"},W={key:0,class:"m-dialog-layout-footer"},Z=n({__name:"MazDialog",props:{title:{type:String,default:void 0},noClose:{type:Boolean,default:!1}},emits:["update:model-value","close","open"],setup:function(n){return function(e,a){return t(),g(K,b(e.$attrs,{"transition-name":"modal-anim",onClose:a[0]||(a[0]=function(n){return e.$emit("close",n)}),onOpen:a[1]||(a[1]=function(n){return e.$emit("open",n)}),"onUpdate:modelValue":a[2]||(a[2]=function(n){return e.$emit("update:model-value",n)})}),{default:k((function(a){var c=a.close;return[i("div",X,[i("div",{class:r(["m-dialog-layout-header",{"--has-title":e.$slots.title||n.title}])},[e.$slots.title||n.title?(t(),o("h2",J,[w(e.$slots,"title",{},(function(){return[L(j(n.title),1)]}))])):m("",!0),n.noClose?m("",!0):(t(),g(U,{key:1,size:"sm",class:"m-dialog-layout-closebtn",color:"transparent",onClick:c},{default:k((function(){return[x(V,{src:y("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M6%2018L18%206M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E"),class:"maz-h-5 maz-w-5"},null,8,["src"])]})),_:2},1032,["onClick"]))],2),i("div",Q,[w(e.$slots,"default",{close:c})]),e.$slots.footer?(t(),o("div",W,[w(e.$slots,"footer",{close:c})])):m("",!0)])]})),_:3},16)}}});P("\n.m-dialog-layout[data-v-6dc73b9c] {\n\n border-radius: var(--maz-border-radius);\n\n background-color: var(--maz-color-bg);\n\n color: var(--maz-color-text);\n\n width: 500px;\n max-width: 95vw;\n}\n.m-dialog-layout-header[data-v-6dc73b9c] {\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: end;\n\n -ms-flex-pack: end;\n\n justify-content: flex-end;\n\n padding-top: 0.5rem;\n\n padding-left: 1.5rem;\n\n padding-right: 0.5rem;\n}\n.m-dialog-layout-header.--has-title[data-v-6dc73b9c] {\n\n -webkit-box-pack: justify;\n\n -ms-flex-pack: justify;\n\n justify-content: space-between;\n}\n.m-dialog-layout-footer[data-v-6dc73b9c] {\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n\n -webkit-box-align: center;\n\n -ms-flex-align: center;\n\n align-items: center;\n\n -webkit-box-pack: end;\n\n -ms-flex-pack: end;\n\n justify-content: flex-end;\n\n padding-left: 1.5rem;\n\n padding-right: 1.5rem;\n\n padding-bottom: 1rem;\n}\n.m-dialog-layout-content[data-v-6dc73b9c] {\n\n padding: 1.5rem;\n}\n.m-dialog-layout-content-icon[data-v-6dc73b9c] {\n -ms-flex: 0 0 auto;\n -webkit-box-flex: 0;\n flex: 0 0 auto;\n}\n.m-dialog-layout-closebtn[data-v-6dc73b9c] {\n\n padding: 0.5rem !important;\n}\n"),Z.__scopeId="data-v-6dc73b9c";export{Z as default};
|