maz-ui 3.50.1 → 4.0.0-alpha.3

package/components/MazReadingProgressBar.mjs

@@ -1,90 +0,0 @@
-import { defineComponent as p, computed as m, ref as u, watch as v, onMounted as h, onBeforeUnmount as g, openBlock as w, createBlock as y, Teleport as b, createElementVNode as d, mergeProps as S, normalizeClass as _, normalizeStyle as T, nextTick as B } from "vue";
-import './assets/MazReadingProgressBar.C4x7V-Bc.css';function C(l, s) {
-  let t = !1, n, o;
-  return function(...r) {
-    t ? (clearTimeout(n), n = setTimeout(() => {
-      Date.now() - o >= s && (l.apply(this, r), o = Date.now());
-    }, Math.max(s - (Date.now() - o), 0))) : (l.apply(this, r), o = Date.now(), t = !0);
-  };
-}
-const k = /* @__PURE__ */ p({
-  __name: "MazReadingProgressBar",
-  props: {
-    height: { default: "4px" },
-    color: { default: "primary" },
-    teleportSelector: { default: "body" },
-    contentSelector: { default: "body" },
-    offset: { default: 0 },
-    barClass: { default: void 0 },
-    distance: { default: void 0 }
-  },
-  emits: ["begin", "complete"],
-  setup(l, { emit: s }) {
-    const t = l, n = s, o = m(() => `var(--maz-color-${t.color})`), r = u(), a = u(0);
-    v(
-      () => t.distance,
-      (e) => {
-        e && (a.value = e);
-      },
-      {
-        immediate: !0
-      }
-    );
-    const c = C(() => {
-      const e = window.scrollY;
-      if (e >= 0 && e <= a.value) {
-        const i = e / a.value * 100;
-        r.value = `${i}%`;
-      } else e <= 0 ? (r.value = "0%", n("begin")) : e > a.value ? (r.value = "100%", n("complete")) : r.value = "0%";
-    }, 15);
-    async function f() {
-      if (a.value === 0) {
-        const e = document.querySelector(t.contentSelector);
-        if (!e) {
-          console.error(`HTML Element with selector "${t.contentSelector}" not found.`);
-          return;
-        }
-        await B(), a.value = e.offsetHeight + e.offsetTop + t.offset - window.innerHeight;
-      }
-      window.addEventListener("scroll", c, {
-        passive: !0
-      });
-    }
-    return h(() => {
-      f();
-    }), g(() => {
-      window.removeEventListener("scroll", c);
-    }), (e, i) => (w(), y(b, { to: e.teleportSelector }, [
-      d(
-        "div",
-        S({ class: "m-reading-progress-bar m-reset-css" }, e.$attrs),
-        [
-          d(
-            "div",
-            {
-              class: _(e.barClass),
-              style: T({
-                width: r.value ?? "0px",
-                height: e.height,
-                backgroundColor: o.value
-              })
-            },
-            null,
-            6
-            /* CLASS, STYLE */
-          )
-        ],
-        16
-        /* FULL_PROPS */
-      )
-    ], 8, ["to"]));
-  }
-}), z = (l, s) => {
-  const t = l.__vccOpts || l;
-  for (const [n, o] of s)
-    t[n] = o;
-  return t;
-}, D = /* @__PURE__ */ z(k, [["__scopeId", "data-v-25e35848"]]);
-export {
-  D as default
-};

package/components/MazSelect.d.ts

@@ -1,131 +0,0 @@
-import type { Color, ModelValueSimple, Position, Size } from './types';
-import { type HTMLAttributes } from 'vue';
-export type NormalizedOption = Record<string, ModelValueSimple>;
-export interface MazSelectOptionWithOptGroup {
-    label: string;
-    options: (NormalizedOption | string | number | boolean)[];
-}
-export type MazSelectOption = NormalizedOption | string | number | boolean | MazSelectOptionWithOptGroup;
-export interface MazSelectProps<T extends ModelValueSimple, U extends MazSelectOption> {
-    /** Style attribut of the component root element */
-    style?: HTMLAttributes['style'];
-    /** Class attribut of the component root element */
-    class?: HTMLAttributes['class'];
-    /** The id of the select */
-    id?: string;
-    /** The value of the select */
-    modelValue?: T | T[];
-    /** The options of the select */
-    options?: U[];
-    /**
-     * The key of the option value
-     * @default 'value'
-     */
-    optionValueKey?: string;
-    /**
-     * The key of the option label
-     * @default 'label'
-     */
-    optionLabelKey?: string;
-    /**
-     * The key of the option input value
-     * @default 'label'
-     */
-    optionInputValueKey?: string;
-    /**
-     * The position of the list
-     * @default 'bottom left'
-     */
-    listPosition?: Position;
-    /** The height of the option list item */
-    itemHeight?: number;
-    /** The max height of the option list */
-    maxListHeight?: number;
-    /** The max width of the option list */
-    maxListWidth?: number;
-    /** The min height of the option list */
-    minListHeight?: number;
-    /** The min width of the option list */
-    minListWidth?: number;
-    /**
-     * The size of the select
-     * @default 'md'
-     */
-    size?: Size;
-    /**
-     * The color of the select
-     * @default 'primary'
-     */
-    color?: Color;
-    /** Display search input in option list */
-    search?: boolean;
-    /**
-     * The placeholder of the search input
-     * @default 'Search in options'
-     */
-    searchPlaceholder?: string;
-    /**
-     * Replace the default search function to provide a custom search function
-     * @default undefined
-     */
-    searchFunction?: (query: string, options: U[]) => U[] | undefined;
-    /**
-     * The threshold for the search input where 1 is a perfect match and 0 is a match with any character
-     * @default 0.75
-     */
-    searchThreshold?: number;
-    /** if true, the option list is opened by default */
-    open?: boolean;
-    /** Enable the multiple selection */
-    multiple?: boolean;
-    /** Make the input required in the form */
-    required?: boolean;
-    /** Disable the component */
-    disabled?: boolean;
-    /** The input will be displayed in full width */
-    block?: boolean;
-    /** The exclude selectors for the v-closable directive - will exclude the elements from the directive */
-    excludeSelectors?: string[];
-    /**
-     * The autocomplete attribute of the input
-     * @default 'off'
-     */
-    autocomplete?: string;
-}
-export type { Color, ModelValueSimple, Position, Size } from './types';
-declare const _default: <T extends ModelValueSimple, U extends MazSelectOption>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly onInput?: ((value: Event) => any) | undefined;
-        readonly onBlur?: ((value: Event) => any) | undefined;
-        readonly onChange?: ((value: Event) => any) | undefined;
-        readonly onClose?: ((value?: Event | undefined) => any) | undefined;
-        readonly onFocus?: ((value: Event) => any) | undefined;
-        readonly onOpen?: ((value: boolean) => any) | undefined;
-        readonly "onUpdate:model-value"?: ((value: T | T[]) => any) | undefined;
-        readonly "onSelected-option"?: ((value: U) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onInput" | "onClose" | "onOpen" | "onUpdate:model-value" | "onSelected-option"> & Partial<{}> & MazSelectProps<T, U>> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{
-        openList: (event: Event) => Promise<void>;
-        closeList: (event?: Event) => Promise<void>;
-    }>): void;
-    attrs: any;
-    slots: {
-        "no-results"?(_: {}): any;
-        optgroup?(_: {
-            label: string | number | true;
-        }): any;
-        default?(_: {
-            option: NormalizedOption;
-            isSelected: boolean;
-        }): any;
-    };
-    emit: ((evt: "input", value: Event) => void) & ((evt: "blur", value: Event) => void) & ((evt: "change", value: Event) => void) & ((evt: "close", value?: Event | undefined) => void) & ((evt: "focus", value: Event) => void) & ((evt: "open", value: boolean) => void) & ((evt: "update:model-value", value: T | T[]) => void) & ((evt: "selected-option", value: U) => void);
-}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}> & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/components/MazSelect.mjs

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

package/components/MazSlider.d.ts

@@ -1,112 +0,0 @@
-import type { Color } from './types';
-import { type PropType } from 'vue';
-export type { Color };
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    /** Array of cursors values */
-    modelValue: {
-        type: PropType<number | number[]>;
-        required: true;
-        validator: (value: string) => boolean;
-    };
-    /** array of cursors label */
-    labels: {
-        type: ArrayConstructor;
-        default: undefined;
-    };
-    /** min value of sliders */
-    min: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /** max value of sliders */
-    max: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /** height size of slider bar */
-    size: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    /** remove div in different colors */
-    noDivider: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** become a logarithmic slider (exponential) */
-    log: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** main slider color */
-    color: {
-        type: PropType<Color>;
-        default: string;
-    };
-    /** disables cursor animation when active */
-    noCursorAnim: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:model-value": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /** Array of cursors values */
-    modelValue: {
-        type: PropType<number | number[]>;
-        required: true;
-        validator: (value: string) => boolean;
-    };
-    /** array of cursors label */
-    labels: {
-        type: ArrayConstructor;
-        default: undefined;
-    };
-    /** min value of sliders */
-    min: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /** max value of sliders */
-    max: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /** height size of slider bar */
-    size: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    /** remove div in different colors */
-    noDivider: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** become a logarithmic slider (exponential) */
-    log: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** main slider color */
-    color: {
-        type: PropType<Color>;
-        default: string;
-    };
-    /** disables cursor animation when active */
-    noCursorAnim: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
-}>, {
-    size: string;
-    color: Color;
-    labels: unknown[];
-    max: number;
-    min: number;
-    noDivider: boolean;
-    log: boolean;
-    noCursorAnim: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/components/MazSlider.mjs

@@ -1,271 +0,0 @@
-import { defineComponent as te, ref as p, computed as f, watch as O, onMounted as ne, onBeforeUnmount as oe, nextTick as g, openBlock as b, createElementBlock as w, normalizeStyle as V, normalizeClass as F, createElementVNode as N, Fragment as K, renderList as j, toDisplayString as ae } from "vue";
-import './assets/MazSlider.Dlk7nygF.css';function ue(a, l) {
-  let n;
-  return function(...c) {
-    clearTimeout(n), n = setTimeout(() => {
-      a.apply(this, c);
-    }, l);
-  };
-}
-function le(a) {
-  const l = document.documentElement, n = document.body, c = a.getBoundingClientRect();
-  return {
-    y: c.top + (window.pageYOffset || l.scrollTop) - (l.clientTop || n.clientTop || 0),
-    x: c.left + (window.pageXOffset || l.scrollLeft) - (l.clientLeft || n.clientLeft || 0)
-  };
-}
-function se(a, l, n = !1) {
-  const c = "targetTouches" in a ? a.targetTouches[0] : a, v = le(l), i = {
-    x: c.pageX - v.x,
-    y: c.pageY - v.y
-  };
-  return {
-    x: n ? l.offsetWidth - i.x : i.x,
-    y: n ? l.offsetHeight - i.y : i.y
-  };
-}
-function q(a, l, n, c) {
-  return c === "minus" ? l ? a >= l : !0 : n ? a <= n : !0;
-}
-function I(a, l, n) {
-  const c = a + 1, i = l < c ? c - l : l - c;
-  return 100 / n * i / 100;
-}
-const re = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], ie = ["data-label", "onMousedownPassive", "onTouchstartPassive", "onFocusPassive", "onBlurPassive", "onTouchendPassive", "onKeydownPassive"], ce = /* @__PURE__ */ te({
-  __name: "MazSlider",
-  props: {
-    /** Array of cursors values */
-    modelValue: {
-      type: [Number, Array],
-      required: !0,
-      validator: (a) => ["number"].includes(typeof a) || Array.isArray(a) || a === null
-    },
-    /** array of cursors label */
-    labels: { type: Array, default: void 0 },
-    /** min value of sliders */
-    min: { type: Number, default: 0 },
-    /** max value of sliders */
-    max: { type: Number, default: 100 },
-    /** height size of slider bar */
-    size: { type: String, default: void 0 },
-    /** remove div in different colors */
-    noDivider: { type: Boolean, default: !1 },
-    /** become a logarithmic slider (exponential) */
-    log: { type: Boolean, default: !1 },
-    /** main slider color */
-    color: {
-      type: String,
-      default: "primary"
-    },
-    /** disables cursor animation when active */
-    noCursorAnim: { type: Boolean, default: !1 }
-  },
-  emits: ["update:model-value"],
-  setup(a, { emit: l }) {
-    const n = a, c = l, v = p(), i = p(), m = p(), d = p(), _ = p([]), B = p([]), y = f(() => typeof n.modelValue == "number" ? [n.modelValue] : n.modelValue ? n.modelValue : [0]), M = f(() => Math.log(n.min || 1)), X = f(() => Math.log(n.max)), C = f(() => {
-      const { min: e, max: t } = n;
-      return (X.value - M.value) / (t - e);
-    }), k = f(() => {
-      const { min: e, max: t } = n;
-      return t - e;
-    }), Y = f(() => ({
-      paddingTop: n.labels ? "2.5em" : "1em"
-    })), H = f(() => Array.isArray(n.modelValue));
-    O(
-      () => n.modelValue,
-      () => d.value = y.value,
-      { immediate: !0 }
-    ), O(
-      () => [y.value, n.min, n.max, n.log].join(","),
-      () => z(!0)
-    );
-    const L = ue(() => z(), 300);
-    ne(() => {
-      z(!0), window.addEventListener("resize", L);
-    }), oe(() => {
-      window.removeEventListener("resize", L);
-    });
-    async function z(e) {
-      e === !0 && U(), await Q(), await g();
-      for (const [t] of y.value.entries())
-        P(t);
-    }
-    function R(e, t) {
-      e.key === "ArrowLeft" ? d.value && q(d.value[t] - 1, d.value[t - 1], d.value[t + 1], "minus") && (d.value[t]--, x(d.value)) : e.key === "ArrowRight" && d.value && q(d.value[t] + 1, d.value[t - 1], d.value[t + 1], "plus") && (d.value[t]++, x(d.value));
-    }
-    function A(e) {
-      i.value = void 0, $(e);
-    }
-    function U() {
-      const { min: e, max: t } = n, r = y.value.map(
-        (o) => o < e ? e : o > t ? t : o
-      );
-      x(r), d.value = r;
-    }
-    function x(e) {
-      const t = H.value ? [...e] : e[0];
-      c("update:model-value", t);
-    }
-    function G(e) {
-      const { labels: t } = n;
-      return t ? t[e] : void 0;
-    }
-    function P(e) {
-      $(e), n.noDivider || J();
-    }
-    async function $(e) {
-      var r;
-      await g();
-      const t = document.querySelectorAll(".m-slider .m-slider__btn");
-      if (t) {
-        const o = t[e], u = (o == null ? void 0 : o.clientWidth) + 16, s = {
-          left: typeof ((r = m.value) == null ? void 0 : r[e]) == "number" ? `${m.value[e] - u / 2 || 1}px` : ""
-        };
-        _.value[e] = s;
-      }
-    }
-    function J() {
-      if (m.value) {
-        const e = [...m.value];
-        e.push(0);
-        const t = e.length, r = Math.round(t / 2);
-        B.value = e.map((o, u) => ({
-          left: u === 0 ? 0 : `${e[u - 1]}px`,
-          // ATTENTION: buttonPositions.value[i - 1]
-          right: u + 1 === t ? 0 : `calc( 100% - ${o}px )`,
-          backgroundColor: r === u + 1 ? void 0 : u < r ? `rgba(255, 255, 255, ${I(u, r, t)})` : `rgba(0, 0, 0, ${I(u, r, t)})`
-          // darken
-        }));
-      }
-    }
-    async function Q() {
-      var u, s;
-      await g();
-      const { min: e, max: t, log: r } = n, o = (u = v.value) == null ? void 0 : u.clientWidth;
-      typeof o == "number" ? m.value = (s = d.value) == null ? void 0 : s.map(
-        (h) => r ? o / t * (e + (Math.log(h) - M.value) / C.value) : o / k.value * (h - e)
-      ) : console.warn("[maz-ui][MazSlider] ref component not found");
-    }
-    async function W() {
-      var u, s, h;
-      await g();
-      const { max: e, min: t, log: r } = n, o = (u = v.value) == null ? void 0 : u.clientWidth;
-      if (typeof o == "number")
-        return r ? (s = m.value) == null ? void 0 : s.map((T) => {
-          const Z = T / (o / e), ee = Math.exp((Z - t) * C.value + M.value);
-          return Math.round(ee);
-        }) : (h = m.value) == null ? void 0 : h.map(
-          (T) => Math.round(T / (o / k.value)) + t
-        );
-      console.warn("[maz-ui][MazSlider] ref component not found");
-    }
-    function S(e, t) {
-      i.value === void 0 && (i.value = t, P(t));
-    }
-    async function D() {
-      if (i.value === void 0)
-        return;
-      const e = await W();
-      e && x(e), i.value = void 0;
-    }
-    async function E(e) {
-      var r;
-      if (await g(), i.value === void 0)
-        return;
-      const t = (r = v.value) == null ? void 0 : r.clientWidth;
-      if (m.value) {
-        const o = m.value[i.value - 1] || 0, u = m.value[i.value + 1] || t;
-        if (!v.value)
-          return console.error("[maz-ui](MazSlider/handleMousemove) MazSlider not available");
-        m.value[i.value] = (() => {
-          const s = se(e, v.value).x;
-          return s < o ? o : u && s > u ? u : s;
-        })(), d.value = await W(), P(i.value);
-      }
-    }
-    return (e, t) => (b(), w(
-      "div",
-      {
-        style: V([Y.value, { fontSize: a.size }]),
-        class: F(["m-slider m-reset-css", [`m-slider--${a.color}`]]),
-        role: "button",
-        tabindex: "-1",
-        onMousemovePassive: E,
-        onMouseupPassive: D,
-        onMouseleavePassive: D,
-        onTouchmovePassive: E
-      },
-      [
-        N("div", {
-          ref_key: "MazSlider",
-          ref: v,
-          class: "m-slider__bar",
-          role: "slider",
-          "aria-valuenow": a.modelValue.toString(),
-          "aria-valuemin": a.min,
-          "aria-valuemax": a.max
-        }, [
-          (b(!0), w(
-            K,
-            null,
-            j(B.value, (r, o) => (b(), w(
-              "div",
-              {
-                key: `divider-${o}`,
-                style: V([r]),
-                class: "m-slider__divider"
-              },
-              null,
-              4
-              /* STYLE */
-            ))),
-            128
-            /* KEYED_FRAGMENT */
-          )),
-          (b(!0), w(
-            K,
-            null,
-            j(y.value, (r, o) => {
-              var u;
-              return b(), w("button", {
-                key: `cursor-${o}`,
-                type: "button",
-                "data-label": G(o),
-                class: F(["m-slider__btn", {
-                  "active-cursor": o === i.value && !a.noCursorAnim
-                }]),
-                style: V([_.value[o]]),
-                onMousedownPassive: (s) => S(s, o),
-                onTouchstartPassive: (s) => S(s, o),
-                onFocusPassive: (s) => S(s, o),
-                onBlurPassive: (s) => A(o),
-                onTouchendPassive: (s) => A(o),
-                onKeydownPassive: (s) => R(s, o)
-              }, [
-                N(
-                  "span",
-                  null,
-                  ae((u = d.value) == null ? void 0 : u[o]),
-                  1
-                  /* TEXT */
-                )
-              ], 46, ie);
-            }),
-            128
-            /* KEYED_FRAGMENT */
-          ))
-        ], 8, re)
-      ],
-      38
-      /* CLASS, STYLE, NEED_HYDRATION */
-    ));
-  }
-}), de = (a, l) => {
-  const n = a.__vccOpts || a;
-  for (const [c, v] of l)
-    n[c] = v;
-  return n;
-}, me = /* @__PURE__ */ de(ce, [["__scopeId", "data-v-547d6a0b"]]);
-export {
-  me as default
-};

package/components/MazSpinner.d.ts

@@ -1,16 +0,0 @@
-import type { Color } from './types';
-export type { Color };
-export interface MazSpinnerProps {
-    /**
-     * The size of the spinner
-     * @default 2em
-     */
-    size?: string;
-    /**
-     * The color of the spinner
-     * @default theme
-     */
-    color?: Color;
-}
-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/components/MazSpinner.mjs

@@ -1,38 +0,0 @@
-import { defineComponent as r, openBlock as p, createElementBlock as a, normalizeClass as c, createElementVNode as l } from "vue";
-import './assets/MazSpinner.DQ9_cbMH.css';const i = ["width", "height"], m = /* @__PURE__ */ r({
-  __name: "MazSpinner",
-  props: {
-    size: { default: "2em" },
-    color: { default: "theme" }
-  },
-  setup(s) {
-    return (e, t) => (p(), a("svg", {
-      width: e.size,
-      height: e.size,
-      version: "1.1",
-      xmlns: "http://www.w3.org/2000/svg",
-      x: "0px",
-      y: "0px",
-      viewBox: "0 0 50 50",
-      "xml:space": "preserve",
-      class: c(["m-spinner m-reset-css", `m-spinner--${e.color}`]),
-      style: { "enable-background": "new 0 0 50 50" }
-    }, t[0] || (t[0] = [
-      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
-        /* HOISTED */
-      )
-    ]), 10, i));
-  }
-}), d = (s, e) => {
-  const t = s.__vccOpts || s;
-  for (const [n, o] of e)
-    t[n] = o;
-  return t;
-}, h = /* @__PURE__ */ d(m, [["__scopeId", "data-v-52831d3b"]]);
-export {
-  h as default
-};