maz-ui 2.3.13 → 2.4.2

package/components/MazRadioButtons.d.ts

@@ -0,0 +1,69 @@
+import type { PropType } from 'vue';
+import type { Color } from './types';
+export interface ButtonsRadioOption {
+    label: string;
+    value: string | number;
+}
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    options: {
+        type: PropType<ButtonsRadioOption[]>;
+        required: true;
+    };
+    name: {
+        type: PropType<string>;
+        default: string;
+    };
+    color: {
+        type: PropType<Color>;
+        default: string;
+    };
+    noElevation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    orientation: {
+        type: PropType<"row" | "col">;
+        default: string;
+    };
+}, (_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" | "change")[], "update:model-value" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    options: {
+        type: PropType<ButtonsRadioOption[]>;
+        required: true;
+    };
+    name: {
+        type: PropType<string>;
+        default: string;
+    };
+    color: {
+        type: PropType<Color>;
+        default: string;
+    };
+    noElevation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    orientation: {
+        type: PropType<"row" | "col">;
+        default: string;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+}, {
+    name: string;
+    modelValue: string | number;
+    color: Color;
+    noElevation: boolean;
+    orientation: "row" | "col";
+}>;
+export default _default;

package/components/MazRadioButtons.js

@@ -0,0 +1 @@
+import{defineComponent as t,openBlock as e,createElementBlock as o,normalizeClass as n,Fragment as a,renderList as r,normalizeStyle as i,createElementVNode as d,renderSlot as l,createTextVNode as c,toDisplayString as s}from"vue";var u=["id"],m=["id","name","value","onChange"],p=t({__name:"MazRadioButtons",props:{modelValue:{type:[String,Number],default:void 0},options:{type:Array,required:!0},name:{type:String,default:"MazButtonsRadio"},color:{type:String,default:"primary"},noElevation:{type:Boolean,default:!1},orientation:{type:String,default:"row"}},emits:["update:model-value","change"],setup:function(t,p){var b=p.emit,v=t,f=function(t){return v.modelValue===t};return function(p,v){return e(),o("div",{class:n(["m-radio-buttons",["row"===t.orientation?"maz-flex-row":"maz-flex-col"]])},[(e(!0),o(a,null,r(t.options,(function(a,r){return e(),o("label",{id:a.value.toString(),key:r,class:n(["m-radio-buttons__items",{"--is-selected":f(a.value),"maz-elevation":!t.noElevation}]),style:i(f(a.value)?{color:"var(--maz-color-".concat(t.color,"-contrast)"),backgroundColor:"var(--maz-color-".concat(t.color,")")}:void 0)},[d("input",{id:a.value.toString(),type:"radio",name:t.name,value:a.value,class:"maz-hidden",onChange:function(t){return function(t){b("update:model-value",t.value)}(a)}},null,40,m),l(p.$slots,"default",{option:a,selected:f(a.value)},(function(){return[c(s(a.label),1)]}))],14,u)})),128))],2)}}});!function(t,e){void 0===e&&(e={});var o=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===o&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}("\n.m-radio-buttons[data-v-7233dc16] {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n    gap: 0.5rem\n}\n.m-radio-buttons__items[data-v-7233dc16] {\n    cursor: pointer;\n    border-radius: var(--maz-border-radius);\n    padding-left: 1rem;\n    padding-right: 1rem;\n    padding-top: 0.5rem;\n    padding-bottom: 0.5rem;\n    font-weight: 500;\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    -webkit-box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n            box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05)\n}\n.m-radio-buttons__items[data-v-7233dc16]:not(.--is-selected):hover {\n    background-color: var(--maz-color-bg-light)\n}\nhtml.dark .m-radio-buttons__items[data-v-7233dc16]:not(.--is-selected) {\n    background-color: var(--maz-color-bg-light)\n}\nhtml.dark .m-radio-buttons__items[data-v-7233dc16]:not(.--is-selected):hover {\n    background-color: var(--maz-color-bg-lighter)\n}\n"),p.__scopeId="data-v-7233dc16";export{p as default};

package/components/MazSelect.d.ts

@@ -0,0 +1,176 @@
+import { type PropType } from 'vue';
+import type { Color, ModelValueSimple, Position, Size } from './types';
+export type MazSelectOption = Record<string, ModelValueSimple>;
+export type { Color, Size, ModelValueSimple, Position } from './types';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: PropType<ModelValueSimple>;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    options: {
+        type: PropType<MazSelectOption[]>;
+        required: true;
+    };
+    optionValueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    optionLabelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    optionInputValueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    listPosition: {
+        type: PropType<Position>;
+        default: string;
+        validator: (value: Position) => boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: PropType<Color>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    itemHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxListHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxListWidth: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    size: {
+        type: PropType<Size>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    search: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "update:model-value" | "blur" | "focus" | "change")[], "close" | "open" | "update:model-value" | "blur" | "focus" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<ModelValueSimple>;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    options: {
+        type: PropType<MazSelectOption[]>;
+        required: true;
+    };
+    optionValueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    optionLabelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    optionInputValueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    listPosition: {
+        type: PropType<Position>;
+        default: string;
+        validator: (value: Position) => boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: PropType<Color>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    itemHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxListHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxListWidth: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    size: {
+        type: PropType<Size>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    search: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    open: boolean;
+    modelValue: ModelValueSimple;
+    id: string;
+    optionValueKey: string;
+    optionLabelKey: string;
+    optionInputValueKey: string;
+    listPosition: Position;
+    required: boolean;
+    disabled: boolean;
+    color: Color;
+    itemHeight: number;
+    maxListHeight: number;
+    maxListWidth: number;
+    size: Size;
+    search: boolean;
+    searchPlaceholder: string;
+}>;
+export default _default;

package/components/MazSelect.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 l,inject as c,ref as s,onMounted as d,watchEffect as u,mergeProps as m,createCommentVNode as p,nextTick as b,useAttrs as f,useSlots as v,createBlock as g,resolveDynamicComponent as h,unref as y,withCtx as w,renderSlot as k,createVNode as x,getCurrentInstance as z,resolveComponent as _,withDirectives as S,toHandlers as L,vModelDynamic as E,createTextVNode as D,toDisplayString as I,withModifiers as B,onBeforeMount as C,Transition as V,normalizeStyle as P,Fragment as F,renderList as j}from"vue";function O(n,t,e,o,r,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(o,r)}function M(n){return function(){var t=this,e=arguments;return new Promise((function(o,r){var a=n.apply(t,e);function i(n){O(a,o,r,i,l,"next",n)}function l(n){O(a,o,r,i,l,"throw",n)}i(void 0)}))}}var K={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 o},n.exports.__esModule=!0,n.exports.default=n.exports;var o={},r=Object.prototype,a=r.hasOwnProperty,i="function"==typeof Symbol?Symbol:{},l=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",s=i.toStringTag||"@@toStringTag";function d(n,t,e){return Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}),n[t]}try{d({},"")}catch(n){d=function(n,t,e){return n[t]=e}}function u(n,t,e,o){var r=t&&t.prototype instanceof b?t:b,a=Object.create(r.prototype),i=new L(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 D()}for(e.method=r,e.arg=a;;){var i=e.delegate;if(i){var l=z(i,e);if(l){if(l===p)continue;return l}}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 c=m(n,t,e);if("normal"===c.type){if(o=e.done?"completed":"suspendedYield",c.arg===p)continue;return{value:c.arg,done:e.done}}"throw"===c.type&&(o="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}}}o.wrap=u;var p={};function b(){}function f(){}function v(){}var g={};d(g,l,(function(){return this}));var h=Object.getPrototypeOf,y=h&&h(h(E([])));y&&y!==r&&a.call(y,l)&&(g=y);var w=v.prototype=b.prototype=Object.create(g);function k(n){["next","throw","return"].forEach((function(t){d(n,t,(function(n){return this._invoke(t,n)}))}))}function x(n,e){function o(r,i,l,c){var s=m(n[r],n,i);if("throw"!==s.type){var d=s.arg,u=d.value;return u&&"object"==t(u)&&a.call(u,"__await")?e.resolve(u.__await).then((function(n){o("next",n,l,c)}),(function(n){o("throw",n,l,c)})):e.resolve(u).then((function(n){d.value=n,l(d)}),(function(n){return o("throw",n,l,c)}))}c(s.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 p;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return p}var o=m(e,n.iterator,t.arg);if("throw"===o.type)return t.method="throw",t.arg=o.arg,t.delegate=null,p;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,p):r:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,p)}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 L(n){this.tryEntries=[{tryLoc:"root"}],n.forEach(_,this),this.reset(!0)}function E(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,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:D}}function D(){return{value:void 0,done:!0}}return f.prototype=v,d(w,"constructor",v),d(v,"constructor",f),f.displayName=d(v,s,"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,d(n,s,"GeneratorFunction")),n.prototype=Object.create(w),n},o.awrap=function(n){return{__await:n}},k(x.prototype),d(x.prototype,c,(function(){return this})),o.AsyncIterator=x,o.async=function(n,t,e,r,a){void 0===a&&(a=Promise);var i=new x(u(n,t,e,r),a);return o.isGeneratorFunction(t)?i:i.next().then((function(n){return n.done?n.value:i.next()}))},k(w),d(w,s,"Generator"),d(w,l,(function(){return this})),d(w,"toString",(function(){return"[object Generator]"})),o.keys=function(n){var t=[];for(var e in n)t.push(e);return t.reverse(),function e(){for(;t.length;){var o=t.pop();if(o in n)return e.value=o,e.done=!1,e}return e.done=!0,e}},o.values=E,L.prototype={constructor:L,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 l=a.call(r,"catchLoc"),c=a.call(r,"finallyLoc");if(l&&c){if(this.prev<r.catchLoc)return e(r.catchLoc,!0);if(this.prev<r.finallyLoc)return e(r.finallyLoc)}else if(l){if(this.prev<r.catchLoc)return e(r.catchLoc,!0)}else{if(!c)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,p):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),p},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),p}},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:E(n),resultName:t,nextLoc:e},"next"===this.method&&(this.arg=void 0),p}},o}n.exports=e,n.exports.__esModule=!0,n.exports.default=n.exports}(K);var T=K.exports(),N=T;try{regeneratorRuntime=T}catch(n){"object"==typeof globalThis?globalThis.regeneratorRuntime=T:Function("r","regeneratorRuntime = r")(T)}var $=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)}))}},q=["width","height"],G=[function(n){return a("data-v-67dbd337"),n=n(),i(),n}((function(){return l("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)}))],H=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"}},G,10,q)}}});function R(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 U(n,t,e){return t in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function Y(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 W(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?Y(Object(e),!0).forEach((function(t){U(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):Y(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}R("\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"),H.__scopeId="data-v-67dbd337";var X=["innerHTML"],J=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,l={},f=s(),v=s(),g=function(){try{return function(n,t){var e=c(n,t);if(!e)throw new Error("[maz-ui](injectStrict) Could not resolve ".concat(n));return e}("mazIconPath")}catch(n){return}},h=n((function(){var n;return null!==(n=i.path)&&void 0!==n?n:g()})),y=n((function(){return i.src?i.src:h.value?"".concat(h.value,"/").concat(i.name,".svg"):"/".concat(i.name,".svg")}));d((function(){i.name||i.src||console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop')}));var w=function(n){var t=n.cloneNode(!0);return t=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=M(N.mark((function n(t){var e;return N.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return l[t]||(l[t]=x(t)),n.prev=1,n.next=4,l[t];case 4:return e=n.sent,f.value=e,n.next=8,b();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 l[t],a("error",n.t0);case 16:case"end":return n.stop()}}),n,null,[[1,11]])})));return function(t){return n.apply(this,arguments)}}(),x=function(n){return new Promise((function(t,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(y.value)})),function(n,r){return f.value?(e(),o("svg",m({key:0,ref_key:"svgElem",ref:v,width:"1em",height:"1em"},W(W({},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:w(f.value)}),null,16,X)):p("",!0);var a}}}),Q={key:0,class:"m-btn__icon-left maz-flex maz-flex-center"},Z={class:"maz-flex maz-flex-center"},nn={key:1,class:"m-btn__icon-right maz-flex maz-flex-center"},tn=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(),c=i.href,s=i.to,d=v(),u=n((function(){return c?"a":s?"router-link":"button"})),b=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)})),L=n((function(){return"--".concat(a.color)})),E=n((function(){return["white"].includes(a.color)?"black":"white"})),D=n((function(){return a.loading&&"button"===a.variant})),I=n((function(){return!!d["left-icon"]||a.leftIcon})),B=n((function(){return!!d["right-icon"]||a.rightIcon})),C=n((function(){return I.value||B.value})),V=n((function(){return"button"===u.value?a.type:void 0}));return function(n,a){return e(),g(h(y(u)),m(n.$attrs,{disabled:y(z),class:["m-btn",["--".concat(t.size),y(b),y(_),y(S),{"--block":t.block,"--no-underline":t.noUnderline,"--no-leading":t.noLeading,"--fab":t.fab,"--loading":t.loading,"--disabled":y(z),"--icon":y(C),"--rounded":t.rounded,"--no-padding":t.noPadding,"--no-elevation":t.noElevation}]],type:y(V)}),{default:w((function(){return[y(I)?(e(),o("div",Q,[k(n.$slots,"left-icon",{},(function(){return[t.leftIcon?(e(),g(J,{key:0,name:t.leftIcon},null,8,["name"])):p("",!0)]}))])):p("",!0),l("span",Z,[k(n.$slots,"default")]),y(B)?(e(),o("div",nn,[k(n.$slots,"right-icon",{},(function(){return[t.rightIcon?(e(),g(J,{key:0,name:t.rightIcon},null,8,["name"])):p("",!0)]}))])):p("",!0),y(D)?(e(),o("div",{key:2,class:r(["m-btn__loading-wrapper",y(L)])},[x(H,{size:"2em",color:y(E)},null,8,["color"])],2)):p("",!0)]})),_:3},16,["disabled","class","type"])}}});R("\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"),tn.__scopeId="data-v-4f7c1518";var en=t({components:{MazBtn:tn,MazIcon:J},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=s(!1),i=s(!1),l=s(),c=z(),u=$({componentName:"MazInput",instance:c,providedId:t.id}).instanceId;d((function(){var n;t.autoFocus&&(null===(n=l.value)||void 0===n||n.focus())}));var m=n((function(){return"password"===t.type})),p=n((function(){return a.value?"text":t.type})),b=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))})),y=n((function(){return!!t.label||!!t.hint})),w=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()},l=function(){for(var i=arguments.length,l=new Array(i),c=0;c<i;c++)l[c]=arguments[c];if(!o)return n.apply(this,l);var s=this,d=r&&!t;return a(),e=function(){n.apply(s,l)},t=setTimeout((function(){if(t=void 0,!d){var n=e;if(e=void 0,void 0!==n)return n()}}),o),d?e():void 0};return l.cancel=a,l.flush=i,l}((function(n){o("update:model-value",n)}),t.debounceDelay),k=function(n){if(t.debounce)return w(n);o("update:model-value",n)};return{inputValue:g,shouldUp:h,hasLabel:y,computedPlaceholder:f,isPasswordType:m,inputType:p,input:l,isFocused:i,hasPasswordVisible:a,borderStyle:b,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}}}),on={key:0,class:"m-input-wrapper-left"},rn={class:"m-input-wrapper-input"},an=["id","type","name","placeholder","aria-label","disabled","readonly","required"],ln=["for"],cn={key:0},sn={key:1,class:"m-input-wrapper-right"};R("\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"),en.render=function(n,t,a,i,c,s){var d=_("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)})},[l("div",{class:r(["m-input-wrapper",[n.inputClasses,n.borderStyle,{"maz-rounded":!n.noRadius}]])},[n.hasLeftPart()?(e(),o("div",on,[n.$slots["left-icon"]||n.leftIcon?k(n.$slots,"left-icon",{key:0},(function(){return[x(d,{name:n.leftIcon,class:"maz-text-muted"},null,8,["name"])]})):p("",!0)])):p("",!0),l("div",rn,[S(l("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"},L({blur:n.blur,focus:n.focus,change:n.change},!0)),null,16,an),[[E,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}]])},[D(I(n.hint||n.label)+" ",1),n.required?(e(),o("sup",cn,"*")):p("",!0)],10,ln)):p("",!0)]),n.hasRightPart()?(e(),o("div",sn,[n.$slots["right-icon"]||n.rightIcon?k(n.$slots,"right-icon",{key:0},(function(){return[x(d,{name:n.rightIcon,class:"maz-text-muted"},null,8,["name"])]})):p("",!0),n.isPasswordType?(e(),g(u,{key:1,color:"transparent",tabindex:"-1",size:"mini",onClick:t[1]||(t[1]=B((function(t){return n.hasPasswordVisible=!n.hasPasswordVisible}),["stop"]))},{default:w((function(){return[n.hasPasswordVisible?(e(),g(d,{key:0,src:n.EyeOffIcon,class:"maz-text-muted"},null,8,["src"])):(e(),g(d,{key:1,src:n.EyeIcon,class:"maz-text-muted"},null,8,["src"]))]})),_:1})):p("",!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:w((function(){return[x(d,{src:n.CheckIcon,class:"maz-text-normal"},null,8,["src"])]})),_:1},8,["disabled","loading"])]})):p("",!0)])):p("",!0)],2)],2)},en.__scopeId="data-v-064eeea4";var dn=["onClick"],un={key:0,tabindex:"-1",class:"m-select-list__search-wrapper"},mn={class:"m-select-list__scroll-wrapper"},pn=["onClick"],bn=t({__name:"MazSelect",props:{modelValue:{type:[Number,String,Boolean],default:void 0},id:{type:String,default:void 0},options:{type:Array,required:!0},optionValueKey:{type:String,default:"value"},optionLabelKey:{type:String,default:"label"},optionInputValueKey:{type:String,default:"label"},listPosition:{type:String,default:"bottom left",validator:function(n){return["top","top right","top left","bottom","bottom right","bottom left"].includes(n)}},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},open:{type:Boolean,default:!1},color:{type:String,default:"primary",validator:function(n){return["primary","secondary","warning","danger","info","success","white","black","transparent"].includes(n)}},itemHeight:{type:Number,default:40},maxListHeight:{type:Number,default:240},maxListWidth:{type:Number,default:void 0},size:{type:String,default:"md",validator:function(n){return["mini","xs","sm","md","lg","xl"].includes(n)}},search:{type:Boolean,default:!1},searchPlaceholder:{type:String,default:"Search in options"}},emits:["close","open","update:model-value","blur","focus","change"],setup:function(t,a){var i=a.emit,c=t,d=z(),u=s(!1),f=s(),v=n((function(){return u.value||c.open})),g=$({componentName:"MazSelect",instance:d,providedId:c.id}).instanceId;C((function(){var n,t;(null!==(n=c.options)&&void 0!==n&&n.length||console.error("[maz-ui](MazSelect) you must provide options"),E.value)&&(f.value=null===(t=c.options)||void 0===t?void 0:t.findIndex((function(n){var t;return n[c.optionValueKey]===(null===(t=E.value)||void 0===t?void 0:t[c.optionValueKey])})))}));var h=s(),_=s(),S=s(),L=s(),E=n((function(){return c.options.find((function(n){return c.modelValue===n[c.optionValueKey]}))})),O=n((function(){var n,t,e,o,r;return null!==(n=E.value)&&void 0!==n&&n[c.optionValueKey]||"boolean"==typeof(null===(t=E.value)||void 0===t?void 0:t[c.optionValueKey])?null!==(e=null===(o=E.value)||void 0===o?void 0:o[c.optionInputValueKey])&&void 0!==e?e:null===(r=E.value)||void 0===r?void 0:r[c.optionLabelKey]:void 0})),K=n((function(){return c.listPosition.includes("bottom")?"maz-slide":"maz-slideinvert"})),A=s(),T=function(n,t){return t&&(null==n?void 0:n.toString().toLocaleLowerCase().includes(t.toLocaleLowerCase()))},q=n((function(){return A.value?c.options.filter((function(n){var t=n[c.optionLabelKey],e=n[c.optionValueKey],o=n[c.optionInputValueKey];return T(t,A.value)||T(e,A.value)||T(o,A.value)})):c.options})),G=function(){var n=M(N.mark((function n(t){var e;return N.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(!t||!("relatedTarget"in t&&null!==(e=h.value)&&void 0!==e&&e.contains(t.relatedTarget)||"keydown"===t.type)){n.next=2;break}return n.abrupt("return",t.preventDefault());case 2:return n.next=4,b();case 4:u.value=!1,i("close",t);case 6:case"end":return n.stop()}}),n)})));return function(t){return n.apply(this,arguments)}}(),H=function(){var n=M(N.mark((function n(t){return N.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(null==t||t.preventDefault(),!c.disabled){n.next=3;break}return n.abrupt("return");case 3:return u.value=!0,n.next=6,X();case 6:i("focus",t),i("open",u.value);case 8:case"end":return n.stop()}}),n)})));return function(t){return n.apply(this,arguments)}}(),R=function(n){var t;1===n.key.length?(n.preventDefault(),H(n),A.value=n.key,c.search&&(null===(t=S.value)||void 0===t||t.input.focus())):U(n)},U=function(n){var t=n.code,e=["ArrowUp","ArrowDown"].includes(t),o="Enter"===t,r="Escape"===t&&v.value;e?Y(n,f.value):o?W(n,f.value):r&&G()},Y=function(n,t){n.preventDefault();var e=n.code;v.value||H(n);var o=q.value.length;f.value="number"==typeof t?t===o-1&&"ArrowDown"===e?0:0===t&&"ArrowUp"===e?o-1:"ArrowDown"===e?t+1:t-1:"ArrowDown"===e?0:o-1,X()},W=function(n,t){var e;if(n.preventDefault(),!v.value)return H(n);var o=t&&null!==(e=q.value[t])&&void 0!==e?e:q.value[0];(o||Boolean(o))&&Q(o)},X=function(){var n=M(N.mark((function n(){var t,e,o,r=arguments;return N.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if("number"!=typeof(t=r.length>0&&void 0!==r[0]?r[0]:f.value)){n.next=5;break}return n.next=4,b();case 4:null===(e=L.value)||void 0===e||null===(o=e.querySelectorAll(".m-select-list-item")[t])||void 0===o||o.scrollIntoView({behavior:"auto",block:"nearest",inline:"start"});case 5:case"end":return n.stop()}}),n)})));return function(){return n.apply(this,arguments)}}(),Q=function(n){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return f.value=q.value.findIndex((function(t){return n[c.optionValueKey]===t[c.optionValueKey]})),t&&G(),A.value=void 0,i("update:model-value",n[c.optionValueKey])};return function(n,a){return e(),o("div",{ref_key:"mazSelectElement",ref:h,class:r(["m-select",{"--is-open":y(v),"--disabled":t.disabled}]),onBlurCapture:G},[x(en,m({id:y(g),ref_key:"mazInputComponent",ref:_,class:"m-select-input"},n.$attrs,{required:t.required,"border-active":u.value,color:t.color,"model-value":y(O),autocomplete:"off",size:t.size,disabled:t.disabled,onFocus:B(H,["stop"]),onChange:a[0]||(a[0]=function(n){return i("change",n)}),onClick:B(H,["stop"]),onKeydown:R}),{"right-icon":w((function(){return[l("button",{tabindex:"-1",type:"button",class:"m-select-input__toggle-button maz-custom",onClick:B(H,["stop"])},[x(J,{src:y("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M19%209l-7%207-7-7%22%2F%3E%3C%2Fsvg%3E"),class:"m-select-chevron"},null,8,["src"])],8,dn)]})),_:1},16,["id","required","border-active","color","model-value","size","disabled","onFocus","onClick"]),x(V,{name:y(K)},{default:w((function(){return[y(v)?(e(),o("div",{key:0,ref_key:"optionsListElement",ref:L,class:r(["m-select-list",{"--top":t.listPosition.includes("top"),"--left":t.listPosition.includes("left"),"--right":t.listPosition.includes("right"),"--bottom":t.listPosition.includes("bottom")}]),style:P({maxHeight:"".concat(t.maxListHeight,"px"),maxWidth:"".concat(t.maxListWidth,"px")})},[t.search?(e(),o("div",un,[x(en,{ref_key:"searchInputComponent",ref:S,modelValue:A.value,"onUpdate:modelValue":a[1]||(a[1]=function(n){return A.value=n}),size:"sm",color:t.color,placeholder:t.searchPlaceholder,name:"search",autocomplete:"off",class:"m-select-list__search-input",onKeydown:U},null,8,["modelValue","color","placeholder"])])):p("",!0),l("div",mn,[(e(!0),o(F,null,j(y(q),(function(a,i){var l,c,s;return e(),o("button",{key:i,tabindex:"-1",type:"button",class:r(["m-select-list-item maz-custom",[{"--is-keyboard-selected":f.value===i,"--is-selected":(null===(l=y(E))||void 0===l?void 0:l[t.optionValueKey])===a[t.optionValueKey]&&(a[t.optionValueKey]||"boolean"==typeof a[t.optionValueKey]),"--is-none-value":!a[t.optionValueKey]&&"boolean"!=typeof a[t.optionValueKey]},"--".concat(t.color)]]),style:P({height:"".concat(t.itemHeight,"px")}),onClick:B((function(n){return Q(a)}),["prevent","stop"])},[k(n.$slots,"default",{option:a,isSelected:(null===(c=y(E))||void 0===c?void 0:c[t.optionValueKey])===a[t.optionValueKey],selectedOption:null===(s=y(E))||void 0===s?void 0:s[t.optionValueKey]},(function(){return[D(I(a[t.optionLabelKey]),1)]}))],14,pn)})),128))])],6)):p("",!0)]})),_:3},8,["name"])],34)}}});R("\n.m-select[data-v-2a9aa9c3] {\n        position: relative;\n}\n.m-select[data-v-2a9aa9c3]:not(.--disabled) {\n        cursor: pointer;\n}\n.m-select[data-v-2a9aa9c3]:not(.--disabled) .m-input-input {\n        cursor: pointer;\n}\n.m-select-input[data-v-2a9aa9c3] .m-input-input {\n        padding-right: 0px;\n}\n.m-select-input.--has-label[data-v-2a9aa9c3] .m-input-input {\n        padding-right: 0px;\n}\n.m-select-input__toggle-button[data-v-2a9aa9c3] {\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        height: 100%;\n        background-color: transparent;\n        padding-left: 0px;\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-select-input[data-v-2a9aa9c3] input {\n        caret-color: transparent;\n}\n.m-select-chevron[data-v-2a9aa9c3] {\n        -webkit-transition-property: all;\n        transition-property: all;\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        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n                transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.m-select .m-select-chevron[data-v-2a9aa9c3] {\n        height: 1.25rem;\n        width: 1.25rem;\n        color: var(--maz-color-text);\n}\n.m-select.--is-open .m-select-chevron[data-v-2a9aa9c3] {\n        -webkit-transform: rotate(180deg);\n                transform: rotate(180deg);\n}\n.m-select .m-select-list[data-v-2a9aa9c3] {\n        position: absolute;\n        z-index: 100;\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        overflow: hidden;\n        border-radius: var(--maz-border-radius);\n        background-color: var(--maz-color-bg);\n        color: var(--maz-color-text);\n        -webkit-box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n                box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, 0.05);\n\n      min-width: 3.5rem;\n}\n.m-select .m-select-list.--top[data-v-2a9aa9c3] {\n        bottom: 100%;\n}\n.m-select .m-select-list.--left[data-v-2a9aa9c3] {\n        left: 0px;\n}\n.m-select .m-select-list.--right[data-v-2a9aa9c3] {\n        right: 0px;\n}\n.m-select .m-select-list.--bottom[data-v-2a9aa9c3] {\n        top: 100%;\n}\n.m-select .m-select-list__search-wrapper[data-v-2a9aa9c3] {\n        -webkit-box-flex: 0;\n            -ms-flex: none;\n                flex: none;\n        background-color: var(--maz-color-bg);\n        padding: 0.25rem;\n}\n.m-select .m-select-list__scroll-wrapper[data-v-2a9aa9c3] {\n        -webkit-box-flex: 1;\n            -ms-flex: 1 1 0%;\n                flex: 1 1 0%;\n        overflow: auto;\n}\n.m-select .m-select-list-item[data-v-2a9aa9c3] {\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        width: 100%;\n        -webkit-box-align: center;\n            -ms-flex-align: center;\n                align-items: center;\n        background-color: transparent;\n        padding-left: 1rem;\n        padding-right: 1rem;\n        text-align: left;\n        color: var(--maz-color-text);\n}\n.m-select .m-select-list-item[data-v-2a9aa9c3]:hover {\n        background-color: var(--maz-color-bg-light);\n}\n.m-select .m-select-list-item.--is-keyboard-selected[data-v-2a9aa9c3] {\n        background-color: var(--maz-color-bg-lighter);\n        font-weight: 500;\n}\n.m-select .m-select-list-item.--is-none-value[data-v-2a9aa9c3] {\n        color: var(--maz-color-muted);\n}\n.m-select .m-select-list-item.--is-selected[data-v-2a9aa9c3] {\n        font-weight: 600;\n}\n.m-select .m-select-list-item.--is-selected.--primary[data-v-2a9aa9c3] {\n        background-color: var(--maz-color-primary);\n        color: var(--maz-color-primary-contrast);\n}\n.m-select .m-select-list-item.--is-selected.--secondary[data-v-2a9aa9c3] {\n        background-color: var(--maz-color-secondary);\n        color: var(--maz-color-secondary-contrast);\n}\n.m-select .m-select-list-item.--is-selected.--info[data-v-2a9aa9c3] {\n        background-color: var(--maz-color-info);\n        color: var(--maz-color-info-contrast);\n}\n.m-select .m-select-list-item.--is-selected.--success[data-v-2a9aa9c3] {\n        background-color: var(--maz-color-success);\n        color: var(--maz-color-success-contrast);\n}\n.m-select .m-select-list-item.--is-selected.--warning[data-v-2a9aa9c3] {\n        background-color: var(--maz-color-warning);\n        color: var(--maz-color-warning-contrast);\n}\n.m-select .m-select-list-item.--is-selected.--danger[data-v-2a9aa9c3] {\n        background-color: var(--maz-color-danger);\n        color: var(--maz-color-danger-contrast);\n}\n.m-select .m-select-list-item.--is-selected.--black[data-v-2a9aa9c3] {\n        background-color: var(--maz-color-black);\n        color: var(--maz-color-black-contrast);\n}\n.m-select .m-select-list-item.--is-selected.--white[data-v-2a9aa9c3] {\n        background-color: var(--maz-color-white);\n        color: var(--maz-color-white-contrast);\n}\n.m-select .m-select-list-item.--is-selected.--transparent[data-v-2a9aa9c3] {\n        background-color: var(--maz-color-bg);\n}\n.m-select button.maz-custom[data-v-2a9aa9c3] {\n        cursor: pointer;\n        -webkit-appearance: none;\n           -moz-appearance: none;\n                appearance: none;\n        border-style: none;\n}\nhtml.dark .m-select-list[data-v-2a9aa9c3] {\n        background-color: var(--maz-color-bg-light);\n}\n/* &__search-wrapper {\n        @apply maz-bg-color-light;\n      } */\nhtml.dark .m-select-list-item[data-v-2a9aa9c3]:hover {\n        background-color: var(--maz-color-bg-lighter);\n}\n"),bn.__scopeId="data-v-2a9aa9c3";export{bn as default};

package/components/MazSlider/utils.d.ts

@@ -0,0 +1,15 @@
+interface IPosObject {
+    x: number;
+    y: number;
+}
+export declare const getOffset: (elem: HTMLDivElement) => IPosObject;
+/**
+ * Get the position of the mouse/finger in the element
+ * @param e Trigger event
+ * @param elem Container element
+ * @param isReverse From the right/bottom
+ */
+export declare const getPos: (e: MouseEvent | TouchEvent, elem: HTMLDivElement, isReverse?: boolean) => IPosObject;
+export declare const isBetween: (value: number, prev: number, next: number, direction: string) => boolean;
+export declare const getOpacityCoeff: (index: number, middle: number, length: number) => number;
+export {};

package/components/MazSlider.d.ts

@@ -0,0 +1,96 @@
+import { type PropType } from 'vue';
+import type { Color } from './types';
+export type { Color } from './types';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: PropType<number | number[]>;
+        required: true;
+        validator: (value: string) => boolean;
+    };
+    labels: {
+        type: ArrayConstructor;
+        default: undefined;
+    };
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    noDivider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    log: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: PropType<Color>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    noCursorAnim: {
+        type: BooleanConstructor;
+        default: 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: PropType<number | number[]>;
+        required: true;
+        validator: (value: string) => boolean;
+    };
+    labels: {
+        type: ArrayConstructor;
+        default: undefined;
+    };
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    noDivider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    log: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: PropType<Color>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    noCursorAnim: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+}, {
+    labels: unknown[];
+    min: number;
+    max: number;
+    size: string;
+    noDivider: boolean;
+    log: boolean;
+    color: Color;
+    noCursorAnim: boolean;
+}>;
+export default _default;

package/components/MazSlider.js

@@ -0,0 +1,3 @@
+import{defineComponent as r,ref as t,computed as e,watch as n,onMounted as o,onBeforeUnmount as a,openBlock as i,createElementBlock as s,normalizeStyle as u,unref as c,normalizeClass as l,createElementVNode as d,Fragment as v,renderList as f,toDisplayString as p,nextTick as h}from"vue";function w(r,t){(null==t||t>r.length)&&(t=r.length);for(var e=0,n=new Array(t);e<t;e++)n[e]=r[e];return n}function m(r){return function(r){if(Array.isArray(r))return w(r)}(r)||function(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||function(r,t){if(r){if("string"==typeof r)return w(r,t);var e=Object.prototype.toString.call(r).slice(8,-1);return"Object"===e&&r.constructor&&(e=r.constructor.name),"Map"===e||"Set"===e?Array.from(r):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?w(r,t):void 0}}(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function b(r,t,e,n,o,a,i){try{var s=r[a](i),u=s.value}catch(r){return void e(r)}s.done?t(u):Promise.resolve(u).then(n,o)}function x(r){return function(){var t=this,e=arguments;return new Promise((function(n,o){var a=r.apply(t,e);function i(r){b(a,n,o,i,s,"next",r)}function s(r){b(a,n,o,i,s,"throw",r)}i(void 0)}))}}function g(r){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},g(r)}var y={exports:{}},_={exports:{}};!function(r){function t(e){return r.exports=t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},r.exports.__esModule=!0,r.exports.default=r.exports,t(e)}r.exports=t,r.exports.__esModule=!0,r.exports.default=r.exports}(_),function(r){var t=_.exports.default;function e(){
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+r.exports=e=function(){return n},r.exports.__esModule=!0,r.exports.default=r.exports;var n={},o=Object.prototype,a=o.hasOwnProperty,i="function"==typeof Symbol?Symbol:{},s=i.iterator||"@@iterator",u=i.asyncIterator||"@@asyncIterator",c=i.toStringTag||"@@toStringTag";function l(r,t,e){return Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}),r[t]}try{l({},"")}catch(r){l=function(r,t,e){return r[t]=e}}function d(r,t,e,n){var o=t&&t.prototype instanceof p?t:p,a=Object.create(o.prototype),i=new S(n||[]);return a._invoke=function(r,t,e){var n="suspendedStart";return function(o,a){if("executing"===n)throw new Error("Generator is already running");if("completed"===n){if("throw"===o)throw a;return M()}for(e.method=o,e.arg=a;;){var i=e.delegate;if(i){var s=k(i,e);if(s){if(s===f)continue;return s}}if("next"===e.method)e.sent=e._sent=e.arg;else if("throw"===e.method){if("suspendedStart"===n)throw n="completed",e.arg;e.dispatchException(e.arg)}else"return"===e.method&&e.abrupt("return",e.arg);n="executing";var u=v(r,t,e);if("normal"===u.type){if(n=e.done?"completed":"suspendedYield",u.arg===f)continue;return{value:u.arg,done:e.done}}"throw"===u.type&&(n="completed",e.method="throw",e.arg=u.arg)}}}(r,e,i),a}function v(r,t,e){try{return{type:"normal",arg:r.call(t,e)}}catch(r){return{type:"throw",arg:r}}}n.wrap=d;var f={};function p(){}function h(){}function w(){}var m={};l(m,s,(function(){return this}));var b=Object.getPrototypeOf,x=b&&b(b(E([])));x&&x!==o&&a.call(x,s)&&(m=x);var g=w.prototype=p.prototype=Object.create(m);function y(r){["next","throw","return"].forEach((function(t){l(r,t,(function(r){return this._invoke(t,r)}))}))}function _(r,e){function n(o,i,s,u){var c=v(r[o],r,i);if("throw"!==c.type){var l=c.arg,d=l.value;return d&&"object"==t(d)&&a.call(d,"__await")?e.resolve(d.__await).then((function(r){n("next",r,s,u)}),(function(r){n("throw",r,s,u)})):e.resolve(d).then((function(r){l.value=r,s(l)}),(function(r){return n("throw",r,s,u)}))}u(c.arg)}var o;this._invoke=function(r,t){function a(){return new e((function(e,o){n(r,t,e,o)}))}return o=o?o.then(a,a):a()}}function k(r,t){var e=r.iterator[t.method];if(void 0===e){if(t.delegate=null,"throw"===t.method){if(r.iterator.return&&(t.method="return",t.arg=void 0,k(r,t),"throw"===t.method))return f;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return f}var n=v(e,r.iterator,t.arg);if("throw"===n.type)return t.method="throw",t.arg=n.arg,t.delegate=null,f;var o=n.arg;return o?o.done?(t[r.resultName]=o.value,t.next=r.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,f):o:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,f)}function z(r){var t={tryLoc:r[0]};1 in r&&(t.catchLoc=r[1]),2 in r&&(t.finallyLoc=r[2],t.afterLoc=r[3]),this.tryEntries.push(t)}function L(r){var t=r.completion||{};t.type="normal",delete t.arg,r.completion=t}function S(r){this.tryEntries=[{tryLoc:"root"}],r.forEach(z,this),this.reset(!0)}function E(r){if(r){var t=r[s];if(t)return t.call(r);if("function"==typeof r.next)return r;if(!isNaN(r.length)){var e=-1,n=function t(){for(;++e<r.length;)if(a.call(r,e))return t.value=r[e],t.done=!1,t;return t.value=void 0,t.done=!0,t};return n.next=n}}return{next:M}}function M(){return{value:void 0,done:!0}}return h.prototype=w,l(g,"constructor",w),l(w,"constructor",h),h.displayName=l(w,c,"GeneratorFunction"),n.isGeneratorFunction=function(r){var t="function"==typeof r&&r.constructor;return!!t&&(t===h||"GeneratorFunction"===(t.displayName||t.name))},n.mark=function(r){return Object.setPrototypeOf?Object.setPrototypeOf(r,w):(r.__proto__=w,l(r,c,"GeneratorFunction")),r.prototype=Object.create(g),r},n.awrap=function(r){return{__await:r}},y(_.prototype),l(_.prototype,u,(function(){return this})),n.AsyncIterator=_,n.async=function(r,t,e,o,a){void 0===a&&(a=Promise);var i=new _(d(r,t,e,o),a);return n.isGeneratorFunction(t)?i:i.next().then((function(r){return r.done?r.value:i.next()}))},y(g),l(g,c,"Generator"),l(g,s,(function(){return this})),l(g,"toString",(function(){return"[object Generator]"})),n.keys=function(r){var t=[];for(var e in r)t.push(e);return t.reverse(),function e(){for(;t.length;){var n=t.pop();if(n in r)return e.value=n,e.done=!1,e}return e.done=!0,e}},n.values=E,S.prototype={constructor:S,reset:function(r){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(L),!r)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 r=this.tryEntries[0].completion;if("throw"===r.type)throw r.arg;return this.rval},dispatchException:function(r){if(this.done)throw r;var t=this;function e(e,n){return i.type="throw",i.arg=r,t.next=e,n&&(t.method="next",t.arg=void 0),!!n}for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n],i=o.completion;if("root"===o.tryLoc)return e("end");if(o.tryLoc<=this.prev){var s=a.call(o,"catchLoc"),u=a.call(o,"finallyLoc");if(s&&u){if(this.prev<o.catchLoc)return e(o.catchLoc,!0);if(this.prev<o.finallyLoc)return e(o.finallyLoc)}else if(s){if(this.prev<o.catchLoc)return e(o.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return e(o.finallyLoc)}}}},abrupt:function(r,t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc<=this.prev&&a.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}o&&("break"===r||"continue"===r)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=r,i.arg=t,o?(this.method="next",this.next=o.finallyLoc,f):this.complete(i)},complete:function(r,t){if("throw"===r.type)throw r.arg;return"break"===r.type||"continue"===r.type?this.next=r.arg:"return"===r.type?(this.rval=this.arg=r.arg,this.method="return",this.next="end"):"normal"===r.type&&t&&(this.next=t),f},finish:function(r){for(var t=this.tryEntries.length-1;t>=0;--t){var e=this.tryEntries[t];if(e.finallyLoc===r)return this.complete(e.completion,e.afterLoc),L(e),f}},catch:function(r){for(var t=this.tryEntries.length-1;t>=0;--t){var e=this.tryEntries[t];if(e.tryLoc===r){var n=e.completion;if("throw"===n.type){var o=n.arg;L(e)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(r,t,e){return this.delegate={iterator:E(r),resultName:t,nextLoc:e},"next"===this.method&&(this.arg=void 0),f}},n}r.exports=e,r.exports.__esModule=!0,r.exports.default=r.exports}(y);var k=y.exports(),z=k;try{regeneratorRuntime=k}catch(r){"object"==typeof globalThis?globalThis.regeneratorRuntime=k:Function("r","regeneratorRuntime = r")(k)}var L=function(r){var t=document.documentElement,e=document.body,n=r.getBoundingClientRect();return{y:n.top+(window.pageYOffset||t.scrollTop)-(t.clientTop||e.clientTop||0),x:n.left+(window.pageXOffset||t.scrollLeft)-(t.clientLeft||e.clientLeft||0)}},S=function(r,t){var e=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="targetTouches"in r?r.targetTouches[0]:r,o=L(t),a={x:n.pageX-o.x,y:n.pageY-o.y};return{x:e?t.offsetWidth-a.x:a.x,y:e?t.offsetHeight-a.y:a.y}},E=function(r,t,e,n){return"minus"===n?!t||r>=t:!e||r<=e},M=function(r,t,e){var n=r+1;return 100/e*(t<n?n-t:t-n)/100},P=["data-label","onMousedownPassive","onTouchstartPassive","onFocusPassive","onBlurPassive","onTouchendPassive","onKeydownPassive"],T=r({__name:"MazSlider",props:{modelValue:{type:[Number,Array],required:!0,validator:function(r){return["number"].includes(g(r))||Array.isArray(r)||null===r}},labels:{type:Array,default:void 0},min:{type:Number,default:0},max:{type:Number,default:100},size:{type:String,default:void 0},noDivider:{type:Boolean,default:!1},log:{type:Boolean,default:!1},color:{type:String,default:"primary",validator:function(r){return["primary","secondary","warning","danger","info","success","white","black"].includes(r)}},noCursorAnim:{type:Boolean,default:!1}},emits:["update:model-value"],setup:function(r,w){var b=w.emit,g=r,y=t(),_=t(),k=t(),L=t(),T=t([]),A=t([]),j=e((function(){return"number"==typeof g.modelValue?[g.modelValue]:g.modelValue?g.modelValue:[0]})),O=e((function(){return Math.log(g.min||1)})),N=e((function(){return Math.log(g.max)})),C=e((function(){var r=g.min,t=g.max;return(N.value-O.value)/(t-r)})),B=e((function(){var r=g.min;return g.max-r})),F=e((function(){return{paddingTop:g.labels?"2.5em":"1em"}})),G=e((function(){return Array.isArray(g.modelValue)}));n((function(){return g.modelValue}),(function(){return L.value=j.value}),{immediate:!0}),n((function(){return[j.value,g.min,g.max,g.log].join(",")}),(function(){return V(!0)}));var I=function(r){var t,e,n=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 r=e;a(),r&&r()},s=function(){for(var i=arguments.length,s=new Array(i),u=0;u<i;u++)s[u]=arguments[u];if(!n)return r.apply(this,s);var c=this,l=o&&!t;return a(),e=function(){r.apply(c,s)},t=setTimeout((function(){if(t=void 0,!l){var r=e;if(e=void 0,void 0!==r)return r()}}),n),l?e():void 0};return s.cancel=a,s.flush=i,s}((function(){return V()}),300);o((function(){V(!0),window.addEventListener("resize",I)})),a((function(){window.removeEventListener("resize",I)}));var V=function(){var r=x(z.mark((function r(t){return z.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return!0===t&&W(),r.next=3,H();case 3:return r.next=5,h();case 5:j.value.forEach((function(r,t){return D(t)}));case 6:case"end":return r.stop()}}),r)})));return function(t){return r.apply(this,arguments)}}(),R=function(r){_.value=void 0,K(r)},W=function(){var r=g.min,t=g.max,e=j.value.map((function(e){return e<r?r:e>t?t:e}));Y(e),L.value=e},Y=function(r){var t=G.value?m(r):r[0];b("update:model-value",t)},q=function(r){var t=g.labels;return t?t[r]:void 0},D=function(r){K(r),g.noDivider||X()},K=function(){var r=x(z.mark((function r(t){var e,n,o,a,i,s;return z.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,h();case 2:(e=document.querySelectorAll(".m-slider .m-slider__btn"))&&(a=e[t],i=(null==a?void 0:a.clientWidth)+16,s={left:"number"==typeof(null===(n=k.value)||void 0===n?void 0:n[t])?"".concat(null!==(o=k.value[t]-i/2)&&void 0!==o?o:1,"px"):""},T.value[t]=s);case 4:case"end":return r.stop()}}),r)})));return function(t){return r.apply(this,arguments)}}(),X=function(){if(k.value){var r=m(k.value);r.push(0);var t=r.length,e=Math.round(t/2);A.value=r.map((function(n,o){return{left:"".concat(0===o?0:r[o-1],"px"),right:"".concat(o+1===t?0:"calc( 100% - "+n+"px )"),backgroundColor:e===o+1?void 0:o<e?"rgba(255, 255, 255, ".concat(M(o,e,t),")"):"rgba(0, 0, 0, ".concat(M(o,e,t),")")}}))}},H=function(){var r=x(z.mark((function r(){var t,e,n,o,a,i;return z.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,h();case 2:e=g.min,n=g.max,o=g.log,(a=null===(t=y.value)||void 0===t?void 0:t.clientWidth)?k.value=null===(i=L.value)||void 0===i?void 0:i.map((function(r){return o?a/n*(e+(Math.log(r)-O.value)/C.value):a/B.value*(r-e)})):console.warn("[maz-ui][MazSlider] ref component not found");case 5:case"end":return r.stop()}}),r)})));return function(){return r.apply(this,arguments)}}(),U=function(){var r=x(z.mark((function r(){var t,e,n,o,a,i,s;return z.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,h();case 2:if(e=g.max,n=g.min,o=g.log,!(a=null===(t=y.value)||void 0===t?void 0:t.clientWidth)){r.next=8;break}return r.abrupt("return",o?null===(i=k.value)||void 0===i?void 0:i.map((function(r){var t=r/(a/e),o=Math.exp((t-n)*C.value+O.value);return Math.round(o)})):null===(s=k.value)||void 0===s?void 0:s.map((function(r){return Math.round(r/(a/B.value))+n})));case 8:console.warn("[maz-ui][MazSlider] ref component not found");case 9:case"end":return r.stop()}}),r)})));return function(){return r.apply(this,arguments)}}(),$=function(r,t){void 0===_.value&&(_.value=t,D(t))},J=function(){var r=x(z.mark((function r(){var t;return z.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(void 0!==_.value){r.next=2;break}return r.abrupt("return");case 2:return r.next=4,U();case 4:(t=r.sent)&&Y(t),_.value=void 0;case 7:case"end":return r.stop()}}),r)})));return function(){return r.apply(this,arguments)}}(),Q=function(){var r=x(z.mark((function r(t){var e,n,o,a;return z.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,h();case 2:if(void 0!==_.value){r.next=4;break}return r.abrupt("return");case 4:if(n=null===(e=y.value)||void 0===e?void 0:e.clientWidth,!k.value){r.next=15;break}if(o=k.value[_.value-1]||0,a=k.value[_.value+1]||n,y.value){r.next=10;break}return r.abrupt("return",console.error("[maz-ui](MazSlider/handleMousemove) MazSlider not available"));case 10:return k.value[_.value]=(i=void 0,(i=S(t,y.value).x)<o?o:a&&i>a?a:i),r.next=13,U();case 13:L.value=r.sent,D(_.value);case 15:case"end":return r.stop()}var i}),r)})));return function(t){return r.apply(this,arguments)}}();return function(t,e){return i(),s("div",{style:u([c(F),{fontSize:r.size}]),class:l(["m-slider",["m-slider--".concat(r.color)]]),onMousemovePassive:Q,onMouseupPassive:J,onMouseleavePassive:J,onTouchmovePassive:Q},[d("div",{ref_key:"MazSlider",ref:y,class:"m-slider__bar",role:"slider"},[(i(!0),s(v,null,f(A.value,(function(r,t){return i(),s("div",{key:"divider-".concat(t),style:u([r]),class:"m-slider__divider"},null,4)})),128)),(i(!0),s(v,null,f(c(j),(function(t,e){var n;return i(),s("button",{key:"cursor-".concat(e),type:"button","data-label":q(e),class:l(["m-slider__btn",{"active-cursor":e===_.value&&!r.noCursorAnim}]),style:u([T.value[e]]),onMousedownPassive:function(r){return $(0,e)},onTouchstartPassive:function(r){return $(0,e)},onFocusPassive:function(r){return $(0,e)},onBlurPassive:function(r){return R(e)},onTouchendPassive:function(r){return R(e)},onKeydownPassive:function(r){return function(r,t){"ArrowLeft"===r.key?L.value&&E(L.value[t]-1,L.value[t-1],L.value[t+1],"minus")&&(L.value[t]--,Y(L.value)):"ArrowRight"===r.key&&L.value&&E(L.value[t]+1,L.value[t-1],L.value[t+1],"plus")&&(L.value[t]++,Y(L.value))}(r,e)}},[d("span",null,p(null===(n=L.value)||void 0===n?void 0:n[e]),1)],46,P)})),128))],512)],38)}}});!function(r,t){void 0===t&&(t={});var e=t.insertAt;if(r&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===e&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=r:o.appendChild(document.createTextNode(r))}}("\n.m-slider[data-v-14b78ba6] {\n    padding: 1em 1.5rem;\n}\n.m-slider__bar[data-v-14b78ba6] {\n    position: relative;\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    border-radius: 9999px;\n\n      height: 0.5em;\n}\n.m-slider__divider[data-v-14b78ba6] {\n      position: absolute;\n      border-radius: 2em;\n      height: 100%;\n}\n.m-slider__btn[data-v-14b78ba6] {\n      position: absolute;\n      outline: none;\n      cursor: pointer;\n      font-size: 1em;\n      font-weight: bold;\n      line-height: 1;\n      transition: box-shadow 300ms ease-in-out, width 300ms ease-in-out,\n        background-color 300ms ease-in-out, -webkit-transform 300ms ease-in-out;\n      -webkit-transition: width 300ms ease-in-out,\n        background-color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out, -webkit-transform 300ms ease-in-out;\n      transition: width 300ms ease-in-out,\n        background-color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out, -webkit-transform 300ms ease-in-out;\n      transition: box-shadow 300ms ease-in-out, width 300ms ease-in-out,\n        transform 300ms ease-in-out, background-color 300ms ease-in-out;\n      transition: box-shadow 300ms ease-in-out, width 300ms ease-in-out,\n        transform 300ms ease-in-out, background-color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out, -webkit-transform 300ms ease-in-out;\n      transition: box-shadow 300ms ease-in-out, width 300ms ease-in-out,\n        transform 300ms ease-in-out, background-color 300ms ease-in-out, -webkit-transform 300ms ease-in-out;\n      z-index: 1;\n      -webkit-user-select: none;\n          -ms-user-select: none;\n              -moz-user-select: none;\n           user-select: none;\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              border-radius: 9999px;\n              border-width: var(--maz-border-width);\n              --tw-border-opacity: 1;\n              border-color: rgb(229 231 235 / var(--tw-border-opacity));\n              background-color: var(--maz-bg-color-light);\n              --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n              --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\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\n      padding: 0.25em 0.5em;\n}\n.m-slider__btn span[data-v-14b78ba6] {\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    color: var(--maz-color-text-dark);\n\n        margin-left: 0.25em;\n        margin-right: 0.25em;\n}\n.m-slider__btn.active-cursor[data-v-14b78ba6] {\n        -webkit-transform: scale(1.3);\n                transform: scale(1.3);\n                z-index: 2;\n}\n.m-slider__btn[data-v-14b78ba6]::before {\n        content: attr(data-label);\n        font-size: 0.8em;\n        top: -1.5em;\n        position: absolute;\n        font-weight: 500;\n        color: var(--maz-color-text);\n}\n.m-slider__btn[data-v-14b78ba6]:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n}\n.m-slider--primary .m-slider__bar[data-v-14b78ba6] {\n    background-color: var(--maz-color-primary);\n}\n.m-slider--primary .m-slider__btn.active-cursor[data-v-14b78ba6] {\n    border-width: var(--maz-border-width);\n    border-color: var(--maz-color-primary);\n    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\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}\n.m-slider--secondary .m-slider__bar[data-v-14b78ba6] {\n    background-color: var(--maz-color-secondary);\n}\n.m-slider--secondary .m-slider__btn.active-cursor[data-v-14b78ba6] {\n    border-width: var(--maz-border-width);\n    border-color: var(--maz-color-secondary);\n    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\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}\n.m-slider--info .m-slider__bar[data-v-14b78ba6] {\n    background-color: var(--maz-color-info);\n}\n.m-slider--info .m-slider__btn.active-cursor[data-v-14b78ba6] {\n    border-width: var(--maz-border-width);\n    border-color: var(--maz-color-info);\n    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\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}\n.m-slider--success .m-slider__bar[data-v-14b78ba6] {\n    background-color: var(--maz-color-success);\n}\n.m-slider--success .m-slider__btn.active-cursor[data-v-14b78ba6] {\n    border-width: var(--maz-border-width);\n    border-color: var(--maz-color-success);\n    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\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}\n.m-slider--warning .m-slider__bar[data-v-14b78ba6] {\n    background-color: var(--maz-color-warning);\n}\n.m-slider--warning .m-slider__btn.active-cursor[data-v-14b78ba6] {\n    border-width: var(--maz-border-width);\n    border-color: var(--maz-color-warning);\n    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\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}\n.m-slider--danger .m-slider__bar[data-v-14b78ba6] {\n    background-color: var(--maz-color-danger);\n}\n.m-slider--danger .m-slider__btn.active-cursor[data-v-14b78ba6] {\n    border-width: var(--maz-border-width);\n    border-color: var(--maz-color-danger);\n    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\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}\n.m-slider--white .m-slider__bar[data-v-14b78ba6] {\n    background-color: var(--maz-color-white);\n}\n.m-slider--white .m-slider__btn.active-cursor[data-v-14b78ba6] {\n    border-width: var(--maz-border-width);\n    border-color: var(--maz-color-white);\n    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\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}\n.m-slider--black .m-slider__bar[data-v-14b78ba6] {\n    background-color: var(--maz-color-black);\n}\n.m-slider--black .m-slider__btn.active-cursor[data-v-14b78ba6] {\n    border-width: var(--maz-border-width);\n    border-color: var(--maz-color-black);\n    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\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}\n"),T.__scopeId="data-v-14b78ba6";export{T as default};

package/components/MazSpinner.d.ts

@@ -0,0 +1,30 @@
+import type { PropType } from 'vue';
+import type { Color } from './types';
+export type { Color } from './types';
+declare const _default: import("vue").DefineComponent<{
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: PropType<Color>;
+        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, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: PropType<Color>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    size: string;
+    color: Color;
+}>;
+export default _default;

package/components/MazSpinner.js

@@ -0,0 +1 @@
+import{defineComponent as n,openBlock as e,createElementBlock as r,normalizeClass as a,pushScopeId as t,popScopeId as o,createElementVNode as i}from"vue";var d=["width","height"],s=[function(n){return t("data-v-67dbd337"),n=n(),o(),n}((function(){return i("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)}))],c=n({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"primary",validator:function(n){return["info","white","success","warning","danger","primary","black","secondary","transparent"].includes(n)}}},setup:function(n){return function(t,o){return e(),r("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:a(["m-spinner","m-spinner--".concat(n.color)]),style:{"enable-background":"new 0 0 50 50"}},s,10,d)}}});!function(n,e){void 0===e&&(e={});var r=e.insertAt;if(n&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===r&&a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.styleSheet?t.styleSheet.cssText=n:t.appendChild(document.createTextNode(n))}}("\n@-webkit-keyframes maz-spin {\n    to {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg)\n    }\n}\n@keyframes maz-spin {\n    to {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg)\n    }\n}\n.m-spinner[data-v-67dbd337] {\n    -webkit-animation: maz-spin 1s linear infinite;\n            animation: maz-spin 1s linear infinite;\n    fill: currentColor;\n    color: var(--maz-color-white);\n    margin: 0px !important\n}\n.m-spinner--primary[data-v-67dbd337] {\n    color: var(--maz-color-primary)\n}\n.m-spinner--secondary[data-v-67dbd337] {\n    color: var(--maz-color-secondary)\n}\n.m-spinner--info[data-v-67dbd337] {\n    color: var(--maz-color-info)\n}\n.m-spinner--warning[data-v-67dbd337] {\n    color: var(--maz-color-warning)\n}\n.m-spinner--danger[data-v-67dbd337] {\n    color: var(--maz-color-danger)\n}\n.m-spinner--success[data-v-67dbd337] {\n    color: var(--maz-color-success)\n}\n.m-spinner--black[data-v-67dbd337] {\n    color: var(--maz-color-black)\n}\n.m-spinner--white[data-v-67dbd337] {\n    color: var(--maz-color-white)\n}\n.m-spinner--transparent[data-v-67dbd337] {\n    color: var(--maz-color-white)\n}\n"),c.__scopeId="data-v-67dbd337";export{c as default};