@wssto2/vue-core 0.2.0 → 0.4.0

package/dist/SignIns-Cnf9BVR0.js

@@ -0,0 +1,66 @@
+import { defineComponent as g, ref as m, watch as p, openBlock as c, createElementBlock as v, createVNode as i, unref as e, withCtx as w, createBlock as x, createCommentVNode as y, createElementVNode as V, toDisplayString as $ } from "vue";
+import { useI18n as N } from "vue-i18n";
+import { P as S, i as b } from "./index-CGv-u1Ws.js";
+import { u as k } from "./platform-q3cjODLx.js";
+import { b as I } from "./routeResource-DstM0hvf.js";
+import { _ as R } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
+import { u as C } from "./useLoad-CYRVx6HW.js";
+import { _ as E } from "./PageBar.vue_vue_type_script_setup_true_lang-B7qdEeej.js";
+import { _ as B } from "./SectionIntro.vue_vue_type_script_setup_true_lang-CZtPrmXD.js";
+import { _ as P } from "./SignInTable.vue_vue_type_script_setup_true_lang-CEbAvZ_C.js";
+import { _ as h } from "./ViewTabs.vue_vue_type_script_setup_true_lang-BJIoZAlH.js";
+const U = {
+  class: "flex min-w-0 flex-col gap-group-gap",
+  "data-person-signins": ""
+}, q = { class: "px-row-inset text-footnote text-content-muted" }, M = /* @__PURE__ */ g({
+  __name: "SignIns",
+  setup(D) {
+    const d = ["all", "failed"], { t: s } = N(), { http: f } = k(), l = I(S), r = m("all"), a = m(1), n = C(
+      async ({ signal: u }) => {
+        const t = l.id.value;
+        return t === null ? null : (await f.request(b.usersSignins, { id: t, view: r.value, page: a.value, per_page: 20 }, { signal: u })).data;
+      },
+      { watch: () => l.id.value }
+    );
+    return p(r, () => {
+      a.value = 1, n.reload();
+    }), p(a, () => void n.reload()), (u, t) => (c(), v("div", U, [
+      i(B, {
+        title: e(s)("core.users.sections.signins"),
+        description: e(s)("core.users.intro.signins", { name: e(l).data.value?.name ?? "" })
+      }, null, 8, ["title", "description"]),
+      i(h, {
+        modelValue: r.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (o) => r.value = o),
+        views: d,
+        counts: e(n).data.value?.meta?.views,
+        "label-of": (o) => e(s)(`core.account.signins.views.${o}`),
+        label: e(s)("core.users.sections.signins")
+      }, null, 8, ["modelValue", "counts", "label-of", "label"]),
+      i(e(R), {
+        state: e(n).state.value,
+        "skeleton-rows": 5,
+        "is-empty": () => !1,
+        onRetry: t[2] || (t[2] = (o) => e(n).reload())
+      }, {
+        default: w(({ value: o }) => [
+          i(P, {
+            rows: o?.data ?? []
+          }, null, 8, ["rows"]),
+          o ? (c(), x(E, {
+            key: 0,
+            page: a.value,
+            "onUpdate:page": t[1] || (t[1] = (_) => a.value = _),
+            "last-page": o.last_page,
+            total: o.total
+          }, null, 8, ["page", "last-page", "total"])) : y("", !0),
+          V("p", q, $(e(s)("core.account.signins.footer_user")), 1)
+        ]),
+        _: 1
+      }, 8, ["state"])
+    ]));
+  }
+});
+export {
+  M as default
+};

package/dist/SwipeActions.vue_vue_type_script_setup_true_lang-BJIA2JfI.js

@@ -0,0 +1,93 @@
+import { defineComponent as D, computed as N, ref as p, watch as O, onBeforeUnmount as T, openBlock as f, createElementBlock as d, createElementVNode as b, normalizeStyle as x, Fragment as z, renderList as E, normalizeClass as _, createVNode as X, unref as $, createTextVNode as B, toDisplayString as V, renderSlot as Y } from "vue";
+import { _ as A } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { p as I } from "./perDocument-DUuFrdGU.js";
+const R = ["aria-hidden"], W = ["href", "target", "rel", "tabindex", "data-action"], j = Symbol("vue-core:swipe-open-row"), F = () => I(j, () => p(null)), q = /* @__PURE__ */ D({
+  __name: "SwipeActions",
+  props: {
+    actions: {},
+    contentClass: { default: "" }
+  },
+  setup(y) {
+    const o = y, k = 76, C = {
+      positive: "bg-status-success-solid",
+      info: "bg-status-info-solid",
+      neutral: "bg-status-neutral-solid",
+      critical: "bg-status-danger-solid"
+    }, n = F(), l = Symbol("swipe-row"), r = N(() => o.actions.length * k), t = p(0), s = p(!1);
+    let v = 0, m = 0, h = 0, i = null, u = !1;
+    function P(e) {
+      u = !1, !(e.pointerType !== "touch" || o.actions.length === 0) && (v = e.clientX, m = e.clientY, h = t.value, i = null);
+    }
+    function M(e) {
+      if (e.pointerType !== "touch" || o.actions.length === 0) return;
+      const c = e.clientX - v, a = e.clientY - m;
+      if (i === null) {
+        if (Math.abs(c) < 6 && Math.abs(a) < 6) return;
+        i = Math.abs(c) > Math.abs(a);
+      }
+      i && (s.value = !0, t.value = Math.min(0, Math.max(-r.value - 24, h + c)));
+    }
+    function g() {
+      t.value = 0, n.value === l && (n.value = null);
+    }
+    function w() {
+      if (!s.value) return;
+      s.value = !1, u = !0;
+      const e = -t.value > r.value / 2;
+      t.value = e ? -r.value : 0, e ? n.value = l : n.value === l && (n.value = null);
+    }
+    function S(e) {
+      if (u) {
+        u = !1, e.stopPropagation(), e.preventDefault();
+        return;
+      }
+      t.value !== 0 && !e.target.closest("[data-swipe-action]") && (e.stopPropagation(), e.preventDefault(), g());
+    }
+    return O(n, (e) => {
+      e !== l && t.value !== 0 && !s.value && (t.value = 0);
+    }), T(() => {
+      n.value === l && (n.value = null);
+    }), (e, c) => (f(), d("div", {
+      class: "relative overflow-hidden",
+      "data-test": "swipe-row",
+      onClickCapture: S
+    }, [
+      b("div", {
+        class: "absolute inset-y-0 right-0 flex",
+        style: x({ width: `${r.value}px` }),
+        "aria-hidden": t.value === 0
+      }, [
+        (f(!0), d(z, null, E(o.actions, (a) => (f(), d("a", {
+          key: a.key,
+          href: a.href,
+          "data-swipe-action": "",
+          target: a.external ? "_blank" : void 0,
+          rel: a.external ? "noopener" : void 0,
+          tabindex: t.value === 0 ? -1 : 0,
+          "data-action": a.key,
+          class: _(["flex flex-1 flex-col items-center justify-center gap-1 text-footnote font-semibold text-white", C[a.tone]]),
+          onClick: g
+        }, [
+          X($(A), {
+            name: a.icon,
+            size: 22
+          }, null, 8, ["name"]),
+          B(" " + V(a.label), 1)
+        ], 10, W))), 128))
+      ], 12, R),
+      b("div", {
+        class: _(["relative touch-pan-y bg-surface-cell", [o.contentClass, s.value ? "" : "transition-transform duration-motion-normal ease-motion-standard"]]),
+        style: x({ transform: `translateX(${t.value}px)` }),
+        onPointerdown: P,
+        onPointermove: M,
+        onPointerup: w,
+        onPointercancel: w
+      }, [
+        Y(e.$slots, "default")
+      ], 38)
+    ], 32));
+  }
+});
+export {
+  q as _
+};

package/dist/SwitchField.vue_vue_type_script_setup_true_lang-CM8yp9JQ.js

@@ -0,0 +1,64 @@
+import { defineComponent as p, useModel as b, computed as w, openBlock as v, createBlock as g, mergeProps as y, unref as a, withCtx as _, createElementVNode as t, renderSlot as k, normalizeClass as l, normalizeStyle as z, toDisplayString as B, mergeModels as S, mergeDefaults as x } from "vue";
+import { useI18n as C } from "vue-i18n";
+import { u as M, _ as V, f as D, b as E } from "./control-7EP4tjYy.js";
+const F = { class: "flex items-center gap-2" }, I = ["id", "aria-checked", "aria-label", "aria-describedby", "aria-invalid", "disabled"], P = { class: "sr-only" }, Z = /* @__PURE__ */ p({
+  __name: "SwitchField",
+  props: /* @__PURE__ */ S(/* @__PURE__ */ x({
+    label: {},
+    hint: {},
+    error: {},
+    required: { type: Boolean },
+    editable: { type: Boolean },
+    disabled: { type: Boolean },
+    lockedReason: {},
+    presentation: {},
+    name: {},
+    size: {}
+  }, { ...E, size: "md" }), {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(s) {
+    const o = s, e = b(s, "modelValue"), { t: i } = C(), { editable: r } = M(o), n = {
+      sm: { "--switch-w": "1.75rem", "--switch-h": "1rem" },
+      md: { "--switch-w": "var(--app-switch-width)", "--switch-h": "var(--app-switch-height)" },
+      lg: { "--switch-w": "3.1875rem", "--switch-h": "1.9375rem" }
+    }, d = w(() => n[o.size]);
+    function c() {
+      !o.disabled && r.value && (e.value = !e.value);
+    }
+    return (u, $) => (v(), g(V, y(a(D)(o), {
+      value: e.value,
+      "row-layout": "setting"
+    }), {
+      default: _(({ id: m, describedby: h, invalid: f }) => [
+        t("div", F, [
+          k(u.$slots, "before"),
+          t("button", {
+            id: m,
+            type: "button",
+            role: "switch",
+            "aria-checked": e.value,
+            "aria-label": o.label,
+            "aria-describedby": h,
+            "aria-invalid": f || void 0,
+            disabled: o.disabled,
+            style: z(d.value),
+            class: l(["hit-target relative inline-flex h-(--switch-h) w-(--switch-w) shrink-0 cursor-pointer rounded-full transition-colors duration-motion-fast ease-motion-standard focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus disabled:cursor-not-allowed disabled:opacity-45", e.value ? "bg-control-on" : "bg-fill-strong"]),
+            onClick: c
+          }, [
+            t("span", {
+              class: l(["pointer-events-none absolute left-0.5 top-0.5 size-[calc(var(--switch-h)-0.25rem)] rounded-full bg-white shadow-knob transition-transform duration-motion-normal ease-motion-standard", e.value ? "translate-x-[calc(var(--switch-w)-var(--switch-h))]" : ""])
+            }, null, 2),
+            t("span", P, B(e.value ? a(i)("core.form.yes") : a(i)("core.form.no")), 1)
+          ], 14, I)
+        ])
+      ]),
+      _: 3
+    }, 16, ["value"]));
+  }
+});
+export {
+  Z as _
+};

package/dist/Tabs.vue_vue_type_script_setup_true_lang-CcMcE38r.js

@@ -0,0 +1,155 @@
+import { defineComponent as B, useModel as M, useId as z, inject as K, useTemplateRef as I, computed as S, openBlock as o, createElementBlock as l, createElementVNode as f, Fragment as T, renderList as V, normalizeClass as r, unref as c, createTextVNode as j, toDisplayString as m, createCommentVNode as u, createBlock as h, renderSlot as R, mergeModels as D } from "vue";
+import { routerKey as q, routeLocationKey as F } from "vue-router";
+import { _ as y } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { u as G } from "./mediaQuery-CygcXmFW.js";
+const H = ["aria-label"], P = ["aria-label"], J = ["id", "aria-selected", "tabindex", "aria-controls", "data-tab", "onClick", "onKeydown"], O = {
+  key: 0,
+  class: "text-footnote font-normal tabular-nums"
+}, Q = ["aria-label"], U = ["aria-label"], W = ["id", "aria-selected", "tabindex", "aria-controls", "data-tab", "onClick", "onKeydown"], X = ["id", "aria-labelledby"], ne = /* @__PURE__ */ B({
+  __name: "Tabs",
+  props: /* @__PURE__ */ D({
+    tabs: {},
+    presentation: { default: "segmented" },
+    alignment: { default: "start" },
+    stretch: { type: Boolean, default: !1 },
+    label: { default: void 0 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(x) {
+    const t = x, w = M(x, "modelValue"), d = z(), k = K(q, null), E = K(F, null);
+    function _() {
+      if (!k) throw new Error("Tabs: a tab has `to`, but no router is installed in the app.");
+      return k;
+    }
+    const L = G(), p = I("list"), N = S(() => t.presentation === "scope" && L.value);
+    function a(n) {
+      return n.to !== void 0 ? _().resolve(n.to).name === E?.name : n.value === w.value;
+    }
+    const $ = S(() => t.tabs.find(a)), b = (n) => `${d}-tab-${String(n.value)}`;
+    function v(n) {
+      n.to !== void 0 ? _().push(n.to) : w.value = n.value;
+    }
+    function C(n, g) {
+      const e = t.tabs.length - 1, i = { ArrowRight: g + 1, ArrowLeft: g - 1, Home: 0, End: e }[n.key];
+      if (i === void 0) return;
+      n.preventDefault();
+      const s = t.tabs[(i + t.tabs.length) % t.tabs.length];
+      s && (v(s), p.value?.querySelector(`[data-tab="${String(s.value)}"]`)?.focus());
+    }
+    const A = { start: "justify-start", center: "justify-center", end: "justify-end" };
+    return (n, g) => (o(), l("div", null, [
+      N.value ? (o(), l("nav", {
+        key: 0,
+        ref_key: "list",
+        ref: p,
+        class: "-mx-1 overflow-x-auto overflow-y-hidden",
+        "aria-label": t.label
+      }, [
+        f("ul", {
+          class: "flex gap-2 p-1",
+          role: "tablist",
+          "aria-label": t.label
+        }, [
+          (o(!0), l(T, null, V(t.tabs, (e, i) => (o(), l("li", {
+            key: e.value,
+            role: "presentation",
+            class: "shrink-0"
+          }, [
+            f("button", {
+              id: b(e),
+              type: "button",
+              role: "tab",
+              "aria-selected": a(e),
+              tabindex: a(e) ? 0 : -1,
+              "aria-controls": `${c(d)}-panel`,
+              "data-tab": String(e.value),
+              class: r(["flex min-h-[2.125rem] cursor-pointer items-center gap-1.5 whitespace-nowrap rounded-full px-3.5 text-subheadline font-semibold transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus", a(e) ? "bg-tint text-content-on-tint" : "bg-surface-cell text-content-strong shadow-group active:bg-fill"]),
+              onClick: (s) => v(e),
+              onKeydown: (s) => C(s, i)
+            }, [
+              j(m(e.shortLabel ?? e.label) + " ", 1),
+              e.badge ? (o(), l("span", O, m(e.badge), 1)) : u("", !0),
+              e.warning ? (o(), h(c(y), {
+                key: 1,
+                name: "alertTriangle",
+                size: 14,
+                label: e.warning
+              }, null, 8, ["label"])) : u("", !0)
+            ], 42, J)
+          ]))), 128))
+        ], 8, P)
+      ], 8, H)) : (o(), l("nav", {
+        key: 1,
+        ref_key: "list",
+        ref: p,
+        "aria-label": t.label,
+        class: r([
+          t.presentation === "scope" ? "" : "overflow-y-hidden overflow-x-auto whitespace-nowrap",
+          t.presentation === "plain" ? "" : "rounded-control bg-fill p-0.5"
+        ])
+      }, [
+        f("ul", {
+          class: r(["flex gap-0.5", t.presentation === "scope" ? "flex-wrap whitespace-nowrap" : "", A[t.alignment]]),
+          role: "tablist",
+          "aria-label": t.label
+        }, [
+          (o(!0), l(T, null, V(t.tabs, (e, i) => (o(), l("li", {
+            key: e.value,
+            role: "presentation",
+            class: r({ "flex flex-1": t.stretch })
+          }, [
+            f("button", {
+              id: b(e),
+              type: "button",
+              role: "tab",
+              "aria-selected": a(e),
+              tabindex: a(e) ? 0 : -1,
+              "aria-controls": `${c(d)}-panel`,
+              "data-tab": String(e.value),
+              class: r([
+                "flex min-h-8 cursor-pointer items-center justify-center rounded-control px-3.5 py-1 text-subheadline transition-colors duration-motion-fast ease-motion-standard focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus",
+                a(e) ? "bg-segment-selected font-semibold text-content-strong shadow-sm" : "font-medium text-content hover:text-content-strong",
+                t.stretch ? "flex-1" : ""
+              ]),
+              onClick: (s) => v(e),
+              onKeydown: (s) => C(s, i)
+            }, [
+              e.icon ? (o(), h(c(y), {
+                key: 0,
+                name: e.icon,
+                class: r(["mr-2", a(e) ? "text-content-link" : ""])
+              }, null, 8, ["name", "class"])) : u("", !0),
+              j(" " + m(e.label) + " ", 1),
+              e.badge ? (o(), l("span", {
+                key: 1,
+                class: r(["ml-2 block min-w-[1.125rem] rounded-full px-1.5 text-center text-caption font-semibold tabular-nums", a(e) ? "bg-tint-soft text-content-link" : "bg-surface-cell text-content-muted"])
+              }, m(e.badge), 3)) : u("", !0),
+              e.warning ? (o(), h(c(y), {
+                key: 2,
+                name: "alertTriangle",
+                size: 16,
+                label: e.warning,
+                class: "ml-2 text-status-warning-content"
+              }, null, 8, ["label"])) : u("", !0)
+            ], 42, W)
+          ], 2))), 128))
+        ], 10, U)
+      ], 10, Q)),
+      n.$slots.default ? (o(), l("div", {
+        key: 2,
+        id: `${c(d)}-panel`,
+        role: "tabpanel",
+        "aria-labelledby": $.value ? b($.value) : void 0,
+        class: "mt-4"
+      }, [
+        R(n.$slots, "default")
+      ], 8, X)) : u("", !0)
+    ]));
+  }
+});
+export {
+  ne as _
+};

package/dist/TextField.vue_vue_type_script_setup_true_lang-B9dwVASU.js

@@ -0,0 +1,269 @@
+import { defineComponent as H, useTemplateRef as P, computed as x, watch as Y, nextTick as Z, openBlock as n, createElementBlock as i, withModifiers as ee, normalizeStyle as te, unref as s, createElementVNode as m, toDisplayString as r, createCommentVNode as d, Fragment as E, renderList as oe, normalizeClass as q, createBlock as z, createTextVNode as F, useModel as se, ref as ne, mergeProps as ae, withCtx as ie, withDirectives as le, vModelDynamic as re, mergeModels as I, mergeDefaults as ce } from "vue";
+import { useI18n as K } from "vue-i18n";
+import { b as ue } from "./controlSurface-t7OEFESJ.js";
+import { a as de, c as pe, _ as me, f as fe, b as he } from "./control-7EP4tjYy.js";
+import { _ as ve } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { u as ge } from "./anchored-Cj4--8dT.js";
+import { l as O, m as xe, u as ye, c as be } from "./suggestions-BxMm6MQA.js";
+const _e = ["id", "aria-busy"], ke = { class: "min-h-0 flex-1 overflow-y-auto p-1.5" }, we = {
+  key: 0,
+  class: "px-2.5 pb-1 pt-1.5 text-caption font-semibold uppercase text-content-disabled",
+  role: "presentation"
+}, $e = ["id", "aria-selected", "aria-disabled", "onMouseenter", "onClick"], Me = { class: "min-w-0 flex-1" }, qe = { class: "block truncate text-body text-content-strong" }, Le = {
+  key: 0,
+  class: "font-semibold"
+}, Be = {
+  key: 0,
+  class: "block truncate text-footnote text-content-muted"
+}, Ce = {
+  key: 2,
+  class: "px-3 py-2 text-footnote text-content-muted",
+  role: "status"
+}, Se = {
+  key: 3,
+  class: "px-3 py-2 text-footnote text-content-destructive",
+  role: "alert"
+}, De = {
+  key: 4,
+  class: "px-3 py-2 text-footnote text-content-muted"
+}, Ve = {
+  key: 0,
+  class: "mx-1.5 mb-1.5 mt-0.5 border-t border-border-separator px-2.5 pb-0.5 pt-2 text-caption text-content-muted compact:hidden",
+  "aria-hidden": "true"
+}, Ee = /* @__PURE__ */ H({
+  __name: "SuggestionList",
+  props: {
+    id: {},
+    anchor: {},
+    open: { type: Boolean },
+    items: {},
+    highlighted: {},
+    query: {},
+    status: {},
+    recent: { type: Boolean },
+    emptyMessage: { type: Boolean },
+    hint: {}
+  },
+  emits: ["pick", "hover"],
+  setup(w, { emit: L }) {
+    const o = w, t = L, { t: c } = K(), b = P("panel"), _ = x(() => O(o.open, o.items.length, o.status, o.emptyMessage)), k = x(() => o.status === "loading"), f = (h) => xe(h.label, o.query), { style: B } = ge(b, {
+      reference: () => o.anchor,
+      placement: () => "bottom-start",
+      offset: 4,
+      padding: 8,
+      fit: (h, v) => {
+        h.style.width = `${o.anchor?.offsetWidth ?? 0}px`, h.style.maxHeight = `${Math.max(120, Math.min(320, v.height))}px`;
+      }
+    });
+    return Y(() => o.highlighted, () => void Z(() => b.value?.querySelector("[aria-selected='true']")?.scrollIntoView?.({ block: "nearest" }))), (h, v) => _.value ? (n(), i("div", {
+      key: 0,
+      id: `${o.id}-list`,
+      ref_key: "panel",
+      ref: b,
+      role: "listbox",
+      "aria-busy": k.value || void 0,
+      style: te(s(B)),
+      "data-test": "suggestion-list",
+      class: "z-1000 flex flex-col overflow-hidden rounded-menu bg-surface-overlay shadow-float",
+      onMousedown: v[0] || (v[0] = ee(() => {
+      }, ["prevent"]))
+    }, [
+      m("div", ke, [
+        o.recent ? (n(), i("p", we, r(s(c)("core.form.suggestions.recent")), 1)) : d("", !0),
+        o.items.length > 0 ? (n(!0), i(E, { key: 1 }, oe(o.items, (a, g) => (n(), i("div", {
+          id: `${o.id}-option-${g}`,
+          key: String(a.value),
+          role: "option",
+          "aria-selected": g === o.highlighted,
+          "aria-disabled": a.disabled || void 0,
+          "data-test": "suggestion-option",
+          class: q(["flex cursor-pointer items-center gap-2.5 rounded-control px-2.5 py-2", [g === o.highlighted ? "bg-tint-soft" : "hover:bg-fill", a.disabled ? "cursor-not-allowed opacity-45" : "", k.value ? "opacity-60" : ""]]),
+          onMouseenter: (l) => t("hover", g),
+          onClick: (l) => !a.disabled && t("pick", a)
+        }, [
+          o.recent ? (n(), z(s(ve), {
+            key: 0,
+            name: "history",
+            size: 16,
+            class: "shrink-0 text-content-disabled"
+          })) : d("", !0),
+          m("span", Me, [
+            m("span", qe, [
+              o.recent ? (n(), i(E, { key: 0 }, [
+                F(r(a.label), 1)
+              ], 64)) : (n(), i(E, { key: 1 }, [
+                F(r(f(a).before), 1),
+                f(a).match ? (n(), i("strong", Le, r(f(a).match), 1)) : d("", !0),
+                F(r(f(a).after), 1)
+              ], 64))
+            ]),
+            a.description ? (n(), i("span", Be, r(a.description), 1)) : d("", !0)
+          ])
+        ], 42, $e))), 128)) : o.status === "loading" ? (n(), i("p", Ce, r(s(c)("core.form.select.loading")), 1)) : o.status === "failed" ? (n(), i("p", Se, r(s(c)("core.form.select.failed")), 1)) : (n(), i("p", De, r(s(c)("core.form.select.no_matches")), 1))
+      ]),
+      o.hint && o.items.length > 0 ? (n(), i("p", Ve, r(o.hint), 1)) : d("", !0)
+    ], 44, _e)) : d("", !0);
+  }
+}), Fe = {
+  key: 0,
+  class: "shrink-0 text-footnote text-content-muted"
+}, Pe = { class: "relative min-w-0 flex-1" }, ze = ["id", "type", "name", "placeholder", "maxlength", "autocomplete", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby", "role", "aria-autocomplete", "aria-expanded", "aria-controls", "aria-activedescendant"], Ae = { class: "invisible" }, Ne = { class: "text-content-disabled" }, Re = {
+  key: 1,
+  class: "shrink-0 text-footnote text-content-muted"
+}, Ue = /* @__PURE__ */ H({
+  __name: "TextField",
+  props: /* @__PURE__ */ I(/* @__PURE__ */ ce({
+    label: {},
+    hint: {},
+    error: {},
+    required: { type: Boolean },
+    editable: { type: Boolean },
+    disabled: { type: Boolean },
+    lockedReason: {},
+    presentation: {},
+    name: {},
+    type: {},
+    placeholder: {},
+    maxLength: {},
+    autocomplete: {},
+    mono: { type: Boolean },
+    prefix: {},
+    suffix: {},
+    width: {},
+    suggestions: { type: [Array, Function] },
+    suggestionsMinLength: {},
+    suggestionsDebounce: {},
+    suggestionsLimit: {},
+    recents: {}
+  }, {
+    ...he,
+    type: "text",
+    placeholder: void 0,
+    maxLength: void 0,
+    autocomplete: void 0,
+    mono: !1,
+    prefix: void 0,
+    suffix: void 0,
+    width: "md",
+    suggestions: void 0,
+    suggestionsMinLength: 2,
+    suggestionsDebounce: 300,
+    suggestionsLimit: 8,
+    recents: void 0
+  }), {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ I(["picked"], ["update:modelValue"]),
+  setup(w, { expose: L, emit: o }) {
+    const t = w, c = se(w, "modelValue"), b = o, _ = P("input"), k = P("anchor"), f = !!de(), B = pe("text", () => t.error ? "error" : t.disabled ? "locked" : "rest"), h = x(() => f ? ue(t.width) : "w-full"), { t: v } = K(), a = (e) => typeof e == "string" ? { value: e, label: e } : { value: e.text, label: e.text, ...e.detail !== void 0 ? { description: e.detail } : {} }, g = x(() => {
+      const e = t.suggestions;
+      if (e)
+        return typeof e == "function" ? async (p, y) => (await e(p, y)).map(a) : e.map(a);
+    }), l = x(() => g.value !== void 0), u = ye({
+      source: () => g.value,
+      minLength: () => t.suggestionsMinLength,
+      debounce: () => t.suggestionsDebounce,
+      limit: () => t.suggestionsLimit,
+      listAllWhenEmpty: !1,
+      recents: () => t.recents
+    }), { items: C, open: S, status: A, highlighted: N, showingRecent: R } = u, T = ne(!0), D = () => {
+      const e = _.value;
+      T.value = !e || e.selectionStart === e.value.length && e.selectionEnd === e.value.length;
+    }, $ = x(() => l.value && S.value && !R.value && T.value && u.current.value ? be(c.value, u.current.value.label) : ""), W = x(() => O(S.value, C.value.length, A.value, !1));
+    function G(e) {
+      D(), l.value && u.ask(e.target.value);
+    }
+    function V(e) {
+      c.value = e.value, u.remember(e), u.close(), b("picked", { text: e.value, ...e.description !== void 0 ? { detail: e.description } : {} });
+    }
+    function U() {
+      l.value && c.value === "" && u.show("");
+    }
+    function j() {
+      const e = u.current.value;
+      return !$.value || !e ? !1 : (V(e), !0);
+    }
+    const J = (e) => {
+      l.value && u.keydown(e, { pick: V, enterNeedsMove: !0, complete: j });
+    };
+    return L({ focus: () => _.value?.focus() }), (e, p) => (n(), z(me, ae(s(fe)(t), {
+      value: c.value,
+      prefix: t.prefix,
+      suffix: t.suffix,
+      "value-style": t.mono ? "mono" : void 0
+    }), {
+      default: ie(({ id: y, describedby: Q, invalid: X }) => [
+        m("div", {
+          ref_key: "anchor",
+          ref: k,
+          class: q(["flex items-center gap-1.5", [s(B), h.value]])
+        }, [
+          t.prefix ? (n(), i("span", Fe, r(t.prefix), 1)) : d("", !0),
+          m("div", Pe, [
+            le(m("input", {
+              id: y,
+              ref_key: "input",
+              ref: _,
+              "onUpdate:modelValue": p[0] || (p[0] = (M) => c.value = M),
+              type: t.type,
+              name: t.name,
+              placeholder: t.placeholder,
+              maxlength: t.maxLength,
+              autocomplete: l.value ? "off" : t.autocomplete,
+              disabled: t.disabled,
+              required: t.required,
+              "aria-required": t.required || void 0,
+              "aria-invalid": X || void 0,
+              "aria-describedby": Q,
+              role: l.value ? "combobox" : void 0,
+              "aria-autocomplete": l.value ? "both" : void 0,
+              "aria-expanded": l.value ? W.value : void 0,
+              "aria-controls": l.value ? `${y}-list` : void 0,
+              "aria-activedescendant": l.value && W.value && s(C).length > 0 ? `${y}-option-${s(N)}` : void 0,
+              class: q(["block w-full min-w-0 border-0 bg-transparent px-0 py-1 text-body text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed", [t.mono ? "font-mono" : "", f && !l.value ? "compact:text-right" : ""]]),
+              onInput: G,
+              onKeyup: D,
+              onClick: D,
+              onKeydown: J,
+              onFocus: U,
+              onBlur: p[1] || (p[1] = (M) => s(u).close())
+            }, null, 42, ze), [
+              [re, c.value]
+            ]),
+            $.value ? (n(), i("span", {
+              key: 0,
+              "aria-hidden": "true",
+              class: q(["pointer-events-none absolute inset-0 flex items-center overflow-hidden whitespace-pre py-1 text-body", t.mono ? "font-mono" : ""]),
+              "data-test": "completion"
+            }, [
+              m("span", Ae, r(c.value), 1),
+              m("span", Ne, r($.value), 1)
+            ], 2)) : d("", !0)
+          ]),
+          t.suffix ? (n(), i("span", Re, r(t.suffix), 1)) : d("", !0)
+        ], 2),
+        l.value ? (n(), z(Ee, {
+          key: 0,
+          id: y,
+          anchor: k.value,
+          open: s(S),
+          items: s(C),
+          highlighted: s(N),
+          query: c.value,
+          status: s(A),
+          recent: s(R),
+          "empty-message": !1,
+          hint: $.value ? s(v)("core.form.suggestions.keys_complete") : s(v)("core.form.suggestions.keys_pick"),
+          onPick: V,
+          onHover: p[2] || (p[2] = (M) => s(u).highlight(M))
+        }, null, 8, ["id", "anchor", "open", "items", "highlighted", "query", "status", "recent", "hint"])) : d("", !0)
+      ]),
+      _: 1
+    }, 16, ["value", "prefix", "suffix", "value-style"]));
+  }
+});
+export {
+  Ue as _,
+  Ee as a
+};