maz-ui 3.47.2-beta.17 → 3.47.2-beta.18

package/components/chunks/MazSelect-BL7FY5YH.mjs

@@ -1,553 +0,0 @@
-import { computed as f, defineComponent as Ie, defineAsyncComponent as T, ref as b, onBeforeMount as Le, nextTick as W, withDirectives as we, openBlock as g, createElementBlock as A, normalizeClass as q, normalizeStyle as j, createVNode as $, mergeProps as Ce, unref as I, withModifiers as M, withCtx as ne, createElementVNode as N, Transition as Me, createBlock as ie, createCommentVNode as Q, renderSlot as G, Fragment as se, renderList as Ee, toDisplayString as ue } from "vue";
-import { u as Te } from "./useInstanceUniqId-BkOfxhk8.mjs";
-import re from "./MazInput-BxyuzXco.mjs";
-import { _ as $e } from "./MazTable-CQy44tkb.mjs";
-import '../assets/MazSelect.css';const Ne = {
-  removeAccents: !0,
-  caseSensitive: !1,
-  replaceSpaces: !0,
-  removeSpecialCharacters: !1,
-  trim: !0,
-  normalizeSpaces: !0,
-  removeNumbers: !1,
-  customNormalizationForms: ["NFC", "NFKD"]
-};
-function O(r, c) {
-  const i = { ...Ne, ...c }, t = {
-    À: "A",
-    Á: "A",
-    Â: "A",
-    Ã: "A",
-    Ä: "A",
-    Å: "A",
-    à: "a",
-    á: "a",
-    â: "a",
-    ã: "a",
-    ä: "a",
-    å: "a",
-    È: "E",
-    É: "E",
-    Ê: "E",
-    Ë: "E",
-    è: "e",
-    é: "e",
-    ê: "e",
-    ë: "e",
-    Î: "I",
-    Ï: "I",
-    í: "I",
-    î: "i",
-    ï: "i",
-    Ô: "O",
-    Õ: "O",
-    Ö: "O",
-    Ø: "O",
-    ô: "o",
-    õ: "o",
-    ö: "o",
-    ø: "o",
-    Ù: "U",
-    Ú: "U",
-    Û: "U",
-    Ü: "U",
-    ù: "u",
-    ú: "u",
-    û: "u",
-    ü: "u",
-    Ç: "C",
-    ç: "c",
-    ÿ: "y",
-    Ñ: "N",
-    ñ: "n",
-    ó: "o"
-  };
-  let n = r.toString();
-  if (i.trim && (n = n.trim()), i.normalizeSpaces && (n = n.replaceAll(/\s+/g, " ")), i.replaceSpaces && (n = n.replaceAll(" ", "-")), i.removeNumbers && (n = n.replaceAll(/\d/g, "")), i.removeAccents && (n = n.replaceAll(/[ÀÁÂÃÄÅÇÈÉÊËÎÏÑÔÕÖØÙÚÛÜàáâãäåçèéêëíîïñóôõöøùúûüÿ]/g, (s) => t[s] || s), n = n.replaceAll(/[\u0300-\u036F]/g, "")), i.caseSensitive === !1 && (n = n.toLowerCase()), i.removeSpecialCharacters && (n = n.replaceAll(/[^\dA-Z-]/gi, "")), i.trim && (n = n.trim()), i.customNormalizationForms)
-    for (const s of i.customNormalizationForms)
-      n = n.normalize(s);
-  return n;
-}
-function Oe(r, c) {
-  const i = r.length, t = c.length, n = [];
-  for (let s = 0; s <= i; s++)
-    n[s] = [s];
-  for (let s = 0; s <= t; s++)
-    n[0][s] = s;
-  for (let s = 1; s <= i; s++)
-    for (let m = 1; m <= t; m++) {
-      const V = r[s - 1] === c[m - 1] ? 0 : 1;
-      n[s][m] = Math.min(
-        n[s - 1][m] + 1,
-        n[s][m - 1] + 1,
-        n[s - 1][m - 1] + V
-      );
-    }
-  return n[i][t];
-}
-function ce(r, c) {
-  const i = Oe(r, c), t = Math.max(r.length, c.length);
-  return 1 - i / t;
-}
-function xe(r, c, i = 0.75) {
-  return ce(r, c) >= i;
-}
-function Z(r, c, i = 0.75) {
-  const t = f(
-    () => O(typeof r == "string" ? r : r.value)
-  ), n = f(
-    () => O(typeof c == "string" ? c : c.value)
-  ), s = f(() => typeof i == "number" ? i : i.value), m = f(() => ce(t.value, n.value));
-  return {
-    isMatching: f(
-      () => xe(t.value, n.value, s.value)
-    ),
-    score: m
-  };
-}
-function de(r, c, i) {
-  var m;
-  r.stopPropagation();
-  const t = typeof i.value == "function" ? i.value : i.value.handler, n = typeof i.value == "object" ? i.value.exclude : void 0;
-  let s = !1;
-  if (n && n.length > 0) {
-    for (const V of n)
-      if (!s && r.target instanceof HTMLElement) {
-        const x = (m = document.querySelector(V)) == null ? void 0 : m.getAttribute("id");
-        s = r.target.getAttribute("id") === x;
-      }
-  }
-  !c.contains(r.target) && !s && (t == null || t());
-}
-function pe() {
-  return document.ontouchstart === null ? "touchstart" : "click";
-}
-function Be(r, c) {
-  const i = pe();
-  document.removeEventListener(i, (t) => de(t, r, c));
-}
-function De(r, c) {
-  if (typeof c.value != "function" && typeof c.value == "object" && typeof c.value.handler != "function") {
-    console.error("[maz-ui](vClosable) v-closable directive requires a handler function");
-    return;
-  }
-  const i = pe();
-  document.addEventListener(i, (t) => de(t, r, c));
-}
-const He = {
-  mounted: De,
-  unmounted: Be
-};
-let R = null;
-function Pe(r, c) {
-  R && clearTimeout(R), R = setTimeout(r, c);
-}
-const Fe = ["aria-label"], Ue = { class: "m-select-list__no-results" }, We = {
-  key: 2,
-  class: "m-select-list__scroll-wrapper",
-  tabindex: "-1"
-}, qe = { class: "m-select-list-optgroup" }, je = ["onClick"], Qe = /* @__PURE__ */ Ie({
-  inheritAttrs: !1,
-  __name: "MazSelect",
-  props: {
-    style: { default: void 0 },
-    class: { default: void 0 },
-    id: { default: void 0 },
-    modelValue: { default: void 0 },
-    options: { default: void 0 },
-    optionValueKey: { default: "value" },
-    optionLabelKey: { default: "label" },
-    optionInputValueKey: { default: "label" },
-    listPosition: { default: "bottom left" },
-    itemHeight: { default: void 0 },
-    maxListHeight: { default: 240 },
-    maxListWidth: { default: void 0 },
-    minListHeight: { default: void 0 },
-    minListWidth: { default: void 0 },
-    size: { default: "md" },
-    color: { default: "primary" },
-    search: { type: Boolean },
-    searchPlaceholder: { default: "Search in options" },
-    searchThreshold: { default: 0.75 },
-    open: { type: Boolean },
-    multiple: { type: Boolean, default: void 0 },
-    required: { type: Boolean },
-    disabled: { type: Boolean },
-    block: { type: Boolean },
-    excludeSelectors: { default: void 0 },
-    autocomplete: { default: "off" }
-  },
-  emits: ["close", "open", "blur", "focus", "change", "input", "update:model-value", "selected-option"],
-  setup(r, { expose: c, emit: i }) {
-    const t = r, n = i, s = T(() => import("./MazCheckbox-rCMDIWsz.mjs")), m = T(() => import("./magnifying-glass--nBiyXot.mjs")), V = T(() => import("./chevron-down-BkvtON3b.mjs")), x = T(() => import("./no-symbol-CIgKzsrB.mjs"));
-    c({
-      /** Method to open the option list */
-      openList: C,
-      /** Method to close the option list */
-      closeList: S
-    });
-    const z = b(!1), p = b(), B = f(
-      () => ["black", "transparent", "white"].includes(t.color)
-    ), fe = f(
-      () => B.value ? "var(--maz-color-black)" : `var(--maz-color-${t.color}-800)`
-    ), me = f(
-      () => B.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-100)`
-    ), ve = f(
-      () => B.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-200)`
-    ), h = f(() => z.value || t.open), ye = Te({
-      componentName: "MazSelect",
-      providedId: t.id
-    });
-    function J(e) {
-      return {
-        [t.optionValueKey]: e,
-        [t.optionLabelKey]: e,
-        [t.optionInputValueKey]: e
-      };
-    }
-    function X(e) {
-      return {
-        ...e,
-        [t.optionValueKey]: e[t.optionValueKey],
-        [t.optionLabelKey]: e[t.optionLabelKey],
-        [t.optionInputValueKey]: e[t.optionInputValueKey]
-      };
-    }
-    const L = f(() => {
-      var o;
-      const e = [];
-      if (!((o = t.options) != null && o.length))
-        return [];
-      for (const a of t.options)
-        typeof a == "string" || typeof a == "number" || typeof a == "boolean" ? e.push(J(a)) : typeof a == "object" && "options" in a && Array.isArray(a.options) ? e.push(
-          { label: a.label, isOptGroup: !0 },
-          ...a.options.map(
-            (l) => typeof l == "string" || typeof l == "number" || typeof l == "boolean" ? J(l) : X(l)
-          )
-        ) : e.push(X(a));
-      return e;
-    }), E = f(
-      () => {
-        var e;
-        return ((e = L.value) == null ? void 0 : e.filter((o) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(o[t.optionValueKey]) && !K(o[t.optionValueKey]) : !1 : t.modelValue === o[t.optionValueKey] && !K(o[t.optionValueKey]))) ?? [];
-      }
-    );
-    Le(() => {
-      var e;
-      (e = t.options) != null && e.length || console.warn("[maz-ui](MazSelect) you must provide options"), U();
-    });
-    const Y = b(), D = b(), _ = b(), ee = b();
-    function K(e) {
-      return e == null;
-    }
-    function H(e) {
-      var a;
-      return (((a = E.value) == null ? void 0 : a.some(
-        (l) => l[t.optionValueKey] === e[t.optionValueKey]
-      )) ?? !1) && !K(e[t.optionValueKey]);
-    }
-    const he = f(() => {
-      var o;
-      if (t.multiple && t.modelValue && Array.isArray(t.modelValue))
-        return t.modelValue.map(
-          (a) => {
-            var l, u;
-            return (u = (l = L.value) == null ? void 0 : l.find((d) => d[t.optionValueKey] === a)) == null ? void 0 : u[t.optionInputValueKey];
-          }
-        ).join(", ");
-      const e = (o = L.value) == null ? void 0 : o.find(
-        (a) => a[t.optionValueKey] === t.modelValue
-      );
-      return K(t.modelValue) || e == null ? void 0 : e[t.optionInputValueKey];
-    }), be = f(
-      () => t.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
-    ), w = b(""), k = b("");
-    function P(e, o) {
-      return o && e && O(e).includes(O(o));
-    }
-    function te(e) {
-      var o;
-      return e ? (o = L.value) == null ? void 0 : o.filter((a) => {
-        const l = a[t.optionLabelKey], u = a[t.optionValueKey], d = a[t.optionInputValueKey], v = t.searchThreshold;
-        return P(l, e) || P(d, e) || P(u, e) || typeof l == "string" && Z(l, e, v).isMatching.value || typeof d == "string" && Z(d, e, v).isMatching.value || typeof u == "string" && Z(u, e, v).isMatching.value;
-      }) : L.value;
-    }
-    const y = f(() => te(w.value));
-    async function S(e) {
-      var a, l;
-      if (!h.value)
-        return;
-      if (e && ("relatedTarget" in e && ((a = Y.value) != null && a.contains(e.relatedTarget)) || e.type === "keydown"))
-        return e.preventDefault();
-      const o = e && "relatedTarget" in e && e.relatedTarget instanceof HTMLElement && e.relatedTarget.getAttribute("id");
-      if ((l = t.excludeSelectors) != null && l.includes(`#${o}`))
-        return e == null ? void 0 : e.preventDefault();
-      await W(), z.value = !1, p.value = 0, n("close", e);
-    }
-    async function C(e) {
-      t.disabled || h.value || (e == null || e.preventDefault(), z.value = !0, await F(), n("focus", e), n("open", z.value));
-    }
-    function oe() {
-      var e, o;
-      (o = ((e = D.value) == null ? void 0 : e.$el).querySelector("input")) == null || o.focus();
-    }
-    function ge() {
-      var e, o;
-      (o = ((e = D.value) == null ? void 0 : e.$el).querySelector("input")) == null || o.dispatchEvent(new Event("input"));
-    }
-    function Ve(e) {
-      z.value ? S(e) : oe();
-    }
-    function ze(e) {
-      var o, a;
-      w.value = e, (a = ((o = _.value) == null ? void 0 : o.$el).querySelector("input")) == null || a.focus();
-    }
-    function Ke(e) {
-      var a;
-      e === "Backspace" && k.value.length > 0 ? k.value = k.value.slice(0, -1) : k.value += e;
-      const o = te(k.value);
-      o != null && o.length && (p.value = (a = y.value) == null ? void 0 : a.findIndex(
-        (l) => l[t.optionValueKey] === o[0][t.optionValueKey]
-      ), typeof p.value == "number" && p.value >= 0 && F(p.value)), Pe(() => {
-        k.value = "";
-      }, 1e3);
-    }
-    function ke(e) {
-      const o = e.key;
-      /^[\dA-Za-z\u0400-\u04FF]$/.test(o) ? (e.preventDefault(), C(e), t.search ? ze(o) : Ke(o)) : le(e);
-    }
-    function le(e, o = !0) {
-      const a = e.code, l = ["ArrowUp", "ArrowDown"].includes(a), u = (o ? ["Enter", "Space"] : ["Enter"]).includes(a), d = a === "Escape" && h.value;
-      l ? Se(e, p.value) : u ? Ae(e, p.value) : d && S(e);
-    }
-    function Se(e, o) {
-      var u;
-      e.preventDefault();
-      const a = e.code;
-      h.value || C(e);
-      const l = (u = y.value) == null ? void 0 : u.length;
-      l && (typeof o == "number" ? o === l - 1 && a === "ArrowDown" ? p.value = 0 : o === 0 && a === "ArrowUp" ? p.value = l - 1 : p.value = a === "ArrowDown" ? o + 1 : o - 1 : p.value = a === "ArrowDown" ? 0 : l - 1, F(p.value));
-    }
-    function Ae(e, o) {
-      var l, u, d;
-      if (!h.value)
-        return;
-      e.preventDefault();
-      const a = o ? ((l = y.value) == null ? void 0 : l[o]) ?? ((u = y.value) == null ? void 0 : u[0]) : (d = y.value) == null ? void 0 : d[0];
-      K(a) || ae(a);
-    }
-    async function F(e) {
-      var a, l;
-      await W(), typeof e != "number" && U();
-      const o = e ?? p.value;
-      if (typeof o == "number" && o >= 0) {
-        const u = (a = ee.value) == null ? void 0 : a.querySelectorAll(".m-select-list-item");
-        (l = u == null ? void 0 : u[o]) == null || l.scrollIntoView({
-          behavior: "auto",
-          block: "nearest",
-          inline: "start"
-        });
-      }
-    }
-    function U(e) {
-      var a;
-      const o = (a = y.value) == null ? void 0 : a.findIndex((l) => {
-        var u, d;
-        return t.multiple && Array.isArray(t.modelValue) ? e ? e[t.optionValueKey] === l[t.optionValueKey] : [...t.modelValue].reverse()[0] === l[t.optionValueKey] : ((d = (u = E.value) == null ? void 0 : u[0]) == null ? void 0 : d[t.optionValueKey]) === l[t.optionValueKey];
-      });
-      p.value = o && o >= 0 ? o : 0;
-    }
-    function ae(e, o = !0) {
-      var d;
-      o && !t.multiple && W(() => S()), w.value = "";
-      const a = (d = E.value) == null ? void 0 : d.some(
-        (v) => v[t.optionValueKey] === e[t.optionValueKey]
-      );
-      let l = E.value;
-      a && t.multiple ? l = l == null ? void 0 : l.filter(
-        (v) => v[t.optionValueKey] !== e[t.optionValueKey]
-      ) : t.multiple ? l.push(e) : l = [e];
-      const u = l.map((v) => v[t.optionValueKey]);
-      n("update:model-value", t.multiple ? u : u[0]), n("selected-option", e), ge(), U(e), oe();
-    }
-    return (e, o) => {
-      var a;
-      return we((g(), A(
-        "div",
-        {
-          ref_key: "mazSelectElement",
-          ref: Y,
-          class: q(["m-select", [
-            { "--is-open": h.value, "--disabled": e.disabled, "--block": e.block },
-            t.class,
-            `--${e.size}`
-          ]]),
-          style: j([e.style, { "--keyboard-selected-bg-color": ve.value, "--selected-bg-color": me.value, "--selected-text-color": fe.value }])
-        },
-        [
-          $(re, Ce({
-            id: I(ye),
-            ref_key: "mazInputComponent",
-            ref: D,
-            class: "m-select-input"
-          }, e.$attrs, {
-            required: e.required,
-            "border-active": z.value,
-            color: e.color,
-            "model-value": he.value,
-            size: e.size,
-            block: "",
-            autocomplete: e.autocomplete,
-            disabled: e.disabled,
-            onFocus: M(C, ["prevent", "stop"]),
-            onBlur: M(S, ["prevent", "stop"]),
-            onClick: M(C, ["prevent", "stop"]),
-            onChange: o[0] || (o[0] = (l) => n("change", l)),
-            onInput: o[1] || (o[1] = (l) => n("input", l)),
-            onKeydown: ke
-          }), {
-            "right-icon": ne(() => [
-              N("button", {
-                tabindex: "-1",
-                type: "button",
-                class: "m-select-input__toggle-button maz-custom",
-                "aria-label": `${h.value ? "collapse" : "expand"} list of options`,
-                onClick: M(Ve, ["stop"])
-              }, [
-                $(I(V), { class: "m-select-chevron maz-text-xl" })
-              ], 8, Fe)
-            ]),
-            _: 1
-            /* STABLE */
-          }, 16, ["id", "required", "border-active", "color", "model-value", "size", "autocomplete", "disabled"]),
-          $(Me, { name: be.value }, {
-            default: ne(() => [
-              h.value ? (g(), A(
-                "div",
-                {
-                  key: 0,
-                  ref_key: "optionsListElement",
-                  ref: ee,
-                  class: q(["m-select-list", {
-                    "--top": e.listPosition.includes("top"),
-                    "--left": e.listPosition.includes("left"),
-                    "--right": e.listPosition.includes("right"),
-                    "--bottom": e.listPosition.includes("bottom")
-                  }]),
-                  style: j({
-                    maxHeight: `${e.maxListHeight}px`,
-                    maxWidth: `${e.maxListWidth}px`,
-                    minHeight: `${e.minListHeight}px`,
-                    minWidth: `${e.minListWidth}px`
-                  })
-                },
-                [
-                  e.search ? (g(), ie(re, {
-                    key: 0,
-                    ref_key: "searchInputComponent",
-                    ref: _,
-                    modelValue: w.value,
-                    "onUpdate:modelValue": [
-                      o[2] || (o[2] = (l) => w.value = l),
-                      o[4] || (o[4] = (l) => p.value = 0)
-                    ],
-                    size: "sm",
-                    color: e.color,
-                    placeholder: e.searchPlaceholder,
-                    name: "search",
-                    inputmode: "search",
-                    block: "",
-                    autocomplete: "off",
-                    tabindex: "-1",
-                    class: "m-select-list__search-input maz-flex-none",
-                    "left-icon": I(m),
-                    onKeydown: o[3] || (o[3] = (l) => le(l, !1))
-                  }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : Q("v-if", !0),
-                  !y.value || y.value.length <= 0 ? G(e.$slots, "no-results", { key: 1 }, () => [
-                    N("span", Ue, [
-                      $(I(x), { class: "maz-h-6 maz-w-6 maz-text-normal" })
-                    ])
-                  ], !0) : (g(), A("div", We, [
-                    (g(!0), A(
-                      se,
-                      null,
-                      Ee(y.value, (l, u) => (g(), A(
-                        se,
-                        { key: u },
-                        [
-                          l.label && l.isOptGroup ? G(e.$slots, "optgroup", {
-                            key: 0,
-                            label: l.label
-                          }, () => [
-                            N(
-                              "span",
-                              qe,
-                              ue(l.label),
-                              1
-                              /* TEXT */
-                            )
-                          ], !0) : (g(), A("button", {
-                            key: 1,
-                            tabindex: "-1",
-                            type: "button",
-                            class: q(["m-select-list-item maz-custom maz-flex-none", [
-                              {
-                                "--is-keyboard-selected": p.value === u,
-                                "--is-selected": H(l),
-                                "--is-none-value": K(l[e.optionValueKey])
-                              }
-                            ]]),
-                            style: j(e.itemHeight ? { height: `${e.itemHeight}px` } : void 0),
-                            onClick: M((d) => ae(l), ["prevent", "stop"])
-                          }, [
-                            e.multiple ? (g(), ie(I(s), {
-                              key: 0,
-                              tabindex: "-1",
-                              "model-value": H(l),
-                              size: "sm",
-                              color: e.color
-                            }, null, 8, ["model-value", "color"])) : Q("v-if", !0),
-                            G(e.$slots, "default", {
-                              option: l,
-                              isSelected: H(l)
-                            }, () => [
-                              N(
-                                "span",
-                                null,
-                                ue(l[e.optionLabelKey]),
-                                1
-                                /* TEXT */
-                              )
-                            ], !0)
-                          ], 14, je))
-                        ],
-                        64
-                        /* STABLE_FRAGMENT */
-                      ))),
-                      128
-                      /* KEYED_FRAGMENT */
-                    ))
-                  ]))
-                ],
-                6
-                /* CLASS, STYLE */
-              )) : Q("v-if", !0)
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 8, ["name"])
-        ],
-        6
-        /* CLASS, STYLE */
-      )), [
-        [I(He), {
-          exclude: (a = e.excludeSelectors) != null && a.length ? e.excludeSelectors : [],
-          handler: S
-        }]
-      ]);
-    };
-  }
-}), Xe = /* @__PURE__ */ $e(Qe, [["__scopeId", "data-v-576a5838"]]);
-export {
-  Xe as default
-};