maz-ui 3.47.2-beta.4 → 3.47.2-beta.6

package/components/MazBottomSheet.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazBottomSheet-CGRvZmGd.mjs";
+import { M as f } from "./chunks/MazBottomSheet-C9GWCGys.mjs";
 export {
   f as default
 };

package/components/MazBtn.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazBtn-CWloP6MI.mjs";
+import { M as f } from "./chunks/MazBtn-VU3XSEv8.mjs";
 export {
   f as default
 };

package/components/MazCard.d.ts

@@ -72,9 +72,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     header: string;
     href: string;
     to: RouterLinkProps["to"];
-    elevation: boolean;
     orientation: "column" | "row" | "row-reverse" | "column-reverse";
-    radius: boolean;
     scale: boolean;
     images: MazGalleryImage[];
     noRemaining: boolean;
@@ -82,6 +80,8 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     footerAlign: "right" | "left";
     galleryWidth: string | number;
     galleryHeight: string | number;
+    elevation: boolean;
+    radius: boolean;
     imagesShowCount: number;
     wrapperClass: HTMLAttributes["class"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/components/MazCard.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazCard-BYB8y1_u.mjs";
+import { M as f } from "./chunks/MazCard-CAPZoSqv.mjs";
 export {
   f as default
 };

package/components/MazCarousel.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazCarousel-DccWVW8H.mjs";
+import { M as f } from "./chunks/MazCarousel-CSv4VpC9.mjs";
 export {
   f as default
 };

package/components/MazChecklist.mjs

@@ -1,4 +1,4 @@
-import { a as f } from "./chunks/MazChecklist-CQv-sXP1.mjs";
+import { a as f } from "./chunks/MazChecklist-Bqd7qTO1.mjs";
 export {
   f as default
 };

package/components/MazCircularProgressBar.d.ts

@@ -111,10 +111,10 @@ declare const __VLS_component: import("vue").DefineComponent<{
 }> & Readonly<{}>, {
     size: string;
     color: Color;
-    stroke: string;
     duration: number;
     prefix: string;
     suffix: string;
+    stroke: string;
     percentage: number;
     strokeLinecap: "inherit" | "round" | "square" | "butt";
     strokeWidth: string | number;

package/components/MazDialog.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazDialog-khofH-7I.mjs";
+import { M as f } from "./chunks/MazDialog-xPCkmhrE.mjs";
 export {
   f as default
 };

package/components/MazDialogPromise.mjs

@@ -1,4 +1,4 @@
-import { a as o, u as s } from "./chunks/MazDialogPromise-ZRA2ZrO4.mjs";
+import { a as o, u as s } from "./chunks/MazDialogPromise-dIHWE8dO.mjs";
 export {
   o as default,
   s as useMazDialogPromise

package/components/MazDrawer.mjs

@@ -128,7 +128,7 @@ import './assets/MazDrawer.css';const A = "--backdrop-present", U = /* @__PURE__
   },
   emits: ["before-close", "open", "close", "update:model-value"],
   setup(b) {
-    const i = B(() => import("./chunks/MazBtn-BB1FyYWv.mjs").then((e) => e.M)), c = B(() => import("./chunks/x-mark-CnZwVvA7.mjs"));
+    const i = B(() => import("./chunks/MazBtn-DA2lg-5s.mjs").then((e) => e.M)), c = B(() => import("./chunks/x-mark-CnZwVvA7.mjs"));
     return (e, t) => (r(), h(U, {
       "backdrop-class": ["m-drawer", `--${e.variant}`, e.backdropClass],
       style: F({

package/components/MazDropdown.d.ts

@@ -1,9 +1,9 @@
 import type { RouteLocationRaw } from 'vue-router';
 import type { Color } from './MazBtn.vue';
 import type { MazLinkProps } from './MazLink.vue';
-import type { Position } from './types';
+import type { Icon, Position, Size } from './types';
 import { type HTMLAttributes } from 'vue';
-export type { Color, Position };
+export type { Color, Position, Size };
 type ItemBase = Record<string, unknown> & {
     label: string;
     class?: unknown;
@@ -77,6 +77,22 @@ export interface MazDropdownProps {
      * If true, the button will have a full width
      */
     block?: boolean;
+    /**
+     * Custom dropdown icon
+     * You can use a string to define the icon name or a Vue component
+     * @default undefined
+     */
+    dropdownIcon?: string | Icon;
+    /**
+     * If true, the dropdown icon will rotate when the dropdown is open
+     * @default true
+     */
+    dropdownIconAnimation?: boolean;
+    /**
+     * Size of the button
+     * @default 'md'
+     */
+    size?: Size;
 }
 declare function __VLS_template(): {
     slots: {
@@ -85,6 +101,9 @@ declare function __VLS_template(): {
             isOpen: boolean;
         }): any;
         default?(_: {}): any;
+        "dropdown-icon"?(_: {
+            isOpen: boolean;
+        }): any;
         dropdown?(_: {
             items: MenuItem[];
         }): any;
@@ -130,6 +149,7 @@ declare const __VLS_component: import("vue").DefineComponent<MazDropdownProps, {
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    size: Size;
     color: Color;
     class: HTMLAttributes["class"];
     id: string;
@@ -137,6 +157,7 @@ declare const __VLS_component: import("vue").DefineComponent<MazDropdownProps, {
     trigger: "click" | "hover" | "both";
     items: MenuItem[];
     screenReaderDescription: string;
+    dropdownIconAnimation: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/MazDropdown.mjs

@@ -1,327 +1,4 @@
-import { useId as ee, computed as oe, ref as y, nextTick as ne, defineComponent as te, defineAsyncComponent as D, watch as I, withDirectives as T, openBlock as v, createElementBlock as b, unref as a, normalizeClass as $, normalizeStyle as S, createElementVNode as L, withModifiers as E, renderSlot as p, createTextVNode as z, toDisplayString as B, createCommentVNode as O, createVNode as U, mergeProps as A, createSlots as re, withCtx as h, createBlock as N, Transition as le, Fragment as se, renderList as ie, vShow as ae } from "vue";
-import './assets/MazDropdown.css';function ue({
-  componentName: t,
-  providedId: r
-}) {
-  const n = ee();
-  return oe(() => r ?? `${t}-${n}`);
-}
-y("system");
-y("system");
-const w = "__maz-click-outside__";
-function F() {
-  return document.ontouchstart === null ? "touchstart" : "click";
-}
-async function P(t, r) {
-  try {
-    V(t);
-    const n = r.instance, c = r.value, d = typeof c == "function";
-    if (!d)
-      throw new Error("[maz-ui](vClickOutside) the callback should be a function");
-    await ne(), t[w] = (k) => {
-      if ((!t || k.target && !t.contains(k.target)) && c && d)
-        return c.call(n, k);
-    };
-    const C = F();
-    document.addEventListener(C, t[w], { passive: !0 });
-  } catch (n) {
-    console.error("[maz-ui](vClickOutside)", n);
-  }
-}
-function V(t) {
-  try {
-    const r = F();
-    document.removeEventListener(r, t[w], !1), delete t[w];
-  } catch (r) {
-    console.error("[maz-ui](vClickOutside)", r);
-  }
-}
-function ce(t, r) {
-  try {
-    if (r.value === r.oldValue)
-      return;
-    P(t, r);
-  } catch (n) {
-    console.error("[maz-ui](vClickOutside)", n);
-  }
-}
-const de = {
-  mounted: P,
-  updated: ce,
-  unmounted: V
-};
-function fe(t, r) {
-  let n;
-  return function(...c) {
-    clearTimeout(n), n = setTimeout(() => {
-      t.apply(this, c);
-    }, r);
-  };
-}
-const pe = {
-  cancelText: "Cancel",
-  confirmText: "Confirm",
-  cancelButton: {
-    text: "Cancel",
-    color: "danger"
-  },
-  confirmButton: {
-    text: "Confirm",
-    color: "success"
-  }
-};
-y(pe);
-y([]);
-const me = ["id"], ve = ["aria-expanded"], ye = ["id"], ke = ["onClick"], he = /* @__PURE__ */ te({
-  inheritAttrs: !1,
-  __name: "MazDropdown",
-  props: {
-    style: { default: void 0 },
-    class: { default: void 0 },
-    items: { default: () => [] },
-    open: { type: Boolean },
-    id: { default: void 0 },
-    trigger: { default: "both" },
-    color: { default: "transparent" },
-    position: { default: "bottom left" },
-    noCloseOnClick: { type: Boolean },
-    disabled: { type: Boolean },
-    noChevron: { type: Boolean },
-    screenReaderDescription: { default: "Open menu dropdown" },
-    menuPanelClass: {},
-    menuPanelStyle: {},
-    block: { type: Boolean }
-  },
-  emits: ["menuitem-clicked", "update:open"],
-  setup(t, { emit: r }) {
-    const n = t, c = r, d = ue({
-      componentName: "MazDropdown",
-      providedId: n.id
-    }), C = D(() => import("./chunks/MazBtn-cDJlUVVY.mjs")), k = D(() => import("./chunks/MazLink-C_3Wya94.mjs")), H = D(() => import("./chunks/chevron-down-BkvtON3b.mjs")), i = y(n.open), s = y(), f = fe((e) => {
-      u(e);
-    }, 200);
-    function R() {
-      i.value && u(!1);
-    }
-    function q() {
-      u(!i.value);
-    }
-    function K() {
-      ["click"].includes(n.trigger) && q();
-    }
-    function Q() {
-      ["hover", "both"].includes(n.trigger) && u(!0);
-    }
-    function j() {
-      ["hover", "both"].includes(n.trigger) && (i.value === !1 ? u(!0) : f(!0));
-    }
-    function G() {
-      ["hover", "both"].includes(n.trigger) && f(!1);
-    }
-    function J() {
-      f(!1);
-    }
-    function u(e) {
-      n.disabled || (i.value = e, c("update:open", e));
-    }
-    function W(e) {
-      return "action" in e;
-    }
-    function X(e) {
-      return "href" in e || "to" in e;
-    }
-    async function Y(e, l) {
-      var o;
-      c("menuitem-clicked", l), await ((o = e.action) == null ? void 0 : o.call(e)), n.noCloseOnClick || g();
-    }
-    function g() {
-      n.noCloseOnClick === !1 && u(!1);
-    }
-    function M(e) {
-      e.key === "Escape" ? (e.preventDefault(), u(!1)) : ["ArrowDown", "ArrowUp"].includes(e.key) ? _(e) : e.key === "Enter" && typeof s.value == "number" && (e.preventDefault(), document.querySelectorAll(`#${d.value} .menuitem`)[s.value].click(), g());
-    }
-    function Z(e) {
-      ["ArrowDown", "ArrowUp", "Enter"].includes(e.key) && i.value === !1 && (e.preventDefault(), u(!0));
-    }
-    function _(e) {
-      var m;
-      e.preventDefault();
-      const l = e.key;
-      i.value || u(!0);
-      const o = (m = n.items) == null ? void 0 : m.length;
-      o && (typeof s.value == "number" ? s.value === o - 1 && l === "ArrowDown" ? s.value = 0 : s.value === 0 && l === "ArrowUp" ? s.value = o - 1 : s.value = l === "ArrowDown" ? s.value + 1 : s.value - 1 : s.value = l === "ArrowDown" ? 0 : o - 1);
-    }
-    return I(
-      () => i.value,
-      (e) => {
-        e ? document.addEventListener("keydown", M) : document.removeEventListener("keydown", M), s.value = void 0;
-      }
-    ), I(
-      () => n.open,
-      (e) => u(e)
-    ), (e, l) => T((v(), b("div", {
-      id: a(d),
-      class: $(["m-dropdown", [n.class, { "--block": e.block }]]),
-      style: S(e.style)
-    }, [
-      L("div", {
-        role: "button",
-        tabindex: "0",
-        class: "m-dropdown__wrapper",
-        "aria-expanded": i.value,
-        "aria-haspopup": "menu",
-        onClick: E(K, ["stop"]),
-        onFocus: Q,
-        onBlur: J,
-        onKeydown: Z,
-        onMouseenter: j,
-        onMouseleave: G
-      }, [
-        e.screenReaderDescription || e.$slots["screen-reader-description"] ? (v(), b("span", {
-          key: 0,
-          id: `${a(d)}-labelspan`,
-          class: "maz-sr-only"
-        }, [
-          p(e.$slots, "screen-reader-description", {}, () => [
-            z(
-              B(e.screenReaderDescription),
-              1
-              /* TEXT */
-            )
-          ])
-        ], 8, ye)) : O("v-if", !0),
-        p(e.$slots, "element", { isOpen: i.value }, () => [
-          U(a(C), A({
-            "aria-labelledby": `${a(d)}-labelspan`,
-            color: e.color,
-            disabled: e.disabled
-          }, e.$attrs, {
-            tabindex: "-1",
-            block: e.block
-          }), re({
-            default: h(() => [
-              p(e.$slots, "default")
-            ]),
-            _: 2
-            /* DYNAMIC */
-          }, [
-            e.noChevron ? void 0 : {
-              name: "right-icon",
-              fn: h(() => [
-                e.noChevron ? O("v-if", !0) : (v(), N(a(H), {
-                  key: 0,
-                  class: $([{ "maz-rotate-180": i.value }, "chevron-icon"])
-                }, null, 8, ["class"]))
-              ]),
-              key: "0"
-            }
-          ]), 1040, ["aria-labelledby", "color", "disabled", "block"])
-        ])
-      ], 40, ve),
-      U(le, {
-        name: "maz-scale-fade",
-        persisted: ""
-      }, {
-        default: h(() => [
-          T(L(
-            "div",
-            {
-              role: "menu",
-              "aria-label": "Menu",
-              class: $(["menu", [{
-                "--top": e.position.includes("top"),
-                "--left": e.position.includes("left"),
-                "--right": e.position.includes("right"),
-                "--bottom": e.position.includes("bottom")
-              }, e.menuPanelClass]]),
-              tabindex: "-1",
-              style: S(e.menuPanelStyle),
-              onFocus: l[0] || (l[0] = (o) => a(f)(!0)),
-              onBlur: l[1] || (l[1] = (o) => a(f)(!1)),
-              onMouseenter: l[2] || (l[2] = (o) => ["hover", "both"].includes(e.trigger) ? a(f)(!0) : void 0),
-              onMouseleave: l[3] || (l[3] = (o) => ["hover", "both"].includes(e.trigger) ? a(f)(!1) : void 0)
-            },
-            [
-              p(e.$slots, "dropdown", { items: e.items }, () => [
-                (v(!0), b(
-                  se,
-                  null,
-                  ie(e.items, (o, m) => p(e.$slots, "menuitem", {
-                    key: m,
-                    item: o
-                  }, () => [
-                    X(o) ? (v(), N(a(k), A({
-                      key: 0,
-                      target: o.href ? o.target ?? "_self" : void 0,
-                      to: o.to,
-                      href: o.href,
-                      color: o.color ?? "theme",
-                      ref_for: !0
-                    }, o, {
-                      "underline-only-hover": o.underlineOnlyHover ?? !1,
-                      class: ["menuitem", [
-                        {
-                          "--is-keyboard-selected": s.value === m
-                        },
-                        o.class
-                      ]],
-                      tabindex: "-1",
-                      onClick: E(g, ["stop"])
-                    }), {
-                      default: h(() => [
-                        p(e.$slots, "menuitem-label", { item: o }, () => [
-                          z(
-                            B(o.label),
-                            1
-                            /* TEXT */
-                          )
-                        ])
-                      ]),
-                      _: 2
-                      /* DYNAMIC */
-                    }, 1040, ["target", "to", "href", "color", "underline-only-hover", "class"])) : W(o) ? (v(), b("button", A({
-                      key: 1,
-                      tabindex: "-1",
-                      type: "button",
-                      ref_for: !0
-                    }, o, {
-                      class: ["menuitem menuitem__button", [
-                        {
-                          "--is-keyboard-selected": s.value === m
-                        },
-                        o.class,
-                        `--${o.color ?? "theme"}`
-                      ]],
-                      onClick: E((x) => Y(o, x), ["stop"])
-                    }), [
-                      p(e.$slots, "menuitem-label", { item: o }, () => [
-                        z(
-                          B(o.label),
-                          1
-                          /* TEXT */
-                        )
-                      ])
-                    ], 16, ke)) : O("v-if", !0)
-                  ])),
-                  128
-                  /* KEYED_FRAGMENT */
-                ))
-              ])
-            ],
-            38
-            /* CLASS, STYLE, NEED_HYDRATION */
-          ), [
-            [ae, i.value]
-          ])
-        ]),
-        _: 3
-        /* FORWARDED */
-      })
-    ], 14, me)), [
-      [a(de), R]
-    ]);
-  }
-});
+import { a as f } from "./chunks/MazDropdown-7WqbXnPN.mjs";
 export {
-  he as default
+  f as default
 };

package/components/MazGallery.d.ts

@@ -151,8 +151,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     blur: boolean;
     width: string | number;
     height: string | number;
-    scale: boolean;
     lazy: boolean;
+    scale: boolean;
     images: MazGalleryImage[];
     imagesShownCount: number;
     noRemaining: boolean;

package/components/MazInput.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazInput-DzWkS-g8.mjs";
+import { M as f } from "./chunks/MazInput-DG-grU7m.mjs";
 export {
   f as default
 };

package/components/MazInputNumber.d.ts

@@ -52,11 +52,11 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     size: Size;
     class: HTMLAttributes["class"];
     disabled: boolean;
-    max: number;
-    min: number;
     modelValue: number;
     step: number;
     inputmode: "search" | "text" | "none" | "email" | "tel" | "decimal" | "url" | "numeric";
+    max: number;
+    min: number;
     noButtons: boolean;
     textCenter: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/components/MazInputNumber.mjs

@@ -1,4 +1,4 @@
-import { a as f } from "./chunks/MazInputNumber-DRXQXHRv.mjs";
+import { a as f } from "./chunks/MazInputNumber-DoeT5Lcu.mjs";
 export {
   f as default
 };

package/components/MazInputPrice.d.ts

@@ -46,11 +46,11 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     "onUpdate:model-value"?: ((value: number | undefined) => any) | undefined;
     onFormatted?: ((value: string | undefined) => any) | undefined;
 }>, {
-    max: number;
-    min: number;
     modelValue: number;
     currency: string;
     locale: string;
+    max: number;
+    min: number;
     noIcon: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/components/MazInputPrice.mjs

@@ -1,4 +1,4 @@
-import { a as f } from "./chunks/MazInputPrice-DoTnDDIN.mjs";
+import { a as f } from "./chunks/MazInputPrice-CZiypHp3.mjs";
 export {
   f as default
 };

package/components/MazInputTags.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazInputTags-Dj3sW-e5.mjs";
+import { M as f } from "./chunks/MazInputTags-DGAglIQb.mjs";
 export {
   f as default
 };

package/components/MazPagination.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazPagination-BkT4_LLW.mjs";
+import { M as f } from "./chunks/MazPagination-eJFyS5Nn.mjs";
 export {
   f as default
 };

package/components/MazPhoneNumberInput.d.ts

@@ -209,8 +209,8 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     color: Color;
     class: HTMLAttributes["class"];
     id: string;
-    orientation: "row" | "col" | "responsive";
     modelValue: string;
+    orientation: "row" | "col" | "responsive";
     placeholder: string;
     listPosition: Position;
     searchThreshold: number;

package/components/MazPhoneNumberInput.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazPhoneNumberInput-BTm8A0bL.mjs";
+import { M as f } from "./chunks/MazPhoneNumberInput-Bbr0zHPZ.mjs";
 export {
   f as default
 };

package/components/MazPicker.d.ts

@@ -90,13 +90,13 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     color: Color;
     class: HTMLAttributes["class"];
     disabled: boolean;
-    format: string;
     modelValue: string | Partial<import("./MazPicker/types").RangeValue>;
     open: boolean;
     locale: string;
     double: boolean;
     inline: boolean;
     placeholder: string;
+    format: string;
     noUseBrowserLocale: boolean;
     minDate: string;
     maxDate: string;

package/components/MazPicker.mjs

@@ -1,4 +1,4 @@
-import { b as f } from "./chunks/MazPicker-DwWiIYAR.mjs";
+import { b as f } from "./chunks/MazPicker-EMOuyWJy.mjs";
 export {
   f as default
 };

package/components/MazPullToRefresh.d.ts

@@ -35,8 +35,8 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     onFinish?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
-    offset: number;
     action: () => unknown;
+    offset: number;
     distance: number;
     containerSelector: string;
     headerClass: string;

package/components/MazReadingProgressBar.d.ts

@@ -47,8 +47,8 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
 }>, {
     color: Color;
     height: string;
-    offset: number;
     teleportSelector: string;
+    offset: number;
     distance: number;
     contentSelector: string;
     barClass: HTMLAttributes["class"];

package/components/MazSelect.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazSelect-DOiqBTNY.mjs";
+import { M as f } from "./chunks/MazSelect-BDMOrVry.mjs";
 export {
   f as default
 };

package/components/MazSlider.d.ts

@@ -102,9 +102,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     size: string;
     color: Color;
+    labels: unknown[];
     max: number;
     min: number;
-    labels: unknown[];
     noDivider: boolean;
     log: boolean;
     noCursorAnim: boolean;

package/components/MazTable.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazTable-BKdEx63E.mjs";
+import { M as f } from "./chunks/MazTable-CWsaB02U.mjs";
 export {
   f as default
 };