maz-ui 3.50.1 → 4.0.0-alpha.2

package/components/MazAnimatedText.mjs

@@ -1,147 +0,0 @@
-import { defineComponent as C, computed as f, ref as p, onMounted as b, onBeforeUnmount as G, openBlock as o, createElementBlock as d, createBlock as g, resolveDynamicComponent as k, mergeProps as $, withCtx as _, Fragment as h, renderList as V, createElementVNode as u, normalizeClass as A, normalizeStyle as x, toDisplayString as c, createCommentVNode as z, createTextVNode as D } from "vue";
-import './assets/MazAnimatedText.B91Kt1PP.css';function B(s, i, r) {
-  const t = {
-    maxAttempts: 20,
-    interval: 100,
-    ...r
-  };
-  let l = 0;
-  function m() {
-    const a = s();
-    a != null ? t.expectedValue !== void 0 && a !== t.expectedValue ? l < t.maxAttempts ? (l++, setTimeout(m, t.interval)) : console.warn(t.errorMessage || `[maz-ui](checkAvailability) Nothing found after ${t.maxAttempts} attempts for ref ${a}`) : i(a) : l < t.maxAttempts ? (l++, setTimeout(m, t.interval)) : console.warn(t.errorMessage || `[maz-ui](checkAvailability) Nothing found or expected value after ${t.maxAttempts} attempts for ref ${a}`);
-  }
-  m();
-}
-const M = { class: "m-reset-css m-animated-text" }, N = { class: "m-animated-text__last-word-inner" }, T = { class: "m-animated-text__last-word-inner-text" }, W = /* @__PURE__ */ C({
-  inheritAttrs: !1,
-  __name: "MazAnimatedText",
-  props: {
-    text: {},
-    lastWord: {},
-    delay: { default: 0 },
-    direction: { default: "up" },
-    tag: { default: "span" },
-    wordDelay: { default: 75 },
-    columnGap: { default: 0.5 },
-    rowGap: { default: 0 },
-    duration: { default: 2e3 },
-    once: { type: Boolean, default: !0 }
-  },
-  setup(s) {
-    const i = f(() => s.text.split(" ")), r = f(() => i.value.length), t = p(!1), l = p(!1), m = f(() => t.value ? `maz-animate-slide-${s.direction}-blur` : "maz-invisible"), a = p();
-    let n = null;
-    return b(() => {
-      l.value = !0, n = new IntersectionObserver(([e]) => {
-        t.value = e.isIntersecting, s.once && a.value && (n == null || n.unobserve(a.value));
-      }), B(() => a.value, (e) => {
-        n == null || n.observe(e);
-      });
-    }), G(() => n == null ? void 0 : n.disconnect()), (e, v) => (o(), d("div", M, [
-      l.value ? (o(), g(k(e.tag), $({
-        key: 0,
-        ref_key: "element",
-        ref: a
-      }, e.$attrs, {
-        class: "m-animated-text__root",
-        style: { columnGap: `${e.columnGap}rem`, rowGap: `${e.rowGap}rem` }
-      }), {
-        default: _(() => [
-          (o(!0), d(
-            h,
-            null,
-            V(i.value, (y, w) => (o(), d("span", {
-              key: y + w,
-              class: "m-animated-text__word"
-            }, [
-              u(
-                "span",
-                {
-                  class: A(["m-animated-text__word-inner", m.value]),
-                  style: x({
-                    animationDelay: `${e.delay + w * (e.wordDelay ?? 150)}ms`,
-                    animationDuration: `${e.duration}ms`
-                  })
-                },
-                c(y),
-                7
-                /* TEXT, CLASS, STYLE */
-              )
-            ]))),
-            128
-            /* KEYED_FRAGMENT */
-          )),
-          e.lastWord ? (o(), d(
-            "span",
-            {
-              key: 0,
-              class: A(["m-animated-text__last-word", m.value]),
-              style: x({
-                animationDelay: `${e.delay + r.value * (e.wordDelay ?? 150)}ms`,
-                animationDuration: `${e.duration}ms`
-              })
-            },
-            [
-              u("span", N, [
-                v[0] || (v[0] = u(
-                  "span",
-                  { class: "m-animated-text__last-word-inner-gradient" },
-                  null,
-                  -1
-                  /* HOISTED */
-                )),
-                u(
-                  "span",
-                  T,
-                  c(e.lastWord),
-                  1
-                  /* TEXT */
-                )
-              ])
-            ],
-            6
-            /* CLASS, STYLE */
-          )) : z("v-if", !0)
-        ]),
-        _: 1
-        /* STABLE */
-      }, 16, ["style"])) : (o(), g(
-        k(e.tag),
-        $({ key: 1 }, e.$attrs, { class: "maz-invisible maz-inline-flex" }),
-        {
-          default: _(() => [
-            D(
-              c(e.text) + " ",
-              1
-              /* TEXT */
-            ),
-            e.lastWord ? (o(), d(
-              h,
-              { key: 0 },
-              [
-                D(
-                  c(e.lastWord),
-                  1
-                  /* TEXT */
-                )
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : z("v-if", !0)
-          ]),
-          _: 1
-          /* STABLE */
-        },
-        16
-        /* FULL_PROPS */
-      ))
-    ]));
-  }
-}), I = (s, i) => {
-  const r = s.__vccOpts || s;
-  for (const [t, l] of i)
-    r[t] = l;
-  return r;
-}, O = /* @__PURE__ */ I(W, [["__scopeId", "data-v-13cab581"]]);
-export {
-  O as default
-};

package/components/MazAvatar.d.ts

@@ -1,102 +0,0 @@
-import type { HTMLAttributes } from 'vue';
-import type { Color } from './types';
-export type { Color };
-export interface Props {
-    /** The style of the component */
-    style?: HTMLAttributes['style'];
-    /** The class of the component */
-    class?: HTMLAttributes['class'];
-    /** The source of the image */
-    src?: string | null;
-    /** The caption of the avatar */
-    caption?: string | null;
-    /** The link of the avatar */
-    href?: string;
-    /** The link (router-link) of the avatar */
-    to?: string | Record<string, unknown>;
-    /** The alt of the image */
-    alt?: string;
-    /** The target of the link */
-    target?: string;
-    /** The size of the avatar */
-    size?: string;
-    /** Add a border to the avatar */
-    bordered?: boolean;
-    /** Make the avatar clickable */
-    clickable?: boolean;
-    /** Make the avatar square */
-    square?: boolean;
-    /** Remove the shadow */
-    noElevation?: boolean;
-    /** Show the caption */
-    showCaption?: boolean;
-    /** Make the image height full */
-    imageHeightFull?: boolean;
-    /** Remove the loader */
-    noLoader?: boolean;
-    /** The color of the clickable button */
-    buttonColor?: Color;
-    /** Remove the icon on hover when component is clickable */
-    noClickableIcon?: boolean;
-    /** Number of letters to display in the round text */
-    letterCount?: number;
-    /**
-     * Size of the rounded
-     * @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
-     */
-    roundedSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
-    /** The fallback src to replace the src on loading error */
-    fallbackSrc?: string;
-    /** Load the fallback image by default */
-    noPhoto?: boolean;
-    /**
-     * The loading strategy of the image - lazy, eager or intersecting
-     * @default 'intersecting'
-     * @values `'lazy' | 'eager' | 'intersecting'`
-     */
-    loading?: 'lazy' | 'eager' | 'intersecting';
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        "round-text"?(_: {}): any;
-        icon?(_: {}): any;
-        caption?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: (event: MouseEvent) => any;
-    error: (el: Element) => any;
-    loaded: (el: Element) => any;
-    loading: (el: Element) => any;
-    intersecting: (el: Element) => any;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onClick?: ((event: MouseEvent) => any) | undefined;
-    onError?: ((el: Element) => any) | undefined;
-    onLoaded?: ((el: Element) => any) | undefined;
-    onLoading?: ((el: Element) => any) | undefined;
-    onIntersecting?: ((el: Element) => any) | undefined;
-}>, {
-    caption: string | null;
-    size: string;
-    src: string | null;
-    roundedSize: "none" | "sm" | "md" | "lg" | "xl" | "full";
-    loading: "lazy" | "eager" | "intersecting";
-    href: string;
-    to: string | Record<string, unknown>;
-    target: string;
-    alt: string;
-    fallbackSrc: string;
-    buttonColor: Color;
-    letterCount: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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/components/MazAvatar.mjs

@@ -1,4 +0,0 @@
-import { M as f } from "./chunks/MazAvatar.CNx-fB-w.mjs";
-export {
-  f as default
-};

package/components/MazBackdrop.d.ts

@@ -1,71 +0,0 @@
-import { type HTMLAttributes } from 'vue';
-export interface MazBackdropProps {
-    /** @model Modal's model value */
-    modelValue?: boolean;
-    /** Teleport selector */
-    teleportSelector?: string;
-    /** Function called before modal is close */
-    beforeClose?: () => Promise<void> | void;
-    /** Persistent dialog (not closable by clicking outside and remove close button) */
-    persistent?: boolean;
-    /** Prevent close on escape key */
-    noCloseOnEscKey?: boolean;
-    /** Transition name */
-    transitionName?: string;
-    /** Backdrop class */
-    backdropClass?: HTMLAttributes['class'];
-    /** Backdrop content class */
-    backdropContentClass?: HTMLAttributes['class'];
-    /** Add padding to the content */
-    contentPadding?: boolean;
-    /** Justify content */
-    justify?: 'center' | 'end' | 'start' | 'space-between' | 'space-around' | 'none';
-    /** Align content */
-    align?: 'center' | 'end' | 'start' | 'none';
-    /** Variant */
-    variant?: 'bottom-sheet' | 'dialog' | 'drawer';
-}
-declare function close(): void;
-declare function toggleModal(value: any): Promise<void>;
-declare function onBackdropAnimationEnter(): void;
-declare function onBackdropAnimationLeave(): void;
-declare function onBackdropClicked(): void;
-declare function onKeyPress(event: KeyboardEvent): void;
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {
-            close: typeof close;
-            onBackdropClicked: typeof onBackdropClicked;
-        }): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<MazBackdropProps, {
-    onBackdropAnimationEnter: typeof onBackdropAnimationEnter;
-    onBackdropAnimationLeave: typeof onBackdropAnimationLeave;
-    onBackdropClicked: typeof onBackdropClicked;
-    close: typeof close;
-    present: import("vue").Ref<boolean, boolean>;
-    toggleModal: typeof toggleModal;
-    onKeyPress: typeof onKeyPress;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: (value: void) => any;
-    open: (value: void) => any;
-    "update:model-value": (value: boolean) => any;
-    "before-close": (value: void) => any;
-}, string, import("vue").PublicProps, Readonly<MazBackdropProps> & Readonly<{
-    onClose?: ((value?: void | undefined) => any) | undefined;
-    onOpen?: ((value?: void | undefined) => any) | undefined;
-    "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
-    "onBefore-close"?: ((value?: void | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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/components/MazBackdrop.mjs

@@ -1,145 +0,0 @@
-import { defineComponent as L, ref as P, onMounted as V, watch as D, nextTick as B, openBlock as h, createBlock as M, Teleport as N, createVNode as T, Transition as O, withCtx as $, createElementBlock as j, mergeProps as q, createElementVNode as v, normalizeClass as z, withModifiers as F, renderSlot as K, createCommentVNode as I } from "vue";
-import './assets/MazBackdrop.DPLKrrH6.css';const G = {
-  role: "dialog",
-  class: "m-backdrop-container",
-  "aria-modal": "true"
-}, H = { class: "m-backdrop-wrapper" }, A = "--backdrop-present", J = /* @__PURE__ */ L({
-  inheritAttrs: !1,
-  __name: "MazBackdrop",
-  props: {
-    modelValue: { type: Boolean, default: !1 },
-    teleportSelector: { default: "body" },
-    beforeClose: { type: Function, default: void 0 },
-    persistent: { type: Boolean, default: !1 },
-    noCloseOnEscKey: { type: Boolean, default: !1 },
-    transitionName: { default: "backdrop-anim" },
-    backdropClass: { default: () => {
-    } },
-    backdropContentClass: { default: () => {
-    } },
-    contentPadding: { type: Boolean, default: !1 },
-    justify: { default: "none" },
-    align: { default: "none" },
-    variant: {}
-  },
-  emits: ["open", "close", "update:model-value", "before-close"],
-  setup(t, { expose: r, emit: a }) {
-    const o = a;
-    function d() {
-      document.documentElement.classList.add(A);
-    }
-    function w() {
-      document.querySelector(".m-backdrop.--present") || document.documentElement.classList.remove(A);
-    }
-    const s = P(t.modelValue);
-    function l() {
-      k(!1);
-    }
-    async function k(e) {
-      var n;
-      e || (o("before-close"), await ((n = t.beforeClose) == null ? void 0 : n.call(t))), s.value = e;
-    }
-    function y() {
-      o("open");
-    }
-    function b() {
-      o("update:model-value", !1), o("close"), f();
-    }
-    function i() {
-      t.persistent || l();
-    }
-    function u(e) {
-      !t.noCloseOnEscKey && e.key === "Escape" && !t.persistent && l();
-    }
-    function C() {
-      d(), document.addEventListener("keyup", u, !1);
-    }
-    function f() {
-      document.removeEventListener("keyup", u), w();
-    }
-    V(() => {
-      t.modelValue ? C() : f();
-    });
-    let c = null;
-    function S(e) {
-      const n = document.querySelector(e), m = n && Array.from(n.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select')), p = m == null ? void 0 : m.filter((E) => {
-        const g = window.getComputedStyle(E);
-        return g.display !== "none" && g.visibility !== "hidden" && !E.disabled;
-      });
-      return p && p.length > 0 ? p[0] : null;
-    }
-    return D(
-      () => t.modelValue,
-      async (e) => {
-        if (s.value = e, e) {
-          C(), c = document.activeElement, await B();
-          const n = S(".m-backdrop-content");
-          n == null || n.focus();
-        } else
-          f(), await B(), c == null || c.focus();
-      }
-    ), r({
-      onBackdropAnimationEnter: y,
-      onBackdropAnimationLeave: b,
-      onBackdropClicked: i,
-      close: l,
-      present: s,
-      toggleModal: k,
-      onKeyPress: u
-    }), (e, n) => (h(), M(N, { to: e.teleportSelector }, [
-      T(O, {
-        appear: "",
-        name: e.transitionName,
-        onAfterEnter: y,
-        onAfterLeave: b
-      }, {
-        default: $(() => [
-          s.value ? (h(), j(
-            "div",
-            q({
-              key: 0,
-              class: "m-backdrop --present m-reset-css"
-            }, e.$attrs, {
-              class: [e.backdropClass, e.variant && `--variant-${e.variant}`, { "--persistent": e.persistent }]
-            }),
-            [
-              v("div", G, [
-                v("div", H, [
-                  v(
-                    "div",
-                    {
-                      class: z(["m-backdrop-content", [e.backdropContentClass, `--justify-${e.justify}`, `--align-${e.align}`, { "--padding": e.contentPadding }]]),
-                      role: "button",
-                      tabindex: "-1",
-                      onClick: F(i, ["self"])
-                    },
-                    [
-                      K(e.$slots, "default", {
-                        close: l,
-                        onBackdropClicked: i
-                      }, void 0, !0)
-                    ],
-                    2
-                    /* CLASS */
-                  )
-                ])
-              ])
-            ],
-            16
-            /* FULL_PROPS */
-          )) : I("v-if", !0)
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["name"])
-    ], 8, ["to"]));
-  }
-}), Q = (t, r) => {
-  const a = t.__vccOpts || t;
-  for (const [o, d] of r)
-    a[o] = d;
-  return a;
-}, W = /* @__PURE__ */ Q(J, [["__scopeId", "data-v-90448c91"]]);
-export {
-  W as default
-};

package/components/MazBadge.d.ts

@@ -1,39 +0,0 @@
-import type { Color } from './types';
-export type BadgeColor = Color | 'gray';
-export type BadgeRoundedSize = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
-export interface Props {
-    color?: BadgeColor;
-    size?: string;
-    nowrap?: boolean;
-    outline?: boolean;
-    pastel?: boolean;
-    /**
-     * Size radius of the component's border
-     * @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
-     */
-    roundedSize?: BadgeRoundedSize;
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLSpanElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    size: string;
-    color: BadgeColor;
-    roundedSize: BadgeRoundedSize;
-    outline: boolean;
-    pastel: boolean;
-    nowrap: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLSpanElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/components/MazBadge.mjs

@@ -1,38 +0,0 @@
-import { defineComponent as n, openBlock as r, createElementBlock as s, normalizeClass as d, normalizeStyle as p, renderSlot as u } from "vue";
-import './assets/MazBadge.CIY0hr5U.css';const f = /* @__PURE__ */ n({
-  __name: "MazBadge",
-  props: {
-    color: { default: "primary" },
-    size: { default: "0.8em" },
-    nowrap: { type: Boolean, default: !1 },
-    outline: { type: Boolean, default: !1 },
-    pastel: { type: Boolean, default: !1 },
-    roundedSize: { default: "md" }
-  },
-  setup(o) {
-    return (e, a) => (r(), s(
-      "span",
-      {
-        class: d(["m-badge m-reset-css", [
-          `--${e.color}`,
-          { "--outline": e.outline, "--pastel": e.pastel, "--nowrap": e.nowrap },
-          `--rounded-${e.roundedSize}`
-        ]]),
-        style: p({ fontSize: e.size })
-      },
-      [
-        u(e.$slots, "default", {}, void 0, !0)
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
-  }
-}), i = (o, e) => {
-  const a = o.__vccOpts || o;
-  for (const [t, l] of e)
-    a[t] = l;
-  return a;
-}, c = /* @__PURE__ */ i(f, [["__scopeId", "data-v-6e8e9093"]]);
-export {
-  c as default
-};

package/components/MazBottomSheet.d.ts

@@ -1,35 +0,0 @@
-type __VLS_Props = {
-    /** @model Modal's model value */
-    modelValue?: boolean;
-    /** Remove the close button */
-    noClose?: boolean;
-    /** Remove the padding on the container */
-    noPadding?: boolean;
-};
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {
-            close: () => void;
-        }): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
-    open: (...args: any[]) => void;
-    "update:model-value": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClose?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
-    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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/components/MazBottomSheet.mjs

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