maz-ui 3.1.1 → 3.2.0

package/components/MazTabsBar.js

@@ -1,3 +1,3 @@
-import{defineComponent as n,openBlock as t,createElementBlock as e,normalizeClass as o,pushScopeId as r,popScopeId as a,createElementVNode as i,inject as c,ref as l,computed as d,onMounted as s,nextTick as u,watch as b,mergeProps as m,createCommentVNode as v,useAttrs as p,useSlots as f,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){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var P={exports:{}};!function(n){function t(n,t,e,o,r,a,i){try{var c=n[a](i),l=c.value}catch(n){return void e(n)}c.done?t(l):Promise.resolve(l).then(o,r)}n.exports=function(n){return function(){var e=this,o=arguments;return new Promise((function(r,a){var i=n.apply(e,o);function c(n){t(i,r,a,c,l,"next",n)}function l(n){t(i,r,a,c,l,"throw",n)}c(void 0)}))}},n.exports.__esModule=!0,n.exports.default=n.exports}(P);var M=j(P.exports),B={exports:{}},T={exports:{}};!function(n){function t(e){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(e)}n.exports=t,n.exports.__esModule=!0,n.exports.default=n.exports}(T),function(n){var t=T.exports.default;function e(){
+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(){
 /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
-n.exports=e=function(){return o},n.exports.__esModule=!0,n.exports.default=n.exports;var o={},r=Object.prototype,a=r.hasOwnProperty,i="function"==typeof Symbol?Symbol:{},c=i.iterator||"@@iterator",l=i.asyncIterator||"@@asyncIterator",d=i.toStringTag||"@@toStringTag";function s(n,t,e){return Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}),n[t]}try{s({},"")}catch(n){s=function(n,t,e){return n[t]=e}}function u(n,t,e,o){var r=t&&t.prototype instanceof v?t:v,a=Object.create(r.prototype),i=new S(o||[]);return a._invoke=function(n,t,e){var o="suspendedStart";return function(r,a){if("executing"===o)throw new Error("Generator is already running");if("completed"===o){if("throw"===r)throw a;return O()}for(e.method=r,e.arg=a;;){var i=e.delegate;if(i){var c=z(i,e);if(c){if(c===m)continue;return c}}if("next"===e.method)e.sent=e._sent=e.arg;else if("throw"===e.method){if("suspendedStart"===o)throw o="completed",e.arg;e.dispatchException(e.arg)}else"return"===e.method&&e.abrupt("return",e.arg);o="executing";var l=b(n,t,e);if("normal"===l.type){if(o=e.done?"completed":"suspendedYield",l.arg===m)continue;return{value:l.arg,done:e.done}}"throw"===l.type&&(o="completed",e.method="throw",e.arg=l.arg)}}}(n,e,i),a}function b(n,t,e){try{return{type:"normal",arg:n.call(t,e)}}catch(n){return{type:"throw",arg:n}}}o.wrap=u;var m={};function v(){}function p(){}function f(){}var g={};s(g,c,(function(){return this}));var h=Object.getPrototypeOf,y=h&&h(h(E([])));y&&y!==r&&a.call(y,c)&&(g=y);var w=f.prototype=v.prototype=Object.create(g);function k(n){["next","throw","return"].forEach((function(t){s(n,t,(function(n){return this._invoke(t,n)}))}))}function x(n,e){function o(r,i,c,l){var d=b(n[r],n,i);if("throw"!==d.type){var s=d.arg,u=s.value;return u&&"object"==t(u)&&a.call(u,"__await")?e.resolve(u.__await).then((function(n){o("next",n,c,l)}),(function(n){o("throw",n,c,l)})):e.resolve(u).then((function(n){s.value=n,c(s)}),(function(n){return o("throw",n,c,l)}))}l(d.arg)}var r;this._invoke=function(n,t){function a(){return new e((function(e,r){o(n,t,e,r)}))}return r=r?r.then(a,a):a()}}function z(n,t){var e=n.iterator[t.method];if(void 0===e){if(t.delegate=null,"throw"===t.method){if(n.iterator.return&&(t.method="return",t.arg=void 0,z(n,t),"throw"===t.method))return m;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return m}var o=b(e,n.iterator,t.arg);if("throw"===o.type)return t.method="throw",t.arg=o.arg,t.delegate=null,m;var r=o.arg;return r?r.done?(t[n.resultName]=r.value,t.next=n.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,m):r:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,m)}function _(n){var t={tryLoc:n[0]};1 in n&&(t.catchLoc=n[1]),2 in n&&(t.finallyLoc=n[2],t.afterLoc=n[3]),this.tryEntries.push(t)}function 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 e=-1,o=function t(){for(;++e<n.length;)if(a.call(n,e))return t.value=n[e],t.done=!1,t;return t.value=void 0,t.done=!0,t};return o.next=o}}return{next:O}}function O(){return{value:void 0,done:!0}}return p.prototype=f,s(w,"constructor",f),s(f,"constructor",p),p.displayName=s(f,d,"GeneratorFunction"),o.isGeneratorFunction=function(n){var t="function"==typeof n&&n.constructor;return!!t&&(t===p||"GeneratorFunction"===(t.displayName||t.name))},o.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,f):(n.__proto__=f,s(n,d,"GeneratorFunction")),n.prototype=Object.create(w),n},o.awrap=function(n){return{__await:n}},k(x.prototype),s(x.prototype,l,(function(){return this})),o.AsyncIterator=x,o.async=function(n,t,e,r,a){void 0===a&&(a=Promise);var i=new x(u(n,t,e,r),a);return o.isGeneratorFunction(t)?i:i.next().then((function(n){return n.done?n.value:i.next()}))},k(w),s(w,d,"Generator"),s(w,c,(function(){return this})),s(w,"toString",(function(){return"[object Generator]"})),o.keys=function(n){var t=[];for(var e in n)t.push(e);return t.reverse(),function e(){for(;t.length;){var o=t.pop();if(o in n)return e.value=o,e.done=!1,e}return e.done=!0,e}},o.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 e(e,o){return i.type="throw",i.arg=n,t.next=e,o&&(t.method="next",t.arg=void 0),!!o}for(var o=this.tryEntries.length-1;o>=0;--o){var r=this.tryEntries[o],i=r.completion;if("root"===r.tryLoc)return e("end");if(r.tryLoc<=this.prev){var c=a.call(r,"catchLoc"),l=a.call(r,"finallyLoc");if(c&&l){if(this.prev<r.catchLoc)return e(r.catchLoc,!0);if(this.prev<r.finallyLoc)return e(r.finallyLoc)}else if(c){if(this.prev<r.catchLoc)return e(r.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<r.finallyLoc)return e(r.finallyLoc)}}}},abrupt:function(n,t){for(var e=this.tryEntries.length-1;e>=0;--e){var o=this.tryEntries[e];if(o.tryLoc<=this.prev&&a.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var r=o;break}}r&&("break"===n||"continue"===n)&&r.tryLoc<=t&&t<=r.finallyLoc&&(r=null);var i=r?r.completion:{};return i.type=n,i.arg=t,r?(this.method="next",this.next=r.finallyLoc,m):this.complete(i)},complete:function(n,t){if("throw"===n.type)throw n.arg;return"break"===n.type||"continue"===n.type?this.next=n.arg:"return"===n.type?(this.rval=this.arg=n.arg,this.method="return",this.next="end"):"normal"===n.type&&t&&(this.next=t),m},finish:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var e=this.tryEntries[t];if(e.finallyLoc===n)return this.complete(e.completion,e.afterLoc),L(e),m}},catch:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var e=this.tryEntries[t];if(e.tryLoc===n){var o=e.completion;if("throw"===o.type){var r=o.arg;L(e)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(n,t,e){return this.delegate={iterator:E(n),resultName:t,nextLoc:e},"next"===this.method&&(this.arg=void 0),m}},o}n.exports=e,n.exports.__esModule=!0,n.exports.default=n.exports}(B);var I=B.exports(),N=I;try{regeneratorRuntime=I}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=I:Function("r","regeneratorRuntime = r")(I)}var A=["width","height"],G=[function(n){return r("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)}))],C=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(r,a){return t(),e("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:o(["m-spinner","m-spinner--".concat(n.color)]),style:{"enable-background":"new 0 0 50 50"}},G,10,A)}}});function F(n,t){void 0===t&&(t={});var e=t.insertAt;if(n&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===e&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=n:r.appendChild(document.createTextNode(n))}}F("\n@-webkit-keyframes maz-spin {\n    to {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg)\n    }\n}\n@keyframes maz-spin {\n    to {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg)\n    }\n}\n.m-spinner[data-v-67dbd337] {\n    -webkit-animation: maz-spin 1s linear infinite;\n            animation: maz-spin 1s linear infinite;\n    fill: currentColor;\n    color: var(--maz-color-white);\n    margin: 0px !important\n}\n.m-spinner--primary[data-v-67dbd337] {\n    color: var(--maz-color-primary)\n}\n.m-spinner--secondary[data-v-67dbd337] {\n    color: var(--maz-color-secondary)\n}\n.m-spinner--info[data-v-67dbd337] {\n    color: var(--maz-color-info)\n}\n.m-spinner--warning[data-v-67dbd337] {\n    color: var(--maz-color-warning)\n}\n.m-spinner--danger[data-v-67dbd337] {\n    color: var(--maz-color-danger)\n}\n.m-spinner--success[data-v-67dbd337] {\n    color: var(--maz-color-success)\n}\n.m-spinner--black[data-v-67dbd337] {\n    color: var(--maz-color-black)\n}\n.m-spinner--white[data-v-67dbd337] {\n    color: var(--maz-color-white)\n}\n.m-spinner--transparent[data-v-67dbd337] {\n    color: var(--maz-color-white)\n}\n"),C.__scopeId="data-v-67dbd337";var D,q={exports:{}};(D=q).exports=function(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n},D.exports.__esModule=!0,D.exports.default=D.exports;var H=j(q.exports);function V(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,o)}return e}function $(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?V(Object(e),!0).forEach((function(t){H(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):V(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}var R=["innerHTML"],U=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,o){var r=o.emit,a=n,i={},p=l(),f=l(),g=function(){try{return function(n,t){var e=c(n,t);if(!e)throw new Error("[maz-ui](injectStrict) Could not resolve ".concat(n));return e}("mazIconPath")}catch(n){return}},h=d((function(){var n;return null!==(n=a.path)&&void 0!==n?n:g()})),y=d((function(){return a.src?a.src:h.value?"".concat(h.value,"/").concat(a.name,".svg"):"/".concat(a.name,".svg")}));s((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 e=n.querySelectorAll("title");if(e.length>0)e[0].textContent=t;else{var o=document.createElementNS("http://www.w3.org/2000/svg","title");o.textContent=t,n.append(o)}}(t,a.title),n.innerHTML},k=function(){var n=M(N.mark((function n(t){var e;return N.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return i[t]||(i[t]=x(t)),n.prev=1,n.next=4,i[t];case 4:return e=n.sent,p.value=e,n.next=8,u();case 8:r("loaded",f.value),n.next=16;break;case 11:n.prev=11,n.t0=n.catch(1),p.value&&(p.value=void 0,r("unloaded")),delete i[t],r("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,e){var o=new XMLHttpRequest;o.open("GET",n,!0),o.addEventListener("load",(function(){if(o.status>=200&&o.status<400)try{var n=(new DOMParser).parseFromString(o.responseText,"text/xml").querySelectorAll("svg")[0];n?(n=a.transformSource(n),t(n)):e(new Error('Loaded file is not valid SVG"'))}catch(n){e(n)}else e(new Error("Error loading SVG"))})),o.addEventListener("error",(function(){return e()})),o.send()}))};return b((function(){return a.src}),(function(){return k(y.value)})),function(o,r){return p.value?(t(),e("svg",m({key:0,ref_key:"svgElem",ref:f,width:"1em",height:"1em"},$($({},function(n){var t={},e=n.attributes;if(!e)return t;for(var o=e.length-1;o>=0;o--)t[e[o].name]=e[o].value;return t}(p.value)),(a=o.$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(p.value)}),null,16,R)):v("",!0);var a}}}),X={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},Y={class:"maz-flex maz-flex-center"},W={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},J=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 r=n,a=p(),c=a.href,l=a.to,s=f(),u=d((function(){return c?"a":l?"router-link":"button"})),b=d((function(){return r.pastel?"--".concat(r.color,"-pastel"):r.outline||r.loading?"--".concat(r.color,"-outline"):"--".concat(r.color)})),z=d((function(){return(r.loading||r.disabled)&&"button"===u.value})),_=d((function(){return z.value?"--cursor-default":"--cursor-pointer"})),L=d((function(){return"--is-".concat(r.variant)})),S=d((function(){return"--".concat(r.color)})),E=d((function(){return["white"].includes(r.color)?"black":"white"})),O=d((function(){return r.loading&&"button"===r.variant})),j=d((function(){return!!s["left-icon"]||r.leftIcon})),P=d((function(){return!!s["right-icon"]||r.rightIcon})),M=d((function(){return j.value||P.value})),B=d((function(){return"button"===u.value?r.type:void 0}));return function(r,a){return t(),g(h(y(u)),m(r.$attrs,{disabled:y(z),class:["m-btn",["--".concat(n.size),y(b),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(M),"--rounded":n.rounded,"--no-padding":n.noPadding,"--no-elevation":n.noElevation}]],type:y(B)}),{default:w((function(){return[y(j)?(t(),e("div",X,[k(r.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g(U,{key:0,name:n.leftIcon},null,8,["name"])):v("",!0)]}))])):v("",!0),i("span",Y,[k(r.$slots,"default")]),y(P)?(t(),e("div",W,[k(r.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g(U,{key:0,name:n.rightIcon},null,8,["name"])):v("",!0)]}))])):v("",!0),y(O)?(t(),e("div",{key:2,class:o(["m-btn__loading-wrapper",y(S)])},[x(C,{size:"2em",color:y(E)},null,8,["color"])],2)):v("",!0)]})),_:3},16,["disabled","class","type"])}}});F("\n.m-btn[data-v-ecee7cd4] {\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-ecee7cd4] {\n\n        line-height: 1;\n}\n.m-btn__icon-left[data-v-ecee7cd4] {\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-ecee7cd4] {\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-ecee7cd4] {\n\n        cursor: pointer;\n}\n.m-btn.--cursor-default[data-v-ecee7cd4] {\n\n        cursor: default;\n}\n.m-btn.--is-link[data-v-ecee7cd4] {\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-ecee7cd4]:not(.--no-leading) {\n\n        line-height: 2.25rem;\n}\n.m-btn.--is-link[data-v-ecee7cd4]:not(:disabled):hover:not(.--no-underline),  .m-btn.--is-link[data-v-ecee7cd4]:not(:disabled):focus:not(.--no-underline) {\n\n        text-decoration-line: underline;\n}\n.m-btn.--is-link.--secondary[data-v-ecee7cd4] {\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-link.--info[data-v-ecee7cd4] {\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-link.--warning[data-v-ecee7cd4] {\n\n        color: var(--maz-color-warning-600);\n}\n.m-btn.--is-link.--danger[data-v-ecee7cd4] {\n\n        color: var(--maz-color-danger-600);\n}\n.m-btn.--is-link.--success[data-v-ecee7cd4] {\n\n        color: var(--maz-color-success-600);\n}\n.m-btn.--is-link.--white[data-v-ecee7cd4] {\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-link.--black[data-v-ecee7cd4] {\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button[data-v-ecee7cd4] {\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-ecee7cd4] {\n\n        border-radius: 9999px;\n}\n.m-btn.--is-button.--xl[data-v-ecee7cd4] {\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-ecee7cd4] {\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-ecee7cd4] {\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-ecee7cd4] {\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-ecee7cd4] {\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-ecee7cd4] {\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-ecee7cd4] {\n\n        padding-top: 0.5rem;\n\n        padding-bottom: 0.5rem;\n}\n.m-btn.--is-button[data-v-ecee7cd4] {\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-ecee7cd4]:not(.--disabled):hover, \n        .m-btn.--is-button[data-v-ecee7cd4]: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-ecee7cd4] {\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-ecee7cd4]:not(.--no-elevation) {\n\n        -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n\n                box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);\n}\n.m-btn.--is-button.--block[data-v-ecee7cd4] {\n\n        width: 100%;\n}\n.m-btn.--is-button.--primary[data-v-ecee7cd4] {\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-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--primary[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary-600);\n}\n.m-btn.--is-button.--secondary[data-v-ecee7cd4] {\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-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--secondary[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary-600);\n}\n.m-btn.--is-button.--info[data-v-ecee7cd4] {\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-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--info[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info-600);\n}\n.m-btn.--is-button.--success[data-v-ecee7cd4] {\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-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--success[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success-600);\n}\n.m-btn.--is-button.--warning[data-v-ecee7cd4] {\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-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--warning[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning-600);\n}\n.m-btn.--is-button.--danger[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger[data-v-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--danger[data-v-ecee7cd4]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger-600);\n}\n.m-btn.--is-button.--white[data-v-ecee7cd4] {\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-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--white[data-v-ecee7cd4]: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-ecee7cd4] {\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-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--black[data-v-ecee7cd4]: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-ecee7cd4] {\n\n        background-color: transparent;\n}\n.m-btn.--is-button.--transparent[data-v-ecee7cd4]:not(:disabled):hover,\n        .m-btn.--is-button.--transparent[data-v-ecee7cd4]:not(:disabled):focus {\n          background-color: rgb(0 0 0 / 12%);\n}\n.m-btn.--is-button.--primary-outline[data-v-ecee7cd4] {\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-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--primary-outline[data-v-ecee7cd4]: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-ecee7cd4] {\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-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--secondary-outline[data-v-ecee7cd4]: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-ecee7cd4] {\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-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--info-outline[data-v-ecee7cd4]: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-ecee7cd4] {\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-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--success-outline[data-v-ecee7cd4]: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-ecee7cd4] {\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-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--danger-outline[data-v-ecee7cd4]: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-ecee7cd4] {\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-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--warning-outline[data-v-ecee7cd4]: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-ecee7cd4] {\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-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--white-outline[data-v-ecee7cd4]: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-ecee7cd4] {\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-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--black-outline[data-v-ecee7cd4]: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-ecee7cd4] {\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-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--primary-pastel[data-v-ecee7cd4]: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-ecee7cd4] {\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-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--secondary-pastel[data-v-ecee7cd4]: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-ecee7cd4] {\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-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--info-pastel[data-v-ecee7cd4]: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-ecee7cd4] {\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-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--success-pastel[data-v-ecee7cd4]: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-ecee7cd4] {\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-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--danger-pastel[data-v-ecee7cd4]: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-ecee7cd4] {\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-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--warning-pastel[data-v-ecee7cd4]: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-ecee7cd4] {\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-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--white-pastel[data-v-ecee7cd4]: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-ecee7cd4] {\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-ecee7cd4]:not(:disabled):hover, \n        .m-btn.--is-button.--black-pastel[data-v-ecee7cd4]: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-ecee7cd4] {\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-ecee7cd4] {\n\n        padding: 0px;\n}\n/* Loader */\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-ecee7cd4] {\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-ecee7cd4] {\n\n        background-color: var(--maz-color-primary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-secondary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-info);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-warning);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-success);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-danger);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-white);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-ecee7cd4] {\n\n        background-color: var(--maz-color-black);\n}\n"),J.__scopeId="data-v-ecee7cd4";var K=[function(n){return r("data-v-5867722b"),n=n(),a(),n}((function(){return i("div",{class:"m-sub-bar"},null,-1)}))],Q=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,r){var a=r.emit,c=n,u=function(n,t){if("undefined"==typeof window)return t;var e=window.location.hash.replace("#",""),o=n.findIndex((function(n){return n.label===e}));return-1===o?0:o},b=l(),m=l(),v=l(!1),p=d((function(){if("number"==typeof m.value&&v.value){var n=document.querySelectorAll(".m-tabs-bar__item"),t=null==n?void 0:n[m.value],e=t?t.clientWidth:0,o=t?t.offsetLeft:0;return{transform:"translateX(".concat(o,"px)"),width:"".concat(e,"px")}}}));z((function(){var n=c.modelValue,t=c.useAnchor,e=c.items;if(n<1||n>e.length)throw new Error("[Maz-ui](MazTabsBar) The init value should be between 1 and ".concat(e.length));t||f(n-1)})),s(M(N.mark((function n(){return N.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:setTimeout((function(){var n=c.useAnchor,t=c.items,e=c.modelValue;if(n){var o=e-1,r=Number.isInteger(m.value)?o:u(t,o);f(r)}v.value=!0}),300);case 1:case"end":return n.stop()}}),n)}))));var f=function(n){m.value=n,a("update:model-value",n+1)};return function(r,a){return t(),e("div",{ref_key:"MazTabsBar",ref:b,class:o(["m-tabs-bar",{"--align-left":n.alignLeft}])},[(t(!0),e(_,null,L(n.items,(function(e,r){var a=e.label,i=e.disabled;return t(),g(J,{key:r,color:"transparent",class:o([{"--active":m.value===r,"--disabled":i},"m-tabs-bar__item --no-styling"]),disabled:i,to:n.useAnchor?"#".concat(a):void 0,onClick:function(n){return f(r)}},{default:w((function(){return[S(E(a),1)]})),_:2},1032,["class","disabled","to","onClick"])})),128)),i("div",{style:O(y(p)),class:"m-tabs-bar__indicator"},K,4)],2)}}});F("\n.m-tabs-bar[data-v-5867722b] {\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-5867722b] > :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-5867722b] {\n\n      overflow-x: auto\n}\n.m-tabs-bar:not(.--align-left) .m-tabs-bar__item[data-v-5867722b] {\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-5867722b] {\n\n      color: var(--maz-color-primary)\n}\n.m-tabs-bar__indicator[data-v-5867722b] {\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-5867722b] {\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"),Q.__scopeId="data-v-5867722b";export{Q as default};
+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};

package/components/MazTabsContentItem.js

@@ -1,3 +1,3 @@
-import{defineComponent as t,ref as e,watch as r,computed as n,openBlock as o,createBlock as i,Transition as a,withCtx as u,withDirectives as c,createElementVNode as s,renderSlot as f,vShow as l,unref as h}from"vue";function p(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var d={exports:{}};!function(t){function e(t,e,r,n,o,i,a){try{var u=t[i](a),c=u.value}catch(t){return void r(t)}u.done?e(c):Promise.resolve(c).then(n,o)}t.exports=function(t){return function(){var r=this,n=arguments;return new Promise((function(o,i){var a=t.apply(r,n);function u(t){e(a,o,i,u,c,"next",t)}function c(t){e(a,o,i,u,c,"throw",t)}u(void 0)}))}},t.exports.__esModule=!0,t.exports.default=t.exports}(d);var v=p(d.exports),y={exports:{}},m={exports:{}};!function(t){function e(r){return t.exports=e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t.exports.__esModule=!0,t.exports.default=t.exports,e(r)}t.exports=e,t.exports.__esModule=!0,t.exports.default=t.exports}(m),function(t){var e=m.exports.default;function r(){
+import{defineComponent as t,ref as e,watch as r,computed as n,openBlock as o,createBlock as i,Transition as a,withCtx as u,withDirectives as c,createElementVNode as s,renderSlot as f,vShow as l,unref as h}from"vue";function p(t,e,r,n,o,i,a){try{var u=t[i](a),c=u.value}catch(t){return void r(t)}u.done?e(c):Promise.resolve(c).then(n,o)}var d={exports:{}},v={exports:{}};!function(t){function e(r){return t.exports=e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t.exports.__esModule=!0,t.exports.default=t.exports,e(r)}t.exports=e,t.exports.__esModule=!0,t.exports.default=t.exports}(v),function(t){var e=v.exports.default;function r(){
 /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
-t.exports=r=function(){return n},t.exports.__esModule=!0,t.exports.default=t.exports;var n={},o=Object.prototype,i=o.hasOwnProperty,a="function"==typeof Symbol?Symbol:{},u=a.iterator||"@@iterator",c=a.asyncIterator||"@@asyncIterator",s=a.toStringTag||"@@toStringTag";function f(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{f({},"")}catch(t){f=function(t,e,r){return t[e]=r}}function l(t,e,r,n){var o=e&&e.prototype instanceof d?e:d,i=Object.create(o.prototype),a=new S(n||[]);return i._invoke=function(t,e,r){var n="suspendedStart";return function(o,i){if("executing"===n)throw new Error("Generator is already running");if("completed"===n){if("throw"===o)throw i;return k()}for(r.method=o,r.arg=i;;){var a=r.delegate;if(a){var u=L(a,r);if(u){if(u===p)continue;return u}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if("suspendedStart"===n)throw n="completed",r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n="executing";var c=h(t,e,r);if("normal"===c.type){if(n=r.done?"completed":"suspendedYield",c.arg===p)continue;return{value:c.arg,done:r.done}}"throw"===c.type&&(n="completed",r.method="throw",r.arg=c.arg)}}}(t,r,a),i}function h(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}n.wrap=l;var p={};function d(){}function v(){}function y(){}var m={};f(m,u,(function(){return this}));var g=Object.getPrototypeOf,x=g&&g(g(j([])));x&&x!==o&&i.call(x,u)&&(m=x);var w=y.prototype=d.prototype=Object.create(m);function b(t){["next","throw","return"].forEach((function(e){f(t,e,(function(t){return this._invoke(e,t)}))}))}function _(t,r){function n(o,a,u,c){var s=h(t[o],t,a);if("throw"!==s.type){var f=s.arg,l=f.value;return l&&"object"==e(l)&&i.call(l,"__await")?r.resolve(l.__await).then((function(t){n("next",t,u,c)}),(function(t){n("throw",t,u,c)})):r.resolve(l).then((function(t){f.value=t,u(f)}),(function(t){return n("throw",t,u,c)}))}c(s.arg)}var o;this._invoke=function(t,e){function i(){return new r((function(r,o){n(t,e,r,o)}))}return o=o?o.then(i,i):i()}}function L(t,e){var r=t.iterator[e.method];if(void 0===r){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=void 0,L(t,e),"throw"===e.method))return p;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return p}var n=h(r,t.iterator,e.arg);if("throw"===n.type)return e.method="throw",e.arg=n.arg,e.delegate=null,p;var o=n.arg;return o?o.done?(e[t.resultName]=o.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,p):o:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,p)}function E(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function O(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function S(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(E,this),this.reset(!0)}function j(t){if(t){var e=t[u];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var r=-1,n=function e(){for(;++r<t.length;)if(i.call(t,r))return e.value=t[r],e.done=!1,e;return e.value=void 0,e.done=!0,e};return n.next=n}}return{next:k}}function k(){return{value:void 0,done:!0}}return v.prototype=y,f(w,"constructor",y),f(y,"constructor",v),v.displayName=f(y,s,"GeneratorFunction"),n.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===v||"GeneratorFunction"===(e.displayName||e.name))},n.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,y):(t.__proto__=y,f(t,s,"GeneratorFunction")),t.prototype=Object.create(w),t},n.awrap=function(t){return{__await:t}},b(_.prototype),f(_.prototype,c,(function(){return this})),n.AsyncIterator=_,n.async=function(t,e,r,o,i){void 0===i&&(i=Promise);var a=new _(l(t,e,r,o),i);return n.isGeneratorFunction(e)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},b(w),f(w,s,"Generator"),f(w,u,(function(){return this})),f(w,"toString",(function(){return"[object Generator]"})),n.keys=function(t){var e=[];for(var r in t)e.push(r);return e.reverse(),function r(){for(;e.length;){var n=e.pop();if(n in t)return r.value=n,r.done=!1,r}return r.done=!0,r}},n.values=j,S.prototype={constructor:S,reset:function(t){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(O),!t)for(var e in this)"t"===e.charAt(0)&&i.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function r(r,n){return a.type="throw",a.arg=t,e.next=r,n&&(e.method="next",e.arg=void 0),!!n}for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n],a=o.completion;if("root"===o.tryLoc)return r("end");if(o.tryLoc<=this.prev){var u=i.call(o,"catchLoc"),c=i.call(o,"finallyLoc");if(u&&c){if(this.prev<o.catchLoc)return r(o.catchLoc,!0);if(this.prev<o.finallyLoc)return r(o.finallyLoc)}else if(u){if(this.prev<o.catchLoc)return r(o.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return r(o.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var n=this.tryEntries[r];if(n.tryLoc<=this.prev&&i.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}o&&("break"===t||"continue"===t)&&o.tryLoc<=e&&e<=o.finallyLoc&&(o=null);var a=o?o.completion:{};return a.type=t,a.arg=e,o?(this.method="next",this.next=o.finallyLoc,p):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),p},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),O(r),p}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;O(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,r){return this.delegate={iterator:j(t),resultName:e,nextLoc:r},"next"===this.method&&(this.arg=void 0),p}},n}t.exports=r,t.exports.__esModule=!0,t.exports.default=t.exports}(y);var g=y.exports(),x=g;try{regeneratorRuntime=g}catch(t){"object"==typeof globalThis?globalThis.regeneratorRuntime=g:Function("r","regeneratorRuntime = r")(g)}var w=t({__name:"MazTabsContentItem",props:{tab:{type:Number,required:!0}},setup:function(t){var p=t,d=e(),y=e("maz-tab-transition"),m=e();r((function(){return d.value}),function(){var t=v(x.mark((function t(e,r){var n;return x.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:"number"==typeof e&&"number"==typeof r&&(n=r<e,y.value=n?"maz-tab-transition":"maz-tab-reverse-transition");case 1:case"end":return t.stop()}}),t)})));return function(e,r){return t.apply(this,arguments)}}(),{immediate:!0});var g=n((function(){return p.tab-1})),w=n((function(){return d.value===g.value}));return function(t,e){return o(),i(a,{name:y.value,tag:"div"},{default:u((function(){return[c(s("div",{ref_key:"MazTabsContentItem",ref:m,class:"m-tabs-content-item"},[f(t.$slots,"default")],512),[[l,h(w)]])]})),_:3},8,["name"])}}});!function(t,e){void 0===e&&(e={});var r=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=t:o.appendChild(document.createTextNode(t))}}("\n.m-tabs-content-item[data-v-1f9226e5] {\n\n    position: relative;\n\n    top: 0px;\n\n    width: 100%;\n\n    -ms-flex: 1 0 auto;\n\n        -webkit-box-flex: 1;\n\n            flex: 1 0 auto;\n    -webkit-transition: all 500ms cubic-bezier(0.25, 0.8, 0.5, 1);\n    transition: all 500ms cubic-bezier(0.25, 0.8, 0.5, 1)\n}\n"),w.__scopeId="data-v-1f9226e5";export{w as default};
+t.exports=r=function(){return n},t.exports.__esModule=!0,t.exports.default=t.exports;var n={},o=Object.prototype,i=o.hasOwnProperty,a="function"==typeof Symbol?Symbol:{},u=a.iterator||"@@iterator",c=a.asyncIterator||"@@asyncIterator",s=a.toStringTag||"@@toStringTag";function f(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{f({},"")}catch(t){f=function(t,e,r){return t[e]=r}}function l(t,e,r,n){var o=e&&e.prototype instanceof d?e:d,i=Object.create(o.prototype),a=new j(n||[]);return i._invoke=function(t,e,r){var n="suspendedStart";return function(o,i){if("executing"===n)throw new Error("Generator is already running");if("completed"===n){if("throw"===o)throw i;return O()}for(r.method=o,r.arg=i;;){var a=r.delegate;if(a){var u=L(a,r);if(u){if(u===p)continue;return u}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if("suspendedStart"===n)throw n="completed",r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n="executing";var c=h(t,e,r);if("normal"===c.type){if(n=r.done?"completed":"suspendedYield",c.arg===p)continue;return{value:c.arg,done:r.done}}"throw"===c.type&&(n="completed",r.method="throw",r.arg=c.arg)}}}(t,r,a),i}function h(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}n.wrap=l;var p={};function d(){}function v(){}function y(){}var m={};f(m,u,(function(){return this}));var g=Object.getPrototypeOf,x=g&&g(g(k([])));x&&x!==o&&i.call(x,u)&&(m=x);var w=y.prototype=d.prototype=Object.create(m);function b(t){["next","throw","return"].forEach((function(e){f(t,e,(function(t){return this._invoke(e,t)}))}))}function _(t,r){function n(o,a,u,c){var s=h(t[o],t,a);if("throw"!==s.type){var f=s.arg,l=f.value;return l&&"object"==e(l)&&i.call(l,"__await")?r.resolve(l.__await).then((function(t){n("next",t,u,c)}),(function(t){n("throw",t,u,c)})):r.resolve(l).then((function(t){f.value=t,u(f)}),(function(t){return n("throw",t,u,c)}))}c(s.arg)}var o;this._invoke=function(t,e){function i(){return new r((function(r,o){n(t,e,r,o)}))}return o=o?o.then(i,i):i()}}function L(t,e){var r=t.iterator[e.method];if(void 0===r){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=void 0,L(t,e),"throw"===e.method))return p;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return p}var n=h(r,t.iterator,e.arg);if("throw"===n.type)return e.method="throw",e.arg=n.arg,e.delegate=null,p;var o=n.arg;return o?o.done?(e[t.resultName]=o.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,p):o:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,p)}function E(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function S(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function j(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(E,this),this.reset(!0)}function k(t){if(t){var e=t[u];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var r=-1,n=function e(){for(;++r<t.length;)if(i.call(t,r))return e.value=t[r],e.done=!1,e;return e.value=void 0,e.done=!0,e};return n.next=n}}return{next:O}}function O(){return{value:void 0,done:!0}}return v.prototype=y,f(w,"constructor",y),f(y,"constructor",v),v.displayName=f(y,s,"GeneratorFunction"),n.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===v||"GeneratorFunction"===(e.displayName||e.name))},n.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,y):(t.__proto__=y,f(t,s,"GeneratorFunction")),t.prototype=Object.create(w),t},n.awrap=function(t){return{__await:t}},b(_.prototype),f(_.prototype,c,(function(){return this})),n.AsyncIterator=_,n.async=function(t,e,r,o,i){void 0===i&&(i=Promise);var a=new _(l(t,e,r,o),i);return n.isGeneratorFunction(e)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},b(w),f(w,s,"Generator"),f(w,u,(function(){return this})),f(w,"toString",(function(){return"[object Generator]"})),n.keys=function(t){var e=[];for(var r in t)e.push(r);return e.reverse(),function r(){for(;e.length;){var n=e.pop();if(n in t)return r.value=n,r.done=!1,r}return r.done=!0,r}},n.values=k,j.prototype={constructor:j,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(S),!t)for(var e in this)"t"===e.charAt(0)&&i.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function r(r,n){return a.type="throw",a.arg=t,e.next=r,n&&(e.method="next",e.arg=void 0),!!n}for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n],a=o.completion;if("root"===o.tryLoc)return r("end");if(o.tryLoc<=this.prev){var u=i.call(o,"catchLoc"),c=i.call(o,"finallyLoc");if(u&&c){if(this.prev<o.catchLoc)return r(o.catchLoc,!0);if(this.prev<o.finallyLoc)return r(o.finallyLoc)}else if(u){if(this.prev<o.catchLoc)return r(o.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return r(o.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var n=this.tryEntries[r];if(n.tryLoc<=this.prev&&i.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}o&&("break"===t||"continue"===t)&&o.tryLoc<=e&&e<=o.finallyLoc&&(o=null);var a=o?o.completion:{};return a.type=t,a.arg=e,o?(this.method="next",this.next=o.finallyLoc,p):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),p},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),S(r),p}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;S(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,r){return this.delegate={iterator:k(t),resultName:e,nextLoc:r},"next"===this.method&&(this.arg=void 0),p}},n}t.exports=r,t.exports.__esModule=!0,t.exports.default=t.exports}(d);var y=d.exports(),m=y;try{regeneratorRuntime=y}catch(t){"object"==typeof globalThis?globalThis.regeneratorRuntime=y:Function("r","regeneratorRuntime = r")(y)}var g=t({__name:"MazTabsContentItem",props:{tab:{type:Number,required:!0}},setup:function(t){var d=t,v=e(),y=e("maz-tab-transition"),g=e();r((function(){return v.value}),function(){var t,e=(t=m.mark((function t(e,r){var n;return m.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:"number"==typeof e&&"number"==typeof r&&(n=r<e,y.value=n?"maz-tab-transition":"maz-tab-reverse-transition");case 1:case"end":return t.stop()}}),t)})),function(){var e=this,r=arguments;return new Promise((function(n,o){var i=t.apply(e,r);function a(t){p(i,n,o,a,u,"next",t)}function u(t){p(i,n,o,a,u,"throw",t)}a(void 0)}))});return function(t,r){return e.apply(this,arguments)}}(),{immediate:!0});var x=n((function(){return d.tab-1})),w=n((function(){return v.value===x.value}));return function(t,e){return o(),i(a,{name:y.value,tag:"div"},{default:u((function(){return[c(s("div",{ref_key:"MazTabsContentItem",ref:g,class:"m-tabs-content-item"},[f(t.$slots,"default")],512),[[l,h(w)]])]})),_:3},8,["name"])}}});!function(t,e){void 0===e&&(e={});var r=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=t:o.appendChild(document.createTextNode(t))}}("\n.m-tabs-content-item[data-v-1f9226e5] {\n\n    position: relative;\n\n    top: 0px;\n\n    width: 100%;\n\n    -ms-flex: 1 0 auto;\n\n        -webkit-box-flex: 1;\n\n            flex: 1 0 auto;\n    -webkit-transition: all 500ms cubic-bezier(0.25, 0.8, 0.5, 1);\n    transition: all 500ms cubic-bezier(0.25, 0.8, 0.5, 1)\n}\n"),g.__scopeId="data-v-1f9226e5";export{g as default};

package/components/MazTextarea.js

@@ -1 +1 @@
-import{ref as e,computed as n,defineComponent as t,getCurrentInstance as r,onMounted as o,onBeforeUnmount as a,openBlock as i,createElementBlock as l,normalizeClass as s,unref as u,createTextVNode as d,toDisplayString as c,createCommentVNode as m,withDirectives as f,createElementVNode as b,mergeProps as p,isRef as v,toHandlers as h,vModelText as x}from"vue";function g(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var y;(y={exports:{}}).exports=function(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e},y.exports.__esModule=!0,y.exports.default=y.exports,e();var w={exports:{}};!function(e){e.exports=function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")},e.exports.__esModule=!0,e.exports.default=e.exports}(w);var z=g(w.exports),k={exports:{}};!function(e){function n(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.exports=function(e,t,r){return t&&n(e.prototype,t),r&&n(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e},e.exports.__esModule=!0,e.exports.default=e.exports}(k);var _=g(k.exports),E=function(){function e(n){z(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,o=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a=function(){n&&(clearTimeout(n),t=void 0,n=void 0)},i=function(){var e=t;a(),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 u=this,d=o&&!n;return a(),t=function(){e.apply(u,l)},n=setTimeout((function(){if(n=void 0,!d){var e=t;if(t=void 0,void 0!==e)return e()}}),r),d?t():void 0};return l.cancel=a,l.flush=i,l}(this.onResize.bind(this),200),this.connect()}return _(e,[{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")}}]),e}(),T=["for"],S={key:0},B=["id","name","disabled","required"],M=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,g){var y,w=g.emit,z=t,k=function(e){var t=e.componentName,r=e.instance,o=e.providedId;return{instanceId:n((function(){return null!=o?o:"".concat(t,"-").concat(null==r?void 0:r.uid)}))}}({componentName:"MazTextarea",instance:r(),providedId:z.id}),_=k.instanceId,M=e(),L=e(!1),j=n((function(){return void 0!==z.modelValue&&""!==z.modelValue}));o((function(){M.value&&(y=new E(M.value))})),a((function(){var e;null===(e=y)||void 0===e||e.disconnect()}));var q=n({get:function(){return z.modelValue},set:function(e){return w("input",e)}}),C=function(e){w("focus",e),L.value=!0},F=function(e){w("blur",e),L.value=!1},I=function(e){return w("change",e)},O=n((function(){return z.label||z.hint})),R=n((function(){return O.value&&(L.value||j.value)})),V=n((function(){if(z.error)return"maz-border-danger";if(z.success)return"maz-border-success";if(z.warning)return"maz-border-warning";if(L.value){if("black"===z.color)return"maz-border-black";if("danger"===z.color)return"maz-border-danger";if("info"===z.color)return"maz-border-info";if("primary"===z.color)return"maz-border-primary";if("secondary"===z.color)return"maz-border-secondary";if("success"===z.color)return"maz-border-success";if("warning"===z.color)return"maz-border-warning";if("white"===z.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":u(O)}])},[u(O)?(i(),l("label",{key:0,for:u(_),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":u(R)}]])},[d(c(t.hint||t.label)+" ",1),t.required?(i(),l("sup",S,"*")):m("",!0)],10,T)):m("",!0),f(b("textarea",p({id:u(_),ref_key:"TextareaElement",ref:M},e.$attrs,{"onUpdate:modelValue":n[0]||(n[0]=function(e){return v(q)?q.value=e:null}),name:t.name,disabled:t.disabled,required:t.required,class:[u(V)]},h({blur:F,focus:C,change:I},!0)),null,16,B),[[x,u(q)]])],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],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.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"),M.__scopeId="data-v-42681338";export{M 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 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};

package/components/types.d.ts

@@ -1,12 +1,12 @@
-export declare type ModelValueSimple = string | number | null | undefined | boolean;
-export declare type MazGalleryImage = {
+export type ModelValueSimple = string | number | null | undefined | boolean;
+export type MazGalleryImage = {
     src: string;
     alt?: string;
 } | string;
-export declare type Color = 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'white' | 'black' | 'transparent';
+export type Color = 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'white' | 'black' | 'transparent';
 export declare const colors: Color[];
-export declare type Size = 'mini' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export declare type Position = 'top' | 'top right' | 'top left' | 'bottom' | 'bottom right' | 'bottom left' | 'left' | 'right';
+export type Size = 'mini' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type Position = 'top' | 'top right' | 'top left' | 'bottom' | 'bottom right' | 'bottom left' | 'left' | 'right';
 export interface Source {
     srcset?: string;
     media?: string;
@@ -14,4 +14,4 @@ export interface Source {
 export interface DataImage {
     sources?: Source[];
 }
-export declare type Image = DataImage | string;
+export type Image = DataImage | string;

package/css/main.css

@@ -27,111 +27,111 @@ textarea {
 
 :root {
   /* PRIMARY */
-  --maz-color-primary-50: #e3f1ff;
-  --maz-color-primary-100: #bcdeff;
-  --maz-color-primary-200: #94caff;
-  --maz-color-primary-300: #6db7ff;
-  --maz-color-primary-400: #45a3ff;
-  --maz-color-primary: #1e90ff;
-  --maz-color-primary-600: #1977d2;
-  --maz-color-primary-700: #145ea6;
-  --maz-color-primary-800: #0e4479;
-  --maz-color-primary-900: #092b4d;
-  --maz-color-primary-contrast: white;
-  --maz-color-primary-alpha: rgb(30 144 255 / 60%);
-  --maz-color-primary-alpha-20: rgb(30 144 255 / 20%);
+  --maz-color-primary-50: hsl(210deg 100% 95%);
+  --maz-color-primary-100: hsl(210deg 100% 87%);
+  --maz-color-primary-200: hsl(210deg 100% 79%);
+  --maz-color-primary-300: hsl(210deg 100% 71%);
+  --maz-color-primary-400: hsl(210deg 100% 64%);
+  --maz-color-primary: hsl(210deg 100% 56%);
+  --maz-color-primary-600: hsl(210deg 79% 46%);
+  --maz-color-primary-700: hsl(210deg 78% 36%);
+  --maz-color-primary-800: hsl(210deg 79% 26%);
+  --maz-color-primary-900: hsl(210deg 79% 17%);
+  --maz-color-primary-contrast: hsl(0deg 0% 100%);
+  --maz-color-primary-alpha: hsl(210deg 100% 56% / 60%);
+  --maz-color-primary-alpha-20: hsl(210deg 100% 56% / 20%);
   /* SECONDARY */
-  --maz-color-secondary-50: #e3f9f3;
-  --maz-color-secondary-100: #bbf1e3;
-  --maz-color-secondary-200: #93e9d2;
-  --maz-color-secondary-300: #6be1c2;
-  --maz-color-secondary-400: #44d9b1;
-  --maz-color-secondary: #1cd1a1;
-  --maz-color-secondary-600: #17ac85;
-  --maz-color-secondary-700: #128869;
-  --maz-color-secondary-800: #0d634c;
-  --maz-color-secondary-900: #083f30;
-  --maz-color-secondary-contrast: white;
-  --maz-color-secondary-alpha: rgb(28 209 161 / 60%);
-  --maz-color-secondary-alpha-20: rgb(28 209 161 / 20%);
+  --maz-color-secondary-50: hsl(164deg 65% 93%);
+  --maz-color-secondary-100: hsl(164deg 66% 84%);
+  --maz-color-secondary-200: hsl(164deg 66% 75%);
+  --maz-color-secondary-300: hsl(164deg 66% 65%);
+  --maz-color-secondary-400: hsl(164deg 66% 56%);
+  --maz-color-secondary: hsl(164deg 76% 46%);
+  --maz-color-secondary-600: hsl(164deg 76% 38%);
+  --maz-color-secondary-700: hsl(164deg 77% 30%);
+  --maz-color-secondary-800: hsl(164deg 77% 22%);
+  --maz-color-secondary-900: hsl(164deg 77% 14%);
+  --maz-color-secondary-contrast: hsl(0deg 0% 100%);
+  --maz-color-secondary-alpha: hsl(164deg 76% 46% / 60%);
+  --maz-color-secondary-alpha-20: hsl(164deg 76% 46% / 20%);
   /* INFO */
-  --maz-color-info-50: #e2f3f6;
-  --maz-color-info-100: #b9e3ea;
-  --maz-color-info-200: #91d3dd;
-  --maz-color-info-300: #68c3d1;
-  --maz-color-info-400: #40b2c4;
-  --maz-color-info: #17a2b8;
-  --maz-color-info-600: #138698;
-  --maz-color-info-700: #0f6978;
-  --maz-color-info-800: #0b4d57;
-  --maz-color-info-900: #073137;
-  --maz-color-info-contrast: white;
-  --maz-color-info-alpha: rgb(23 162 184 / 60%);
-  --maz-color-info-alpha-20: rgb(23 162 184 / 20%);
+  --maz-color-info-50: hsl(188deg 53% 93%);
+  --maz-color-info-100: hsl(188deg 54% 82%);
+  --maz-color-info-200: hsl(188deg 53% 72%);
+  --maz-color-info-300: hsl(188deg 53% 61%);
+  --maz-color-info-400: hsl(188deg 53% 51%);
+  --maz-color-info: hsl(188deg 78% 41%);
+  --maz-color-info-600: hsl(188deg 78% 34%);
+  --maz-color-info-700: hsl(188deg 78% 26%);
+  --maz-color-info-800: hsl(188deg 78% 19%);
+  --maz-color-info-900: hsl(188deg 77% 12%);
+  --maz-color-info-contrast: hsl(0deg 0% 100%);
+  --maz-color-info-alpha: hsl(188deg 78% 41% / 60%);
+  --maz-color-info-alpha-20: hsl(188deg 78% 41% / 20%);
   /* SUCCESS */
-  --maz-color-success-50: #f2f9e5;
-  --maz-color-success-100: #e1f0c2;
-  --maz-color-success-200: #cfe79e;
-  --maz-color-success-300: #bddf7a;
-  --maz-color-success-400: #acd656;
-  --maz-color-success: #9acd32;
-  --maz-color-success-600: #7fa929;
-  --maz-color-success-700: #648521;
-  --maz-color-success-800: #496118;
-  --maz-color-success-900: #2e3e0f;
-  --maz-color-success-contrast: white;
-  --maz-color-success-alpha: rgb(154 205 50 / 60%);
-  --maz-color-success-alpha-20: rgb(154 205 50 / 20%);
+  --maz-color-success-50: hsl(80deg 63% 94%);
+  --maz-color-success-100: hsl(80deg 61% 85%);
+  --maz-color-success-200: hsl(80deg 60% 76%);
+  --maz-color-success-300: hsl(80deg 61% 68%);
+  --maz-color-success-400: hsl(80deg 61% 59%);
+  --maz-color-success: hsl(80deg 61% 50%);
+  --maz-color-success-600: hsl(80deg 61% 41%);
+  --maz-color-success-700: hsl(80deg 60% 33%);
+  --maz-color-success-800: hsl(80deg 60% 24%);
+  --maz-color-success-900: hsl(80deg 61% 15%);
+  --maz-color-success-contrast: hsl(0deg 0% 100%);
+  --maz-color-success-alpha: hsl(80deg 61% 50% / 60%);
+  --maz-color-success-alpha-20: hsl(80deg 61% 50% / 20%);
   /* WARNING */
-  --maz-color-warning-50: #fff6e5;
-  --maz-color-warning-100: #fee9c1;
-  --maz-color-warning-200: #fedd9d;
-  --maz-color-warning-300: #fdd079;
-  --maz-color-warning-400: #fdc455;
-  --maz-color-warning: #fcb731;
-  --maz-color-warning-600: #d09728;
-  --maz-color-warning-700: #a47720;
-  --maz-color-warning-800: #785717;
-  --maz-color-warning-900: #4c370f;
-  --maz-color-warning-contrast: #374151;
-  --maz-color-warning-alpha: rgb(252 183 49 / 60%);
-  --maz-color-warning-alpha-20: rgb(252 183 49 / 20%);
+  --maz-color-warning-50: hsl(40deg 100% 95%);
+  --maz-color-warning-100: hsl(40deg 97% 88%);
+  --maz-color-warning-200: hsl(40deg 98% 81%);
+  --maz-color-warning-300: hsl(40deg 97% 73%);
+  --maz-color-warning-400: hsl(40deg 98% 66%);
+  --maz-color-warning: hsl(40deg 97% 59%);
+  --maz-color-warning-600: hsl(40deg 68% 49%);
+  --maz-color-warning-700: hsl(40deg 67% 38%);
+  --maz-color-warning-800: hsl(40deg 68% 28%);
+  --maz-color-warning-900: hsl(40deg 67% 18%);
+  --maz-color-warning-contrast: hsl(217deg 19% 27%);
+  --maz-color-warning-alpha: hsl(40deg 97% 59% / 60%);
+  --maz-color-warning-alpha-20: hsl(40deg 97% 59% / 20%);
   /* DANGER */
-  --maz-color-danger-50: #ffedec;
-  --maz-color-danger-100: #ffd3d2;
-  --maz-color-danger-200: #ffbab8;
-  --maz-color-danger-300: #ffa09e;
-  --maz-color-danger-400: #ff8784;
-  --maz-color-danger: #ff6d6a;
-  --maz-color-danger-600: #d25a57;
-  --maz-color-danger-700: #a64745;
-  --maz-color-danger-800: #793432;
-  --maz-color-danger-900: #4d2120;
-  --maz-color-danger-contrast: white;
-  --maz-color-danger-alpha: rgb(255 109 106 / 60%);
-  --maz-color-danger-alpha-20: rgb(255 109 106 / 20%);
+  --maz-color-danger-50: hsl(1deg 100% 96%);
+  --maz-color-danger-100: hsl(1deg 100% 91%);
+  --maz-color-danger-200: hsl(2deg 100% 86%);
+  --maz-color-danger-300: hsl(1deg 100% 81%);
+  --maz-color-danger-400: hsl(1deg 100% 76%);
+  --maz-color-danger: hsl(1deg 100% 71%);
+  --maz-color-danger-600: hsl(1deg 58% 58%);
+  --maz-color-danger-700: hsl(1deg 41% 46%);
+  --maz-color-danger-800: hsl(g 42% 34%);
+  --maz-color-danger-900: hsl(1deg 41% 21%);
+  --maz-color-danger-contrast: hsl(0deg 0% 100%);
+  --maz-color-danger-alpha: hsl(1deg 100% 71% / 60%);
+  --maz-color-danger-alpha-20: hsl(1deg 100% 71% / 20%);
   /* WHITE */
-  --maz-color-white: white;
-  --maz-color-white-contrast: black;
+  --maz-color-white: hsl(0deg 0% 100%);
+  --maz-color-white-contrast: hsl(0deg 0% 0%);
   /* BLACK */
-  --maz-color-black: black;
-  --maz-color-black-contrast: white;
+  --maz-color-black: hsl(0deg 0% 0%);
+  --maz-color-black-contrast: hsl(0deg 0% 100%);
   /** TEXT COLOR LIGHT **/
-  --maz-color-text-light: #d9d9d9;
-  --maz-color-muted-light: rgb(0 0 0 / 54%);
+  --maz-color-text-light: hsl(0deg 0% 85%);
+  --maz-color-muted-light: hsl(0deg 0% 0% / 54%);
   /** TEXT COLOR DARK **/
-  --maz-color-text-dark: #212427;
-  --maz-color-muted-dark: rgb(228 228 228 / 54%);
+  --maz-color-text-dark: hsl(210deg 8% 14%);
+  --maz-color-muted-dark: hsl(0deg 0% 89% / 54%);
   /** BG OVERLAY **/
-  --maz-bg-overlay: rgb(0 0 0 / 50%);
+  --maz-bg-overlay: hsl(0deg 0% 0% / 50%);
   /** BG LIGHT COLOR **/
-  --maz-bg-color-light: white;
-  --maz-bg-color-light-light: #efefef;
-  --maz-bg-color-light-lighter: #f2f2f2;
+  --maz-bg-color-light: hsl(0deg 0% 100%);
+  --maz-bg-color-light-light: hsl(0deg 0% 94%);
+  --maz-bg-color-light-lighter: hsl(0deg 0% 95%);
   /** BG DARK COLOR **/
-  --maz-bg-color-dark: #21222e;
-  --maz-bg-color-dark-light: #303144;
-  --maz-bg-color-dark-lighter: #3b3c53;
+  --maz-bg-color-dark: hsl(235deg 16% 15%);
+  --maz-bg-color-dark-light: hsl(237deg 17% 23%);
+  --maz-bg-color-dark-lighter: hsl(238deg 17% 28%);
   /**
   * FONT FAMILY
   * Not used in the library --> Use this variable on your <html> element (optional)
@@ -659,8 +659,8 @@ html.--backdrop-present {
   }
 
 .m-drawer .m-drawer-content-wrap > .m-drawer-header {
-    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
-            box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
+    -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);
   }
 
 .m-drawer .m-drawer-content-wrap > .m-drawer-body {
@@ -776,8 +776,8 @@ html.--backdrop-present {
   }
 
 .m-drawer .m-backdrop-content > .m-drawer-content-wrap {
-    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
-            box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
+    -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);
   }
 
 *, ::before, ::after {
@@ -2105,8 +2105,8 @@ html.--backdrop-present {
 }
 
 .maz-elevation {
-  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
-          box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
+  -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);
 }
 
 .maz-flex-center {
@@ -2122,11 +2122,6 @@ html.--backdrop-present {
   background-color: var(--maz-color-bg-lighter);
 }
 
-.focus\:maz-outline-none:focus {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
-
 @media (min-width: 768px) {
   .tab-m\:maz-fixed {
     position: fixed;