maz-ui 4.0.0-beta.8 → 4.0.0

package/dist/components/MazSlider.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch, onMounted, onBeforeUnmount, nextTick, createElementBlock, openBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, toDisplayString } from "vue";
-import { d as debounce } from "../chunks/debounce.Brzkn9pm.js";
+import { i } from "../chunks/debounce.DhXdop6X.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazSlider.y4qpnD0N.css';function getOffset(elem) {
+import '../assets/MazSlider.WcnBC9zc.css';function getOffset(elem) {
   const doc = document.documentElement, body = document.body, rect = elem.getBoundingClientRect();
   return {
     y: rect.top + (window.pageYOffset || doc.scrollTop) - (doc.clientTop || body.clientTop || 0),
@@ -52,7 +52,7 @@ const _hoisted_1 = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], _hoisted
       () => [computedValue.value, __props.min, __props.max, __props.log].join(","),
       () => buildComponent(!0)
     );
-    const resizeListenerFunction = debounce(() => buildComponent(), 300);
+    const resizeListenerFunction = i(() => buildComponent(), 300);
     onMounted(() => {
       buildComponent(!0), window.addEventListener("resize", resizeListenerFunction);
     }), onBeforeUnmount(() => {
@@ -66,11 +66,11 @@ const _hoisted_1 = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], _hoisted
     function roundToStep(value) {
       return Math.round((value - __props.min) / __props.step) * __props.step + __props.min;
     }
-    function cursorKeyDown(event, i) {
-      event.key === "ArrowLeft" ? tmpValues.value && isBetween(tmpValues.value[i] - __props.step, tmpValues.value[i - 1], tmpValues.value[i + 1], "minus") && (tmpValues.value[i] = Math.max(__props.min, tmpValues.value[i] - __props.step), emitValue(tmpValues.value)) : event.key === "ArrowRight" && tmpValues.value && isBetween(tmpValues.value[i] + __props.step, tmpValues.value[i - 1], tmpValues.value[i + 1], "plus") && (tmpValues.value[i] = Math.min(__props.max, tmpValues.value[i] + __props.step), emitValue(tmpValues.value));
+    function cursorKeyDown(event, i2) {
+      event.key === "ArrowLeft" ? tmpValues.value && isBetween(tmpValues.value[i2] - __props.step, tmpValues.value[i2 - 1], tmpValues.value[i2 + 1], "minus") && (tmpValues.value[i2] = Math.max(__props.min, tmpValues.value[i2] - __props.step), emitValue(tmpValues.value)) : event.key === "ArrowRight" && tmpValues.value && isBetween(tmpValues.value[i2] + __props.step, tmpValues.value[i2 - 1], tmpValues.value[i2 + 1], "plus") && (tmpValues.value[i2] = Math.min(__props.max, tmpValues.value[i2] + __props.step), emitValue(tmpValues.value));
     }
-    function blurCursor(i) {
-      activeCursor.value = void 0, setBtnStyle(i);
+    function blurCursor(i2) {
+      activeCursor.value = void 0, setBtnStyle(i2);
     }
     function checkValues() {
       const valuesChecked = computedValue.value.map((v) => {
@@ -83,20 +83,20 @@ const _hoisted_1 = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], _hoisted
       const valueToEmit = hasMultipleValues.value ? [...values] : values[0];
       emits("update:model-value", valueToEmit);
     }
-    function getLabel(i) {
-      return __props.labels ? __props.labels[i] : void 0;
+    function getLabel(i2) {
+      return __props.labels ? __props.labels[i2] : void 0;
     }
-    function setBtnDividers(i) {
-      setBtnStyle(i), __props.divider && setDividers();
+    function setBtnDividers(i2) {
+      setBtnStyle(i2), __props.divider && setDividers();
     }
-    async function setBtnStyle(i) {
+    async function setBtnStyle(i2) {
       await nextTick();
       const currentCursor = document.querySelectorAll(".m-slider .m-slider__btn");
       if (currentCursor) {
-        const width = currentCursor[i]?.clientWidth + 16, btnStyle = {
-          left: typeof buttonPositions.value?.[i] == "number" ? `${buttonPositions.value[i] - width / 2 || 1}px` : ""
+        const width = currentCursor[i2]?.clientWidth + 16, btnStyle = {
+          left: typeof buttonPositions.value?.[i2] == "number" ? `${buttonPositions.value[i2] - width / 2 || 1}px` : ""
         };
-        buttonStyles.value[i] = btnStyle;
+        buttonStyles.value[i2] = btnStyle;
       }
     }
     function setDividers() {
@@ -104,11 +104,11 @@ const _hoisted_1 = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], _hoisted
         const base = [...buttonPositions.value];
         base.push(0);
         const baseLength = base.length, middle = Math.round(baseLength / 2);
-        dividers.value = base.map((pos, i) => ({
-          left: i === 0 ? 0 : `${base[i - 1]}px`,
+        dividers.value = base.map((pos, i2) => ({
+          left: i2 === 0 ? 0 : `${base[i2 - 1]}px`,
           // ATTENTION: buttonPositions.value[i - 1]
-          right: i + 1 === baseLength ? 0 : `calc( 100% - ${pos}px )`,
-          backgroundColor: middle === i + 1 ? void 0 : i < middle ? `rgba(255, 255, 255, ${getOpacityCoeff(i, middle, baseLength)})` : `rgba(0, 0, 0, ${getOpacityCoeff(i, middle, baseLength)})`
+          right: i2 + 1 === baseLength ? 0 : `calc( 100% - ${pos}px )`,
+          backgroundColor: middle === i2 + 1 ? void 0 : i2 < middle ? `rgba(255, 255, 255, ${getOpacityCoeff(i2, middle, baseLength)})` : `rgba(0, 0, 0, ${getOpacityCoeff(i2, middle, baseLength)})`
           // darken
         }));
       }
@@ -132,8 +132,8 @@ const _hoisted_1 = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], _hoisted
         );
       console.warn("[maz-ui][MazSlider] ref component not found");
     }
-    function handleMousedown(_event, i) {
-      activeCursor.value === void 0 && (activeCursor.value = i, setBtnDividers(i));
+    function handleMousedown(_event, i2) {
+      activeCursor.value === void 0 && (activeCursor.value = i2, setBtnDividers(i2));
     }
     async function handleMouseup() {
       if (activeCursor.value === void 0)
@@ -174,32 +174,32 @@ const _hoisted_1 = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], _hoisted
         "aria-valuemin": _ctx.min,
         "aria-valuemax": _ctx.max
       }, [
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(dividers.value, (div, i) => (openBlock(), createElementBlock("div", {
-          key: `divider-${i}`,
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(dividers.value, (div, i2) => (openBlock(), createElementBlock("div", {
+          key: `divider-${i2}`,
           style: normalizeStyle([div]),
           class: "m-slider__divider"
         }, null, 4))), 128)),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(computedValue.value, (_btn, i) => (openBlock(), createElementBlock("button", {
-          key: `cursor-${i}`,
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(computedValue.value, (_btn, i2) => (openBlock(), createElementBlock("button", {
+          key: `cursor-${i2}`,
           type: "button",
-          "data-label": getLabel(i),
+          "data-label": getLabel(i2),
           class: normalizeClass(["m-slider__btn", {
-            "active-cursor": i === activeCursor.value && _ctx.cursorAnim
+            "active-cursor": i2 === activeCursor.value && _ctx.cursorAnim
           }]),
-          style: normalizeStyle([buttonStyles.value[i]]),
-          onMousedownPassive: ($event) => handleMousedown($event, i),
-          onTouchstartPassive: ($event) => handleMousedown($event, i),
-          onFocusPassive: ($event) => handleMousedown($event, i),
-          onBlurPassive: ($event) => blurCursor(i),
-          onTouchendPassive: ($event) => blurCursor(i),
-          onKeydownPassive: ($event) => cursorKeyDown($event, i)
+          style: normalizeStyle([buttonStyles.value[i2]]),
+          onMousedownPassive: ($event) => handleMousedown($event, i2),
+          onTouchstartPassive: ($event) => handleMousedown($event, i2),
+          onFocusPassive: ($event) => handleMousedown($event, i2),
+          onBlurPassive: ($event) => blurCursor(i2),
+          onTouchendPassive: ($event) => blurCursor(i2),
+          onKeydownPassive: ($event) => cursorKeyDown($event, i2)
         }, [
-          createElementVNode("span", null, toDisplayString(tmpValues.value?.[i]), 1)
+          createElementVNode("span", null, toDisplayString(tmpValues.value?.[i2]), 1)
         ], 46, _hoisted_2))), 128))
       ], 8, _hoisted_1)
     ], 38));
   }
-}), MazSlider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b7aacef4"]]);
+}), MazSlider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8cc966c7"]]);
 export {
   MazSlider as default
 };

package/dist/components/MazSlider.vue.d.ts

@@ -0,0 +1,31 @@
+import { MazColor } from './types';
+export interface MazSliderProps {
+    /** Array of cursors values */
+    modelValue: number | number[] | undefined | null;
+    /** array of cursors label */
+    labels?: string[];
+    /** min value of sliders */
+    min?: number;
+    /** max value of sliders */
+    max?: number;
+    /** step value for slider increments */
+    step?: number;
+    /** height size of slider bar */
+    size?: string;
+    /** remove div in different colors */
+    divider?: boolean;
+    /** become a logarithmic slider (exponential) */
+    log?: boolean;
+    /** main slider color */
+    color?: MazColor;
+    /** disables cursor animation when active */
+    cursorAnim?: boolean;
+}
+declare const _default: import('vue').DefineComponent<MazSliderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:model-value": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<MazSliderProps> & Readonly<{
+    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    MazSlider: HTMLDivElement;
+}, any>;
+export default _default;

package/dist/components/MazSpinner.js

@@ -1,6 +1,6 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode } from "vue";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazSpinner.CP85N7RJ.css';const _hoisted_1 = ["width", "height"], _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/MazSpinner.CsiFJ1DS.css';const _hoisted_1 = ["width", "height"], _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazSpinner",
   props: {
     size: { default: "2em" },
@@ -16,13 +16,12 @@ import '../assets/MazSpinner.CP85N7RJ.css';const _hoisted_1 = ["width", "height"
       y: "0px",
       viewBox: "0 0 50 50",
       "xml:space": "preserve",
-      class: normalizeClass(["m-spinner m-reset-css", `m-spinner--${_ctx.color}`]),
-      style: { "enable-background": "new 0 0 50 50" }
+      class: normalizeClass(["m-spinner m-reset-css", `m-spinner--${_ctx.color}`])
     }, _cache[0] || (_cache[0] = [
       createElementVNode("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)
     ]), 10, _hoisted_1));
   }
-}), MazSpinner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a3f936cf"]]);
+}), MazSpinner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-139d35b1"]]);
 export {
   MazSpinner as default
 };

package/dist/components/MazSpinner.vue.d.ts

@@ -0,0 +1,15 @@
+import { MazColor } from './types';
+export interface MazSpinnerProps {
+    /**
+     * The size of the spinner
+     * @default 2em
+     */
+    size?: string;
+    /**
+     * The color of the spinner
+     * @default theme
+     */
+    color?: MazColor;
+}
+declare const _default: import('vue').DefineComponent<MazSpinnerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazSpinnerProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
+export default _default;

package/dist/components/MazStepper.js

@@ -3,7 +3,7 @@ import { MazCheckCircle, MazExclamationTriangle, MazExclamationCircle } from "@m
 import MazExpandAnimation from "./MazExpandAnimation.js";
 import MazIcon from "./MazIcon.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazStepper.DtWZmm-f.css';const _hoisted_1 = ["id", "disabled", "onClick"], _hoisted_2 = { class: "m-stepper__header__wrapper" }, _hoisted_3 = { class: "m-stepper__count --primary" }, _hoisted_4 = { class: "m-stepper__count__circle" }, _hoisted_5 = { class: "m-stepper__header__content" }, _hoisted_6 = { class: "m-stepper__title" }, _hoisted_7 = {
+import '../assets/MazStepper.C9R7g43I.css';const _hoisted_1 = ["id", "disabled", "onClick"], _hoisted_2 = { class: "m-stepper__header__wrapper" }, _hoisted_3 = { class: "m-stepper__count --primary" }, _hoisted_4 = { class: "m-stepper__count__circle" }, _hoisted_5 = { class: "m-stepper__header__content" }, _hoisted_6 = { class: "m-stepper__title" }, _hoisted_7 = {
   key: 0,
   class: "m-stepper__subtitle"
 }, _hoisted_8 = {
@@ -148,7 +148,7 @@ import '../assets/MazStepper.DtWZmm-f.css';const _hoisted_1 = ["id", "disabled",
       ], 64))), 128))
     ], 4));
   }
-}), MazStepper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c6fcb131"]]);
+}), MazStepper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-37d7ed87"]]);
 export {
   MazStepper as default
 };

package/dist/components/MazStepper.vue.d.ts

@@ -0,0 +1,60 @@
+import { IconComponent } from '@maz-ui/icons';
+import { MazColor } from './types';
+export interface MazStepperStep {
+    title?: string;
+    subtitle?: string;
+    titleInfo?: string;
+    disabled?: boolean;
+    error?: boolean;
+    success?: boolean;
+    warning?: boolean;
+    icon?: string | IconComponent;
+}
+export interface MazStepperProps {
+    /** The current step */
+    modelValue?: number;
+    /** The steps */
+    steps?: MazStepperStep[];
+    /**
+     * The color of the stepper
+     * @default primary
+     */
+    color?: MazColor;
+    /** Disable the next steps */
+    disabledNextSteps?: boolean;
+    /** Disable the previous steps */
+    disabledPreviousSteps?: boolean;
+    /** Auto validate the steps */
+    autoValidateSteps?: boolean;
+    /** Open all steps */
+    allStepsOpened?: boolean;
+    /** Validate all steps */
+    allStepsValidated?: boolean;
+    /** Allow to close the steps */
+    canCloseSteps?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<`icon-${number}`, (_: {}) => any>> & Partial<Record<`title-${number}`, (_: {}) => any>> & Partial<Record<`subtitle-${number}`, (_: {}) => any>> & Partial<Record<`title-info-${number}`, (_: {}) => any>> & Partial<Record<`content-${number}`, (_: {
+        validated: boolean;
+        error: boolean | undefined;
+        warning: boolean | undefined;
+        nextStep: () => void;
+        previousStep: () => void;
+    }) => any>>;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MazStepperProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:model-value": (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<MazStepperProps> & Readonly<{
+    "onUpdate:model-value"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MazSwitch.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/MazSwitch.vue_vue_type_style_index_0_lang.CU43Y1ky.js";
+import { _ as _sfc_main } from "../chunks/MazSwitch.vue_vue_type_style_index_0_lang.Dz7-dIc9.js";
 export {
   _sfc_main as default
 };

package/dist/components/MazSwitch.vue.d.ts

@@ -0,0 +1,69 @@
+import { HTMLAttributes } from 'vue';
+import { MazColor } from './types';
+export interface MazSwitchProps {
+    /** Style attribut of the component root element */
+    style?: HTMLAttributes['style'];
+    /** Class attribut of the component root element */
+    class?: HTMLAttributes['class'];
+    /** The model value of the switch */
+    modelValue?: boolean;
+    /** The id of the switch */
+    id?: string;
+    /** If the switch is disabled */
+    disabled?: boolean;
+    /** The name of the switch */
+    name?: string;
+    /** Text label */
+    label?: string;
+    /** The color of the switch */
+    color?: MazColor;
+    /** Whether there is an error with the input. */
+    error?: boolean;
+    /** Whether the input is successful. */
+    success?: boolean;
+    /** Whether there is a warning with the input. */
+    warning?: boolean;
+    /** The hint text to display below the input. */
+    hint?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            value: boolean;
+        }): any;
+    };
+    refs: {
+        inputRef: HTMLInputElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MazSwitchProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: (value: FocusEvent) => any;
+    change: (value: boolean) => any;
+    focus: (value: FocusEvent) => any;
+    "update:model-value": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<MazSwitchProps> & Readonly<{
+    onBlur?: ((value: FocusEvent) => any) | undefined;
+    onChange?: ((value: boolean) => any) | undefined;
+    onFocus?: ((value: FocusEvent) => any) | undefined;
+    "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
+}>, {
+    name: string;
+    style: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+    class: HTMLAttributes["class"];
+    color: MazColor;
+    disabled: boolean;
+    id: string;
+    modelValue: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MazTable.js

@@ -1,7 +1,7 @@
-import { _ as _sfc_main } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.BcTw9Tyh.js";
-import { m } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.BcTw9Tyh.js";
+import { _ as _sfc_main } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.Ct1Gtp2Q.js";
+import { m } from "../chunks/MazTable.vue_vue_type_script_setup_true_lang.Ct1Gtp2Q.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
-import '../assets/MazTable.DMlQdImb.css';const MazTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3f352ade"]]);
+import '../assets/MazTable.Cq7FEz09.css';const MazTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-10f9894b"]]);
 export {
   MazTable as default,
   m as mazTableKey