maz-ui 3.0.0-next.3 → 3.0.0-next.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/MazBackDrop.js +1 -1
- package/components/MazBottomSheet.js +2 -2
- package/components/MazBtn.js +2 -2
- package/components/MazCard.js +2 -2
- package/components/MazDialog.js +2 -2
- package/components/MazDialogPromise.js +2 -2
- package/components/MazDrawer.js +2 -2
- package/components/MazDropzone.js +1 -1
- package/components/MazGallery.js +2 -2
- package/components/MazInput.js +2 -2
- package/components/MazInputNumber.js +2 -2
- package/components/MazInputPrice.js +2 -2
- package/components/MazPhoneNumberInput.js +2 -2
- package/components/MazPicker.js +2 -2
- package/components/MazSelect.js +2 -2
- package/components/MazSlider.js +2 -2
- package/components/MazTabsBar.js +2 -2
- package/css/main.css +43 -36
- package/package.json +4 -7
- package/tailwindcss/css/_subs/colors-vars.css +31 -10
- package/tailwindcss/css/_subs/reset.css +1 -1
- package/tailwindcss/tailwind.config.js +1 -3
- package/tailwindcss/variables/colors.js +7 -1
- package/tailwindcss/variables/utilities.js +0 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
import{defineComponent as n,ref as e,watch as t,openBlock as o,createBlock as a,Teleport as r,createVNode as i,Transition as s,withCtx as c,createElementBlock as m,normalizeClass as d,createElementVNode as l,withModifiers as p,mergeProps as b,renderSlot as u,createCommentVNode as f}from"vue";var k=n({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!0},selector:{type:String,default:"#modals-container"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},backdropClass:{type:[Array,String,Object],default:function(){return[]}},transition:{type:String,default:"backdrop-anim"},escKey:{type:Boolean,default:!0},zOffset:{type:Number,default:20},defaultZIndex:{type:Number,default:1050},modalClass:{type:String,default:void 0}},emits:["open","close","update:model-value"],setup:function(n,o){var a=o.emit,r=e(n.modelValue),i=function(n){return r.value=n},s=function(){return i(!0)},c=function(){return i(!1)},m=function(e){for(var t=n.beforeClose?n.beforeClose:function(){return!0},o=arguments.length,a=new Array(o>1?o-1:0),r=1;r<o;r++)a[r-1]=arguments[r];e?s():n.beforeClose&&!1!==t.apply(void 0,a)||c()},d=function(e){n.escKey&&"Escape"===e.code&&(n.persistent||m(!1))};return t((function(){return n.modelValue}),(function(n){r.value=n,n?(document.documentElement.classList.add("--backdrop-present"),window.addEventListener("keyup",d,!1)):(window.removeEventListener("keyup",d),document.documentElement.classList.remove("--backdrop-present"))})),{present:r,openModal:s,close:c,onBackdropClicked:function(){n.persistent||m(!1)},onBackdropAnimationEnter:function(){a("open")},onBackdropAnimationLeave:function(){a("update:model-value",!1),a("close")},toggleModal:m}}});!function(n,e){void 0===e&&(e={});var t=e.insertAt;if(n&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.styleSheet?a.styleSheet.cssText=n:a.appendChild(document.createTextNode(n))}}("/* purgecss start ignore */\n\n/* stylelint-disable no-descending-specificity */\n\nhtml.--backdrop-present {\n overflow-y: hidden;\n height: 100vh;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active,\n .m-backdrop.bottom-sheet-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content {\n transition: -webkit-transform ease-in-out 250ms;\n -webkit-transition: -webkit-transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n\n.m-backdrop.bottom-sheet-anim-enter-from,\n .m-backdrop.bottom-sheet-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content {\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n}\n\n.m-backdrop.modal-anim-enter-active,\n .m-backdrop.modal-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.modal-anim-enter-active .m-backdrop-content, .m-backdrop.modal-anim-leave-active .m-backdrop-content {\n transition: -webkit-transform ease-in-out 250ms;\n -webkit-transition: -webkit-transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n\n.m-backdrop.modal-anim-enter-from,\n .m-backdrop.modal-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop.modal-anim-enter-from .m-backdrop-content, .m-backdrop.modal-anim-leave-to .m-backdrop-content {\n -webkit-transform: translateY(-25px);\n transform: translateY(-25px);\n}\n\n.m-backdrop.backdrop-anim-enter-active,\n .m-backdrop.backdrop-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.backdrop-anim-enter-from,\n .m-backdrop.backdrop-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n opacity: 1;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-backdrop-filter: blur(3px);\n backdrop-filter: blur(3px);\n z-index: 1050;\n}\n\n.m-backdrop-overlay {\n -ms-touch-action: none;\n touch-action: none;\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n background-color: var(--maz-
|
|
1
|
+
import{defineComponent as n,ref as e,watch as t,openBlock as o,createBlock as a,Teleport as r,createVNode as i,Transition as s,withCtx as c,createElementBlock as m,normalizeClass as d,createElementVNode as l,withModifiers as p,mergeProps as b,renderSlot as u,createCommentVNode as f}from"vue";var k=n({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!0},selector:{type:String,default:"#modals-container"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},backdropClass:{type:[Array,String,Object],default:function(){return[]}},transition:{type:String,default:"backdrop-anim"},escKey:{type:Boolean,default:!0},zOffset:{type:Number,default:20},defaultZIndex:{type:Number,default:1050},modalClass:{type:String,default:void 0}},emits:["open","close","update:model-value"],setup:function(n,o){var a=o.emit,r=e(n.modelValue),i=function(n){return r.value=n},s=function(){return i(!0)},c=function(){return i(!1)},m=function(e){for(var t=n.beforeClose?n.beforeClose:function(){return!0},o=arguments.length,a=new Array(o>1?o-1:0),r=1;r<o;r++)a[r-1]=arguments[r];e?s():n.beforeClose&&!1!==t.apply(void 0,a)||c()},d=function(e){n.escKey&&"Escape"===e.code&&(n.persistent||m(!1))};return t((function(){return n.modelValue}),(function(n){r.value=n,n?(document.documentElement.classList.add("--backdrop-present"),window.addEventListener("keyup",d,!1)):(window.removeEventListener("keyup",d),document.documentElement.classList.remove("--backdrop-present"))})),{present:r,openModal:s,close:c,onBackdropClicked:function(){n.persistent||m(!1)},onBackdropAnimationEnter:function(){a("open")},onBackdropAnimationLeave:function(){a("update:model-value",!1),a("close")},toggleModal:m}}});!function(n,e){void 0===e&&(e={});var t=e.insertAt;if(n&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.styleSheet?a.styleSheet.cssText=n:a.appendChild(document.createTextNode(n))}}("/* purgecss start ignore */\n\n/* stylelint-disable no-descending-specificity */\n\nhtml.--backdrop-present {\n overflow-y: hidden;\n height: 100vh;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active,\n .m-backdrop.bottom-sheet-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content {\n transition: -webkit-transform ease-in-out 250ms;\n -webkit-transition: -webkit-transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n\n.m-backdrop.bottom-sheet-anim-enter-from,\n .m-backdrop.bottom-sheet-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content {\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n}\n\n.m-backdrop.modal-anim-enter-active,\n .m-backdrop.modal-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.modal-anim-enter-active .m-backdrop-content, .m-backdrop.modal-anim-leave-active .m-backdrop-content {\n transition: -webkit-transform ease-in-out 250ms;\n -webkit-transition: -webkit-transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n\n.m-backdrop.modal-anim-enter-from,\n .m-backdrop.modal-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop.modal-anim-enter-from .m-backdrop-content, .m-backdrop.modal-anim-leave-to .m-backdrop-content {\n -webkit-transform: translateY(-25px);\n transform: translateY(-25px);\n}\n\n.m-backdrop.backdrop-anim-enter-active,\n .m-backdrop.backdrop-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.backdrop-anim-enter-from,\n .m-backdrop.backdrop-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n opacity: 1;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-backdrop-filter: blur(3px);\n backdrop-filter: blur(3px);\n z-index: 1050;\n}\n\n.m-backdrop-overlay {\n -ms-touch-action: none;\n touch-action: none;\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n background-color: var(--maz-bg-overlay);\n}\n\n.m-backdrop-overlay:not(.--disabled) {\n cursor: pointer;\n}\n\n.m-backdrop-content {\n position: relative;\n z-index: 1;\n}\n\n.m-backdrop-content:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.m-backdrop.--bottom-sheet .m-backdrop-content {\n position: absolute;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n\n.m-backdrop.--fullscreen {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n}\n\n.m-backdrop.--fullscreen.--center-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen.--center-top {\n padding-top: 7rem;\n }\n}\n\n.m-backdrop.--fullscreen .m-backdrop-content {\n position: relative;\n width: 100%;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen .m-backdrop-content {\n width: auto;\n }\n}\n\n/* purgecss end ignore */\n"),k.render=function(n,e,t,k,v,x){return o(),a(r,{to:"body",selector:n.selector},[i(s,{appear:"",name:n.transition,onAfterEnter:n.onBackdropAnimationEnter,onAfterLeave:n.onBackdropAnimationLeave},{default:c((function(){return[n.present?(o(),m("div",{key:0,class:d(["m-backdrop",{"--backdrop-present":n.present},n.backdropClass]),tabindex:"-1",role:"dialog"},[l("div",{class:d(["m-backdrop-overlay",{"--disabled":n.persistent}]),tabindex:"-1",onClick:e[0]||(e[0]=p((function(){return n.onBackdropClicked&&n.onBackdropClicked.apply(n,arguments)}),["self"]))},null,2),l("div",b({class:["m-backdrop-content",n.modalClass]},n.$attrs,{role:"document",tabindex:"0"}),[u(n.$slots,"default",{close:function(){return n.close()}})],16)],2)):f("",!0)]})),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["selector"])};export{k as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{defineComponent as n,openBlock as t,createElementBlock as o,normalizeClass as
|
|
1
|
+
import{defineComponent as n,openBlock as t,createElementBlock as o,normalizeClass as e,pushScopeId as r,popScopeId as a,createElementVNode as i,inject as c,ref as l,computed as d,onMounted as s,watch as b,mergeProps as u,createCommentVNode as m,nextTick as p,useAttrs as f,useSlots as v,createBlock as g,resolveDynamicComponent as h,unref as k,withCtx as y,renderSlot as w,createVNode as x,Teleport as z,Transition as _,withModifiers as L}from"vue";var E=["width","height"],S=[function(n){return r("data-v-57af58bb"),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({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(r,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:e(["m-spinner","m-spinner--".concat(n.color)]),style:{"enable-background":"new 0 0 50 50"}},S,10,E)}}});function C(n,t){void 0===t&&(t={});var o=t.insertAt;if(n&&"undefined"!=typeof document){var e=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===o&&e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.styleSheet?r.styleSheet.cssText=n:r.appendChild(document.createTextNode(n))}}C("/* purgecss start ignore */\n\n.m-spinner[data-v-57af58bb] {\n -webkit-animation: maz-spin 1s linear infinite;\n animation: maz-spin 1s linear infinite;\n fill: currentColor;\n color: var(--maz-color-white);\n margin: 0px !important;\n}\n\n.m-spinner--primary[data-v-57af58bb] {\n color: var(--maz-color-primary);\n}\n\n.m-spinner--secondary[data-v-57af58bb] {\n color: var(--maz-color-secondary);\n}\n\n.m-spinner--info[data-v-57af58bb] {\n color: var(--maz-color-info);\n}\n\n.m-spinner--warning[data-v-57af58bb] {\n color: var(--maz-color-warning);\n}\n\n.m-spinner--danger[data-v-57af58bb] {\n color: var(--maz-color-danger);\n}\n\n.m-spinner--success[data-v-57af58bb] {\n color: var(--maz-color-success);\n}\n\n.m-spinner--black[data-v-57af58bb] {\n color: var(--maz-color-black);\n}\n\n.m-spinner--white[data-v-57af58bb] {\n color: var(--maz-color-white);\n}\n\n.m-spinner--transparent[data-v-57af58bb] {\n color: var(--maz-color-white);\n}\n\n/* purgecss end ignore */\n"),B.__scopeId="data-v-57af58bb";var j={exports:{}};!function(n){var t=function(n){var t,o=Object.prototype,e=o.hasOwnProperty,r="function"==typeof Symbol?Symbol:{},a=r.iterator||"@@iterator",i=r.asyncIterator||"@@asyncIterator",c=r.toStringTag||"@@toStringTag";function l(n,t,o){return Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}),n[t]}try{l({},"")}catch(n){l=function(n,t,o){return n[t]=o}}function d(n,t,o,e){var r=t&&t.prototype instanceof v?t:v,a=Object.create(r.prototype),i=new B(e||[]);return a._invoke=function(n,t,o){var e=b;return function(r,a){if(e===m)throw new Error("Generator is already running");if(e===p){if("throw"===r)throw a;return j()}for(o.method=r,o.arg=a;;){var i=o.delegate;if(i){var c=L(i,o);if(c){if(c===f)continue;return c}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if(e===b)throw e=p,o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);e=m;var l=s(n,t,o);if("normal"===l.type){if(e=o.done?p:u,l.arg===f)continue;return{value:l.arg,done:o.done}}"throw"===l.type&&(e=p,o.method="throw",o.arg=l.arg)}}}(n,o,i),a}function s(n,t,o){try{return{type:"normal",arg:n.call(t,o)}}catch(n){return{type:"throw",arg:n}}}n.wrap=d;var b="suspendedStart",u="suspendedYield",m="executing",p="completed",f={};function v(){}function g(){}function h(){}var k={};l(k,a,(function(){return this}));var y=Object.getPrototypeOf,w=y&&y(y(C([])));w&&w!==o&&e.call(w,a)&&(k=w);var x=h.prototype=v.prototype=Object.create(k);function z(n){["next","throw","return"].forEach((function(t){l(n,t,(function(n){return this._invoke(t,n)}))}))}function _(n,t){function o(r,a,i,c){var l=s(n[r],n,a);if("throw"!==l.type){var d=l.arg,b=d.value;return b&&"object"==typeof b&&e.call(b,"__await")?t.resolve(b.__await).then((function(n){o("next",n,i,c)}),(function(n){o("throw",n,i,c)})):t.resolve(b).then((function(n){d.value=n,i(d)}),(function(n){return o("throw",n,i,c)}))}c(l.arg)}var r;this._invoke=function(n,e){function a(){return new t((function(t,r){o(n,e,t,r)}))}return r=r?r.then(a,a):a()}}function L(n,o){var e=n.iterator[o.method];if(e===t){if(o.delegate=null,"throw"===o.method){if(n.iterator.return&&(o.method="return",o.arg=t,L(n,o),"throw"===o.method))return f;o.method="throw",o.arg=new TypeError("The iterator does not provide a 'throw' method")}return f}var r=s(e,n.iterator,o.arg);if("throw"===r.type)return o.method="throw",o.arg=r.arg,o.delegate=null,f;var a=r.arg;return a?a.done?(o[n.resultName]=a.value,o.next=n.nextLoc,"return"!==o.method&&(o.method="next",o.arg=t),o.delegate=null,f):a:(o.method="throw",o.arg=new TypeError("iterator result is not an object"),o.delegate=null,f)}function E(n){var t={tryLoc:n[0]};1 in n&&(t.catchLoc=n[1]),2 in n&&(t.finallyLoc=n[2],t.afterLoc=n[3]),this.tryEntries.push(t)}function S(n){var t=n.completion||{};t.type="normal",delete t.arg,n.completion=t}function B(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(E,this),this.reset(!0)}function C(n){if(n){var o=n[a];if(o)return o.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var r=-1,i=function o(){for(;++r<n.length;)if(e.call(n,r))return o.value=n[r],o.done=!1,o;return o.value=t,o.done=!0,o};return i.next=i}}return{next:j}}function j(){return{value:t,done:!0}}return g.prototype=h,l(x,"constructor",h),l(h,"constructor",g),g.displayName=l(h,c,"GeneratorFunction"),n.isGeneratorFunction=function(n){var t="function"==typeof n&&n.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},n.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,h):(n.__proto__=h,l(n,c,"GeneratorFunction")),n.prototype=Object.create(x),n},n.awrap=function(n){return{__await:n}},z(_.prototype),l(_.prototype,i,(function(){return this})),n.AsyncIterator=_,n.async=function(t,o,e,r,a){void 0===a&&(a=Promise);var i=new _(d(t,o,e,r),a);return n.isGeneratorFunction(o)?i:i.next().then((function(n){return n.done?n.value:i.next()}))},z(x),l(x,c,"Generator"),l(x,a,(function(){return this})),l(x,"toString",(function(){return"[object Generator]"})),n.keys=function(n){var t=[];for(var o in n)t.push(o);return t.reverse(),function o(){for(;t.length;){var e=t.pop();if(e in n)return o.value=e,o.done=!1,o}return o.done=!0,o}},n.values=C,B.prototype={constructor:B,reset:function(n){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(S),!n)for(var o in this)"t"===o.charAt(0)&&e.call(this,o)&&!isNaN(+o.slice(1))&&(this[o]=t)},stop:function(){this.done=!0;var n=this.tryEntries[0].completion;if("throw"===n.type)throw n.arg;return this.rval},dispatchException:function(n){if(this.done)throw n;var o=this;function r(e,r){return c.type="throw",c.arg=n,o.next=e,r&&(o.method="next",o.arg=t),!!r}for(var a=this.tryEntries.length-1;a>=0;--a){var i=this.tryEntries[a],c=i.completion;if("root"===i.tryLoc)return r("end");if(i.tryLoc<=this.prev){var l=e.call(i,"catchLoc"),d=e.call(i,"finallyLoc");if(l&&d){if(this.prev<i.catchLoc)return r(i.catchLoc,!0);if(this.prev<i.finallyLoc)return r(i.finallyLoc)}else if(l){if(this.prev<i.catchLoc)return r(i.catchLoc,!0)}else{if(!d)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return r(i.finallyLoc)}}}},abrupt:function(n,t){for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o];if(r.tryLoc<=this.prev&&e.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var a=r;break}}a&&("break"===n||"continue"===n)&&a.tryLoc<=t&&t<=a.finallyLoc&&(a=null);var i=a?a.completion:{};return i.type=n,i.arg=t,a?(this.method="next",this.next=a.finallyLoc,f):this.complete(i)},complete:function(n,t){if("throw"===n.type)throw n.arg;return"break"===n.type||"continue"===n.type?this.next=n.arg:"return"===n.type?(this.rval=this.arg=n.arg,this.method="return",this.next="end"):"normal"===n.type&&t&&(this.next=t),f},finish:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.finallyLoc===n)return this.complete(o.completion,o.afterLoc),S(o),f}},catch:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.tryLoc===n){var e=o.completion;if("throw"===e.type){var r=e.arg;S(o)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(n,o,e){return this.delegate={iterator:C(n),resultName:o,nextLoc:e},"next"===this.method&&(this.arg=t),f}},n}(n.exports);try{regeneratorRuntime=t}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}}(j);var O=j.exports;
|
|
2
2
|
/*! *****************************************************************************
|
|
3
3
|
Copyright (c) Microsoft Corporation.
|
|
4
4
|
|
|
@@ -12,4 +12,4 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
|
12
12
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
13
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14
14
|
PERFORMANCE OF THIS SOFTWARE.
|
|
15
|
-
***************************************************************************** */function I(n,t,o,r){return new(o||(o=Promise))((function(e,a){function i(n){try{l(r.next(n))}catch(n){a(n)}}function c(n){try{l(r.throw(n))}catch(n){a(n)}}function l(n){var t;n.done?e(n.value):(t=n.value,t instanceof o?t:new o((function(n){n(t)}))).then(i,c)}l((r=r.apply(n,t||[])).next())}))}var N=["innerHTML"],T=n({props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:function(n){return n}},keepDuringLoading:{type:Boolean,default:!0}},emits:["loaded","unloaded","error"],setup:function(n,r){var e=this,a=r.emit,i=n,p={},v=l(),g=l(),h=function(n,t){var o=c(n,t);if(o)return o}("mazIconPath"),k=s((function(){var n;return null!==(n=i.path)&&void 0!==n?n:h})),y=s((function(){return i.src?i.src:k.value?"".concat(k.value,"/").concat(i.name,".svg"):"/".concat(i.name,".svg")}));d((function(){if(!i.name&&!i.src)throw new Error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');x(y.value)}));var w=function(n){var t=n.cloneNode(!0);return t=i.transformSource(n),i.title&&function(n,t){var o=n.getElementsByTagName("title");if(o.length)o[0].textContent=t;else{var r=document.createElementNS("http://www.w3.org/2000/svg","title");r.textContent=t,n.appendChild(r)}}(t,i.title),n.innerHTML},x=function(n){return I(e,void 0,void 0,O.mark((function t(){var o;return O.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return p[n]||(p[n]=z(n)),t.prev=1,t.next=4,p[n];case 4:return o=t.sent,v.value=o,t.next=8,f();case 8:a("loaded",g.value),t.next=16;break;case 11:t.prev=11,t.t0=t.catch(1),v.value&&(v.value=void 0,a("unloaded")),delete p[n],a("error",t.t0);case 16:case"end":return t.stop()}}),t,null,[[1,11]])})))},z=function(n){return new Promise((function(t,o){var r=new XMLHttpRequest;r.open("GET",n,!0),r.onload=function(){if(r.status>=200&&r.status<400)try{var n=(new DOMParser).parseFromString(r.responseText,"text/xml").getElementsByTagName("svg")[0];n?t(n):o(new Error('Loaded file is not valid SVG"'))}catch(n){o(n)}else o(new Error("Error loading SVG"))},r.onerror=o,r.send()}))};return u((function(){return i.src}),(function(){return x(y.value)})),function(r,e){return v.value?(t(),o("svg",b({key:0,ref_key:"svgElem",ref:g,width:"1em",height:"1em"},Object.assign(Object.assign({},function(n){var t={},o=n.attributes;if(!o)return t;for(var 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,N)):m("",!0);var a}}}),F={key:0,class:"m-btn__icon-left"},A={class:"maz-flex maz-flex-center"},P={key:1,class:"m-btn__icon-right"},D=n({props:{variant:{type:String,default:"button",validator:function(n){return["button","link"].includes(n)}},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(n)}},type:{type:String,default:"button",validator:function(n){return["button","submit"].includes(n)}},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1}},setup:function(n){var 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"})),L=s((function(){return"--is-".concat(e.variant)})),E=s((function(){return"--".concat(e.color)})),S=s((function(){return["white"].includes(e.color)?"black":"white"})),C=s((function(){return e.loading&&"button"===e.variant})),j=s((function(){return!!d["left-icon"]||e.leftIcon})),O=s((function(){return!!d["right-icon"]||e.rightIcon})),I=s((function(){return j.value||O.value})),N=s((function(){return"button"===u.value?e.type:void 0}));return function(e,a){return t(),g(h(k(u)),b(e.$attrs,{disabled:k(z),class:["m-btn",["--".concat(n.size),k(f),k(_),k(L),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":k(z),"--icon":k(I),"--rounded":n.rounded,"--no-padding":n.noPadding}]],type:k(N)}),{default:y((function(){return[k(j)?(t(),o("div",F,[w(e.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g(T,{key:0,name:n.leftIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),i("span",A,[w(e.$slots,"default")]),k(O)?(t(),o("div",P,[w(e.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g(T,{key:0,name:n.rightIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),k(C)?(t(),o("div",{key:2,class:r(["m-btn__loading-wrapper",k(E)])},[x(B,{size:"2em",color:k(S)},null,8,["color"])],2)):m("",!0)]})),_:3},16,["disabled","class","type"])}}});C("/* purgecss start ignore */\n\n.m-btn[data-v-9169cf26] {\n border-width: 2px;\n border-style: solid;\n border-color: transparent;\n text-align: center;\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.m-btn span[data-v-9169cf26] {\n line-height: 1;\n}\n\n.m-btn__icon-left[data-v-9169cf26] {\n margin-right: 0.5rem;\n margin-left: -0.25rem;\n line-height: 1;\n}\n\n.m-btn__icon-right[data-v-9169cf26] {\n margin-right: -0.25rem;\n margin-left: 0.5rem;\n line-height: 1;\n}\n\n.m-btn.--cursor-pointer[data-v-9169cf26] {\n cursor: pointer;\n}\n\n.m-btn.--cursor-default[data-v-9169cf26] {\n cursor: default;\n}\n\n.m-btn.--is-link[data-v-9169cf26] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: transparent;\n color: var(--maz-color-normal-text);\n outline: 2px solid transparent;\n outline-offset: 2px;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-link[data-v-9169cf26]:not(.--no-leading) {\n line-height: 2.25rem;\n}\n\n.m-btn.--is-link[data-v-9169cf26]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-9169cf26]:not(:disabled):focus:not(.--no-underline) {\n text-decoration: underline;\n}\n\n.m-btn.--is-link.--secondary[data-v-9169cf26] {\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-link.--info[data-v-9169cf26] {\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-link.--warning[data-v-9169cf26] {\n color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-link.--danger[data-v-9169cf26] {\n color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-link.--success[data-v-9169cf26] {\n color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-link.--white[data-v-9169cf26] {\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-link.--black[data-v-9169cf26] {\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button[data-v-9169cf26] {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n overflow: hidden;\n border-radius: 0.5rem;\n border-color: transparent;\n background-color: transparent;\n font-family: var(--maz-font-family);\n font-weight: 500;\n text-decoration: none;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 300ms;\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-button.--rounded[data-v-9169cf26] {\n border-radius: 9999px;\n}\n\n.m-btn.--is-button.--xl[data-v-9169cf26] {\n padding-left: 2rem;\n padding-right: 2rem;\n font-size: 1.25rem;\n line-height: 1.75rem;\n padding-top: 1.325rem;\n padding-bottom: 1.325rem;\n}\n\n.m-btn.--is-button.--lg[data-v-9169cf26] {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n font-size: 1.125rem;\n line-height: 1.75rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.m-btn.--is-button.--md[data-v-9169cf26] {\n padding-left: 1rem;\n padding-right: 1rem;\n font-size: 1rem;\n line-height: 1.5rem;\n padding-top: 0.88rem;\n padding-bottom: 0.88rem;\n}\n\n.m-btn.--is-button.--sm[data-v-9169cf26] {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n\n.m-btn.--is-button.--xs[data-v-9169cf26] {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.3rem;\n padding-bottom: 0.3rem;\n}\n\n.m-btn.--is-button.--mini[data-v-9169cf26] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n font-size: 0.75rem;\n line-height: 1rem;\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n}\n\n.m-btn.--is-button.--icon[data-v-9169cf26] {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.m-btn.--is-button[data-v-9169cf26] {\n -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n\n/* Not disabled */\n\n.m-btn.--is-button[data-v-9169cf26]:not(.--disabled):hover, .m-btn.--is-button[data-v-9169cf26]:not(.--disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n}\n\n/* Fab */\n\n.m-btn.--is-button.--fab[data-v-9169cf26] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 3rem;\n width: 3rem;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n border-radius: 9999px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: 0px;\n --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));\n}\n\n.m-btn.--is-button.--block[data-v-9169cf26] {\n width: 100%;\n}\n\n.m-btn.--is-button.--primary[data-v-9169cf26] {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--primary[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--primary[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-primary-600);\n}\n\n.m-btn.--is-button.--secondary[data-v-9169cf26] {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--secondary[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--secondary[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-secondary-600);\n}\n\n.m-btn.--is-button.--info[data-v-9169cf26] {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--info[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--info[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-info-600);\n}\n\n.m-btn.--is-button.--success[data-v-9169cf26] {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--success[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--success[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-button.--warning[data-v-9169cf26] {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--warning[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--warning[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-button.--danger[data-v-9169cf26] {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--danger[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-button.--white[data-v-9169cf26] {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--white[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--white[data-v-9169cf26]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(209, 213, 219, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--black[data-v-9169cf26] {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n.m-btn.--is-button.--black[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--black[data-v-9169cf26]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(31, 41, 55, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--transparent[data-v-9169cf26] {\n background-color: transparent;\n color: var(--maz-color-normal-text);\n}\n\n.m-btn.--is-button.--transparent[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--transparent[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-bg-light);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-9169cf26] {\n border-color: var(--maz-color-primary);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--primary-outline[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-9169cf26] {\n border-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--secondary-outline[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--info-outline[data-v-9169cf26] {\n border-color: var(--maz-color-info);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-outline[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--info-outline[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--success-outline[data-v-9169cf26] {\n border-color: var(--maz-color-success);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-outline[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--success-outline[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-9169cf26] {\n border-color: var(--maz-color-danger);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--danger-outline[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-9169cf26] {\n border-color: var(--maz-color-warning);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--warning-outline[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-9169cf26] {\n border-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--white-outline[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--black-outline[data-v-9169cf26] {\n border-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-outline[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--black-outline[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-9169cf26] {\n background-color: var(--maz-color-primary-50);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--primary-pastel[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-9169cf26] {\n background-color: var(--maz-color-secondary-50);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--secondary-pastel[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-9169cf26] {\n background-color: var(--maz-color-info-50);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--info-pastel[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-9169cf26] {\n background-color: var(--maz-color-success-50);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--success-pastel[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-9169cf26] {\n background-color: var(--maz-color-danger-50);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--danger-pastel[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger-contrast);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-9169cf26] {\n background-color: var(--maz-color-warning-50);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--warning-pastel[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-9169cf26] {\n --tw-bg-opacity: 1;\n background-color: rgba(243, 244, 246, var(--tw-bg-opacity));\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--white-pastel[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-9169cf26] {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--black-pastel[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n/* Disabled */\n\n.m-btn.--is-button.--disabled[data-v-9169cf26] {\n cursor: not-allowed;\n background-color: var(--maz-color-bg-light);\n --tw-text-opacity: 1;\n color: rgba(156, 163, 175, var(--tw-text-opacity));\n}\n\n.m-btn.--is-button.--no-padding[data-v-9169cf26] {\n padding: 0px;\n}\n\n/* Loader */\n\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-9169cf26] {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-9169cf26] {\n background-color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-9169cf26] {\n background-color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-9169cf26] {\n background-color: var(--maz-color-info);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-9169cf26] {\n background-color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-9169cf26] {\n background-color: var(--maz-color-success);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-9169cf26] {\n background-color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-9169cf26] {\n background-color: var(--maz-color-white);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-9169cf26] {\n background-color: var(--maz-color-black);\n}\n\n/* purgecss end ignore */\n"),D.__scopeId="data-v-9169cf26";var G=n({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!0},selector:{type:String,default:"#modals-container"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},backdropClass:{type:[Array,String,Object],default:function(){return[]}},transition:{type:String,default:"backdrop-anim"},escKey:{type:Boolean,default:!0},zOffset:{type:Number,default:20},defaultZIndex:{type:Number,default:1050},modalClass:{type:String,default:void 0}},emits:["open","close","update:model-value"],setup:function(n,t){var o=t.emit,r=l(n.modelValue),e=function(n){return r.value=n},a=function(){return e(!0)},i=function(){return e(!1)},c=function(t){for(var o=n.beforeClose?n.beforeClose:function(){return!0},r=arguments.length,e=new Array(r>1?r-1:0),c=1;c<r;c++)e[c-1]=arguments[c];t?a():n.beforeClose&&!1!==o.apply(void 0,e)||i()},s=function(t){n.escKey&&"Escape"===t.code&&(n.persistent||c(!1))};return u((function(){return n.modelValue}),(function(n){r.value=n,n?(document.documentElement.classList.add("--backdrop-present"),window.addEventListener("keyup",s,!1)):(window.removeEventListener("keyup",s),document.documentElement.classList.remove("--backdrop-present"))})),{present:r,openModal:a,close:i,onBackdropClicked:function(){n.persistent||c(!1)},onBackdropAnimationEnter:function(){o("open")},onBackdropAnimationLeave:function(){o("update:model-value",!1),o("close")},toggleModal:c}}});C("/* purgecss start ignore */\n\n/* stylelint-disable no-descending-specificity */\n\nhtml.--backdrop-present {\n overflow-y: hidden;\n height: 100vh;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active,\n .m-backdrop.bottom-sheet-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content {\n transition: -webkit-transform ease-in-out 250ms;\n -webkit-transition: -webkit-transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n\n.m-backdrop.bottom-sheet-anim-enter-from,\n .m-backdrop.bottom-sheet-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content {\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n}\n\n.m-backdrop.modal-anim-enter-active,\n .m-backdrop.modal-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.modal-anim-enter-active .m-backdrop-content, .m-backdrop.modal-anim-leave-active .m-backdrop-content {\n transition: -webkit-transform ease-in-out 250ms;\n -webkit-transition: -webkit-transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n\n.m-backdrop.modal-anim-enter-from,\n .m-backdrop.modal-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop.modal-anim-enter-from .m-backdrop-content, .m-backdrop.modal-anim-leave-to .m-backdrop-content {\n -webkit-transform: translateY(-25px);\n transform: translateY(-25px);\n}\n\n.m-backdrop.backdrop-anim-enter-active,\n .m-backdrop.backdrop-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.backdrop-anim-enter-from,\n .m-backdrop.backdrop-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n opacity: 1;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-backdrop-filter: blur(3px);\n backdrop-filter: blur(3px);\n z-index: 1050;\n}\n\n.m-backdrop-overlay {\n -ms-touch-action: none;\n touch-action: none;\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n background-color: var(--maz-color-black);\n opacity: 0.4;\n}\n\n.m-backdrop-overlay:not(.--disabled) {\n cursor: pointer;\n}\n\n.m-backdrop-content {\n position: relative;\n z-index: 1;\n}\n\n.m-backdrop-content:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.m-backdrop.--bottom-sheet .m-backdrop-content {\n position: absolute;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n\n.m-backdrop.--fullscreen {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n}\n\n.m-backdrop.--fullscreen.--center-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen.--center-top {\n padding-top: 7rem;\n }\n}\n\n.m-backdrop.--fullscreen .m-backdrop-content {\n position: relative;\n width: 100%;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen .m-backdrop-content {\n width: auto;\n }\n}\n\n/* purgecss end ignore */\n"),G.render=function(n,e,a,c,l,s){return t(),g(z,{to:"body",selector:n.selector},[x(_,{appear:"",name:n.transition,onAfterEnter:n.onBackdropAnimationEnter,onAfterLeave:n.onBackdropAnimationLeave},{default:y((function(){return[n.present?(t(),o("div",{key:0,class:r(["m-backdrop",{"--backdrop-present":n.present},n.backdropClass]),tabindex:"-1",role:"dialog"},[i("div",{class:r(["m-backdrop-overlay",{"--disabled":n.persistent}]),tabindex:"-1",onClick:e[0]||(e[0]=L((function(){return n.onBackdropClicked&&n.onBackdropClicked.apply(n,arguments)}),["self"]))},null,2),i("div",b({class:["m-backdrop-content",n.modalClass]},n.$attrs,{role:"document",tabindex:"0"}),[w(n.$slots,"default",{close:function(){return n.close()}})],16)],2)):m("",!0)]})),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["selector"])};var M=function(n){return e("data-v-0eeba4c7"),n=n(),a(),n}((function(){return i("div",{class:"maz-direction-column maz-flex maz-flex-center"},[i("h1",null,"Default content")],-1)})),Y=n({props:{persistent:{type:Boolean,default:!1},noClose:{type:Boolean,default:!1},noPadding:{type:Boolean,default:!1}},emits:["update:model-value"],setup:function(n,o){var e=o.emit;return function(o,a){return t(),g(G,b(o.$attrs,{transition:"bottom-sheet-anim","backdrop-class":"--bottom-sheet","onUpdate:modelValue":a[0]||(a[0]=function(t){n.persistent||function(n){e("update:model-value",n)}(t)})}),{default:y((function(e){var a=e.close;return[i("div",{class:r(["m-bottom-sheet__container maz-relative maz-bg-color maz-elevation",{"maz-py-6":!n.noPadding}])},[w(o.$slots,"default",{},(function(){return[M]})),n.noClose?m("",!0):(t(),g(D,{key:0,size:"mini",class:"m-bottom-sheet__close",color:"transparent",onClick:a},{default:y((function(){return[x(T,{src:k("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M6%2018L18%206M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E")},null,8,["src"])]})),_:2},1032,["onClick"]))],2)]})),_:3},16)}}});C("/* purgecss start ignore */\n\n.m-bottom-sheet__container[data-v-0eeba4c7] {\n padding-left: 3rem;\n padding-right: 3rem;\n -webkit-box-shadow: 0 -5px 20px rgb(0 0 0 / 20%);\n box-shadow: 0 -5px 20px rgb(0 0 0 / 20%);\n}\n\n.m-bottom-sheet__close[data-v-0eeba4c7] {\n position: absolute !important;\n top: 1rem;\n right: 1rem;\n}\n\n/* purgecss end ignore */\n"),Y.__scopeId="data-v-0eeba4c7";export{Y as default};
|
|
15
|
+
***************************************************************************** */function I(n,t,o,e){return new(o||(o=Promise))((function(r,a){function i(n){try{l(e.next(n))}catch(n){a(n)}}function c(n){try{l(e.throw(n))}catch(n){a(n)}}function l(n){var t;n.done?r(n.value):(t=n.value,t instanceof o?t:new o((function(n){n(t)}))).then(i,c)}l((e=e.apply(n,t||[])).next())}))}var N=["innerHTML"],T=n({props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:function(n){return n}},keepDuringLoading:{type:Boolean,default:!0}},emits:["loaded","unloaded","error"],setup:function(n,e){var r=this,a=e.emit,i=n,f={},v=l(),g=l(),h=function(n,t){var o=c(n,t);if(o)return o}("mazIconPath"),k=d((function(){var n;return null!==(n=i.path)&&void 0!==n?n:h})),y=d((function(){return i.src?i.src:k.value?"".concat(k.value,"/").concat(i.name,".svg"):"/".concat(i.name,".svg")}));s((function(){if(!i.name&&!i.src)throw new Error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');x(y.value)}));var w=function(n){var t=n.cloneNode(!0);return t=i.transformSource(n),i.title&&function(n,t){var o=n.getElementsByTagName("title");if(o.length)o[0].textContent=t;else{var e=document.createElementNS("http://www.w3.org/2000/svg","title");e.textContent=t,n.appendChild(e)}}(t,i.title),n.innerHTML},x=function(n){return I(r,void 0,void 0,O.mark((function t(){var o;return O.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return f[n]||(f[n]=z(n)),t.prev=1,t.next=4,f[n];case 4:return o=t.sent,v.value=o,t.next=8,p();case 8:a("loaded",g.value),t.next=16;break;case 11:t.prev=11,t.t0=t.catch(1),v.value&&(v.value=void 0,a("unloaded")),delete f[n],a("error",t.t0);case 16:case"end":return t.stop()}}),t,null,[[1,11]])})))},z=function(n){return new Promise((function(t,o){var e=new XMLHttpRequest;e.open("GET",n,!0),e.onload=function(){if(e.status>=200&&e.status<400)try{var n=(new DOMParser).parseFromString(e.responseText,"text/xml").getElementsByTagName("svg")[0];n?t(n):o(new Error('Loaded file is not valid SVG"'))}catch(n){o(n)}else o(new Error("Error loading SVG"))},e.onerror=o,e.send()}))};return b((function(){return i.src}),(function(){return x(y.value)})),function(e,r){return v.value?(t(),o("svg",u({key:0,ref_key:"svgElem",ref:g,width:"1em",height:"1em"},Object.assign(Object.assign({},function(n){var t={},o=n.attributes;if(!o)return t;for(var e=o.length-1;e>=0;e--)t[o[e].name]=o[e].value;return t}(v.value)),(a=e.$attrs,Object.keys(a).reduce((function(n,t){return!1!==a[t]&&null!==a[t]&&void 0!==a[t]&&(n[t]=a[t]),n}),{}))),{style:"font-size: ".concat(n.size),innerHTML:w(v.value)}),null,16,N)):m("",!0);var a}}}),F={key:0,class:"m-btn__icon-left"},A={class:"maz-flex maz-flex-center"},P={key:1,class:"m-btn__icon-right"},D=n({props:{variant:{type:String,default:"button",validator:function(n){return["button","link"].includes(n)}},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(n)}},type:{type:String,default:"button",validator:function(n){return["button","submit"].includes(n)}},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1}},setup:function(n){var r=n,a=f(),c=a.href,l=a.to,s=v(),b=d((function(){return c?"a":l?"router-link":"button"})),p=d((function(){return r.pastel?"--".concat(r.color,"-pastel"):r.outline||r.loading?"--".concat(r.color,"-outline"):"--".concat(r.color)})),z=d((function(){return(r.loading||r.disabled)&&"button"===b.value})),_=d((function(){return z.value?"--cursor-default":"--cursor-pointer"})),L=d((function(){return"--is-".concat(r.variant)})),E=d((function(){return"--".concat(r.color)})),S=d((function(){return["white"].includes(r.color)?"black":"white"})),C=d((function(){return r.loading&&"button"===r.variant})),j=d((function(){return!!s["left-icon"]||r.leftIcon})),O=d((function(){return!!s["right-icon"]||r.rightIcon})),I=d((function(){return j.value||O.value})),N=d((function(){return"button"===b.value?r.type:void 0}));return function(r,a){return t(),g(h(k(b)),u(r.$attrs,{disabled:k(z),class:["m-btn",["--".concat(n.size),k(p),k(_),k(L),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":k(z),"--icon":k(I),"--rounded":n.rounded,"--no-padding":n.noPadding}]],type:k(N)}),{default:y((function(){return[k(j)?(t(),o("div",F,[w(r.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g(T,{key:0,name:n.leftIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),i("span",A,[w(r.$slots,"default")]),k(O)?(t(),o("div",P,[w(r.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g(T,{key:0,name:n.rightIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),k(C)?(t(),o("div",{key:2,class:e(["m-btn__loading-wrapper",k(E)])},[x(B,{size:"2em",color:k(S)},null,8,["color"])],2)):m("",!0)]})),_:3},16,["disabled","class","type"])}}});C("/* purgecss start ignore */\n\n.m-btn[data-v-17e65bda] {\n border-width: 2px;\n border-style: solid;\n border-color: transparent;\n text-align: center;\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.m-btn span[data-v-17e65bda] {\n line-height: 1;\n}\n\n.m-btn__icon-left[data-v-17e65bda] {\n margin-right: 0.5rem;\n margin-left: -0.25rem;\n line-height: 1;\n}\n\n.m-btn__icon-right[data-v-17e65bda] {\n margin-right: -0.25rem;\n margin-left: 0.5rem;\n line-height: 1;\n}\n\n.m-btn.--cursor-pointer[data-v-17e65bda] {\n cursor: pointer;\n}\n\n.m-btn.--cursor-default[data-v-17e65bda] {\n cursor: default;\n}\n\n.m-btn.--is-link[data-v-17e65bda] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: transparent;\n color: var(--maz-color-text);\n outline: 2px solid transparent;\n outline-offset: 2px;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-link[data-v-17e65bda]:not(.--no-leading) {\n line-height: 2.25rem;\n}\n\n.m-btn.--is-link[data-v-17e65bda]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-17e65bda]:not(:disabled):focus:not(.--no-underline) {\n text-decoration: underline;\n}\n\n.m-btn.--is-link.--secondary[data-v-17e65bda] {\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-link.--info[data-v-17e65bda] {\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-link.--warning[data-v-17e65bda] {\n color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-link.--danger[data-v-17e65bda] {\n color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-link.--success[data-v-17e65bda] {\n color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-link.--white[data-v-17e65bda] {\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-link.--black[data-v-17e65bda] {\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button[data-v-17e65bda] {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n overflow: hidden;\n border-radius: 0.5rem;\n border-color: transparent;\n background-color: transparent;\n font-family: var(--maz-font-family);\n font-weight: 500;\n text-decoration: none;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 300ms;\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-button.--rounded[data-v-17e65bda] {\n border-radius: 9999px;\n}\n\n.m-btn.--is-button.--xl[data-v-17e65bda] {\n padding-left: 2rem;\n padding-right: 2rem;\n font-size: 1.25rem;\n line-height: 1.75rem;\n padding-top: 1.325rem;\n padding-bottom: 1.325rem;\n}\n\n.m-btn.--is-button.--lg[data-v-17e65bda] {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n font-size: 1.125rem;\n line-height: 1.75rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.m-btn.--is-button.--md[data-v-17e65bda] {\n padding-left: 1rem;\n padding-right: 1rem;\n font-size: 1rem;\n line-height: 1.5rem;\n padding-top: 0.88rem;\n padding-bottom: 0.88rem;\n}\n\n.m-btn.--is-button.--sm[data-v-17e65bda] {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n\n.m-btn.--is-button.--xs[data-v-17e65bda] {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.3rem;\n padding-bottom: 0.3rem;\n}\n\n.m-btn.--is-button.--mini[data-v-17e65bda] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n font-size: 0.75rem;\n line-height: 1rem;\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n}\n\n.m-btn.--is-button.--icon[data-v-17e65bda] {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.m-btn.--is-button[data-v-17e65bda] {\n -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n\n/* Not disabled */\n\n.m-btn.--is-button[data-v-17e65bda]:not(.--disabled):hover, .m-btn.--is-button[data-v-17e65bda]:not(.--disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n}\n\n/* Fab */\n\n.m-btn.--is-button.--fab[data-v-17e65bda] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 3rem;\n width: 3rem;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n border-radius: 9999px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: 0px;\n}\n\n.m-btn.--is-button.--block[data-v-17e65bda] {\n width: 100%;\n}\n\n.m-btn.--is-button.--primary[data-v-17e65bda] {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--primary[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary-600);\n}\n\n.m-btn.--is-button.--secondary[data-v-17e65bda] {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--secondary[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary-600);\n}\n\n.m-btn.--is-button.--info[data-v-17e65bda] {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--info[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info-600);\n}\n\n.m-btn.--is-button.--success[data-v-17e65bda] {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--success[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-button.--warning[data-v-17e65bda] {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--warning[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-button.--danger[data-v-17e65bda] {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-button.--white[data-v-17e65bda] {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--white[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white[data-v-17e65bda]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(209, 213, 219, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--black[data-v-17e65bda] {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n.m-btn.--is-button.--black[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black[data-v-17e65bda]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(31, 41, 55, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--transparent[data-v-17e65bda] {\n background-color: transparent;\n}\n\n.m-btn.--is-button.--transparent[data-v-17e65bda]:not(:disabled):hover,\n .m-btn.--is-button.--transparent[data-v-17e65bda]:not(:disabled):focus {\n background-color: rgb(0 0 0 / 20%);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-17e65bda] {\n border-color: var(--maz-color-primary);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-17e65bda] {\n border-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--info-outline[data-v-17e65bda] {\n border-color: var(--maz-color-info);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--success-outline[data-v-17e65bda] {\n border-color: var(--maz-color-success);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-17e65bda] {\n border-color: var(--maz-color-danger);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-17e65bda] {\n border-color: var(--maz-color-warning);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-17e65bda] {\n border-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--black-outline[data-v-17e65bda] {\n border-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-primary-50);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-secondary-50);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-info-50);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-success-50);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-danger-50);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger-contrast);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-warning-50);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-17e65bda] {\n --tw-bg-opacity: 1;\n background-color: rgba(243, 244, 246, var(--tw-bg-opacity));\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-17e65bda] {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n/* Disabled */\n\n.m-btn.--is-button.--disabled[data-v-17e65bda] {\n cursor: not-allowed;\n background-color: var(--maz-color-bg-light);\n --tw-text-opacity: 1;\n color: rgba(156, 163, 175, var(--tw-text-opacity));\n}\n\n.m-btn.--is-button.--no-padding[data-v-17e65bda] {\n padding: 0px;\n}\n\n/* Loader */\n\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-17e65bda] {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-17e65bda] {\n background-color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-17e65bda] {\n background-color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-17e65bda] {\n background-color: var(--maz-color-info);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-17e65bda] {\n background-color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-17e65bda] {\n background-color: var(--maz-color-success);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-17e65bda] {\n background-color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-17e65bda] {\n background-color: var(--maz-color-white);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-17e65bda] {\n background-color: var(--maz-color-black);\n}\n\n/* purgecss end ignore */\n"),D.__scopeId="data-v-17e65bda";var G=n({inheritAttrs:!1,props:{modelValue:{type:Boolean,default:!0},selector:{type:String,default:"#modals-container"},beforeClose:{type:Function,default:void 0},persistent:{type:Boolean,default:!1},backdropClass:{type:[Array,String,Object],default:function(){return[]}},transition:{type:String,default:"backdrop-anim"},escKey:{type:Boolean,default:!0},zOffset:{type:Number,default:20},defaultZIndex:{type:Number,default:1050},modalClass:{type:String,default:void 0}},emits:["open","close","update:model-value"],setup:function(n,t){var o=t.emit,e=l(n.modelValue),r=function(n){return e.value=n},a=function(){return r(!0)},i=function(){return r(!1)},c=function(t){for(var o=n.beforeClose?n.beforeClose:function(){return!0},e=arguments.length,r=new Array(e>1?e-1:0),c=1;c<e;c++)r[c-1]=arguments[c];t?a():n.beforeClose&&!1!==o.apply(void 0,r)||i()},d=function(t){n.escKey&&"Escape"===t.code&&(n.persistent||c(!1))};return b((function(){return n.modelValue}),(function(n){e.value=n,n?(document.documentElement.classList.add("--backdrop-present"),window.addEventListener("keyup",d,!1)):(window.removeEventListener("keyup",d),document.documentElement.classList.remove("--backdrop-present"))})),{present:e,openModal:a,close:i,onBackdropClicked:function(){n.persistent||c(!1)},onBackdropAnimationEnter:function(){o("open")},onBackdropAnimationLeave:function(){o("update:model-value",!1),o("close")},toggleModal:c}}});C("/* purgecss start ignore */\n\n/* stylelint-disable no-descending-specificity */\n\nhtml.--backdrop-present {\n overflow-y: hidden;\n height: 100vh;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active,\n .m-backdrop.bottom-sheet-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content {\n transition: -webkit-transform ease-in-out 250ms;\n -webkit-transition: -webkit-transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n\n.m-backdrop.bottom-sheet-anim-enter-from,\n .m-backdrop.bottom-sheet-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content, .m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content {\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n}\n\n.m-backdrop.modal-anim-enter-active,\n .m-backdrop.modal-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.modal-anim-enter-active .m-backdrop-content, .m-backdrop.modal-anim-leave-active .m-backdrop-content {\n transition: -webkit-transform ease-in-out 250ms;\n -webkit-transition: -webkit-transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms;\n transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n\n.m-backdrop.modal-anim-enter-from,\n .m-backdrop.modal-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop.modal-anim-enter-from .m-backdrop-content, .m-backdrop.modal-anim-leave-to .m-backdrop-content {\n -webkit-transform: translateY(-25px);\n transform: translateY(-25px);\n}\n\n.m-backdrop.backdrop-anim-enter-active,\n .m-backdrop.backdrop-anim-leave-active {\n -webkit-transition: opacity ease-in-out 250ms;\n transition: opacity ease-in-out 250ms;\n}\n\n.m-backdrop.backdrop-anim-enter-from,\n .m-backdrop.backdrop-anim-leave-to {\n opacity: 0;\n}\n\n.m-backdrop {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n opacity: 1;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-backdrop-filter: blur(3px);\n backdrop-filter: blur(3px);\n z-index: 1050;\n}\n\n.m-backdrop-overlay {\n -ms-touch-action: none;\n touch-action: none;\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n background-color: var(--maz-bg-overlay);\n}\n\n.m-backdrop-overlay:not(.--disabled) {\n cursor: pointer;\n}\n\n.m-backdrop-content {\n position: relative;\n z-index: 1;\n}\n\n.m-backdrop-content:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.m-backdrop.--bottom-sheet .m-backdrop-content {\n position: absolute;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n\n.m-backdrop.--fullscreen {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n}\n\n.m-backdrop.--fullscreen.--center-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen.--center-top {\n padding-top: 7rem;\n }\n}\n\n.m-backdrop.--fullscreen .m-backdrop-content {\n position: relative;\n width: 100%;\n}\n\n@media (min-width: 576px) {\n .m-backdrop.--fullscreen .m-backdrop-content {\n width: auto;\n }\n}\n\n/* purgecss end ignore */\n"),G.render=function(n,r,a,c,l,d){return t(),g(z,{to:"body",selector:n.selector},[x(_,{appear:"",name:n.transition,onAfterEnter:n.onBackdropAnimationEnter,onAfterLeave:n.onBackdropAnimationLeave},{default:y((function(){return[n.present?(t(),o("div",{key:0,class:e(["m-backdrop",{"--backdrop-present":n.present},n.backdropClass]),tabindex:"-1",role:"dialog"},[i("div",{class:e(["m-backdrop-overlay",{"--disabled":n.persistent}]),tabindex:"-1",onClick:r[0]||(r[0]=L((function(){return n.onBackdropClicked&&n.onBackdropClicked.apply(n,arguments)}),["self"]))},null,2),i("div",u({class:["m-backdrop-content",n.modalClass]},n.$attrs,{role:"document",tabindex:"0"}),[w(n.$slots,"default",{close:function(){return n.close()}})],16)],2)):m("",!0)]})),_:3},8,["name","onAfterEnter","onAfterLeave"])],8,["selector"])};var M=function(n){return r("data-v-0eeba4c7"),n=n(),a(),n}((function(){return i("div",{class:"maz-direction-column maz-flex maz-flex-center"},[i("h1",null,"Default content")],-1)})),Y=n({props:{persistent:{type:Boolean,default:!1},noClose:{type:Boolean,default:!1},noPadding:{type:Boolean,default:!1}},emits:["update:model-value"],setup:function(n,o){var r=o.emit;return function(o,a){return t(),g(G,u(o.$attrs,{transition:"bottom-sheet-anim","backdrop-class":"--bottom-sheet","onUpdate:modelValue":a[0]||(a[0]=function(t){n.persistent||function(n){r("update:model-value",n)}(t)})}),{default:y((function(r){var a=r.close;return[i("div",{class:e(["m-bottom-sheet__container maz-relative maz-bg-color maz-elevation",{"maz-py-6":!n.noPadding}])},[w(o.$slots,"default",{},(function(){return[M]})),n.noClose?m("",!0):(t(),g(D,{key:0,size:"mini",class:"m-bottom-sheet__close",color:"transparent",onClick:a},{default:y((function(){return[x(T,{src:k("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M6%2018L18%206M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E")},null,8,["src"])]})),_:2},1032,["onClick"]))],2)]})),_:3},16)}}});C("/* purgecss start ignore */\n\n.m-bottom-sheet__container[data-v-0eeba4c7] {\n padding-left: 3rem;\n padding-right: 3rem;\n -webkit-box-shadow: 0 -5px 20px rgb(0 0 0 / 20%);\n box-shadow: 0 -5px 20px rgb(0 0 0 / 20%);\n}\n\n.m-bottom-sheet__close[data-v-0eeba4c7] {\n position: absolute !important;\n top: 1rem;\n right: 1rem;\n}\n\n/* purgecss end ignore */\n"),Y.__scopeId="data-v-0eeba4c7";export{Y as default};
|
package/components/MazBtn.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{defineComponent as n,openBlock as t,createElementBlock as o,normalizeClass as r,pushScopeId as a,popScopeId as e,createElementVNode as i,inject as c,ref as l,computed as
|
|
1
|
+
import{defineComponent as n,openBlock as t,createElementBlock as o,normalizeClass as r,pushScopeId as a,popScopeId as e,createElementVNode as i,inject as c,ref as l,computed as d,onMounted as s,watch as b,mergeProps as u,createCommentVNode as m,nextTick as v,useAttrs as f,useSlots as p,createBlock as g,resolveDynamicComponent as h,unref as y,withCtx as w,renderSlot as k,createVNode as z}from"vue";var x=["width","height"],_=[function(n){return a("data-v-57af58bb"),n=n(),e(),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)}))],L=n({props:{size:{type:String,default:"2em"},color:{type:String,default:"primary",validator:function(n){return["info","white","success","warning","danger","primary","black","secondary","transparent"].includes(n)}}},setup:function(n){return function(a,e){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,x)}}});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],a=document.createElement("style");a.type="text/css","top"===o&&r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.styleSheet?a.styleSheet.cssText=n:a.appendChild(document.createTextNode(n))}}E("/* purgecss start ignore */\n\n.m-spinner[data-v-57af58bb] {\n -webkit-animation: maz-spin 1s linear infinite;\n animation: maz-spin 1s linear infinite;\n fill: currentColor;\n color: var(--maz-color-white);\n margin: 0px !important;\n}\n\n.m-spinner--primary[data-v-57af58bb] {\n color: var(--maz-color-primary);\n}\n\n.m-spinner--secondary[data-v-57af58bb] {\n color: var(--maz-color-secondary);\n}\n\n.m-spinner--info[data-v-57af58bb] {\n color: var(--maz-color-info);\n}\n\n.m-spinner--warning[data-v-57af58bb] {\n color: var(--maz-color-warning);\n}\n\n.m-spinner--danger[data-v-57af58bb] {\n color: var(--maz-color-danger);\n}\n\n.m-spinner--success[data-v-57af58bb] {\n color: var(--maz-color-success);\n}\n\n.m-spinner--black[data-v-57af58bb] {\n color: var(--maz-color-black);\n}\n\n.m-spinner--white[data-v-57af58bb] {\n color: var(--maz-color-white);\n}\n\n.m-spinner--transparent[data-v-57af58bb] {\n color: var(--maz-color-white);\n}\n\n/* purgecss end ignore */\n"),L.__scopeId="data-v-57af58bb";var S={exports:{}};!function(n){var t=function(n){var t,o=Object.prototype,r=o.hasOwnProperty,a="function"==typeof Symbol?Symbol:{},e=a.iterator||"@@iterator",i=a.asyncIterator||"@@asyncIterator",c=a.toStringTag||"@@toStringTag";function l(n,t,o){return Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}),n[t]}try{l({},"")}catch(n){l=function(n,t,o){return n[t]=o}}function d(n,t,o,r){var a=t&&t.prototype instanceof p?t:p,e=Object.create(a.prototype),i=new j(r||[]);return e._invoke=function(n,t,o){var r=b;return function(a,e){if(r===m)throw new Error("Generator is already running");if(r===v){if("throw"===a)throw e;return B()}for(o.method=a,o.arg=e;;){var i=o.delegate;if(i){var c=L(i,o);if(c){if(c===f)continue;return c}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if(r===b)throw r=v,o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);r=m;var l=s(n,t,o);if("normal"===l.type){if(r=o.done?v:u,l.arg===f)continue;return{value:l.arg,done:o.done}}"throw"===l.type&&(r=v,o.method="throw",o.arg=l.arg)}}}(n,o,i),e}function s(n,t,o){try{return{type:"normal",arg:n.call(t,o)}}catch(n){return{type:"throw",arg:n}}}n.wrap=d;var b="suspendedStart",u="suspendedYield",m="executing",v="completed",f={};function p(){}function g(){}function h(){}var y={};l(y,e,(function(){return this}));var w=Object.getPrototypeOf,k=w&&w(w(T([])));k&&k!==o&&r.call(k,e)&&(y=k);var z=h.prototype=p.prototype=Object.create(y);function x(n){["next","throw","return"].forEach((function(t){l(n,t,(function(n){return this._invoke(t,n)}))}))}function _(n,t){function o(a,e,i,c){var l=s(n[a],n,e);if("throw"!==l.type){var d=l.arg,b=d.value;return b&&"object"==typeof b&&r.call(b,"__await")?t.resolve(b.__await).then((function(n){o("next",n,i,c)}),(function(n){o("throw",n,i,c)})):t.resolve(b).then((function(n){d.value=n,i(d)}),(function(n){return o("throw",n,i,c)}))}c(l.arg)}var a;this._invoke=function(n,r){function e(){return new t((function(t,a){o(n,r,t,a)}))}return a=a?a.then(e,e):e()}}function L(n,o){var r=n.iterator[o.method];if(r===t){if(o.delegate=null,"throw"===o.method){if(n.iterator.return&&(o.method="return",o.arg=t,L(n,o),"throw"===o.method))return f;o.method="throw",o.arg=new TypeError("The iterator does not provide a 'throw' method")}return f}var a=s(r,n.iterator,o.arg);if("throw"===a.type)return o.method="throw",o.arg=a.arg,o.delegate=null,f;var e=a.arg;return e?e.done?(o[n.resultName]=e.value,o.next=n.nextLoc,"return"!==o.method&&(o.method="next",o.arg=t),o.delegate=null,f):e:(o.method="throw",o.arg=new TypeError("iterator result is not an object"),o.delegate=null,f)}function E(n){var t={tryLoc:n[0]};1 in n&&(t.catchLoc=n[1]),2 in n&&(t.finallyLoc=n[2],t.afterLoc=n[3]),this.tryEntries.push(t)}function S(n){var t=n.completion||{};t.type="normal",delete t.arg,n.completion=t}function j(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(E,this),this.reset(!0)}function T(n){if(n){var o=n[e];if(o)return o.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var a=-1,i=function o(){for(;++a<n.length;)if(r.call(n,a))return o.value=n[a],o.done=!1,o;return o.value=t,o.done=!0,o};return i.next=i}}return{next:B}}function B(){return{value:t,done:!0}}return g.prototype=h,l(z,"constructor",h),l(h,"constructor",g),g.displayName=l(h,c,"GeneratorFunction"),n.isGeneratorFunction=function(n){var t="function"==typeof n&&n.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},n.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,h):(n.__proto__=h,l(n,c,"GeneratorFunction")),n.prototype=Object.create(z),n},n.awrap=function(n){return{__await:n}},x(_.prototype),l(_.prototype,i,(function(){return this})),n.AsyncIterator=_,n.async=function(t,o,r,a,e){void 0===e&&(e=Promise);var i=new _(d(t,o,r,a),e);return n.isGeneratorFunction(o)?i:i.next().then((function(n){return n.done?n.value:i.next()}))},x(z),l(z,c,"Generator"),l(z,e,(function(){return this})),l(z,"toString",(function(){return"[object Generator]"})),n.keys=function(n){var t=[];for(var o in n)t.push(o);return t.reverse(),function o(){for(;t.length;){var r=t.pop();if(r in n)return o.value=r,o.done=!1,o}return o.done=!0,o}},n.values=T,j.prototype={constructor:j,reset:function(n){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(S),!n)for(var o in this)"t"===o.charAt(0)&&r.call(this,o)&&!isNaN(+o.slice(1))&&(this[o]=t)},stop:function(){this.done=!0;var n=this.tryEntries[0].completion;if("throw"===n.type)throw n.arg;return this.rval},dispatchException:function(n){if(this.done)throw n;var o=this;function a(r,a){return c.type="throw",c.arg=n,o.next=r,a&&(o.method="next",o.arg=t),!!a}for(var e=this.tryEntries.length-1;e>=0;--e){var i=this.tryEntries[e],c=i.completion;if("root"===i.tryLoc)return a("end");if(i.tryLoc<=this.prev){var l=r.call(i,"catchLoc"),d=r.call(i,"finallyLoc");if(l&&d){if(this.prev<i.catchLoc)return a(i.catchLoc,!0);if(this.prev<i.finallyLoc)return a(i.finallyLoc)}else if(l){if(this.prev<i.catchLoc)return a(i.catchLoc,!0)}else{if(!d)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return a(i.finallyLoc)}}}},abrupt:function(n,t){for(var o=this.tryEntries.length-1;o>=0;--o){var a=this.tryEntries[o];if(a.tryLoc<=this.prev&&r.call(a,"finallyLoc")&&this.prev<a.finallyLoc){var e=a;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 a=r.arg;S(o)}return a}}throw new Error("illegal catch attempt")},delegateYield:function(n,o,r){return this.delegate={iterator:T(n),resultName:o,nextLoc:r},"next"===this.method&&(this.arg=t),f}},n}(n.exports);try{regeneratorRuntime=t}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}}(S);var j=S.exports;
|
|
2
2
|
/*! *****************************************************************************
|
|
3
3
|
Copyright (c) Microsoft Corporation.
|
|
4
4
|
|
|
@@ -12,4 +12,4 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
|
12
12
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
13
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14
14
|
PERFORMANCE OF THIS SOFTWARE.
|
|
15
|
-
***************************************************************************** */function T(n,t,o,r){return new(o||(o=Promise))((function(a,e){function i(n){try{l(r.next(n))}catch(n){e(n)}}function c(n){try{l(r.throw(n))}catch(n){e(n)}}function l(n){var t;n.done?a(n.value):(t=n.value,t instanceof o?t:new o((function(n){n(t)}))).then(i,c)}l((r=r.apply(n,t||[])).next())}))}var B=["innerHTML"],O=n({props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:function(n){return n}},keepDuringLoading:{type:Boolean,default:!0}},emits:["loaded","unloaded","error"],setup:function(n,r){var a=this,e=r.emit,i=n,v={},p=l(),g=l(),h=function(n,t){var o=c(n,t);if(o)return o}("mazIconPath"),y=s((function(){var n;return null!==(n=i.path)&&void 0!==n?n:h})),w=s((function(){return i.src?i.src:y.value?"".concat(y.value,"/").concat(i.name,".svg"):"/".concat(i.name,".svg")}));d((function(){if(!i.name&&!i.src)throw new Error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');z(w.value)}));var k=function(n){var t=n.cloneNode(!0);return t=i.transformSource(n),i.title&&function(n,t){var o=n.getElementsByTagName("title");if(o.length)o[0].textContent=t;else{var r=document.createElementNS("http://www.w3.org/2000/svg","title");r.textContent=t,n.appendChild(r)}}(t,i.title),n.innerHTML},z=function(n){return T(a,void 0,void 0,j.mark((function t(){var o;return j.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return v[n]||(v[n]=x(n)),t.prev=1,t.next=4,v[n];case 4:return o=t.sent,p.value=o,t.next=8,m();case 8:e("loaded",g.value),t.next=16;break;case 11:t.prev=11,t.t0=t.catch(1),p.value&&(p.value=void 0,e("unloaded")),delete v[n],e("error",t.t0);case 16:case"end":return t.stop()}}),t,null,[[1,11]])})))},x=function(n){return new Promise((function(t,o){var r=new XMLHttpRequest;r.open("GET",n,!0),r.onload=function(){if(r.status>=200&&r.status<400)try{var n=(new DOMParser).parseFromString(r.responseText,"text/xml").getElementsByTagName("svg")[0];n?t(n):o(new Error('Loaded file is not valid SVG"'))}catch(n){o(n)}else o(new Error("Error loading SVG"))},r.onerror=o,r.send()}))};return u((function(){return i.src}),(function(){return z(w.value)})),function(r,a){return p.value?(t(),o("svg",b({key:0,ref_key:"svgElem",ref:g,width:"1em",height:"1em"},Object.assign(Object.assign({},function(n){var t={},o=n.attributes;if(!o)return t;for(var r=o.length-1;r>=0;r--)t[o[r].name]=o[r].value;return t}(p.value)),(e=r.$attrs,Object.keys(e).reduce((function(n,t){return!1!==e[t]&&null!==e[t]&&void 0!==e[t]&&(n[t]=e[t]),n}),{}))),{style:"font-size: ".concat(n.size),innerHTML:k(p.value)}),null,16,B)):f("",!0);var e}}}),I={key:0,class:"m-btn__icon-left"},N={class:"maz-flex maz-flex-center"},P={key:1,class:"m-btn__icon-right"},G=n({props:{variant:{type:String,default:"button",validator:function(n){return["button","link"].includes(n)}},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(n)}},type:{type:String,default:"button",validator:function(n){return["button","submit"].includes(n)}},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1}},setup:function(n){var a=n,e=v(),c=e.href,l=e.to,d=p(),u=s((function(){return c?"a":l?"router-link":"button"})),m=s((function(){return a.pastel?"--".concat(a.color,"-pastel"):a.outline||a.loading?"--".concat(a.color,"-outline"):"--".concat(a.color)})),x=s((function(){return(a.loading||a.disabled)&&"button"===u.value})),_=s((function(){return x.value?"--cursor-default":"--cursor-pointer"})),E=s((function(){return"--is-".concat(a.variant)})),S=s((function(){return"--".concat(a.color)})),j=s((function(){return["white"].includes(a.color)?"black":"white"})),T=s((function(){return a.loading&&"button"===a.variant})),B=s((function(){return!!d["left-icon"]||a.leftIcon})),G=s((function(){return!!d["right-icon"]||a.rightIcon})),F=s((function(){return B.value||G.value})),C=s((function(){return"button"===u.value?a.type:void 0}));return function(a,e){return t(),g(h(y(u)),b(a.$attrs,{disabled:y(x),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(x),"--icon":y(F),"--rounded":n.rounded,"--no-padding":n.noPadding}]],type:y(C)}),{default:w((function(){return[y(B)?(t(),o("div",I,[k(a.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g(O,{key:0,name:n.leftIcon},null,8,["name"])):f("",!0)]}))])):f("",!0),i("span",N,[k(a.$slots,"default")]),y(G)?(t(),o("div",P,[k(a.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g(O,{key:0,name:n.rightIcon},null,8,["name"])):f("",!0)]}))])):f("",!0),y(T)?(t(),o("div",{key:2,class:r(["m-btn__loading-wrapper",y(S)])},[z(L,{size:"2em",color:y(j)},null,8,["color"])],2)):f("",!0)]})),_:3},16,["disabled","class","type"])}}});E("/* purgecss start ignore */\n\n.m-btn[data-v-9169cf26] {\n border-width: 2px;\n border-style: solid;\n border-color: transparent;\n text-align: center;\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.m-btn span[data-v-9169cf26] {\n line-height: 1;\n}\n\n.m-btn__icon-left[data-v-9169cf26] {\n margin-right: 0.5rem;\n margin-left: -0.25rem;\n line-height: 1;\n}\n\n.m-btn__icon-right[data-v-9169cf26] {\n margin-right: -0.25rem;\n margin-left: 0.5rem;\n line-height: 1;\n}\n\n.m-btn.--cursor-pointer[data-v-9169cf26] {\n cursor: pointer;\n}\n\n.m-btn.--cursor-default[data-v-9169cf26] {\n cursor: default;\n}\n\n.m-btn.--is-link[data-v-9169cf26] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: transparent;\n color: var(--maz-color-normal-text);\n outline: 2px solid transparent;\n outline-offset: 2px;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-link[data-v-9169cf26]:not(.--no-leading) {\n line-height: 2.25rem;\n}\n\n.m-btn.--is-link[data-v-9169cf26]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-9169cf26]:not(:disabled):focus:not(.--no-underline) {\n text-decoration: underline;\n}\n\n.m-btn.--is-link.--secondary[data-v-9169cf26] {\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-link.--info[data-v-9169cf26] {\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-link.--warning[data-v-9169cf26] {\n color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-link.--danger[data-v-9169cf26] {\n color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-link.--success[data-v-9169cf26] {\n color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-link.--white[data-v-9169cf26] {\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-link.--black[data-v-9169cf26] {\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button[data-v-9169cf26] {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n overflow: hidden;\n border-radius: 0.5rem;\n border-color: transparent;\n background-color: transparent;\n font-family: var(--maz-font-family);\n font-weight: 500;\n text-decoration: none;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 300ms;\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-button.--rounded[data-v-9169cf26] {\n border-radius: 9999px;\n}\n\n.m-btn.--is-button.--xl[data-v-9169cf26] {\n padding-left: 2rem;\n padding-right: 2rem;\n font-size: 1.25rem;\n line-height: 1.75rem;\n padding-top: 1.325rem;\n padding-bottom: 1.325rem;\n}\n\n.m-btn.--is-button.--lg[data-v-9169cf26] {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n font-size: 1.125rem;\n line-height: 1.75rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.m-btn.--is-button.--md[data-v-9169cf26] {\n padding-left: 1rem;\n padding-right: 1rem;\n font-size: 1rem;\n line-height: 1.5rem;\n padding-top: 0.88rem;\n padding-bottom: 0.88rem;\n}\n\n.m-btn.--is-button.--sm[data-v-9169cf26] {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n\n.m-btn.--is-button.--xs[data-v-9169cf26] {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.3rem;\n padding-bottom: 0.3rem;\n}\n\n.m-btn.--is-button.--mini[data-v-9169cf26] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n font-size: 0.75rem;\n line-height: 1rem;\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n}\n\n.m-btn.--is-button.--icon[data-v-9169cf26] {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.m-btn.--is-button[data-v-9169cf26] {\n -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n\n/* Not disabled */\n\n.m-btn.--is-button[data-v-9169cf26]:not(.--disabled):hover, .m-btn.--is-button[data-v-9169cf26]:not(.--disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n}\n\n/* Fab */\n\n.m-btn.--is-button.--fab[data-v-9169cf26] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 3rem;\n width: 3rem;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n border-radius: 9999px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: 0px;\n --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));\n}\n\n.m-btn.--is-button.--block[data-v-9169cf26] {\n width: 100%;\n}\n\n.m-btn.--is-button.--primary[data-v-9169cf26] {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--primary[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--primary[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-primary-600);\n}\n\n.m-btn.--is-button.--secondary[data-v-9169cf26] {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--secondary[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--secondary[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-secondary-600);\n}\n\n.m-btn.--is-button.--info[data-v-9169cf26] {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--info[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--info[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-info-600);\n}\n\n.m-btn.--is-button.--success[data-v-9169cf26] {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--success[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--success[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-button.--warning[data-v-9169cf26] {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--warning[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--warning[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-button.--danger[data-v-9169cf26] {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--danger[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-button.--white[data-v-9169cf26] {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--white[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--white[data-v-9169cf26]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(209, 213, 219, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--black[data-v-9169cf26] {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n.m-btn.--is-button.--black[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--black[data-v-9169cf26]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(31, 41, 55, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--transparent[data-v-9169cf26] {\n background-color: transparent;\n color: var(--maz-color-normal-text);\n}\n\n.m-btn.--is-button.--transparent[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--transparent[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-bg-light);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-9169cf26] {\n border-color: var(--maz-color-primary);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--primary-outline[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-9169cf26] {\n border-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--secondary-outline[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--info-outline[data-v-9169cf26] {\n border-color: var(--maz-color-info);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-outline[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--info-outline[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--success-outline[data-v-9169cf26] {\n border-color: var(--maz-color-success);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-outline[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--success-outline[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-9169cf26] {\n border-color: var(--maz-color-danger);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--danger-outline[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-9169cf26] {\n border-color: var(--maz-color-warning);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--warning-outline[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-9169cf26] {\n border-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--white-outline[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--black-outline[data-v-9169cf26] {\n border-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-outline[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--black-outline[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-9169cf26] {\n background-color: var(--maz-color-primary-50);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--primary-pastel[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-9169cf26] {\n background-color: var(--maz-color-secondary-50);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--secondary-pastel[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-9169cf26] {\n background-color: var(--maz-color-info-50);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--info-pastel[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-9169cf26] {\n background-color: var(--maz-color-success-50);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--success-pastel[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-9169cf26] {\n background-color: var(--maz-color-danger-50);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--danger-pastel[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger-contrast);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-9169cf26] {\n background-color: var(--maz-color-warning-50);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--warning-pastel[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-9169cf26] {\n --tw-bg-opacity: 1;\n background-color: rgba(243, 244, 246, var(--tw-bg-opacity));\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--white-pastel[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-9169cf26] {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-9169cf26]:not(:disabled):hover, .m-btn.--is-button.--black-pastel[data-v-9169cf26]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n/* Disabled */\n\n.m-btn.--is-button.--disabled[data-v-9169cf26] {\n cursor: not-allowed;\n background-color: var(--maz-color-bg-light);\n --tw-text-opacity: 1;\n color: rgba(156, 163, 175, var(--tw-text-opacity));\n}\n\n.m-btn.--is-button.--no-padding[data-v-9169cf26] {\n padding: 0px;\n}\n\n/* Loader */\n\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-9169cf26] {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-9169cf26] {\n background-color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-9169cf26] {\n background-color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-9169cf26] {\n background-color: var(--maz-color-info);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-9169cf26] {\n background-color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-9169cf26] {\n background-color: var(--maz-color-success);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-9169cf26] {\n background-color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-9169cf26] {\n background-color: var(--maz-color-white);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-9169cf26] {\n background-color: var(--maz-color-black);\n}\n\n/* purgecss end ignore */\n"),G.__scopeId="data-v-9169cf26";export{G as default};
|
|
15
|
+
***************************************************************************** */function T(n,t,o,r){return new(o||(o=Promise))((function(a,e){function i(n){try{l(r.next(n))}catch(n){e(n)}}function c(n){try{l(r.throw(n))}catch(n){e(n)}}function l(n){var t;n.done?a(n.value):(t=n.value,t instanceof o?t:new o((function(n){n(t)}))).then(i,c)}l((r=r.apply(n,t||[])).next())}))}var B=["innerHTML"],O=n({props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:function(n){return n}},keepDuringLoading:{type:Boolean,default:!0}},emits:["loaded","unloaded","error"],setup:function(n,r){var a=this,e=r.emit,i=n,f={},p=l(),g=l(),h=function(n,t){var o=c(n,t);if(o)return o}("mazIconPath"),y=d((function(){var n;return null!==(n=i.path)&&void 0!==n?n:h})),w=d((function(){return i.src?i.src:y.value?"".concat(y.value,"/").concat(i.name,".svg"):"/".concat(i.name,".svg")}));s((function(){if(!i.name&&!i.src)throw new Error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');z(w.value)}));var k=function(n){var t=n.cloneNode(!0);return t=i.transformSource(n),i.title&&function(n,t){var o=n.getElementsByTagName("title");if(o.length)o[0].textContent=t;else{var r=document.createElementNS("http://www.w3.org/2000/svg","title");r.textContent=t,n.appendChild(r)}}(t,i.title),n.innerHTML},z=function(n){return T(a,void 0,void 0,j.mark((function t(){var o;return j.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return f[n]||(f[n]=x(n)),t.prev=1,t.next=4,f[n];case 4:return o=t.sent,p.value=o,t.next=8,v();case 8:e("loaded",g.value),t.next=16;break;case 11:t.prev=11,t.t0=t.catch(1),p.value&&(p.value=void 0,e("unloaded")),delete f[n],e("error",t.t0);case 16:case"end":return t.stop()}}),t,null,[[1,11]])})))},x=function(n){return new Promise((function(t,o){var r=new XMLHttpRequest;r.open("GET",n,!0),r.onload=function(){if(r.status>=200&&r.status<400)try{var n=(new DOMParser).parseFromString(r.responseText,"text/xml").getElementsByTagName("svg")[0];n?t(n):o(new Error('Loaded file is not valid SVG"'))}catch(n){o(n)}else o(new Error("Error loading SVG"))},r.onerror=o,r.send()}))};return b((function(){return i.src}),(function(){return z(w.value)})),function(r,a){return p.value?(t(),o("svg",u({key:0,ref_key:"svgElem",ref:g,width:"1em",height:"1em"},Object.assign(Object.assign({},function(n){var t={},o=n.attributes;if(!o)return t;for(var r=o.length-1;r>=0;r--)t[o[r].name]=o[r].value;return t}(p.value)),(e=r.$attrs,Object.keys(e).reduce((function(n,t){return!1!==e[t]&&null!==e[t]&&void 0!==e[t]&&(n[t]=e[t]),n}),{}))),{style:"font-size: ".concat(n.size),innerHTML:k(p.value)}),null,16,B)):m("",!0);var e}}}),I={key:0,class:"m-btn__icon-left"},N={class:"maz-flex maz-flex-center"},P={key:1,class:"m-btn__icon-right"},G=n({props:{variant:{type:String,default:"button",validator:function(n){return["button","link"].includes(n)}},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(n)}},type:{type:String,default:"button",validator:function(n){return["button","submit"].includes(n)}},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1}},setup:function(n){var a=n,e=f(),c=e.href,l=e.to,s=p(),b=d((function(){return c?"a":l?"router-link":"button"})),v=d((function(){return a.pastel?"--".concat(a.color,"-pastel"):a.outline||a.loading?"--".concat(a.color,"-outline"):"--".concat(a.color)})),x=d((function(){return(a.loading||a.disabled)&&"button"===b.value})),_=d((function(){return x.value?"--cursor-default":"--cursor-pointer"})),E=d((function(){return"--is-".concat(a.variant)})),S=d((function(){return"--".concat(a.color)})),j=d((function(){return["white"].includes(a.color)?"black":"white"})),T=d((function(){return a.loading&&"button"===a.variant})),B=d((function(){return!!s["left-icon"]||a.leftIcon})),G=d((function(){return!!s["right-icon"]||a.rightIcon})),F=d((function(){return B.value||G.value})),C=d((function(){return"button"===b.value?a.type:void 0}));return function(a,e){return t(),g(h(y(b)),u(a.$attrs,{disabled:y(x),class:["m-btn",["--".concat(n.size),y(v),y(_),y(E),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":y(x),"--icon":y(F),"--rounded":n.rounded,"--no-padding":n.noPadding}]],type:y(C)}),{default:w((function(){return[y(B)?(t(),o("div",I,[k(a.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g(O,{key:0,name:n.leftIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),i("span",N,[k(a.$slots,"default")]),y(G)?(t(),o("div",P,[k(a.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g(O,{key:0,name:n.rightIcon},null,8,["name"])):m("",!0)]}))])):m("",!0),y(T)?(t(),o("div",{key:2,class:r(["m-btn__loading-wrapper",y(S)])},[z(L,{size:"2em",color:y(j)},null,8,["color"])],2)):m("",!0)]})),_:3},16,["disabled","class","type"])}}});E("/* purgecss start ignore */\n\n.m-btn[data-v-17e65bda] {\n border-width: 2px;\n border-style: solid;\n border-color: transparent;\n text-align: center;\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.m-btn span[data-v-17e65bda] {\n line-height: 1;\n}\n\n.m-btn__icon-left[data-v-17e65bda] {\n margin-right: 0.5rem;\n margin-left: -0.25rem;\n line-height: 1;\n}\n\n.m-btn__icon-right[data-v-17e65bda] {\n margin-right: -0.25rem;\n margin-left: 0.5rem;\n line-height: 1;\n}\n\n.m-btn.--cursor-pointer[data-v-17e65bda] {\n cursor: pointer;\n}\n\n.m-btn.--cursor-default[data-v-17e65bda] {\n cursor: default;\n}\n\n.m-btn.--is-link[data-v-17e65bda] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: transparent;\n color: var(--maz-color-text);\n outline: 2px solid transparent;\n outline-offset: 2px;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-link[data-v-17e65bda]:not(.--no-leading) {\n line-height: 2.25rem;\n}\n\n.m-btn.--is-link[data-v-17e65bda]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-17e65bda]:not(:disabled):focus:not(.--no-underline) {\n text-decoration: underline;\n}\n\n.m-btn.--is-link.--secondary[data-v-17e65bda] {\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-link.--info[data-v-17e65bda] {\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-link.--warning[data-v-17e65bda] {\n color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-link.--danger[data-v-17e65bda] {\n color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-link.--success[data-v-17e65bda] {\n color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-link.--white[data-v-17e65bda] {\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-link.--black[data-v-17e65bda] {\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button[data-v-17e65bda] {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n overflow: hidden;\n border-radius: 0.5rem;\n border-color: transparent;\n background-color: transparent;\n font-family: var(--maz-font-family);\n font-weight: 500;\n text-decoration: none;\n -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transition-duration: 150ms;\n transition-duration: 150ms;\n -webkit-transition-duration: 300ms;\n transition-duration: 300ms;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.m-btn.--is-button.--rounded[data-v-17e65bda] {\n border-radius: 9999px;\n}\n\n.m-btn.--is-button.--xl[data-v-17e65bda] {\n padding-left: 2rem;\n padding-right: 2rem;\n font-size: 1.25rem;\n line-height: 1.75rem;\n padding-top: 1.325rem;\n padding-bottom: 1.325rem;\n}\n\n.m-btn.--is-button.--lg[data-v-17e65bda] {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n font-size: 1.125rem;\n line-height: 1.75rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.m-btn.--is-button.--md[data-v-17e65bda] {\n padding-left: 1rem;\n padding-right: 1rem;\n font-size: 1rem;\n line-height: 1.5rem;\n padding-top: 0.88rem;\n padding-bottom: 0.88rem;\n}\n\n.m-btn.--is-button.--sm[data-v-17e65bda] {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n\n.m-btn.--is-button.--xs[data-v-17e65bda] {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n padding-top: 0.3rem;\n padding-bottom: 0.3rem;\n}\n\n.m-btn.--is-button.--mini[data-v-17e65bda] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n font-size: 0.75rem;\n line-height: 1rem;\n padding-top: 0.2rem;\n padding-bottom: 0.2rem;\n}\n\n.m-btn.--is-button.--icon[data-v-17e65bda] {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.m-btn.--is-button[data-v-17e65bda] {\n -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n\n/* Not disabled */\n\n.m-btn.--is-button[data-v-17e65bda]:not(.--disabled):hover, .m-btn.--is-button[data-v-17e65bda]:not(.--disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n}\n\n/* Fab */\n\n.m-btn.--is-button.--fab[data-v-17e65bda] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 3rem;\n width: 3rem;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n border-radius: 9999px;\n padding-left: 0px;\n padding-right: 0px;\n padding-top: 0px;\n padding-bottom: 0px;\n}\n\n.m-btn.--is-button.--block[data-v-17e65bda] {\n width: 100%;\n}\n\n.m-btn.--is-button.--primary[data-v-17e65bda] {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--primary[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary-600);\n}\n\n.m-btn.--is-button.--secondary[data-v-17e65bda] {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--secondary[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary-600);\n}\n\n.m-btn.--is-button.--info[data-v-17e65bda] {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--info[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info-600);\n}\n\n.m-btn.--is-button.--success[data-v-17e65bda] {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--success[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success-600);\n}\n\n.m-btn.--is-button.--warning[data-v-17e65bda] {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--warning[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning-600);\n}\n\n.m-btn.--is-button.--danger[data-v-17e65bda] {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger-600);\n}\n\n.m-btn.--is-button.--white[data-v-17e65bda] {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--white[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white[data-v-17e65bda]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(209, 213, 219, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--black[data-v-17e65bda] {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n.m-btn.--is-button.--black[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black[data-v-17e65bda]:not(:disabled):focus {\n --tw-bg-opacity: 1;\n background-color: rgba(31, 41, 55, var(--tw-bg-opacity));\n}\n\n.m-btn.--is-button.--transparent[data-v-17e65bda] {\n background-color: transparent;\n}\n\n.m-btn.--is-button.--transparent[data-v-17e65bda]:not(:disabled):hover,\n .m-btn.--is-button.--transparent[data-v-17e65bda]:not(:disabled):focus {\n background-color: rgb(0 0 0 / 20%);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-17e65bda] {\n border-color: var(--maz-color-primary);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-17e65bda] {\n border-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--info-outline[data-v-17e65bda] {\n border-color: var(--maz-color-info);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--success-outline[data-v-17e65bda] {\n border-color: var(--maz-color-success);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-17e65bda] {\n border-color: var(--maz-color-danger);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-17e65bda] {\n border-color: var(--maz-color-warning);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-17e65bda] {\n border-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--black-outline[data-v-17e65bda] {\n border-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-outline[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black-outline[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-primary-50);\n color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button.--primary-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--primary-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-primary);\n color: var(--maz-color-primary-contrast);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-secondary-50);\n color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button.--secondary-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--secondary-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-secondary);\n color: var(--maz-color-secondary-contrast);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-info-50);\n color: var(--maz-color-info);\n}\n\n.m-btn.--is-button.--info-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--info-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-info);\n color: var(--maz-color-info-contrast);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-success-50);\n color: var(--maz-color-success);\n}\n\n.m-btn.--is-button.--success-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--success-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-success);\n color: var(--maz-color-success-contrast);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-danger-50);\n color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button.--danger-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--danger-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-danger);\n color: var(--maz-color-danger-contrast);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-17e65bda] {\n background-color: var(--maz-color-warning-50);\n color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button.--warning-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--warning-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-warning);\n color: var(--maz-color-warning-contrast);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-17e65bda] {\n --tw-bg-opacity: 1;\n background-color: rgba(243, 244, 246, var(--tw-bg-opacity));\n color: var(--maz-color-white);\n}\n\n.m-btn.--is-button.--white-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--white-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-white);\n color: var(--maz-color-white-contrast);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-17e65bda] {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n color: var(--maz-color-black);\n}\n\n.m-btn.--is-button.--black-pastel[data-v-17e65bda]:not(:disabled):hover, .m-btn.--is-button.--black-pastel[data-v-17e65bda]:not(:disabled):focus {\n background-color: var(--maz-color-black);\n color: var(--maz-color-black-contrast);\n}\n\n/* Disabled */\n\n.m-btn.--is-button.--disabled[data-v-17e65bda] {\n cursor: not-allowed;\n background-color: var(--maz-color-bg-light);\n --tw-text-opacity: 1;\n color: rgba(156, 163, 175, var(--tw-text-opacity));\n}\n\n.m-btn.--is-button.--no-padding[data-v-17e65bda] {\n padding: 0px;\n}\n\n/* Loader */\n\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-17e65bda] {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-17e65bda] {\n background-color: var(--maz-color-primary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-17e65bda] {\n background-color: var(--maz-color-secondary);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-17e65bda] {\n background-color: var(--maz-color-info);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-17e65bda] {\n background-color: var(--maz-color-warning);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-17e65bda] {\n background-color: var(--maz-color-success);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-17e65bda] {\n background-color: var(--maz-color-danger);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-17e65bda] {\n background-color: var(--maz-color-white);\n}\n\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-17e65bda] {\n background-color: var(--maz-color-black);\n}\n\n/* purgecss end ignore */\n"),G.__scopeId="data-v-17e65bda";export{G as default};
|