@wssto2/vue-core 0.4.3 → 0.4.5

package/dist/SelectField.vue_vue_type_script_setup_true_lang-BJoAkBo2.js

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

package/dist/{SessionList.vue_vue_type_script_setup_true_lang-D5KRitar.js → SessionList.vue_vue_type_script_setup_true_lang-D4k5QeWS.js}

@@ -1,7 +1,7 @@
 import { defineComponent as g, openBlock as n, createBlock as i, unref as t, withCtx as a, createCommentVNode as r, createElementBlock as d, Fragment as x, renderList as v, createSlots as w, createElementVNode as l, toDisplayString as s, createTextVNode as m, createVNode as u } from "vue";
 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-BpIjgu5E.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";

package/dist/{Sessions-_35nYhoR.js → Sessions-BZnBtu7h.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-Ctga6GcS.js";
-import { P as D, b as L, e as O, i as g, d as T } from "./index-B1jflSA6.js";
+import { P as D, b as L, e as O, i as g, d as T } from "./index-BVX0nmMv.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 { _ 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-D5KRitar.js";
+import { _ as F } from "./SessionList.vue_vue_type_script_setup_true_lang-D4k5QeWS.js";
 const G = {
   class: "flex min-w-0 flex-col gap-group-gap",
   "data-person-sessions": ""

package/dist/{SettingsPage-CDESMl3M.js → SettingsPage-BmRCB75J.js}

@@ -1,7 +1,7 @@
 import { defineComponent as w, openBlock as u, createBlock as b, unref as e, withCtx as p, createElementBlock as g, toDisplayString as y, Fragment as $, renderList as Q, createElementVNode as P, createVNode as d, createTextVNode as U, createCommentVNode as S, computed as V, mergeProps as h, ref as D } from "vue";
 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-bxYKlHB7.js";
+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 { _ as A } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
@@ -15,7 +15,7 @@ import { _ as W } from "./FormView.vue_vue_type_script_setup_true_lang-cr0xNDXP.
 import { _ as E } from "./TimeField.vue_vue_type_script_setup_true_lang-DWfAUlnz.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-ClU_gPzK.js";
+import { n as q } from "./index-BHt1dLX2.js";
 import { u as ee } from "./platform-q3cjODLx.js";
 import { u as te } from "./useLoad-CYRVx6HW.js";
 function ne() {

package/dist/{SignIn-CkXwxorT.js → SignIn-D-n9cfMH.js}

@@ -1,12 +1,12 @@
 import { defineComponent as P, computed as f, ref as I, openBlock as m, createElementBlock as N, createVNode as n, unref as e, withCtx as r, createSlots as R, createBlock as _, createTextVNode as k, toDisplayString as v, createCommentVNode as d } from "vue";
 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-BpIjgu5E.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-B1jflSA6.js";
+import { c as q, P as z, b as F, _ as L, i as O, d as T } from "./index-BVX0nmMv.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";

package/dist/{SignInPage-BdwfKB31.js → SignInPage-BzIP6sPa.js}

@@ -6,7 +6,7 @@ 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 { r as $ } from "./guards-Dve61KjR.js";
-import { u as C, a as E } from "./index-B1jflSA6.js";
+import { u as C, a as E } from "./index-BVX0nmMv.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/{SignInTable.vue_vue_type_script_setup_true_lang-CifEaH7c.js → SignInTable.vue_vue_type_script_setup_true_lang-ALAuc0sI.js}

@@ -1,6 +1,6 @@
 import { defineComponent as _, computed as p, openBlock as y, createElementBlock as g, createVNode as l, unref as i, withCtx as s, createElementVNode as a, toDisplayString as r, createTextVNode as h } from "vue";
 import { useI18n as b } from "vue-i18n";
-import { _ as f } from "./DataTable.vue_vue_type_script_setup_true_lang-DBtMgcW6.js";
+import { _ as f } from "./DataTable.vue_vue_type_script_setup_true_lang-KPm5NrDE.js";
 import { _ as v } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
 const w = {
   signed_in: { tone: "positive", byOther: !1 },

package/dist/{SignIns-Dvdid5QB.js → SignIns-dFIzemgy.js}

@@ -1,13 +1,13 @@
 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-B1jflSA6.js";
+import { P as S, i as b } from "./index-BVX0nmMv.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-CifEaH7c.js";
+import { _ as P } from "./SignInTable.vue_vue_type_script_setup_true_lang-ALAuc0sI.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",

package/dist/ToneDot.vue_vue_type_script_setup_true_lang-99rNn-L5.js

@@ -0,0 +1,24 @@
+import { defineComponent as o, openBlock as s, createElementBlock as a, normalizeClass as c } from "vue";
+const r = ["data-tone"], p = /* @__PURE__ */ o({
+  __name: "ToneDot",
+  props: {
+    tone: {}
+  },
+  setup(n) {
+    const t = n, e = {
+      neutral: "bg-status-neutral-content",
+      info: "bg-status-info-content",
+      positive: "bg-status-success-content",
+      warning: "bg-status-warning-content",
+      critical: "bg-status-danger-content"
+    };
+    return (i, l) => (s(), a("span", {
+      "aria-hidden": "true",
+      "data-tone": t.tone,
+      class: c(["inline-block size-2 shrink-0 rounded-full", e[t.tone]])
+    }, null, 10, r));
+  }
+});
+export {
+  p as _
+};

package/dist/{UserRecord-CM0JQQGT.js → UserRecord-DoOu1hWB.js}

@@ -3,22 +3,22 @@ import { useI18n as A } from "vue-i18n";
 import { u as F } from "./neighbors-DpaIMQAL.js";
 import { _ as H } from "./Avatar.vue_vue_type_script_setup_true_lang-CFIheaSr.js";
 import { u as J } from "./describeError-Ctga6GcS.js";
-import { i as w, P as Q, p as W, f as X, M as Y, g as Z, d as ee } from "./index-B1jflSA6.js";
+import { i as w, P as Q, p as W, f as X, M as Y, g as Z, d as ee } from "./index-BVX0nmMv.js";
 import { _ as se } from "./AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
 import { t as k } from "./toast-CqSDTWRX.js";
-import { _ as ae } from "./SectionNavigator.vue_vue_type_script_setup_true_lang-BGc8A9AQ.js";
+import { _ as ae } from "./SectionNavigator.vue_vue_type_script_setup_true_lang-ROl9_pdO.js";
 import { u as E } from "./platform-q3cjODLx.js";
 import { a as te } from "./routeResource-DstM0hvf.js";
-import { a as oe } from "./ResourcePage.vue_vue_type_script_setup_true_lang-C_tQTUyN.js";
+import { a as oe } from "./ResourcePage.vue_vue_type_script_setup_true_lang-gJGEfLzX.js";
 import { A as re } from "./access-DmAceEo5.js";
 import { _ as ne } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
 import { u as ie } from "./useLoad-CYRVx6HW.js";
-import { _ as V } from "./IconTile.vue_vue_type_script_setup_true_lang-BpIjgu5E.js";
+import { _ as V } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.js";
 import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-DG2zdG_a.js";
 import { e as B } from "./control-7EP4tjYy.js";
 import { u as z, _ as K } from "./useCommand-BkONMn3X.js";
 import { u as U } from "./fieldMessages-C3Rpbktw.js";
-import { u as ce, s as le } from "./status-D2Fmu3YH.js";
+import { u as ce, s as le } from "./status-D3cLPSCh.js";
 import { _ as M } from "./TextField.vue_vue_type_script_setup_true_lang-B9dwVASU.js";
 const ue = /* @__PURE__ */ R({
   __name: "DeactivateDialog",

package/dist/{UsersList-CR3RpQ4-.js → UsersList-CYBGEOqE.js}

@@ -1,17 +1,17 @@
 import { defineComponent as U, openBlock as p, createBlock as C, unref as e, withCtx as c, createVNode as r, mergeProps as i, useTemplateRef as V, computed as q, createTextVNode as z, toDisplayString as $, createCommentVNode as A, createElementBlock as S, normalizeClass as N } from "vue";
 import { useI18n as B } from "vue-i18n";
 import { useRouter as M } from "vue-router";
-import { u as P, _ as D } from "./CollectionPage.vue_vue_type_script_setup_true_lang-B-TJDr4d.js";
+import { u as P, _ as D } from "./CollectionPage.vue_vue_type_script_setup_true_lang-BuAdhiy_.js";
 import { _ as I } from "./Avatar.vue_vue_type_script_setup_true_lang-CFIheaSr.js";
 import { u as F } from "./format-B8mJm946.js";
 import { u as L } from "./platform-q3cjODLx.js";
 import { _ as G } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { i as K, f as E, M as W } from "./index-B1jflSA6.js";
-import { U as j, u as H, s as J } from "./status-D2Fmu3YH.js";
+import { i as K, f as E, M as W } from "./index-BVX0nmMv.js";
+import { U as j, u as H, s as J } from "./status-D3cLPSCh.js";
 import { u as O } from "./environment-Dva-SG8D.js";
 import { u as Q } from "./languages-BShG9LpE.js";
 import { _ as X } from "./FormGroup.vue_vue_type_script_setup_true_lang-DG2zdG_a.js";
-import { _ as Y } from "./SelectField.vue_vue_type_script_setup_true_lang-7O1BAx04.js";
+import { _ as Y } from "./SelectField.vue_vue_type_script_setup_true_lang-BJoAkBo2.js";
 import { _ as d } from "./TextField.vue_vue_type_script_setup_true_lang-B9dwVASU.js";
 import { u as Z, _ as ee } from "./useCommand-BkONMn3X.js";
 import { t as se } from "./toast-CqSDTWRX.js";

package/dist/access/index.js

@@ -1,4 +1,4 @@
-import { _ as a, i as c, j as o, c as r, b as n, k as i, l as u, p as l, m as p, n as t, u as d, f as m } from "../index-DVp6cwfN.js";
+import { _ as a, i as c, j as o, c as r, b as n, k as i, l as u, p as l, m as p, n as t, u as d, f as m } from "../index-CixCeO47.js";
 export {
   a as BindingRow,
   c as PersonAccess,

package/dist/collection/CollectionCell.vue.d.ts

@@ -9,6 +9,8 @@ declare const _default: <Row extends object>(__VLS_props: NonNullable<Awaited<ty
         to: RouteLocationRaw | null;
         /** The list's search text: marked in an identity's title. */
         search?: string | null;
+        /** An identity's lines as cells of the parent grid (the phone row's first line has something beside the title). */
+        spread?: boolean;
     } & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;

package/dist/collection/RecordIdentity.vue.d.ts

@@ -6,6 +6,9 @@ import type { RouteLocationRaw } from "vue-router";
  *
  *   <RecordIdentity :to="recordRoute" :title="name" :subtitle="email" subtitle-selectable />
  *
+ * `spread` (the phone row) lets the two lines be cells of the grid they sit in: the title in the first column of the first
+ * row, the subtitle across the full width of the second, so something beside the title (a status) never narrows the subtitle.
+ *
  * `highlight` (the list's search text) marks where it matches the title, in `<mark>`: what found the row is visible.
  */
 type __VLS_Props = {
@@ -17,11 +20,14 @@ type __VLS_Props = {
     subtitleSelectable?: boolean;
     /** The search text to mark in the title (its words, any case). */
     highlight?: string | null;
+    /** Lays the lines out as cells of the parent grid (see above) instead of a column of its own. */
+    spread?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     to: RouteLocationRaw | null;
     subtitle: string | null;
     subtitleSelectable: boolean;
     highlight: string | null;
+    spread: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;