@wssto2/vue-core 0.1.0 → 0.2.0

package/dist/SelectField.vue_vue_type_script_setup_true_lang-DZTrU8NJ.js

@@ -0,0 +1,661 @@
+import { defineComponent as P, useModel as K, useTemplateRef as W, computed as $, ref as V, watch as R, openBlock as h, createBlock as T, mergeProps as U, unref as i, withCtx as B, createElementVNode as x, normalizeClass as S, createElementBlock as D, toDisplayString as L, createCommentVNode as A, mergeModels as J, mergeDefaults as Q, useId as re, nextTick as ie, createVNode as M, withDirectives as ue, vModelText as ce, Fragment as j, renderList as G, inject as de, shallowRef as X, onBeforeUnmount as fe, onScopeDispose as pe, createSlots as me, createTextVNode as ve } from "vue";
+import { b as ge } from "./controlSurface-t7OEFESJ.js";
+import { u as be } from "./format-B8mJm946.js";
+import { u as Y, a as Z, _ as ee, b as te, c as le, g as he, m as ye, f as E } from "./options-DAkBtYkI.js";
+import { useI18n as oe } from "vue-i18n";
+import { _ as xe } from "./Button.vue_vue_type_script_setup_true_lang-B1eZgLae.js";
+import { _ as N } from "./Icon.vue_vue_type_script_lang-DtC4_mkz.js";
+import { u as ke } from "./mediaQuery-CygcXmFW.js";
+import { _ as we } from "./Sheet.vue_vue_type_script_setup_true_lang-CtkJ-4e3.js";
+import { _ as _e } from "./toast-DvrHQ6Ag.js";
+import { a as $e } from "./error-Bb_dr_Ay.js";
+function Ce(l) {
+  const t = l.number(1234.5, { minimumFractionDigits: 1, maximumFractionDigits: 1, useGrouping: !0 }), e = /^\d(\D)\d/.exec(t)?.[1] ?? "";
+  return { decimal: t.charAt(t.length - 2) || ".", group: e === "." || e === "," ? e : "" };
+}
+function De(l, t) {
+  const e = l.trim().startsWith("-"), o = l.replace(/[^\d.,]/g, "");
+  if (o === "") return e ? void 0 : null;
+  const r = [...o].filter((c) => c === "." || c === ",");
+  let u = o, s = "";
+  if (t.decimals > 0 && r.length > 0) {
+    const c = Math.max(o.lastIndexOf("."), o.lastIndexOf(",")), _ = o.charAt(c), q = o.slice(c + 1), k = o.includes(".") && o.includes(","), v = r.filter((y) => y === _).length > 1, b = !k && _ === t.group && q.length === 3;
+    (k || !v && !b) && (u = o.slice(0, c), s = q);
+  }
+  const f = (c) => c.replace(/\D/g, ""), n = +`${f(u) || "0"}.${f(s) || "0"}`;
+  if (!Number.isFinite(n)) return;
+  const m = Number(n.toFixed(t.decimals));
+  return e ? -m || 0 : m;
+}
+const Se = {
+  key: 0,
+  class: "shrink-0 text-footnote text-content-muted"
+}, Ae = ["id", "value", "name", "placeholder", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], Le = {
+  key: 1,
+  class: "shrink-0 text-footnote text-content-muted"
+}, mt = /* @__PURE__ */ P({
+  __name: "NumberField",
+  props: /* @__PURE__ */ J(/* @__PURE__ */ Q({
+    label: {},
+    hint: {},
+    error: {},
+    required: { type: Boolean },
+    editable: { type: Boolean },
+    disabled: { type: Boolean },
+    lockedReason: {},
+    presentation: {},
+    name: {},
+    decimals: {},
+    negative: { type: Boolean },
+    grouping: { type: Boolean },
+    placeholder: {},
+    prefix: {},
+    suffix: {},
+    width: {}
+  }, { ...le, decimals: 0, negative: !1, grouping: !0, placeholder: void 0, prefix: void 0, suffix: void 0, width: "sm" }), {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(l, { expose: t }) {
+    const e = l, o = K(l, "modelValue"), r = be(), u = W("input"), s = !!Y(), f = Z("text", () => e.error ? "error" : e.disabled ? "locked" : "rest"), n = $(() => s ? ge(e.width) : "w-full"), m = $(() => Ce(r)), c = (a) => a === null ? "" : r.number(a, { minimumFractionDigits: e.decimals, maximumFractionDigits: e.decimals, useGrouping: e.grouping }), _ = (a) => a === null ? "" : String(a).replace(".", m.value.decimal), q = (a) => De(a, { decimals: e.decimals, group: e.grouping ? m.value.group : "" }), k = V(!1), v = V(c(o.value));
+    R(o, (a) => {
+      k.value ? q(v.value) !== a && (v.value = _(a)) : v.value = c(a);
+    }), R(() => [e.decimals, e.grouping, m.value.decimal], () => {
+      k.value || (v.value = c(o.value));
+    });
+    function b(a) {
+      const g = a.target;
+      let p = g.value.replace(/[^\d.,\-\s]/g, "");
+      e.negative ? p = p.replace(/(?!^)-/g, "") : p = p.replace(/-/g, ""), p !== g.value && (g.value = p), v.value = p;
+      const O = q(p);
+      O !== void 0 ? o.value = O : o.value = null;
+    }
+    function y() {
+      k.value = !0, v.value = _(o.value);
+    }
+    function C() {
+      k.value = !1, v.value = c(o.value);
+    }
+    return t({ focus: () => u.value?.focus() }), (a, g) => (h(), T(ee, U(i(te)(e), {
+      value: o.value === null ? null : c(o.value),
+      prefix: e.prefix,
+      suffix: e.suffix,
+      "value-style": "numeric"
+    }), {
+      default: B(({ id: p, describedby: O, invalid: I }) => [
+        x("div", {
+          class: S(["flex items-center gap-1.5", [i(f), n.value]])
+        }, [
+          e.prefix ? (h(), D("span", Se, L(e.prefix), 1)) : A("", !0),
+          x("input", {
+            id: p,
+            ref_key: "input",
+            ref: u,
+            value: v.value,
+            type: "text",
+            inputmode: "decimal",
+            autocomplete: "off",
+            name: e.name,
+            placeholder: e.placeholder,
+            disabled: e.disabled,
+            required: e.required,
+            "aria-required": e.required || void 0,
+            "aria-invalid": I || void 0,
+            "aria-describedby": O,
+            class: "block w-full min-w-0 border-0 bg-transparent px-0 py-1 text-right text-body tabular-nums text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed",
+            onInput: b,
+            onFocus: y,
+            onBlur: C
+          }, null, 40, Ae),
+          e.suffix ? (h(), D("span", Le, L(e.suffix), 1)) : A("", !0)
+        ], 2)
+      ]),
+      _: 1
+    }, 16, ["value", "prefix", "suffix"]));
+  }
+}), qe = { class: "flex min-h-9 items-center gap-1.5 rounded-control bg-fill px-2.5 text-content-muted focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-border-focus" }, Fe = ["aria-label", "placeholder"], Oe = ["aria-multiselectable", "aria-busy"], Ve = {
+  key: 0,
+  role: "presentation"
+}, Be = ["aria-selected"], Me = { class: "flex-1 py-2" }, Ne = {
+  key: 1,
+  role: "presentation",
+  class: "flex items-center gap-2.5 px-row-inset py-4 text-subheadline text-content-muted",
+  "data-test": "options-loading"
+}, Te = { role: "status" }, ze = {
+  key: 2,
+  role: "presentation",
+  class: "flex flex-col items-start gap-1 px-row-inset py-3",
+  "data-test": "options-failed"
+}, Ee = {
+  role: "alert",
+  class: "text-subheadline text-content-destructive"
+}, Re = ["id"], Ie = ["aria-labelledby"], Ue = ["aria-selected"], Pe = ["disabled", "onClick"], We = {
+  key: 0,
+  "aria-hidden": "true",
+  class: "flex shrink-0 items-center"
+}, je = { class: "min-w-0 flex-1 text-content-strong" }, Ge = {
+  key: 0,
+  class: "shrink-0 text-footnote text-content-muted"
+}, He = {
+  key: 3,
+  class: "px-4 py-6 text-center text-subheadline text-content-muted"
+}, H = /* @__PURE__ */ P({
+  __name: "OptionList",
+  props: {
+    options: {},
+    modelValue: { default: null },
+    multiple: { type: Boolean, default: !1 },
+    searchFrom: { default: 9 },
+    noneLabel: { default: void 0 },
+    presentation: { default: "grouped" },
+    status: { default: "loaded" }
+  },
+  emits: ["select", "retry"],
+  setup(l, { emit: t }) {
+    const e = l, o = t, { t: r } = oe(), u = V(""), s = re(), f = W("root"), n = $(() => e.options.length >= e.searchFrom), m = $(() => he(ye(e.options, u.value))), c = (y) => e.multiple ? Array.isArray(e.modelValue) && e.modelValue.includes(y.value) : e.modelValue === y.value, _ = $(() => e.multiple ? !1 : e.modelValue === null);
+    function q(y) {
+      if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(y.key)) return;
+      const a = [...f.value?.querySelectorAll("[data-option]:not([disabled])") ?? []];
+      if (a.length === 0) return;
+      const g = a.indexOf(document.activeElement), p = y.key === "Home" ? 0 : y.key === "End" ? a.length - 1 : y.key === "ArrowDown" ? Math.min(g + 1, a.length - 1) : Math.max(g - 1, 0);
+      y.key === "ArrowUp" && g <= 0 ? f.value?.querySelector("[data-option-search]")?.focus() : a[g === -1 && y.key === "ArrowDown" ? 0 : p]?.focus(), y.preventDefault();
+    }
+    const k = $(() => e.presentation === "grouped"), v = $(() => e.status === "loading"), b = $(() => e.status === "failed");
+    return R(() => e.status, (y, C) => {
+      C !== "loading" || y === "loading" || ie(() => {
+        const a = document.activeElement;
+        (!a || a === document.body || a.getAttribute("role") === "dialog" && !!f.value && a.contains(f.value)) && f.value?.querySelector("[data-option-search], [data-option]:not([disabled])")?.focus({ preventScroll: !0 });
+      });
+    }), (y, C) => (h(), D("div", {
+      ref_key: "root",
+      ref: f,
+      "data-test": "option-list",
+      onKeydown: q
+    }, [
+      n.value ? (h(), D("div", {
+        key: 0,
+        class: S(["sticky top-0 z-10 pb-2", k.value ? "bg-surface-page pt-1" : "bg-surface-cell"])
+      }, [
+        x("label", qe, [
+          M(i(N), {
+            name: "search",
+            size: 16,
+            class: "shrink-0"
+          }),
+          ue(x("input", {
+            "onUpdate:modelValue": C[0] || (C[0] = (a) => u.value = a),
+            "data-option-search": "",
+            type: "search",
+            enterkeyhint: "search",
+            autocomplete: "off",
+            autocapitalize: "off",
+            spellcheck: "false",
+            "aria-label": i(r)("core.form.select.search"),
+            placeholder: i(r)("core.form.select.search"),
+            class: "min-w-0 flex-1 border-0 bg-transparent p-0 text-body text-content-strong outline-none placeholder:text-content-disabled focus:ring-0"
+          }, null, 8, Fe), [
+            [ce, u.value]
+          ])
+        ])
+      ], 2)) : A("", !0),
+      x("ul", {
+        class: S(["flex flex-col", k.value ? "gap-group-gap" : "gap-2"]),
+        role: "listbox",
+        "aria-multiselectable": e.multiple || void 0,
+        "aria-busy": v.value || void 0
+      }, [
+        e.noneLabel && u.value === "" ? (h(), D("li", Ve, [
+          x("ul", {
+            role: "group",
+            class: S(k.value ? "rounded-group bg-surface-cell shadow-group" : "")
+          }, [
+            x("li", {
+              role: "option",
+              "aria-selected": _.value
+            }, [
+              x("button", {
+                type: "button",
+                "data-option": "",
+                class: S(["flex min-h-row w-full cursor-pointer items-center gap-3 px-row-inset text-left text-body hover:bg-fill focus-visible:bg-fill focus-visible:outline-none active:bg-fill", [_.value ? "text-content-strong" : "text-content-muted", k.value ? "rounded-group" : "rounded-control"]]),
+                onClick: C[1] || (C[1] = (a) => o("select", null))
+              }, [
+                x("span", Me, L(e.noneLabel), 1),
+                _.value ? (h(), T(i(N), {
+                  key: 0,
+                  name: "checkCustom",
+                  size: 18,
+                  class: "shrink-0 text-content-link"
+                })) : A("", !0)
+              ], 2)
+            ], 8, Be)
+          ], 2)
+        ])) : A("", !0),
+        v.value ? (h(), D("li", Ne, [
+          M(i(N), {
+            name: "loader4Line",
+            size: 16,
+            class: "shrink-0 animate-spin text-content-link"
+          }),
+          x("span", Te, L(i(r)("core.form.select.loading")), 1)
+        ])) : b.value ? (h(), D("li", ze, [
+          x("span", Ee, L(i(r)("core.form.select.load_failed")), 1),
+          x("button", {
+            type: "button",
+            "data-option": "",
+            "data-test": "options-retry",
+            class: "-ml-2 cursor-pointer rounded-control px-2 py-1 text-subheadline font-medium text-content-link hover:bg-fill focus-visible:bg-fill focus-visible:outline-none",
+            onClick: C[2] || (C[2] = (a) => o("retry"))
+          }, L(i(r)("core.actions.retry")), 1)
+        ])) : A("", !0),
+        (h(!0), D(j, null, G(m.value, (a, g) => (h(), D("li", {
+          key: a.title ?? g,
+          role: "presentation"
+        }, [
+          a.title ? (h(), D("p", {
+            key: 0,
+            id: `${i(s)}-${g}`,
+            class: "px-row-inset pb-1.5 text-footnote uppercase tracking-wide text-content-muted"
+          }, L(a.title), 9, Re)) : A("", !0),
+          x("ul", {
+            role: "group",
+            "aria-labelledby": a.title ? `${i(s)}-${g}` : void 0,
+            class: S(k.value ? "rounded-group bg-surface-cell shadow-group" : "")
+          }, [
+            (h(!0), D(j, null, G(a.options, (p) => (h(), D("li", {
+              key: String(p.value),
+              role: "option",
+              "aria-selected": c(p),
+              class: "group/option"
+            }, [
+              x("button", {
+                type: "button",
+                "data-option": "",
+                "data-test": "option",
+                disabled: p.disabled,
+                class: S(["flex w-full cursor-pointer items-stretch gap-3 pl-row-inset text-left text-body hover:bg-fill focus-visible:bg-fill focus-visible:outline-none active:bg-fill disabled:cursor-not-allowed disabled:opacity-45", k.value ? "group-first/option:rounded-t-group group-last/option:rounded-b-group" : "rounded-control"]),
+                onClick: (O) => o("select", p.value)
+              }, [
+                e.multiple ? (h(), D("span", We, [
+                  x("span", {
+                    class: S(["flex size-5.5 items-center justify-center rounded-full border", c(p) ? "border-control-on bg-control-on text-white" : "border-border-control"])
+                  }, [
+                    c(p) ? (h(), T(i(N), {
+                      key: 0,
+                      name: "checkCustom",
+                      size: 12
+                    })) : A("", !0)
+                  ], 2)
+                ])) : A("", !0),
+                x("span", {
+                  class: S(["flex min-h-row min-w-0 flex-1 items-center gap-3 py-2 pr-row-inset", k.value ? "border-t border-border-separator group-first/option:border-t-0" : ""])
+                }, [
+                  x("span", je, L(p.label), 1),
+                  p.description ? (h(), D("span", Ge, L(p.description), 1)) : A("", !0),
+                  !e.multiple && c(p) ? (h(), T(i(N), {
+                    key: 1,
+                    name: "checkCustom",
+                    size: 18,
+                    class: "shrink-0 text-content-link"
+                  })) : A("", !0)
+                ], 2)
+              ], 10, Pe)
+            ], 8, Ue))), 128))
+          ], 10, Ie)
+        ]))), 128)),
+        m.value.length === 0 && !v.value && !b.value ? (h(), D("li", He, L(i(r)("core.form.select.no_matches")), 1)) : A("", !0)
+      ], 10, Oe)
+    ], 544));
+  }
+}), Ke = Symbol("vue-core.recentChoices"), ne = 5, Je = (l) => {
+  if (typeof l != "object" || l === null) return !1;
+  const t = l;
+  return (typeof t.value == "string" || typeof t.value == "number") && typeof t.label == "string";
+}, Qe = {
+  read(l) {
+    try {
+      const t = JSON.parse(localStorage.getItem(`vue-core.recent.${l}`) ?? "[]");
+      return Array.isArray(t) ? t.filter(Je).slice(0, ne) : [];
+    } catch {
+      return [];
+    }
+  },
+  write(l, t) {
+    try {
+      localStorage.setItem(`vue-core.recent.${l}`, JSON.stringify(t));
+    } catch {
+    }
+  }
+};
+function vt(l, t) {
+  const e = E(t.trim());
+  if (e === "") return { before: "", match: "", after: l };
+  let o = "";
+  const r = [];
+  let u = 0;
+  for (const m of l) {
+    const c = E(m);
+    for (let _ = 0; _ < c.length; _++) r.push(u);
+    o += c, u += m.length;
+  }
+  const s = o.indexOf(e);
+  if (s < 0) return { before: "", match: "", after: l };
+  const f = r[s] ?? 0, n = r[s + e.length] ?? l.length;
+  return { before: l.slice(0, f), match: l.slice(f, n), after: l.slice(n) };
+}
+function gt(l, t) {
+  return l === "" || t.length <= l.length ? "" : t.toLocaleLowerCase().startsWith(l.toLocaleLowerCase()) ? t.slice(l.length) : "";
+}
+function Xe(l, t) {
+  const e = E(t.trim());
+  if (e === "") return [...l];
+  const o = [], r = [];
+  for (const u of l) {
+    const s = E(u.label);
+    s.startsWith(e) ? o.push(u) : (s.includes(e) || u.description !== void 0 && E(u.description).includes(e)) && r.push(u);
+  }
+  return [...o, ...r];
+}
+function bt(l, t, e, o) {
+  return l && (t > 0 || e === "loading" || e === "failed" || e === "loaded" && o);
+}
+function ae() {
+  const l = X([]), t = V("idle");
+  let e = 0, o = null;
+  function r() {
+    e++, o?.abort(), o = null;
+  }
+  async function u(s, f = (n) => n) {
+    r();
+    const n = e;
+    o = new AbortController(), t.value = "loading";
+    try {
+      const m = await s(o.signal);
+      if (n !== e) return;
+      l.value = f(m), t.value = "loaded";
+    } catch (m) {
+      if (n !== e || $e(m)) return;
+      l.value = [], t.value = "failed";
+    }
+  }
+  return { items: l, status: t, run: u, cancel: r };
+}
+function ht(l) {
+  const t = de(Ke, Qe), e = ae(), { items: o, status: r } = e, u = X([]), s = V(!1), f = V(0), n = V(!1);
+  let m = "", c = null;
+  const _ = $(() => r.value === "idle" ? u.value : o.value), q = $(() => r.value === "idle" && u.value.length > 0), k = $(() => _.value[f.value]);
+  function v() {
+    e.cancel(), c && clearTimeout(c), c = null;
+  }
+  fe(v);
+  function b(d) {
+    return f.value = 0, n.value = !1, d.slice(0, l.limit());
+  }
+  const y = (d, w) => e.run((F) => w(d, { signal: F }), b);
+  function C(d) {
+    m = d, v(), s.value = !0;
+    const w = l.source(), F = d.trim() === "";
+    if (!w || F && !l.listAllWhenEmpty || typeof w == "function" && d.trim().length < l.minLength()) {
+      r.value = "idle", o.value = [], f.value = 0, n.value = !1;
+      return;
+    }
+    typeof w == "function" ? c = setTimeout(() => void y(d, w), l.debounce()) : (o.value = b(Xe(w, d)), r.value = "loaded");
+  }
+  function a(d) {
+    const w = l.recents();
+    u.value = w ? t.read(w) : [], C(d), s.value = _.value.length > 0;
+  }
+  function g() {
+    v(), s.value = !1, r.value === "loading" && (r.value = "idle");
+  }
+  function p(d) {
+    const w = l.recents();
+    if (!w) return;
+    const F = t.read(w).filter((se) => se.value !== d.value);
+    t.write(w, [{ value: d.value, label: d.label, ...d.description !== void 0 ? { description: d.description } : {} }, ...F].slice(0, ne));
+  }
+  function O(d, w = !0) {
+    f.value = d, w && (n.value = !0);
+  }
+  function I(d, w) {
+    if (d.key === "Escape" && s.value)
+      d.stopPropagation(), d.preventDefault(), g();
+    else if (d.key === "ArrowDown" || d.key === "ArrowUp") {
+      if (d.preventDefault(), !s.value) {
+        a(m), s.value = !0;
+        return;
+      }
+      const F = _.value.length - 1;
+      O(d.key === "ArrowDown" ? Math.min(f.value + 1, F) : Math.max(f.value - 1, 0));
+    } else if (d.key === "Enter" && s.value) {
+      const F = k.value;
+      F && !F.disabled && (n.value || !w.enterNeedsMove) && (d.preventDefault(), w.pick(F));
+    } else d.key === "Tab" && !d.shiftKey && s.value && w.complete?.() && d.preventDefault();
+  }
+  return { items: _, showingRecent: q, status: r, open: s, highlighted: f, moved: n, current: k, ask: C, show: a, close: g, cancel: v, remember: p, highlight: O, keydown: I };
+}
+function yt(l) {
+  const t = ae(), e = l.for !== void 0;
+  let o = 0;
+  function r() {
+    const u = l.for?.();
+    if (e && u == null) {
+      t.cancel(), t.items.value = [], t.status.value = "idle";
+      return;
+    }
+    t.run(
+      (s) => e ? l.load(u, { signal: s }) : l.load({ signal: s })
+    );
+  }
+  return R(
+    () => l.for?.(),
+    (u, s) => {
+      s != null && o++, r();
+    },
+    { immediate: !0 }
+  ), pe(t.cancel), {
+    get status() {
+      return t.status.value;
+    },
+    get options() {
+      return t.items.value;
+    },
+    get generation() {
+      return o;
+    },
+    reload: r
+  };
+}
+const z = (l) => Array.isArray(l), Ye = [];
+function Ze(l, t) {
+  const e = $(() => {
+    const n = l();
+    return z(n) ? n : n.options;
+  }), o = $(() => {
+    const n = l();
+    return z(n) ? "loaded" : n.status;
+  }), r = $(() => o.value === "loading" || o.value === "failed" ? Ye : e.value), u = $(() => o.value === "loading"), s = l();
+  let f = z(s) ? 0 : s.generation;
+  return R(
+    () => {
+      const n = l();
+      return z(n) ? null : n.status === "loaded" || n.status === "idle" ? n.options : null;
+    },
+    (n) => {
+      const m = l();
+      n === null || z(m) || m.generation === f || (f = m.generation, t(n));
+    }
+  ), { known: e, rows: r, status: o, loading: u, reload: () => {
+    const n = l();
+    z(n) || n.reload();
+  } };
+}
+const et = ["id", "disabled", "aria-expanded", "aria-required", "aria-invalid", "aria-describedby", "aria-busy"], tt = ["id", "disabled", "aria-required", "aria-invalid", "aria-describedby", "aria-busy", "onClick"], lt = { class: "max-h-72 overflow-y-auto" }, xt = /* @__PURE__ */ P({
+  __name: "SelectField",
+  props: /* @__PURE__ */ J(/* @__PURE__ */ Q({
+    label: {},
+    hint: {},
+    error: {},
+    required: { type: Boolean },
+    editable: { type: Boolean },
+    disabled: { type: Boolean },
+    lockedReason: {},
+    presentation: {},
+    name: {},
+    options: {},
+    selected: {},
+    placeholder: {},
+    clearable: { type: Boolean },
+    searchFrom: {}
+  }, { ...le, selected: null, placeholder: void 0, clearable: !1, searchFrom: 9 }), {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(l) {
+    const t = l, e = K(l, "modelValue"), { t: o } = oe(), r = ke(), u = !!Y(), s = W("sheet"), f = V(!1), n = Ze(() => t.options, (v) => {
+      e.value !== null && !v.some((b) => b.value === e.value) && (e.value = null);
+    }), m = $(() => n.known.value.find((v) => v.value === e.value) ?? (t.selected?.value === e.value ? t.selected : null)), c = $(() => t.placeholder ?? o("core.form.select.choose")), _ = Z("popup", () => t.error ? "error" : t.disabled ? "locked" : "rest");
+    function q(v) {
+      e.value = v, s.value?.dismiss();
+    }
+    const k = $(() => [
+      "flex max-w-full min-w-0 items-center gap-1.5 py-1 pl-2.5 pr-2 text-body focus-visible:outline-none",
+      u ? "compact:pl-0 compact:pr-0" : "",
+      t.disabled ? "cursor-not-allowed" : "cursor-pointer"
+    ]);
+    return (v, b) => (h(), T(ee, U(i(te)(t), {
+      value: m.value?.label ?? null
+    }), {
+      default: B(({ id: y, describedby: C, invalid: a }) => [
+        x("div", {
+          class: S(["inline-flex max-w-full min-w-0", i(_)])
+        }, [
+          i(r) ? (h(), D("button", {
+            key: 0,
+            id: y,
+            type: "button",
+            disabled: t.disabled,
+            "aria-haspopup": "dialog",
+            "aria-expanded": f.value,
+            "aria-required": t.required || void 0,
+            "aria-invalid": a || void 0,
+            "aria-describedby": C,
+            "aria-busy": i(n).loading.value || void 0,
+            class: S(k.value),
+            onClick: b[0] || (b[0] = (g) => s.value?.present())
+          }, [
+            x("span", {
+              class: S(["min-w-0 truncate", m.value ? u ? "text-content-strong compact:text-content-muted" : "text-content-strong" : "text-content-disabled"])
+            }, L(m.value?.label ?? c.value), 3),
+            M(i(N), {
+              name: i(n).loading.value ? "loader4Line" : "expandUpDownLine",
+              size: 14,
+              class: S(["shrink-0 text-content-muted", i(n).loading.value ? "animate-spin" : ""])
+            }, null, 8, ["name", "class"])
+          ], 10, et)) : (h(), T(_e, {
+            key: 1,
+            label: t.label ?? c.value,
+            width: "md",
+            "match-trigger-width": "",
+            placement: "bottom-start",
+            arrow: !1
+          }, {
+            trigger: B(({ toggle: g, attrs: p }) => [
+              x("button", U({
+                id: y,
+                type: "button"
+              }, p, {
+                "aria-haspopup": "listbox",
+                disabled: t.disabled,
+                "aria-required": t.required || void 0,
+                "aria-invalid": a || void 0,
+                "aria-describedby": C,
+                "aria-busy": i(n).loading.value || void 0,
+                class: k.value,
+                onClick: g
+              }), [
+                x("span", {
+                  class: S(["min-w-0 truncate", m.value ? "text-content-strong" : "text-content-disabled"])
+                }, L(m.value?.label ?? c.value), 3),
+                M(i(N), {
+                  name: i(n).loading.value ? "loader4Line" : "expandUpDownLine",
+                  size: 14,
+                  class: S(["shrink-0 text-content-muted", i(n).loading.value ? "animate-spin" : ""])
+                }, null, 8, ["name", "class"])
+              ], 16, tt)
+            ]),
+            default: B(({ dismiss: g }) => [
+              x("div", lt, [
+                M(H, {
+                  options: i(n).rows.value,
+                  status: i(n).status.value,
+                  "model-value": e.value,
+                  "search-from": t.searchFrom,
+                  "none-label": t.clearable ? i(o)("core.form.select.clear") : void 0,
+                  presentation: "plain",
+                  onSelect: (p) => {
+                    e.value = p, g();
+                  },
+                  onRetry: b[1] || (b[1] = (p) => i(n).reload())
+                }, null, 8, ["options", "status", "model-value", "search-from", "none-label", "onSelect"])
+              ])
+            ]),
+            _: 2
+          }, 1032, ["label"]))
+        ], 2),
+        i(r) ? (h(), T(we, {
+          key: 0,
+          ref_key: "sheet",
+          ref: s,
+          title: t.label ?? c.value,
+          grouped: "",
+          onPresented: b[4] || (b[4] = (g) => f.value = !0),
+          onDismissed: b[5] || (b[5] = (g) => f.value = !1)
+        }, me({
+          default: B(() => [
+            M(H, {
+              options: i(n).rows.value,
+              status: i(n).status.value,
+              "model-value": e.value,
+              "search-from": t.searchFrom,
+              "none-label": t.clearable ? i(o)("core.form.select.clear") : void 0,
+              onSelect: q,
+              onRetry: b[2] || (b[2] = (g) => i(n).reload())
+            }, null, 8, ["options", "status", "model-value", "search-from", "none-label"])
+          ]),
+          _: 2
+        }, [
+          t.clearable && e.value !== null ? {
+            name: "footer",
+            fn: B(() => [
+              M(xe, {
+                prominence: "plain",
+                onClick: b[3] || (b[3] = (g) => q(null))
+              }, {
+                default: B(() => [
+                  ve(L(i(o)("core.form.select.clear")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["title"])) : A("", !0)
+      ]),
+      _: 1
+    }, 16, ["value"]));
+  }
+});
+export {
+  mt as _,
+  xt as a,
+  Ze as b,
+  H as c,
+  gt as d,
+  yt as e,
+  bt as l,
+  vt as m,
+  Ke as r,
+  ht as u
+};

package/dist/{Sheet.vue_vue_type_script_setup_true_lang-BLBD5ps8.js → Sheet.vue_vue_type_script_setup_true_lang-CtkJ-4e3.js}

@@ -2,7 +2,7 @@ import { ref as _, computed as P, defineComponent as V, useId as Y, watch as j,
 import { useI18n as W } from "vue-i18n";
 import { _ as K } from "./Icon.vue_vue_type_script_lang-DtC4_mkz.js";
 import { a as Q } from "./mediaQuery-CygcXmFW.js";
-import { u as q } from "./useDialog-wmyNx2j_.js";
+import { u as q } from "./useDialog-CXR3hN0G.js";
 const G = 120, J = 0.5, R = 40;
 function U({ enabled: g, panel: w, body: I, onDismiss: p }) {
   const o = _(0), l = _(!1);

package/dist/{Tooltip.vue_vue_type_script_setup_true_lang-BJWPVyfT.js → Tooltip.vue_vue_type_script_setup_true_lang-OOD_XNWx.js}

@@ -1,5 +1,5 @@
 import { defineComponent as S, useId as $, ref as a, watch as _, onUnmounted as z, openBlock as f, createElementBlock as k, Fragment as I, createElementVNode as b, renderSlot as x, createBlock as N, Teleport as P, mergeProps as B, unref as e, createTextVNode as C, toDisplayString as F, normalizeStyle as L, normalizeClass as V, createCommentVNode as A } from "vue";
-import { I as K } from "./dialogStack-DiTG1rZc.js";
+import { I as K } from "./dialogStack-DZZg55w0.js";
 import { u as M, a as i } from "./anchored-Cj4--8dT.js";
 const j = /* @__PURE__ */ S({
   __name: "Tooltip",