@wssto2/vue-core 0.9.4 → 0.11.0

package/dist/rowLayout-BsKEzEME.js

@@ -0,0 +1,650 @@
+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 { 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-D8SiC0G7.js";
+import { _ as J } from "./Icon.vue_vue_type_script_lang-BhhsFYwp.js";
+import { _ as Ne } from "./Menu.vue_vue_type_script_setup_true_lang-wKc9gdCn.js";
+import { _ as ze } from "./Tooltip.vue_vue_type_script_setup_true_lang-Dtg5Y6pf.js";
+import { _ as he } from "./EmptyState.vue_vue_type_script_setup_true_lang-DbZiO2RF.js";
+import { u as Fe } from "./format-D8KUBmbS.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-ClZAAUMd.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({
+  __name: "RecordIdentity",
+  props: {
+    title: {},
+    subtitle: { default: null },
+    to: { default: null },
+    subtitleSelectable: { type: Boolean, default: !1 },
+    highlight: { default: null },
+    spread: { type: Boolean, default: !1 }
+  },
+  setup(v) {
+    const s = v;
+    return (h, e) => (l(), r("div", {
+      class: x(s.spread ? "contents" : "flex min-w-0 flex-col")
+    }, [
+      s.to ? (l(), D(i(we), {
+        key: 0,
+        to: s.to,
+        class: x(["block truncate rounded-sm text-row-title focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus", s.spread ? be : void 0])
+      }, {
+        default: F(() => [
+          g(me, {
+            text: s.title,
+            search: s.highlight
+          }, null, 8, ["text", "search"])
+        ]),
+        _: 1
+      }, 8, ["to", "class"])) : (l(), r("span", {
+        key: 1,
+        class: x(["truncate text-row-title", s.spread ? be : void 0])
+      }, [
+        g(me, {
+          text: s.title,
+          search: s.highlight
+        }, null, 8, ["text", "search"])
+      ], 2)),
+      s.subtitle ? (l(), r("span", {
+        key: 2,
+        "data-row-click-ignore": s.subtitleSelectable ? "" : void 0,
+        class: x(["truncate text-row-subtitle", [s.subtitleSelectable ? "w-fit cursor-text select-text" : void 0, s.spread ? Ye : void 0]])
+      }, M(s.subtitle), 11, Ue)) : f("", !0)
+    ], 2));
+  }
+});
+function _e(v, s) {
+  let h = v;
+  for (const e of String(s).split(".")) {
+    if (typeof h != "object" || h === null) return;
+    h = h[e];
+  }
+  return h;
+}
+const Ge = {
+  key: 0,
+  class: "flex items-center gap-3"
+}, We = ["datetime"], Xe = {
+  key: 2,
+  class: "tabular-nums"
+}, qe = {
+  key: 3,
+  class: "tabular-nums"
+}, V = /* @__PURE__ */ oe({
+  __name: "CollectionCell",
+  props: {
+    column: {},
+    item: {},
+    compact: { type: Boolean },
+    to: {},
+    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);
+    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"),
+        g(ke, {
+          to: s.to,
+          title: s.column.title?.(s.item) ?? k.value,
+          subtitle: s.column.subtitle?.(s.item),
+          highlight: s.search,
+          "subtitle-selectable": ""
+        }, null, 8, ["to", "title", "subtitle", "highlight"])
+      ])) : (l(), D(ke, {
+        key: 1,
+        spread: s.spread,
+        to: s.to,
+        title: s.column.title?.(s.item) ?? k.value,
+        subtitle: s.column.subtitle?.(s.item),
+        highlight: s.search,
+        "subtitle-selectable": ""
+      }, null, 8, ["spread", "to", "title", "subtitle", "highlight"]))
+    ], 64)) : s.column.kind === "timestamp" ? (l(), r(b, { key: 1 }, [
+      s.compact && C.value ? (l(), r("time", {
+        key: 0,
+        class: "tabular-nums",
+        datetime: String(e.value)
+      }, M(s.column.precision === "date" ? i(h).date(C.value) : i(h).dateTime(C.value)), 9, We)) : s.compact ? f("", !0) : (l(), D(i(Oe), {
+        key: 1,
+        value: C.value,
+        precision: s.column.precision ?? "dateTime"
+      }, null, 8, ["value", "precision"]))
+    ], 64)) : s.column.kind === "number" ? (l(), r("span", Xe, M(i(h).number(m.value, s.column.format)), 1)) : s.column.kind === "money" ? (l(), r("span", qe, M(i(h).money(m.value, { currency: typeof s.column.currency == "function" ? s.column.currency(s.item) : s.column.currency })), 1)) : s.column.kind === "badge" ? (l(), D(i(Ve), {
+      key: 4,
+      tone: s.column.tone(s.item),
+      dot: ""
+    }, {
+      default: F(() => [
+        de(M(s.column.text?.(s.item) ?? k.value), 1)
+      ]),
+      _: 1
+    }, 8, ["tone"])) : (l(), r(b, { key: 5 }, [
+      de(M(k.value), 1)
+    ], 64));
+  }
+}), Je = 'a, button, input, select, textarea, label, [role="button"], [data-row-click-ignore]', Qe = 500, Ze = 8;
+function et(v) {
+  const s = He(), h = te([]), e = te("");
+  let C = !1, k = null, m = { x: 0, y: 0 };
+  const E = (a) => v.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((_) => ({
+      id: _.key,
+      label: _.label,
+      icon: _.icon,
+      section: _.section,
+      tone: _.tone === "critical" ? "critical" : void 0,
+      onSelect: () => {
+        _.onSelect ? _.onSelect() : _.href && (_.external ? window.open(_.href, "_blank", "noopener") : window.location.assign(_.href));
+      }
+    })), ge(() => v.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);
+  }
+  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(() => {
+      k = null, I(p, m.x, m.y) && (C = !0, navigator.vibrate?.(10));
+    }, Qe));
+  }
+  function H(a) {
+    k && Math.hypot(a.clientX - m.x, a.clientY - m.y) > Ze && B();
+  }
+  function z(a) {
+    C && (C = !1, a.preventDefault(), a.stopPropagation());
+  }
+  function K(a, p) {
+    const w = v.pick?.(), A = w ? null : v.target(p);
+    if (!(!w && !A || a.target.closest(Je)) && !window.getSelection()?.toString()) {
+      if (w) {
+        w(p);
+        return;
+      }
+      if (a.metaKey || a.ctrlKey) {
+        window.open(s.resolve(A).href, "_blank");
+        return;
+      }
+      s.push(A);
+    }
+  }
+  return Ie() && Ae(B), { menuItems: h, menuLabel: e, swipeActions: N, openMenuFrom: O, onContextMenu: j, onPointerDown: U, onPointerMove: H, cancelPress: B, onClickCapture: z, onClick: K, actionsOf: E };
+}
+const tt = { class: "flex flex-1 flex-col gap-2 pt-1" }, ot = ["onClick", "onContextmenu", "onPointerdown"], st = { class: "flex items-start gap-3" }, lt = {
+  key: 0,
+  class: "shrink-0 pt-0.5"
+}, nt = { class: "flex min-w-0 flex-1 flex-col gap-1" }, rt = {
+  key: 2,
+  class: "block truncate text-row-title"
+}, it = {
+  key: 0,
+  class: "col-start-2 row-start-1 flex shrink-0 items-center gap-2 pt-0.5"
+}, at = ["aria-label", "onClick"], ct = {
+  key: 0,
+  class: "flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1 text-row-meta"
+}, ut = {
+  key: 1,
+  class: "truncate"
+}, dt = {
+  key: 2,
+  class: "px-4 py-6",
+  "data-test": "collection-failed"
+}, ft = {
+  key: 3,
+  class: "px-4 py-2 text-center",
+  "data-test": "collection-empty"
+}, 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 = {
+  key: 0,
+  class: "px-4 pt-2.5 pb-2",
+  style: { width: "20px" }
+}, gt = { class: "sr-only" }, wt = {
+  key: 0,
+  class: "size-8 shrink-0 rounded-full bg-fill"
+}, _t = { class: "flex flex-1 flex-col gap-1.5" }, xt = { key: 0 }, Ct = ["onClick", "onContextmenu", "onPointerdown"], $t = { key: 0 }, St = { class: "flex items-center justify-center gap-1" }, Lt = ["aria-label", "onClick"], Pt = {
+  key: 2,
+  "data-test": "collection-failed"
+}, Rt = ["colspan"], Mt = {
+  key: 3,
+  "data-test": "collection-empty"
+}, Et = ["colspan"], It = "cursor-pointer hover:bg-fill/60 active:bg-fill-strong group-focus-visible/pick:data-current:bg-fill group-focus-visible/pick:data-current:outline-2 group-focus-visible/pick:data-current:-outline-offset-2 group-focus-visible/pick:data-current:outline-border-focus", At = "cursor-pointer after:pointer-events-none after:absolute after:inset-0 after:z-10 after:transition-colors hover:after:bg-content-strong/5 active:after:bg-content-strong/10 group-focus-visible/pick:data-current:after:bg-content-strong/5 group-focus-visible/pick:data-current:after:outline-2 group-focus-visible/pick:data-current:after:-outline-offset-2 group-focus-visible/pick:data-current:after:outline-border-focus", Tt = 37, Wt = /* @__PURE__ */ oe({
+  __name: "CollectionRows",
+  props: {
+    columns: {},
+    rows: {},
+    rowKey: {},
+    display: {},
+    phone: { type: Boolean },
+    link: {},
+    search: { default: void 0 },
+    sorted: { default: null },
+    rowActions: { type: Function, default: void 0 },
+    rowLabel: { type: Function, default: void 0 },
+    rowHeight: { default: void 0 },
+    density: { default: "regular" },
+    actionsVisible: { type: Boolean, default: !1 },
+    skeletonRows: {},
+    reserveRows: { default: void 0 },
+    rowClass: { type: Function, default: void 0 },
+    pick: { type: Function, default: void 0 },
+    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" })));
+    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(
+      () => T.value ? {
+        role: "listbox",
+        tabindex: 0,
+        "aria-label": e.pickLabel ?? m("core.collection.pick_label"),
+        "aria-activedescendant": P.value >= 0 ? Q(P.value) : void 0,
+        onKeydown: Se,
+        onFocus: () => {
+          P.value < 0 && (P.value = 0);
+        }
+      } : {}
+    ), ne = (o) => T.value ? { role: "option", id: Q(o), "data-current": o === P.value ? "" : void 0 } : {};
+    function Le() {
+      return T.value ? (Y.value?.focus(), !0) : !1;
+    }
+    s({ focusRows: Le });
+    const re = pe("rowMenu"), d = et({
+      actions: () => e.rowActions,
+      label: () => e.rowLabel,
+      target: (o) => e.link(o),
+      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");
+    return (o, u) => (l(), r(b, null, [
+      e.phone ? (l(), r("ul", q({
+        key: 0,
+        ref_key: "list",
+        ref: Y
+      }, le.value, {
+        class: ["overflow-hidden rounded-group bg-surface-cell shadow-group", T.value ? "group/pick outline-0" : void 0],
+        "data-test": "collection-mobile-rows"
+      }), [
+        ee.value ? (l(!0), r(b, { key: 0 }, L(e.skeletonRows, (t) => (l(), r("li", {
+          key: `skeleton-${t}`,
+          "aria-hidden": "true",
+          class: "relative flex animate-pulse items-start gap-3 px-row-inset py-3 motion-reduce:animate-none not-first:before:absolute not-first:before:top-0 not-first:before:right-0 not-first:before:left-row-inset not-first:before:h-px not-first:before:bg-border-separator",
+          style: R({ animationDelay: `${t * 60}ms` })
+        }, [
+          u[5] || (u[5] = c("span", { class: "size-9 shrink-0 rounded-full bg-fill" }, null, -1)),
+          c("span", tt, [
+            c("span", {
+              class: "h-2.5 rounded-full bg-fill-strong",
+              style: R({ width: `${45 + t * 13 % 30}%` })
+            }, null, 4),
+            c("span", {
+              class: "h-2 rounded-full bg-fill",
+              style: R({ width: `${60 + t * 7 % 25}%` })
+            }, null, 4)
+          ])
+        ], 4))), 128)) : f("", !0),
+        e.display === "rows" ? (l(!0), r(b, { key: 1 }, L(e.rows, (t, $) => (l(), r("li", q({
+          key: e.rowKey(t),
+          style: ce($),
+          "data-test": "collection-row"
+        }, { ref_for: !0 }, ne($), {
+          class: ["relative animate-row-in transition-colors duration-motion-fast active:bg-fill not-first:before:absolute not-first:before:top-0 not-first:before:right-0 not-first:before:left-row-inset not-first:before:z-10 not-first:before:h-px not-first:before:bg-border-separator", [e.link(t) ? "cursor-pointer" : void 0, T.value ? At : void 0, e.rowClass?.(t)]],
+          onClickCapture: u[0] || (u[0] = //@ts-ignore
+          (...n) => i(d).onClickCapture && i(d).onClickCapture(...n)),
+          onClick: (n) => i(d).onClick(n, t),
+          onContextmenu: (n) => i(d).onContextMenu(n, t),
+          onPointerdown: (n) => i(d).onPointerDown(n, t),
+          onPointermove: u[1] || (u[1] = //@ts-ignore
+          (...n) => i(d).onPointerMove && i(d).onPointerMove(...n)),
+          onPointerup: u[2] || (u[2] = //@ts-ignore
+          (...n) => i(d).cancelPress && i(d).cancelPress(...n)),
+          onPointercancel: u[3] || (u[3] = //@ts-ignore
+          (...n) => i(d).cancelPress && i(d).cancelPress(...n))
+        }), [
+          g(i(Ke), {
+            actions: i(d).swipeActions(t),
+            "content-class": "px-row-inset py-2.5"
+          }, {
+            default: F(() => [
+              c("div", st, [
+                k.leading ? (l(), r("div", lt, [
+                  S(o.$slots, "leading", {
+                    item: t,
+                    compact: !0
+                  })
+                ])) : f("", !0),
+                c("div", nt, [
+                  c("div", {
+                    class: x(["grid min-w-0 items-start gap-x-3", U(t) ? "grid-cols-[minmax(0,1fr)_auto]" : "grid-cols-[minmax(0,1fr)]"]),
+                    "data-test": "collection-row-head"
+                  }, [
+                    c("div", {
+                      class: x(B.value ? "contents" : "col-start-1 row-start-1 min-w-0")
+                    }, [
+                      (l(!0), r(b, null, L(I.value, (n) => (l(), r(b, {
+                        key: String(n.key)
+                      }, [
+                        z(n) ? S(o.$slots, H(n), {
+                          item: t,
+                          value: K(t, n),
+                          compact: !0,
+                          to: e.link(t),
+                          search: e.search
+                        }, void 0, void 0, 0) : B.value ? (l(), D(V, {
+                          key: 1,
+                          column: n,
+                          item: t,
+                          compact: !0,
+                          to: e.link(t),
+                          search: e.search,
+                          spread: ""
+                        }, null, 8, ["column", "item", "to", "search"])) : (l(), r("span", rt, [
+                          g(V, {
+                            column: n,
+                            item: t,
+                            compact: !0,
+                            to: e.link(t),
+                            search: e.search
+                          }, null, 8, ["column", "item", "to", "search"])
+                        ]))
+                      ], 64))), 128))
+                    ], 2),
+                    U(t) ? (l(), r("div", it, [
+                      (l(!0), r(b, null, L(O.value, (n) => (l(), r(b, {
+                        key: String(n.key)
+                      }, [
+                        z(n) ? S(o.$slots, H(n), {
+                          item: t,
+                          value: K(t, n),
+                          compact: !0,
+                          to: e.link(t),
+                          search: e.search
+                        }, void 0, void 0, 0) : (l(), D(V, {
+                          key: 1,
+                          column: n,
+                          item: t,
+                          compact: !0,
+                          to: e.link(t),
+                          search: e.search
+                        }, null, 8, ["column", "item", "to", "search"]))
+                      ], 64))), 128)),
+                      G.value && Z(t) ? (l(), r("button", {
+                        key: 0,
+                        type: "button",
+                        "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"])
+                      }, [
+                        g(i(J), {
+                          name: "moreLine",
+                          size: 20
+                        })
+                      ], 8, at)) : f("", !0)
+                    ])) : f("", !0)
+                  ], 2),
+                  j.value.length ? (l(), r("div", ct, [
+                    (l(!0), r(b, null, L(j.value, (n) => (l(), r(b, {
+                      key: String(n.key)
+                    }, [
+                      z(n) ? S(o.$slots, H(n), {
+                        item: t,
+                        value: K(t, n),
+                        compact: !0,
+                        to: e.link(t),
+                        search: e.search
+                      }, void 0, void 0, 0) : a(K(t, n)) ? f("", !0) : (l(), r("span", ut, [
+                        g(V, {
+                          column: n,
+                          item: t,
+                          compact: !0,
+                          to: e.link(t),
+                          search: e.search
+                        }, null, 8, ["column", "item", "to", "search"])
+                      ]))
+                    ], 64))), 128))
+                  ])) : f("", !0)
+                ])
+              ])
+            ]),
+            _: 2
+          }, 1032, ["actions"])
+        ], 16, ot))), 128)) : f("", !0),
+        e.display === "failed" ? (l(), r("li", dt, [
+          S(o.$slots, "failed")
+        ])) : f("", !0),
+        ue.value ? (l(), r("li", ft, [
+          S(o.$slots, "empty", {}, () => [
+            g(i(he), {
+              title: i(m)("core.collection.no_data")
+            }, null, 8, ["title"])
+          ])
+        ])) : f("", !0)
+      ], 16)) : (l(), r("div", pt, [
+        c("div", {
+          class: "overflow-x-auto",
+          style: R({ minHeight: Me.value })
+        }, [
+          c("table", {
+            class: x(["collection-grid w-full", { condensed: e.density === "condensed" }]),
+            role: T.value ? "presentation" : void 0
+          }, [
+            c("thead", vt, [
+              c("tr", null, [
+                (l(!0), r(b, null, L(e.columns, (t) => (l(), r("th", {
+                  key: String(t.key),
+                  scope: "col",
+                  class: x(A(t)),
+                  style: R({ width: t.width ? `${t.width}px` : void 0, textAlign: t.align ?? "start" }),
+                  "aria-sort": Pe(t)
+                }, [
+                  c("div", {
+                    class: x(["flex", Ce[t.align ?? "start"]])
+                  }, [
+                    t.sort !== void 0 ? (l(), r("button", {
+                      key: 0,
+                      type: "button",
+                      class: x(["group inline-flex cursor-pointer items-center gap-1 rounded-sm transition-colors hover:text-content-strong focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus", [X(t) ? "font-semibold text-content-strong" : "", t.align === "end" ? "flex-row-reverse" : ""]]),
+                      onClick: ($) => C("sort", t.sort)
+                    }, [
+                      c("span", null, M(t.label), 1),
+                      g(i(J), {
+                        name: Re(t),
+                        size: 14,
+                        class: x(X(t) ? "text-content-muted" : "text-content-disabled opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100")
+                      }, null, 8, ["name", "class"])
+                    ], 10, mt)) : (l(), r("span", bt, M(t.label), 1))
+                  ], 2)
+                ], 14, ht))), 128)),
+                W.value ? (l(), r("th", kt, [
+                  c("span", gt, M(i(m)("core.actions.more")), 1)
+                ])) : f("", !0)
+              ])
+            ]),
+            c("tbody", q({
+              ref_key: "list",
+              ref: Y
+            }, le.value, {
+              class: T.value ? "group/pick outline-0" : void 0
+            }), [
+              ee.value ? (l(!0), r(b, { key: 0 }, L(e.skeletonRows, (t) => (l(), r("tr", {
+                key: `skeleton-${t}`,
+                "aria-hidden": "true",
+                style: R(e.rowHeight ? { height: `${e.rowHeight}px` } : void 0)
+              }, [
+                (l(!0), r(b, null, L(e.columns, ($, n) => (l(), r("td", {
+                  key: String($.key),
+                  class: x(w($))
+                }, [
+                  c("div", {
+                    class: "flex animate-pulse items-center gap-3 motion-reduce:animate-none",
+                    style: R({ animationDelay: `${t * 60}ms` })
+                  }, [
+                    n === 0 ? (l(), r("span", wt)) : f("", !0),
+                    c("span", _t, [
+                      c("span", {
+                        class: "h-2.5 rounded-full bg-fill-strong",
+                        style: R({ width: `${55 + (t * 7 + n * 13) % 35}%` })
+                      }, null, 4),
+                      c("span", {
+                        class: "h-2 rounded-full bg-fill",
+                        style: R({ width: `${30 + (t * 11 + n * 5) % 30}%` })
+                      }, null, 4)
+                    ])
+                  ], 4)
+                ], 2))), 128)),
+                W.value ? (l(), r("td", xt, [...u[6] || (u[6] = [
+                  c("div", { class: "mx-auto h-6 w-6 animate-pulse rounded-full bg-fill motion-reduce:animate-none" }, null, -1)
+                ])])) : f("", !0)
+              ], 4))), 128)) : f("", !0),
+              e.display === "rows" ? (l(!0), r(b, { key: 1 }, L(e.rows, (t, $) => (l(), r("tr", q({
+                key: e.rowKey(t),
+                class: "animate-row-in",
+                "data-test": "collection-row"
+              }, { ref_for: !0 }, ne($), {
+                class: [e.link(t) ? "cursor-pointer" : void 0, T.value ? It : void 0, e.rowClass?.(t)],
+                style: [e.rowHeight ? { height: `${e.rowHeight}px` } : {}, ce($)],
+                onClickCapture: u[4] || (u[4] = //@ts-ignore
+                (...n) => i(d).onClickCapture && i(d).onClickCapture(...n)),
+                onClick: (n) => i(d).onClick(n, t),
+                onContextmenu: (n) => i(d).onContextMenu(n, t),
+                onPointerdown: (n) => i(d).onPointerDown(n, t)
+              }), [
+                (l(!0), r(b, null, L(e.columns, (n, Ee) => (l(), r("td", {
+                  key: String(n.key),
+                  class: x(xe(n))
+                }, [
+                  S(o.$slots, H(n), {
+                    item: t,
+                    value: K(t, n),
+                    compact: !1,
+                    to: e.link(t)
+                  }, () => [
+                    g(V, {
+                      column: n,
+                      item: t,
+                      compact: !1,
+                      to: e.link(t),
+                      search: e.search
+                    }, De({ _: 2 }, [
+                      k.leading && Ee === 0 ? {
+                        name: "leading",
+                        fn: F(() => [
+                          S(o.$slots, "leading", {
+                            item: t,
+                            compact: !1
+                          })
+                        ]),
+                        key: "0"
+                      } : void 0
+                    ]), 1032, ["column", "item", "to", "search"])
+                  ])
+                ], 2))), 128)),
+                W.value ? (l(), r("td", $t, [
+                  S(o.$slots, "actions", { item: t }, () => [
+                    c("div", St, [
+                      e.link(t) ? (l(), D(i(ze), {
+                        key: 0,
+                        text: i(m)("core.collection.open_record"),
+                        side: "left"
+                      }, {
+                        default: F(() => [
+                          g(i(we), {
+                            to: e.link(t),
+                            "aria-label": `${i(m)("core.collection.open_record")}${e.rowLabel ? `: ${e.rowLabel(t)}` : ""}`,
+                            class: "inline-flex rounded-md p-1.5 text-content-link transition-colors hover:bg-tint-soft focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus"
+                          }, {
+                            default: F(() => [
+                              g(i(J), {
+                                name: "eye",
+                                size: 18
+                              })
+                            ]),
+                            _: 1
+                          }, 8, ["to", "aria-label"])
+                        ]),
+                        _: 2
+                      }, 1032, ["text"])) : f("", !0),
+                      G.value && Z(t) ? (l(), r("button", {
+                        key: 1,
+                        type: "button",
+                        "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"])
+                      }, [
+                        g(i(J), {
+                          name: "moreLine",
+                          size: 18
+                        })
+                      ], 8, Lt)) : f("", !0)
+                    ])
+                  ])
+                ])) : f("", !0)
+              ], 16, Ct))), 128)) : f("", !0),
+              e.display === "failed" ? (l(), r("tr", Pt, [
+                c("td", {
+                  colspan: ae.value,
+                  class: "!whitespace-normal py-6"
+                }, [
+                  S(o.$slots, "failed")
+                ], 8, Rt)
+              ])) : f("", !0),
+              ue.value ? (l(), r("tr", Mt, [
+                c("td", {
+                  colspan: ae.value,
+                  class: "!whitespace-normal py-6 text-center"
+                }, [
+                  S(o.$slots, "empty", {}, () => [
+                    g(i(he), {
+                      title: i(m)("core.collection.no_data")
+                    }, null, 8, ["title"])
+                  ])
+                ], 8, Et)
+              ])) : f("", !0)
+            ], 16)
+          ], 10, yt)
+        ], 4)
+      ])),
+      e.rowActions ? (l(), D(i(Ne), {
+        key: 2,
+        ref_key: "rowMenu",
+        ref: re,
+        items: i(d).menuItems.value,
+        label: i(d).menuLabel.value
+      }, null, 8, ["items", "label"])) : f("", !0)
+    ], 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) };
+}
+export {
+  Wt as _,
+  ke as a,
+  V as b,
+  Xt as u
+};

package/dist/shell/DarkModeRow.vue.d.ts

@@ -0,0 +1,15 @@
+/**
+ * The dark-mode switch of the shell's account menu. A row with a state and nothing else: the app
+ * (or `darkMode()`) says whether it is on and what choosing it does.
+ *
+ *   <DarkModeRow :dark="preferences.dark" @toggle="preferences.set(!preferences.dark)" />
+ */
+type __VLS_Props = {
+    dark: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    toggle: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/shell/OfflineNotice.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/shell/QuickSearchButton.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;