@wssto2/vue-core 0.4.13 → 0.4.15

package/dist/SelectField.vue_vue_type_script_setup_true_lang-BJoAkBo2.js

@@ -1,437 +0,0 @@
-import { defineComponent as N, ref as P, useId as I, useTemplateRef as R, computed as k, watch as B, nextTick as j, openBlock as n, createElementBlock as g, normalizeClass as y, createElementVNode as s, createVNode as V, unref as t, withDirectives as G, vModelText as K, createCommentVNode as h, toDisplayString as w, createBlock as L, Fragment as T, renderList as E, onScopeDispose as W, useModel as J, mergeProps as M, withCtx as q, createSlots as Q, createTextVNode as X, mergeModels as Y, mergeDefaults as Z } from "vue";
-import { useI18n as H } from "vue-i18n";
-import { _ as ee } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
-import { _ as D } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
-import { u as te } from "./mediaQuery-CygcXmFW.js";
-import { _ as F } from "./ToneDot.vue_vue_type_script_setup_true_lang-99rNn-L5.js";
-import { _ as oe } from "./Sheet.vue_vue_type_script_setup_true_lang-DgOFV4fa.js";
-import { _ as le } from "./Popover.vue_vue_type_script_setup_true_lang-Dx-tDhNE.js";
-import { a as ae, c as ne, _ as se, f as re, b as ie } from "./control-7EP4tjYy.js";
-import { g as ue, m as de } from "./options-Ba_0uLWN.js";
-import { a as ce } from "./suggestions-BxMm6MQA.js";
-const pe = { 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" }, me = ["aria-label", "placeholder"], fe = ["aria-multiselectable", "aria-busy"], ve = {
-  key: 0,
-  role: "presentation"
-}, be = ["aria-selected"], ge = { class: "flex-1 py-2" }, he = {
-  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"
-}, ye = { role: "status" }, xe = {
-  key: 2,
-  role: "presentation",
-  class: "flex flex-col items-start gap-1 px-row-inset py-3",
-  "data-test": "options-failed"
-}, ke = {
-  role: "alert",
-  class: "text-subheadline text-content-destructive"
-}, _e = ["id"], we = ["aria-labelledby"], $e = ["aria-selected"], Ce = ["disabled", "onClick"], Se = {
-  key: 0,
-  "aria-hidden": "true",
-  class: "flex shrink-0 items-center"
-}, Le = { class: "min-w-0 flex-1 text-content-strong" }, Ve = {
-  key: 1,
-  class: "shrink-0 text-footnote text-content-muted"
-}, De = {
-  key: 3,
-  class: "px-4 py-6 text-center text-subheadline text-content-muted"
-}, U = /* @__PURE__ */ N({
-  __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(r, { emit: l }) {
-    const e = r, c = l, { t: v } = H(), b = P(""), f = I(), x = R("root"), o = k(() => e.options.length >= e.searchFrom), p = k(() => ue(de(e.options, b.value))), S = (m) => e.multiple ? Array.isArray(e.modelValue) && e.modelValue.includes(m.value) : e.modelValue === m.value, A = k(() => e.multiple ? !1 : e.modelValue === null);
-    function O(m) {
-      if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(m.key)) return;
-      const a = [...x.value?.querySelectorAll("[data-option]:not([disabled])") ?? []];
-      if (a.length === 0) return;
-      const u = a.indexOf(document.activeElement), i = m.key === "Home" ? 0 : m.key === "End" ? a.length - 1 : m.key === "ArrowDown" ? Math.min(u + 1, a.length - 1) : Math.max(u - 1, 0);
-      m.key === "ArrowUp" && u <= 0 ? x.value?.querySelector("[data-option-search]")?.focus() : a[u === -1 && m.key === "ArrowDown" ? 0 : i]?.focus(), m.preventDefault();
-    }
-    const $ = k(() => e.presentation === "grouped"), C = k(() => e.status === "loading"), d = k(() => e.status === "failed");
-    return B(() => e.status, (m, _) => {
-      _ !== "loading" || m === "loading" || j(() => {
-        const a = document.activeElement;
-        (!a || a === document.body || a.getAttribute("role") === "dialog" && !!x.value && a.contains(x.value)) && x.value?.querySelector("[data-option-search], [data-option]:not([disabled])")?.focus({ preventScroll: !0 });
-      });
-    }), (m, _) => (n(), g("div", {
-      ref_key: "root",
-      ref: x,
-      "data-test": "option-list",
-      onKeydown: O
-    }, [
-      o.value ? (n(), g("div", {
-        key: 0,
-        class: y(["sticky top-0 z-10 pb-2", $.value ? "bg-surface-page pt-1" : "bg-surface-cell"])
-      }, [
-        s("label", pe, [
-          V(t(D), {
-            name: "search",
-            size: 16,
-            class: "shrink-0"
-          }),
-          G(s("input", {
-            "onUpdate:modelValue": _[0] || (_[0] = (a) => b.value = a),
-            "data-option-search": "",
-            type: "search",
-            enterkeyhint: "search",
-            autocomplete: "off",
-            autocapitalize: "off",
-            spellcheck: "false",
-            "aria-label": t(v)("core.form.select.search"),
-            placeholder: t(v)("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, me), [
-            [K, b.value]
-          ])
-        ])
-      ], 2)) : h("", !0),
-      s("ul", {
-        class: y(["flex flex-col", $.value ? "gap-group-gap" : "gap-2"]),
-        role: "listbox",
-        "aria-multiselectable": e.multiple || void 0,
-        "aria-busy": C.value || void 0
-      }, [
-        e.noneLabel && b.value === "" ? (n(), g("li", ve, [
-          s("ul", {
-            role: "group",
-            class: y($.value ? "rounded-group bg-surface-cell shadow-group" : "")
-          }, [
-            s("li", {
-              role: "option",
-              "aria-selected": A.value
-            }, [
-              s("button", {
-                type: "button",
-                "data-option": "",
-                class: y(["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", [A.value ? "text-content-strong" : "text-content-muted", $.value ? "rounded-group" : "rounded-control"]]),
-                onClick: _[1] || (_[1] = (a) => c("select", null))
-              }, [
-                s("span", ge, w(e.noneLabel), 1),
-                A.value ? (n(), L(t(D), {
-                  key: 0,
-                  name: "checkCustom",
-                  size: 18,
-                  class: "shrink-0 text-content-link"
-                })) : h("", !0)
-              ], 2)
-            ], 8, be)
-          ], 2)
-        ])) : h("", !0),
-        C.value ? (n(), g("li", he, [
-          V(t(D), {
-            name: "loader4Line",
-            size: 16,
-            class: "shrink-0 animate-spin text-content-link"
-          }),
-          s("span", ye, w(t(v)("core.form.select.loading")), 1)
-        ])) : d.value ? (n(), g("li", xe, [
-          s("span", ke, w(t(v)("core.form.select.load_failed")), 1),
-          s("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: _[2] || (_[2] = (a) => c("retry"))
-          }, w(t(v)("core.actions.retry")), 1)
-        ])) : h("", !0),
-        (n(!0), g(T, null, E(p.value, (a, u) => (n(), g("li", {
-          key: a.title ?? u,
-          role: "presentation"
-        }, [
-          a.title ? (n(), g("p", {
-            key: 0,
-            id: `${t(f)}-${u}`,
-            class: "px-row-inset pb-1.5 text-footnote uppercase tracking-wide text-content-muted"
-          }, w(a.title), 9, _e)) : h("", !0),
-          s("ul", {
-            role: "group",
-            "aria-labelledby": a.title ? `${t(f)}-${u}` : void 0,
-            class: y($.value ? "rounded-group bg-surface-cell shadow-group" : "")
-          }, [
-            (n(!0), g(T, null, E(a.options, (i) => (n(), g("li", {
-              key: String(i.value),
-              role: "option",
-              "aria-selected": S(i),
-              class: "group/option"
-            }, [
-              s("button", {
-                type: "button",
-                "data-option": "",
-                "data-test": "option",
-                disabled: i.disabled,
-                class: y(["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", $.value ? "group-first/option:rounded-t-group group-last/option:rounded-b-group" : "rounded-control"]),
-                onClick: (Be) => c("select", i.value)
-              }, [
-                e.multiple ? (n(), g("span", Se, [
-                  s("span", {
-                    class: y(["flex size-5.5 items-center justify-center rounded-full border", S(i) ? "border-control-on bg-control-on text-white" : "border-border-control"])
-                  }, [
-                    S(i) ? (n(), L(t(D), {
-                      key: 0,
-                      name: "checkCustom",
-                      size: 12
-                    })) : h("", !0)
-                  ], 2)
-                ])) : h("", !0),
-                s("span", {
-                  class: y(["flex min-h-row min-w-0 flex-1 items-center gap-3 py-2 pr-row-inset", $.value ? "border-t border-border-separator group-first/option:border-t-0" : ""])
-                }, [
-                  i.dot ? (n(), L(F, {
-                    key: 0,
-                    tone: i.dot,
-                    class: "-mr-1.5"
-                  }, null, 8, ["tone"])) : h("", !0),
-                  s("span", Le, w(i.label), 1),
-                  i.description ? (n(), g("span", Ve, w(i.description), 1)) : h("", !0),
-                  !e.multiple && S(i) ? (n(), L(t(D), {
-                    key: 2,
-                    name: "checkCustom",
-                    size: 18,
-                    class: "shrink-0 text-content-link"
-                  })) : h("", !0)
-                ], 2)
-              ], 10, Ce)
-            ], 8, $e))), 128))
-          ], 10, we)
-        ]))), 128)),
-        p.value.length === 0 && !C.value && !d.value ? (n(), g("li", De, w(t(v)("core.form.select.no_matches")), 1)) : h("", !0)
-      ], 10, fe)
-    ], 544));
-  }
-});
-function Ke(r) {
-  const l = ce(), e = r.for !== void 0;
-  let c = 0;
-  function v() {
-    const b = r.for?.();
-    if (e && b == null) {
-      l.cancel(), l.items.value = [], l.status.value = "idle";
-      return;
-    }
-    l.run(
-      (f) => e ? r.load(b, { signal: f }) : r.load({ signal: f })
-    );
-  }
-  return B(
-    () => r.for?.(),
-    (b, f) => {
-      f != null && c++, v();
-    },
-    { immediate: !0 }
-  ), W(l.cancel), {
-    get status() {
-      return l.status.value;
-    },
-    get options() {
-      return l.items.value;
-    },
-    get generation() {
-      return c;
-    },
-    reload: v
-  };
-}
-const z = (r) => Array.isArray(r), qe = [];
-function ze(r, l) {
-  const e = k(() => {
-    const o = r();
-    return z(o) ? o : o.options;
-  }), c = k(() => {
-    const o = r();
-    return z(o) ? "loaded" : o.status;
-  }), v = k(() => c.value === "loading" || c.value === "failed" ? qe : e.value), b = k(() => c.value === "loading"), f = r();
-  let x = z(f) ? 0 : f.generation;
-  return B(
-    () => {
-      const o = r();
-      return z(o) ? null : o.status === "loaded" || o.status === "idle" ? o.options : null;
-    },
-    (o) => {
-      const p = r();
-      o === null || z(p) || p.generation === x || (x = p.generation, l(o));
-    }
-  ), { known: e, rows: v, status: c, loading: b, reload: () => {
-    const o = r();
-    z(o) || o.reload();
-  } };
-}
-const Ae = ["id", "disabled", "aria-expanded", "aria-required", "aria-invalid", "aria-describedby", "aria-busy"], Oe = ["id", "disabled", "aria-required", "aria-invalid", "aria-describedby", "aria-busy", "onClick"], Fe = { class: "max-h-72 overflow-y-auto" }, We = /* @__PURE__ */ N({
-  __name: "SelectField",
-  props: /* @__PURE__ */ Y(/* @__PURE__ */ Z({
-    label: {},
-    hint: {},
-    error: {},
-    required: { type: Boolean },
-    editable: { type: Boolean },
-    disabled: { type: Boolean },
-    lockedReason: {},
-    presentation: {},
-    name: {},
-    options: {},
-    selected: {},
-    placeholder: {},
-    clearable: { type: Boolean },
-    searchFrom: {}
-  }, { ...ie, selected: null, placeholder: void 0, clearable: !1, searchFrom: 9 }), {
-    modelValue: { default: null },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(r) {
-    const l = r, e = J(r, "modelValue"), { t: c } = H(), v = te(), b = !!ae(), f = R("sheet"), x = P(!1), o = ze(() => l.options, (C) => {
-      e.value !== null && !C.some((d) => d.value === e.value) && (e.value = null);
-    }), p = k(() => o.known.value.find((C) => C.value === e.value) ?? (l.selected?.value === e.value ? l.selected : null)), S = k(() => l.placeholder ?? c("core.form.select.choose")), A = ne("popup", () => l.error ? "error" : l.disabled ? "locked" : "rest");
-    function O(C) {
-      e.value = C, f.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",
-      b ? "compact:pl-0 compact:pr-0" : "",
-      l.disabled ? "cursor-not-allowed" : "cursor-pointer"
-    ]);
-    return (C, d) => (n(), L(se, M(t(re)(l), {
-      value: p.value?.label ?? null
-    }), {
-      default: q(({ id: m, describedby: _, invalid: a }) => [
-        s("div", {
-          class: y(["inline-flex max-w-full min-w-0", t(A)])
-        }, [
-          t(v) ? (n(), g("button", {
-            key: 0,
-            id: m,
-            type: "button",
-            disabled: l.disabled,
-            "aria-haspopup": "dialog",
-            "aria-expanded": x.value,
-            "aria-required": l.required || void 0,
-            "aria-invalid": a || void 0,
-            "aria-describedby": _,
-            "aria-busy": t(o).loading.value || void 0,
-            class: y($.value),
-            onClick: d[0] || (d[0] = (u) => f.value?.present())
-          }, [
-            p.value?.dot ? (n(), L(F, {
-              key: 0,
-              tone: p.value.dot
-            }, null, 8, ["tone"])) : h("", !0),
-            s("span", {
-              class: y(["min-w-0 truncate", p.value ? b ? "text-content-strong compact:text-content-muted" : "text-content-strong" : "text-content-disabled"])
-            }, w(p.value?.label ?? S.value), 3),
-            V(t(D), {
-              name: t(o).loading.value ? "loader4Line" : "expandUpDownLine",
-              size: 14,
-              class: y(["shrink-0 text-content-muted", t(o).loading.value ? "animate-spin" : ""])
-            }, null, 8, ["name", "class"])
-          ], 10, Ae)) : (n(), L(le, {
-            key: 1,
-            label: l.label ?? S.value,
-            width: "md",
-            "match-trigger-width": "",
-            placement: "bottom-start",
-            arrow: !1
-          }, {
-            trigger: q(({ toggle: u, attrs: i }) => [
-              s("button", M({
-                id: m,
-                type: "button"
-              }, i, {
-                "aria-haspopup": "listbox",
-                disabled: l.disabled,
-                "aria-required": l.required || void 0,
-                "aria-invalid": a || void 0,
-                "aria-describedby": _,
-                "aria-busy": t(o).loading.value || void 0,
-                class: $.value,
-                onClick: u
-              }), [
-                p.value?.dot ? (n(), L(F, {
-                  key: 0,
-                  tone: p.value.dot
-                }, null, 8, ["tone"])) : h("", !0),
-                s("span", {
-                  class: y(["min-w-0 truncate", p.value ? "text-content-strong" : "text-content-disabled"])
-                }, w(p.value?.label ?? S.value), 3),
-                V(t(D), {
-                  name: t(o).loading.value ? "loader4Line" : "expandUpDownLine",
-                  size: 14,
-                  class: y(["shrink-0 text-content-muted", t(o).loading.value ? "animate-spin" : ""])
-                }, null, 8, ["name", "class"])
-              ], 16, Oe)
-            ]),
-            default: q(({ dismiss: u }) => [
-              s("div", Fe, [
-                V(U, {
-                  options: t(o).rows.value,
-                  status: t(o).status.value,
-                  "model-value": e.value,
-                  "search-from": l.searchFrom,
-                  "none-label": l.clearable ? t(c)("core.form.select.clear") : void 0,
-                  presentation: "plain",
-                  onSelect: (i) => {
-                    e.value = i, u();
-                  },
-                  onRetry: d[1] || (d[1] = (i) => t(o).reload())
-                }, null, 8, ["options", "status", "model-value", "search-from", "none-label", "onSelect"])
-              ])
-            ]),
-            _: 2
-          }, 1032, ["label"]))
-        ], 2),
-        t(v) ? (n(), L(oe, {
-          key: 0,
-          ref_key: "sheet",
-          ref: f,
-          title: l.label ?? S.value,
-          grouped: "",
-          onPresented: d[4] || (d[4] = (u) => x.value = !0),
-          onDismissed: d[5] || (d[5] = (u) => x.value = !1)
-        }, Q({
-          default: q(() => [
-            V(U, {
-              options: t(o).rows.value,
-              status: t(o).status.value,
-              "model-value": e.value,
-              "search-from": l.searchFrom,
-              "none-label": l.clearable ? t(c)("core.form.select.clear") : void 0,
-              onSelect: O,
-              onRetry: d[2] || (d[2] = (u) => t(o).reload())
-            }, null, 8, ["options", "status", "model-value", "search-from", "none-label"])
-          ]),
-          _: 2
-        }, [
-          l.clearable && e.value !== null ? {
-            name: "footer",
-            fn: q(() => [
-              V(ee, {
-                prominence: "plain",
-                onClick: d[3] || (d[3] = (u) => O(null))
-              }, {
-                default: q(() => [
-                  X(w(t(c)("core.form.select.clear")), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["title"])) : h("", !0)
-      ]),
-      _: 1
-    }, 16, ["value"]));
-  }
-});
-export {
-  We as _,
-  U as a,
-  Ke as b,
-  ze as u
-};