@wssto2/vue-core 0.4.3 → 0.4.5

package/dist/{rowLayout-CZ7uZFnE.js → rowLayout-BkQWulan.js}

@@ -1,150 +1,155 @@
-import { defineComponent as W, computed as g, openBlock as o, createElementBlock as n, createBlock as D, unref as i, withCtx as H, Fragment as p, renderList as $, normalizeClass as S, toDisplayString as w, createTextVNode as G, createCommentVNode as m, renderSlot as x, createVNode as C, ref as ne, getCurrentScope as me, onScopeDispose as ye, nextTick as be, useSlots as se, useTemplateRef as ke, normalizeStyle as L, createElementVNode as d, withModifiers as le, createSlots as ge } from "vue";
-import { useI18n as ve } from "vue-i18n";
-import { RouterLink as ce, useRouter as _e } from "vue-router";
-import { _ as we } from "./SwipeActions.vue_vue_type_script_setup_true_lang-BJIA2JfI.js";
-import { _ as K } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
-import { _ as xe } from "./Menu.vue_vue_type_script_setup_true_lang-ClsOlOSr.js";
-import { _ as Ce } from "./Tooltip.vue_vue_type_script_setup_true_lang-OOD_XNWx.js";
-import { _ as re } from "./EmptyState.vue_vue_type_script_setup_true_lang-50p-Mp8I.js";
-import { u as $e } from "./format-B8mJm946.js";
-import { _ as Se } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { _ as Le } from "./Timestamp.vue_vue_type_script_setup_true_lang-FVRUr-9y.js";
-import { a as Me } from "./mediaQuery-CygcXmFW.js";
-function Re(y, s) {
+import { defineComponent as W, computed as v, openBlock as o, createElementBlock as n, normalizeClass as g, createBlock as M, unref as i, withCtx as N, Fragment as p, renderList as S, toDisplayString as x, createTextVNode as G, createCommentVNode as y, renderSlot as C, createVNode as $, ref as ne, getCurrentScope as ke, onScopeDispose as ve, nextTick as ge, useSlots as le, useTemplateRef as we, normalizeStyle as L, createElementVNode as d, withModifiers as re, createSlots as _e } from "vue";
+import { useI18n as xe } from "vue-i18n";
+import { RouterLink as de, useRouter as Ce } from "vue-router";
+import { _ as $e } from "./SwipeActions.vue_vue_type_script_setup_true_lang-BJIA2JfI.js";
+import { _ as Y } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { _ as Se } from "./Menu.vue_vue_type_script_setup_true_lang-uPmxWvds.js";
+import { _ as Le } from "./Tooltip.vue_vue_type_script_setup_true_lang-OOD_XNWx.js";
+import { _ as ie } from "./EmptyState.vue_vue_type_script_setup_true_lang-50p-Mp8I.js";
+import { u as Re } from "./format-B8mJm946.js";
+import { _ as Pe } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
+import { _ as Me } from "./Timestamp.vue_vue_type_script_setup_true_lang-FVRUr-9y.js";
+import { a as Ee } from "./mediaQuery-CygcXmFW.js";
+function Te(b, s) {
   const e = (s ?? "").split(/\s+/).filter((u) => u !== "");
-  if (e.length === 0 || y === "") return [{ text: y, match: !1 }];
+  if (e.length === 0 || b === "") return [{ text: b, match: !1 }];
   const f = new RegExp(`(${e.sort((u, a) => a.length - u.length).map((u) => u.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|")})`, "giu");
-  return y.split(f).flatMap((u, a) => u === "" ? [] : [{ text: u, match: a % 2 === 1 }]);
+  return b.split(f).flatMap((u, a) => u === "" ? [] : [{ text: u, match: a % 2 === 1 }]);
 }
-const Pe = { class: "flex min-w-0 flex-col" }, Ae = {
-  key: 1,
-  class: "truncate text-row-title"
-}, Ee = ["data-row-click-ignore"], ie = "rounded-sm bg-status-warning-surface text-status-warning-content", ae = /* @__PURE__ */ W({
+const Ae = ["data-row-click-ignore"], ae = "rounded-sm bg-status-warning-surface text-status-warning-content", ce = "col-start-1 row-start-1", De = "col-span-full row-start-2 max-w-full", ue = /* @__PURE__ */ W({
   __name: "RecordIdentity",
   props: {
     title: {},
     subtitle: { default: null },
     to: { default: null },
     subtitleSelectable: { type: Boolean, default: !1 },
-    highlight: { default: null }
+    highlight: { default: null },
+    spread: { type: Boolean, default: !1 }
   },
-  setup(y) {
-    const s = y, e = g(() => Re(s.title, s.highlight));
-    return (f, u) => (o(), n("div", Pe, [
-      s.to ? (o(), D(i(ce), {
+  setup(b) {
+    const s = b, e = v(() => Te(s.title, s.highlight));
+    return (f, u) => (o(), n("div", {
+      class: g(s.spread ? "contents" : "flex min-w-0 flex-col")
+    }, [
+      s.to ? (o(), M(i(de), {
         key: 0,
         to: s.to,
-        class: "block truncate rounded-sm text-row-title focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus"
+        class: g(["block truncate rounded-sm text-row-title focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus", s.spread ? ce : void 0])
       }, {
-        default: H(() => [
-          (o(!0), n(p, null, $(e.value, (a, v) => (o(), n(p, { key: v }, [
+        default: N(() => [
+          (o(!0), n(p, null, S(e.value, (a, w) => (o(), n(p, { key: w }, [
             a.match ? (o(), n("mark", {
               key: 0,
-              class: S(ie)
-            }, w(a.text), 1)) : (o(), n(p, { key: 1 }, [
-              G(w(a.text), 1)
+              class: g(ae)
+            }, x(a.text), 1)) : (o(), n(p, { key: 1 }, [
+              G(x(a.text), 1)
             ], 64))
           ], 64))), 128))
         ]),
         _: 1
-      }, 8, ["to"])) : (o(), n("span", Ae, [
-        (o(!0), n(p, null, $(e.value, (a, v) => (o(), n(p, { key: v }, [
+      }, 8, ["to", "class"])) : (o(), n("span", {
+        key: 1,
+        class: g(["truncate text-row-title", s.spread ? ce : void 0])
+      }, [
+        (o(!0), n(p, null, S(e.value, (a, w) => (o(), n(p, { key: w }, [
           a.match ? (o(), n("mark", {
             key: 0,
-            class: S(ie)
-          }, w(a.text), 1)) : (o(), n(p, { key: 1 }, [
-            G(w(a.text), 1)
+            class: g(ae)
+          }, x(a.text), 1)) : (o(), n(p, { key: 1 }, [
+            G(x(a.text), 1)
           ], 64))
         ], 64))), 128))
-      ])),
+      ], 2)),
       s.subtitle ? (o(), n("span", {
         key: 2,
         "data-row-click-ignore": s.subtitleSelectable ? "" : void 0,
-        class: S(["truncate text-row-subtitle", { "w-fit cursor-text select-text": s.subtitleSelectable }])
-      }, w(s.subtitle), 11, Ee)) : m("", !0)
-    ]));
+        class: g(["truncate text-row-subtitle", [s.subtitleSelectable ? "w-fit cursor-text select-text" : void 0, s.spread ? De : void 0]])
+      }, x(s.subtitle), 11, Ae)) : y("", !0)
+    ], 2));
   }
 });
-function ue(y, s) {
-  let e = y;
+function fe(b, s) {
+  let e = b;
   for (const f of String(s).split(".")) {
     if (typeof e != "object" || e === null) return;
     e = e[f];
   }
   return e;
 }
-const Te = {
+const Be = {
   key: 0,
   class: "flex items-center gap-3"
-}, De = ["datetime"], Be = {
+}, Ie = ["datetime"], He = {
   key: 2,
   class: "tabular-nums"
-}, He = {
+}, Ne = {
   key: 3,
   class: "tabular-nums"
-}, Y = /* @__PURE__ */ W({
+}, z = /* @__PURE__ */ W({
   __name: "CollectionCell",
   props: {
     column: {},
     item: {},
     compact: { type: Boolean },
     to: {},
-    search: {}
+    search: {},
+    spread: { type: Boolean }
   },
-  setup(y) {
-    const s = y, e = $e(), f = g(() => ue(s.item, s.column.key)), u = g(() => f.value), a = g(() => f.value === null || f.value === void 0 ? "" : String(f.value)), v = g(() => typeof f.value == "number" ? f.value : typeof f.value == "string" && f.value.trim() !== "" ? Number(f.value) : null);
-    return (M, N) => s.column.kind === "identity" ? (o(), n(p, { key: 0 }, [
-      !s.compact && M.$slots.leading ? (o(), n("div", Te, [
-        x(M.$slots, "leading"),
-        C(ae, {
+  setup(b) {
+    const s = b, e = Re(), f = v(() => fe(s.item, s.column.key)), u = v(() => f.value), a = v(() => f.value === null || f.value === void 0 ? "" : String(f.value)), w = v(() => typeof f.value == "number" ? f.value : typeof f.value == "string" && f.value.trim() !== "" ? Number(f.value) : null);
+    return (R, E) => s.column.kind === "identity" ? (o(), n(p, { key: 0 }, [
+      !s.compact && R.$slots.leading ? (o(), n("div", Be, [
+        C(R.$slots, "leading"),
+        $(ue, {
           to: s.to,
           title: s.column.title?.(s.item) ?? a.value,
           subtitle: s.column.subtitle?.(s.item),
           highlight: s.search,
           "subtitle-selectable": ""
         }, null, 8, ["to", "title", "subtitle", "highlight"])
-      ])) : (o(), D(ae, {
+      ])) : (o(), M(ue, {
         key: 1,
+        spread: s.spread,
         to: s.to,
         title: s.column.title?.(s.item) ?? a.value,
         subtitle: s.column.subtitle?.(s.item),
         highlight: s.search,
         "subtitle-selectable": ""
-      }, null, 8, ["to", "title", "subtitle", "highlight"]))
+      }, null, 8, ["spread", "to", "title", "subtitle", "highlight"]))
     ], 64)) : s.column.kind === "timestamp" ? (o(), n(p, { key: 1 }, [
       s.compact && u.value ? (o(), n("time", {
         key: 0,
         class: "tabular-nums",
         datetime: String(f.value)
-      }, w(s.column.precision === "date" ? i(e).date(u.value) : i(e).dateTime(u.value)), 9, De)) : s.compact ? m("", !0) : (o(), D(i(Le), {
+      }, x(s.column.precision === "date" ? i(e).date(u.value) : i(e).dateTime(u.value)), 9, Ie)) : s.compact ? y("", !0) : (o(), M(i(Me), {
         key: 1,
         value: u.value,
         precision: s.column.precision ?? "dateTime"
       }, null, 8, ["value", "precision"]))
-    ], 64)) : s.column.kind === "number" ? (o(), n("span", Be, w(i(e).number(v.value, s.column.format)), 1)) : s.column.kind === "money" ? (o(), n("span", He, w(i(e).money(v.value, typeof s.column.currency == "function" ? s.column.currency(s.item) : s.column.currency)), 1)) : s.column.kind === "badge" ? (o(), D(i(Se), {
+    ], 64)) : s.column.kind === "number" ? (o(), n("span", He, x(i(e).number(w.value, s.column.format)), 1)) : s.column.kind === "money" ? (o(), n("span", Ne, x(i(e).money(w.value, typeof s.column.currency == "function" ? s.column.currency(s.item) : s.column.currency)), 1)) : s.column.kind === "badge" ? (o(), M(i(Pe), {
       key: 4,
       tone: s.column.tone(s.item),
       dot: ""
     }, {
-      default: H(() => [
-        G(w(s.column.text?.(s.item) ?? a.value), 1)
+      default: N(() => [
+        G(x(s.column.text?.(s.item) ?? a.value), 1)
       ]),
       _: 1
     }, 8, ["tone"])) : (o(), n(p, { key: 5 }, [
-      G(w(a.value), 1)
+      G(x(a.value), 1)
     ], 64));
   }
-}), Ie = 'a, button, input, select, textarea, label, [role="button"], [data-row-click-ignore]', Ne = 500, ze = 8;
-function Fe(y) {
-  const s = _e(), e = ne([]), f = ne("");
-  let u = !1, a = null, v = { x: 0, y: 0 };
-  const M = (c) => y.actions()?.(c) ?? [];
-  function N(c) {
-    return M(c).filter((b) => b.href).map((b) => ({ key: b.key, label: b.label, icon: b.icon, href: b.href, tone: b.tone ?? "neutral", external: b.external }));
+}), ze = 'a, button, input, select, textarea, label, [role="button"], [data-row-click-ignore]', Fe = 500, Ve = 8;
+function je(b) {
+  const s = Ce(), e = ne([]), f = ne("");
+  let u = !1, a = null, w = { x: 0, y: 0 };
+  const R = (c) => b.actions()?.(c) ?? [];
+  function E(c) {
+    return R(c).filter((m) => m.href).map((m) => ({ key: m.key, label: m.label, icon: m.icon, href: m.href, tone: m.tone ?? "neutral", external: m.external }));
   }
-  function B(c, b, R) {
-    const F = M(c);
-    return F.length === 0 ? !1 : (f.value = y.label()?.(c) ?? y.moreLabel(), e.value = F.map((_) => ({
+  function I(c, m, P) {
+    const j = R(c);
+    return j.length === 0 ? !1 : (f.value = b.label()?.(c) ?? b.moreLabel(), e.value = j.map((_) => ({
       id: _.key,
       label: _.label,
       icon: _.icon,
@@ -153,54 +158,54 @@ function Fe(y) {
       onSelect: () => {
         _.onSelect ? _.onSelect() : _.href && (_.external ? window.open(_.href, "_blank", "noopener") : window.location.assign(_.href));
       }
-    })), be(() => y.presentMenu(b, R)), !0);
+    })), ge(() => b.presentMenu(m, P)), !0);
   }
-  function z(c, b) {
-    const R = c.currentTarget.getBoundingClientRect();
-    B(b, R.left, R.bottom);
+  function F(c, m) {
+    const P = c.currentTarget.getBoundingClientRect();
+    I(m, P.left, P.bottom);
   }
-  function A(c, b) {
-    !y.actions() || c.target.closest("a") || B(b, c.clientX, c.clientY) && (c.preventDefault(), u = !0);
+  function V(c, m) {
+    !b.actions() || c.target.closest("a") || I(m, c.clientX, c.clientY) && (c.preventDefault(), u = !0);
   }
-  function P() {
+  function T() {
     a && clearTimeout(a), a = null;
   }
-  function E(c, b) {
-    u = !1, !(c.pointerType !== "touch" || !y.actions()) && (v = { x: c.clientX, y: c.clientY }, P(), a = setTimeout(() => {
-      a = null, B(b, v.x, v.y) && (u = !0, navigator.vibrate?.(10));
-    }, Ne));
+  function A(c, m) {
+    u = !1, !(c.pointerType !== "touch" || !b.actions()) && (w = { x: c.clientX, y: c.clientY }, T(), a = setTimeout(() => {
+      a = null, I(m, w.x, w.y) && (u = !0, navigator.vibrate?.(10));
+    }, Fe));
   }
-  function U(c) {
-    a && Math.hypot(c.clientX - v.x, c.clientY - v.y) > ze && P();
+  function H(c) {
+    a && Math.hypot(c.clientX - w.x, c.clientY - w.y) > Ve && T();
   }
-  function X(c) {
+  function D(c) {
     u && (u = !1, c.preventDefault(), c.stopPropagation());
   }
-  function I(c, b) {
-    const R = y.target(b);
-    if (!(!R || c.target.closest(Ie)) && !window.getSelection()?.toString()) {
+  function X(c, m) {
+    const P = b.target(m);
+    if (!(!P || c.target.closest(ze)) && !window.getSelection()?.toString()) {
       if (c.metaKey || c.ctrlKey) {
-        window.open(s.resolve(R).href, "_blank");
+        window.open(s.resolve(P).href, "_blank");
         return;
       }
-      s.push(R);
+      s.push(P);
     }
   }
-  return me() && ye(P), { menuItems: e, menuLabel: f, swipeActions: N, openMenuFrom: z, onContextMenu: A, onPointerDown: E, onPointerMove: U, cancelPress: P, onClickCapture: X, onClick: I, actionsOf: M };
+  return ke() && ve(T), { menuItems: e, menuLabel: f, swipeActions: E, openMenuFrom: F, onContextMenu: V, onPointerDown: A, onPointerMove: H, cancelPress: T, onClickCapture: D, onClick: X, actionsOf: R };
 }
-const Ve = {
+const Oe = {
   key: 0,
   class: "overflow-hidden rounded-group bg-surface-cell shadow-group",
   "data-test": "collection-mobile-rows"
-}, je = { class: "flex flex-1 flex-col gap-2 pt-1" }, Oe = ["onClick", "onContextmenu", "onPointerdown"], Ke = { class: "flex items-start gap-3" }, Ye = {
+}, Ke = { class: "flex flex-1 flex-col gap-2 pt-1" }, Ue = ["onClick", "onContextmenu", "onPointerdown"], Ye = { class: "flex items-start gap-3" }, Ge = {
   key: 0,
   class: "shrink-0 pt-0.5"
-}, Ge = { class: "flex min-w-0 flex-1 flex-col gap-1" }, Ue = { class: "flex min-w-0 items-start gap-3" }, Xe = { class: "min-w-0 flex-1" }, Je = {
-  key: 1,
+}, Xe = { class: "flex min-w-0 flex-1 flex-col gap-1" }, Je = {
+  key: 2,
   class: "block truncate text-row-title"
 }, Qe = {
   key: 0,
-  class: "flex shrink-0 items-center gap-2 pt-0.5"
+  class: "col-start-2 row-start-1 flex shrink-0 items-center gap-2 pt-0.5"
 }, We = ["aria-label", "onClick"], qe = {
   key: 0,
   class: "flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1 text-row-meta"
@@ -218,20 +223,20 @@ const Ve = {
 }, ot = {
   key: 1,
   class: "inline-block w-full align-middle"
-}, nt = { class: "border-b border-border-separator" }, st = ["aria-sort"], lt = ["onClick"], rt = { key: 1 }, it = {
+}, st = { class: "border-b border-border-separator" }, nt = ["aria-sort"], lt = ["onClick"], rt = { key: 1 }, it = {
   key: 0,
   class: "px-4 pt-2.5 pb-2",
   style: { width: "20px" }
 }, at = { class: "sr-only" }, ct = {
   key: 0,
   class: "size-8 shrink-0 rounded-full bg-fill"
-}, ut = { class: "flex flex-1 flex-col gap-1.5" }, dt = { key: 0 }, ft = ["onClick", "onContextmenu", "onPointerdown"], pt = { key: 0 }, ht = { class: "flex items-center justify-center gap-1" }, mt = ["aria-label", "onClick"], yt = {
+}, ut = { class: "flex flex-1 flex-col gap-1.5" }, dt = { key: 0 }, ft = ["onClick", "onContextmenu", "onPointerdown"], pt = { key: 0 }, mt = { class: "flex items-center justify-center gap-1" }, ht = ["aria-label", "onClick"], yt = {
   key: 2,
   "data-test": "collection-failed"
 }, bt = ["colspan"], kt = {
   key: 3,
   "data-test": "collection-empty"
-}, gt = ["colspan"], vt = 37, Tt = /* @__PURE__ */ W({
+}, vt = ["colspan"], gt = 37, At = /* @__PURE__ */ W({
   __name: "CollectionRows",
   props: {
     columns: {},
@@ -252,24 +257,24 @@ const Ve = {
     rowClass: { type: Function, default: void 0 }
   },
   emits: ["sort"],
-  setup(y, { emit: s }) {
-    const e = y, f = s, u = se(), { t: a } = ve(), v = se(), M = (r) => e.columns.filter((k) => k.mobile === r), N = g(() => M("primary")), B = g(() => M("accessory")), z = g(() => M("meta")), A = (r) => `cell-${String(r.key).replace(/\./g, "_")}`, P = (r) => !!v[A(r)], E = (r, k) => ue(r, k.key), U = (r) => r == null || r === "", X = { md: "hidden md:table-cell", xl: "hidden xl:table-cell", "2xl": "hidden 2xl:table-cell" }, I = (r) => r.hideBelow ? [X[r.hideBelow]] : [], c = (r) => ["text-nowrap px-4 pt-2.5 pb-2 text-footnote font-normal text-content-muted", ...I(r)], b = { start: "text-left", center: "text-center", end: "text-right" }, R = (r) => [...I(r), b[r.align ?? "start"]], F = { start: "justify-start", center: "justify-center", end: "justify-end" }, _ = g(() => e.rows.length > 0 && e.link(e.rows[0]) !== null), q = ke("rowMenu"), h = Fe({
+  setup(b, { emit: s }) {
+    const e = b, f = s, u = le(), { t: a } = xe(), w = le(), R = (r) => e.columns.filter((k) => k.mobile === r), E = v(() => R("primary")), I = v(() => R("accessory")), F = v(() => R("meta")), V = v(() => E.value.length === 1 && E.value[0].kind === "identity" && !H(E.value[0])), T = (r) => I.value.length > 0 || O.value && J(r), A = (r) => `cell-${String(r.key).replace(/\./g, "_")}`, H = (r) => !!w[A(r)], D = (r, k) => fe(r, k.key), X = (r) => r == null || r === "", c = { md: "hidden md:table-cell", xl: "hidden xl:table-cell", "2xl": "hidden 2xl:table-cell" }, m = (r) => r.hideBelow ? [c[r.hideBelow]] : [], P = (r) => ["text-nowrap px-4 pt-2.5 pb-2 text-footnote font-normal text-content-muted", ...m(r)], j = { start: "text-left", center: "text-center", end: "text-right" }, _ = (r) => [...m(r), j[r.align ?? "start"]], pe = { start: "justify-start", center: "justify-center", end: "justify-end" }, q = v(() => e.rows.length > 0 && e.link(e.rows[0]) !== null), Z = we("rowMenu"), h = je({
       actions: () => e.rowActions,
       label: () => e.rowLabel,
       target: (r) => e.link(r),
-      presentMenu: (r, k) => q.value?.presentAt(r, k),
+      presentMenu: (r, k) => Z.value?.presentAt(r, k),
       moreLabel: () => a("core.page.more_actions")
-    }), V = g(() => !!e.rowActions && (e.actionsVisible || !u.actions && !_.value)), j = g(() => !!u.actions || _.value || V.value), Z = (r) => e.rowLabel ? `${a("core.page.more_actions")}: ${e.rowLabel(r)}` : a("core.page.more_actions"), J = (r) => h.actionsOf(r).length > 0, ee = g(() => e.columns.length + (j.value ? 1 : 0)), O = (r) => r.sort !== void 0 && e.sorted?.key === r.sort, de = (r) => r.sort === void 0 ? void 0 : O(r) ? e.sorted?.direction === "asc" ? "ascending" : "descending" : "none", fe = (r) => O(r) ? e.sorted?.direction === "asc" ? "arrowUpSLine" : "arrowDownSLine" : "expandUpDownLine", te = (r) => ({ animationDelay: `${Math.min(r, 8) * 30}ms` }), Q = g(() => e.display === "loading"), pe = g(() => Q.value && e.reserveRows !== void 0 ? `${e.reserveRows * (e.rowHeight ?? 40) + vt}px` : void 0), oe = g(() => e.display === "empty" || e.display === "no-matches");
+    }), O = v(() => !!e.rowActions && (e.actionsVisible || !u.actions && !q.value)), K = v(() => !!u.actions || q.value || O.value), ee = (r) => e.rowLabel ? `${a("core.page.more_actions")}: ${e.rowLabel(r)}` : a("core.page.more_actions"), J = (r) => h.actionsOf(r).length > 0, te = v(() => e.columns.length + (K.value ? 1 : 0)), U = (r) => r.sort !== void 0 && e.sorted?.key === r.sort, me = (r) => r.sort === void 0 ? void 0 : U(r) ? e.sorted?.direction === "asc" ? "ascending" : "descending" : "none", he = (r) => U(r) ? e.sorted?.direction === "asc" ? "arrowUpSLine" : "arrowDownSLine" : "expandUpDownLine", oe = (r) => ({ animationDelay: `${Math.min(r, 8) * 30}ms` }), Q = v(() => e.display === "loading"), ye = v(() => Q.value && e.reserveRows !== void 0 ? `${e.reserveRows * (e.rowHeight ?? 40) + gt}px` : void 0), se = v(() => e.display === "empty" || e.display === "no-matches");
     return (r, k) => (o(), n(p, null, [
-      e.phone ? (o(), n("ul", Ve, [
-        Q.value ? (o(!0), n(p, { key: 0 }, $(e.skeletonRows, (t) => (o(), n("li", {
+      e.phone ? (o(), n("ul", Oe, [
+        Q.value ? (o(!0), n(p, { key: 0 }, S(e.skeletonRows, (t) => (o(), n("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: L({ animationDelay: `${t * 60}ms` })
         }, [
           k[5] || (k[5] = d("span", { class: "size-9 shrink-0 rounded-full bg-fill" }, null, -1)),
-          d("span", je, [
+          d("span", Ke, [
             d("span", {
               class: "h-2.5 rounded-full bg-fill-strong",
               style: L({ width: `${45 + t * 13 % 30}%` })
@@ -279,12 +284,12 @@ const Ve = {
               style: L({ width: `${60 + t * 7 % 25}%` })
             }, null, 4)
           ])
-        ], 4))), 128)) : m("", !0),
-        e.display === "rows" ? (o(!0), n(p, { key: 1 }, $(e.rows, (t, T) => (o(), n("li", {
+        ], 4))), 128)) : y("", !0),
+        e.display === "rows" ? (o(!0), n(p, { key: 1 }, S(e.rows, (t, B) => (o(), n("li", {
           key: e.rowKey(t),
-          style: L(te(T)),
+          style: L(oe(B)),
           "data-test": "collection-row",
-          class: S(["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, e.rowClass?.(t)]]),
+          class: g(["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, e.rowClass?.(t)]]),
           onClickCapture: k[0] || (k[0] = //@ts-ignore
           (...l) => i(h).onClickCapture && i(h).onClickCapture(...l)),
           onClick: (l) => i(h).onClick(l, t),
@@ -297,32 +302,45 @@ const Ve = {
           onPointercancel: k[3] || (k[3] = //@ts-ignore
           (...l) => i(h).cancelPress && i(h).cancelPress(...l))
         }, [
-          C(i(we), {
+          $(i($e), {
             actions: i(h).swipeActions(t),
             "content-class": "px-row-inset py-2.5"
           }, {
-            default: H(() => [
-              d("div", Ke, [
-                u.leading ? (o(), n("div", Ye, [
-                  x(r.$slots, "leading", {
+            default: N(() => [
+              d("div", Ye, [
+                u.leading ? (o(), n("div", Ge, [
+                  C(r.$slots, "leading", {
                     item: t,
                     compact: !0
                   })
-                ])) : m("", !0),
-                d("div", Ge, [
-                  d("div", Ue, [
-                    d("div", Xe, [
-                      (o(!0), n(p, null, $(N.value, (l) => (o(), n(p, {
+                ])) : y("", !0),
+                d("div", Xe, [
+                  d("div", {
+                    class: g(["grid min-w-0 items-start gap-x-3", T(t) ? "grid-cols-[minmax(0,1fr)_auto]" : "grid-cols-[minmax(0,1fr)]"]),
+                    "data-test": "collection-row-head"
+                  }, [
+                    d("div", {
+                      class: g(V.value ? "contents" : "col-start-1 row-start-1 min-w-0")
+                    }, [
+                      (o(!0), n(p, null, S(E.value, (l) => (o(), n(p, {
                         key: String(l.key)
                       }, [
-                        P(l) ? x(r.$slots, A(l), {
+                        H(l) ? C(r.$slots, A(l), {
                           item: t,
-                          value: E(t, l),
+                          value: D(t, l),
                           compact: !0,
                           to: e.link(t),
                           search: e.search
-                        }, void 0, void 0, 0) : (o(), n("span", Je, [
-                          C(Y, {
+                        }, void 0, void 0, 0) : V.value ? (o(), M(z, {
+                          key: 1,
+                          column: l,
+                          item: t,
+                          compact: !0,
+                          to: e.link(t),
+                          search: e.search,
+                          spread: ""
+                        }, null, 8, ["column", "item", "to", "search"])) : (o(), n("span", Je, [
+                          $(z, {
                             column: l,
                             item: t,
                             compact: !0,
@@ -331,18 +349,18 @@ const Ve = {
                           }, null, 8, ["column", "item", "to", "search"])
                         ]))
                       ], 64))), 128))
-                    ]),
-                    B.value.length || V.value && J(t) ? (o(), n("div", Qe, [
-                      (o(!0), n(p, null, $(B.value, (l) => (o(), n(p, {
+                    ], 2),
+                    T(t) ? (o(), n("div", Qe, [
+                      (o(!0), n(p, null, S(I.value, (l) => (o(), n(p, {
                         key: String(l.key)
                       }, [
-                        P(l) ? x(r.$slots, A(l), {
+                        H(l) ? C(r.$slots, A(l), {
                           item: t,
-                          value: E(t, l),
+                          value: D(t, l),
                           compact: !0,
                           to: e.link(t),
                           search: e.search
-                        }, void 0, void 0, 0) : (o(), D(Y, {
+                        }, void 0, void 0, 0) : (o(), M(z, {
                           key: 1,
                           column: l,
                           item: t,
@@ -351,33 +369,33 @@ const Ve = {
                           search: e.search
                         }, null, 8, ["column", "item", "to", "search"]))
                       ], 64))), 128)),
-                      V.value && J(t) ? (o(), n("button", {
+                      O.value && J(t) ? (o(), n("button", {
                         key: 0,
                         type: "button",
                         "data-test": "collection-row-more",
-                        "aria-label": Z(t),
+                        "aria-label": ee(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: le((l) => i(h).openMenuFrom(l, t), ["stop"])
+                        onClick: re((l) => i(h).openMenuFrom(l, t), ["stop"])
                       }, [
-                        C(i(K), {
+                        $(i(Y), {
                           name: "moreLine",
                           size: 20
                         })
-                      ], 8, We)) : m("", !0)
-                    ])) : m("", !0)
-                  ]),
-                  z.value.length ? (o(), n("div", qe, [
-                    (o(!0), n(p, null, $(z.value, (l) => (o(), n(p, {
+                      ], 8, We)) : y("", !0)
+                    ])) : y("", !0)
+                  ], 2),
+                  F.value.length ? (o(), n("div", qe, [
+                    (o(!0), n(p, null, S(F.value, (l) => (o(), n(p, {
                       key: String(l.key)
                     }, [
-                      P(l) ? x(r.$slots, A(l), {
+                      H(l) ? C(r.$slots, A(l), {
                         item: t,
-                        value: E(t, l),
+                        value: D(t, l),
                         compact: !0,
                         to: e.link(t),
                         search: e.search
-                      }, void 0, void 0, 0) : U(E(t, l)) ? m("", !0) : (o(), n("span", Ze, [
-                        C(Y, {
+                      }, void 0, void 0, 0) : X(D(t, l)) ? y("", !0) : (o(), n("span", Ze, [
+                        $(z, {
                           column: l,
                           item: t,
                           compact: !0,
@@ -386,78 +404,78 @@ const Ve = {
                         }, null, 8, ["column", "item", "to", "search"])
                       ]))
                     ], 64))), 128))
-                  ])) : m("", !0)
+                  ])) : y("", !0)
                 ])
               ])
             ]),
             _: 2
           }, 1032, ["actions"])
-        ], 46, Oe))), 128)) : m("", !0),
+        ], 46, Ue))), 128)) : y("", !0),
         e.display === "failed" ? (o(), n("li", et, [
-          x(r.$slots, "failed")
-        ])) : m("", !0),
-        oe.value ? (o(), n("li", tt, [
-          x(r.$slots, "empty", {}, () => [
-            C(i(re), {
+          C(r.$slots, "failed")
+        ])) : y("", !0),
+        se.value ? (o(), n("li", tt, [
+          C(r.$slots, "empty", {}, () => [
+            $(i(ie), {
               title: i(a)("core.collection.no_data")
             }, null, 8, ["title"])
           ])
-        ])) : m("", !0)
+        ])) : y("", !0)
       ])) : (o(), n("div", ot, [
         d("div", {
           class: "overflow-x-auto",
-          style: L({ minHeight: pe.value })
+          style: L({ minHeight: ye.value })
         }, [
           d("table", {
-            class: S(["collection-grid w-full", { condensed: e.density === "condensed" }])
+            class: g(["collection-grid w-full", { condensed: e.density === "condensed" }])
           }, [
-            d("thead", nt, [
+            d("thead", st, [
               d("tr", null, [
-                (o(!0), n(p, null, $(e.columns, (t) => (o(), n("th", {
+                (o(!0), n(p, null, S(e.columns, (t) => (o(), n("th", {
                   key: String(t.key),
                   scope: "col",
-                  class: S(c(t)),
+                  class: g(P(t)),
                   style: L({ width: t.width ? `${t.width}px` : void 0, textAlign: t.align ?? "start" }),
-                  "aria-sort": de(t)
+                  "aria-sort": me(t)
                 }, [
                   d("div", {
-                    class: S(["flex", F[t.align ?? "start"]])
+                    class: g(["flex", pe[t.align ?? "start"]])
                   }, [
                     t.sort !== void 0 ? (o(), n("button", {
                       key: 0,
                       type: "button",
-                      class: S(["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", [O(t) ? "font-semibold text-content-strong" : "", t.align === "end" ? "flex-row-reverse" : ""]]),
-                      onClick: (T) => f("sort", t.sort)
+                      class: g(["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", [U(t) ? "font-semibold text-content-strong" : "", t.align === "end" ? "flex-row-reverse" : ""]]),
+                      onClick: (B) => f("sort", t.sort)
                     }, [
-                      d("span", null, w(t.label), 1),
-                      C(i(K), {
-                        name: fe(t),
+                      d("span", null, x(t.label), 1),
+                      $(i(Y), {
+                        name: he(t),
                         size: 14,
-                        class: S(O(t) ? "text-content-muted" : "text-content-disabled opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100")
+                        class: g(U(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, lt)) : (o(), n("span", rt, w(t.label), 1))
+                    ], 10, lt)) : (o(), n("span", rt, x(t.label), 1))
                   ], 2)
-                ], 14, st))), 128)),
-                j.value ? (o(), n("th", it, [
-                  d("span", at, w(i(a)("core.actions.more")), 1)
-                ])) : m("", !0)
+                ], 14, nt))), 128)),
+                K.value ? (o(), n("th", it, [
+                  d("span", at, x(i(a)("core.actions.more")), 1)
+                ])) : y("", !0)
               ])
             ]),
             d("tbody", null, [
-              Q.value ? (o(!0), n(p, { key: 0 }, $(e.skeletonRows, (t) => (o(), n("tr", {
+              Q.value ? (o(!0), n(p, { key: 0 }, S(e.skeletonRows, (t) => (o(), n("tr", {
                 key: `skeleton-${t}`,
                 "aria-hidden": "true",
                 style: L(e.rowHeight ? { height: `${e.rowHeight}px` } : void 0)
               }, [
-                (o(!0), n(p, null, $(e.columns, (T, l) => (o(), n("td", {
-                  key: String(T.key),
-                  class: S(I(T))
+                (o(!0), n(p, null, S(e.columns, (B, l) => (o(), n("td", {
+                  key: String(B.key),
+                  class: g(m(B))
                 }, [
                   d("div", {
                     class: "flex animate-pulse items-center gap-3 motion-reduce:animate-none",
                     style: L({ animationDelay: `${t * 60}ms` })
                   }, [
-                    l === 0 ? (o(), n("span", ct)) : m("", !0),
+                    l === 0 ? (o(), n("span", ct)) : y("", !0),
                     d("span", ut, [
                       d("span", {
                         class: "h-2.5 rounded-full bg-fill-strong",
@@ -470,42 +488,42 @@ const Ve = {
                     ])
                   ], 4)
                 ], 2))), 128)),
-                j.value ? (o(), n("td", dt, [...k[6] || (k[6] = [
+                K.value ? (o(), n("td", dt, [...k[6] || (k[6] = [
                   d("div", { class: "mx-auto h-6 w-6 animate-pulse rounded-full bg-fill motion-reduce:animate-none" }, null, -1)
-                ])])) : m("", !0)
-              ], 4))), 128)) : m("", !0),
-              e.display === "rows" ? (o(!0), n(p, { key: 1 }, $(e.rows, (t, T) => (o(), n("tr", {
+                ])])) : y("", !0)
+              ], 4))), 128)) : y("", !0),
+              e.display === "rows" ? (o(!0), n(p, { key: 1 }, S(e.rows, (t, B) => (o(), n("tr", {
                 key: e.rowKey(t),
-                class: S(["animate-row-in", [e.link(t) ? "cursor-pointer" : void 0, e.rowClass?.(t)]]),
+                class: g(["animate-row-in", [e.link(t) ? "cursor-pointer" : void 0, e.rowClass?.(t)]]),
                 "data-test": "collection-row",
-                style: L([e.rowHeight ? { height: `${e.rowHeight}px` } : {}, te(T)]),
+                style: L([e.rowHeight ? { height: `${e.rowHeight}px` } : {}, oe(B)]),
                 onClickCapture: k[4] || (k[4] = //@ts-ignore
                 (...l) => i(h).onClickCapture && i(h).onClickCapture(...l)),
                 onClick: (l) => i(h).onClick(l, t),
                 onContextmenu: (l) => i(h).onContextMenu(l, t),
                 onPointerdown: (l) => i(h).onPointerDown(l, t)
               }, [
-                (o(!0), n(p, null, $(e.columns, (l, he) => (o(), n("td", {
+                (o(!0), n(p, null, S(e.columns, (l, be) => (o(), n("td", {
                   key: String(l.key),
-                  class: S(R(l))
+                  class: g(_(l))
                 }, [
-                  x(r.$slots, A(l), {
+                  C(r.$slots, A(l), {
                     item: t,
-                    value: E(t, l),
+                    value: D(t, l),
                     compact: !1,
                     to: e.link(t)
                   }, () => [
-                    C(Y, {
+                    $(z, {
                       column: l,
                       item: t,
                       compact: !1,
                       to: e.link(t),
                       search: e.search
-                    }, ge({ _: 2 }, [
-                      u.leading && he === 0 ? {
+                    }, _e({ _: 2 }, [
+                      u.leading && be === 0 ? {
                         name: "leading",
-                        fn: H(() => [
-                          x(r.$slots, "leading", {
+                        fn: N(() => [
+                          C(r.$slots, "leading", {
                             item: t,
                             compact: !1
                           })
@@ -515,22 +533,22 @@ const Ve = {
                     ]), 1032, ["column", "item", "to", "search"])
                   ])
                 ], 2))), 128)),
-                j.value ? (o(), n("td", pt, [
-                  x(r.$slots, "actions", { item: t }, () => [
-                    d("div", ht, [
-                      e.link(t) ? (o(), D(i(Ce), {
+                K.value ? (o(), n("td", pt, [
+                  C(r.$slots, "actions", { item: t }, () => [
+                    d("div", mt, [
+                      e.link(t) ? (o(), M(i(Le), {
                         key: 0,
                         text: i(a)("core.collection.open_record"),
                         side: "left"
                       }, {
-                        default: H(() => [
-                          C(i(ce), {
+                        default: N(() => [
+                          $(i(de), {
                             to: e.link(t),
                             "aria-label": `${i(a)("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: H(() => [
-                              C(i(K), {
+                            default: N(() => [
+                              $(i(Y), {
                                 name: "eye",
                                 size: 18
                               })
@@ -539,65 +557,65 @@ const Ve = {
                           }, 8, ["to", "aria-label"])
                         ]),
                         _: 2
-                      }, 1032, ["text"])) : m("", !0),
-                      V.value && J(t) ? (o(), n("button", {
+                      }, 1032, ["text"])) : y("", !0),
+                      O.value && J(t) ? (o(), n("button", {
                         key: 1,
                         type: "button",
                         "data-test": "collection-row-more",
-                        "aria-label": Z(t),
+                        "aria-label": ee(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: le((l) => i(h).openMenuFrom(l, t), ["stop"])
+                        onClick: re((l) => i(h).openMenuFrom(l, t), ["stop"])
                       }, [
-                        C(i(K), {
+                        $(i(Y), {
                           name: "moreLine",
                           size: 18
                         })
-                      ], 8, mt)) : m("", !0)
+                      ], 8, ht)) : y("", !0)
                     ])
                   ])
-                ])) : m("", !0)
-              ], 46, ft))), 128)) : m("", !0),
+                ])) : y("", !0)
+              ], 46, ft))), 128)) : y("", !0),
               e.display === "failed" ? (o(), n("tr", yt, [
                 d("td", {
-                  colspan: ee.value,
+                  colspan: te.value,
                   class: "!whitespace-normal py-6"
                 }, [
-                  x(r.$slots, "failed")
+                  C(r.$slots, "failed")
                 ], 8, bt)
-              ])) : m("", !0),
-              oe.value ? (o(), n("tr", kt, [
+              ])) : y("", !0),
+              se.value ? (o(), n("tr", kt, [
                 d("td", {
-                  colspan: ee.value,
+                  colspan: te.value,
                   class: "!whitespace-normal py-6 text-center"
                 }, [
-                  x(r.$slots, "empty", {}, () => [
-                    C(i(re), {
+                  C(r.$slots, "empty", {}, () => [
+                    $(i(ie), {
                       title: i(a)("core.collection.no_data")
                     }, null, 8, ["title"])
                   ])
-                ], 8, gt)
-              ])) : m("", !0)
+                ], 8, vt)
+              ])) : y("", !0)
             ])
           ], 2)
         ], 4)
       ])),
-      e.rowActions ? (o(), D(i(xe), {
+      e.rowActions ? (o(), M(i(Se), {
         key: 2,
         ref_key: "rowMenu",
-        ref: q,
+        ref: Z,
         items: i(h).menuItems.value,
         label: i(h).menuLabel.value
-      }, null, 8, ["items", "label"])) : m("", !0)
+      }, null, 8, ["items", "label"])) : y("", !0)
     ], 64));
   }
 });
-function Dt(y) {
-  const s = Me("(max-width: 1023px)"), e = g(() => y().some((f) => f.mobile && f.mobile !== "hidden"));
-  return { narrow: g(() => s.value), phone: g(() => s.value && e.value) };
+function Dt(b) {
+  const s = Ee("(max-width: 1023px)"), e = v(() => b().some((f) => f.mobile && f.mobile !== "hidden"));
+  return { narrow: v(() => s.value), phone: v(() => s.value && e.value) };
 }
 export {
-  Tt as _,
-  Y as a,
-  ae as b,
+  At as _,
+  z as a,
+  ue as b,
   Dt as u
 };