maz-ui 3.40.0 → 3.40.2

package/components/chunks/{MazTable-BjoWOw75.mjs → MazTable-Ds_9n2ph.mjs}

@@ -160,7 +160,7 @@ const Bt = {
   },
   emits: ["update:model-value", "focus", "blur", "click", "change"],
   setup(r, { emit: d }) {
-    const t = J(() => Promise.resolve().then(() => Qt)), b = J(() => import("./MazIcon-DzD_cBdk.mjs")), z = J(() => import("./eye-slash-tjfxO0LK.mjs")), m = J(() => import("./eye-DqO_Jx56.mjs")), h = J(() => Promise.resolve().then(() => no)), o = r, L = d, T = E(!1), w = E(!1), F = E(), _ = Ee({
+    const t = J(() => Promise.resolve().then(() => Qt)), b = J(() => import("./MazIcon-B-UuPklS.mjs")), z = J(() => import("./eye-slash-tjfxO0LK.mjs")), m = J(() => import("./eye-DqO_Jx56.mjs")), h = J(() => Promise.resolve().then(() => no)), o = r, L = d, T = E(!1), w = E(!1), F = E(), _ = Ee({
       componentName: "MazInput",
       providedId: o.id
     });
@@ -503,13 +503,15 @@ const Nt = {
   emits: ["close", "open", "blur", "focus", "change", "update:model-value", "selected-option"],
   setup(r, { expose: d, emit: t }) {
     Ve((e) => ({
-      "0be73248": k.value,
-      "64cc5eca": _.value,
-      "9f2fe47a": R.value
+      "417b570e": k.value,
+      "16c577f8": _.value,
+      "081fe860": R.value
     }));
     const b = J(() => Promise.resolve().then(() => uo)), z = J(() => Promise.resolve().then(() => pt)), m = J(() => import("./chevron-down-CzMH-gFW.mjs")), h = J(() => import("./no-symbol-QAqP9IlR.mjs"));
     d({
+      /** Method to open the option list */
       openList: D,
+      /** Method to close the option list */
       closeList: q
     });
     const o = r, L = t, T = E(!1), w = E(), F = c(
@@ -869,7 +871,7 @@ const Nt = {
       ]);
     };
   }
-}), He = /* @__PURE__ */ le(qt, [["__scopeId", "data-v-fb03c8b8"]]), Rt = /* @__PURE__ */ oe({
+}), He = /* @__PURE__ */ le(qt, [["__scopeId", "data-v-8441f9de"]]), Rt = /* @__PURE__ */ oe({
   __name: "MazBtn",
   props: {
     variant: { default: "button" },
@@ -894,7 +896,7 @@ const Nt = {
     contentClass: { default: void 0 }
   },
   setup(r) {
-    const d = J(() => import("./MazSpinner-DcHEWAt2.mjs")), t = J(() => import("./MazIcon-DzD_cBdk.mjs")), { href: b, to: z } = nt(), m = Le(), h = r;
+    const d = J(() => import("./MazSpinner-DzWvDo6x.mjs")), t = J(() => import("./MazIcon-B-UuPklS.mjs")), { href: b, to: z } = nt(), m = Le(), h = r;
     Oe(() => {
       h.icon && !h.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
     });

package/components/chunks/{MazTransitionExpand-Qi1Ryuww.mjs → MazTransitionExpand-C6uOt--l.mjs}

@@ -1,6 +1,6 @@
 import '../assets/MazTransitionExpand.css';
 import { defineComponent as e, useCssVars as p, openBlock as d, createBlock as h, TransitionGroup as u, withCtx as y, renderSlot as g, nextTick as s } from "vue";
-import { _ as l } from "./MazStepper-BrVzcmp3.mjs";
+import { _ as l } from "./MazStepper-BvKEjtJo.mjs";
 const f = /* @__PURE__ */ e({
   __name: "MazTransitionExpand",
   props: {

package/nuxt/index.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "3.40.0"
+  "version": "3.40.2"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maz-ui",
-  "version": "3.40.0",
+  "version": "3.40.2",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "main": "./modules/index.cjs",

package/types/components/MazDropdown.vue.d.ts

@@ -9,7 +9,7 @@ export type MenuItem = {
     target?: string;
     href?: string;
     to?: RouteLocationRaw;
-    class?: string;
+    class?: unknown;
 } & Record<string, unknown>;
 export type Props = {
     style?: HTMLAttributes['style'];
@@ -20,11 +20,19 @@ export type Props = {
     open?: boolean;
     /** id of the menu */
     id?: string;
-    /** Should open the dropdown on click, hover or both */
+    /** Should open the dropdown on click, hover or both
+     * @default 'both'
+     */
     trigger?: 'click' | 'hover' | 'both';
-    /** Button color */
+    /**
+     * Button color
+     * @default 'transparent'
+     */
     color?: Color;
-    /** Position of the dropdown */
+    /**
+     * Position of the dropdown
+     * @default 'bottom left'
+     */
     position?: Position;
     /** Disable close menu on menuitem clicked */
     noCloseOnClick?: boolean;
@@ -32,7 +40,10 @@ export type Props = {
     disabled?: boolean;
     /** Remove chevron icon in main button */
     noChevron?: boolean;
-    /** Description read by screen reader (accessibility) */
+    /**
+     * Description read by screen reader (accessibility)
+     * @default 'Open menu dropdown'
+     */
     screenReaderDescription?: string;
 };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {

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

@@ -1,5 +1,7 @@
+import { type Component, type ComponentPublicInstance, type SVGAttributes, type FunctionalComponent } from 'vue';
 import type { Color } from './types';
 export type { Color };
+export type Icon = FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component;
 export interface Step {
     title?: string;
     subtitle?: string;
@@ -8,53 +10,39 @@ export interface Step {
     error?: boolean;
     success?: boolean;
     warning?: boolean;
+    icon?: string | Icon;
 }
 export type Steps = Step[];
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+export type Props = {
     /** The current step */
-    modelValue?: number | undefined;
+    modelValue?: number;
     /** The steps */
-    steps?: Steps | undefined;
-    /** The color of the stepper */
-    color?: Color | undefined;
+    steps?: Steps;
+    /**
+     * The color of the stepper
+     * @default primary
+     */
+    color?: Color;
     /** Disable the next steps */
-    disabledNextSteps?: boolean | undefined;
+    disabledNextSteps?: boolean;
     /** Disable the previous steps */
-    disabledPreviousSteps?: boolean | undefined;
+    disabledPreviousSteps?: boolean;
     /** Auto validate the steps */
-    autoValidateSteps?: boolean | undefined;
+    autoValidateSteps?: boolean;
     /** Open all steps */
-    allStepsOpened?: boolean | undefined;
+    allStepsOpened?: boolean;
     /** Validate all steps */
-    allStepsValidated?: boolean | undefined;
+    allStepsValidated?: boolean;
     /** Allow to close the steps */
-    canCloseSteps?: boolean | undefined;
-}>, {
+    canCloseSteps?: boolean;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     modelValue: undefined;
     steps: undefined;
     color: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (value: number) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    /** The current step */
-    modelValue?: number | undefined;
-    /** The steps */
-    steps?: Steps | undefined;
-    /** The color of the stepper */
-    color?: Color | undefined;
-    /** Disable the next steps */
-    disabledNextSteps?: boolean | undefined;
-    /** Disable the previous steps */
-    disabledPreviousSteps?: boolean | undefined;
-    /** Auto validate the steps */
-    autoValidateSteps?: boolean | undefined;
-    /** Open all steps */
-    allStepsOpened?: boolean | undefined;
-    /** Validate all steps */
-    allStepsValidated?: boolean | undefined;
-    /** Allow to close the steps */
-    canCloseSteps?: boolean | undefined;
-}>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     modelValue: undefined;
     steps: undefined;
     color: string;
@@ -64,7 +52,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     color: Color;
     modelValue: number;
     steps: Steps;
-}, {}>, Partial<Record<`title-${number}`, (_: {}) => any>> & Partial<Record<`subtitle-${number}`, (_: {}) => any>> & Partial<Record<`title-info-${number}`, (_: {}) => any>> & Partial<Record<`content-${number}`, (_: {
+}, {}>, 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;

package/components/chunks/MazStepper-BrVzcmp3.mjs

@@ -1,187 +0,0 @@
-import '../assets/MazStepper.css';
-import { defineComponent as L, useCssVars as q, defineAsyncComponent as m, computed as S, useSlots as G, ref as H, openBlock as i, createElementBlock as d, Fragment as E, renderList as J, normalizeClass as N, createElementVNode as r, createBlock as K, resolveDynamicComponent as Q, createCommentVNode as f, createTextVNode as h, toDisplayString as b, renderSlot as y, createVNode as R, unref as U, withCtx as X, withDirectives as Y, vShow as Z } from "vue";
-const ee = { class: "m-stepper" }, te = ["disabled", "onClick"], se = { class: "m-stepper__header__wrapper" }, oe = { class: "m-stepper__count --primary" }, ne = { class: "m-stepper__count__circle" }, ae = { class: "m-stepper__header__content" }, le = { class: "m-stepper__title" }, re = {
-  key: 0,
-  class: "m-stepper__subtitle"
-}, ie = {
-  key: 0,
-  class: "m-stepper__right"
-}, ce = { class: "m-stepper__content__wrapper" }, de = /* @__PURE__ */ L({
-  __name: "MazStepper",
-  props: {
-    modelValue: { default: void 0 },
-    steps: { default: void 0 },
-    color: { default: "primary" },
-    disabledNextSteps: { type: Boolean },
-    disabledPreviousSteps: { type: Boolean },
-    autoValidateSteps: { type: Boolean },
-    allStepsOpened: { type: Boolean },
-    allStepsValidated: { type: Boolean },
-    canCloseSteps: { type: Boolean }
-  },
-  emits: ["update:model-value"],
-  setup(p, { emit: C }) {
-    q((e) => ({
-      "029cd67d": P.value,
-      "65bf52d5": W.value
-    }));
-    const _ = m(() => import("./MazTransitionExpand-Qi1Ryuww.mjs")), $ = m(() => import("./check-circle-CtCMBYyp.mjs")), g = m(
-      () => import("./exclamation-circle-DzBJ8vGa.mjs")
-    ), M = m(() => import("./exclamation-triangle-BfZLmRbP.mjs")), s = p, A = C, P = S(() => `var(--maz-color-${s.color})`), W = S(() => `var(--maz-color-${s.color}-contrast)`), I = G(), v = S(
-      () => Object.keys(I).filter((e) => e.startsWith("content-")).length
-    ), O = H(1), n = S({
-      get: () => s.modelValue ?? O.value,
-      set: (e) => {
-        O.value = e, A("update:model-value", e);
-      }
-    }), k = (e) => z(e) ? { icon: $, class: "--success" } : w(e) ? { icon: M, class: "--warning" } : B(e) ? { icon: g, class: "--error" } : { class: "--normal" }, V = (e, o) => {
-      var t, a;
-      return (a = (t = s.steps) == null ? void 0 : t[o - 1]) == null ? void 0 : a[e];
-    }, D = (e) => {
-      n.value === e && s.canCloseSteps ? n.value = 0 : e < 1 ? n.value = 1 : e > v.value ? n.value = v.value : n.value = e;
-    }, x = (e, o) => {
-      var l, u;
-      const t = e === "titleInfo" ? "title-info" : e, a = Object.keys(I).filter((F) => F.startsWith(`${t}-`)).includes(`${t}-${o}`), c = !!((u = (l = s.steps) == null ? void 0 : l[o - 1]) != null && u[e]);
-      return a || c;
-    }, z = (e) => {
-      var c, l;
-      const o = (l = (c = s.steps) == null ? void 0 : c[e - 1]) == null ? void 0 : l.success, t = B(e) || w(e), a = s.autoValidateSteps && e < n.value && !t;
-      return o ?? (a || s.allStepsValidated);
-    }, T = (e) => {
-      var l, u;
-      const o = (u = (l = s.steps) == null ? void 0 : l[e - 1]) == null ? void 0 : u.disabled, t = n.value === e && !s.canCloseSteps, a = s.disabledNextSteps && e > n.value, c = s.disabledPreviousSteps && e < n.value;
-      return o ?? (t || a || c || s.allStepsOpened);
-    }, B = (e) => {
-      var o, t;
-      return (t = (o = s.steps) == null ? void 0 : o[e - 1]) == null ? void 0 : t.error;
-    }, w = (e) => {
-      var o, t;
-      return (t = (o = s.steps) == null ? void 0 : o[e - 1]) == null ? void 0 : t.warning;
-    }, j = (e) => e === v.value;
-    return (e, o) => (i(), d("div", ee, [
-      (i(!0), d(
-        E,
-        null,
-        J(v.value, (t) => (i(), d(
-          E,
-          { key: t },
-          [
-            x("title", t) ? (i(), d("button", {
-              key: 0,
-              type: "button",
-              disabled: T(t),
-              class: N(["m-stepper__header", [
-                {
-                  "--is-current-step": t === n.value || e.allStepsOpened
-                },
-                `${k(t).class}`
-              ]]),
-              onClick: (a) => D(t)
-            }, [
-              r("div", se, [
-                r("span", oe, [
-                  r("div", ne, [
-                    k(t).icon ? (i(), K(Q(k(t).icon), {
-                      key: 0,
-                      class: "icon maz-text-xl"
-                    })) : f("v-if", !0)
-                  ]),
-                  h(
-                    " " + b(t),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                r("div", ae, [
-                  r("span", le, [
-                    y(e.$slots, `title-${t}`, {}, () => [
-                      h(
-                        b(V("title", t)),
-                        1
-                        /* TEXT */
-                      )
-                    ], !0)
-                  ]),
-                  x("subtitle", t) ? (i(), d("span", re, [
-                    y(e.$slots, `subtitle-${t}`, {}, () => [
-                      h(
-                        b(V("subtitle", t)),
-                        1
-                        /* TEXT */
-                      )
-                    ], !0)
-                  ])) : f("v-if", !0)
-                ])
-              ]),
-              x("titleInfo", t) ? (i(), d("span", ie, [
-                y(e.$slots, `title-info-${t}`, {}, () => [
-                  h(
-                    b(V("titleInfo", t)),
-                    1
-                    /* TEXT */
-                  )
-                ], !0)
-              ])) : f("v-if", !0)
-            ], 10, te)) : f("v-if", !0),
-            r(
-              "div",
-              {
-                class: N(["m-stepper__content", {
-                  "--no-border": j(t)
-                }])
-              },
-              [
-                R(
-                  U(_),
-                  null,
-                  {
-                    default: X(() => [
-                      Y(r(
-                        "div",
-                        null,
-                        [
-                          r("div", ce, [
-                            y(e.$slots, `content-${t}`, {
-                              validated: z(t),
-                              error: B(t),
-                              warning: w(t),
-                              nextStep: () => D(t + 1),
-                              previousStep: () => D(t - 1)
-                            }, void 0, !0)
-                          ])
-                        ],
-                        512
-                        /* NEED_PATCH */
-                      ), [
-                        [Z, e.allStepsOpened || n.value === t]
-                      ])
-                    ]),
-                    _: 2
-                    /* DYNAMIC */
-                  },
-                  1024
-                  /* DYNAMIC_SLOTS */
-                )
-              ],
-              2
-              /* CLASS */
-            )
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        ))),
-        128
-        /* KEYED_FRAGMENT */
-      ))
-    ]));
-  }
-}), ue = (p, C) => {
-  const _ = p.__vccOpts || p;
-  for (const [$, g] of C)
-    _[$] = g;
-  return _;
-}, _e = /* @__PURE__ */ ue(de, [["__scopeId", "data-v-7c143d25"]]);
-export {
-  _e as M,
-  ue as _
-};