@wssto2/vue-core 0.18.0 → 0.20.0

package/dist/Sheet.vue_vue_type_script_setup_true_lang-C1jpmLYN.js

@@ -0,0 +1,163 @@
+import { defineComponent as W, computed as S, ref as h, useId as Z, watch as F, openBlock as s, createBlock as C, Teleport as L, createElementBlock as i, unref as e, normalizeClass as k, Transition as E, withCtx as z, normalizeStyle as D, createCommentVNode as n, createVNode as I, createElementVNode as d, mergeProps as B, renderSlot as y, toDisplayString as Q, nextTick as q } from "vue";
+import { useI18n as G } from "vue-i18n";
+import { _ as H } from "./Icon.vue_vue_type_script_lang-0pW1XBaE.js";
+import { a as J } from "./mediaQuery-CygcXmFW.js";
+import { u as R } from "./useDialog-B4_MpX2v.js";
+import { u as U } from "./useSheetDrag-OsD6Eb6I.js";
+const X = ["data-docked", "role", "aria-modal", "aria-labelledby"], Y = {
+  key: 0,
+  class: "flex justify-center pt-1.5",
+  "aria-hidden": "true"
+}, ee = ["id"], te = { class: "ml-auto flex items-center gap-1" }, oe = ["aria-label"], ae = {
+  key: 0,
+  class: "shrink-0 border-t border-border-separator bg-surface-cell px-4 pt-3 pb-[max(0.75rem,var(--app-safe-bottom))]"
+}, ue = /* @__PURE__ */ W({
+  __name: "Sheet",
+  props: {
+    title: { default: void 0 },
+    grouped: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    docked: { type: Boolean, default: !1 }
+  },
+  emits: ["presented", "dismissed"],
+  setup($, { expose: P, emit: j }) {
+    const l = $, c = j, { t: A } = G(), a = J("(max-width: 1023px), (pointer: coarse)"), t = S(() => l.docked && !a.value), K = { md: "max-w-md", lg: "max-w-xl", xl: "max-w-3xl" }, N = { md: "w-md", lg: "w-xl", xl: "w-3xl" }, x = h(!1), O = () => {
+      v.value || (x.value = !1);
+    }, m = h(null), w = h(null), g = Z(), f = R(m, {
+      initialFocus: "panel",
+      onPresented: () => c("presented"),
+      onDismissed: () => c("dismissed")
+    }), { isOpen: T } = f, u = h(!1);
+    let p = null;
+    const v = S(() => t.value ? u.value : T.value);
+    F(v, (o) => {
+      o && (x.value = !0);
+    }, { flush: "sync" });
+    const r = U({
+      enabled: a,
+      panel: m,
+      body: w,
+      onDismiss: () => (f.dismissWithoutAsking(), !0)
+    });
+    function V() {
+      if (r.reset(), !t.value) return f.present();
+      u.value || (p = document.activeElement, u.value = !0, q(() => {
+        m.value?.focus({ preventScroll: !0 }), c("presented");
+      }));
+    }
+    function b() {
+      if (!t.value) return f.dismissWithoutAsking();
+      u.value && (u.value = !1, c("dismissed"), p?.isConnected && p.focus(), p = null);
+    }
+    function M(o) {
+      t.value && o.key === "Escape" && !o.defaultPrevented && (o.preventDefault(), b());
+    }
+    return P({ present: V, dismiss: b }), (o, _) => (s(), C(L, {
+      to: "body",
+      disabled: t.value
+    }, [
+      x.value ? (s(), i("div", {
+        key: 0,
+        class: k(t.value ? "flex h-full min-h-0 shrink-0 " + N[l.size] + " max-w-full" : "relative z-9999"),
+        "data-docked": t.value || void 0,
+        role: t.value ? "region" : "dialog",
+        "aria-modal": t.value ? void 0 : "true",
+        "aria-labelledby": l.title ? e(g) : void 0
+      }, [
+        t.value ? n("", !0) : (s(), C(E, {
+          key: 0,
+          appear: "",
+          "enter-active-class": "transition-opacity duration-motion-normal ease-motion-standard",
+          "enter-from-class": "opacity-0",
+          "leave-active-class": "pointer-events-none transition-opacity duration-motion-normal ease-motion-standard",
+          "leave-to-class": "opacity-0"
+        }, {
+          default: z(() => [
+            v.value ? (s(), i("div", {
+              key: 0,
+              class: "fixed inset-0 bg-scrim",
+              style: D(e(r).backdropStyle.value),
+              "aria-hidden": "true",
+              onClick: b
+            }, null, 4)) : n("", !0)
+          ]),
+          _: 1
+        })),
+        I(E, {
+          appear: "",
+          "enter-active-class": "transition-transform duration-motion-sheet ease-motion-sheet",
+          "enter-from-class": t.value ? "opacity-0" : e(a) ? "translate-y-full" : "translate-x-full",
+          "leave-active-class": "pointer-events-none transition-transform duration-motion-normal ease-motion-standard",
+          "leave-to-class": t.value ? "opacity-0" : e(a) ? "translate-y-full" : "translate-x-full",
+          onAfterLeave: O
+        }, {
+          default: z(() => [
+            v.value ? (s(), i("div", {
+              key: 0,
+              ref_key: "panel",
+              ref: m,
+              tabindex: "-1",
+              "data-part": "panel",
+              class: k(["flex flex-col text-content-strong outline-none", [
+                l.grouped ? "bg-surface-page" : "bg-surface-cell",
+                t.value ? "relative h-full w-full border-l border-border-separator" : "fixed shadow-dialog",
+                t.value ? "" : e(a) ? "inset-x-0 bottom-0 mx-auto max-h-[90dvh] w-full max-w-readable rounded-t-sheet" : "inset-y-0 right-0 w-full " + K[l.size],
+                e(r).dragging.value ? "" : "transition-transform duration-motion-normal ease-motion-sheet"
+              ]]),
+              style: D(e(r).panelStyle.value),
+              onKeydown: M
+            }, [
+              d("div", B({
+                class: ["shrink-0", e(a) ? "cursor-grab touch-none select-none" : ""]
+              }, e(r).handleEvents), [
+                e(a) ? (s(), i("div", Y, [..._[0] || (_[0] = [
+                  d("span", { class: "h-1.25 w-9 rounded-full bg-fill-strong" }, null, -1)
+                ])])) : n("", !0),
+                y(o.$slots, "header", { titleId: e(g) }, () => [
+                  d("div", {
+                    class: k(["flex min-h-bar-height items-center justify-between gap-3 px-4", e(a) ? "pb-1" : "border-b border-border-separator"])
+                  }, [
+                    l.title ? (s(), i("h3", {
+                      key: 0,
+                      id: e(g),
+                      class: "text-headline font-semibold"
+                    }, Q(l.title), 9, ee)) : n("", !0),
+                    d("div", te, [
+                      y(o.$slots, "actions"),
+                      d("button", {
+                        type: "button",
+                        "data-part": "close",
+                        "aria-label": e(A)("core.actions.close"),
+                        class: "hit-target -mr-1 flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-full bg-fill text-content-muted transition-colors duration-motion-fast hover:bg-fill-strong",
+                        onClick: b
+                      }, [
+                        I(e(H), {
+                          name: "close",
+                          size: 14
+                        })
+                      ], 8, oe)
+                    ])
+                  ], 2)
+                ])
+              ], 16),
+              d("div", B({
+                ref_key: "body",
+                ref: w,
+                class: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-4 py-4"
+              }, e(r).bodyEvents), [
+                y(o.$slots, "default")
+              ], 16),
+              o.$slots.footer ? (s(), i("div", ae, [
+                y(o.$slots, "footer")
+              ])) : n("", !0)
+            ], 38)) : n("", !0)
+          ]),
+          _: 3
+        }, 8, ["enter-from-class", "leave-to-class"])
+      ], 10, X)) : n("", !0)
+    ], 8, ["disabled"]));
+  }
+});
+export {
+  ue as _
+};

package/dist/{SignIn-CqtkvtCZ.js → SignIn-4aUxE2LU.js}

@@ -1,19 +1,19 @@
 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-JrqhO99l.js";
-import { _ as V } from "./IconTile.vue_vue_type_script_setup_true_lang-BmxCuUZ9.js";
+import { _ as B } from "./Button.vue_vue_type_script_setup_true_lang-DkRuLqQK.js";
+import { _ as V } from "./IconTile.vue_vue_type_script_setup_true_lang-BWHQiA7d.js";
 import { u as D } from "./format-C_HXlOYQ.js";
-import { a as p } from "./FormGroup.vue_vue_type_script_setup_true_lang-lvAuBG-0.js";
-import { _ as b } from "./FormRow.vue_vue_type_script_setup_true_lang-CpgNVQF4.js";
+import { a as p } from "./FormGroup.vue_vue_type_script_setup_true_lang-7bIssY9f.js";
+import { _ as b } from "./FormRow.vue_vue_type_script_setup_true_lang-okuxbKyI.js";
 import { u as U } from "./describeError-B-NMa--w.js";
 import { i as q } from "./preferences-hYhrw8Uy.js";
 import { t as h } from "./toast-CqSDTWRX.js";
-import { u as z, h as F } from "./platform-DU9QFts8.js";
+import { u as z, h as F } from "./platform-YWfOO7b2.js";
 import { b as L } from "./routeResource-DlTsGTg_.js";
 import { _ as O } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { i as T } from "./usePreferences-DB29UTFD.js";
-import { f as j, P as G, e as H, _ as J } from "./index-BA2w8uwD.js";
-import { _ as K, a as M } from "./ActionRow.vue_vue_type_script_setup_true_lang-B5IMNnTf.js";
+import { i as T } from "./usePreferences-D38x73re.js";
+import { f as j, P as G, e as H, _ as J } from "./index-CMx77x5P.js";
+import { _ as K, a as M } from "./ActionRow.vue_vue_type_script_setup_true_lang-_TDoIg53.js";
 const Q = {
   key: 0,
   class: "flex min-w-0 max-w-200 flex-col gap-group-gap",

package/dist/{SignInPage-DcdNKZIb.js → SignInPage-B80pQ8tG.js}

@@ -1,12 +1,12 @@
 import { defineComponent as d, openBlock as _, createElementBlock as g, createElementVNode as b, toDisplayString as n, unref as e, createVNode as t, withCtx as s, mergeProps as i, createTextVNode as w } from "vue";
 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-JrqhO99l.js";
-import { _ as N } from "./Panel.vue_vue_type_script_setup_true_lang-D_Wg42hu.js";
-import { _ as S } from "./FormView.vue_vue_type_script_setup_true_lang-D01Jr4UU.js";
-import { _ as a } from "./TextField.vue_vue_type_script_setup_true_lang-CVGh-p3J.js";
-import { r as $ } from "./guards-CNJ0ATVC.js";
-import { u as C, a as E } from "./index-BA2w8uwD.js";
+import { _ as I } from "./Button.vue_vue_type_script_setup_true_lang-DkRuLqQK.js";
+import { _ as N } from "./Panel.vue_vue_type_script_setup_true_lang-DTCmFSwg.js";
+import { _ as S } from "./FormView.vue_vue_type_script_setup_true_lang-CiYprNRr.js";
+import { _ as a } from "./TextField.vue_vue_type_script_setup_true_lang-DS6RPR-h.js";
+import { r as $ } from "./guards-BP9x7CLF.js";
+import { u as C, a as E } from "./index-CMx77x5P.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-D4-nGu0B.js → SignIns-CLX8Puf1.js}

@@ -1,13 +1,13 @@
 import { defineComponent as g, ref as m, watch as p, openBlock as c, createElementBlock as v, createVNode as l, 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 { i as S } from "./preferences-hYhrw8Uy.js";
-import { u as b } from "./platform-DU9QFts8.js";
+import { u as b } from "./platform-YWfOO7b2.js";
 import { b as k } from "./routeResource-DlTsGTg_.js";
-import { _ as I } from "./AsyncSection.vue_vue_type_script_setup_true_lang-CX8mpXRE.js";
+import { _ as I } from "./AsyncSection.vue_vue_type_script_setup_true_lang-DRP4BnMb.js";
 import { u as R } from "./useLoad-M7V-AVwR.js";
-import { P as C, i as E, j as B } from "./index-BA2w8uwD.js";
-import { _ as P } from "./ActionRow.vue_vue_type_script_setup_true_lang-B5IMNnTf.js";
-import { _ as h } from "./ViewTabs.vue_vue_type_script_setup_true_lang-BjdDXE3T.js";
+import { P as C, i as E, j as B } from "./index-CMx77x5P.js";
+import { _ as P } from "./ActionRow.vue_vue_type_script_setup_true_lang-_TDoIg53.js";
+import { _ as h } from "./ViewTabs.vue_vue_type_script_setup_true_lang-CBYrLPL4.js";
 const U = {
   class: "flex min-w-0 flex-col gap-group-gap",
   "data-person-signins": ""

package/dist/{StatusLine.vue_vue_type_script_setup_true_lang-DsdQmLq6.js → StatusLine.vue_vue_type_script_setup_true_lang-BN8nG1CW.js}

@@ -1,6 +1,6 @@
 import { defineComponent as d, openBlock as t, createElementBlock as s, createElementVNode as r, createVNode as m, createBlock as p, unref as n, normalizeClass as _, toDisplayString as a, createCommentVNode as l, renderSlot as u } from "vue";
 import { useI18n as f } from "vue-i18n";
-import { _ as x } from "./Icon.vue_vue_type_script_lang-BhhsFYwp.js";
+import { _ as x } from "./Icon.vue_vue_type_script_lang-0pW1XBaE.js";
 import { _ as k } from "./DrawnCheck.vue_vue_type_script_setup_true_lang-9DzDJlIA.js";
 const h = ["data-done"], y = {
   class: "flex min-w-0 items-center gap-2.5 text-subheadline",

package/dist/{SwipeActions.vue_vue_type_script_setup_true_lang-D8SiC0G7.js → SwipeActions.vue_vue_type_script_setup_true_lang-BBqcW3MR.js}

@@ -1,5 +1,5 @@
 import { defineComponent as D, computed as N, ref as p, watch as O, onBeforeUnmount as T, openBlock as f, createElementBlock as d, createElementVNode as b, normalizeStyle as x, Fragment as z, renderList as E, normalizeClass as _, createVNode as X, unref as $, createTextVNode as B, toDisplayString as V, renderSlot as Y } from "vue";
-import { _ as A } from "./Icon.vue_vue_type_script_lang-BhhsFYwp.js";
+import { _ as A } from "./Icon.vue_vue_type_script_lang-0pW1XBaE.js";
 import { p as I } from "./perDocument-DUuFrdGU.js";
 const R = ["aria-hidden"], W = ["href", "target", "rel", "tabindex", "data-action"], j = Symbol("vue-core:swipe-open-row"), F = () => I(j, () => p(null)), q = /* @__PURE__ */ D({
   __name: "SwipeActions",

package/dist/{SwitchField.vue_vue_type_script_setup_true_lang-CLtcuofe.js → SwitchField.vue_vue_type_script_setup_true_lang-Dw7BbBU4.js}

@@ -1,7 +1,7 @@
 import { defineComponent as v, useModel as w, computed as y, openBlock as g, createBlock as k, mergeProps as _, unref as t, createSlots as $, withCtx as l, createElementVNode as i, renderSlot as s, normalizeClass as d, normalizeStyle as B, toDisplayString as S, mergeModels as z, mergeDefaults as C } from "vue";
 import { useI18n as M } from "vue-i18n";
-import { _ as V } from "./options-mOOX6JSS.js";
-import { u as D, f as T, b as E } from "./FormRow.vue_vue_type_script_setup_true_lang-CpgNVQF4.js";
+import { _ as V } from "./options-DIp_lVAj.js";
+import { u as D, f as T, b as E } from "./FormRow.vue_vue_type_script_setup_true_lang-okuxbKyI.js";
 const F = { class: "flex items-center gap-2" }, I = ["id", "aria-checked", "aria-label", "aria-describedby", "aria-invalid", "disabled"], P = { class: "sr-only" }, j = /* @__PURE__ */ v({
   __name: "SwitchField",
   props: /* @__PURE__ */ z(/* @__PURE__ */ C({

package/dist/Tabs.vue_vue_type_script_setup_true_lang-Cma_ma6V.js

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

package/dist/{TextField.vue_vue_type_script_setup_true_lang-CVGh-p3J.js → TextField.vue_vue_type_script_setup_true_lang-DS6RPR-h.js}

@@ -1,11 +1,11 @@
 import { defineComponent as K, useTemplateRef as N, computed as v, watch as te, nextTick as oe, openBlock as n, createElementBlock as l, withModifiers as se, normalizeStyle as ne, unref as i, createElementVNode as m, toDisplayString as r, createCommentVNode as p, Fragment as R, renderList as ae, normalizeClass as B, createBlock as P, renderSlot as b, createTextVNode as E, useModel as ie, ref as le, mergeProps as re, createSlots as ce, withCtx as w, withDirectives as de, vModelDynamic as ue, mergeModels as H, mergeDefaults as pe } from "vue";
 import { useI18n as G } from "vue-i18n";
 import { b as me } from "./controlSurface-t7OEFESJ.js";
-import { u as fe, _ as he } from "./options-mOOX6JSS.js";
-import { a as ve, f as ge, b as ye } from "./FormRow.vue_vue_type_script_setup_true_lang-CpgNVQF4.js";
-import { _ as xe } from "./Icon.vue_vue_type_script_lang-BhhsFYwp.js";
+import { u as fe, _ as he } from "./options-DIp_lVAj.js";
+import { a as ve, f as ge, b as ye } from "./FormRow.vue_vue_type_script_setup_true_lang-okuxbKyI.js";
+import { _ as xe } from "./Icon.vue_vue_type_script_lang-0pW1XBaE.js";
 import { u as be, N as ke } from "./anchored-DpuUwf-9.js";
-import { l as U, m as _e, u as we, c as $e } from "./suggestions-DeMgs_ki.js";
+import { l as U, m as _e, u as we, c as $e } from "./suggestions-D0-qmRFy.js";
 const Me = ["id", "aria-busy"], qe = { class: "min-h-0 flex-1 overflow-y-auto p-1.5" }, Be = {
   key: 0,
   class: "px-2.5 pb-1 pt-1.5 text-caption font-semibold uppercase text-content-disabled",

package/dist/{TextareaField.vue_vue_type_script_setup_true_lang-YxUlNHSk.js → TextareaField.vue_vue_type_script_setup_true_lang-BqpZt1Hv.js}

@@ -1,7 +1,7 @@
 import { defineComponent as V, useModel as L, useTemplateRef as M, computed as i, openBlock as p, createBlock as D, mergeProps as F, unref as f, createSlots as S, withCtx as n, createElementVNode as v, normalizeClass as b, withDirectives as z, vModelText as E, createElementBlock as P, toDisplayString as R, createCommentVNode as N, renderSlot as d, mergeModels as y, mergeDefaults as _ } from "vue";
 import { u as j } from "./mediaQuery-CygcXmFW.js";
-import { u as G, _ as H } from "./options-mOOX6JSS.js";
-import { a as U, u as A, f as I, b as J } from "./FormRow.vue_vue_type_script_setup_true_lang-CpgNVQF4.js";
+import { u as G, _ as H } from "./options-DIp_lVAj.js";
+import { a as U, u as A, f as I, b as J } from "./FormRow.vue_vue_type_script_setup_true_lang-okuxbKyI.js";
 const K = ["id", "name", "rows", "placeholder", "maxlength", "autocomplete", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], O = {
   key: 0,
   class: "mt-1 self-end text-footnote tabular-nums text-content-muted"

package/dist/{TimeField.vue_vue_type_script_setup_true_lang-DHNC_MLt.js → TimeField.vue_vue_type_script_setup_true_lang-BeS1cfqL.js}

@@ -2,12 +2,12 @@ import { computed as m, defineComponent as G, useModel as J, useTemplateRef as b
 import { useI18n as R } from "vue-i18n";
 import { _ as te } from "./DateButton.vue_vue_type_script_setup_true_lang-CovKG5lN.js";
 import { u as oe } from "./format-C_HXlOYQ.js";
-import { _ as le } from "./Icon.vue_vue_type_script_lang-BhhsFYwp.js";
+import { _ as le } from "./Icon.vue_vue_type_script_lang-0pW1XBaE.js";
 import { u as re } from "./mediaQuery-CygcXmFW.js";
 import { _ as ae } from "./Popover.vue_vue_type_script_setup_true_lang-BK8HL_V0.js";
-import { u as se, _ as ie } from "./options-mOOX6JSS.js";
-import { d as ne, r as ue, t as I, p as me, u as de, a as ce, i as Q, _ as pe, b as fe, c as ve } from "./useTypedEntry-BsMV66Yc.js";
-import { f as be, b as ye } from "./FormRow.vue_vue_type_script_setup_true_lang-CpgNVQF4.js";
+import { u as se, _ as ie } from "./options-DIp_lVAj.js";
+import { d as ne, r as ue, t as I, p as me, u as de, a as ce, i as Q, _ as pe, b as fe, c as ve } from "./useTypedEntry-r4AqWlV7.js";
+import { f as be, b as ye } from "./FormRow.vue_vue_type_script_setup_true_lang-okuxbKyI.js";
 function ke(s) {
   const { t: i } = R(), y = m(() => [i("core.form.time.words.now").toLowerCase(), "now"]);
   return {

package/dist/{Timestamp.vue_vue_type_script_setup_true_lang-d_KuxWjH.js → Timestamp.vue_vue_type_script_setup_true_lang-XbbupD9A.js}

@@ -1,7 +1,7 @@
 import { defineComponent as x, computed as s, openBlock as n, createElementBlock as o, createVNode as m, createElementVNode as l, toDisplayString as a, unref as u, createTextVNode as f } from "vue";
 import { useI18n as v } from "vue-i18n";
 import { u as h, t as g } from "./format-C_HXlOYQ.js";
-import { _ as w } from "./Icon.vue_vue_type_script_lang-BhhsFYwp.js";
+import { _ as w } from "./Icon.vue_vue_type_script_lang-0pW1XBaE.js";
 import { _ as y } from "./Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
 const k = {
   key: 0,

package/dist/{UserRecord-CwZCr9Im.js → UserRecord-BFqw2Pi8.js}

@@ -1,23 +1,23 @@
 import { defineComponent as E, openBlock as N, createBlock as L, unref as e, withCtx as p, createVNode as n, mergeProps as q, provide as C, computed as _, useTemplateRef as D, createElementVNode as h, toDisplayString as S, createTextVNode as K } from "vue";
 import { useI18n as U } from "vue-i18n";
-import { u as z } from "./neighbors-Dg_LU9ry.js";
+import { u as z } from "./neighbors-BqfO6zf3.js";
 import { _ as G } from "./Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
 import { u as I } from "./describeError-B-NMa--w.js";
 import { i as k } from "./preferences-hYhrw8Uy.js";
-import { _ as O } from "./AlertDialog.vue_vue_type_script_setup_true_lang-WuGvAOrj.js";
+import { _ as O } from "./AlertDialog.vue_vue_type_script_setup_true_lang-QYvbly_-.js";
 import { t as $ } from "./toast-CqSDTWRX.js";
-import { _ as j } from "./SectionNavigator.vue_vue_type_script_setup_true_lang-DCTFxfPB.js";
-import { u as V } from "./platform-DU9QFts8.js";
+import { _ as j } from "./SectionNavigator.vue_vue_type_script_setup_true_lang-DqDcFvS0.js";
+import { u as V } from "./platform-YWfOO7b2.js";
 import { a as F } from "./routeResource-DlTsGTg_.js";
-import { a as H } from "./ResourcePage.vue_vue_type_script_setup_true_lang-1iZtj3rh.js";
+import { a as H } from "./ResourcePage.vue_vue_type_script_setup_true_lang-R3eJKPq5.js";
 import { A as J } from "./access-DmAceEo5.js";
 import { _ as Q } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
 import { u as W } from "./useLoad-M7V-AVwR.js";
-import { i as X } from "./usePreferences-DB29UTFD.js";
-import { P as Y, p as Z, c as ee, d as se, b as ae, M as te, o as oe, s as re } from "./index-BA2w8uwD.js";
-import { a as ne } from "./FormGroup.vue_vue_type_script_setup_true_lang-lvAuBG-0.js";
-import { _ as A } from "./TextField.vue_vue_type_script_setup_true_lang-CVGh-p3J.js";
-import { u as ie, _ as ce } from "./useCommand-DQKvro1n.js";
+import { i as X } from "./usePreferences-D38x73re.js";
+import { P as Y, p as Z, c as ee, d as se, b as ae, M as te, o as oe, s as re } from "./index-CMx77x5P.js";
+import { a as ne } from "./FormGroup.vue_vue_type_script_setup_true_lang-7bIssY9f.js";
+import { _ as A } from "./TextField.vue_vue_type_script_setup_true_lang-DS6RPR-h.js";
+import { u as ie, _ as ce } from "./useCommand-D6K6o6dx.js";
 import { u as le } from "./serverMessages-C_KkDvpT.js";
 const ue = /* @__PURE__ */ E({
   __name: "SetPasswordDialog",

package/dist/{UsersList-Cn19sFgv.js → UsersList-C52C1lN1.js}

@@ -1,12 +1,12 @@
 import { defineComponent as C, useTemplateRef as N, computed as a, openBlock as i, createBlock as m, unref as s, withCtx as r, createVNode as d, createTextVNode as R, toDisplayString as l, createCommentVNode as S, createElementBlock as _, normalizeClass as p } from "vue";
 import { useI18n as E } from "vue-i18n";
 import { useRouter as $ } from "vue-router";
-import { u as B, _ as T } from "./CollectionPage.vue_vue_type_script_setup_true_lang-Dr6nFNBB.js";
+import { u as B, _ as T } from "./CollectionPage.vue_vue_type_script_setup_true_lang-Aoof1prZ.js";
 import { _ as V } from "./Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
 import { u as L } from "./format-C_HXlOYQ.js";
-import { u as z } from "./platform-DU9QFts8.js";
+import { u as z } from "./platform-YWfOO7b2.js";
 import { _ as A } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { b as D, U as I, c as f, d as M, M as q, s as F } from "./index-BA2w8uwD.js";
+import { b as D, U as I, c as f, d as M, M as q, s as F } from "./index-CMx77x5P.js";
 const G = ["datetime"], Z = /* @__PURE__ */ C({
   __name: "UsersList",
   setup(K) {

package/dist/{ViewTabs.vue_vue_type_script_setup_true_lang-BjdDXE3T.js → ViewTabs.vue_vue_type_script_setup_true_lang-CBYrLPL4.js}

@@ -1,5 +1,5 @@
 import { defineComponent as u, useModel as m, computed as d, openBlock as r, createBlock as p, unref as c, mergeModels as i } from "vue";
-import { _ as b } from "./Tabs.vue_vue_type_script_setup_true_lang-tpkGp98F.js";
+import { _ as b } from "./Tabs.vue_vue_type_script_setup_true_lang-Cma_ma6V.js";
 const _ = /* @__PURE__ */ u({
   __name: "ViewTabs",
   props: /* @__PURE__ */ i({

package/dist/access/index.js

@@ -1,4 +1,4 @@
-import { _ as Q, a as U, b as W } from "../PersonAccess.vue_vue_type_script_setup_true_lang-mYFuG-Y3.js";
+import { _ as Q, a as U, b as W } from "../PersonAccess.vue_vue_type_script_setup_true_lang-Kp9g93wE.js";
 import { d as _, p as x } from "../feature-DdUAfyi4.js";
 import { a as n, b } from "../refusals-DfPzVNNY.js";
 import { d as Y, p as Z, r as ee, c as se, u as te, e as oe, f as ce } from "../refusals-DfPzVNNY.js";
@@ -6,16 +6,16 @@ import { d as h } from "../defineRoutes-BGAdiIrt.js";
 import { defineComponent as w, openBlock as m, createBlock as R, unref as s, withCtx as u, createElementVNode as a, createVNode as d, toDisplayString as o, normalizeClass as g, createElementBlock as k, createTextVNode as r, createCommentVNode as y } from "vue";
 import { useI18n as C } from "vue-i18n";
 import { useRouter as v } from "vue-router";
-import { _ as P } from "../Button.vue_vue_type_script_setup_true_lang-JrqhO99l.js";
-import { _ as B } from "../Panel.vue_vue_type_script_setup_true_lang-D_Wg42hu.js";
-import { _ as K } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
+import { _ as P } from "../Button.vue_vue_type_script_setup_true_lang-DkRuLqQK.js";
+import { _ as B } from "../Panel.vue_vue_type_script_setup_true_lang-DTCmFSwg.js";
+import { _ as K } from "../Icon.vue_vue_type_script_lang-0pW1XBaE.js";
 const p = h({
-  roles: { name: "access.roles", path: "/iam/roles", component: () => import("../RolesPage-FOuY1VKg.js"), meta: { access: n.viewRoles, titleKey: "core.access.title" } },
-  newRole: { name: "access.roles.new", path: "/iam/roles/new", component: () => import("../NewRolePage-BYYZJkK7.js"), meta: { access: n.manageRoles, titleKey: "core.access.new_title" } },
+  roles: { name: "access.roles", path: "/iam/roles", component: () => import("../RolesPage-CS8ryIQq.js"), meta: { access: n.viewRoles, titleKey: "core.access.title" } },
+  newRole: { name: "access.roles.new", path: "/iam/roles/new", component: () => import("../NewRolePage-K5zts3e_.js"), meta: { access: n.manageRoles, titleKey: "core.access.new_title" } },
   role: {
     name: "access.role",
     path: "/iam/roles/:ref",
-    component: () => import("../RolePage-C08ZUqw1.js"),
+    component: () => import("../RolePage-C62_sGxx.js"),
     // A role's ref (its key, or the id of a custom one) swaps in place when a link leads to another role.
     meta: { access: n.viewRoles, titleKey: "core.access.title", remountOnParam: "ref" }
   }

package/dist/app/index.js

@@ -1,6 +1,6 @@
-import { A as r, c as o } from "../application-CDSweJb9.js";
+import { A as r, c as o } from "../application-cTqMhmFf.js";
 import { c as p, a as s } from "../current-CslcEPXp.js";
-import { S as n } from "../contributions-B0x5x5xD.js";
+import { S as n } from "../contributions-BSmIRPg1.js";
 import { a as l, u } from "../environment-Dva-SG8D.js";
 import { d as x, p as m } from "../feature-DdUAfyi4.js";
 import { k as d, u as S } from "../keepAlive-ClGnsIzT.js";

package/dist/{application-CDSweJb9.js → application-cTqMhmFf.js}

@@ -7,20 +7,20 @@ import { createRouter as Ve, isNavigationFailure as Ge } from "vue-router";
 import { i as Je } from "./leaveGuard-Cc8yeLxM.js";
 import { c as ze, i as Qe, f as Ue } from "./format-C_HXlOYQ.js";
 import { messageLoaders as Xe, coreMessages as le, createMessageRuntime as Ye } from "./i18n/index.js";
-import { i as Ze, a as et } from "./Icon.vue_vue_type_script_lang-BhhsFYwp.js";
+import { i as Ze, a as et } from "./Icon.vue_vue_type_script_lang-0pW1XBaE.js";
 import { i as tt, b as st } from "./bottomDock-BZEiOPYZ.js";
 import { i as ot, p as rt } from "./chrome-kMBKIB1N.js";
-import { i as at, g as nt } from "./platform-DU9QFts8.js";
+import { i as at, g as nt } from "./platform-YWfOO7b2.js";
 import { c as it, A as ct, r as ue } from "./access-DmAceEo5.js";
-import { c as lt, _ as ut } from "./NoAccess.vue_vue_type_script_setup_true_lang-BHzZtZ50.js";
-import { i as ft } from "./guards-CNJ0ATVC.js";
-import { b as dt, c as pt, n as fe } from "./navigation-d-JAPBGA.js";
-import { c as mt, s as de } from "./contributions-B0x5x5xD.js";
+import { c as lt, _ as ut } from "./NoAccess.vue_vue_type_script_setup_true_lang-BYnTQCtW.js";
+import { i as ft } from "./guards-BP9x7CLF.js";
+import { b as dt, c as pt, n as fe } from "./navigation-C05vGEN8.js";
+import { c as mt, s as de } from "./contributions-BSmIRPg1.js";
 import { a as pe } from "./environment-Dva-SG8D.js";
 import { b as me, c as he } from "./describeError-B-NMa--w.js";
 import { b as ht } from "./current-CslcEPXp.js";
-import { _ as gt } from "./Button.vue_vue_type_script_setup_true_lang-JrqhO99l.js";
-import { _ as wt } from "./EmptyState.vue_vue_type_script_setup_true_lang-DbZiO2RF.js";
+import { _ as gt } from "./Button.vue_vue_type_script_setup_true_lang-DkRuLqQK.js";
+import { _ as wt } from "./EmptyState.vue_vue_type_script_setup_true_lang-ByKvrNSg.js";
 import { i as vt } from "./feature-DdUAfyi4.js";
 function yt(e) {
   const { platform: n } = e, o = V();