@wssto2/vue-core 0.4.13 → 0.4.15

package/dist/{RolePage-CQc_wV3b.js → RolePage-B8oul55j.js}

@@ -2,22 +2,22 @@ import { defineComponent as I, computed as z, openBlock as l, createBlock as b,
 import { useI18n as K } from "vue-i18n";
 import { useRouter as X } from "vue-router";
 import { _ as Y } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.js";
-import { _ as C } from "./FormGroup.vue_vue_type_script_setup_true_lang-DG2zdG_a.js";
-import { e as F } from "./control-7EP4tjYy.js";
-import { u as Z } from "./describeError-Ctga6GcS.js";
+import { _ as C } from "./FormGroup.vue_vue_type_script_setup_true_lang-noYI9QMk.js";
+import { e as F } from "./control-CX9BG2UB.js";
+import { u as Z } from "./describeError-B-NMa--w.js";
 import { _ as ee } from "./AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
 import { t as q } from "./toast-CqSDTWRX.js";
 import { _ as oe } from "./RecordHeader.vue_vue_type_script_setup_true_lang-D87Hs75d.js";
 import { u as te } from "./platform-q3cjODLx.js";
-import { a as ae, u as le } from "./routeResource-DstM0hvf.js";
+import { a as ae, u as le } from "./routeResource-DlTsGTg_.js";
 import { a as se } from "./ResourcePage.vue_vue_type_script_setup_true_lang-Da0M-hen.js";
 import { _ as re } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
 import { _ as H } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { u as O, a as U, f as ce, d as ne, b as M, c as T } from "./index-BesWsiIg.js";
-import { _ as J } from "./SelectField.vue_vue_type_script_setup_true_lang-BJoAkBo2.js";
-import { u as ie, _ as ue } from "./useCommand-BkONMn3X.js";
+import { u as O, a as U, f as ce, d as ne, b as M, c as T } from "./index-Chh4z9xW.js";
+import { _ as J } from "./SelectField.vue_vue_type_script_setup_true_lang-DedKLLQK.js";
+import { u as ie, _ as ue } from "./useCommand-B-N6HJOz.js";
 import { _ as me } from "./Modal.vue_vue_type_script_setup_true_lang-DpBb8ans.js";
-import { _ as pe } from "./RoleEditor.vue_vue_type_script_setup_true_lang-CDZjkiU5.js";
+import { _ as pe } from "./RoleEditor.vue_vue_type_script_setup_true_lang-fvAf3rQm.js";
 const de = { "data-test": "role-replace" }, fe = /* @__PURE__ */ I({
   __name: "ReplaceRoleDialog",
   props: {

package/dist/{RolesPage-CG7InZ_u.js → RolesPage-DsXVivdj.js}

@@ -3,15 +3,15 @@ import { useI18n as A } from "vue-i18n";
 import { useRouter as F } from "vue-router";
 import { _ as S } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.js";
 import { _ as E } from "./Tabs.vue_vue_type_script_setup_true_lang-CcMcE38r.js";
-import { _ as U } from "./FormGroup.vue_vue_type_script_setup_true_lang-DG2zdG_a.js";
-import { e as j } from "./control-7EP4tjYy.js";
-import { _ as D } from "./TextField.vue_vue_type_script_setup_true_lang-B9dwVASU.js";
+import { _ as U } from "./FormGroup.vue_vue_type_script_setup_true_lang-noYI9QMk.js";
+import { e as j } from "./control-CX9BG2UB.js";
+import { _ as D } from "./TextField.vue_vue_type_script_setup_true_lang-nqnGG7Zc.js";
 import { a as I } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-B7qSUiee.js";
 import { u as K } from "./platform-q3cjODLx.js";
 import { _ as T } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
 import { _ as q } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { u as z } from "./useLoad-CYRVx6HW.js";
-import { u as G, a as H, b as J, c as x } from "./index-BesWsiIg.js";
+import { u as z } from "./useLoad-M7V-AVwR.js";
+import { u as G, a as H, b as J, c as x } from "./index-Chh4z9xW.js";
 const M = {
   class: "flex min-w-0 flex-col gap-group-gap",
   "data-test": "roles-index"

package/dist/{SegmentedField.vue_vue_type_script_setup_true_lang-BMqWlpsL.js → SegmentedField.vue_vue_type_script_setup_true_lang-B2d55hrh.js}

@@ -1,9 +1,10 @@
-import { defineComponent as x, openBlock as l, createBlock as y, mergeProps as g, unref as s, withCtx as w, createElementVNode as _, normalizeClass as o, createElementBlock as a, Fragment as V, renderList as k, createTextVNode as h, toDisplayString as r, createCommentVNode as B, mergeDefaults as C } from "vue";
-import { u as L, a as F, _ as D, f as N, b as E } from "./control-7EP4tjYy.js";
+import { defineComponent as x, openBlock as l, createBlock as y, mergeProps as g, unref as s, withCtx as w, createElementVNode as _, normalizeClass as o, createElementBlock as a, Fragment as V, renderList as k, createTextVNode as h, toDisplayString as i, createCommentVNode as B, mergeDefaults as C } from "vue";
+import { u as L, a as F, _ as D, f as N, b as E } from "./control-CX9BG2UB.js";
 const P = ["id", "aria-label", "aria-describedby", "aria-invalid"], R = ["disabled", "aria-pressed", "onClick"], G = /* @__PURE__ */ x({
   __name: "SegmentedField",
   props: /* @__PURE__ */ C({
     label: {},
+    labelHidden: { type: Boolean },
     hint: {},
     error: {},
     required: { type: Boolean },
@@ -17,8 +18,8 @@ const P = ["id", "aria-label", "aria-describedby", "aria-invalid"], R = ["disabl
     rowLayout: {}
   }, { ...E, modelValue: null, rowLayout: "setting" }),
   emits: ["update:modelValue"],
-  setup(i, { emit: d }) {
-    const e = i, u = d, { editable: c } = L(e), m = !!F(), f = () => e.options.find((n) => n.value === e.modelValue)?.label ?? null;
+  setup(r, { emit: d }) {
+    const e = r, u = d, { editable: c } = L(e), m = !!F(), f = () => e.options.find((n) => n.value === e.modelValue)?.label ?? null;
     return (n, S) => (l(), y(D, g(s(N)(e), {
       value: f(),
       "row-layout": e.rowLayout
@@ -41,11 +42,11 @@ const P = ["id", "aria-label", "aria-describedby", "aria-invalid"], R = ["disabl
             class: o(["relative min-h-7 min-w-fit flex-1 whitespace-nowrap rounded-control px-3.5 py-1 text-sm transition-colors duration-motion-fast ease-motion-standard focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus", t.value === e.modelValue ? "bg-segment-selected font-semibold text-content-strong shadow-sm" : "cursor-pointer font-medium text-content hover:text-content-strong"]),
             onClick: ($) => u("update:modelValue", t.value)
           }, [
-            h(r(t.label) + " ", 1),
+            h(i(t.label) + " ", 1),
             t.count !== void 0 ? (l(), a("span", {
               key: 0,
               class: o(["ml-1.5 rounded-full px-1.5 text-caption font-semibold tabular-nums", t.value === e.modelValue ? "bg-tint-soft text-content-link" : "bg-fill-strong text-content-muted"])
-            }, r(t.count), 3)) : B("", !0)
+            }, i(t.count), 3)) : B("", !0)
           ], 10, R))), 128))
         ], 10, P)
       ]),

package/dist/SelectField.vue_vue_type_script_setup_true_lang-DedKLLQK.js

@@ -0,0 +1,443 @@
+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 = {
+  key: 0,
+  role: "presentation"
+}, ge = ["aria-selected"], he = { class: "flex-1 py-2" }, ye = {
+  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 = {
+  key: 2,
+  role: "presentation",
+  class: "flex flex-col items-start gap-1 px-row-inset py-3",
+  "data-test": "options-failed"
+}, _e = {
+  role: "alert",
+  class: "text-subheadline text-content-destructive"
+}, we = ["id"], $e = ["aria-labelledby"], Ce = ["aria-selected"], Se = ["disabled", "onClick"], Ve = {
+  key: 0,
+  "aria-hidden": "true",
+  class: "flex shrink-0 items-center"
+}, Le = { class: "min-w-0 flex-1 text-content-strong" }, De = {
+  key: 1,
+  class: "shrink-0 text-footnote text-content-muted"
+}, qe = {
+  key: 3,
+  class: "px-4 py-6 text-center text-subheadline text-content-muted"
+}, I = /* @__PURE__ */ M({
+  __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(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);
+    function w(p) {
+      if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(p.key)) return;
+      const t = [...x.value?.querySelectorAll("[data-option]:not([disabled])") ?? []];
+      if (t.length === 0) return;
+      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 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", {
+      ref_key: "root",
+      ref: x,
+      "data-test": "option-list",
+      onKeydown: w
+    }, [
+      n.value ? (l(), 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), {
+            name: "search",
+            size: 16,
+            class: "shrink-0"
+          }),
+          J(r("input", {
+            "onUpdate:modelValue": s[0] || (s[0] = (t) => a.value = t),
+            "data-option-search": "",
+            type: "search",
+            enterkeyhint: "search",
+            autocomplete: "off",
+            autocapitalize: "off",
+            spellcheck: "false",
+            "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]
+          ])
+        ])
+      ], 2)) : v("", !0),
+      r("ul", {
+        class: b(["flex flex-col", k.value ? "gap-group-gap" : "gap-2"]),
+        role: "listbox",
+        "aria-multiselectable": e.multiple || void 0,
+        "aria-busy": O.value || void 0
+      }, [
+        e.noneLabel && a.value === "" ? (l(), f("li", be, [
+          r("ul", {
+            role: "group",
+            class: b(k.value ? "rounded-group bg-surface-cell shadow-group" : "")
+          }, [
+            r("li", {
+              role: "option",
+              "aria-selected": u.value
+            }, [
+              r("button", {
+                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))
+              }, [
+                r("span", he, $(e.noneLabel), 1),
+                u.value ? (l(), S(o(q), {
+                  key: 0,
+                  name: "checkCustom",
+                  size: 18,
+                  class: "shrink-0 text-content-link"
+                })) : v("", !0)
+              ], 2)
+            ], 8, ge)
+          ], 2)
+        ])) : v("", !0),
+        O.value ? (l(), f("li", ye, [
+          D(o(q), {
+            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("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"))
+          }, $(o(m)("core.actions.retry")), 1)
+        ])) : v("", !0),
+        (l(!0), f(P, null, R(C.value, (t, _) => (l(), f("li", {
+          key: t.title ?? _,
+          role: "presentation"
+        }, [
+          t.title ? (l(), 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),
+          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", {
+              key: String(d.value),
+              role: "option",
+              "aria-selected": V(d),
+              class: "group/option"
+            }, [
+              r("button", {
+                type: "button",
+                "data-option": "",
+                "data-test": "option",
+                disabled: d.disabled,
+                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, [
+                  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"])
+                  }, [
+                    V(d) ? (l(), S(o(q), {
+                      key: 0,
+                      name: "checkCustom",
+                      size: 12
+                    })) : v("", !0)
+                  ], 2)
+                ])) : v("", !0),
+                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, {
+                    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), {
+                    key: 2,
+                    name: "checkCustom",
+                    size: 18,
+                    class: "shrink-0 text-content-link"
+                  })) : v("", !0)
+                ], 2)
+              ], 10, Se)
+            ], 8, Ce))), 128))
+          ], 10, $e)
+        ]))), 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)
+    ], 544));
+  }
+});
+function Ke(i) {
+  const h = pe(), e = i.for !== void 0;
+  let y = 0;
+  function m() {
+    const a = i.for?.();
+    if (e && a == null) {
+      h.cancel(), h.items.value = [], h.status.value = "idle";
+      return;
+    }
+    h.run(
+      (c) => e ? i.load(a, { signal: c }) : i.load({ signal: c })
+    );
+  }
+  return T(
+    () => i.for?.(),
+    (a, c) => {
+      c != null && y++, m();
+    },
+    { immediate: !0 }
+  ), X(h.cancel), {
+    get status() {
+      return h.status.value;
+    },
+    get options() {
+      return h.items.value;
+    },
+    get generation() {
+      return y;
+    },
+    reload: m
+  };
+}
+const A = (i) => Array.isArray(i), ze = [];
+function Ae(i, h) {
+  const e = g(() => {
+    const n = i();
+    return A(n) ? n : n.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();
+  let x = A(c) ? 0 : c.generation;
+  return T(
+    () => {
+      const n = i();
+      return A(n) ? null : n.status === "loaded" || n.status === "idle" ? n.options : null;
+    },
+    (n) => {
+      const C = i();
+      n === null || A(C) || C.generation === x || (x = C.generation, h(n));
+    }
+  ), { known: e, rows: m, status: y, loading: a, reload: () => {
+    const n = i();
+    A(n) || n.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({
+  __name: "SelectField",
+  props: /* @__PURE__ */ ee({
+    label: {},
+    labelHidden: { type: Boolean },
+    hint: {},
+    error: {},
+    required: { type: Boolean },
+    editable: { type: Boolean },
+    disabled: { type: Boolean },
+    lockedReason: {},
+    presentation: {},
+    name: {},
+    options: {},
+    selected: {},
+    placeholder: {},
+    clearable: {},
+    modelValue: {},
+    searchFrom: {}
+  }, { ...ue, 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({
+      get: () => m.value,
+      set: (s) => {
+        m.value = s, y("update:modelValue", s);
+      }
+    }), { 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();
+    }
+    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" : "",
+      e.disabled ? "cursor-not-allowed" : "cursor-pointer"
+    ]);
+    return (s, t) => (l(), S(re, H(o(ie)(e), {
+      value: w.value?.label ?? null
+    }), {
+      default: z(({ id: _, describedby: d, invalid: E }) => [
+        r("div", {
+          class: b(["inline-flex max-w-full min-w-0", o(O)])
+        }, [
+          o(x) ? (l(), f("button", {
+            key: 0,
+            id: _,
+            type: "button",
+            disabled: e.disabled,
+            "aria-haspopup": "dialog",
+            "aria-expanded": V.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())
+          }, [
+            w.value?.dot ? (l(), S(N, {
+              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"])
+            }, $(w.value?.label ?? k.value), 3),
+            D(o(q), {
+              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, {
+            key: 1,
+            label: e.label ?? k.value,
+            width: "md",
+            "match-trigger-width": "",
+            placement: "bottom-start",
+            arrow: !1
+          }, {
+            trigger: z(({ toggle: L, attrs: B }) => [
+              r("button", H({
+                id: _,
+                type: "button"
+              }, B, {
+                "aria-haspopup": "listbox",
+                disabled: e.disabled,
+                "aria-required": e.required || void 0,
+                "aria-invalid": E || void 0,
+                "aria-describedby": d,
+                "aria-busy": o(u).loading.value || void 0,
+                class: p.value,
+                onClick: L
+              }), [
+                w.value?.dot ? (l(), S(N, {
+                  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), {
+                  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 }) => [
+              r("div", Be, [
+                D(I, {
+                  options: o(u).rows.value,
+                  status: o(u).status.value,
+                  "model-value": a.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();
+                  },
+                  onRetry: t[1] || (t[1] = (B) => o(u).reload())
+                }, null, 8, ["options", "status", "model-value", "search-from", "none-label", "onSelect"])
+              ])
+            ]),
+            _: 2
+          }, 1032, ["label"]))
+        ], 2),
+        o(x) ? (l(), S(le, {
+          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, {
+              options: o(u).rows.value,
+              status: o(u).status.value,
+              "model-value": a.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())
+            }, null, 8, ["options", "status", "model-value", "search-from", "none-label"])
+          ]),
+          _: 2
+        }, [
+          e.clearable && a.value !== null ? {
+            name: "footer",
+            fn: z(() => [
+              D(te, {
+                prominence: "plain",
+                onClick: t[3] || (t[3] = (L) => F(null))
+              }, {
+                default: z(() => [
+                  Z($(o(c)("core.form.select.clear")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["title"])) : v("", !0)
+      ]),
+      _: 1
+    }, 16, ["value"]));
+  }
+});
+export {
+  We as _,
+  I as a,
+  Ke as b,
+  Ae as u
+};

package/dist/{SessionList.vue_vue_type_script_setup_true_lang-D4k5QeWS.js → SessionList.vue_vue_type_script_setup_true_lang-CirlMdHb.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-DG2zdG_a.js";
-import { e as f } from "./control-7EP4tjYy.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 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-_w3Tnevz.js → Sessions-BTyXDEuY.js}

@@ -1,15 +1,15 @@
 import { defineComponent as x, useTemplateRef as v, computed as w, ref as $, openBlock as E, createElementBlock as P, createVNode as t, unref as e, createSlots as h, withCtx as u, createTextVNode as B, toDisplayString as C } from "vue";
 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-Ctga6GcS.js";
-import { P as D, b as L, e as O, i as g, d as T } from "./index-BEDhdJQE.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 { _ 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-DstM0hvf.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-D4k5QeWS.js";
+import { _ as F } from "./SessionList.vue_vue_type_script_setup_true_lang-CirlMdHb.js";
 const G = {
   class: "flex min-w-0 flex-col gap-group-gap",
   "data-person-sessions": ""

package/dist/{SettingsPage-BNdeH-_0.js → SettingsPage-DHTmMgif.js}

@@ -3,21 +3,21 @@ import { useI18n as v } from "vue-i18n";
 import { useRouter as I } from "vue-router";
 import { a as j } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-B7qSUiee.js";
 import { t as T } from "./toast-CqSDTWRX.js";
-import { u as N } from "./fieldMessages-C3Rpbktw.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-DG2zdG_a.js";
-import { e as G } from "./control-7EP4tjYy.js";
-import { _ as Z } from "./SwitchField.vue_vue_type_script_setup_true_lang-CM8yp9JQ.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 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-BQb7wLT0.js";
-import { _ as W } from "./FormView.vue_vue_type_script_setup_true_lang-cr0xNDXP.js";
-import { _ as E } from "./TimeField.vue_vue_type_script_setup_true_lang-DWfAUlnz.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 { 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-Cz4LtYKa.js";
+import { n as q } from "./index-BCw_Ki6z.js";
 import { u as ee } from "./platform-q3cjODLx.js";
-import { u as te } from "./useLoad-CYRVx6HW.js";
+import { u as te } from "./useLoad-M7V-AVwR.js";
 function ne() {
   const { t: s, te: t } = v();
   return (n) => {

package/dist/{SignIn-DIjshMpl.js → SignIn-DU4DE2wj.js}

@@ -3,15 +3,15 @@ import { useI18n as A } from "vue-i18n";
 import { _ as B } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
 import { _ as V } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.js";
 import { u as D } from "./format-B8mJm946.js";
-import { _ as p } from "./FormGroup.vue_vue_type_script_setup_true_lang-DG2zdG_a.js";
-import { e as b } from "./control-7EP4tjYy.js";
-import { u as U } from "./describeError-Ctga6GcS.js";
-import { c as q, P as z, b as F, _ as L, i as O, d as T } from "./index-BEDhdJQE.js";
+import { _ as p } from "./FormGroup.vue_vue_type_script_setup_true_lang-noYI9QMk.js";
+import { e as b } from "./control-CX9BG2UB.js";
+import { u as U } from "./describeError-B-NMa--w.js";
+import { c as q, P as z, b as F, _ as L, i as O, d as T } from "./index-DwdVrW6q.js";
 import { t as h } from "./toast-CqSDTWRX.js";
 import { u as j, h as G } from "./platform-q3cjODLx.js";
-import { b as H } from "./routeResource-DstM0hvf.js";
+import { b as H } from "./routeResource-DlTsGTg_.js";
 import { _ as J } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { _ as K } from "./ActionRow.vue_vue_type_script_setup_true_lang-LlfIPWsJ.js";
+import { _ as K } from "./ActionRow.vue_vue_type_script_setup_true_lang-CkvS5W6K.js";
 import { _ as M } from "./SectionIntro.vue_vue_type_script_setup_true_lang-CZtPrmXD.js";
 const Q = {
   key: 0,

package/dist/{SignInPage-C3-LHjo2.js → SignInPage-BA22kyOp.js}

@@ -3,10 +3,10 @@ import { useI18n as x } from "vue-i18n";
 import { useRoute as y, useRouter as h } from "vue-router";
 import { _ as I } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
 import { _ as N } from "./Panel.vue_vue_type_script_setup_true_lang-BA0u_DtS.js";
-import { _ as S } from "./FormView.vue_vue_type_script_setup_true_lang-cr0xNDXP.js";
-import { _ as a } from "./TextField.vue_vue_type_script_setup_true_lang-B9dwVASU.js";
+import { _ as S } from "./FormView.vue_vue_type_script_setup_true_lang-BcIbTMHN.js";
+import { _ as a } from "./TextField.vue_vue_type_script_setup_true_lang-nqnGG7Zc.js";
 import { r as $ } from "./guards-Dve61KjR.js";
-import { u as C, a as E } from "./index-BEDhdJQE.js";
+import { u as C, a as E } from "./index-DwdVrW6q.js";
 const V = { class: "flex flex-1 flex-col items-center justify-center gap-8" }, k = { class: "text-xl font-semibold text-content-strong" }, H = /* @__PURE__ */ d({
   __name: "SignInPage",
   setup(q) {

package/dist/{SignIns-DNdLctGJ.js → SignIns-C8QAZBaL.js}

@@ -1,10 +1,10 @@
 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-BEDhdJQE.js";
+import { P as S, i as b } from "./index-DwdVrW6q.js";
 import { u as k } from "./platform-q3cjODLx.js";
-import { b as I } from "./routeResource-DstM0hvf.js";
+import { b as I } from "./routeResource-DlTsGTg_.js";
 import { _ as R } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
-import { u as C } from "./useLoad-CYRVx6HW.js";
+import { u as C } from "./useLoad-M7V-AVwR.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-CIv34nRn.js";