@wssto2/vue-core 0.20.0 → 0.21.0

package/dist/routes-DC8BWFz8.js

@@ -0,0 +1,251 @@
+import { defineComponent as re, useModel as ue, inject as ce, useId as de, useTemplateRef as Q, computed as o, ref as R, openBlock as s, createBlock as ve, mergeProps as fe, unref as r, createSlots as me, withCtx as V, createElementVNode as c, createElementBlock as u, Fragment as z, renderList as W, normalizeClass as T, createTextVNode as pe, toDisplayString as x, createCommentVNode as D, createVNode as be, renderSlot as he, mergeModels as ge, mergeDefaults as xe, nextTick as X } from "vue";
+import { u as ye } from "./format-C_HXlOYQ.js";
+import { useI18n as we } from "vue-i18n";
+import { a as _e } from "./environment-Dva-SG8D.js";
+import { _ as ke } from "./Icon.vue_vue_type_script_lang-BIzh8LF1.js";
+import { u as Le, _ as Te } from "./options-DDCG86OV.js";
+import { u as qe, f as Ee, b as $e } from "./FormRow.vue_vue_type_script_setup_true_lang-B-uth5RB.js";
+import { r as d } from "./route-goWMxDUN.js";
+function Ce(q, G) {
+  return G.filter((t) => (q?.[t] ?? "").trim() === "");
+}
+const Ie = ["id", "aria-labelledby"], Be = ["id", "value", "lang", "name", "rows", "placeholder", "maxlength", "disabled", "aria-required", "aria-invalid", "aria-describedby"], Ve = ["id", "value", "lang", "name", "placeholder", "maxlength", "disabled", "aria-required", "aria-invalid", "aria-describedby"], De = {
+  key: 0,
+  class: "mt-1.5 flex items-center gap-2"
+}, Ge = {
+  key: 0,
+  class: "flex-1 text-footnote text-status-warning-content",
+  "data-test": "i18n-missing"
+}, Pe = {
+  key: 1,
+  class: "flex-1"
+}, Se = ["aria-label"], Fe = ["id", "aria-selected", "tabindex", "aria-controls", "aria-label", "title", "onClick", "onKeydown"], Ne = ["data-state"], Oe = { class: "w-full" }, Re = { class: "whitespace-pre-line break-words text-body text-content-strong" }, ze = ["aria-expanded"], Ke = { class: "flex-1" }, Me = {
+  key: 0,
+  class: "mt-1 flex flex-col gap-1.5"
+}, Ue = ["title"], Ze = /* @__PURE__ */ re({
+  __name: "I18nField",
+  props: /* @__PURE__ */ ge(/* @__PURE__ */ xe({
+    label: {},
+    labelHidden: { type: Boolean },
+    hint: {},
+    error: {},
+    required: { type: Boolean },
+    editable: { type: Boolean },
+    disabled: { type: Boolean },
+    lockedReason: {},
+    presentation: {},
+    name: {},
+    locales: {},
+    defaultLocale: {},
+    requiredLocales: {},
+    multiline: { type: Boolean },
+    rows: {},
+    placeholder: {},
+    maxLength: {}
+  }, { ...$e, locales: void 0, defaultLocale: void 0, requiredLocales: () => [], multiline: !1, rows: 3, placeholder: void 0, maxLength: void 0 }), {
+    modelValue: { default: () => ({}) },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(q, { expose: G }) {
+    const t = q, y = ue(q, "modelValue"), { t: p, locale: P, availableLocales: Y } = we(), Z = ye(), ee = ce(_e, null), S = de(), E = Q("field"), K = Q("root"), { editable: M } = qe(t), te = Le(t.multiline ? "area" : "text", () => t.error || k.value ? "error" : t.disabled ? "locked" : "rest"), $ = o(() => t.locales ?? ee?.locales ?? Y), f = o(() => t.defaultLocale ?? $.value[0] ?? ""), i = o(() => $.value.includes(f.value) ? [f.value, ...$.value.filter((e) => e !== f.value)] : $.value), C = R(null), v = o(() => C.value !== null && i.value.includes(C.value) ? C.value : i.value.includes(P.value) ? P.value : f.value), b = (e) => y.value[e] ?? "", n = (e) => b(e).trim() !== "", w = (e) => e.toUpperCase();
+    function I(e) {
+      try {
+        return new Intl.DisplayNames([Z.intlLocale], { type: "language" }).of(e) ?? w(e);
+      } catch {
+        return w(e);
+      }
+    }
+    const U = (e) => e.map(I).join(", ");
+    function j(e, l) {
+      y.value = { ...y.value, [e]: l };
+    }
+    const F = (e) => `${S}-tab-${e}`;
+    function A(e, l) {
+      C.value = e, l && X(() => E.value?.focus());
+    }
+    function ae(e, l) {
+      const a = i.value.length - 1, g = { ArrowRight: l + 1, ArrowLeft: l - 1, Home: 0, End: a }[e.key];
+      if (g === void 0) return;
+      e.preventDefault();
+      const m = i.value[(g + i.value.length) % i.value.length];
+      m !== void 0 && (A(m, !1), X(() => document.getElementById(F(m))?.focus()));
+    }
+    const H = R(!1);
+    function le(e) {
+      K.value?.contains(e.relatedTarget) || (H.value = !0);
+    }
+    const _ = o(() => Ce(y.value, t.requiredLocales)), k = o(() => H.value && _.value.length > 0 ? p("core.form.i18n.required", { languages: U(_.value) }) : void 0), ie = o(() => t.requiredLocales.length > 0 ? _.value.length === 0 : i.value.some(n)), N = o(() => i.value.filter((e) => !n(e) && !(k.value && _.value.includes(e)))), J = o(() => n(f.value) && i.value.some((e) => e !== f.value && !n(e)));
+    function oe() {
+      const e = b(f.value);
+      y.value = { ...y.value, ...Object.fromEntries(i.value.filter((l) => !n(l)).map((l) => [l, e])) };
+    }
+    const h = o(() => [P.value, f.value, ...i.value].find((e) => i.value.includes(e) && n(e))), B = o(() => i.value.filter((e) => e !== h.value)), se = o(() => B.value.filter(n).length), L = R(!1), ne = o(() => t.label && !M.value && h.value ? `${t.label} · ${w(h.value)}` : t.label);
+    return G({ focus: () => E.value?.focus() }), (e, l) => (s(), ve(Te, fe({ ...r(Ee)(t), label: ne.value, error: t.error ?? k.value, required: t.required || t.requiredLocales.length > 0 }, {
+      value: r(M) ? ie.value ? "written" : null : h.value ? b(h.value) : null,
+      "row-layout": "stacked"
+    }), me({
+      default: V(({ id: a, describedby: g, invalid: m }) => [
+        c("div", {
+          ref_key: "root",
+          ref: K,
+          class: "w-full",
+          onFocusout: le
+        }, [
+          c("div", {
+            id: `${r(S)}-panel`,
+            role: "tabpanel",
+            "aria-labelledby": F(v.value)
+          }, [
+            c("div", {
+              class: T(["w-full", r(te)])
+            }, [
+              t.multiline ? (s(), u("textarea", {
+                key: 0,
+                id: a,
+                ref_key: "field",
+                ref: E,
+                value: b(v.value),
+                lang: v.value,
+                name: t.name,
+                rows: t.rows,
+                placeholder: t.placeholder,
+                maxlength: t.maxLength,
+                disabled: t.disabled,
+                "aria-required": t.required || void 0,
+                "aria-invalid": m || void 0,
+                "aria-describedby": g,
+                "data-test": "i18n-input",
+                class: "block w-full resize-y border-0 bg-transparent px-0 py-1 text-body text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed",
+                onInput: l[0] || (l[0] = (O) => j(v.value, O.target.value))
+              }, null, 40, Be)) : (s(), u("input", {
+                key: 1,
+                id: a,
+                ref_key: "field",
+                ref: E,
+                value: b(v.value),
+                lang: v.value,
+                type: "text",
+                name: t.name,
+                placeholder: t.placeholder,
+                maxlength: t.maxLength,
+                disabled: t.disabled,
+                "aria-required": t.required || void 0,
+                "aria-invalid": m || void 0,
+                "aria-describedby": g,
+                "data-test": "i18n-input",
+                class: "block w-full min-w-0 border-0 bg-transparent px-0 py-1 text-body text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed",
+                onInput: l[1] || (l[1] = (O) => j(v.value, O.target.value))
+              }, null, 40, Ve))
+            ], 2)
+          ], 8, Ie),
+          N.value.length > 0 || J.value ? (s(), u("div", De, [
+            N.value.length > 0 ? (s(), u("p", Ge, x(r(p)("core.form.i18n.missing", { languages: U(N.value) })), 1)) : (s(), u("span", Pe)),
+            J.value && !t.disabled ? (s(), u("button", {
+              key: 2,
+              type: "button",
+              "data-test": "i18n-copy",
+              class: "shrink-0 cursor-pointer rounded-control bg-tint-soft px-2.5 py-1.5 text-footnote font-medium text-content-link transition-colors duration-motion-fast hover:bg-fill focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus",
+              onClick: oe
+            }, x(r(p)("core.form.i18n.copy", { language: w(f.value) })), 1)) : D("", !0)
+          ])) : D("", !0)
+        ], 544)
+      ]),
+      labelTrailing: V(() => [
+        c("div", {
+          role: "tablist",
+          "aria-label": r(p)("core.form.i18n.languages"),
+          class: "flex shrink-0 gap-0.5 rounded-control bg-fill p-0.5",
+          "data-test": "i18n-tabs"
+        }, [
+          (s(!0), u(z, null, W(i.value, (a, g) => (s(), u("button", {
+            id: F(a),
+            key: a,
+            type: "button",
+            role: "tab",
+            "aria-selected": a === v.value,
+            tabindex: a === v.value ? 0 : -1,
+            "aria-controls": `${r(S)}-panel`,
+            "aria-label": r(p)(n(a) ? "core.form.i18n.tab_written" : "core.form.i18n.tab_empty", { language: I(a) }),
+            title: I(a),
+            class: T(["flex min-h-7 cursor-pointer items-center gap-1.5 rounded-control px-2.5 py-1 text-footnote font-semibold transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus", a === v.value ? "bg-segment-selected text-content-strong shadow-sm" : "text-content-muted hover:text-content-strong"]),
+            onClick: (m) => A(a, !0),
+            onKeydown: (m) => ae(m, g)
+          }, [
+            pe(x(w(a)) + " ", 1),
+            c("span", {
+              "aria-hidden": "true",
+              class: T(["size-1.5 rounded-full", n(a) ? "bg-status-success-solid" : k.value && _.value.includes(a) ? "bg-content-destructive" : "bg-content-disabled"]),
+              "data-test": "i18n-dot",
+              "data-state": n(a) ? "written" : k.value && _.value.includes(a) ? "required" : "empty"
+            }, null, 10, Ne)
+          ], 42, Fe))), 128))
+        ], 8, Se)
+      ]),
+      _: 2
+    }, [
+      h.value ? {
+        name: "readonly",
+        fn: V(() => [
+          c("div", Oe, [
+            c("p", Re, x(b(h.value)), 1),
+            B.value.length > 0 ? (s(), u(z, { key: 0 }, [
+              c("button", {
+                type: "button",
+                "aria-expanded": L.value,
+                class: "mt-1.5 flex w-full cursor-pointer items-center gap-2 text-left text-footnote text-content-muted focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus",
+                onClick: l[2] || (l[2] = (a) => L.value = !L.value)
+              }, [
+                c("span", Ke, x(r(p)("core.form.i18n.more", { count: B.value.length, filled: se.value })), 1),
+                be(r(ke), {
+                  name: "arrowRightSLine",
+                  size: 16,
+                  class: T(["shrink-0 transition-transform duration-motion-fast", L.value ? "rotate-90" : ""])
+                }, null, 8, ["class"])
+              ], 8, ze),
+              L.value ? (s(), u("dl", Me, [
+                (s(!0), u(z, null, W(B.value, (a) => (s(), u("div", {
+                  key: a,
+                  class: "flex gap-2 text-body"
+                }, [
+                  c("dt", {
+                    class: "w-8 shrink-0 text-footnote font-semibold leading-6 text-content-muted",
+                    title: I(a)
+                  }, x(w(a)), 9, Ue),
+                  c("dd", {
+                    class: T(["min-w-0 flex-1 whitespace-pre-line break-words", n(a) ? "text-content-strong" : "text-content-disabled"])
+                  }, x(n(a) ? b(a) : r(p)("core.state.no_value")), 3)
+                ]))), 128))
+              ])) : D("", !0)
+            ], 64)) : D("", !0)
+          ])
+        ]),
+        key: "0"
+      } : void 0,
+      e.$slots.trailing ? {
+        name: "trailing",
+        fn: V(() => [
+          he(e.$slots, "trailing")
+        ]),
+        key: "1"
+      } : void 0
+    ]), 1040, ["value"]));
+  }
+}), et = {
+  tree: d("GET", "/v1/characteristics", { permission: "characteristics:view" }),
+  description: d("GET", "/v1/characteristics/description", { permission: "characteristics:view" }),
+  show: d("GET", "/v1/characteristics/items/:level/:id", { permission: "characteristics:view" }),
+  branch: d("GET", "/v1/characteristics/items/:level/:id/branch", { permission: "characteristics:view" }),
+  usage: d("GET", "/v1/characteristics/items/:level/:id/usage", { permission: "characteristics:view" }),
+  create: d("POST", "/v1/characteristics/items/:level", { permission: "characteristics:edit" }),
+  update: d("PUT", "/v1/characteristics/items/:level/:id", { permission: "characteristics:edit" }),
+  setActive: d("PUT", "/v1/characteristics/items/:level/:id/active", { permission: "characteristics:edit" }),
+  move: d("PUT", "/v1/characteristics/items/:level/:id/position", { permission: "characteristics:edit" }),
+  delete: d("DELETE", "/v1/characteristics/items/:level/:id", { permission: "characteristics:edit" }),
+  options: d("GET", "/v1/characteristics/options")
+};
+export {
+  Ze as _,
+  et as c,
+  Ce as m
+};

package/dist/{rowLayout-3W9TvFNt.js → rowLayout-zd3Yw6fO.js}

@@ -1,14 +1,14 @@
-import { defineComponent as oe, openBlock as l, createElementBlock as r, normalizeClass as x, createBlock as D, unref as i, withCtx as F, createVNode as g, toDisplayString as M, createCommentVNode as f, computed as y, Fragment as b, renderSlot as S, createTextVNode as de, ref as te, getCurrentScope as Ie, onScopeDispose as Ae, nextTick as ge, useSlots as fe, useId as Te, useTemplateRef as pe, watch as ye, mergeProps as q, renderList as L, normalizeStyle as R, createElementVNode as c, withModifiers as ve, createSlots as De } from "vue";
+import { defineComponent as oe, openBlock as l, createElementBlock as r, normalizeClass as x, createBlock as D, unref as i, withCtx as F, createVNode as g, toDisplayString as M, createCommentVNode as f, computed as v, Fragment as b, renderSlot as S, createTextVNode as de, ref as te, getCurrentScope as Ie, onScopeDispose as Ae, nextTick as ge, useSlots as fe, useId as Te, useTemplateRef as pe, watch as ve, mergeProps as q, renderList as L, normalizeStyle as R, createElementVNode as c, withModifiers as ye, createSlots as De } from "vue";
 import { useI18n as Be } from "vue-i18n";
 import { RouterLink as we, useRouter as He } from "vue-router";
-import { _ as Ke } from "./SwipeActions.vue_vue_type_script_setup_true_lang-BBqcW3MR.js";
-import { _ as J } from "./Icon.vue_vue_type_script_lang-0pW1XBaE.js";
-import { _ as Ne } from "./Menu.vue_vue_type_script_setup_true_lang-DobycRxf.js";
+import { _ as Ke } from "./SwipeActions.vue_vue_type_script_setup_true_lang-DUjUWq3G.js";
+import { _ as J } from "./Icon.vue_vue_type_script_lang-BIzh8LF1.js";
+import { _ as Ne } from "./Menu.vue_vue_type_script_setup_true_lang-D2FsOVYA.js";
 import { _ as ze } from "./Tooltip.vue_vue_type_script_setup_true_lang-C1C1qeBj.js";
-import { _ as he } from "./EmptyState.vue_vue_type_script_setup_true_lang-ByKvrNSg.js";
+import { _ as he } from "./EmptyState.vue_vue_type_script_setup_true_lang-DHmu-UG-.js";
 import { u as Fe } from "./format-C_HXlOYQ.js";
 import { _ as Ve } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { _ as Oe } from "./Timestamp.vue_vue_type_script_setup_true_lang-XbbupD9A.js";
+import { _ as Oe } from "./Timestamp.vue_vue_type_script_setup_true_lang-0WL7PP0j.js";
 import { _ as me } from "./Highlight.vue_vue_type_script_setup_true_lang-DZGBmwcX.js";
 import { a as je } from "./mediaQuery-CygcXmFW.js";
 const Ue = ["data-row-click-ignore"], be = "col-start-1 row-start-1", Ye = "col-span-full row-start-2 max-w-full", ke = /* @__PURE__ */ oe({
@@ -21,8 +21,8 @@ const Ue = ["data-row-click-ignore"], be = "col-start-1 row-start-1", Ye = "col-
     highlight: { default: null },
     spread: { type: Boolean, default: !1 }
   },
-  setup(v) {
-    const s = v;
+  setup(y) {
+    const s = y;
     return (h, e) => (l(), r("div", {
       class: x(s.spread ? "contents" : "flex min-w-0 flex-col")
     }, [
@@ -55,8 +55,8 @@ const Ue = ["data-row-click-ignore"], be = "col-start-1 row-start-1", Ye = "col-
     ], 2));
   }
 });
-function _e(v, s) {
-  let h = v;
+function _e(y, s) {
+  let h = y;
   for (const e of String(s).split(".")) {
     if (typeof h != "object" || h === null) return;
     h = h[e];
@@ -82,8 +82,8 @@ const Ge = {
     search: {},
     spread: { type: Boolean }
   },
-  setup(v) {
-    const s = v, h = Fe(), e = y(() => _e(s.item, s.column.key)), C = y(() => e.value), k = y(() => e.value === null || e.value === void 0 ? "" : String(e.value)), m = y(() => typeof e.value == "number" ? e.value : typeof e.value == "string" && e.value.trim() !== "" ? Number(e.value) : null);
+  setup(y) {
+    const s = y, h = Fe(), e = v(() => _e(s.item, s.column.key)), C = v(() => e.value), k = v(() => e.value === null || e.value === void 0 ? "" : String(e.value)), m = v(() => typeof e.value == "number" ? e.value : typeof e.value == "string" && e.value.trim() !== "" ? Number(e.value) : null);
     return (E, N) => s.column.kind === "identity" ? (l(), r(b, { key: 0 }, [
       !s.compact && E.$slots.leading ? (l(), r("div", Ge, [
         S(E.$slots, "leading"),
@@ -127,16 +127,16 @@ const Ge = {
     ], 64));
   }
 }), Je = 'a, button, input, select, textarea, label, [role="button"], [data-row-click-ignore]', Qe = 500, Ze = 8;
-function et(v) {
+function et(y) {
   const s = He(), h = te([]), e = te("");
   let C = !1, k = null, m = { x: 0, y: 0 };
-  const E = (a) => v.actions()?.(a) ?? [];
+  const E = (a) => y.actions()?.(a) ?? [];
   function N(a) {
     return E(a).filter((p) => p.href).map((p) => ({ key: p.key, label: p.label, icon: p.icon, href: p.href, tone: p.tone ?? "neutral", external: p.external }));
   }
   function I(a, p, w) {
     const A = E(a);
-    return A.length === 0 ? !1 : (e.value = v.label()?.(a) ?? v.moreLabel(), h.value = A.map((_) => ({
+    return A.length === 0 ? !1 : (e.value = y.label()?.(a) ?? y.moreLabel(), h.value = A.map((_) => ({
       id: _.key,
       label: _.label,
       icon: _.icon,
@@ -145,20 +145,20 @@ function et(v) {
       onSelect: () => {
         _.onSelect ? _.onSelect() : _.href && (_.external ? window.open(_.href, "_blank", "noopener") : window.location.assign(_.href));
       }
-    })), ge(() => v.presentMenu(p, w)), !0);
+    })), ge(() => y.presentMenu(p, w)), !0);
   }
   function O(a, p) {
     const w = a.currentTarget.getBoundingClientRect();
     I(p, w.left, w.bottom);
   }
   function j(a, p) {
-    !v.actions() || a.target.closest("a") || I(p, a.clientX, a.clientY) && (a.preventDefault(), C = !0);
+    !y.actions() || a.target.closest("a") || I(p, a.clientX, a.clientY) && (a.preventDefault(), C = !0);
   }
   function B() {
     k && clearTimeout(k), k = null;
   }
   function U(a, p) {
-    C = !1, !(a.pointerType !== "touch" || !v.actions()) && (m = { x: a.clientX, y: a.clientY }, B(), k = setTimeout(() => {
+    C = !1, !(a.pointerType !== "touch" || !y.actions()) && (m = { x: a.clientX, y: a.clientY }, B(), k = setTimeout(() => {
       k = null, I(p, m.x, m.y) && (C = !0, navigator.vibrate?.(10));
     }, Qe));
   }
@@ -169,7 +169,7 @@ function et(v) {
     C && (C = !1, a.preventDefault(), a.stopPropagation());
   }
   function K(a, p) {
-    const w = v.pick?.(), A = w ? null : v.target(p);
+    const w = y.pick?.(), A = w ? null : y.target(p);
     if (!(!w && !A || a.target.closest(Je)) && !window.getSelection()?.toString()) {
       if (w) {
         w(p);
@@ -210,7 +210,7 @@ const tt = { class: "flex flex-1 flex-col gap-2 pt-1" }, ot = ["onClick", "onCon
 }, pt = {
   key: 1,
   class: "inline-block w-full align-middle"
-}, yt = ["role"], vt = { class: "border-b border-border-separator" }, ht = ["aria-sort"], mt = ["onClick"], bt = { key: 1 }, kt = {
+}, vt = ["role"], yt = { class: "border-b border-border-separator" }, ht = ["aria-sort"], mt = ["onClick"], bt = { key: 1 }, kt = {
   key: 0,
   class: "px-4 pt-2.5 pb-2",
   style: { width: "20px" }
@@ -246,15 +246,15 @@ const tt = { class: "flex flex-1 flex-col gap-2 pt-1" }, ot = ["onClick", "onCon
     pickLabel: { default: void 0 }
   },
   emits: ["sort"],
-  setup(v, { expose: s, emit: h }) {
-    const e = v, C = h, k = fe(), { t: m } = Be(), E = fe(), N = (o) => e.columns.filter((u) => u.mobile === o), I = y(() => N("primary")), O = y(() => N("accessory")), j = y(() => N("meta")), B = y(() => I.value.length === 1 && I.value[0].kind === "identity" && !z(I.value[0])), U = (o) => O.value.length > 0 || G.value && Z(o), H = (o) => `cell-${String(o.key).replace(/\./g, "_")}`, z = (o) => !!E[H(o)], K = (o, u) => _e(o, u.key), a = (o) => o == null || o === "", p = { md: "hidden md:table-cell", xl: "hidden xl:table-cell", "2xl": "hidden 2xl:table-cell" }, w = (o) => o.hideBelow ? [p[o.hideBelow]] : [], A = (o) => ["text-nowrap px-4 pt-2.5 pb-2 text-footnote font-normal text-content-muted", ...w(o)], _ = { start: "text-left", center: "text-center", end: "text-right" }, xe = (o) => [...w(o), _[o.align ?? "start"]], Ce = { start: "justify-start", center: "justify-center", end: "justify-end" }, se = y(() => e.rows.length > 0 && e.link(e.rows[0]) !== null), T = y(() => e.pick !== void 0 && e.display === "rows" && e.rows.length > 0), $e = Te(), Q = (o) => `${$e}-option-${o}`, P = te(-1), Y = pe("list");
-    ye(() => e.rows, () => P.value = -1), ye(P, (o) => void ge(() => Y.value?.querySelector(`[id="${Q(o)}"]`)?.scrollIntoView?.({ block: "nearest" })));
+  setup(y, { expose: s, emit: h }) {
+    const e = y, C = h, k = fe(), { t: m } = Be(), E = fe(), N = (o) => e.columns.filter((u) => u.mobile === o), I = v(() => N("primary")), O = v(() => N("accessory")), j = v(() => N("meta")), B = v(() => I.value.length === 1 && I.value[0].kind === "identity" && !z(I.value[0])), U = (o) => O.value.length > 0 || G.value && Z(o), H = (o) => `cell-${String(o.key).replace(/\./g, "_")}`, z = (o) => !!E[H(o)], K = (o, u) => _e(o, u.key), a = (o) => o == null || o === "", p = { md: "hidden md:table-cell", xl: "hidden xl:table-cell", "2xl": "hidden 2xl:table-cell" }, w = (o) => o.hideBelow ? [p[o.hideBelow]] : [], A = (o) => ["text-nowrap px-4 pt-2.5 pb-2 text-footnote font-normal text-content-muted", ...w(o)], _ = { start: "text-left", center: "text-center", end: "text-right" }, xe = (o) => [...w(o), _[o.align ?? "start"]], Ce = { start: "justify-start", center: "justify-center", end: "justify-end" }, se = v(() => e.rows.length > 0 && e.link(e.rows[0]) !== null), T = v(() => e.pick !== void 0 && e.display === "rows" && e.rows.length > 0), $e = Te(), Q = (o) => `${$e}-option-${o}`, P = te(-1), Y = pe("list");
+    ve(() => e.rows, () => P.value = -1), ve(P, (o) => void ge(() => Y.value?.querySelector(`[id="${Q(o)}"]`)?.scrollIntoView?.({ block: "nearest" })));
     function Se(o) {
       if (o.target !== o.currentTarget || o.altKey || o.ctrlKey || o.metaKey || o.shiftKey) return;
       const u = e.rows.length - 1, t = P.value, $ = { ArrowDown: Math.min(t + 1, u), ArrowUp: Math.max(t - 1, 0), Home: 0, End: u };
       o.key in $ ? (o.preventDefault(), P.value = $[o.key]) : (o.key === "Enter" || o.key === " ") && t >= 0 && e.rows[t] !== void 0 && (o.preventDefault(), e.pick?.(e.rows[t]));
     }
-    const le = y(
+    const le = v(
       () => T.value ? {
         role: "listbox",
         tabindex: 0,
@@ -277,7 +277,7 @@ const tt = { class: "flex flex-1 flex-col gap-2 pt-1" }, ot = ["onClick", "onCon
       pick: () => e.pick,
       presentMenu: (o, u) => re.value?.presentAt(o, u),
       moreLabel: () => m("core.page.more_actions")
-    }), G = y(() => !!e.rowActions && (e.actionsVisible || !k.actions && !se.value)), W = y(() => !!k.actions || se.value || G.value), ie = (o) => e.rowLabel ? `${m("core.page.more_actions")}: ${e.rowLabel(o)}` : m("core.page.more_actions"), Z = (o) => d.actionsOf(o).length > 0, ae = y(() => e.columns.length + (W.value ? 1 : 0)), X = (o) => o.sort !== void 0 && e.sorted?.key === o.sort, Pe = (o) => o.sort === void 0 ? void 0 : X(o) ? e.sorted?.direction === "asc" ? "ascending" : "descending" : "none", Re = (o) => X(o) ? e.sorted?.direction === "asc" ? "arrowUpSLine" : "arrowDownSLine" : "expandUpDownLine", ce = (o) => ({ animationDelay: `${Math.min(o, 8) * 30}ms` }), ee = y(() => e.display === "loading"), Me = y(() => ee.value && e.reserveRows !== void 0 ? `${e.reserveRows * (e.rowHeight ?? 40) + Tt}px` : void 0), ue = y(() => e.display === "empty" || e.display === "no-matches");
+    }), G = v(() => !!e.rowActions && (e.actionsVisible || !k.actions && !se.value)), W = v(() => !!k.actions || se.value || G.value), ie = (o) => e.rowLabel ? `${m("core.page.more_actions")}: ${e.rowLabel(o)}` : m("core.page.more_actions"), Z = (o) => d.actionsOf(o).length > 0, ae = v(() => e.columns.length + (W.value ? 1 : 0)), X = (o) => o.sort !== void 0 && e.sorted?.key === o.sort, Pe = (o) => o.sort === void 0 ? void 0 : X(o) ? e.sorted?.direction === "asc" ? "ascending" : "descending" : "none", Re = (o) => X(o) ? e.sorted?.direction === "asc" ? "arrowUpSLine" : "arrowDownSLine" : "expandUpDownLine", ce = (o) => ({ animationDelay: `${Math.min(o, 8) * 30}ms` }), ee = v(() => e.display === "loading"), Me = v(() => ee.value && e.reserveRows !== void 0 ? `${e.reserveRows * (e.rowHeight ?? 40) + Tt}px` : void 0), ue = v(() => e.display === "empty" || e.display === "no-matches");
     return (o, u) => (l(), r(b, null, [
       e.phone ? (l(), r("ul", q({
         key: 0,
@@ -396,7 +396,7 @@ const tt = { class: "flex flex-1 flex-col gap-2 pt-1" }, ot = ["onClick", "onCon
                         "data-test": "collection-row-more",
                         "aria-label": ie(t),
                         class: "hit-target -my-1 -mr-1 flex size-8 cursor-pointer items-center justify-center rounded-full text-content-muted active:bg-fill",
-                        onClick: ve((n) => i(d).openMenuFrom(n, t), ["stop"])
+                        onClick: ye((n) => i(d).openMenuFrom(n, t), ["stop"])
                       }, [
                         g(i(J), {
                           name: "moreLine",
@@ -451,7 +451,7 @@ const tt = { class: "flex flex-1 flex-col gap-2 pt-1" }, ot = ["onClick", "onCon
             class: x(["collection-grid w-full", { condensed: e.density === "condensed" }]),
             role: T.value ? "presentation" : void 0
           }, [
-            c("thead", vt, [
+            c("thead", yt, [
               c("tr", null, [
                 (l(!0), r(b, null, L(e.columns, (t) => (l(), r("th", {
                   key: String(t.key),
@@ -593,7 +593,7 @@ const tt = { class: "flex flex-1 flex-col gap-2 pt-1" }, ot = ["onClick", "onCon
                         "data-test": "collection-row-more",
                         "aria-label": ie(t),
                         class: "hit-target flex size-8 cursor-pointer items-center justify-center rounded-full bg-fill text-content-strong transition-colors duration-motion-fast hover:bg-fill-strong focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus",
-                        onClick: ve((n) => i(d).openMenuFrom(n, t), ["stop"])
+                        onClick: ye((n) => i(d).openMenuFrom(n, t), ["stop"])
                       }, [
                         g(i(J), {
                           name: "moreLine",
@@ -625,7 +625,7 @@ const tt = { class: "flex flex-1 flex-col gap-2 pt-1" }, ot = ["onClick", "onCon
                 ], 8, Et)
               ])) : f("", !0)
             ], 16)
-          ], 10, yt)
+          ], 10, vt)
         ], 4)
       ])),
       e.rowActions ? (l(), D(i(Ne), {
@@ -638,13 +638,14 @@ const tt = { class: "flex flex-1 flex-col gap-2 pt-1" }, ot = ["onClick", "onCon
     ], 64));
   }
 });
-function Xt(v) {
-  const s = je("(max-width: 1023px)"), h = y(() => v().some((e) => e.mobile && e.mobile !== "hidden"));
-  return { narrow: y(() => s.value), phone: y(() => s.value && h.value) };
+function Xt(y) {
+  const s = je("(max-width: 1023px)"), h = v(() => y().some((e) => e.mobile && e.mobile !== "hidden"));
+  return { narrow: v(() => s.value), phone: v(() => s.value && h.value) };
 }
 export {
   Wt as _,
   ke as a,
   V as b,
-  Xt as u
+  Xt as u,
+  _e as v
 };

package/dist/shell/index.js

@@ -1,7 +1,7 @@
 import { defineComponent as O, provide as ce, computed as L, ref as N, useId as Se, openBlock as l, createElementBlock as m, normalizeClass as E, unref as t, createVNode as p, createCommentVNode as y, createElementVNode as i, toDisplayString as M, createBlock as R, withDirectives as nt, Fragment as U, renderList as se, vShow as at, withCtx as z, mergeProps as le, useTemplateRef as re, renderSlot as j, createSlots as G, normalizeProps as ne, guardReactiveProps as ae, inject as Le, onMounted as ot, onBeforeUnmount as Oe, normalizeStyle as ve, nextTick as be, watch as Q, onScopeDispose as ue, Teleport as Re, shallowRef as Pe, h as te, Transition as we, toValue as _e, createTextVNode as ie } from "vue";
 import { useI18n as K } from "vue-i18n";
 import { _ as Ne } from "../Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
-import { _ as q, u as st, c as lt } from "../Icon.vue_vue_type_script_lang-0pW1XBaE.js";
+import { _ as q, u as st, c as lt } from "../Icon.vue_vue_type_script_lang-BIzh8LF1.js";
 import { _ as rt } from "../Popover.vue_vue_type_script_setup_true_lang-BK8HL_V0.js";
 import { u as qe, S as J } from "../contributions-BSmIRPg1.js";
 import { u as it } from "../environment-Dva-SG8D.js";
@@ -9,9 +9,9 @@ import { _ as ct } from "../CountryFlag.vue_vue_type_script_setup_true_lang-Kry_
 import { l as Ae } from "../languageName-CItV_SOv.js";
 import { t as Be } from "../toast-CqSDTWRX.js";
 import { u as de, h as Ce } from "../platform-YWfOO7b2.js";
-import { a as ut, _ as $e, h as Ee } from "../AccountMenuItem.vue_vue_type_script_setup_true_lang-rmH1XbU9.js";
-import { _ as dt } from "../Sheet.vue_vue_type_script_setup_true_lang-C1jpmLYN.js";
-import { _ as ft } from "../LeaveGuardRoot.vue_vue_type_script_setup_true_lang-CpEd_Psg.js";
+import { a as ut, _ as $e, h as Ee } from "../AccountMenuItem.vue_vue_type_script_setup_true_lang-C2TmmH38.js";
+import { _ as dt } from "../Sheet.vue_vue_type_script_setup_true_lang-BVU5yzXe.js";
+import { _ as ft } from "../LeaveGuardRoot.vue_vue_type_script_setup_true_lang-DjXYh-p0.js";
 import { _ as mt } from "../Toaster.vue_vue_type_script_setup_true_lang-55boRLAj.js";
 import { _ as pt } from "../BottomDock.vue_vue_type_script_setup_true_lang-CjN7xYEr.js";
 import { b as je } from "../chrome-kMBKIB1N.js";
@@ -22,15 +22,15 @@ import { u as gt } from "../leaveGuard-Cc8yeLxM.js";
 import { u as yt, S as xt } from "../dialogStack-DbO4IiAq.js";
 import { a as oe } from "../mediaQuery-CygcXmFW.js";
 import { u as Fe } from "../useDialog-B4_MpX2v.js";
-import { _ as kt } from "../Menu.vue_vue_type_script_setup_true_lang-DobycRxf.js";
+import { _ as kt } from "../Menu.vue_vue_type_script_setup_true_lang-D2FsOVYA.js";
 import { W as _t, s as Ue, u as wt, b as $t } from "../shortcut-oixX55SZ.js";
 import { d as fe } from "../feature-DdUAfyi4.js";
-import { _ as ko } from "../HeaderAction.vue_vue_type_script_setup_true_lang-DVfkuOy-.js";
+import { _ as ko } from "../HeaderAction.vue_vue_type_script_setup_true_lang-Uw0vwV-o.js";
 import { p as St } from "../perDocument-DUuFrdGU.js";
 import { _ as ze } from "../Highlight.vue_vue_type_script_setup_true_lang-DZGBmwcX.js";
 import { _ as Lt } from "../SearchInput.vue_vue_type_script_setup_true_lang-w4eAqyZ9.js";
 import { _ as Ct } from "../Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { _ as Et } from "../StatusLine.vue_vue_type_script_setup_true_lang-BN8nG1CW.js";
+import { _ as Et } from "../StatusLine.vue_vue_type_script_setup_true_lang-DBkQueB0.js";
 import { u as Tt } from "../usePreferences-D38x73re.js";
 import { p as Mt } from "../preferences-hYhrw8Uy.js";
 import { _ as At } from "../BottomDockPortal.vue_vue_type_script_setup_true_lang-DmwR-2SP.js";

package/dist/state/index.js

@@ -1,23 +1,23 @@
-import { _ as He, a as Ke, b as Qe, i as Ge, v as Je } from "../AsyncSection.vue_vue_type_script_setup_true_lang-DRP4BnMb.js";
+import { _ as He, a as Ke, b as Qe, i as Ge, v as Je } from "../AsyncSection.vue_vue_type_script_setup_true_lang-DuPS_zMX.js";
 import { _ as Ye } from "../Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { _ as ts } from "../Banner.vue_vue_type_script_setup_true_lang-ukLpznql.js";
+import { _ as ts } from "../Banner.vue_vue_type_script_setup_true_lang-BXZVOhfH.js";
 import { _ as U } from "../DrawnCheck.vue_vue_type_script_setup_true_lang-9DzDJlIA.js";
-import { _ as ss } from "../EmptyState.vue_vue_type_script_setup_true_lang-ByKvrNSg.js";
+import { _ as ss } from "../EmptyState.vue_vue_type_script_setup_true_lang-DHmu-UG-.js";
 import { defineComponent as q, computed as z, openBlock as e, createElementBlock as o, normalizeClass as _, createVNode as $, unref as n, createElementVNode as l, renderSlot as R, ref as A, watch as P, onBeforeUnmount as H, createBlock as T, withCtx as S, Transition as K, toDisplayString as d, Fragment as M, createCommentVNode as m, toValue as F, onScopeDispose as Q, mergeProps as O, createTextVNode as E, useTemplateRef as V, renderList as B, resolveDynamicComponent as G, resolveComponent as J, createSlots as X, withModifiers as Y } from "vue";
-import { _ as y } from "../Icon.vue_vue_type_script_lang-0pW1XBaE.js";
+import { _ as y } from "../Icon.vue_vue_type_script_lang-BIzh8LF1.js";
 import { _ as os } from "../ProgressTrack.vue_vue_type_script_setup_true_lang-DrOm8k--.js";
-import { _ as rs } from "../StatusLine.vue_vue_type_script_setup_true_lang-BN8nG1CW.js";
+import { _ as rs } from "../StatusLine.vue_vue_type_script_setup_true_lang-DBkQueB0.js";
 import { u as is } from "../useLoad-M7V-AVwR.js";
 import { D as us, W as ds, b as ps } from "../shortcut-oixX55SZ.js";
 import { useI18n as N } from "vue-i18n";
 import { useRouter as Z, RouterLink as tt } from "vue-router";
 import { _ as et } from "../BottomDockPortal.vue_vue_type_script_setup_true_lang-DmwR-2SP.js";
 import { d as st } from "../context-Ch1r4fdN.js";
-import { _ as nt } from "../Button.vue_vue_type_script_setup_true_lang-DkRuLqQK.js";
+import { _ as nt } from "../Button.vue_vue_type_script_setup_true_lang-CZkTqGtE.js";
 import { _ as ot } from "../Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
-import { _ as W } from "../Sheet.vue_vue_type_script_setup_true_lang-C1jpmLYN.js";
+import { _ as W } from "../Sheet.vue_vue_type_script_setup_true_lang-BVU5yzXe.js";
 import { a as I } from "../mediaQuery-CygcXmFW.js";
-import { _ as at } from "../FormRow.vue_vue_type_script_setup_true_lang-okuxbKyI.js";
+import { _ as at } from "../FormRow.vue_vue_type_script_setup_true_lang-B-uth5RB.js";
 const Ne = ["amber", "lime", "teal", "cyan", "blue", "indigo", "violet", "fuchsia", "pink"], Ae = /* @__PURE__ */ q({
   __name: "FieldNote",
   props: {