maz-ui 2.3.13 → 2.4.2

package/components/MazInput.d.ts

@@ -0,0 +1,276 @@
+import { type PropType } from 'vue';
+import type { Color, ModelValueSimple, Size } from './types';
+export type { Color, Size, ModelValueSimple } from './types';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: PropType<ModelValueSimple>;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    color: {
+        type: PropType<Color>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    success: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    warning: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    inputClasses: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    noBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noRadius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<Size>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    debounce: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    debounceDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    validButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validButtonLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    borderActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    leftIcon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    rightIcon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}, {
+    inputValue: import("vue").WritableComputedRef<ModelValueSimple>;
+    shouldUp: import("vue").ComputedRef<boolean>;
+    hasLabel: import("vue").ComputedRef<boolean>;
+    computedPlaceholder: import("vue").ComputedRef<string | undefined>;
+    isPasswordType: import("vue").ComputedRef<boolean>;
+    inputType: import("vue").ComputedRef<string>;
+    input: import("vue").Ref<HTMLElement | undefined>;
+    isFocused: import("vue").Ref<boolean>;
+    hasPasswordVisible: import("vue").Ref<boolean>;
+    borderStyle: import("vue").ComputedRef<"maz-border-danger" | "maz-border-success" | "maz-border-warning" | "maz-border-black" | "maz-border-info" | "maz-border-primary" | "maz-border-secondary" | "maz-border-white" | "--default-border" | undefined>;
+    focus: (event: Event) => void;
+    blur: (event: Event) => void;
+    change: (event: Event) => void;
+    emitValue: (value: unknown) => void;
+    hasRightPart: () => boolean;
+    hasLeftPart: () => boolean;
+    EyeOffIcon: any;
+    EyeIcon: any;
+    CheckIcon: any;
+    instanceId: import("vue").ComputedRef<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:model-value" | "click" | "change" | "update")[], "focus" | "blur" | "update:model-value" | "click" | "change" | "update", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<ModelValueSimple>;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    color: {
+        type: PropType<Color>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    success: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    warning: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    inputClasses: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    noBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noRadius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<Size>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    debounce: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    debounceDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    validButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validButtonLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    borderActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    leftIcon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    rightIcon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onUpdate?: ((...args: any[]) => any) | undefined;
+}, {
+    success: boolean;
+    warning: boolean;
+    modelValue: ModelValueSimple;
+    placeholder: string;
+    color: Color;
+    label: string;
+    name: string;
+    type: string;
+    required: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    id: string;
+    error: boolean;
+    hint: string;
+    inputClasses: string;
+    noBorder: boolean;
+    noRadius: boolean;
+    size: Size;
+    debounce: boolean;
+    debounceDelay: number;
+    validButton: boolean;
+    validButtonLoading: boolean;
+    autoFocus: boolean;
+    borderActive: boolean;
+    leftIcon: string;
+    rightIcon: string;
+}>;
+export default _default;

package/components/MazInput.js

@@ -0,0 +1,3 @@
+import{computed as n,defineComponent as t,openBlock as e,createElementBlock as o,normalizeClass as r,pushScopeId as a,popScopeId as i,createElementVNode as c,inject as l,ref as d,onMounted as s,watchEffect as u,mergeProps as m,createCommentVNode as b,nextTick as p,useAttrs as f,useSlots as v,createBlock as g,resolveDynamicComponent as h,unref as w,withCtx as y,renderSlot as k,createVNode as x,getCurrentInstance as z,resolveComponent as _,withDirectives as S,toHandlers as E,vModelDynamic as L,createTextVNode as B,toDisplayString as I,withModifiers as D}from"vue";var j=["width","height"],O=[function(n){return a("data-v-67dbd337"),n=n(),i(),n}((function(){return c("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)}))],P=t({__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(t,a){return e(),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"}},O,10,j)}}});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))}}function C(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function M(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)}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"),P.__scopeId="data-v-67dbd337";var T={exports:{}},N={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}(N),function(n){var t=N.exports.default;function e(){
+/*! 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 p?t:p,a=Object.create(r.prototype),i=new E(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 B()}for(e.method=r,e.arg=a;;){var i=e.delegate;if(i){var c=z(i,e);if(c){if(c===b)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=m(n,t,e);if("normal"===l.type){if(o=e.done?"completed":"suspendedYield",l.arg===b)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 m(n,t,e){try{return{type:"normal",arg:n.call(t,e)}}catch(n){return{type:"throw",arg:n}}}o.wrap=u;var b={};function p(){}function f(){}function v(){}var g={};s(g,c,(function(){return this}));var h=Object.getPrototypeOf,w=h&&h(h(L([])));w&&w!==r&&a.call(w,c)&&(g=w);var y=v.prototype=p.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=m(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 b;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return b}var o=m(e,n.iterator,t.arg);if("throw"===o.type)return t.method="throw",t.arg=o.arg,t.delegate=null,b;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,b):r:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,b)}function _(n){var t={tryLoc:n[0]};1 in n&&(t.catchLoc=n[1]),2 in n&&(t.finallyLoc=n[2],t.afterLoc=n[3]),this.tryEntries.push(t)}function S(n){var t=n.completion||{};t.type="normal",delete t.arg,n.completion=t}function E(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(_,this),this.reset(!0)}function L(n){if(n){var t=n[c];if(t)return t.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var 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:B}}function B(){return{value:void 0,done:!0}}return f.prototype=v,s(y,"constructor",v),s(v,"constructor",f),f.displayName=s(v,d,"GeneratorFunction"),o.isGeneratorFunction=function(n){var t="function"==typeof n&&n.constructor;return!!t&&(t===f||"GeneratorFunction"===(t.displayName||t.name))},o.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,v):(n.__proto__=v,s(n,d,"GeneratorFunction")),n.prototype=Object.create(y),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(y),s(y,d,"Generator"),s(y,c,(function(){return this})),s(y,"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=L,E.prototype={constructor:E,reset:function(n){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(S),!n)for(var t in this)"t"===t.charAt(0)&&a.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var n=this.tryEntries[0].completion;if("throw"===n.type)throw n.arg;return this.rval},dispatchException:function(n){if(this.done)throw n;var t=this;function 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,b):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),b},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),S(e),b}},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;S(e)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(n,t,e){return this.delegate={iterator:L(n),resultName:t,nextLoc:e},"next"===this.method&&(this.arg=void 0),b}},o}n.exports=e,n.exports.__esModule=!0,n.exports.default=n.exports}(T);var A=T.exports(),V=A;try{regeneratorRuntime=A}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=A:Function("r","regeneratorRuntime = r")(A)}function $(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 G(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?$(Object(e),!0).forEach((function(t){C(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):$(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}var q=["innerHTML"],R=t({__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(t,r){var a=r.emit,i=t,c={},f=d(),v=d(),g=function(){try{return function(n,t){var e=l(n,t);if(!e)throw new Error("[maz-ui](injectStrict) Could not resolve ".concat(n));return e}("mazIconPath")}catch(n){return}},h=n((function(){var n;return null!==(n=i.path)&&void 0!==n?n:g()})),w=n((function(){return i.src?i.src:h.value?"".concat(h.value,"/").concat(i.name,".svg"):"/".concat(i.name,".svg")}));s((function(){i.name||i.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));var y=function(n){var t=n.cloneNode(!0);return t=i.transformSource(n),i.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,i.title),n.innerHTML},k=function(){var n,t=(n=V.mark((function n(t){var e;return V.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return c[t]||(c[t]=x(t)),n.prev=1,n.next=4,c[t];case 4:return e=n.sent,f.value=e,n.next=8,p();case 8:a("loaded",v.value),n.next=16;break;case 11:n.prev=11,n.t0=n.catch(1),f.value&&(f.value=void 0,a("unloaded")),delete c[t],a("error",n.t0);case 16:case"end":return n.stop()}}),n,null,[[1,11]])})),function(){var t=this,e=arguments;return new Promise((function(o,r){var a=n.apply(t,e);function i(n){M(a,o,r,i,c,"next",n)}function c(n){M(a,o,r,i,c,"throw",n)}i(void 0)}))});return function(n){return t.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=i.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 u((function(){return k(w.value)})),function(n,r){return f.value?(e(),o("svg",m({key:0,ref_key:"svgElem",ref:v,width:"1em",height:"1em"},G(G({},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}(f.value)),(a=n.$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(t.size),innerHTML:y(f.value)}),null,16,q)):b("",!0);var a}}}),H={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},U={class:"maz-flex maz-flex-center"},Y={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},X=t({__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(t){var a=t,i=f(),l=i.href,d=i.to,s=v(),u=n((function(){return l?"a":d?"router-link":"button"})),p=n((function(){return a.pastel?"--".concat(a.color,"-pastel"):a.outline||a.loading?"--".concat(a.color,"-outline"):"--".concat(a.color)})),z=n((function(){return(a.loading||a.disabled)&&"button"===u.value})),_=n((function(){return z.value?"--cursor-default":"--cursor-pointer"})),S=n((function(){return"--is-".concat(a.variant)})),E=n((function(){return"--".concat(a.color)})),L=n((function(){return["white"].includes(a.color)?"black":"white"})),B=n((function(){return a.loading&&"button"===a.variant})),I=n((function(){return!!s["left-icon"]||a.leftIcon})),D=n((function(){return!!s["right-icon"]||a.rightIcon})),j=n((function(){return I.value||D.value})),O=n((function(){return"button"===u.value?a.type:void 0}));return function(n,a){return e(),g(h(w(u)),m(n.$attrs,{disabled:w(z),class:["m-btn",["--".concat(t.size),w(p),w(_),w(S),{"--block":t.block,"--no-underline":t.noUnderline,"--no-leading":t.noLeading,"--fab":t.fab,"--loading":t.loading,"--disabled":w(z),"--icon":w(j),"--rounded":t.rounded,"--no-padding":t.noPadding,"--no-elevation":t.noElevation}]],type:w(O)}),{default:y((function(){return[w(I)?(e(),o("div",H,[k(n.$slots,"left-icon",{},(function(){return[t.leftIcon?(e(),g(R,{key:0,name:t.leftIcon},null,8,["name"])):b("",!0)]}))])):b("",!0),c("span",U,[k(n.$slots,"default")]),w(D)?(e(),o("div",Y,[k(n.$slots,"right-icon",{},(function(){return[t.rightIcon?(e(),g(R,{key:0,name:t.rightIcon},null,8,["name"])):b("",!0)]}))])):b("",!0),w(B)?(e(),o("div",{key:2,class:r(["m-btn__loading-wrapper",w(E)])},[x(P,{size:"2em",color:w(L)},null,8,["color"])],2)):b("",!0)]})),_:3},16,["disabled","class","type"])}}});F("\n.m-btn[data-v-4f7c1518] {\n\n        border-width: var(--maz-border-width);\n\n        border-style: solid;\n\n        border-color: transparent;\n\n        text-align: center;\n\n        font-size: 1rem;\n\n        line-height: 1.5rem;\n\n        color: var(--maz-color-text);\n}\n.m-btn span[data-v-4f7c1518] {\n\n        line-height: 1;\n}\n.m-btn__icon-left[data-v-4f7c1518] {\n\n        margin-right: 0.5rem;\n\n        margin-left: -0.25rem;\n\n        line-height: 1;\n}\n.m-btn__icon-right[data-v-4f7c1518] {\n\n        margin-left: 0.5rem;\n\n        margin-right: -0.25rem;\n\n        line-height: 1;\n}\n.m-btn.--cursor-pointer[data-v-4f7c1518] {\n\n        cursor: pointer;\n}\n.m-btn.--cursor-default[data-v-4f7c1518] {\n\n        cursor: default;\n}\n.m-btn.--is-link[data-v-4f7c1518] {\n\n        display: -webkit-inline-box;\n\n        display: -ms-inline-flexbox;\n\n        display: inline-flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        background-color: transparent;\n\n        outline: 2px solid transparent;\n\n        outline-offset: 2px;\n\n        -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        -webkit-transition-duration: 200ms;\n\n                transition-duration: 200ms;\n\n        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-link[data-v-4f7c1518]:not(.--no-leading) {\n\n        line-height: 2.25rem;\n}\n.m-btn.--is-link[data-v-4f7c1518]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-4f7c1518]:not(:disabled):focus:not(.--no-underline) {\n\n        text-decoration-line: underline;\n}\n.m-btn.--is-link.--secondary[data-v-4f7c1518] {\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-link.--info[data-v-4f7c1518] {\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-link.--warning[data-v-4f7c1518] {\n\n        color: var(--maz-color-warning-600);\n}\n.m-btn.--is-link.--danger[data-v-4f7c1518] {\n\n        color: var(--maz-color-danger-600);\n}\n.m-btn.--is-link.--success[data-v-4f7c1518] {\n\n        color: var(--maz-color-success-600);\n}\n.m-btn.--is-link.--white[data-v-4f7c1518] {\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-link.--black[data-v-4f7c1518] {\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button[data-v-4f7c1518] {\n\n        position: relative;\n\n        display: -webkit-inline-box;\n\n        display: -ms-inline-flexbox;\n\n        display: inline-flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n\n        overflow: hidden;\n\n        border-radius: var(--maz-border-radius);\n\n        border-color: transparent;\n\n        background-color: transparent;\n\n        font-weight: 500;\n\n        text-decoration-line: none;\n\n        -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        -webkit-transition-duration: 300ms;\n\n                transition-duration: 300ms;\n\n        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-button.--rounded[data-v-4f7c1518] {\n\n        border-radius: 9999px;\n}\n.m-btn.--is-button.--xl[data-v-4f7c1518] {\n\n        padding-left: 2rem;\n\n        padding-right: 2rem;\n\n        font-size: 1.25rem;\n\n        line-height: 1.75rem;\n\n        padding-top: 1.325rem;\n        padding-bottom: 1.325rem;\n}\n.m-btn.--is-button.--lg[data-v-4f7c1518] {\n\n        padding-left: 1.5rem;\n\n        padding-right: 1.5rem;\n\n        font-size: 1.125rem;\n\n        line-height: 1.75rem;\n\n        padding-top: 1rem;\n        padding-bottom: 1rem;\n}\n.m-btn.--is-button.--md[data-v-4f7c1518] {\n\n        padding-left: 1rem;\n\n        padding-right: 1rem;\n\n        font-size: 1rem;\n\n        line-height: 1.5rem;\n\n        padding-top: 0.88rem;\n        padding-bottom: 0.88rem;\n}\n.m-btn.--is-button.--sm[data-v-4f7c1518] {\n\n        padding-left: 0.75rem;\n\n        padding-right: 0.75rem;\n\n        font-size: 0.875rem;\n\n        line-height: 1.25rem;\n\n        padding-top: 0.625rem;\n        padding-bottom: 0.625rem;\n}\n.m-btn.--is-button.--xs[data-v-4f7c1518] {\n\n        padding-left: 0.5rem;\n\n        padding-right: 0.5rem;\n\n        font-size: 0.875rem;\n\n        line-height: 1.25rem;\n\n        padding-top: 0.3rem;\n        padding-bottom: 0.3rem;\n}\n.m-btn.--is-button.--mini[data-v-4f7c1518] {\n\n        padding-left: 0.25rem;\n\n        padding-right: 0.25rem;\n\n        font-size: 0.75rem;\n\n        line-height: 1rem;\n\n        padding-top: 0.2rem;\n        padding-bottom: 0.2rem;\n}\n.m-btn.--is-button.--icon[data-v-4f7c1518] {\n\n        padding-top: 0.5rem;\n\n        padding-bottom: 0.5rem;\n}\n.m-btn.--is-button[data-v-4f7c1518] {\n\n      -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n\n      transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n/* Not disabled */\n.m-btn.--is-button[data-v-4f7c1518]:not(.--disabled):hover,\n        .m-btn.--is-button[data-v-4f7c1518]:not(.--disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n}\n/* Fab */\n.m-btn.--is-button.--fab[data-v-4f7c1518] {\n\n        display: -webkit-box;\n\n        display: -ms-flexbox;\n\n        display: flex;\n\n        height: 3rem;\n\n        width: 3rem;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n\n        border-radius: 9999px;\n\n        padding-left: 0px;\n\n        padding-right: 0px;\n\n        padding-top: 0px;\n\n        padding-bottom: 0px;\n}\n.m-btn.--is-button.--fab[data-v-4f7c1518]:not(.--no-elevation) {\n\n        -webkit-box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n\n                box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n}\n.m-btn.--is-button.--block[data-v-4f7c1518] {\n\n        width: 100%;\n}\n.m-btn.--is-button.--primary[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--primary[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--primary[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary-600);\n}\n.m-btn.--is-button.--secondary[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--secondary[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--secondary[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary-600);\n}\n.m-btn.--is-button.--info[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--info[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--info[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info-600);\n}\n.m-btn.--is-button.--success[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--success[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--success[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success-600);\n}\n.m-btn.--is-button.--warning[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--warning[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--warning[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning-600);\n}\n.m-btn.--is-button.--danger[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--danger[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger-600);\n}\n.m-btn.--is-button.--white[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--white[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--white[data-v-4f7c1518]:not(:disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(209 213 219 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--black[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black-contrast);\n}\n.m-btn.--is-button.--black[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--black[data-v-4f7c1518]:not(:disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(31 41 55 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--transparent[data-v-4f7c1518] {\n\n        background-color: transparent;\n}\n.m-btn.--is-button.--transparent[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--transparent[data-v-4f7c1518]:not(:disabled):focus {\n          background-color: hsl(0deg 0% 0% / 12%);\n}\n.m-btn.--is-button.--primary-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--primary-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--secondary-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--info-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-info);\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--info-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--success-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-success);\n\n        color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--success-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-danger);\n\n        color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--danger-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--warning-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--warning-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-white);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--white-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--black-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-black);\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--black-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--primary-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-primary-50);\n\n        color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--primary-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-secondary-50);\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--secondary-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--info-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-info-50);\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--info-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--success-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-success-50);\n\n        color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--success-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--danger-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-danger-50);\n\n        color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--danger-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-danger-contrast);\n}\n.m-btn.--is-button.--warning-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-warning-50);\n\n        color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--warning-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--white-pastel[data-v-4f7c1518] {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--white-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--black-pastel[data-v-4f7c1518] {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--black-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black-contrast);\n}\n/* Disabled */\n.m-btn.--is-button.--disabled[data-v-4f7c1518] {\n\n        cursor: not-allowed;\n\n        background-color: var(--maz-color-bg-lighter);\n\n        --tw-text-opacity: 1;\n\n        color: rgb(156 163 175 / var(--tw-text-opacity));\n}\n.m-btn.--is-button.--no-padding[data-v-4f7c1518] {\n\n        padding: 0px;\n}\n/* Loader */\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-4f7c1518] {\n\n        position: absolute;\n\n        top: 0px;\n\n        right: 0px;\n\n        bottom: 0px;\n\n        left: 0px;\n\n        display: -webkit-box;\n\n        display: -ms-flexbox;\n\n        display: flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-primary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-secondary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-info);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-warning);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-success);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-danger);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-white);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-black);\n}\n"),X.__scopeId="data-v-4f7c1518";var J=t({components:{MazBtn:X,MazIcon:R},inheritAttrs:!1,props:{modelValue:{type:[String,Number,Boolean],default:void 0},placeholder:{type:String,default:void 0},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","warning","danger","info","success","white","black","transparent"].includes(n)}},label:{type:String,default:void 0},name:{type:String,default:"input"},type:{type:String,default:"text",validator:function(n){return["text","date","number","tel","search","url","password","month","time","week","email"].includes(n)}},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},id:{type:String,default:void 0},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},hint:{type:String,default:void 0},inputClasses:{type:String,default:void 0},noBorder:{type:Boolean,default:!1},noRadius:{type:Boolean,default:!1},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}},debounce:{type:Boolean,default:!1},debounceDelay:{type:Number,default:500},validButton:{type:Boolean,default:!1},validButtonLoading:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},borderActive:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0}},emits:["focus","blur","update:model-value","click","change","update"],setup:function(t,e){var o=e.emit,r=e.slots,a=d(!1),i=d(!1),c=d(),l=function(t){var e=t.componentName,o=t.instance,r=t.providedId;return{instanceId:n((function(){return null!=r?r:"".concat(e,"-").concat(null==o?void 0:o.uid)}))}}({componentName:"MazInput",instance:z(),providedId:t.id}),u=l.instanceId;s((function(){var n;t.autoFocus&&(null===(n=c.value)||void 0===n||n.focus())}));var m=n((function(){return"password"===t.type})),b=n((function(){return a.value?"text":t.type})),p=n((function(){if(!t.noBorder){if(t.error)return"maz-border-danger";if(t.success)return"maz-border-success";if(t.warning)return"maz-border-warning";if(i.value||t.borderActive){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"}})),f=n((function(){var n=t.required,e=t.placeholder;if(e)return n?"".concat(e," *"):e})),v=n((function(){return void 0!==t.modelValue&&""!==t.modelValue})),g=n({get:function(){return t.modelValue},set:function(n){return k(n)}}),h=n((function(){return(!!t.label||!!t.hint)&&(i.value||!!v.value||!!t.placeholder||["date","month","week"].includes(t.type))})),w=n((function(){return!!t.label||!!t.hint})),y=function(n){var t,e,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a=function(){t&&(clearTimeout(t),e=void 0,t=void 0)},i=function(){var n=e;a(),n&&n()},c=function(){for(var i=arguments.length,c=new Array(i),l=0;l<i;l++)c[l]=arguments[l];if(!o)return n.apply(this,c);var d=this,s=r&&!t;return a(),e=function(){n.apply(d,c)},t=setTimeout((function(){if(t=void 0,!s){var n=e;if(e=void 0,void 0!==n)return n()}}),o),s?e():void 0};return c.cancel=a,c.flush=i,c}((function(n){o("update:model-value",n)}),t.debounceDelay),k=function(n){if(t.debounce)return y(n);o("update:model-value",n)};return{inputValue:g,shouldUp:h,hasLabel:w,computedPlaceholder:f,isPasswordType:m,inputType:b,input:c,isFocused:i,hasPasswordVisible:a,borderStyle:p,focus:function(n){o("focus",n),i.value=!0},blur:function(n){o("blur",n),i.value=!1},change:function(n){return o("change",n)},emitValue:k,hasRightPart:function(){return!!r["right-icon"]||m.value||!!r["valid-button"]||t.validButton||!!t.rightIcon},hasLeftPart:function(){return!!r["left-icon"]||!!t.leftIcon},EyeOffIcon:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M13.875%2018.825A10.05%2010.05%200%200112%2019c-4.478%200-8.268-2.943-9.543-7a9.97%209.97%200%20011.563-3.029m5.858.908a3%203%200%20114.243%204.243M9.878%209.878l4.242%204.242M9.88%209.88l-3.29-3.29m7.532%207.532l3.29%203.29M3%203l3.59%203.59m0%200A9.953%209.953%200%200112%205c4.478%200%208.268%202.943%209.543%207a10.025%2010.025%200%2001-4.132%205.411m0%200L21%2021%22%2F%3E%3C%2Fsvg%3E",EyeIcon:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M15%2012a3%203%200%2011-6%200%203%203%200%20016%200z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M2.458%2012C3.732%207.943%207.523%205%2012%205c4.478%200%208.268%202.943%209.542%207-1.274%204.057-5.064%207-9.542%207-4.477%200-8.268-2.943-9.542-7z%22%2F%3E%3C%2Fsvg%3E",CheckIcon:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M5%2013l4%204L19%207%22%2F%3E%3C%2Fsvg%3E",instanceId:u}}}),K={key:0,class:"m-input-wrapper-left"},Q={class:"m-input-wrapper-input"},W=["id","type","name","placeholder","aria-label","disabled","readonly","required"],Z=["for"],nn={key:0},tn={key:1,class:"m-input-wrapper-right"};F("\n.m-input[data-v-064eeea4] {\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-orient: vertical;\n        -webkit-box-direction: normal;\n            -ms-flex-direction: column;\n                flex-direction: column;\n}\n.m-input.--xl[data-v-064eeea4] {\n        height: 4rem;\n}\n.m-input.--xl .m-input-input[data-v-064eeea4],\n      .m-input.--xl .m-input-label[data-v-064eeea4] {\n        font-size: 1.25rem;\n        line-height: 1.75rem;\n}\n.m-input.--lg[data-v-064eeea4] {\n        height: 3.5rem;\n}\n.m-input.--lg .m-input-input[data-v-064eeea4],\n      .m-input.--lg .m-input-label[data-v-064eeea4] {\n        font-size: 1.125rem;\n        line-height: 1.75rem;\n}\n.m-input.--md[data-v-064eeea4] {\n        height: 3rem;\n}\n.m-input.--md .m-input-input[data-v-064eeea4],\n      .m-input.--md .m-input-label[data-v-064eeea4] {\n        font-size: 1rem;\n        line-height: 1.5rem;\n}\n.m-input.--sm[data-v-064eeea4] {\n        height: 2.5rem;\n}\n.m-input.--sm .m-input-input[data-v-064eeea4],\n      .m-input.--sm .m-input-label[data-v-064eeea4] {\n        font-size: 0.875rem;\n        line-height: 1.25rem;\n}\n.m-input.--xs[data-v-064eeea4] {\n        height: 2rem;\n}\n.m-input.--xs .m-input-input[data-v-064eeea4],\n      .m-input.--xs .m-input-label[data-v-064eeea4] {\n        font-size: 0.75rem;\n        line-height: 1rem;\n}\n.m-input.--mini[data-v-064eeea4] {\n        height: 1.5rem;\n}\n.m-input.--mini .m-input-input[data-v-064eeea4],\n      .m-input.--mini .m-input-label[data-v-064eeea4] {\n        font-size: 0.75rem;\n        line-height: 1rem;\n}\n.m-input-wrapper[data-v-064eeea4] {\n        position: relative;\n        z-index: 1;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-flex: 1;\n            -ms-flex: 1 1 0%;\n                flex: 1 1 0%;\n        overflow: hidden;\n        border-width: var(--maz-border-width);\n        border-style: solid;\n        background-color: var(--maz-color-bg);\n        -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n        -webkit-transition-duration: 300ms;\n                transition-duration: 300ms;\n}\n.m-input-wrapper.--default-border[data-v-064eeea4] {\n        --tw-border-opacity: 1;\n        border-color: rgb(229 231 235 / var(--tw-border-opacity));\n}\n.m-input-wrapper-input[data-v-064eeea4] {\n        position: relative;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-flex: 1;\n            -ms-flex: 1 1 0%;\n                flex: 1 1 0%;\n        -webkit-box-align: center;\n            -ms-flex-align: center;\n                align-items: center;\n}\n.m-input-wrapper-right[data-v-064eeea4],\n      .m-input-wrapper-left[data-v-064eeea4] {\n        position: relative;\n        z-index: 1;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n}\n.m-input-wrapper-right[data-v-064eeea4] > :not([hidden]) ~ :not([hidden]),\n      .m-input-wrapper-left[data-v-064eeea4] > :not([hidden]) ~ :not([hidden]) {\n        --tw-space-x-reverse: 0;\n        margin-right: calc(0.25rem * var(--tw-space-x-reverse));\n        margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.m-input-wrapper-right[data-v-064eeea4],\n      .m-input-wrapper-left[data-v-064eeea4] {\n        padding-top: 0.25rem;\n        padding-bottom: 0.25rem;\n        -webkit-box-align: center;\n            -ms-flex-align: center;\n                align-items: center;\n        -webkit-box-pack: center;\n            -ms-flex-pack: center;\n                justify-content: center;\n}\n.m-input-wrapper-right[data-v-064eeea4] {\n        padding-right: 0.5rem;\n}\n.m-input-wrapper-left[data-v-064eeea4] {\n        padding-left: 0.5rem;\n}\n.m-input-input[data-v-064eeea4] {\n        margin: 0px;\n        display: block;\n        height: 100%;\n        width: 100%;\n        -webkit-appearance: none;\n           -moz-appearance: none;\n                appearance: none;\n        border-style: none;\n        background-color: transparent;\n        padding-top: 0px;\n        padding-bottom: 0px;\n        padding-left: 1rem;\n        padding-right: 1rem;\n        color: var(--maz-color-text);\n        --tw-shadow: 0 0 #0000;\n        --tw-shadow-colored: 0 0 #0000;\n        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n                box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n}\n.m-input-input[data-v-064eeea4]:-webkit-autofill,\n      .m-input-input[data-v-064eeea4]:-webkit-autofill:hover,\n      .m-input-input[data-v-064eeea4]:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(--maz-color-text);\n        -webkit-box-shadow: 0 0 0 1000px var(--maz-color-primary-50) inset;\n                box-shadow: 0 0 0 1000px var(--maz-color-primary-50) inset;\n        -webkit-transition: background-color 5000s ease-in-out 0s;\n        transition: background-color 5000s ease-in-out 0s;\n}\n.m-input-label[data-v-064eeea4] {\n        pointer-events: none;\n        position: absolute;\n        display: block;\n        width: -webkit-max-content;\n        width: -moz-max-content;\n        width: max-content;\n        -webkit-transform-origin: top left;\n                transform-origin: top left;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        left: 0.75rem;\n        line-height: 1.5rem;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-align: center;\n            -ms-flex-align: center;\n                align-items: center;\n        -webkit-box-pack: center;\n            -ms-flex-pack: center;\n                justify-content: center;\n\n      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-input[data-v-064eeea4]:not(.--has-state) {\n        color: var(--maz-color-muted);\n}\n.m-input.--has-z-2 .m-input-wrapper[data-v-064eeea4] {\n        z-index: 2;\n}\n.m-input.--should-up .m-input-label[data-v-064eeea4] {\n        -webkit-transform: scale(0.8) translateY(-0.65em);\n                transform: scale(0.8) translateY(-0.65em);\n}\n.m-input.--is-readonly .m-input-input[data-v-064eeea4] {\n        cursor: default;\n}\n.m-input.--is-disabled .m-input-wrapper[data-v-064eeea4] {\n        background-color: var(--maz-color-bg-lighter);\n        color: var(--maz-color-muted);\n}\n.m-input.--is-disabled .m-input-input[data-v-064eeea4] {\n        cursor: not-allowed;\n        color: var(--maz-color-muted);\n}\n.m-input.--is-focused .m-input-wrapper[data-v-064eeea4] {\n        z-index: 3;\n}\n.m-input.--has-label .m-input-input[data-v-064eeea4] {\n        padding-left: 0.75rem;\n        padding-right: 0.75rem;\n        padding-top: 1rem;\n}\nhtml.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-064eeea4] {\n        background-color: var(--maz-color-bg-light);\n}\nhtml.dark .m-input:not(.--is-focused, .--has-state) .m-input-wrapper.--default-border[data-v-064eeea4] {\n        border-color: var(--maz-color-bg-lighter);\n}\nhtml.dark .m-input-input[data-v-064eeea4]:-webkit-autofill,\n      html.dark .m-input-input[data-v-064eeea4]:-webkit-autofill:hover,\n      html.dark .m-input-input[data-v-064eeea4]:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(--maz-color-text);\n        -webkit-box-shadow: 0 0 0 1000px var(--maz-color-bg-lighter) inset;\n                box-shadow: 0 0 0 1000px var(--maz-color-bg-lighter) inset;\n        -webkit-transition: background-color 5000s ease-in-out 0s;\n        transition: background-color 5000s ease-in-out 0s;\n}\n"),J.render=function(n,t,a,i,l,d){var s=_("MazIcon"),u=_("MazBtn");return e(),o("div",{class:r(["m-input",[{"--is-focused":n.isFocused||n.borderActive,"--should-up":n.shouldUp,"--has-label":n.hasLabel,"--is-disabled":n.disabled,"--is-readonly":n.readonly,"--has-z-2":n.error||n.warning||n.success,"--has-state":n.error||n.warning||n.success},n.$attrs.class,"--".concat(n.color),"--".concat(n.size)]]),onClick:t[2]||(t[2]=function(t){return n.$emit("click",t)})},[c("div",{class:r(["m-input-wrapper",[n.inputClasses,n.borderStyle,{"maz-rounded":!n.noRadius}]])},[n.hasLeftPart()?(e(),o("div",K,[n.$slots["left-icon"]||n.leftIcon?k(n.$slots,"left-icon",{key:0},(function(){return[x(s,{name:n.leftIcon,class:"maz-text-muted"},null,8,["name"])]})):b("",!0)])):b("",!0),c("div",Q,[S(c("input",m({id:n.instanceId,ref:"input","onUpdate:modelValue":t[0]||(t[0]=function(t){return n.inputValue=t}),type:n.inputType,name:n.name},n.$attrs,{placeholder:n.computedPlaceholder,"aria-label":n.label||n.placeholder,disabled:n.disabled,readonly:n.readonly,required:n.required,class:"m-input-input"},E({blur:n.blur,focus:n.focus,change:n.change},!0)),null,16,W),[[L,n.inputValue]]),n.label||n.hint?(e(),o("label",{key:0,ref:"label",for:n.instanceId,class:r(["m-input-label",[{"maz-text-danger-600":n.error,"maz-text-success-600":n.success,"maz-text-warning-600":n.warning}]])},[B(I(n.hint||n.label)+" ",1),n.required?(e(),o("sup",nn,"*")):b("",!0)],10,Z)):b("",!0)]),n.hasRightPart()?(e(),o("div",tn,[n.$slots["right-icon"]||n.rightIcon?k(n.$slots,"right-icon",{key:0},(function(){return[x(s,{name:n.rightIcon,class:"maz-text-muted"},null,8,["name"])]})):b("",!0),n.isPasswordType?(e(),g(u,{key:1,color:"transparent",tabindex:"-1",size:"mini",onClick:t[1]||(t[1]=D((function(t){return n.hasPasswordVisible=!n.hasPasswordVisible}),["stop"]))},{default:y((function(){return[n.hasPasswordVisible?(e(),g(s,{key:0,src:n.EyeOffIcon,class:"maz-text-muted"},null,8,["src"])):(e(),g(s,{key:1,src:n.EyeIcon,class:"maz-text-muted"},null,8,["src"]))]})),_:1})):b("",!0),n.$slots["valid-button"]||n.validButton?k(n.$slots,"valid-button",{key:2},(function(){return[x(u,{color:"transparent",disabled:n.disabled,tabindex:"-1",loading:n.validButtonLoading,class:"m-input-valid-button",size:"mini",type:"submit"},{default:y((function(){return[x(s,{src:n.CheckIcon,class:"maz-text-normal"},null,8,["src"])]})),_:1},8,["disabled","loading"])]})):b("",!0)])):b("",!0)],2)],2)},J.__scopeId="data-v-064eeea4";export{J as default};

package/components/MazInputNumber.d.ts

@@ -0,0 +1,67 @@
+import { type PropType } from 'vue';
+import type { Size } from './types';
+export type { Size } from './types';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: NumberConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    size: {
+        type: PropType<Size>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:model-value"[], "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: NumberConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    size: {
+        type: PropType<Size>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>> & {
+    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    max: number;
+    min: number;
+    step: number;
+    size: Size;
+}>;
+export default _default;

package/components/MazInputNumber.js

@@ -0,0 +1,3 @@
+import{defineComponent as n,openBlock as t,createElementBlock as e,normalizeClass as r,pushScopeId as o,popScopeId as a,createElementVNode as i,inject as l,ref as c,computed as d,onMounted as s,watchEffect as u,mergeProps as m,createCommentVNode as b,nextTick as p,useAttrs as f,useSlots as v,createBlock as g,resolveDynamicComponent as h,unref as w,withCtx as y,renderSlot as k,createVNode as x,getCurrentInstance as z,resolveComponent as _,withDirectives as E,toHandlers as D,vModelDynamic as S,createTextVNode as I,toDisplayString as F,withModifiers as L,isRef as B,withKeys as C}from"vue";var j=["width","height"],O=[function(n){return o("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)}))],P=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(o,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:r(["m-spinner","m-spinner--".concat(n.color)]),style:{"enable-background":"new 0 0 50 50"}},O,10,j)}}});function M(n,t){void 0===t&&(t={});var e=t.insertAt;if(n&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===e&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=n:o.appendChild(document.createTextNode(n))}}function N(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function T(n,t,e,r,o,a,i){try{var l=n[a](i),c=l.value}catch(n){return void e(n)}l.done?t(c):Promise.resolve(c).then(r,o)}M("\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"),P.__scopeId="data-v-67dbd337";var V={exports:{}},A={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}(A),function(n){var t=A.exports.default;function e(){
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+n.exports=e=function(){return r},n.exports.__esModule=!0,n.exports.default=n.exports;var r={},o=Object.prototype,a=o.hasOwnProperty,i="function"==typeof Symbol?Symbol:{},l=i.iterator||"@@iterator",c=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,r){var o=t&&t.prototype instanceof p?t:p,a=Object.create(o.prototype),i=new D(r||[]);return a._invoke=function(n,t,e){var r="suspendedStart";return function(o,a){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===o)throw a;return I()}for(e.method=o,e.arg=a;;){var i=e.delegate;if(i){var l=z(i,e);if(l){if(l===b)continue;return l}}if("next"===e.method)e.sent=e._sent=e.arg;else if("throw"===e.method){if("suspendedStart"===r)throw r="completed",e.arg;e.dispatchException(e.arg)}else"return"===e.method&&e.abrupt("return",e.arg);r="executing";var c=m(n,t,e);if("normal"===c.type){if(r=e.done?"completed":"suspendedYield",c.arg===b)continue;return{value:c.arg,done:e.done}}"throw"===c.type&&(r="completed",e.method="throw",e.arg=c.arg)}}}(n,e,i),a}function m(n,t,e){try{return{type:"normal",arg:n.call(t,e)}}catch(n){return{type:"throw",arg:n}}}r.wrap=u;var b={};function p(){}function f(){}function v(){}var g={};s(g,l,(function(){return this}));var h=Object.getPrototypeOf,w=h&&h(h(S([])));w&&w!==o&&a.call(w,l)&&(g=w);var y=v.prototype=p.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 r(o,i,l,c){var d=m(n[o],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){r("next",n,l,c)}),(function(n){r("throw",n,l,c)})):e.resolve(u).then((function(n){s.value=n,l(s)}),(function(n){return r("throw",n,l,c)}))}c(d.arg)}var o;this._invoke=function(n,t){function a(){return new e((function(e,o){r(n,t,e,o)}))}return o=o?o.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 b;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return b}var r=m(e,n.iterator,t.arg);if("throw"===r.type)return t.method="throw",t.arg=r.arg,t.delegate=null,b;var o=r.arg;return o?o.done?(t[n.resultName]=o.value,t.next=n.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,b):o:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,b)}function _(n){var t={tryLoc:n[0]};1 in n&&(t.catchLoc=n[1]),2 in n&&(t.finallyLoc=n[2],t.afterLoc=n[3]),this.tryEntries.push(t)}function E(n){var t=n.completion||{};t.type="normal",delete t.arg,n.completion=t}function D(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(_,this),this.reset(!0)}function S(n){if(n){var t=n[l];if(t)return t.call(n);if("function"==typeof n.next)return n;if(!isNaN(n.length)){var e=-1,r=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 r.next=r}}return{next:I}}function I(){return{value:void 0,done:!0}}return f.prototype=v,s(y,"constructor",v),s(v,"constructor",f),f.displayName=s(v,d,"GeneratorFunction"),r.isGeneratorFunction=function(n){var t="function"==typeof n&&n.constructor;return!!t&&(t===f||"GeneratorFunction"===(t.displayName||t.name))},r.mark=function(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,v):(n.__proto__=v,s(n,d,"GeneratorFunction")),n.prototype=Object.create(y),n},r.awrap=function(n){return{__await:n}},k(x.prototype),s(x.prototype,c,(function(){return this})),r.AsyncIterator=x,r.async=function(n,t,e,o,a){void 0===a&&(a=Promise);var i=new x(u(n,t,e,o),a);return r.isGeneratorFunction(t)?i:i.next().then((function(n){return n.done?n.value:i.next()}))},k(y),s(y,d,"Generator"),s(y,l,(function(){return this})),s(y,"toString",(function(){return"[object Generator]"})),r.keys=function(n){var t=[];for(var e in n)t.push(e);return t.reverse(),function e(){for(;t.length;){var r=t.pop();if(r in n)return e.value=r,e.done=!1,e}return e.done=!0,e}},r.values=S,D.prototype={constructor:D,reset:function(n){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(E),!n)for(var t in this)"t"===t.charAt(0)&&a.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var n=this.tryEntries[0].completion;if("throw"===n.type)throw n.arg;return this.rval},dispatchException:function(n){if(this.done)throw n;var t=this;function e(e,r){return i.type="throw",i.arg=n,t.next=e,r&&(t.method="next",t.arg=void 0),!!r}for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r],i=o.completion;if("root"===o.tryLoc)return e("end");if(o.tryLoc<=this.prev){var l=a.call(o,"catchLoc"),c=a.call(o,"finallyLoc");if(l&&c){if(this.prev<o.catchLoc)return e(o.catchLoc,!0);if(this.prev<o.finallyLoc)return e(o.finallyLoc)}else if(l){if(this.prev<o.catchLoc)return e(o.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return e(o.finallyLoc)}}}},abrupt:function(n,t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc<=this.prev&&a.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var o=r;break}}o&&("break"===n||"continue"===n)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=n,i.arg=t,o?(this.method="next",this.next=o.finallyLoc,b):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),b},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),E(e),b}},catch:function(n){for(var t=this.tryEntries.length-1;t>=0;--t){var e=this.tryEntries[t];if(e.tryLoc===n){var r=e.completion;if("throw"===r.type){var o=r.arg;E(e)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(n,t,e){return this.delegate={iterator:S(n),resultName:t,nextLoc:e},"next"===this.method&&(this.arg=void 0),b}},r}n.exports=e,n.exports.__esModule=!0,n.exports.default=n.exports}(V);var $=V.exports(),G=$;try{regeneratorRuntime=$}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=$:Function("r","regeneratorRuntime = r")($)}function q(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,r)}return e}function R(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?q(Object(e),!0).forEach((function(t){N(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):q(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}var H=["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,r){var o=r.emit,a=n,i={},f=c(),v=c(),g=function(){try{return function(n,t){var e=l(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()})),w=d((function(){return a.src?a.src:h.value?"".concat(h.value,"/").concat(a.name,".svg"):"/".concat(a.name,".svg")}));s((function(){a.name||a.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));var y=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 r=document.createElementNS("http://www.w3.org/2000/svg","title");r.textContent=t,n.append(r)}}(t,a.title),n.innerHTML},k=function(){var n,t=(n=G.mark((function n(t){var e;return G.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,f.value=e,n.next=8,p();case 8:o("loaded",v.value),n.next=16;break;case 11:n.prev=11,n.t0=n.catch(1),f.value&&(f.value=void 0,o("unloaded")),delete i[t],o("error",n.t0);case 16:case"end":return n.stop()}}),n,null,[[1,11]])})),function(){var t=this,e=arguments;return new Promise((function(r,o){var a=n.apply(t,e);function i(n){T(a,r,o,i,l,"next",n)}function l(n){T(a,r,o,i,l,"throw",n)}i(void 0)}))});return function(n){return t.apply(this,arguments)}}(),x=function(n){return new Promise((function(t,e){var r=new XMLHttpRequest;r.open("GET",n,!0),r.addEventListener("load",(function(){if(r.status>=200&&r.status<400)try{var n=(new DOMParser).parseFromString(r.responseText,"text/xml").querySelectorAll("svg")[0];n?(n=a.transformSource(n),t(n)):e(new Error('Loaded file is not valid SVG"'))}catch(n){e(n)}else e(new Error("Error loading SVG"))})),r.addEventListener("error",(function(){return e()})),r.send()}))};return u((function(){return k(w.value)})),function(r,o){return f.value?(t(),e("svg",m({key:0,ref_key:"svgElem",ref:v,width:"1em",height:"1em"},R(R({},function(n){var t={},e=n.attributes;if(!e)return t;for(var r=e.length-1;r>=0;r--)t[e[r].name]=e[r].value;return t}(f.value)),(a=r.$attrs,Object.keys(a).reduce((function(n,t){return!1!==a[t]&&null!==a[t]&&void 0!==a[t]&&(n[t]=a[t]),n}),{}))),{style:"font-size: ".concat(n.size),innerHTML:y(f.value)}),null,16,H)):b("",!0);var a}}}),Y={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},K={class:"maz-flex maz-flex-center"},X={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 o=n,a=f(),l=a.href,c=a.to,s=v(),u=d((function(){return l?"a":c?"router-link":"button"})),p=d((function(){return o.pastel?"--".concat(o.color,"-pastel"):o.outline||o.loading?"--".concat(o.color,"-outline"):"--".concat(o.color)})),z=d((function(){return(o.loading||o.disabled)&&"button"===u.value})),_=d((function(){return z.value?"--cursor-default":"--cursor-pointer"})),E=d((function(){return"--is-".concat(o.variant)})),D=d((function(){return"--".concat(o.color)})),S=d((function(){return["white"].includes(o.color)?"black":"white"})),I=d((function(){return o.loading&&"button"===o.variant})),F=d((function(){return!!s["left-icon"]||o.leftIcon})),L=d((function(){return!!s["right-icon"]||o.rightIcon})),B=d((function(){return F.value||L.value})),C=d((function(){return"button"===u.value?o.type:void 0}));return function(o,a){return t(),g(h(w(u)),m(o.$attrs,{disabled:w(z),class:["m-btn",["--".concat(n.size),w(p),w(_),w(E),{"--block":n.block,"--no-underline":n.noUnderline,"--no-leading":n.noLeading,"--fab":n.fab,"--loading":n.loading,"--disabled":w(z),"--icon":w(B),"--rounded":n.rounded,"--no-padding":n.noPadding,"--no-elevation":n.noElevation}]],type:w(C)}),{default:y((function(){return[w(F)?(t(),e("div",Y,[k(o.$slots,"left-icon",{},(function(){return[n.leftIcon?(t(),g(U,{key:0,name:n.leftIcon},null,8,["name"])):b("",!0)]}))])):b("",!0),i("span",K,[k(o.$slots,"default")]),w(L)?(t(),e("div",X,[k(o.$slots,"right-icon",{},(function(){return[n.rightIcon?(t(),g(U,{key:0,name:n.rightIcon},null,8,["name"])):b("",!0)]}))])):b("",!0),w(I)?(t(),e("div",{key:2,class:r(["m-btn__loading-wrapper",w(D)])},[x(P,{size:"2em",color:w(S)},null,8,["color"])],2)):b("",!0)]})),_:3},16,["disabled","class","type"])}}});M("\n.m-btn[data-v-4f7c1518] {\n\n        border-width: var(--maz-border-width);\n\n        border-style: solid;\n\n        border-color: transparent;\n\n        text-align: center;\n\n        font-size: 1rem;\n\n        line-height: 1.5rem;\n\n        color: var(--maz-color-text);\n}\n.m-btn span[data-v-4f7c1518] {\n\n        line-height: 1;\n}\n.m-btn__icon-left[data-v-4f7c1518] {\n\n        margin-right: 0.5rem;\n\n        margin-left: -0.25rem;\n\n        line-height: 1;\n}\n.m-btn__icon-right[data-v-4f7c1518] {\n\n        margin-left: 0.5rem;\n\n        margin-right: -0.25rem;\n\n        line-height: 1;\n}\n.m-btn.--cursor-pointer[data-v-4f7c1518] {\n\n        cursor: pointer;\n}\n.m-btn.--cursor-default[data-v-4f7c1518] {\n\n        cursor: default;\n}\n.m-btn.--is-link[data-v-4f7c1518] {\n\n        display: -webkit-inline-box;\n\n        display: -ms-inline-flexbox;\n\n        display: inline-flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        background-color: transparent;\n\n        outline: 2px solid transparent;\n\n        outline-offset: 2px;\n\n        -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        -webkit-transition-duration: 200ms;\n\n                transition-duration: 200ms;\n\n        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-link[data-v-4f7c1518]:not(.--no-leading) {\n\n        line-height: 2.25rem;\n}\n.m-btn.--is-link[data-v-4f7c1518]:not(:disabled):hover:not(.--no-underline), .m-btn.--is-link[data-v-4f7c1518]:not(:disabled):focus:not(.--no-underline) {\n\n        text-decoration-line: underline;\n}\n.m-btn.--is-link.--secondary[data-v-4f7c1518] {\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-link.--info[data-v-4f7c1518] {\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-link.--warning[data-v-4f7c1518] {\n\n        color: var(--maz-color-warning-600);\n}\n.m-btn.--is-link.--danger[data-v-4f7c1518] {\n\n        color: var(--maz-color-danger-600);\n}\n.m-btn.--is-link.--success[data-v-4f7c1518] {\n\n        color: var(--maz-color-success-600);\n}\n.m-btn.--is-link.--white[data-v-4f7c1518] {\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-link.--black[data-v-4f7c1518] {\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button[data-v-4f7c1518] {\n\n        position: relative;\n\n        display: -webkit-inline-box;\n\n        display: -ms-inline-flexbox;\n\n        display: inline-flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n\n        overflow: hidden;\n\n        border-radius: var(--maz-border-radius);\n\n        border-color: transparent;\n\n        background-color: transparent;\n\n        font-weight: 500;\n\n        text-decoration-line: none;\n\n        -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;\n\n        -webkit-transition-duration: 300ms;\n\n                transition-duration: 300ms;\n\n        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.m-btn.--is-button.--rounded[data-v-4f7c1518] {\n\n        border-radius: 9999px;\n}\n.m-btn.--is-button.--xl[data-v-4f7c1518] {\n\n        padding-left: 2rem;\n\n        padding-right: 2rem;\n\n        font-size: 1.25rem;\n\n        line-height: 1.75rem;\n\n        padding-top: 1.325rem;\n        padding-bottom: 1.325rem;\n}\n.m-btn.--is-button.--lg[data-v-4f7c1518] {\n\n        padding-left: 1.5rem;\n\n        padding-right: 1.5rem;\n\n        font-size: 1.125rem;\n\n        line-height: 1.75rem;\n\n        padding-top: 1rem;\n        padding-bottom: 1rem;\n}\n.m-btn.--is-button.--md[data-v-4f7c1518] {\n\n        padding-left: 1rem;\n\n        padding-right: 1rem;\n\n        font-size: 1rem;\n\n        line-height: 1.5rem;\n\n        padding-top: 0.88rem;\n        padding-bottom: 0.88rem;\n}\n.m-btn.--is-button.--sm[data-v-4f7c1518] {\n\n        padding-left: 0.75rem;\n\n        padding-right: 0.75rem;\n\n        font-size: 0.875rem;\n\n        line-height: 1.25rem;\n\n        padding-top: 0.625rem;\n        padding-bottom: 0.625rem;\n}\n.m-btn.--is-button.--xs[data-v-4f7c1518] {\n\n        padding-left: 0.5rem;\n\n        padding-right: 0.5rem;\n\n        font-size: 0.875rem;\n\n        line-height: 1.25rem;\n\n        padding-top: 0.3rem;\n        padding-bottom: 0.3rem;\n}\n.m-btn.--is-button.--mini[data-v-4f7c1518] {\n\n        padding-left: 0.25rem;\n\n        padding-right: 0.25rem;\n\n        font-size: 0.75rem;\n\n        line-height: 1rem;\n\n        padding-top: 0.2rem;\n        padding-bottom: 0.2rem;\n}\n.m-btn.--is-button.--icon[data-v-4f7c1518] {\n\n        padding-top: 0.5rem;\n\n        padding-bottom: 0.5rem;\n}\n.m-btn.--is-button[data-v-4f7c1518] {\n\n      -webkit-transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n\n      transition: background 300ms ease-in-out 0ms, color 300ms ease-in-out 0ms;\n}\n/* Not disabled */\n.m-btn.--is-button[data-v-4f7c1518]:not(.--disabled):hover,\n        .m-btn.--is-button[data-v-4f7c1518]:not(.--disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n}\n/* Fab */\n.m-btn.--is-button.--fab[data-v-4f7c1518] {\n\n        display: -webkit-box;\n\n        display: -ms-flexbox;\n\n        display: flex;\n\n        height: 3rem;\n\n        width: 3rem;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n\n        border-radius: 9999px;\n\n        padding-left: 0px;\n\n        padding-right: 0px;\n\n        padding-top: 0px;\n\n        padding-bottom: 0px;\n}\n.m-btn.--is-button.--fab[data-v-4f7c1518]:not(.--no-elevation) {\n\n        -webkit-box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n\n                box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n}\n.m-btn.--is-button.--block[data-v-4f7c1518] {\n\n        width: 100%;\n}\n.m-btn.--is-button.--primary[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--primary[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--primary[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary-600);\n}\n.m-btn.--is-button.--secondary[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--secondary[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--secondary[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary-600);\n}\n.m-btn.--is-button.--info[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--info[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--info[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info-600);\n}\n.m-btn.--is-button.--success[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--success[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--success[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success-600);\n}\n.m-btn.--is-button.--warning[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--warning[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--warning[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning-600);\n}\n.m-btn.--is-button.--danger[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--danger[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger-600);\n}\n.m-btn.--is-button.--white[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--white[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--white[data-v-4f7c1518]:not(:disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(209 213 219 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--black[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black-contrast);\n}\n.m-btn.--is-button.--black[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--black[data-v-4f7c1518]:not(:disabled):focus {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(31 41 55 / var(--tw-bg-opacity));\n}\n.m-btn.--is-button.--transparent[data-v-4f7c1518] {\n\n        background-color: transparent;\n}\n.m-btn.--is-button.--transparent[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--transparent[data-v-4f7c1518]:not(:disabled):focus {\n          background-color: hsl(0deg 0% 0% / 12%);\n}\n.m-btn.--is-button.--primary-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--primary-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--secondary-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--info-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-info);\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--info-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--success-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-success);\n\n        color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--success-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--danger-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-danger);\n\n        color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--danger-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--warning-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--warning-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-white);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--white-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--black-outline[data-v-4f7c1518] {\n\n        border-color: var(--maz-color-black);\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-outline[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--black-outline[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--primary-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-primary-50);\n\n        color: var(--maz-color-primary);\n}\n.m-btn.--is-button.--primary-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--primary-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-primary);\n\n        color: var(--maz-color-primary-contrast);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-secondary-50);\n\n        color: var(--maz-color-secondary);\n}\n.m-btn.--is-button.--secondary-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--secondary-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-secondary);\n\n        color: var(--maz-color-secondary-contrast);\n}\n.m-btn.--is-button.--info-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-info-50);\n\n        color: var(--maz-color-info);\n}\n.m-btn.--is-button.--info-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--info-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-info);\n\n        color: var(--maz-color-info-contrast);\n}\n.m-btn.--is-button.--success-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-success-50);\n\n        color: var(--maz-color-success);\n}\n.m-btn.--is-button.--success-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--success-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-success);\n\n        color: var(--maz-color-success-contrast);\n}\n.m-btn.--is-button.--danger-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-danger-50);\n\n        color: var(--maz-color-danger);\n}\n.m-btn.--is-button.--danger-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--danger-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-danger);\n\n        color: var(--maz-color-danger-contrast);\n}\n.m-btn.--is-button.--warning-pastel[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-warning-50);\n\n        color: var(--maz-color-warning);\n}\n.m-btn.--is-button.--warning-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--warning-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-warning);\n\n        color: var(--maz-color-warning-contrast);\n}\n.m-btn.--is-button.--white-pastel[data-v-4f7c1518] {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n\n        color: var(--maz-color-white);\n}\n.m-btn.--is-button.--white-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--white-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-white);\n\n        color: var(--maz-color-white-contrast);\n}\n.m-btn.--is-button.--black-pastel[data-v-4f7c1518] {\n\n        --tw-bg-opacity: 1;\n\n        background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n\n        color: var(--maz-color-black);\n}\n.m-btn.--is-button.--black-pastel[data-v-4f7c1518]:not(:disabled):hover,\n        .m-btn.--is-button.--black-pastel[data-v-4f7c1518]:not(:disabled):focus {\n\n        background-color: var(--maz-color-black);\n\n        color: var(--maz-color-black-contrast);\n}\n/* Disabled */\n.m-btn.--is-button.--disabled[data-v-4f7c1518] {\n\n        cursor: not-allowed;\n\n        background-color: var(--maz-color-bg-lighter);\n\n        --tw-text-opacity: 1;\n\n        color: rgb(156 163 175 / var(--tw-text-opacity));\n}\n.m-btn.--is-button.--no-padding[data-v-4f7c1518] {\n\n        padding: 0px;\n}\n/* Loader */\n.m-btn.--is-button .m-btn__loading-wrapper[data-v-4f7c1518] {\n\n        position: absolute;\n\n        top: 0px;\n\n        right: 0px;\n\n        bottom: 0px;\n\n        left: 0px;\n\n        display: -webkit-box;\n\n        display: -ms-flexbox;\n\n        display: flex;\n\n        -webkit-box-align: center;\n\n            -ms-flex-align: center;\n\n                align-items: center;\n\n        -webkit-box-pack: center;\n\n            -ms-flex-pack: center;\n\n                justify-content: center;\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--primary[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-primary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--secondary[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-secondary);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--info[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-info);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--warning[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-warning);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--success[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-success);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--danger[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-danger);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--white[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-white);\n}\n.m-btn.--is-button .m-btn__loading-wrapper.--black[data-v-4f7c1518] {\n\n        background-color: var(--maz-color-black);\n}\n"),J.__scopeId="data-v-4f7c1518";var Q=n({components:{MazBtn:J,MazIcon:U},inheritAttrs:!1,props:{modelValue:{type:[String,Number,Boolean],default:void 0},placeholder:{type:String,default:void 0},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","warning","danger","info","success","white","black","transparent"].includes(n)}},label:{type:String,default:void 0},name:{type:String,default:"input"},type:{type:String,default:"text",validator:function(n){return["text","date","number","tel","search","url","password","month","time","week","email"].includes(n)}},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},id:{type:String,default:void 0},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},hint:{type:String,default:void 0},inputClasses:{type:String,default:void 0},noBorder:{type:Boolean,default:!1},noRadius:{type:Boolean,default:!1},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}},debounce:{type:Boolean,default:!1},debounceDelay:{type:Number,default:500},validButton:{type:Boolean,default:!1},validButtonLoading:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},borderActive:{type:Boolean,default:!1},leftIcon:{type:String,default:void 0},rightIcon:{type:String,default:void 0}},emits:["focus","blur","update:model-value","click","change","update"],setup:function(n,t){var e=t.emit,r=t.slots,o=c(!1),a=c(!1),i=c(),l=function(n){var t=n.componentName,e=n.instance,r=n.providedId;return{instanceId:d((function(){return null!=r?r:"".concat(t,"-").concat(null==e?void 0:e.uid)}))}}({componentName:"MazInput",instance:z(),providedId:n.id}),u=l.instanceId;s((function(){var t;n.autoFocus&&(null===(t=i.value)||void 0===t||t.focus())}));var m=d((function(){return"password"===n.type})),b=d((function(){return o.value?"text":n.type})),p=d((function(){if(!n.noBorder){if(n.error)return"maz-border-danger";if(n.success)return"maz-border-success";if(n.warning)return"maz-border-warning";if(a.value||n.borderActive){if("black"===n.color)return"maz-border-black";if("danger"===n.color)return"maz-border-danger";if("info"===n.color)return"maz-border-info";if("primary"===n.color)return"maz-border-primary";if("secondary"===n.color)return"maz-border-secondary";if("success"===n.color)return"maz-border-success";if("warning"===n.color)return"maz-border-warning";if("white"===n.color)return"maz-border-white"}return"--default-border"}})),f=d((function(){var t=n.required,e=n.placeholder;if(e)return t?"".concat(e," *"):e})),v=d((function(){return void 0!==n.modelValue&&""!==n.modelValue})),g=d({get:function(){return n.modelValue},set:function(n){return k(n)}}),h=d((function(){return(!!n.label||!!n.hint)&&(a.value||!!v.value||!!n.placeholder||["date","month","week"].includes(n.type))})),w=d((function(){return!!n.label||!!n.hint})),y=function(n){var t,e,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a=function(){t&&(clearTimeout(t),e=void 0,t=void 0)},i=function(){var n=e;a(),n&&n()},l=function(){for(var i=arguments.length,l=new Array(i),c=0;c<i;c++)l[c]=arguments[c];if(!r)return n.apply(this,l);var d=this,s=o&&!t;return a(),e=function(){n.apply(d,l)},t=setTimeout((function(){if(t=void 0,!s){var n=e;if(e=void 0,void 0!==n)return n()}}),r),s?e():void 0};return l.cancel=a,l.flush=i,l}((function(n){e("update:model-value",n)}),n.debounceDelay),k=function(t){if(n.debounce)return y(t);e("update:model-value",t)};return{inputValue:g,shouldUp:h,hasLabel:w,computedPlaceholder:f,isPasswordType:m,inputType:b,input:i,isFocused:a,hasPasswordVisible:o,borderStyle:p,focus:function(n){e("focus",n),a.value=!0},blur:function(n){e("blur",n),a.value=!1},change:function(n){return e("change",n)},emitValue:k,hasRightPart:function(){return!!r["right-icon"]||m.value||!!r["valid-button"]||n.validButton||!!n.rightIcon},hasLeftPart:function(){return!!r["left-icon"]||!!n.leftIcon},EyeOffIcon:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M13.875%2018.825A10.05%2010.05%200%200112%2019c-4.478%200-8.268-2.943-9.543-7a9.97%209.97%200%20011.563-3.029m5.858.908a3%203%200%20114.243%204.243M9.878%209.878l4.242%204.242M9.88%209.88l-3.29-3.29m7.532%207.532l3.29%203.29M3%203l3.59%203.59m0%200A9.953%209.953%200%200112%205c4.478%200%208.268%202.943%209.543%207a10.025%2010.025%200%2001-4.132%205.411m0%200L21%2021%22%2F%3E%3C%2Fsvg%3E",EyeIcon:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M15%2012a3%203%200%2011-6%200%203%203%200%20016%200z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M2.458%2012C3.732%207.943%207.523%205%2012%205c4.478%200%208.268%202.943%209.542%207-1.274%204.057-5.064%207-9.542%207-4.477%200-8.268-2.943-9.542-7z%22%2F%3E%3C%2Fsvg%3E",CheckIcon:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M5%2013l4%204L19%207%22%2F%3E%3C%2Fsvg%3E",instanceId:u}}}),W={key:0,class:"m-input-wrapper-left"},Z={class:"m-input-wrapper-input"},nn=["id","type","name","placeholder","aria-label","disabled","readonly","required"],tn=["for"],en={key:0},rn={key:1,class:"m-input-wrapper-right"};M("\n.m-input[data-v-064eeea4] {\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-orient: vertical;\n        -webkit-box-direction: normal;\n            -ms-flex-direction: column;\n                flex-direction: column;\n}\n.m-input.--xl[data-v-064eeea4] {\n        height: 4rem;\n}\n.m-input.--xl .m-input-input[data-v-064eeea4],\n      .m-input.--xl .m-input-label[data-v-064eeea4] {\n        font-size: 1.25rem;\n        line-height: 1.75rem;\n}\n.m-input.--lg[data-v-064eeea4] {\n        height: 3.5rem;\n}\n.m-input.--lg .m-input-input[data-v-064eeea4],\n      .m-input.--lg .m-input-label[data-v-064eeea4] {\n        font-size: 1.125rem;\n        line-height: 1.75rem;\n}\n.m-input.--md[data-v-064eeea4] {\n        height: 3rem;\n}\n.m-input.--md .m-input-input[data-v-064eeea4],\n      .m-input.--md .m-input-label[data-v-064eeea4] {\n        font-size: 1rem;\n        line-height: 1.5rem;\n}\n.m-input.--sm[data-v-064eeea4] {\n        height: 2.5rem;\n}\n.m-input.--sm .m-input-input[data-v-064eeea4],\n      .m-input.--sm .m-input-label[data-v-064eeea4] {\n        font-size: 0.875rem;\n        line-height: 1.25rem;\n}\n.m-input.--xs[data-v-064eeea4] {\n        height: 2rem;\n}\n.m-input.--xs .m-input-input[data-v-064eeea4],\n      .m-input.--xs .m-input-label[data-v-064eeea4] {\n        font-size: 0.75rem;\n        line-height: 1rem;\n}\n.m-input.--mini[data-v-064eeea4] {\n        height: 1.5rem;\n}\n.m-input.--mini .m-input-input[data-v-064eeea4],\n      .m-input.--mini .m-input-label[data-v-064eeea4] {\n        font-size: 0.75rem;\n        line-height: 1rem;\n}\n.m-input-wrapper[data-v-064eeea4] {\n        position: relative;\n        z-index: 1;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-flex: 1;\n            -ms-flex: 1 1 0%;\n                flex: 1 1 0%;\n        overflow: hidden;\n        border-width: var(--maz-border-width);\n        border-style: solid;\n        background-color: var(--maz-color-bg);\n        -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n        -webkit-transition-duration: 300ms;\n                transition-duration: 300ms;\n}\n.m-input-wrapper.--default-border[data-v-064eeea4] {\n        --tw-border-opacity: 1;\n        border-color: rgb(229 231 235 / var(--tw-border-opacity));\n}\n.m-input-wrapper-input[data-v-064eeea4] {\n        position: relative;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-flex: 1;\n            -ms-flex: 1 1 0%;\n                flex: 1 1 0%;\n        -webkit-box-align: center;\n            -ms-flex-align: center;\n                align-items: center;\n}\n.m-input-wrapper-right[data-v-064eeea4],\n      .m-input-wrapper-left[data-v-064eeea4] {\n        position: relative;\n        z-index: 1;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n}\n.m-input-wrapper-right[data-v-064eeea4] > :not([hidden]) ~ :not([hidden]),\n      .m-input-wrapper-left[data-v-064eeea4] > :not([hidden]) ~ :not([hidden]) {\n        --tw-space-x-reverse: 0;\n        margin-right: calc(0.25rem * var(--tw-space-x-reverse));\n        margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.m-input-wrapper-right[data-v-064eeea4],\n      .m-input-wrapper-left[data-v-064eeea4] {\n        padding-top: 0.25rem;\n        padding-bottom: 0.25rem;\n        -webkit-box-align: center;\n            -ms-flex-align: center;\n                align-items: center;\n        -webkit-box-pack: center;\n            -ms-flex-pack: center;\n                justify-content: center;\n}\n.m-input-wrapper-right[data-v-064eeea4] {\n        padding-right: 0.5rem;\n}\n.m-input-wrapper-left[data-v-064eeea4] {\n        padding-left: 0.5rem;\n}\n.m-input-input[data-v-064eeea4] {\n        margin: 0px;\n        display: block;\n        height: 100%;\n        width: 100%;\n        -webkit-appearance: none;\n           -moz-appearance: none;\n                appearance: none;\n        border-style: none;\n        background-color: transparent;\n        padding-top: 0px;\n        padding-bottom: 0px;\n        padding-left: 1rem;\n        padding-right: 1rem;\n        color: var(--maz-color-text);\n        --tw-shadow: 0 0 #0000;\n        --tw-shadow-colored: 0 0 #0000;\n        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n                box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n}\n.m-input-input[data-v-064eeea4]:-webkit-autofill,\n      .m-input-input[data-v-064eeea4]:-webkit-autofill:hover,\n      .m-input-input[data-v-064eeea4]:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(--maz-color-text);\n        -webkit-box-shadow: 0 0 0 1000px var(--maz-color-primary-50) inset;\n                box-shadow: 0 0 0 1000px var(--maz-color-primary-50) inset;\n        -webkit-transition: background-color 5000s ease-in-out 0s;\n        transition: background-color 5000s ease-in-out 0s;\n}\n.m-input-label[data-v-064eeea4] {\n        pointer-events: none;\n        position: absolute;\n        display: block;\n        width: -webkit-max-content;\n        width: -moz-max-content;\n        width: max-content;\n        -webkit-transform-origin: top left;\n                transform-origin: top left;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        left: 0.75rem;\n        line-height: 1.5rem;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-align: center;\n            -ms-flex-align: center;\n                align-items: center;\n        -webkit-box-pack: center;\n            -ms-flex-pack: center;\n                justify-content: center;\n\n      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-input[data-v-064eeea4]:not(.--has-state) {\n        color: var(--maz-color-muted);\n}\n.m-input.--has-z-2 .m-input-wrapper[data-v-064eeea4] {\n        z-index: 2;\n}\n.m-input.--should-up .m-input-label[data-v-064eeea4] {\n        -webkit-transform: scale(0.8) translateY(-0.65em);\n                transform: scale(0.8) translateY(-0.65em);\n}\n.m-input.--is-readonly .m-input-input[data-v-064eeea4] {\n        cursor: default;\n}\n.m-input.--is-disabled .m-input-wrapper[data-v-064eeea4] {\n        background-color: var(--maz-color-bg-lighter);\n        color: var(--maz-color-muted);\n}\n.m-input.--is-disabled .m-input-input[data-v-064eeea4] {\n        cursor: not-allowed;\n        color: var(--maz-color-muted);\n}\n.m-input.--is-focused .m-input-wrapper[data-v-064eeea4] {\n        z-index: 3;\n}\n.m-input.--has-label .m-input-input[data-v-064eeea4] {\n        padding-left: 0.75rem;\n        padding-right: 0.75rem;\n        padding-top: 1rem;\n}\nhtml.dark .m-input:not(.--is-disabled) .m-input-wrapper[data-v-064eeea4] {\n        background-color: var(--maz-color-bg-light);\n}\nhtml.dark .m-input:not(.--is-focused, .--has-state) .m-input-wrapper.--default-border[data-v-064eeea4] {\n        border-color: var(--maz-color-bg-lighter);\n}\nhtml.dark .m-input-input[data-v-064eeea4]:-webkit-autofill,\n      html.dark .m-input-input[data-v-064eeea4]:-webkit-autofill:hover,\n      html.dark .m-input-input[data-v-064eeea4]:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(--maz-color-text);\n        -webkit-box-shadow: 0 0 0 1000px var(--maz-color-bg-lighter) inset;\n                box-shadow: 0 0 0 1000px var(--maz-color-bg-lighter) inset;\n        -webkit-transition: background-color 5000s ease-in-out 0s;\n        transition: background-color 5000s ease-in-out 0s;\n}\n"),Q.render=function(n,o,a,l,c,d){var s=_("MazIcon"),u=_("MazBtn");return t(),e("div",{class:r(["m-input",[{"--is-focused":n.isFocused||n.borderActive,"--should-up":n.shouldUp,"--has-label":n.hasLabel,"--is-disabled":n.disabled,"--is-readonly":n.readonly,"--has-z-2":n.error||n.warning||n.success,"--has-state":n.error||n.warning||n.success},n.$attrs.class,"--".concat(n.color),"--".concat(n.size)]]),onClick:o[2]||(o[2]=function(t){return n.$emit("click",t)})},[i("div",{class:r(["m-input-wrapper",[n.inputClasses,n.borderStyle,{"maz-rounded":!n.noRadius}]])},[n.hasLeftPart()?(t(),e("div",W,[n.$slots["left-icon"]||n.leftIcon?k(n.$slots,"left-icon",{key:0},(function(){return[x(s,{name:n.leftIcon,class:"maz-text-muted"},null,8,["name"])]})):b("",!0)])):b("",!0),i("div",Z,[E(i("input",m({id:n.instanceId,ref:"input","onUpdate:modelValue":o[0]||(o[0]=function(t){return n.inputValue=t}),type:n.inputType,name:n.name},n.$attrs,{placeholder:n.computedPlaceholder,"aria-label":n.label||n.placeholder,disabled:n.disabled,readonly:n.readonly,required:n.required,class:"m-input-input"},D({blur:n.blur,focus:n.focus,change:n.change},!0)),null,16,nn),[[S,n.inputValue]]),n.label||n.hint?(t(),e("label",{key:0,ref:"label",for:n.instanceId,class:r(["m-input-label",[{"maz-text-danger-600":n.error,"maz-text-success-600":n.success,"maz-text-warning-600":n.warning}]])},[I(F(n.hint||n.label)+" ",1),n.required?(t(),e("sup",en,"*")):b("",!0)],10,tn)):b("",!0)]),n.hasRightPart()?(t(),e("div",rn,[n.$slots["right-icon"]||n.rightIcon?k(n.$slots,"right-icon",{key:0},(function(){return[x(s,{name:n.rightIcon,class:"maz-text-muted"},null,8,["name"])]})):b("",!0),n.isPasswordType?(t(),g(u,{key:1,color:"transparent",tabindex:"-1",size:"mini",onClick:o[1]||(o[1]=L((function(t){return n.hasPasswordVisible=!n.hasPasswordVisible}),["stop"]))},{default:y((function(){return[n.hasPasswordVisible?(t(),g(s,{key:0,src:n.EyeOffIcon,class:"maz-text-muted"},null,8,["src"])):(t(),g(s,{key:1,src:n.EyeIcon,class:"maz-text-muted"},null,8,["src"]))]})),_:1})):b("",!0),n.$slots["valid-button"]||n.validButton?k(n.$slots,"valid-button",{key:2},(function(){return[x(u,{color:"transparent",disabled:n.disabled,tabindex:"-1",loading:n.validButtonLoading,class:"m-input-valid-button",size:"mini",type:"submit"},{default:y((function(){return[x(s,{src:n.CheckIcon,class:"maz-text-normal"},null,8,["src"])]})),_:1},8,["disabled","loading"])]})):b("",!0)])):b("",!0)],2)],2)},Q.__scopeId="data-v-064eeea4";var on=n({__name:"MazInputNumber",props:{modelValue:{type:Number,required:!0},disabled:{type:Boolean,default:!1},max:{type:Number,default:Number.POSITIVE_INFINITY},min:{type:Number,default:Number.NEGATIVE_INFINITY},step:{type:Number,default:1},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}}},emits:["update:model-value"],setup:function(n,o){var a=o.emit,i=n,l=d({get:function(){return i.modelValue},set:function(n){return c(n)}}),c=function(n){var t;n=(t=n)<=i.min?i.min:t>=i.max?i.max:t,l.value!==n&&a("update:model-value",n)};c(l.value);var s=d((function(){return i.modelValue>=i.max})),u=d((function(){return i.modelValue<=i.min})),b=function(){i.disabled||s.value||(l.value=l.value+1*i.step)},p=function(){i.disabled||u.value||(l.value=l.value-1*i.step)};return function(o,a){return t(),e("div",{class:r(["m-input-number maz-align-center",["m-input-number--".concat(n.size)]])},[x(J,{color:"transparent","no-shadow":"",size:n.size,class:"m-input-number__button m-input-number__decrement-button",disabled:w(u)||n.disabled,onClick:p},{default:y((function(){return[x(U,{src:w("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M20%2012H4%22%2F%3E%3C%2Fsvg%3E"),class:"m-input-number__button__icon"},null,8,["src"])]})),_:1},8,["size","disabled"]),x(Q,m({modelValue:w(l),"onUpdate:modelValue":a[0]||(a[0]=function(n){return B(l)?l.value=n:null}),modelModifiers:{number:!0},type:"number",class:"m-input-number__input maz-flex-1",disabled:n.disabled,min:n.min,max:n.max,step:n.step},o.$attrs,{size:n.size,onKeydown:[C(L(b,["prevent"]),["up"]),C(L(p,["prevent"]),["down"])]}),null,16,["modelValue","disabled","min","max","step","size","onKeydown"]),x(J,{color:"transparent","no-shadow":"",size:n.size,class:"m-input-number__button m-input-number__increment-button",disabled:w(s)||n.disabled,onClick:b},{default:y((function(){return[x(U,{src:w("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M12%204v16m8-8H4%22%2F%3E%3C%2Fsvg%3E"),class:"m-input-number__button__icon"},null,8,["src"])]})),_:1},8,["size","disabled"])],2)}}});M("\n.m-input-number {\n          display: -webkit-inline-box;\n          display: -ms-inline-flexbox;\n          display: inline-flex;\n}\n.m-input-number__button.m-btn.--is-button::before {\n          content: none !important;\n}\n.m-input-number__button.m-btn.--is-button:first-child,\n        .m-input-number__button.m-btn.--is-button:last-child {\n          border-width: var(--maz-border-width);\n          --tw-border-opacity: 1;\n          border-color: rgb(229 231 235 / var(--tw-border-opacity));\n          --tw-shadow: 0 0 #0000;\n          --tw-shadow-colored: 0 0 #0000;\n          -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n                  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n          padding-left: 0.75rem !important;\n          padding-right: 0.75rem !important;\n          padding-top: 0px !important;\n          padding-bottom: 0px !important;\n}\n.m-input-number__button.m-btn.--is-button:first-child {\n          border-top-right-radius: 0px;\n          border-bottom-right-radius: 0px;\n\n          margin-right: calc(-1 * 2px);\n}\n.m-input-number__button.m-btn.--is-button:last-child {\n          border-top-left-radius: 0px;\n          border-bottom-left-radius: 0px;\n\n          margin-left: calc(-1 * 2px);\n}\n.m-input-number__button__icon {\n          height: 1rem;\n          width: 1rem;\n}\n.m-input-number__input {\n      min-width: 120px;\n}\n.m-input-number__input .m-input-wrapper {\n          z-index: 1;\n          border-radius: 0px;\n}\n/* Chrome, Safari, Edge, Opera */\n.m-input-number__input input::-webkit-outer-spin-button,\n      .m-input-number__input input::-webkit-inner-spin-button {\n        -webkit-appearance: none;\n                appearance: none;\n        margin: 0;\n}\n/* Firefox */\n.m-input-number__input input[type='number'] {\n        -webkit-appearance: textfield;\n                -moz-appearance: textfield;\n             appearance: textfield;\n}\nhtml.dark .m-input-number__button.m-btn.--is-button:first-child,\n      html.dark .m-input-number__button.m-btn.--is-button:last-child {\n          border-color: var(--maz-color-bg-lighter);\n}\n");export{on as default};