@wssto2/vue-core 0.4.15 → 0.4.16

package/dist/{SelectField.vue_vue_type_script_setup_true_lang-DedKLLQK.js → SelectField.vue_vue_type_script_setup_true_lang-C1Flb1hA.js}

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

package/dist/{SessionList.vue_vue_type_script_setup_true_lang-CirlMdHb.js → SessionList.vue_vue_type_script_setup_true_lang-DoUo68xE.js}

@@ -3,8 +3,8 @@ import { useI18n as $ } from "vue-i18n";
 import { _ as C } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
 import { _ as B } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.js";
 import { u as E } from "./format-B8mJm946.js";
-import { _ as N } from "./FormGroup.vue_vue_type_script_setup_true_lang-noYI9QMk.js";
-import { e as f } from "./control-CX9BG2UB.js";
+import { _ as N } from "./FormGroup.vue_vue_type_script_setup_true_lang-BokxZ7LU.js";
+import { e as f } from "./control-B_Nwtmag.js";
 import { _ as y } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
 const V = { class: "flex flex-wrap items-center gap-x-1.5 gap-y-0.5" }, L = {
   key: 0,

package/dist/{Sessions-BTyXDEuY.js → Sessions-D8IXcb5M.js}

@@ -2,14 +2,14 @@ import { defineComponent as x, useTemplateRef as v, computed as w, ref as $, ope
 import { useI18n as N } from "vue-i18n";
 import { _ as q } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
 import { u as A } from "./describeError-B-NMa--w.js";
-import { P as D, b as L, e as O, i as g, d as T } from "./index-DwdVrW6q.js";
+import { P as D, b as L, e as O, i as g, d as T } from "./index-Bq96L43f.js";
 import { _ as k } from "./AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
 import { t as b } from "./toast-CqSDTWRX.js";
 import { u as V } from "./platform-q3cjODLx.js";
 import { b as I } from "./routeResource-DlTsGTg_.js";
 import { _ as j } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
 import { _ as z } from "./SectionIntro.vue_vue_type_script_setup_true_lang-CZtPrmXD.js";
-import { _ as F } from "./SessionList.vue_vue_type_script_setup_true_lang-CirlMdHb.js";
+import { _ as F } from "./SessionList.vue_vue_type_script_setup_true_lang-DoUo68xE.js";
 const G = {
   class: "flex min-w-0 flex-col gap-group-gap",
   "data-person-sessions": ""

package/dist/{SettingsPage-DHTmMgif.js → SettingsPage-DRQP2nrH.js}

@@ -6,16 +6,16 @@ import { t as T } from "./toast-CqSDTWRX.js";
 import { u as N } from "./fieldMessages-DV6sESpn.js";
 import { _ as A } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
 import { _ as O } from "./Panel.vue_vue_type_script_setup_true_lang-BA0u_DtS.js";
-import { _ as R } from "./FormGroup.vue_vue_type_script_setup_true_lang-noYI9QMk.js";
-import { e as G } from "./control-CX9BG2UB.js";
-import { _ as Z } from "./SwitchField.vue_vue_type_script_setup_true_lang-B2Z2hy_h.js";
+import { _ as R } from "./FormGroup.vue_vue_type_script_setup_true_lang-BokxZ7LU.js";
+import { e as G } from "./control-B_Nwtmag.js";
+import { _ as Z } from "./SwitchField.vue_vue_type_script_setup_true_lang-0weBvsJf.js";
 import { _ as J } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 import { u as K } from "./FormErrors.vue_vue_type_script_setup_true_lang-DWcVKZM3.js";
-import { _ as W } from "./FormView.vue_vue_type_script_setup_true_lang-BcIbTMHN.js";
-import { _ as E } from "./TimeField.vue_vue_type_script_setup_true_lang-Dr0h-V_8.js";
+import { _ as W } from "./FormView.vue_vue_type_script_setup_true_lang-Dz5TZt92.js";
+import { _ as E } from "./TimeField.vue_vue_type_script_setup_true_lang-pAdLPYXA.js";
 import { a as k, n as X } from "./useTypedEntry-aTfPBAhw.js";
 import { _ as Y } from "./PanelActions.vue_vue_type_script_setup_true_lang-E9VdIGkf.js";
-import { n as q } from "./index-BCw_Ki6z.js";
+import { n as q } from "./index-CWeNiBX6.js";
 import { u as ee } from "./platform-q3cjODLx.js";
 import { u as te } from "./useLoad-M7V-AVwR.js";
 function ne() {