maz-ui 3.3.1 → 3.4.0

package/components/MazStepper.js

@@ -1 +1 @@
-import{defineComponent as e,openBlock as t,createBlock as n,TransitionGroup as r,withCtx as i,renderSlot as o,nextTick as a,useSlots as l,computed as s,ref as d,createElementBlock as c,Fragment as p,renderList as u,unref as m,createElementVNode as b,normalizeClass as v,createTextVNode as f,toDisplayString as h,createCommentVNode as g,createVNode as y,pushScopeId as _,popScopeId as x}from"vue";var k=e({__name:"MazTransitionExpand",setup:function(e){return function(e,l){return t(),n(r,{class:"m-transition-expand",name:"maz-expand",tag:"div",onEnter:l[0]||(l[0]=function(e){return function(e){var t=getComputedStyle(e).width;e.style.width=t,e.style.position="absolute",e.style.visibility="hidden",e.style.height="auto",e.style.top="bottom";var n=getComputedStyle(e).height;e.style.width="",e.style.position="",e.style.visibility="",e.style.height="0px",getComputedStyle(e).height,a((function(){e.style.height=n}))}(e)}),onAfterEnter:l[1]||(l[1]=function(e){e.style.height="auto"}),onLeave:l[2]||(l[2]=function(e){return t=e,n=getComputedStyle(t).height,t.style.height=n,getComputedStyle(t).height,void a((function(){t.style.height="0px"}));var t,n})},{default:i((function(){return[o(e.$slots,"default")]})),_:3})}}});function w(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}w("\n.m-transition-expand[data-v-6415b90d],\n  .m-transition-expand *[data-v-6415b90d] {\n    will-change: height;\n    -webkit-transform: translateZ(0);\n            transform: translateZ(0);\n    -webkit-backface-visibility: hidden;\n            backface-visibility: hidden;\n    -webkit-perspective: 1000px;\n            perspective: 1000px;\n}\n"),k.__scopeId="data-v-6415b90d";var S={class:"m-stepper"},z=["disabled","onClick"],C={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",width:"1.2rem",height:"1.2rem",stroke:"currentColor","aria-hidden":"true"},B=[function(e){return _("data-v-1e4be974"),e=e(),x(),e}((function(){return b("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M5 13l4 4L19 7"},null,-1)}))],j={class:"m-stepper__header__content"},E={class:"m-stepper__title"},N={key:0,class:"m-stepper__subtitle"},T={key:0},V={class:"m-stepper__content__wrapper"},$=e({__name:"MazStepper",props:{modelValue:{type:Number,default:void 0},steps:{type:Array,default:void 0},disabledNextSteps:{type:Boolean,default:!1},disabledPreviousSteps:{type:Boolean,default:!1},autoValidatedSteps:{type:Boolean,default:!1}},emits:["update:model-value"],setup:function(e,n){var r=n.emit,a=e,_=l(),x=s((function(){return Object.keys(_).filter((function(e){return e.startsWith("content-")})).length})),w=d(1),$=s({get:function(){var e;return null!==(e=a.modelValue)&&void 0!==e?e:w.value},set:function(e){w.value=e,r("update:model-value",e)}}),A=function(e){e<1?$.value=1:e>x.value?$.value=x.value:$.value=e},M=function(e){return Object.keys(_).filter((function(e){return e.startsWith("title-")})).includes("title-".concat(e))},O=function(e){return Object.keys(_).filter((function(e){return e.startsWith("subtitle-")})).includes("subtitle-".concat(e))},W=function(e){var t,n,r=!(null===(t=a.steps)||void 0===t||null===(n=t[e-1])||void 0===n||!n.validated),i=a.autoValidatedSteps&&e<$.value;return r||i},I=function(e){var t,n,r=!(null===(t=a.steps)||void 0===t||null===(n=t[e-1])||void 0===n||!n.disabled),i=$.value===e,o=a.disabledNextSteps&&e>$.value,l=a.disabledPreviousSteps&&e<$.value;return r||i||o||l},L=function(e){return e===x.value};return function(e,n){return t(),c("div",S,[(t(!0),c(p,null,u(m(x),(function(n){return t(),c(p,{key:n},[M(n)?(t(),c("button",{key:0,type:"button",disabled:I(n),class:"m-stepper__header",onClick:function(e){return A(n)}},[b("span",{class:v(["m-stepper__count --primary",{"--validated":W(n)}])},[W(n)?(t(),c("svg",C,B)):(t(),c(p,{key:1},[f(h(n),1)],64))],2),b("div",j,[b("span",E,[o(e.$slots,"title-".concat(n))]),O(n)?(t(),c("span",N,[o(e.$slots,"subtitle-".concat(n))])):g("",!0)])],8,z)):g("",!0),b("div",{class:v(["m-stepper__content",{"--no-border":L(n)}])},[y(k,null,{default:i((function(){return[m($)===n?(t(),c("div",T,[b("div",V,[o(e.$slots,"content-".concat(n),{nextStep:function(){return A(n+1)},previousStep:function(){return A(n-1)}})])])):g("",!0)]})),_:2},1024)],2)],64)})),128))])}}});w("\n.m-stepper__header[data-v-1e4be974] {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    width: 100%;\n    cursor: pointer;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center\n}\n.m-stepper__header[data-v-1e4be974] > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(1rem * var(--tw-space-x-reverse));\n    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))\n}\n.m-stepper__header[data-v-1e4be974] {\n    border-radius: 0.5rem;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    padding-top: 0.5rem;\n    padding-bottom: 0.5rem;\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n    -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    -webkit-transition-duration: 200ms;\n            transition-duration: 200ms\n}\n.m-stepper__header__content[data-v-1e4be974] {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start\n}\n.m-stepper__header[data-v-1e4be974]:not(:disabled):hover {\n    background-color: var(--maz-color-bg-lighter)\n}\n.m-stepper__header[data-v-1e4be974]:not(:disabled):focus {\n    background-color: var(--maz-color-bg-lighter)\n}\n.m-stepper__header[data-v-1e4be974]:disabled {\n    cursor: not-allowed\n}\n.m-stepper__title[data-v-1e4be974] {\n    color: var(--maz-color-text)\n}\n.m-stepper__subtitle[data-v-1e4be974] {\n    font-size: 0.75rem;\n    line-height: 1rem;\n    color: var(--maz-color-muted)\n}\n.m-stepper__count[data-v-1e4be974] {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    height: 2rem;\n    width: 2rem;\n    -webkit-box-flex: 0;\n        -ms-flex: none;\n            flex: none;\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    font-size: 1.125rem;\n    line-height: 1.75rem\n}\n.m-stepper__count.--primary[data-v-1e4be974] {\n    background-color: var(--maz-color-primary);\n    color: var(--maz-color-primary-contrast)\n}\n.m-stepper__content[data-v-1e4be974] {\n    margin-left: 2rem;\n    border-left-width: 2px;\n    border-color: transparent;\n    padding-top: 0.5rem;\n    padding-bottom: 0.5rem;\n    padding-left: 2rem\n}\n.m-stepper__content__wrapper[data-v-1e4be974] {\n    padding-top: 0.5rem;\n    padding-bottom: 0.5rem\n}\n.m-stepper__content[data-v-1e4be974]:not(.--no-border) {\n    border-color: var(--maz-color-bg-lighter)\n}\n"),$.__scopeId="data-v-1e4be974";export{$ as default};
+import{defineComponent as n,openBlock as t,createBlock as e,TransitionGroup as r,withCtx as a,renderSlot as o,nextTick as i,useCssVars as s,unref as l,computed as c,useSlots as d,ref as p,createElementBlock as u,Fragment as v,renderList as m,normalizeClass as b,createElementVNode as f,createTextVNode as w,toDisplayString as x,createCommentVNode as y,createVNode as g,pushScopeId as h,popScopeId as _}from"vue";var k=n({__name:"MazTransitionExpand",setup:function(n){return function(n,s){return t(),e(r,{class:"m-transition-expand",name:"maz-expand",tag:"div",onEnter:s[0]||(s[0]=function(n){return function(n){var t=getComputedStyle(n).width;n.style.width=t,n.style.position="absolute",n.style.visibility="hidden",n.style.height="auto",n.style.top="bottom";var e=getComputedStyle(n).height;n.style.width="",n.style.position="",n.style.visibility="",n.style.height="0px",getComputedStyle(n).height,i((function(){n.style.height=e}))}(n)}),onAfterEnter:s[1]||(s[1]=function(n){n.style.height="auto"}),onLeave:s[2]||(s[2]=function(n){return t=n,e=getComputedStyle(t).height,t.style.height=e,getComputedStyle(t).height,void i((function(){t.style.height="0px"}));var t,e})},{default:a((function(){return[o(n.$slots,"default")]})),_:3})}}});function z(n,t){void 0===t&&(t={});var e=t.insertAt;if(n&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===e&&r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.styleSheet?a.styleSheet.cssText=n:a.appendChild(document.createTextNode(n))}}z("\n.m-transition-expand[data-v-6415b90d],\n  .m-transition-expand *[data-v-6415b90d] {\n    will-change: height;\n    -webkit-transform: translateZ(0);\n            transform: translateZ(0);\n    -webkit-backface-visibility: hidden;\n            backface-visibility: hidden;\n    -webkit-perspective: 1000px;\n            perspective: 1000px;\n}\n"),k.__scopeId="data-v-6415b90d";var S={class:"m-stepper"},C=["disabled","onClick"],X=function(n){return h("data-v-6c3b6f66"),n=n(),_(),n}((function(){return f("div",{class:"m-stepper__count__circle"},[f("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",width:"1.2rem",height:"1.2rem",stroke:"currentColor","aria-hidden":"true"},[f("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M5 13l4 4L19 7"})])],-1)})),Y={class:"m-stepper__header__content"},j={class:"m-stepper__title"},B={key:0,class:"m-stepper__subtitle"},E={key:0},N={class:"m-stepper__content__wrapper"},T=n({__name:"MazStepper",props:{modelValue:{type:Number,default:void 0},steps:{type:Array,default:void 0},disabledNextSteps:{type:Boolean,default:!1},disabledPreviousSteps:{type:Boolean,default:!1},autoValidatedSteps:{type:Boolean,default:!1},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","warning","danger","info","success","white","gray","black"].includes(n)}}},emits:["update:model-value"],setup:function(n,e){var r=e.emit,i=n;s((function(n){return{"0c4e8726":l(h),"6c710584":l(_)}}));var h=c((function(){return"var(--maz-color-".concat(i.color,")")})),_=c((function(){return"var(--maz-color-".concat(i.color,"-contrast)")})),z=d(),T=c((function(){return Object.keys(z).filter((function(n){return n.startsWith("content-")})).length})),V=p(1),$=c({get:function(){var n;return null!==(n=i.modelValue)&&void 0!==n?n:V.value},set:function(n){V.value=n,r("update:model-value",n)}}),A=function(n){n<1?$.value=1:n>T.value?$.value=T.value:$.value=n},M=function(n){return Object.keys(z).filter((function(n){return n.startsWith("title-")})).includes("title-".concat(n))},O=function(n){return Object.keys(z).filter((function(n){return n.startsWith("subtitle-")})).includes("subtitle-".concat(n))},W=function(n){var t,e,r=!(null===(t=i.steps)||void 0===t||null===(e=t[n-1])||void 0===e||!e.validated),a=i.autoValidatedSteps&&n<$.value;return r||a},I=function(n){var t,e,r=!(null===(t=i.steps)||void 0===t||null===(e=t[n-1])||void 0===e||!e.disabled),a=$.value===n,o=i.disabledNextSteps&&n>$.value,s=i.disabledPreviousSteps&&n<$.value;return r||a||o||s},L=function(n){return n===T.value};return function(n,e){return t(),u("div",S,[(t(!0),u(v,null,m(l(T),(function(e){return t(),u(v,{key:e},[M(e)?(t(),u("button",{key:0,type:"button",disabled:I(e),class:b(["m-stepper__header",{"--is-current-step":e===l($)}]),onClick:function(n){return A(e)}},[f("span",{class:b(["m-stepper__count --primary",{"--validated":W(e)}])},[X,w(" "+x(e),1)],2),f("div",Y,[f("span",j,[o(n.$slots,"title-".concat(e))]),O(e)?(t(),u("span",B,[o(n.$slots,"subtitle-".concat(e))])):y("",!0)])],10,C)):y("",!0),f("div",{class:b(["m-stepper__content",{"--no-border":L(e)}])},[g(k,null,{default:a((function(){return[l($)===e?(t(),u("div",E,[f("div",N,[o(n.$slots,"content-".concat(e),{nextStep:function(){return A(e+1)},previousStep:function(){return A(e-1)}})])])):y("",!0)]})),_:2},1024)],2)],64)})),128))])}}});z("\n.m-stepper__header[data-v-6c3b6f66] {\n\n      display: -webkit-box;\n\n      display: -ms-flexbox;\n\n      display: flex;\n\n      width: 100%;\n\n      cursor: pointer;\n\n      -webkit-box-align: center;\n\n          -ms-flex-align: center;\n\n              align-items: center;\n}\n.m-stepper__header[data-v-6c3b6f66] > :not([hidden]) ~ :not([hidden]) {\n\n      --tw-space-x-reverse: 0;\n\n      margin-right: calc(1rem * var(--tw-space-x-reverse));\n\n      margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.m-stepper__header[data-v-6c3b6f66] {\n\n      border-radius: var(--maz-border-radius);\n\n      padding-left: 1rem;\n\n      padding-right: 1rem;\n\n      padding-top: 0.5rem;\n\n      padding-bottom: 0.5rem;\n\n      outline: 2px solid transparent;\n\n      outline-offset: 2px;\n\n      -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n\n      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n\n      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n      -webkit-transition-duration: 200ms;\n\n              transition-duration: 200ms;\n}\n.m-stepper__header__content[data-v-6c3b6f66] {\n\n      display: -webkit-box;\n\n      display: -ms-flexbox;\n\n      display: flex;\n\n      -webkit-box-orient: vertical;\n\n      -webkit-box-direction: normal;\n\n          -ms-flex-direction: column;\n\n              flex-direction: column;\n\n      -webkit-box-align: start;\n\n          -ms-flex-align: start;\n\n              align-items: flex-start;\n}\n.m-stepper__header[data-v-6c3b6f66]:not(:disabled):hover {\n\n      background-color: var(--maz-color-bg-lighter);\n}\n.m-stepper__header[data-v-6c3b6f66]:not(:disabled):focus {\n\n      background-color: var(--maz-color-bg-lighter);\n}\n.m-stepper__header[data-v-6c3b6f66]:disabled {\n\n      cursor: not-allowed;\n}\n.m-stepper__header.--is-current-step[data-v-6c3b6f66] {\n\n      cursor: default;\n}\n.m-stepper__title[data-v-6c3b6f66] {\n\n      color: var(--maz-color-text);\n}\n.m-stepper__subtitle[data-v-6c3b6f66] {\n\n      font-size: 0.75rem;\n\n      line-height: 1rem;\n\n      color: var(--maz-color-muted);\n}\n.m-stepper__count[data-v-6c3b6f66] {\n\n      position: relative;\n\n      display: -webkit-box;\n\n      display: -ms-flexbox;\n\n      display: flex;\n\n      height: 2rem;\n\n      width: 2rem;\n\n      -webkit-box-flex: 0;\n\n          -ms-flex: none;\n\n              flex: none;\n\n      overflow: hidden;\n\n      border-radius: 9999px;\n\n      font-size: 1.125rem;\n\n      line-height: 1.75rem;\n\n      -webkit-box-align: center;\n\n          -ms-flex-align: center;\n\n              align-items: center;\n\n      -webkit-box-pack: center;\n\n          -ms-flex-pack: center;\n\n              justify-content: center;\n\n      background-color: var(--0c4e8726);\n      color: var(--6c710584);\n}\n.m-stepper__count__circle[data-v-6c3b6f66] {\n\n      position: absolute;\n\n      top: 0px;\n\n      right: 0px;\n\n      bottom: 0px;\n\n      left: 0px;\n\n      display: -webkit-box;\n\n      display: -ms-flexbox;\n\n      display: flex;\n\n      --tw-scale-x: 0;\n\n      --tw-scale-y: 0;\n\n      -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n\n              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n\n      border-radius: 9999px;\n\n      background-color: var(--maz-color-success);\n\n      -webkit-transition-property: all;\n\n      transition-property: all;\n\n      -webkit-transition-duration: 300ms;\n\n              transition-duration: 300ms;\n\n      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n      -webkit-box-align: center;\n\n          -ms-flex-align: center;\n\n              align-items: center;\n\n      -webkit-box-pack: center;\n\n          -ms-flex-pack: center;\n\n              justify-content: center;\n}\n.m-stepper__count svg[data-v-6c3b6f66] {\n        color: var(--6c710584);\n}\n.m-stepper__count.--validated .m-stepper__count__circle[data-v-6c3b6f66] {\n\n      --tw-scale-x: 1;\n\n      --tw-scale-y: 1;\n\n      -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n\n              transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.m-stepper__count.--validated svg[data-v-6c3b6f66] {\n\n      color: var(--maz-color-success-contrast);\n}\n.m-stepper__content[data-v-6c3b6f66] {\n\n      margin-left: 2rem;\n\n      border-left-width: 2px;\n\n      border-color: transparent;\n\n      padding-top: 0.5rem;\n\n      padding-bottom: 0.5rem;\n\n      padding-left: 2rem;\n}\n.m-stepper__content__wrapper[data-v-6c3b6f66] {\n\n      padding-top: 0.5rem;\n\n      padding-bottom: 0.5rem;\n}\n.m-stepper__content[data-v-6c3b6f66]:not(.--no-border) {\n\n      border-color: var(--maz-color-bg-lighter);\n}\n"),T.__scopeId="data-v-6c3b6f66";export{T as default};

package/components/MazTabsBar.js

@@ -1,3 +1,3 @@
-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 s,onMounted as d,watch as u,mergeProps as b,createCommentVNode as f,nextTick as m,useAttrs as v,useSlots as p,createBlock as g,resolveDynamicComponent as h,unref as y,withCtx as w,renderSlot as k,createVNode as x,onBeforeMount as z,Fragment as _,renderList as L,createTextVNode as S,toDisplayString as E,normalizeStyle as O}from"vue";function j(n,t,o,r,a,e,i){try{var c=n[e](i),l=c.value}catch(n){return void o(n)}c.done?t(l):Promise.resolve(l).then(r,a)}function P(n){return function(){var t=this,o=arguments;return new Promise((function(r,a){var e=n.apply(t,o);function i(n){j(e,r,a,i,c,"next",n)}function c(n){j(e,r,a,i,c,"throw",n)}i(void 0)}))}}var B={exports:{}},T={exports:{}};!function(n){function t(o){return n.exports=t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},n.exports.__esModule=!0,n.exports.default=n.exports,t(o)}n.exports=t,n.exports.__esModule=!0,n.exports.default=n.exports}(T),function(n){var t=T.exports.default;function o(){
+import{defineComponent as n,openBlock as t,createElementBlock as o,normalizeClass as r,pushScopeId as e,popScopeId as a,createElementVNode as i,inject as c,ref as l,computed as s,onMounted as d,watch as u,mergeProps as b,createCommentVNode as f,nextTick as m,useAttrs as v,useSlots as p,createBlock as g,resolveDynamicComponent as h,unref as y,withCtx as w,renderSlot as k,createVNode as x,onBeforeMount as z,Fragment as _,renderList as L,createTextVNode as S,toDisplayString as E,normalizeStyle as O}from"vue";function j(n,t,o,r,e,a,i){try{var c=n[a](i),l=c.value}catch(n){return void o(n)}c.done?t(l):Promise.resolve(l).then(r,e)}function P(n){return function(){var t=this,o=arguments;return new Promise((function(r,e){var a=n.apply(t,o);function i(n){j(a,r,e,i,c,"next",n)}function c(n){j(a,r,e,i,c,"throw",n)}i(void 0)}))}}var B={exports:{}},T={exports:{}};!function(n){function t(o){return n.exports=t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},n.exports.__esModule=!0,n.exports.default=n.exports,t(o)}n.exports=t,n.exports.__esModule=!0,n.exports.default=n.exports}(T),function(n){var t=T.exports.default;function o(){
 /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
-n.exports=o=function(){return r},n.exports.__esModule=!0,n.exports.default=n.exports;var r={},a=Object.prototype,e=a.hasOwnProperty,i="function"==typeof Symbol?Symbol:{},c=i.iterator||"@@iterator",l=i.asyncIterator||"@@asyncIterator",s=i.toStringTag||"@@toStringTag";function d(n,t,o){return Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}),n[t]}try{d({},"")}catch(n){d=function(n,t,o){return n[t]=o}}function u(n,t,o,r){var a=t&&t.prototype instanceof m?t:m,e=Object.create(a.prototype),i=new S(r||[]);return e._invoke=function(n,t,o){var r="suspendedStart";return function(a,e){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===a)throw e;return O()}for(o.method=a,o.arg=e;;){var i=o.delegate;if(i){var c=z(i,o);if(c){if(c===f)continue;return c}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if("suspendedStart"===r)throw r="completed",o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);r="executing";var l=b(n,t,o);if("normal"===l.type){if(r=o.done?"completed":"suspendedYield",l.arg===f)continue;return{value:l.arg,done:o.done}}"throw"===l.type&&(r="completed",o.method="throw",o.arg=l.arg)}}}(n,o,i),e}function b(n,t,o){try{return{type:"normal",arg:n.call(t,o)}}catch(n){return{type:"throw",arg:n}}}r.wrap=u;var f={};function m(){}function v(){}function p(){}var g={};d(g,c,(function(){return this}));var h=Object.getPrototypeOf,y=h&&h(h(E([])));y&&y!==a&&e.call(y,c)&&(g=y);var w=p.prototype=m.prototype=Object.create(g);function k(n){["next","throw","return"].forEach((function(t){d(n,t,(function(n){return this._invoke(t,n)}))}))}function x(n,o){function r(a,i,c,l){var s=b(n[a],n,i);if("throw"!==s.type){var d=s.arg,u=d.value;return u&&"object"==t(u)&&e.call(u,"__await")?o.resolve(u.__await).then((function(n){r("next",n,c,l)}),(function(n){r("throw",n,c,l)})):o.resolve(u).then((function(n){d.value=n,c(d)}),(function(n){return r("throw",n,c,l)}))}l(s.arg)}var a;this._invoke=function(n,t){function e(){return new o((function(o,a){r(n,t,o,a)}))}return a=a?a.then(e,e):e()}}function z(n,t){var o=n.iterator[t.method];if(void 0===o){if(t.delegate=null,"throw"===t.method){if(n.iterator.return&&(t.method="return",t.arg=void 0,z(n,t),"throw"===t.method))return f;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return f}var r=b(o,n.iterator,t.arg);if("throw"===r.type)return t.method="throw",t.arg=r.arg,t.delegate=null,f;var a=r.arg;return a?a.done?(t[n.resultName]=a.value,t.next=n.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,f):a:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,f)}function _(n){var t={tryLoc:n[0]};1 in n&&(t.catchLoc=n[1]),2 in n&&(t.finallyLoc=n[2],t.afterLoc=n[3]),this.tryEntries.push(t)}function L(n){var t=n.completion||{};t.type="normal",delete t.arg,n.completion=t}function S(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(_,this),this.reset(!0)}function E(n){if(n){var t=n[c];if(t)return t.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var o=-1,r=function t(){for(;++o<n.length;)if(e.call(n,o))return t.value=n[o],t.done=!1,t;return t.value=void 0,t.done=!0,t};return r.next=r}}return{next:O}}function O(){return{value:void 0,done:!0}}return v.prototype=p,d(w,"constructor",p),d(p,"constructor",v),v.displayName=d(p,s,"GeneratorFunction"),r.isGeneratorFunction=function(n){var t="function"==typeof n&&n.constructor;return!!t&&(t===v||"GeneratorFunction"===(t.displayName||t.name))},r.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,p):(n.__proto__=p,d(n,s,"GeneratorFunction")),n.prototype=Object.create(w),n},r.awrap=function(n){return{__await:n}},k(x.prototype),d(x.prototype,l,(function(){return this})),r.AsyncIterator=x,r.async=function(n,t,o,a,e){void 0===e&&(e=Promise);var i=new x(u(n,t,o,a),e);return r.isGeneratorFunction(t)?i:i.next().then((function(n){return n.done?n.value:i.next()}))},k(w),d(w,s,"Generator"),d(w,c,(function(){return this})),d(w,"toString",(function(){return"[object Generator]"})),r.keys=function(n){var t=[];for(var o in n)t.push(o);return t.reverse(),function o(){for(;t.length;){var r=t.pop();if(r in n)return o.value=r,o.done=!1,o}return o.done=!0,o}},r.values=E,S.prototype={constructor:S,reset:function(n){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(L),!n)for(var t in this)"t"===t.charAt(0)&&e.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var n=this.tryEntries[0].completion;if("throw"===n.type)throw n.arg;return this.rval},dispatchException:function(n){if(this.done)throw n;var t=this;function o(o,r){return i.type="throw",i.arg=n,t.next=o,r&&(t.method="next",t.arg=void 0),!!r}for(var r=this.tryEntries.length-1;r>=0;--r){var a=this.tryEntries[r],i=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var c=e.call(a,"catchLoc"),l=e.call(a,"finallyLoc");if(c&&l){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(c){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.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),L(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;L(o)}return a}}throw new Error("illegal catch attempt")},delegateYield:function(n,t,o){return this.delegate={iterator:E(n),resultName:t,nextLoc:o},"next"===this.method&&(this.arg=void 0),f}},r}n.exports=o,n.exports.__esModule=!0,n.exports.default=n.exports}(B);var I=B.exports(),M=I;try{regeneratorRuntime=I}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=I:Function("r","regeneratorRuntime = r")(I)}var N=["width","height"],A=[function(n){return a("data-v-67dbd337"),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)}))],G=n({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"primary",validator:function(n){return["info","white","success","warning","danger","primary","black","secondary","transparent"].includes(n)}}},setup:function(n){return function(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"}},A,10,N)}}});function C(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))}}function F(n,t,o){return t in n?Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[t]=o,n}function D(n,t){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),o.push.apply(o,r)}return o}function q(n){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?D(Object(o),!0).forEach((function(t){F(n,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):D(Object(o)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(o,t))}))}return n}C("\n@-webkit-keyframes maz-spin {\n    to {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg)\n    }\n}\n@keyframes maz-spin {\n    to {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg)\n    }\n}\n.m-spinner[data-v-67dbd337] {\n    -webkit-animation: maz-spin 1s linear infinite;\n            animation: maz-spin 1s linear infinite;\n    fill: currentColor;\n    color: var(--maz-color-white);\n    margin: 0px !important\n}\n.m-spinner--primary[data-v-67dbd337] {\n    color: var(--maz-color-primary)\n}\n.m-spinner--secondary[data-v-67dbd337] {\n    color: var(--maz-color-secondary)\n}\n.m-spinner--info[data-v-67dbd337] {\n    color: var(--maz-color-info)\n}\n.m-spinner--warning[data-v-67dbd337] {\n    color: var(--maz-color-warning)\n}\n.m-spinner--danger[data-v-67dbd337] {\n    color: var(--maz-color-danger)\n}\n.m-spinner--success[data-v-67dbd337] {\n    color: var(--maz-color-success)\n}\n.m-spinner--black[data-v-67dbd337] {\n    color: var(--maz-color-black)\n}\n.m-spinner--white[data-v-67dbd337] {\n    color: var(--maz-color-white)\n}\n.m-spinner--transparent[data-v-67dbd337] {\n    color: var(--maz-color-white)\n}\n"),G.__scopeId="data-v-67dbd337";var H=["innerHTML"],V=n({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:function(n){return n}}},emits:["loaded","unloaded","error"],setup:function(n,r){var a=r.emit,e=n,i={},v=l(),p=l(),g=function(){try{return function(n,t){var o=c(n,t);if(!o)throw new Error("[maz-ui](injectStrict) Could not resolve ".concat(n));return o}("mazIconPath")}catch(n){return}},h=s((function(){var n;return null!==(n=e.path)&&void 0!==n?n:g()})),y=s((function(){return e.src?e.src:h.value?"".concat(h.value,"/").concat(e.name,".svg"):"/".concat(e.name,".svg")}));d((function(){if(!e.name&&!e.src)throw new Error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');k(y.value)}));var w=function(n){var t=n.cloneNode(!0);return t=e.transformSource(n),e.title&&function(n,t){var o=n.querySelectorAll("title");if(o.length>0)o[0].textContent=t;else{var r=document.createElementNS("http://www.w3.org/2000/svg","title");r.textContent=t,n.append(r)}}(t,e.title),n.innerHTML},k=function(){var n=P(M.mark((function n(t){var o;return M.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return i[t]||(i[t]=x(t)),n.prev=1,n.next=4,i[t];case 4:return o=n.sent,v.value=o,n.next=8,m();case 8:a("loaded",p.value),n.next=16;break;case 11:n.prev=11,n.t0=n.catch(1),v.value&&(v.value=void 0,a("unloaded")),delete i[t],a("error",n.t0);case 16:case"end":return n.stop()}}),n,null,[[1,11]])})));return function(t){return n.apply(this,arguments)}}(),x=function(n){return new Promise((function(t,o){var r=new XMLHttpRequest;r.open("GET",n,!0),r.addEventListener("load",(function(){if(r.status>=200&&r.status<400)try{var n=(new DOMParser).parseFromString(r.responseText,"text/xml").querySelectorAll("svg")[0];n?(n=e.transformSource(n),t(n)):o(new Error('Loaded file is not valid SVG"'))}catch(n){o(n)}else o(new Error("Error loading SVG"))})),r.addEventListener("error",(function(){return o()})),r.send()}))};return u((function(){return e.src}),(function(){return k(y.value)})),function(r,a){return v.value?(t(),o("svg",b({key:0,ref_key:"svgElem",ref:p,width:"1em",height:"1em"},q(q({},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)),(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:w(v.value)}),null,16,H)):f("",!0);var e}}}),$={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},R={class:"maz-flex maz-flex-center"},U={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},X=n({__name:"MazBtn",props:{variant:{type:String,default:"button",validator:function(n){return["button","link"].includes(n)}},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(n)}},type:{type:String,default:"button",validator:function(n){return["button","submit"].includes(n)}},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1}},setup:function(n){var 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)})),z=s((function(){return(a.loading||a.disabled)&&"button"===u.value})),_=s((function(){return z.value?"--cursor-default":"--cursor-pointer"})),L=s((function(){return"--is-".concat(a.variant)})),S=s((function(){return"--".concat(a.color)})),E=s((function(){return["white"].includes(a.color)?"black":"white"})),O=s((function(){return a.loading&&"button"===a.variant})),j=s((function(){return!!d["left-icon"]||a.leftIcon})),P=s((function(){return!!d["right-icon"]||a.rightIcon})),B=s((function(){return j.value||P.value})),T=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(z),class:["m-btn",["--".concat(n.size),y(m),y(_),y(L),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":y(z),"--icon":y(B),"--rounded":n.rounded,"--no-padding":n.noPadding,"--no-elevation":n.noElevation}]],type:y(T)}),{default:w((function(){return[y(j)?(t(),o("div",$,[k(a.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g(V,{key:0,name:n.leftIcon},null,8,["name"])):f("",!0)]}))])):f("",!0),i("span",R,[k(a.$slots,"default")]),y(P)?(t(),o("div",U,[k(a.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g(V,{key:0,name:n.rightIcon},null,8,["name"])):f("",!0)]}))])):f("",!0),y(O)?(t(),o("div",{key:2,class:r(["m-btn__loading-wrapper",y(S)])},[x(G,{size:"2em",color:y(E)},null,8,["color"])],2)):f("",!0)]})),_:3},16,["disabled","class","type"])}}});C("\n.m-btn[data-v-af755324] {\n\n        border-width: 2px;\n\n        border-style: solid;\n\n        border-color: transparent;\n\n        text-align: center;\n\n        font-size: 1rem;\n\n        line-height: 1.5rem;\n\n        color: var(--maz-color-text);\n}\n.m-btn span[data-v-af755324] {\n\n        line-height: 1;\n}\n.m-btn__icon-left[data-v-af755324] {\n\n        margin-right: 0.5rem;\n\n        margin-left: -0.25rem;\n\n        line-height: 1;\n}\n.m-btn__icon-right[data-v-af755324] {\n\n        margin-left: 0.5rem;\n\n        margin-right: -0.25rem;\n\n        line-height: 1;\n}\n.m-btn.--cursor-pointer[data-v-af755324] {\n\n        cursor: pointer;\n}\n.m-btn.--cursor-default[data-v-af755324] {\n\n        cursor: default;\n}\n.m-btn.--is-link[data-v-af755324] {\n\n        display: -webkit-inline-box;\n\n        display: -ms-inline-flexbox;\n\n        display: inline-flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        background-color: transparent;\n\n        outline: 2px solid transparent;\n\n        outline-offset: 2px;\n\n        -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        -webkit-transition-duration: 200ms;\n\n                transition-duration: 200ms;\n\n        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-link[data-v-af755324]:not(.--no-leading) {\n\n        line-height: 2.25rem;\n}\n.m-btn.--is-link[data-v-af755324]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-af755324]:not(:disabled):focus:not(.--no-underline) {\n\n        text-decoration-line: underline;\n}\n.m-btn.--is-link.--secondary[data-v-af755324] {\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-link.--info[data-v-af755324] {\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-link.--warning[data-v-af755324] {\n\n        color: var(--maz-color-warning-600);\n}\n.m-btn.--is-link.--danger[data-v-af755324] {\n\n        color: var(--maz-color-danger-600);\n}\n.m-btn.--is-link.--success[data-v-af755324] {\n\n        color: var(--maz-color-success-600);\n}\n.m-btn.--is-link.--white[data-v-af755324] {\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-link.--black[data-v-af755324] {\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button[data-v-af755324] {\n\n        position: relative;\n\n        display: -webkit-inline-box;\n\n        display: -ms-inline-flexbox;\n\n        display: inline-flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n\n        overflow: hidden;\n\n        border-radius: 0.5rem;\n\n        border-color: transparent;\n\n        background-color: transparent;\n\n        font-weight: 500;\n\n        text-decoration-line: none;\n\n        -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        -webkit-transition-duration: 300ms;\n\n                transition-duration: 300ms;\n\n        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-button.--rounded[data-v-af755324] {\n\n        border-radius: 9999px;\n}\n.m-btn.--is-button.--xl[data-v-af755324] {\n\n        padding-left: 2rem;\n\n        padding-right: 2rem;\n\n        font-size: 1.25rem;\n\n        line-height: 1.75rem;\n\n        padding-top: 1.325rem;\n        padding-bottom: 1.325rem;\n}\n.m-btn.--is-button.--lg[data-v-af755324] {\n\n        padding-left: 1.5rem;\n\n        padding-right: 1.5rem;\n\n        font-size: 1.125rem;\n\n        line-height: 1.75rem;\n\n        padding-top: 1rem;\n        padding-bottom: 1rem;\n}\n.m-btn.--is-button.--md[data-v-af755324] {\n\n        padding-left: 1rem;\n\n        padding-right: 1rem;\n\n        font-size: 1rem;\n\n        line-height: 1.5rem;\n\n        padding-top: 0.88rem;\n        padding-bottom: 0.88rem;\n}\n.m-btn.--is-button.--sm[data-v-af755324] {\n\n        padding-left: 0.75rem;\n\n        padding-right: 0.75rem;\n\n        font-size: 0.875rem;\n\n        line-height: 1.25rem;\n\n        padding-top: 0.625rem;\n        padding-bottom: 0.625rem;\n}\n.m-btn.--is-button.--xs[data-v-af755324] {\n\n        padding-left: 0.5rem;\n\n        padding-right: 0.5rem;\n\n        font-size: 0.875rem;\n\n        line-height: 1.25rem;\n\n        padding-top: 0.3rem;\n        padding-bottom: 0.3rem;\n}\n.m-btn.--is-button.--mini[data-v-af755324] {\n\n        padding-left: 0.25rem;\n\n        padding-right: 0.25rem;\n\n        font-size: 0.75rem;\n\n        line-height: 1rem;\n\n        padding-top: 0.2rem;\n        padding-bottom: 0.2rem;\n}\n.m-btn.--is-button.--icon[data-v-af755324] {\n\n        padding-top: 0.5rem;\n\n        padding-bottom: 0.5rem;\n}\n.m-btn.--is-button[data-v-af755324] {\n\n      -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n\n      transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n/* Not disabled */\n.m-btn.--is-button[data-v-af755324]:not(.--disabled):hover,\n        .m-btn.--is-button[data-v-af755324]:not(.--disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n}\n/* Fab */\n.m-btn.--is-button.--fab[data-v-af755324] {\n\n        display: -webkit-box;\n\n        display: -ms-flexbox;\n\n        display: flex;\n\n        height: 3rem;\n\n        width: 3rem;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n\n        border-radius: 9999px;\n\n        padding-left: 0px;\n\n        padding-right: 0px;\n\n        padding-top: 0px;\n\n        padding-bottom: 0px;\n}\n.m-btn.--is-button.--fab[data-v-af755324]:not(.--no-elevation) {\n\n        -webkit-box-shadow: 0 5px 20px 0 hsla(0, 0%, 0%, 0.1);\n\n                box-shadow: 0 5px 20px 0 hsla(0, 0%, 0%, 0.1);\n}\n.m-btn.--is-button.--block[data-v-af755324] {\n\n        width: 100%;\n}\n.m-btn.--is-button.--primary[data-v-af755324] {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--primary[data-v-af755324]:not(:disabled):hover,\n        .m-btn.--is-button.--primary[data-v-af755324]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary-600);\n}\n.m-btn.--is-button.--secondary[data-v-af755324] {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--secondary[data-v-af755324]:not(:disabled):hover,\n        .m-btn.--is-button.--secondary[data-v-af755324]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary-600);\n}\n.m-btn.--is-button.--info[data-v-af755324] {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--info[data-v-af755324]:not(:disabled):hover,\n        .m-btn.--is-button.--info[data-v-af755324]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info-600);\n}\n.m-btn.--is-button.--success[data-v-af755324] {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--success[data-v-af755324]:not(:disabled):hover,\n        .m-btn.--is-button.--success[data-v-af755324]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success-600);\n}\n.m-btn.--is-button.--warning[data-v-af755324] {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--warning[data-v-af755324]:not(:disabled):hover,\n        .m-btn.--is-button.--warning[data-v-af755324]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning-600);\n}\n.m-btn.--is-button.--danger[data-v-af755324] {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger[data-v-af755324]:not(:disabled):hover,\n        .m-btn.--is-button.--danger[data-v-af755324]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger-600);\n}\n.m-btn.--is-button.--white[data-v-af755324] {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--white[data-v-af755324]:not(:disabled):hover,\n        .m-btn.--is-button.--white[data-v-af755324]:not(:disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(209 213 219 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--black[data-v-af755324] {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black-contrast);\n}\n.m-btn.--is-button.--black[data-v-af755324]:not(:disabled):hover,\n        .m-btn.--is-button.--black[data-v-af755324]:not(:disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(31 41 55 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--transparent[data-v-af755324] {\n\n        background-color: transparent;\n}\n.m-btn.--is-button.--transparent[data-v-af755324]:not(:disabled):hover,\n        .m-btn.--is-button.--transparent[data-v-af755324]:not(:disabled):focus {\n          background-color: hsl(0deg 0% 0% / 12%);\n}\n.m-btn.--is-button.--primary-outline[data-v-af755324] {\n\n        border-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-outline[data-v-af755324]:not(:disabled):hover,\n        .m-btn.--is-button.--primary-outline[data-v-af755324]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-outline[data-v-af755324] {\n\n        border-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-outline[data-v-af755324]:not(:disabled):hover,\n        .m-btn.--is-button.--secondary-outline[data-v-af755324]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--info-outline[data-v-af755324] {\n\n        border-color: var(--maz-color-info);\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-outline[data-v-af755324]:not(:disabled):hover,\n        .m-btn.--is-button.--info-outline[data-v-af755324]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--success-outline[data-v-af755324] {\n\n        border-color: var(--maz-color-success);\n\n        color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-outline[data-v-af755324]:not(:disabled):hover,\n        .m-btn.--is-button.--success-outline[data-v-af755324]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger-outline[data-v-af755324] {\n\n        border-color: var(--maz-color-danger);\n\n        color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-outline[data-v-af755324]:not(:disabled):hover,\n        .m-btn.--is-button.--danger-outline[data-v-af755324]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--warning-outline[data-v-af755324] {\n\n        border-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-outline[data-v-af755324]:not(:disabled):hover,\n        .m-btn.--is-button.--warning-outline[data-v-af755324]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-af755324] {\n\n        border-color: var(--maz-color-white);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-af755324]:not(:disabled):hover,\n        .m-btn.--is-button.--white-outline[data-v-af755324]:not(:disabled):focus {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--black-outline[data-v-af755324] {\n\n        border-color: var(--maz-color-black);\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-outline[data-v-af755324]:not(:disabled):hover,\n        .m-btn.--is-button.--black-outline[data-v-af755324]:not(:disabled):focus {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--primary-pastel[data-v-af755324] {\n\n        background-color: var(--maz-color-primary-50);\n\n        color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-pastel[data-v-af755324]:not(:disabled):hover,\n        .m-btn.--is-button.--primary-pastel[data-v-af755324]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-af755324] {\n\n        background-color: var(--maz-color-secondary-50);\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-af755324]:not(:disabled):hover,\n        .m-btn.--is-button.--secondary-pastel[data-v-af755324]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--info-pastel[data-v-af755324] {\n\n        background-color: var(--maz-color-info-50);\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-pastel[data-v-af755324]:not(:disabled):hover,\n        .m-btn.--is-button.--info-pastel[data-v-af755324]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--success-pastel[data-v-af755324] {\n\n        background-color: var(--maz-color-success-50);\n\n        color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-pastel[data-v-af755324]:not(:disabled):hover,\n        .m-btn.--is-button.--success-pastel[data-v-af755324]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--danger-pastel[data-v-af755324] {\n\n        background-color: var(--maz-color-danger-50);\n\n        color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-pastel[data-v-af755324]:not(:disabled):hover,\n        .m-btn.--is-button.--danger-pastel[data-v-af755324]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-danger-contrast);\n}\n.m-btn.--is-button.--warning-pastel[data-v-af755324] {\n\n        background-color: var(--maz-color-warning-50);\n\n        color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-pastel[data-v-af755324]:not(:disabled):hover,\n        .m-btn.--is-button.--warning-pastel[data-v-af755324]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--white-pastel[data-v-af755324] {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-pastel[data-v-af755324]:not(:disabled):hover,\n        .m-btn.--is-button.--white-pastel[data-v-af755324]:not(:disabled):focus {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--black-pastel[data-v-af755324] {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-pastel[data-v-af755324]:not(:disabled):hover,\n        .m-btn.--is-button.--black-pastel[data-v-af755324]:not(:disabled):focus {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black-contrast);\n}\n/* Disabled */\n.m-btn.--is-button.--disabled[data-v-af755324] {\n\n        cursor: not-allowed;\n\n        background-color: var(--maz-color-bg-lighter);\n\n        --tw-text-opacity: 1;\n\n        color: rgb(156 163 175 / var(--tw-text-opacity));\n}\n.m-btn.--is-button.--no-padding[data-v-af755324] {\n\n        padding: 0px;\n}\n/* Loader */\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-af755324] {\n\n        position: absolute;\n\n        top: 0px;\n\n        right: 0px;\n\n        bottom: 0px;\n\n        left: 0px;\n\n        display: -webkit-box;\n\n        display: -ms-flexbox;\n\n        display: flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-af755324] {\n\n        background-color: var(--maz-color-primary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-af755324] {\n\n        background-color: var(--maz-color-secondary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-af755324] {\n\n        background-color: var(--maz-color-info);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-af755324] {\n\n        background-color: var(--maz-color-warning);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-af755324] {\n\n        background-color: var(--maz-color-success);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-af755324] {\n\n        background-color: var(--maz-color-danger);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-af755324] {\n\n        background-color: var(--maz-color-white);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-af755324] {\n\n        background-color: var(--maz-color-black);\n}\n"),X.__scopeId="data-v-af755324";var Y=[function(n){return a("data-v-7f7e128c"),n=n(),e(),n}((function(){return i("div",{class:"m-sub-bar"},null,-1)}))],W=n({__name:"MazTabsBar",props:{items:{type:Array,required:!0},modelValue:{type:Number,default:1},alignLeft:{type:Boolean,default:!1},useAnchor:{type:Boolean,default:!1}},emits:["update:model-value"],setup:function(n,a){var e=a.emit,c=n,u=function(n,t){if("undefined"==typeof window)return t;var o=window.location.hash.replace("#",""),r=n.findIndex((function(n){return n.label===o}));return-1===r?0:r},b=l(),f=l(),m=l(!1),v=s((function(){if("number"==typeof f.value&&m.value){var n=document.querySelectorAll(".m-tabs-bar__item"),t=null==n?void 0:n[f.value],o=t?t.clientWidth:0,r=t?t.offsetLeft:0;return{transform:"translateX(".concat(r,"px)"),width:"".concat(o,"px")}}}));z((function(){var n=c.modelValue,t=c.useAnchor,o=c.items;if(n<1||n>o.length)throw new Error("[Maz-ui](MazTabsBar) The init value should be between 1 and ".concat(o.length));t||p(n-1)})),d(P(M.mark((function n(){return M.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:setTimeout((function(){var n=c.useAnchor,t=c.items,o=c.modelValue;if(n){var r=o-1,a=Number.isInteger(f.value)?r:u(t,r);p(a)}m.value=!0}),300);case 1:case"end":return n.stop()}}),n)}))));var p=function(n){f.value=n,e("update:model-value",n+1)};return function(a,e){return t(),o("div",{ref_key:"MazTabsBar",ref:b,class:r(["m-tabs-bar",{"--align-left":n.alignLeft}])},[(t(!0),o(_,null,L(n.items,(function(o,a){var e=o.label,i=o.disabled;return t(),g(X,{key:a,color:"transparent",class:r([{"--active":f.value===a,"--disabled":i},"m-tabs-bar__item --no-styling"]),disabled:i,to:n.useAnchor?"#".concat(e):void 0,onClick:function(n){return p(a)}},{default:w((function(){return[S(E(e),1)]})),_:2},1032,["class","disabled","to","onClick"])})),128)),i("div",{style:O(y(v)),class:"m-tabs-bar__indicator"},Y,4)],2)}}});C("\n.m-tabs-bar[data-v-7f7e128c] {\n\n      position: relative;\n\n      display: -webkit-box;\n\n      display: -ms-flexbox;\n\n      display: flex\n}\n.m-tabs-bar[data-v-7f7e128c] > :not([hidden]) ~ :not([hidden]) {\n\n      --tw-space-x-reverse: 0;\n\n      margin-right: calc(0.25rem * var(--tw-space-x-reverse));\n\n      margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))\n}\n.m-tabs-bar[data-v-7f7e128c] {\n\n      overflow-x: auto\n}\n.m-tabs-bar:not(.--align-left) .m-tabs-bar__item[data-v-7f7e128c] {\n\n      -webkit-box-flex: 1;\n\n          -ms-flex: 1 1 0%;\n\n              flex: 1 1 0%\n}\n.m-tabs-bar__item.--active[data-v-7f7e128c] {\n\n      color: var(--maz-color-primary)\n}\n.m-tabs-bar__indicator[data-v-7f7e128c] {\n\n      position: absolute;\n\n      bottom: 0px;\n\n      left: 0px;\n\n      text-align: center;\n\n      -webkit-transition-property: all;\n\n      transition-property: all;\n\n      -webkit-transition-duration: 500ms;\n\n              transition-duration: 500ms;\n\n      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n      height: 2px\n}\n.m-tabs-bar__indicator .m-sub-bar[data-v-7f7e128c] {\n\n      margin-left: auto;\n\n      margin-right: auto;\n\n      width: 60%;\n\n      background-color: var(--maz-color-primary);\n\n        height: 2px\n}\n"),W.__scopeId="data-v-7f7e128c";export{W as default};
+n.exports=o=function(){return r},n.exports.__esModule=!0,n.exports.default=n.exports;var r={},e=Object.prototype,a=e.hasOwnProperty,i="function"==typeof Symbol?Symbol:{},c=i.iterator||"@@iterator",l=i.asyncIterator||"@@asyncIterator",s=i.toStringTag||"@@toStringTag";function d(n,t,o){return Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}),n[t]}try{d({},"")}catch(n){d=function(n,t,o){return n[t]=o}}function u(n,t,o,r){var e=t&&t.prototype instanceof m?t:m,a=Object.create(e.prototype),i=new S(r||[]);return a._invoke=function(n,t,o){var r="suspendedStart";return function(e,a){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===e)throw a;return O()}for(o.method=e,o.arg=a;;){var i=o.delegate;if(i){var c=z(i,o);if(c){if(c===f)continue;return c}}if("next"===o.method)o.sent=o._sent=o.arg;else if("throw"===o.method){if("suspendedStart"===r)throw r="completed",o.arg;o.dispatchException(o.arg)}else"return"===o.method&&o.abrupt("return",o.arg);r="executing";var l=b(n,t,o);if("normal"===l.type){if(r=o.done?"completed":"suspendedYield",l.arg===f)continue;return{value:l.arg,done:o.done}}"throw"===l.type&&(r="completed",o.method="throw",o.arg=l.arg)}}}(n,o,i),a}function b(n,t,o){try{return{type:"normal",arg:n.call(t,o)}}catch(n){return{type:"throw",arg:n}}}r.wrap=u;var f={};function m(){}function v(){}function p(){}var g={};d(g,c,(function(){return this}));var h=Object.getPrototypeOf,y=h&&h(h(E([])));y&&y!==e&&a.call(y,c)&&(g=y);var w=p.prototype=m.prototype=Object.create(g);function k(n){["next","throw","return"].forEach((function(t){d(n,t,(function(n){return this._invoke(t,n)}))}))}function x(n,o){function r(e,i,c,l){var s=b(n[e],n,i);if("throw"!==s.type){var d=s.arg,u=d.value;return u&&"object"==t(u)&&a.call(u,"__await")?o.resolve(u.__await).then((function(n){r("next",n,c,l)}),(function(n){r("throw",n,c,l)})):o.resolve(u).then((function(n){d.value=n,c(d)}),(function(n){return r("throw",n,c,l)}))}l(s.arg)}var e;this._invoke=function(n,t){function a(){return new o((function(o,e){r(n,t,o,e)}))}return e=e?e.then(a,a):a()}}function z(n,t){var o=n.iterator[t.method];if(void 0===o){if(t.delegate=null,"throw"===t.method){if(n.iterator.return&&(t.method="return",t.arg=void 0,z(n,t),"throw"===t.method))return f;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return f}var r=b(o,n.iterator,t.arg);if("throw"===r.type)return t.method="throw",t.arg=r.arg,t.delegate=null,f;var e=r.arg;return e?e.done?(t[n.resultName]=e.value,t.next=n.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,f):e:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,f)}function _(n){var t={tryLoc:n[0]};1 in n&&(t.catchLoc=n[1]),2 in n&&(t.finallyLoc=n[2],t.afterLoc=n[3]),this.tryEntries.push(t)}function L(n){var t=n.completion||{};t.type="normal",delete t.arg,n.completion=t}function S(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(_,this),this.reset(!0)}function E(n){if(n){var t=n[c];if(t)return t.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var o=-1,r=function t(){for(;++o<n.length;)if(a.call(n,o))return t.value=n[o],t.done=!1,t;return t.value=void 0,t.done=!0,t};return r.next=r}}return{next:O}}function O(){return{value:void 0,done:!0}}return v.prototype=p,d(w,"constructor",p),d(p,"constructor",v),v.displayName=d(p,s,"GeneratorFunction"),r.isGeneratorFunction=function(n){var t="function"==typeof n&&n.constructor;return!!t&&(t===v||"GeneratorFunction"===(t.displayName||t.name))},r.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,p):(n.__proto__=p,d(n,s,"GeneratorFunction")),n.prototype=Object.create(w),n},r.awrap=function(n){return{__await:n}},k(x.prototype),d(x.prototype,l,(function(){return this})),r.AsyncIterator=x,r.async=function(n,t,o,e,a){void 0===a&&(a=Promise);var i=new x(u(n,t,o,e),a);return r.isGeneratorFunction(t)?i:i.next().then((function(n){return n.done?n.value:i.next()}))},k(w),d(w,s,"Generator"),d(w,c,(function(){return this})),d(w,"toString",(function(){return"[object Generator]"})),r.keys=function(n){var t=[];for(var o in n)t.push(o);return t.reverse(),function o(){for(;t.length;){var r=t.pop();if(r in n)return o.value=r,o.done=!1,o}return o.done=!0,o}},r.values=E,S.prototype={constructor:S,reset:function(n){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(L),!n)for(var t in this)"t"===t.charAt(0)&&a.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var n=this.tryEntries[0].completion;if("throw"===n.type)throw n.arg;return this.rval},dispatchException:function(n){if(this.done)throw n;var t=this;function o(o,r){return i.type="throw",i.arg=n,t.next=o,r&&(t.method="next",t.arg=void 0),!!r}for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r],i=e.completion;if("root"===e.tryLoc)return o("end");if(e.tryLoc<=this.prev){var c=a.call(e,"catchLoc"),l=a.call(e,"finallyLoc");if(c&&l){if(this.prev<e.catchLoc)return o(e.catchLoc,!0);if(this.prev<e.finallyLoc)return o(e.finallyLoc)}else if(c){if(this.prev<e.catchLoc)return o(e.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<e.finallyLoc)return o(e.finallyLoc)}}}},abrupt:function(n,t){for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o];if(r.tryLoc<=this.prev&&a.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var e=r;break}}e&&("break"===n||"continue"===n)&&e.tryLoc<=t&&t<=e.finallyLoc&&(e=null);var i=e?e.completion:{};return i.type=n,i.arg=t,e?(this.method="next",this.next=e.finallyLoc,f):this.complete(i)},complete:function(n,t){if("throw"===n.type)throw n.arg;return"break"===n.type||"continue"===n.type?this.next=n.arg:"return"===n.type?(this.rval=this.arg=n.arg,this.method="return",this.next="end"):"normal"===n.type&&t&&(this.next=t),f},finish:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.finallyLoc===n)return this.complete(o.completion,o.afterLoc),L(o),f}},catch:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.tryLoc===n){var r=o.completion;if("throw"===r.type){var e=r.arg;L(o)}return e}}throw new Error("illegal catch attempt")},delegateYield:function(n,t,o){return this.delegate={iterator:E(n),resultName:t,nextLoc:o},"next"===this.method&&(this.arg=void 0),f}},r}n.exports=o,n.exports.__esModule=!0,n.exports.default=n.exports}(B);var I=B.exports(),M=I;try{regeneratorRuntime=I}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=I:Function("r","regeneratorRuntime = r")(I)}var N=["width","height"],A=[function(n){return e("data-v-67dbd337"),n=n(),a(),n}((function(){return i("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)}))],G=n({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"primary",validator:function(n){return["info","white","success","warning","danger","primary","black","secondary","transparent"].includes(n)}}},setup:function(n){return function(e,a){return t(),o("svg",{width:n.size,height:n.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:r(["m-spinner","m-spinner--".concat(n.color)]),style:{"enable-background":"new 0 0 50 50"}},A,10,N)}}});function C(n,t){void 0===t&&(t={});var o=t.insertAt;if(n&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css","top"===o&&r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.styleSheet?e.styleSheet.cssText=n:e.appendChild(document.createTextNode(n))}}function F(n,t,o){return t in n?Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[t]=o,n}function D(n,t){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),o.push.apply(o,r)}return o}function q(n){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?D(Object(o),!0).forEach((function(t){F(n,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):D(Object(o)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(o,t))}))}return n}C("\n@-webkit-keyframes maz-spin {\n    to {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg)\n    }\n}\n@keyframes maz-spin {\n    to {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg)\n    }\n}\n.m-spinner[data-v-67dbd337] {\n    -webkit-animation: maz-spin 1s linear infinite;\n            animation: maz-spin 1s linear infinite;\n    fill: currentColor;\n    color: var(--maz-color-white);\n    margin: 0px !important\n}\n.m-spinner--primary[data-v-67dbd337] {\n    color: var(--maz-color-primary)\n}\n.m-spinner--secondary[data-v-67dbd337] {\n    color: var(--maz-color-secondary)\n}\n.m-spinner--info[data-v-67dbd337] {\n    color: var(--maz-color-info)\n}\n.m-spinner--warning[data-v-67dbd337] {\n    color: var(--maz-color-warning)\n}\n.m-spinner--danger[data-v-67dbd337] {\n    color: var(--maz-color-danger)\n}\n.m-spinner--success[data-v-67dbd337] {\n    color: var(--maz-color-success)\n}\n.m-spinner--black[data-v-67dbd337] {\n    color: var(--maz-color-black)\n}\n.m-spinner--white[data-v-67dbd337] {\n    color: var(--maz-color-white)\n}\n.m-spinner--transparent[data-v-67dbd337] {\n    color: var(--maz-color-white)\n}\n"),G.__scopeId="data-v-67dbd337";var H=["innerHTML"],V=n({__name:"MazIcon",props:{src:{type:String,default:void 0},path:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:"1.5rem"},title:{type:String,default:void 0},transformSource:{type:Function,default:function(n){return n}}},emits:["loaded","unloaded","error"],setup:function(n,r){var e=r.emit,a=n,i={},v=l(),p=l(),g=function(){try{return function(n,t){var o=c(n,t);if(!o)throw new Error("[maz-ui](injectStrict) Could not resolve ".concat(n));return o}("mazIconPath")}catch(n){return}},h=s((function(){var n;return null!==(n=a.path)&&void 0!==n?n:g()})),y=s((function(){return a.src?a.src:h.value?"".concat(h.value,"/").concat(a.name,".svg"):"/".concat(a.name,".svg")}));d((function(){if(!a.name&&!a.src)throw new Error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');k(y.value)}));var w=function(n){var t=n.cloneNode(!0);return t=a.transformSource(n),a.title&&function(n,t){var o=n.querySelectorAll("title");if(o.length>0)o[0].textContent=t;else{var r=document.createElementNS("http://www.w3.org/2000/svg","title");r.textContent=t,n.append(r)}}(t,a.title),n.innerHTML},k=function(){var n=P(M.mark((function n(t){var o;return M.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return i[t]||(i[t]=x(t)),n.prev=1,n.next=4,i[t];case 4:return o=n.sent,v.value=o,n.next=8,m();case 8:e("loaded",p.value),n.next=16;break;case 11:n.prev=11,n.t0=n.catch(1),v.value&&(v.value=void 0,e("unloaded")),delete i[t],e("error",n.t0);case 16:case"end":return n.stop()}}),n,null,[[1,11]])})));return function(t){return n.apply(this,arguments)}}(),x=function(n){return new Promise((function(t,o){var r=new XMLHttpRequest;r.open("GET",n,!0),r.addEventListener("load",(function(){if(r.status>=200&&r.status<400)try{var n=(new DOMParser).parseFromString(r.responseText,"text/xml").querySelectorAll("svg")[0];n?(n=a.transformSource(n),t(n)):o(new Error('Loaded file is not valid SVG"'))}catch(n){o(n)}else o(new Error("Error loading SVG"))})),r.addEventListener("error",(function(){return o()})),r.send()}))};return u((function(){return a.src}),(function(){return k(y.value)})),function(r,e){return v.value?(t(),o("svg",b({key:0,ref_key:"svgElem",ref:p,width:"1em",height:"1em"},q(q({},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,H)):f("",!0);var a}}}),$={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},R={class:"maz-flex maz-flex-center"},U={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},X=n({__name:"MazBtn",props:{variant:{type:String,default:"button",validator:function(n){return["button","link"].includes(n)}},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(n)}},type:{type:String,default:"button",validator:function(n){return["button","submit"].includes(n)}},rounded:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},block:{type:Boolean,default:!1},noUnderline:{type:Boolean,default:!1},noLeading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},fab:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0},noPadding:{type:Boolean,default:!1},noElevation:{type:Boolean,default:!1}},setup:function(n){var e=n,a=v(),c=a.href,l=a.to,d=p(),u=s((function(){return c?"a":l?"router-link":"button"})),m=s((function(){return e.pastel?"--".concat(e.color,"-pastel"):e.outline||e.loading?"--".concat(e.color,"-outline"):"--".concat(e.color)})),z=s((function(){return(e.loading||e.disabled)&&"button"===u.value})),_=s((function(){return z.value?"--cursor-default":"--cursor-pointer"})),L=s((function(){return"--is-".concat(e.variant)})),S=s((function(){return"--".concat(e.color)})),E=s((function(){return["white"].includes(e.color)?"black":"white"})),O=s((function(){return e.loading&&"button"===e.variant})),j=s((function(){return!!d["left-icon"]||e.leftIcon})),P=s((function(){return!!d["right-icon"]||e.rightIcon})),B=s((function(){return j.value||P.value})),T=s((function(){return"button"===u.value?e.type:void 0}));return function(e,a){return t(),g(h(y(u)),b(e.$attrs,{disabled:y(z),class:["m-btn",["--".concat(n.size),y(m),y(_),y(L),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":y(z),"--icon":y(B),"--rounded":n.rounded,"--no-padding":n.noPadding,"--no-elevation":n.noElevation}]],type:y(T)}),{default:w((function(){return[y(j)?(t(),o("div",$,[k(e.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g(V,{key:0,name:n.leftIcon},null,8,["name"])):f("",!0)]}))])):f("",!0),i("span",R,[k(e.$slots,"default")]),y(P)?(t(),o("div",U,[k(e.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g(V,{key:0,name:n.rightIcon},null,8,["name"])):f("",!0)]}))])):f("",!0),y(O)?(t(),o("div",{key:2,class:r(["m-btn__loading-wrapper",y(S)])},[x(G,{size:"2em",color:y(E)},null,8,["color"])],2)):f("",!0)]})),_:3},16,["disabled","class","type"])}}});C("\n.m-btn[data-v-4f7c1518] {\n\n        border-width: var(--maz-border-width);\n\n        border-style: solid;\n\n        border-color: transparent;\n\n        text-align: center;\n\n        font-size: 1rem;\n\n        line-height: 1.5rem;\n\n        color: var(--maz-color-text);\n}\n.m-btn span[data-v-4f7c1518] {\n\n        line-height: 1;\n}\n.m-btn__icon-left[data-v-4f7c1518] {\n\n        margin-right: 0.5rem;\n\n        margin-left: -0.25rem;\n\n        line-height: 1;\n}\n.m-btn__icon-right[data-v-4f7c1518] {\n\n        margin-left: 0.5rem;\n\n        margin-right: -0.25rem;\n\n        line-height: 1;\n}\n.m-btn.--cursor-pointer[data-v-4f7c1518] {\n\n        cursor: pointer;\n}\n.m-btn.--cursor-default[data-v-4f7c1518] {\n\n        cursor: default;\n}\n.m-btn.--is-link[data-v-4f7c1518] {\n\n        display: -webkit-inline-box;\n\n        display: -ms-inline-flexbox;\n\n        display: inline-flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        background-color: transparent;\n\n        outline: 2px solid transparent;\n\n        outline-offset: 2px;\n\n        -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        -webkit-transition-duration: 200ms;\n\n                transition-duration: 200ms;\n\n        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-link[data-v-4f7c1518]:not(.--no-leading) {\n\n        line-height: 2.25rem;\n}\n.m-btn.--is-link[data-v-4f7c1518]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-4f7c1518]:not(:disabled):focus:not(.--no-underline) {\n\n        text-decoration-line: underline;\n}\n.m-btn.--is-link.--secondary[data-v-4f7c1518] {\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-link.--info[data-v-4f7c1518] {\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-link.--warning[data-v-4f7c1518] {\n\n        color: var(--maz-color-warning-600);\n}\n.m-btn.--is-link.--danger[data-v-4f7c1518] {\n\n        color: var(--maz-color-danger-600);\n}\n.m-btn.--is-link.--success[data-v-4f7c1518] {\n\n        color: var(--maz-color-success-600);\n}\n.m-btn.--is-link.--white[data-v-4f7c1518] {\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-link.--black[data-v-4f7c1518] {\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button[data-v-4f7c1518] {\n\n        position: relative;\n\n        display: -webkit-inline-box;\n\n        display: -ms-inline-flexbox;\n\n        display: inline-flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n\n        overflow: hidden;\n\n        border-radius: var(--maz-border-radius);\n\n        border-color: transparent;\n\n        background-color: transparent;\n\n        font-weight: 500;\n\n        text-decoration-line: none;\n\n        -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        -webkit-transition-duration: 300ms;\n\n                transition-duration: 300ms;\n\n        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-button.--rounded[data-v-4f7c1518] {\n\n        border-radius: 9999px;\n}\n.m-btn.--is-button.--xl[data-v-4f7c1518] {\n\n        padding-left: 2rem;\n\n        padding-right: 2rem;\n\n        font-size: 1.25rem;\n\n        line-height: 1.75rem;\n\n        padding-top: 1.325rem;\n        padding-bottom: 1.325rem;\n}\n.m-btn.--is-button.--lg[data-v-4f7c1518] {\n\n        padding-left: 1.5rem;\n\n        padding-right: 1.5rem;\n\n        font-size: 1.125rem;\n\n        line-height: 1.75rem;\n\n        padding-top: 1rem;\n        padding-bottom: 1rem;\n}\n.m-btn.--is-button.--md[data-v-4f7c1518] {\n\n        padding-left: 1rem;\n\n        padding-right: 1rem;\n\n        font-size: 1rem;\n\n        line-height: 1.5rem;\n\n        padding-top: 0.88rem;\n        padding-bottom: 0.88rem;\n}\n.m-btn.--is-button.--sm[data-v-4f7c1518] {\n\n        padding-left: 0.75rem;\n\n        padding-right: 0.75rem;\n\n        font-size: 0.875rem;\n\n        line-height: 1.25rem;\n\n        padding-top: 0.625rem;\n        padding-bottom: 0.625rem;\n}\n.m-btn.--is-button.--xs[data-v-4f7c1518] {\n\n        padding-left: 0.5rem;\n\n        padding-right: 0.5rem;\n\n        font-size: 0.875rem;\n\n        line-height: 1.25rem;\n\n        padding-top: 0.3rem;\n        padding-bottom: 0.3rem;\n}\n.m-btn.--is-button.--mini[data-v-4f7c1518] {\n\n        padding-left: 0.25rem;\n\n        padding-right: 0.25rem;\n\n        font-size: 0.75rem;\n\n        line-height: 1rem;\n\n        padding-top: 0.2rem;\n        padding-bottom: 0.2rem;\n}\n.m-btn.--is-button.--icon[data-v-4f7c1518] {\n\n        padding-top: 0.5rem;\n\n        padding-bottom: 0.5rem;\n}\n.m-btn.--is-button[data-v-4f7c1518] {\n\n      -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n\n      transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n/* Not disabled */\n.m-btn.--is-button[data-v-4f7c1518]:not(.--disabled):hover,\n        .m-btn.--is-button[data-v-4f7c1518]:not(.--disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n}\n/* Fab */\n.m-btn.--is-button.--fab[data-v-4f7c1518] {\n\n        display: -webkit-box;\n\n        display: -ms-flexbox;\n\n        display: flex;\n\n        height: 3rem;\n\n        width: 3rem;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n\n        border-radius: 9999px;\n\n        padding-left: 0px;\n\n        padding-right: 0px;\n\n        padding-top: 0px;\n\n        padding-bottom: 0px;\n}\n.m-btn.--is-button.--fab[data-v-4f7c1518]:not(.--no-elevation) {\n\n        -webkit-box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n\n                box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n}\n.m-btn.--is-button.--block[data-v-4f7c1518] {\n\n        width: 100%;\n}\n.m-btn.--is-button.--primary[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--primary[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--primary[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary-600);\n}\n.m-btn.--is-button.--secondary[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--secondary[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--secondary[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary-600);\n}\n.m-btn.--is-button.--info[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--info[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--info[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info-600);\n}\n.m-btn.--is-button.--success[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--success[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--success[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success-600);\n}\n.m-btn.--is-button.--warning[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--warning[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--warning[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning-600);\n}\n.m-btn.--is-button.--danger[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--danger[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger-600);\n}\n.m-btn.--is-button.--white[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--white[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--white[data-v-4f7c1518]:not(:disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(209 213 219 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--black[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black-contrast);\n}\n.m-btn.--is-button.--black[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--black[data-v-4f7c1518]:not(:disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(31 41 55 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--transparent[data-v-4f7c1518] {\n\n        background-color: transparent;\n}\n.m-btn.--is-button.--transparent[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--transparent[data-v-4f7c1518]:not(:disabled):focus {\n          background-color: hsl(0deg 0% 0% / 12%);\n}\n.m-btn.--is-button.--primary-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--primary-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--secondary-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--info-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-info);\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--info-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--success-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-success);\n\n        color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--success-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-danger);\n\n        color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--danger-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--warning-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--warning-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-white);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--white-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--black-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-black);\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--black-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--primary-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-primary-50);\n\n        color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--primary-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-secondary-50);\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--secondary-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--info-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-info-50);\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--info-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--success-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-success-50);\n\n        color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--success-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--danger-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-danger-50);\n\n        color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--danger-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-danger-contrast);\n}\n.m-btn.--is-button.--warning-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-warning-50);\n\n        color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--warning-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--white-pastel[data-v-4f7c1518] {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--white-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--black-pastel[data-v-4f7c1518] {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--black-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black-contrast);\n}\n/* Disabled */\n.m-btn.--is-button.--disabled[data-v-4f7c1518] {\n\n        cursor: not-allowed;\n\n        background-color: var(--maz-color-bg-lighter);\n\n        --tw-text-opacity: 1;\n\n        color: rgb(156 163 175 / var(--tw-text-opacity));\n}\n.m-btn.--is-button.--no-padding[data-v-4f7c1518] {\n\n        padding: 0px;\n}\n/* Loader */\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-4f7c1518] {\n\n        position: absolute;\n\n        top: 0px;\n\n        right: 0px;\n\n        bottom: 0px;\n\n        left: 0px;\n\n        display: -webkit-box;\n\n        display: -ms-flexbox;\n\n        display: flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-primary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-secondary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-info);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-warning);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-success);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-danger);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-white);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-black);\n}\n"),X.__scopeId="data-v-4f7c1518";var Y=[function(n){return e("data-v-7f7e128c"),n=n(),a(),n}((function(){return i("div",{class:"m-sub-bar"},null,-1)}))],W=n({__name:"MazTabsBar",props:{items:{type:Array,required:!0},modelValue:{type:Number,default:1},alignLeft:{type:Boolean,default:!1},useAnchor:{type:Boolean,default:!1}},emits:["update:model-value"],setup:function(n,e){var a=e.emit,c=n,u=function(n,t){if("undefined"==typeof window)return t;var o=window.location.hash.replace("#",""),r=n.findIndex((function(n){return n.label===o}));return-1===r?0:r},b=l(),f=l(),m=l(!1),v=s((function(){if("number"==typeof f.value&&m.value){var n=document.querySelectorAll(".m-tabs-bar__item"),t=null==n?void 0:n[f.value],o=t?t.clientWidth:0,r=t?t.offsetLeft:0;return{transform:"translateX(".concat(r,"px)"),width:"".concat(o,"px")}}}));z((function(){var n=c.modelValue,t=c.useAnchor,o=c.items;if(n<1||n>o.length)throw new Error("[Maz-ui](MazTabsBar) The init value should be between 1 and ".concat(o.length));t||p(n-1)})),d(P(M.mark((function n(){return M.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:setTimeout((function(){var n=c.useAnchor,t=c.items,o=c.modelValue;if(n){var r=o-1,e=Number.isInteger(f.value)?r:u(t,r);p(e)}m.value=!0}),300);case 1:case"end":return n.stop()}}),n)}))));var p=function(n){f.value=n,a("update:model-value",n+1)};return function(e,a){return t(),o("div",{ref_key:"MazTabsBar",ref:b,class:r(["m-tabs-bar",{"--align-left":n.alignLeft}])},[(t(!0),o(_,null,L(n.items,(function(o,e){var a=o.label,i=o.disabled;return t(),g(X,{key:e,color:"transparent",class:r([{"--active":f.value===e,"--disabled":i},"m-tabs-bar__item --no-styling"]),disabled:i,to:n.useAnchor?"#".concat(a):void 0,onClick:function(n){return p(e)}},{default:w((function(){return[S(E(a),1)]})),_:2},1032,["class","disabled","to","onClick"])})),128)),i("div",{style:O(y(v)),class:"m-tabs-bar__indicator"},Y,4)],2)}}});C("\n.m-tabs-bar[data-v-7f7e128c] {\n\n      position: relative;\n\n      display: -webkit-box;\n\n      display: -ms-flexbox;\n\n      display: flex\n}\n.m-tabs-bar[data-v-7f7e128c] > :not([hidden]) ~ :not([hidden]) {\n\n      --tw-space-x-reverse: 0;\n\n      margin-right: calc(0.25rem * var(--tw-space-x-reverse));\n\n      margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))\n}\n.m-tabs-bar[data-v-7f7e128c] {\n\n      overflow-x: auto\n}\n.m-tabs-bar:not(.--align-left) .m-tabs-bar__item[data-v-7f7e128c] {\n\n      -webkit-box-flex: 1;\n\n          -ms-flex: 1 1 0%;\n\n              flex: 1 1 0%\n}\n.m-tabs-bar__item.--active[data-v-7f7e128c] {\n\n      color: var(--maz-color-primary)\n}\n.m-tabs-bar__indicator[data-v-7f7e128c] {\n\n      position: absolute;\n\n      bottom: 0px;\n\n      left: 0px;\n\n      text-align: center;\n\n      -webkit-transition-property: all;\n\n      transition-property: all;\n\n      -webkit-transition-duration: 500ms;\n\n              transition-duration: 500ms;\n\n      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n      height: 2px\n}\n.m-tabs-bar__indicator .m-sub-bar[data-v-7f7e128c] {\n\n      margin-left: auto;\n\n      margin-right: auto;\n\n      width: 60%;\n\n      background-color: var(--maz-color-primary);\n\n        height: 2px\n}\n"),W.__scopeId="data-v-7f7e128c";export{W as default};

package/components/MazTextarea.js

@@ -1 +1 @@
-import{ref as e,computed as n,defineComponent as t,getCurrentInstance as r,onMounted as a,onBeforeUnmount as o,openBlock as i,createElementBlock as l,normalizeClass as s,unref as d,createTextVNode as c,toDisplayString as u,createCommentVNode as m,withDirectives as f,createElementVNode as b,mergeProps as v,isRef as h,toHandlers as p,vModelText as g}from"vue";function y(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}e();var x=function(){function e(n){!function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this,e),this.element=n,this.onFocus=this.onFocus.bind(this),this.autogrow=this.autogrow.bind(this),this.onResize=function(e){var n,t,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=function(){n&&(clearTimeout(n),t=void 0,n=void 0)},i=function(){var e=t;o(),e&&e()},l=function(){for(var i=arguments.length,l=new Array(i),s=0;s<i;s++)l[s]=arguments[s];if(!r)return e.apply(this,l);var d=this,c=a&&!n;return o(),t=function(){e.apply(d,l)},n=setTimeout((function(){if(n=void 0,!c){var e=t;if(t=void 0,void 0!==e)return e()}}),r),c?t():void 0};return l.cancel=o,l.flush=i,l}(this.onResize.bind(this),200),this.connect()}var n,t,r;return n=e,(t=[{key:"connect",value:function(){this.element.addEventListener("focus",this.onFocus),this.element.style.resize="none",this.element.style.boxSizing="border-box"}},{key:"disconnect",value:function(){window.removeEventListener("resize",this.onResize),this.element.removeEventListener("input",this.autogrow)}},{key:"onFocus",value:function(){this.autogrow(),this.element.addEventListener("input",this.autogrow),window.addEventListener("resize",this.onResize),this.element.removeEventListener("focus",this.onFocus)}},{key:"onResize",value:function(){this.autogrow()}},{key:"autogrow",value:function(){this.element.style.height="auto",this.element.style.overflow="hidden",this.element.style.height="".concat(this.element.scrollHeight,"px")}}])&&y(n.prototype,t),r&&y(n,r),Object.defineProperty(n,"prototype",{writable:!1}),e}(),w=["for"],z={key:0},k=["id","name","disabled","required"],_=t({__name:"MazTextarea",props:{modelValue:{type:String,default:void 0},id:{type:String,default:void 0},name:{type:String,default:"MazTextarea"},label:{type:String,default:void 0},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},hint:{type:String,default:void 0},color:{type:String,default:"primary",validator:function(e){return["primary","secondary","warning","danger","info","success","white","black","transparent"].includes(e)}}},emits:["input","focus","blur","change"],setup:function(t,y){var _,E=y.emit,T=t,S=function(e){var t=e.componentName,r=e.instance,a=e.providedId;return{instanceId:n((function(){return null!=a?a:"".concat(t,"-").concat(null==r?void 0:r.uid)}))}}({componentName:"MazTextarea",instance:r(),providedId:T.id}),B=S.instanceId,L=e(),q=e(!1),C=n((function(){return void 0!==T.modelValue&&""!==T.modelValue}));a((function(){L.value&&(_=new x(L.value))})),o((function(){var e;null===(e=_)||void 0===e||e.disconnect()}));var F=n({get:function(){return T.modelValue},set:function(e){return E("input",e)}}),I=function(e){E("focus",e),q.value=!0},R=function(e){E("blur",e),q.value=!1},V=function(e){return E("change",e)},N=n((function(){return T.label||T.hint})),j=n((function(){return N.value&&(q.value||C.value)})),M=n((function(){if(T.error)return"maz-border-danger";if(T.success)return"maz-border-success";if(T.warning)return"maz-border-warning";if(q.value){if("black"===T.color)return"maz-border-black";if("danger"===T.color)return"maz-border-danger";if("info"===T.color)return"maz-border-info";if("primary"===T.color)return"maz-border-primary";if("secondary"===T.color)return"maz-border-secondary";if("success"===T.color)return"maz-border-success";if("warning"===T.color)return"maz-border-warning";if("white"===T.color)return"maz-border-white"}return"--default-border"}));return function(e,n){return i(),l("div",{class:s(["m-textarea",{"--is-disabled":t.disabled,"--has-label":d(N)}])},[d(N)?(i(),l("label",{key:0,for:d(B),class:s(["m-textarea__label",[{"maz-text-danger-600":t.error,"maz-text-success-600":t.success,"maz-text-warning-600":t.warning,"--has-state":t.error||t.warning||t.success,"--should-up":d(j)}]])},[c(u(t.hint||t.label)+" ",1),t.required?(i(),l("sup",z,"*")):m("",!0)],10,w)):m("",!0),f(b("textarea",v({id:d(B),ref_key:"TextareaElement",ref:L},e.$attrs,{"onUpdate:modelValue":n[0]||(n[0]=function(e){return h(F)?F.value=e:null}),name:t.name,disabled:t.disabled,required:t.required,class:[d(M)]},p({blur:R,focus:I,change:V},!0)),null,16,k),[[g,d(F)]])],2)}}});!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.m-textarea[data-v-42681338] {\n\n      position: relative;\n\n      display: -webkit-box;\n\n      display: -ms-flexbox;\n\n      display: flex;\n\n      -webkit-box-orient: vertical;\n\n      -webkit-box-direction: normal;\n\n          -ms-flex-direction: column;\n\n              flex-direction: column;\n}\n.m-textarea textarea[data-v-42681338] {\n\n      min-height: 6.25rem;\n\n      width: 100%;\n\n      resize: vertical;\n\n      border-radius: 0.5rem;\n\n      border-width: 2px;\n\n      background-color: var(--maz-color-bg);\n\n      padding: 1rem;\n\n      color: var(--maz-color-text);\n\n      outline: 2px solid transparent;\n\n      outline-offset: 2px;\n}\n.m-textarea textarea.--default-border[data-v-42681338] {\n\n      --tw-border-opacity: 1;\n\n      border-color: rgb(229 231 235 / var(--tw-border-opacity));\n}\n.m-textarea.--has-label textarea[data-v-42681338] {\n\n      padding-top: 1.5rem;\n}\n.m-textarea.--is-disabled textarea[data-v-42681338] {\n\n      cursor: not-allowed;\n\n      --tw-border-opacity: 1;\n\n      border-color: rgb(229 231 235 / var(--tw-border-opacity));\n\n      background-color: var(--maz-color-bg-lighter);\n\n      color: var(--maz-color-muted);\n}\n.m-textarea__label[data-v-42681338] {\n\n      pointer-events: none;\n\n      position: absolute;\n\n      display: block;\n\n      width: -webkit-max-content;\n\n      width: -moz-max-content;\n\n      width: max-content;\n\n      -webkit-transform-origin: top left;\n\n              transform-origin: top left;\n\n      overflow: hidden;\n\n      text-overflow: ellipsis;\n\n      white-space: nowrap;\n\n      left: 1rem;\n\n      top: 0.75rem;\n\n      line-height: 1.5rem;\n\n      display: -webkit-box;\n\n      display: -ms-flexbox;\n\n      display: flex;\n\n      -webkit-box-align: center;\n\n          -ms-flex-align: center;\n\n              align-items: center;\n\n      -webkit-box-pack: center;\n\n          -ms-flex-pack: center;\n\n              justify-content: center;\n\n      transition: -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n\n      -webkit-transition: -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n\n      transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n\n      transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n}\n.m-textarea__label.--should-up[data-v-42681338] {\n        -webkit-transform: scale(0.8) translateY(-0.65rem);\n                transform: scale(0.8) translateY(-0.65rem);\n}\n.m-textarea__label[data-v-42681338]:not(.--has-state) {\n\n      color: var(--maz-color-muted);\n}\nhtml.dark .m-textarea textarea[data-v-42681338] {\n\n      background-color: var(--maz-color-bg-light);\n}\nhtml.dark .m-textarea textarea.--default-border[data-v-42681338] {\n\n      border-color: var(--maz-color-bg-lighter);\n}\nhtml.dark .m-textarea.--is-disabled textarea[data-v-42681338] {\n\n      border-color: var(--maz-color-bg-lighter);\n}\n"),_.__scopeId="data-v-42681338";export{_ as default};
+import{ref as e,computed as n,defineComponent as t,getCurrentInstance as r,onMounted as a,onBeforeUnmount as o,openBlock as i,createElementBlock as l,normalizeClass as s,unref as d,createTextVNode as c,toDisplayString as u,createCommentVNode as m,withDirectives as f,createElementVNode as b,mergeProps as v,isRef as h,toHandlers as p,vModelText as g}from"vue";function y(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}e();var w=function(){function e(n){!function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this,e),this.element=n,this.onFocus=this.onFocus.bind(this),this.autogrow=this.autogrow.bind(this),this.onResize=function(e){var n,t,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=function(){n&&(clearTimeout(n),t=void 0,n=void 0)},i=function(){var e=t;o(),e&&e()},l=function(){for(var i=arguments.length,l=new Array(i),s=0;s<i;s++)l[s]=arguments[s];if(!r)return e.apply(this,l);var d=this,c=a&&!n;return o(),t=function(){e.apply(d,l)},n=setTimeout((function(){if(n=void 0,!c){var e=t;if(t=void 0,void 0!==e)return e()}}),r),c?t():void 0};return l.cancel=o,l.flush=i,l}(this.onResize.bind(this),200),this.connect()}var n,t,r;return n=e,(t=[{key:"connect",value:function(){this.element.addEventListener("focus",this.onFocus),this.element.style.resize="none",this.element.style.boxSizing="border-box"}},{key:"disconnect",value:function(){window.removeEventListener("resize",this.onResize),this.element.removeEventListener("input",this.autogrow)}},{key:"onFocus",value:function(){this.autogrow(),this.element.addEventListener("input",this.autogrow),window.addEventListener("resize",this.onResize),this.element.removeEventListener("focus",this.onFocus)}},{key:"onResize",value:function(){this.autogrow()}},{key:"autogrow",value:function(){this.element.style.height="auto",this.element.style.overflow="hidden",this.element.style.height="".concat(this.element.scrollHeight,"px")}}])&&y(n.prototype,t),r&&y(n,r),Object.defineProperty(n,"prototype",{writable:!1}),e}(),x=["for"],z={key:0},k=["id","name","disabled","required"],_=t({__name:"MazTextarea",props:{modelValue:{type:String,default:void 0},id:{type:String,default:void 0},name:{type:String,default:"MazTextarea"},label:{type:String,default:void 0},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},hint:{type:String,default:void 0},color:{type:String,default:"primary",validator:function(e){return["primary","secondary","warning","danger","info","success","white","black","transparent"].includes(e)}}},emits:["input","focus","blur","change"],setup:function(t,y){var _,E=y.emit,T=t,S=function(e){var t=e.componentName,r=e.instance,a=e.providedId;return{instanceId:n((function(){return null!=a?a:"".concat(t,"-").concat(null==r?void 0:r.uid)}))}}({componentName:"MazTextarea",instance:r(),providedId:T.id}),B=S.instanceId,L=e(),q=e(!1),C=n((function(){return void 0!==T.modelValue&&""!==T.modelValue}));a((function(){L.value&&(_=new w(L.value))})),o((function(){var e;null===(e=_)||void 0===e||e.disconnect()}));var F=n({get:function(){return T.modelValue},set:function(e){return E("input",e)}}),I=function(e){E("focus",e),q.value=!0},R=function(e){E("blur",e),q.value=!1},V=function(e){return E("change",e)},N=n((function(){return T.label||T.hint})),j=n((function(){return N.value&&(q.value||C.value)})),M=n((function(){if(T.error)return"maz-border-danger";if(T.success)return"maz-border-success";if(T.warning)return"maz-border-warning";if(q.value){if("black"===T.color)return"maz-border-black";if("danger"===T.color)return"maz-border-danger";if("info"===T.color)return"maz-border-info";if("primary"===T.color)return"maz-border-primary";if("secondary"===T.color)return"maz-border-secondary";if("success"===T.color)return"maz-border-success";if("warning"===T.color)return"maz-border-warning";if("white"===T.color)return"maz-border-white"}return"--default-border"}));return function(e,n){return i(),l("div",{class:s(["m-textarea",{"--is-disabled":t.disabled,"--has-label":d(N)}])},[d(N)?(i(),l("label",{key:0,for:d(B),class:s(["m-textarea__label",[{"maz-text-danger-600":t.error,"maz-text-success-600":t.success,"maz-text-warning-600":t.warning,"--has-state":t.error||t.warning||t.success,"--should-up":d(j)}]])},[c(u(t.hint||t.label)+" ",1),t.required?(i(),l("sup",z,"*")):m("",!0)],10,x)):m("",!0),f(b("textarea",v({id:d(B),ref_key:"TextareaElement",ref:L},e.$attrs,{"onUpdate:modelValue":n[0]||(n[0]=function(e){return h(F)?F.value=e:null}),name:t.name,disabled:t.disabled,required:t.required,class:[d(M)]},p({blur:R,focus:I,change:V},!0)),null,16,k),[[g,d(F)]])],2)}}});!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.m-textarea[data-v-0933f832] {\n\n      position: relative;\n\n      display: -webkit-box;\n\n      display: -ms-flexbox;\n\n      display: flex;\n\n      -webkit-box-orient: vertical;\n\n      -webkit-box-direction: normal;\n\n          -ms-flex-direction: column;\n\n              flex-direction: column;\n}\n.m-textarea textarea[data-v-0933f832] {\n\n      min-height: 6.25rem;\n\n      width: 100%;\n\n      resize: vertical;\n\n      border-radius: var(--maz-border-radius);\n\n      border-width: var(--maz-border-width);\n\n      background-color: var(--maz-color-bg);\n\n      padding: 1rem;\n\n      color: var(--maz-color-text);\n\n      outline: 2px solid transparent;\n\n      outline-offset: 2px;\n}\n.m-textarea textarea.--default-border[data-v-0933f832] {\n\n      --tw-border-opacity: 1;\n\n      border-color: rgb(229 231 235 / var(--tw-border-opacity));\n}\n.m-textarea.--has-label textarea[data-v-0933f832] {\n\n      padding-top: 1.5rem;\n}\n.m-textarea.--is-disabled textarea[data-v-0933f832] {\n\n      cursor: not-allowed;\n\n      --tw-border-opacity: 1;\n\n      border-color: rgb(229 231 235 / var(--tw-border-opacity));\n\n      background-color: var(--maz-color-bg-lighter);\n\n      color: var(--maz-color-muted);\n}\n.m-textarea__label[data-v-0933f832] {\n\n      pointer-events: none;\n\n      position: absolute;\n\n      display: block;\n\n      width: -webkit-max-content;\n\n      width: -moz-max-content;\n\n      width: max-content;\n\n      -webkit-transform-origin: top left;\n\n              transform-origin: top left;\n\n      overflow: hidden;\n\n      text-overflow: ellipsis;\n\n      white-space: nowrap;\n\n      left: 1rem;\n\n      top: 0.75rem;\n\n      line-height: 1.5rem;\n\n      display: -webkit-box;\n\n      display: -ms-flexbox;\n\n      display: flex;\n\n      -webkit-box-align: center;\n\n          -ms-flex-align: center;\n\n              align-items: center;\n\n      -webkit-box-pack: center;\n\n          -ms-flex-pack: center;\n\n              justify-content: center;\n\n      transition: -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n\n      -webkit-transition: -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n\n      transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n\n      transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n}\n.m-textarea__label.--should-up[data-v-0933f832] {\n        -webkit-transform: scale(0.8) translateY(-0.65rem);\n                transform: scale(0.8) translateY(-0.65rem);\n}\n.m-textarea__label[data-v-0933f832]:not(.--has-state) {\n\n      color: var(--maz-color-muted);\n}\nhtml.dark .m-textarea textarea[data-v-0933f832] {\n\n      background-color: var(--maz-color-bg-light);\n}\nhtml.dark .m-textarea textarea.--default-border[data-v-0933f832] {\n\n      border-color: var(--maz-color-bg-lighter);\n}\nhtml.dark .m-textarea.--is-disabled textarea[data-v-0933f832] {\n\n      border-color: var(--maz-color-bg-lighter);\n}\n"),_.__scopeId="data-v-0933f832";export{_ as default};

package/css/main.css

@@ -133,6 +133,14 @@ textarea {
   --maz-bg-color-dark-light: hsl(237deg 17% 23%);
   --maz-bg-color-dark-lighter: hsl(238deg 17% 28%);
   /**
+  * DEFAULT BORDER WIDTH (0.125rem = 2px with a font-size base of 16px)
+  **/
+  --maz-border-width: 0.125rem;
+  /**
+  * DEFAULT BORDER RADIUS (0.5rem = 8px with a font-size base of 16px)
+  **/
+  --maz-border-radius: 0.5rem;
+  /**
   * FONT FAMILY
   * Not used in the library --> Use this variable on your <html> element (optional)
   **/
@@ -659,8 +667,8 @@ html.--backdrop-present {
   }
 
 .m-drawer .m-drawer-content-wrap > .m-drawer-header {
-    -webkit-box-shadow: 0 5px 20px 0 hsla(0, 0%, 0%, 0.1);
-            box-shadow: 0 5px 20px 0 hsla(0, 0%, 0%, 0.1);
+    -webkit-box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);
+            box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);
   }
 
 .m-drawer .m-drawer-content-wrap > .m-drawer-body {
@@ -776,8 +784,8 @@ html.--backdrop-present {
   }
 
 .m-drawer .m-backdrop-content > .m-drawer-content-wrap {
-    -webkit-box-shadow: 0 5px 20px 0 hsla(0, 0%, 0%, 0.1);
-            box-shadow: 0 5px 20px 0 hsla(0, 0%, 0%, 0.1);
+    -webkit-box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);
+            box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);
   }
 
 *, ::before, ::after {
@@ -1282,6 +1290,13 @@ html.--backdrop-present {
           transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.maz-scale-0 {
+  --tw-scale-x: 0;
+  --tw-scale-y: 0;
+  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 @-webkit-keyframes maz-spin {
   to {
     -webkit-transform: rotate(360deg);
@@ -1485,12 +1500,8 @@ html.--backdrop-present {
   border-radius: 9999px;
 }
 
-.maz-rounded-lg {
-  border-radius: 0.5rem;
-}
-
 .maz-rounded {
-  border-radius: 0.25rem;
+  border-radius: var(--maz-border-radius);
 }
 
 .maz-rounded-xl {
@@ -1521,7 +1532,7 @@ html.--backdrop-present {
 }
 
 .maz-border {
-  border-width: 2px;
+  border-width: var(--maz-border-width);
 }
 
 .maz-border-\[6px\] {
@@ -1541,19 +1552,19 @@ html.--backdrop-present {
 }
 
 .maz-border-r {
-  border-right-width: 2px;
+  border-right-width: var(--maz-border-width);
 }
 
 .maz-border-b {
-  border-bottom-width: 2px;
+  border-bottom-width: var(--maz-border-width);
 }
 
 .maz-border-t {
-  border-top-width: 2px;
+  border-top-width: var(--maz-border-width);
 }
 
 .maz-border-l {
-  border-left-width: 2px;
+  border-left-width: var(--maz-border-width);
 }
 
 .maz-border-solid {
@@ -1938,6 +1949,11 @@ html.--backdrop-present {
   line-height: 1rem;
 }
 
+.maz-text-lg {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+
 .maz-font-medium {
   font-weight: 500;
 }
@@ -2098,6 +2114,11 @@ html.--backdrop-present {
           transition-duration: 500ms;
 }
 
+.maz-ease-in-out {
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
 .maz-padded-container {
   width: 100%;
   padding-left: var(--maz-container-padding);
@@ -2105,8 +2126,8 @@ html.--backdrop-present {
 }
 
 .maz-elevation {
-  -webkit-box-shadow: 0 5px 20px 0 hsla(0, 0%, 0%, 0.1);
-          box-shadow: 0 5px 20px 0 hsla(0, 0%, 0%, 0.1);
+  -webkit-box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);
+          box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);
 }
 
 .maz-flex-center {