@wssto2/vue-core 0.9.3 → 0.10.0

package/dist/{rowLayout-CT8vWYgI.js → rowLayout-Il4psyXN.js}

@@ -1,22 +1,17 @@
-import { defineComponent as se, computed as g, openBlock as s, createElementBlock as l, normalizeClass as w, createBlock as D, unref as i, withCtx as F, Fragment as p, renderList as P, toDisplayString as C, createTextVNode as Q, createCommentVNode as b, renderSlot as S, createVNode as L, ref as oe, getCurrentScope as Ie, onScopeDispose as Ae, nextTick as ge, useSlots as fe, useId as Te, useTemplateRef as pe, watch as ye, mergeProps as q, normalizeStyle as M, createElementVNode as u, withModifiers as ve, createSlots as De } from "vue";
+import { defineComponent as se, computed as h, openBlock as s, createElementBlock as n, normalizeClass as g, createBlock as D, unref as i, withCtx as F, Fragment as f, renderList as P, toDisplayString as C, createTextVNode as Q, createCommentVNode as v, renderSlot as S, createVNode as L, ref as oe, getCurrentScope as Ie, onScopeDispose as Ae, nextTick as ge, useSlots as fe, useId as Te, useTemplateRef as pe, watch as ye, mergeProps as q, normalizeStyle as M, createElementVNode as u, 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 { _ as me } 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 { a as je } from "./mediaQuery-CygcXmFW.js";
-function Ue(y, n) {
-  const d = (n ?? "").split(/\s+/).filter((v) => v !== "");
-  if (d.length === 0 || y === "") return [{ text: y, match: !1 }];
-  const e = new RegExp(`(${d.sort((v, c) => c.length - v.length).map((v) => v.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|")})`, "giu");
-  return y.split(e).flatMap((v, c) => v === "" ? [] : [{ text: v, match: c % 2 === 1 }]);
-}
-const Ye = ["data-row-click-ignore"], me = "rounded-sm bg-status-warning-surface text-status-warning-content", be = "col-start-1 row-start-1", Ge = "col-span-full row-start-2 max-w-full", ke = /* @__PURE__ */ se({
+import { h as je } from "./highlight-DnYhLXnu.js";
+import { a as Ue } from "./mediaQuery-CygcXmFW.js";
+const Ye = ["data-row-click-ignore"], he = "rounded-sm bg-status-warning-surface text-status-warning-content", be = "col-start-1 row-start-1", Ge = "col-span-full row-start-2 max-w-full", ke = /* @__PURE__ */ se({
   __name: "RecordIdentity",
   props: {
     title: {},
@@ -26,55 +21,55 @@ const Ye = ["data-row-click-ignore"], me = "rounded-sm bg-status-warning-surface
     highlight: { default: null },
     spread: { type: Boolean, default: !1 }
   },
-  setup(y) {
-    const n = y, d = g(() => Ue(n.title, n.highlight));
-    return (e, v) => (s(), l("div", {
-      class: w(n.spread ? "contents" : "flex min-w-0 flex-col")
+  setup(k) {
+    const l = k, b = h(() => je(l.title, l.highlight));
+    return (e, w) => (s(), n("div", {
+      class: g(l.spread ? "contents" : "flex min-w-0 flex-col")
     }, [
-      n.to ? (s(), D(i(we), {
+      l.to ? (s(), D(i(we), {
         key: 0,
-        to: n.to,
-        class: w(["block truncate rounded-sm text-row-title focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus", n.spread ? be : void 0])
+        to: l.to,
+        class: g(["block truncate rounded-sm text-row-title focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus", l.spread ? be : void 0])
       }, {
         default: F(() => [
-          (s(!0), l(p, null, P(d.value, (c, h) => (s(), l(p, { key: h }, [
-            c.match ? (s(), l("mark", {
+          (s(!0), n(f, null, P(b.value, (c, p) => (s(), n(f, { key: p }, [
+            c.match ? (s(), n("mark", {
               key: 0,
-              class: w(me)
-            }, C(c.text), 1)) : (s(), l(p, { key: 1 }, [
+              class: g(he)
+            }, C(c.text), 1)) : (s(), n(f, { key: 1 }, [
               Q(C(c.text), 1)
             ], 64))
           ], 64))), 128))
         ]),
         _: 1
-      }, 8, ["to", "class"])) : (s(), l("span", {
+      }, 8, ["to", "class"])) : (s(), n("span", {
         key: 1,
-        class: w(["truncate text-row-title", n.spread ? be : void 0])
+        class: g(["truncate text-row-title", l.spread ? be : void 0])
       }, [
-        (s(!0), l(p, null, P(d.value, (c, h) => (s(), l(p, { key: h }, [
-          c.match ? (s(), l("mark", {
+        (s(!0), n(f, null, P(b.value, (c, p) => (s(), n(f, { key: p }, [
+          c.match ? (s(), n("mark", {
             key: 0,
-            class: w(me)
-          }, C(c.text), 1)) : (s(), l(p, { key: 1 }, [
+            class: g(he)
+          }, C(c.text), 1)) : (s(), n(f, { key: 1 }, [
             Q(C(c.text), 1)
           ], 64))
         ], 64))), 128))
       ], 2)),
-      n.subtitle ? (s(), l("span", {
+      l.subtitle ? (s(), n("span", {
         key: 2,
-        "data-row-click-ignore": n.subtitleSelectable ? "" : void 0,
-        class: w(["truncate text-row-subtitle", [n.subtitleSelectable ? "w-fit cursor-text select-text" : void 0, n.spread ? Ge : void 0]])
-      }, C(n.subtitle), 11, Ye)) : b("", !0)
+        "data-row-click-ignore": l.subtitleSelectable ? "" : void 0,
+        class: g(["truncate text-row-subtitle", [l.subtitleSelectable ? "w-fit cursor-text select-text" : void 0, l.spread ? Ge : void 0]])
+      }, C(l.subtitle), 11, Ye)) : v("", !0)
     ], 2));
   }
 });
-function _e(y, n) {
-  let d = y;
-  for (const e of String(n).split(".")) {
-    if (typeof d != "object" || d === null) return;
-    d = d[e];
+function _e(k, l) {
+  let b = k;
+  for (const e of String(l).split(".")) {
+    if (typeof b != "object" || b === null) return;
+    b = b[e];
   }
-  return d;
+  return b;
 }
 const We = {
   key: 0,
@@ -95,61 +90,61 @@ const We = {
     search: {},
     spread: { type: Boolean }
   },
-  setup(y) {
-    const n = y, d = Fe(), e = g(() => _e(n.item, n.column.key)), v = g(() => e.value), c = g(() => e.value === null || e.value === void 0 ? "" : String(e.value)), h = g(() => typeof e.value == "number" ? e.value : typeof e.value == "string" && e.value.trim() !== "" ? Number(e.value) : null);
-    return (E, N) => n.column.kind === "identity" ? (s(), l(p, { key: 0 }, [
-      !n.compact && E.$slots.leading ? (s(), l("div", We, [
+  setup(k) {
+    const l = k, b = Fe(), e = h(() => _e(l.item, l.column.key)), w = h(() => e.value), c = h(() => e.value === null || e.value === void 0 ? "" : String(e.value)), p = h(() => typeof e.value == "number" ? e.value : typeof e.value == "string" && e.value.trim() !== "" ? Number(e.value) : null);
+    return (E, N) => l.column.kind === "identity" ? (s(), n(f, { key: 0 }, [
+      !l.compact && E.$slots.leading ? (s(), n("div", We, [
         S(E.$slots, "leading"),
         L(ke, {
-          to: n.to,
-          title: n.column.title?.(n.item) ?? c.value,
-          subtitle: n.column.subtitle?.(n.item),
-          highlight: n.search,
+          to: l.to,
+          title: l.column.title?.(l.item) ?? c.value,
+          subtitle: l.column.subtitle?.(l.item),
+          highlight: l.search,
           "subtitle-selectable": ""
         }, null, 8, ["to", "title", "subtitle", "highlight"])
       ])) : (s(), D(ke, {
         key: 1,
-        spread: n.spread,
-        to: n.to,
-        title: n.column.title?.(n.item) ?? c.value,
-        subtitle: n.column.subtitle?.(n.item),
-        highlight: n.search,
+        spread: l.spread,
+        to: l.to,
+        title: l.column.title?.(l.item) ?? c.value,
+        subtitle: l.column.subtitle?.(l.item),
+        highlight: l.search,
         "subtitle-selectable": ""
       }, null, 8, ["spread", "to", "title", "subtitle", "highlight"]))
-    ], 64)) : n.column.kind === "timestamp" ? (s(), l(p, { key: 1 }, [
-      n.compact && v.value ? (s(), l("time", {
+    ], 64)) : l.column.kind === "timestamp" ? (s(), n(f, { key: 1 }, [
+      l.compact && w.value ? (s(), n("time", {
         key: 0,
         class: "tabular-nums",
         datetime: String(e.value)
-      }, C(n.column.precision === "date" ? i(d).date(v.value) : i(d).dateTime(v.value)), 9, Xe)) : n.compact ? b("", !0) : (s(), D(i(Oe), {
+      }, C(l.column.precision === "date" ? i(b).date(w.value) : i(b).dateTime(w.value)), 9, Xe)) : l.compact ? v("", !0) : (s(), D(i(Oe), {
         key: 1,
-        value: v.value,
-        precision: n.column.precision ?? "dateTime"
+        value: w.value,
+        precision: l.column.precision ?? "dateTime"
       }, null, 8, ["value", "precision"]))
-    ], 64)) : n.column.kind === "number" ? (s(), l("span", qe, C(i(d).number(h.value, n.column.format)), 1)) : n.column.kind === "money" ? (s(), l("span", Je, C(i(d).money(h.value, { currency: typeof n.column.currency == "function" ? n.column.currency(n.item) : n.column.currency })), 1)) : n.column.kind === "badge" ? (s(), D(i(Ve), {
+    ], 64)) : l.column.kind === "number" ? (s(), n("span", qe, C(i(b).number(p.value, l.column.format)), 1)) : l.column.kind === "money" ? (s(), n("span", Je, C(i(b).money(p.value, { currency: typeof l.column.currency == "function" ? l.column.currency(l.item) : l.column.currency })), 1)) : l.column.kind === "badge" ? (s(), D(i(Ve), {
       key: 4,
-      tone: n.column.tone(n.item),
+      tone: l.column.tone(l.item),
       dot: ""
     }, {
       default: F(() => [
-        Q(C(n.column.text?.(n.item) ?? c.value), 1)
+        Q(C(l.column.text?.(l.item) ?? c.value), 1)
       ]),
       _: 1
-    }, 8, ["tone"])) : (s(), l(p, { key: 5 }, [
+    }, 8, ["tone"])) : (s(), n(f, { key: 5 }, [
       Q(C(c.value), 1)
     ], 64));
   }
 }), Qe = 'a, button, input, select, textarea, label, [role="button"], [data-row-click-ignore]', Ze = 500, et = 8;
-function tt(y) {
-  const n = He(), d = oe([]), e = oe("");
-  let v = !1, c = null, h = { x: 0, y: 0 };
-  const E = (a) => y.actions()?.(a) ?? [];
+function tt(k) {
+  const l = He(), b = oe([]), e = oe("");
+  let w = !1, c = null, p = { x: 0, y: 0 };
+  const E = (a) => k.actions()?.(a) ?? [];
   function N(a) {
-    return E(a).filter((k) => k.href).map((k) => ({ key: k.key, label: k.label, icon: k.icon, href: k.href, tone: k.tone ?? "neutral", external: k.external }));
+    return E(a).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 I(a, k, _) {
+  function I(a, m, _) {
     const A = E(a);
-    return A.length === 0 ? !1 : (e.value = y.label()?.(a) ?? y.moreLabel(), d.value = A.map((x) => ({
+    return A.length === 0 ? !1 : (e.value = k.label()?.(a) ?? k.moreLabel(), b.value = A.map((x) => ({
       id: x.key,
       label: x.label,
       icon: x.icon,
@@ -158,44 +153,44 @@ function tt(y) {
       onSelect: () => {
         x.onSelect ? x.onSelect() : x.href && (x.external ? window.open(x.href, "_blank", "noopener") : window.location.assign(x.href));
       }
-    })), ge(() => y.presentMenu(k, _)), !0);
+    })), ge(() => k.presentMenu(m, _)), !0);
   }
-  function O(a, k) {
+  function O(a, m) {
     const _ = a.currentTarget.getBoundingClientRect();
-    I(k, _.left, _.bottom);
+    I(m, _.left, _.bottom);
   }
-  function j(a, k) {
-    !y.actions() || a.target.closest("a") || I(k, a.clientX, a.clientY) && (a.preventDefault(), v = !0);
+  function j(a, m) {
+    !k.actions() || a.target.closest("a") || I(m, a.clientX, a.clientY) && (a.preventDefault(), w = !0);
   }
   function B() {
     c && clearTimeout(c), c = null;
   }
-  function U(a, k) {
-    v = !1, !(a.pointerType !== "touch" || !y.actions()) && (h = { x: a.clientX, y: a.clientY }, B(), c = setTimeout(() => {
-      c = null, I(k, h.x, h.y) && (v = !0, navigator.vibrate?.(10));
+  function U(a, m) {
+    w = !1, !(a.pointerType !== "touch" || !k.actions()) && (p = { x: a.clientX, y: a.clientY }, B(), c = setTimeout(() => {
+      c = null, I(m, p.x, p.y) && (w = !0, navigator.vibrate?.(10));
     }, Ze));
   }
   function H(a) {
-    c && Math.hypot(a.clientX - h.x, a.clientY - h.y) > et && B();
+    c && Math.hypot(a.clientX - p.x, a.clientY - p.y) > et && B();
   }
   function z(a) {
-    v && (v = !1, a.preventDefault(), a.stopPropagation());
+    w && (w = !1, a.preventDefault(), a.stopPropagation());
   }
-  function K(a, k) {
-    const _ = y.pick?.(), A = _ ? null : y.target(k);
+  function K(a, m) {
+    const _ = k.pick?.(), A = _ ? null : k.target(m);
     if (!(!_ && !A || a.target.closest(Qe)) && !window.getSelection()?.toString()) {
       if (_) {
-        _(k);
+        _(m);
         return;
       }
       if (a.metaKey || a.ctrlKey) {
-        window.open(n.resolve(A).href, "_blank");
+        window.open(l.resolve(A).href, "_blank");
         return;
       }
-      n.push(A);
+      l.push(A);
     }
   }
-  return Ie() && Ae(B), { menuItems: d, menuLabel: e, swipeActions: N, openMenuFrom: O, onContextMenu: j, onPointerDown: U, onPointerMove: H, cancelPress: B, onClickCapture: z, onClick: K, actionsOf: E };
+  return Ie() && Ae(B), { menuItems: b, menuLabel: e, swipeActions: N, openMenuFrom: O, onContextMenu: j, onPointerDown: U, onPointerMove: H, cancelPress: B, onClickCapture: z, onClick: K, actionsOf: E };
 }
 const ot = { class: "flex flex-1 flex-col gap-2 pt-1" }, st = ["onClick", "onContextmenu", "onPointerdown"], nt = { class: "flex items-start gap-3" }, lt = {
   key: 0,
@@ -223,7 +218,7 @@ const ot = { class: "flex flex-1 flex-col gap-2 pt-1" }, st = ["onClick", "onCon
 }, yt = {
   key: 1,
   class: "inline-block w-full align-middle"
-}, vt = ["role"], ht = { class: "border-b border-border-separator" }, mt = ["aria-sort"], bt = ["onClick"], kt = { key: 1 }, gt = {
+}, vt = ["role"], mt = { class: "border-b border-border-separator" }, ht = ["aria-sort"], bt = ["onClick"], kt = { key: 1 }, gt = {
   key: 0,
   class: "px-4 pt-2.5 pb-2",
   style: { width: "20px" }
@@ -236,7 +231,7 @@ const ot = { class: "flex flex-1 flex-col gap-2 pt-1" }, st = ["onClick", "onCon
 }, Mt = ["colspan"], Et = {
   key: 3,
   "data-test": "collection-empty"
-}, It = ["colspan"], At = "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", Tt = "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", Dt = 37, Wt = /* @__PURE__ */ se({
+}, It = ["colspan"], At = "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", Tt = "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", Dt = 37, Xt = /* @__PURE__ */ se({
   __name: "CollectionRows",
   props: {
     columns: {},
@@ -259,19 +254,19 @@ const ot = { class: "flex flex-1 flex-col gap-2 pt-1" }, st = ["onClick", "onCon
     pickLabel: { default: void 0 }
   },
   emits: ["sort"],
-  setup(y, { expose: n, emit: d }) {
-    const e = y, v = d, c = fe(), { t: h } = Be(), E = fe(), N = (o) => e.columns.filter((f) => f.mobile === o), I = g(() => N("primary")), O = g(() => N("accessory")), j = g(() => N("meta")), B = g(() => I.value.length === 1 && I.value[0].kind === "identity" && !z(I.value[0])), U = (o) => O.value.length > 0 || G.value && ee(o), H = (o) => `cell-${String(o.key).replace(/\./g, "_")}`, z = (o) => !!E[H(o)], K = (o, f) => _e(o, f.key), a = (o) => o == null || o === "", k = { md: "hidden md:table-cell", xl: "hidden xl:table-cell", "2xl": "hidden 2xl:table-cell" }, _ = (o) => o.hideBelow ? [k[o.hideBelow]] : [], A = (o) => ["text-nowrap px-4 pt-2.5 pb-2 text-footnote font-normal text-content-muted", ..._(o)], x = { start: "text-left", center: "text-center", end: "text-right" }, xe = (o) => [..._(o), x[o.align ?? "start"]], Ce = { start: "justify-start", center: "justify-center", end: "justify-end" }, ne = g(() => e.rows.length > 0 && e.link(e.rows[0]) !== null), T = g(() => e.pick !== void 0 && e.display === "rows" && e.rows.length > 0), $e = Te(), Z = (o) => `${$e}-option-${o}`, R = oe(-1), Y = pe("list");
+  setup(k, { expose: l, emit: b }) {
+    const e = k, w = b, c = fe(), { t: p } = Be(), E = fe(), N = (o) => e.columns.filter((d) => d.mobile === o), I = h(() => N("primary")), O = h(() => N("accessory")), j = h(() => N("meta")), B = h(() => I.value.length === 1 && I.value[0].kind === "identity" && !z(I.value[0])), U = (o) => O.value.length > 0 || G.value && ee(o), H = (o) => `cell-${String(o.key).replace(/\./g, "_")}`, z = (o) => !!E[H(o)], K = (o, d) => _e(o, d.key), a = (o) => o == null || o === "", m = { md: "hidden md:table-cell", xl: "hidden xl:table-cell", "2xl": "hidden 2xl:table-cell" }, _ = (o) => o.hideBelow ? [m[o.hideBelow]] : [], A = (o) => ["text-nowrap px-4 pt-2.5 pb-2 text-footnote font-normal text-content-muted", ..._(o)], x = { start: "text-left", center: "text-center", end: "text-right" }, xe = (o) => [..._(o), x[o.align ?? "start"]], Ce = { start: "justify-start", center: "justify-center", end: "justify-end" }, ne = h(() => e.rows.length > 0 && e.link(e.rows[0]) !== null), T = h(() => e.pick !== void 0 && e.display === "rows" && e.rows.length > 0), $e = Te(), Z = (o) => `${$e}-option-${o}`, R = oe(-1), Y = pe("list");
     ye(() => e.rows, () => R.value = -1), ye(R, (o) => void ge(() => Y.value?.querySelector(`[id="${Z(o)}"]`)?.scrollIntoView?.({ block: "nearest" })));
     function Se(o) {
       if (o.target !== o.currentTarget || o.altKey || o.ctrlKey || o.metaKey || o.shiftKey) return;
-      const f = e.rows.length - 1, t = R.value, $ = { ArrowDown: Math.min(t + 1, f), ArrowUp: Math.max(t - 1, 0), Home: 0, End: f };
+      const d = e.rows.length - 1, t = R.value, $ = { ArrowDown: Math.min(t + 1, d), ArrowUp: Math.max(t - 1, 0), Home: 0, End: d };
       o.key in $ ? (o.preventDefault(), R.value = $[o.key]) : (o.key === "Enter" || o.key === " ") && t >= 0 && e.rows[t] !== void 0 && (o.preventDefault(), e.pick?.(e.rows[t]));
     }
-    const le = g(
+    const le = h(
       () => T.value ? {
         role: "listbox",
         tabindex: 0,
-        "aria-label": e.pickLabel ?? h("core.collection.pick_label"),
+        "aria-label": e.pickLabel ?? p("core.collection.pick_label"),
         "aria-activedescendant": R.value >= 0 ? Z(R.value) : void 0,
         onKeydown: Se,
         onFocus: () => {
@@ -282,17 +277,17 @@ const ot = { class: "flex flex-1 flex-col gap-2 pt-1" }, st = ["onClick", "onCon
     function Le() {
       return T.value ? (Y.value?.focus(), !0) : !1;
     }
-    n({ focusRows: Le });
-    const ie = pe("rowMenu"), m = tt({
+    l({ focusRows: Le });
+    const ie = pe("rowMenu"), y = tt({
       actions: () => e.rowActions,
       label: () => e.rowLabel,
       target: (o) => e.link(o),
       pick: () => e.pick,
-      presentMenu: (o, f) => ie.value?.presentAt(o, f),
-      moreLabel: () => h("core.page.more_actions")
-    }), G = g(() => !!e.rowActions && (e.actionsVisible || !c.actions && !ne.value)), W = g(() => !!c.actions || ne.value || G.value), ae = (o) => e.rowLabel ? `${h("core.page.more_actions")}: ${e.rowLabel(o)}` : h("core.page.more_actions"), ee = (o) => m.actionsOf(o).length > 0, ce = g(() => 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", ue = (o) => ({ animationDelay: `${Math.min(o, 8) * 30}ms` }), te = g(() => e.display === "loading"), Me = g(() => te.value && e.reserveRows !== void 0 ? `${e.reserveRows * (e.rowHeight ?? 40) + Dt}px` : void 0), de = g(() => e.display === "empty" || e.display === "no-matches");
-    return (o, f) => (s(), l(p, null, [
-      e.phone ? (s(), l("ul", q({
+      presentMenu: (o, d) => ie.value?.presentAt(o, d),
+      moreLabel: () => p("core.page.more_actions")
+    }), G = h(() => !!e.rowActions && (e.actionsVisible || !c.actions && !ne.value)), W = h(() => !!c.actions || ne.value || G.value), ae = (o) => e.rowLabel ? `${p("core.page.more_actions")}: ${e.rowLabel(o)}` : p("core.page.more_actions"), ee = (o) => y.actionsOf(o).length > 0, ce = h(() => 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", ue = (o) => ({ animationDelay: `${Math.min(o, 8) * 30}ms` }), te = h(() => e.display === "loading"), Me = h(() => te.value && e.reserveRows !== void 0 ? `${e.reserveRows * (e.rowHeight ?? 40) + Dt}px` : void 0), de = h(() => e.display === "empty" || e.display === "no-matches");
+    return (o, d) => (s(), n(f, null, [
+      e.phone ? (s(), n("ul", q({
         key: 0,
         ref_key: "list",
         ref: Y
@@ -300,13 +295,13 @@ const ot = { class: "flex flex-1 flex-col gap-2 pt-1" }, st = ["onClick", "onCon
         class: ["overflow-hidden rounded-group bg-surface-cell shadow-group", T.value ? "group/pick outline-0" : void 0],
         "data-test": "collection-mobile-rows"
       }), [
-        te.value ? (s(!0), l(p, { key: 0 }, P(e.skeletonRows, (t) => (s(), l("li", {
+        te.value ? (s(!0), n(f, { key: 0 }, P(e.skeletonRows, (t) => (s(), 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: M({ animationDelay: `${t * 60}ms` })
         }, [
-          f[5] || (f[5] = u("span", { class: "size-9 shrink-0 rounded-full bg-fill" }, null, -1)),
+          d[5] || (d[5] = u("span", { class: "size-9 shrink-0 rounded-full bg-fill" }, null, -1)),
           u("span", ot, [
             u("span", {
               class: "h-2.5 rounded-full bg-fill-strong",
@@ -317,46 +312,46 @@ const ot = { class: "flex flex-1 flex-col gap-2 pt-1" }, st = ["onClick", "onCon
               style: M({ width: `${60 + t * 7 % 25}%` })
             }, null, 4)
           ])
-        ], 4))), 128)) : b("", !0),
-        e.display === "rows" ? (s(!0), l(p, { key: 1 }, P(e.rows, (t, $) => (s(), l("li", q({
+        ], 4))), 128)) : v("", !0),
+        e.display === "rows" ? (s(!0), n(f, { key: 1 }, P(e.rows, (t, $) => (s(), n("li", q({
           key: e.rowKey(t),
           style: ue($),
           "data-test": "collection-row"
         }, { ref_for: !0 }, re($), {
           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 ? Tt : void 0, e.rowClass?.(t)]],
-          onClickCapture: f[0] || (f[0] = //@ts-ignore
-          (...r) => i(m).onClickCapture && i(m).onClickCapture(...r)),
-          onClick: (r) => i(m).onClick(r, t),
-          onContextmenu: (r) => i(m).onContextMenu(r, t),
-          onPointerdown: (r) => i(m).onPointerDown(r, t),
-          onPointermove: f[1] || (f[1] = //@ts-ignore
-          (...r) => i(m).onPointerMove && i(m).onPointerMove(...r)),
-          onPointerup: f[2] || (f[2] = //@ts-ignore
-          (...r) => i(m).cancelPress && i(m).cancelPress(...r)),
-          onPointercancel: f[3] || (f[3] = //@ts-ignore
-          (...r) => i(m).cancelPress && i(m).cancelPress(...r))
+          onClickCapture: d[0] || (d[0] = //@ts-ignore
+          (...r) => i(y).onClickCapture && i(y).onClickCapture(...r)),
+          onClick: (r) => i(y).onClick(r, t),
+          onContextmenu: (r) => i(y).onContextMenu(r, t),
+          onPointerdown: (r) => i(y).onPointerDown(r, t),
+          onPointermove: d[1] || (d[1] = //@ts-ignore
+          (...r) => i(y).onPointerMove && i(y).onPointerMove(...r)),
+          onPointerup: d[2] || (d[2] = //@ts-ignore
+          (...r) => i(y).cancelPress && i(y).cancelPress(...r)),
+          onPointercancel: d[3] || (d[3] = //@ts-ignore
+          (...r) => i(y).cancelPress && i(y).cancelPress(...r))
         }), [
           L(i(Ke), {
-            actions: i(m).swipeActions(t),
+            actions: i(y).swipeActions(t),
             "content-class": "px-row-inset py-2.5"
           }, {
             default: F(() => [
               u("div", nt, [
-                c.leading ? (s(), l("div", lt, [
+                c.leading ? (s(), n("div", lt, [
                   S(o.$slots, "leading", {
                     item: t,
                     compact: !0
                   })
-                ])) : b("", !0),
+                ])) : v("", !0),
                 u("div", rt, [
                   u("div", {
-                    class: w(["grid min-w-0 items-start gap-x-3", U(t) ? "grid-cols-[minmax(0,1fr)_auto]" : "grid-cols-[minmax(0,1fr)]"]),
+                    class: g(["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"
                   }, [
                     u("div", {
-                      class: w(B.value ? "contents" : "col-start-1 row-start-1 min-w-0")
+                      class: g(B.value ? "contents" : "col-start-1 row-start-1 min-w-0")
                     }, [
-                      (s(!0), l(p, null, P(I.value, (r) => (s(), l(p, {
+                      (s(!0), n(f, null, P(I.value, (r) => (s(), n(f, {
                         key: String(r.key)
                       }, [
                         z(r) ? S(o.$slots, H(r), {
@@ -373,7 +368,7 @@ const ot = { class: "flex flex-1 flex-col gap-2 pt-1" }, st = ["onClick", "onCon
                           to: e.link(t),
                           search: e.search,
                           spread: ""
-                        }, null, 8, ["column", "item", "to", "search"])) : (s(), l("span", it, [
+                        }, null, 8, ["column", "item", "to", "search"])) : (s(), n("span", it, [
                           L(V, {
                             column: r,
                             item: t,
@@ -384,8 +379,8 @@ const ot = { class: "flex flex-1 flex-col gap-2 pt-1" }, st = ["onClick", "onCon
                         ]))
                       ], 64))), 128))
                     ], 2),
-                    U(t) ? (s(), l("div", at, [
-                      (s(!0), l(p, null, P(O.value, (r) => (s(), l(p, {
+                    U(t) ? (s(), n("div", at, [
+                      (s(!0), n(f, null, P(O.value, (r) => (s(), n(f, {
                         key: String(r.key)
                       }, [
                         z(r) ? S(o.$slots, H(r), {
@@ -403,23 +398,23 @@ const ot = { class: "flex flex-1 flex-col gap-2 pt-1" }, st = ["onClick", "onCon
                           search: e.search
                         }, null, 8, ["column", "item", "to", "search"]))
                       ], 64))), 128)),
-                      G.value && ee(t) ? (s(), l("button", {
+                      G.value && ee(t) ? (s(), n("button", {
                         key: 0,
                         type: "button",
                         "data-test": "collection-row-more",
                         "aria-label": ae(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((r) => i(m).openMenuFrom(r, t), ["stop"])
+                        onClick: ve((r) => i(y).openMenuFrom(r, t), ["stop"])
                       }, [
                         L(i(J), {
                           name: "moreLine",
                           size: 20
                         })
-                      ], 8, ct)) : b("", !0)
-                    ])) : b("", !0)
+                      ], 8, ct)) : v("", !0)
+                    ])) : v("", !0)
                   ], 2),
-                  j.value.length ? (s(), l("div", ut, [
-                    (s(!0), l(p, null, P(j.value, (r) => (s(), l(p, {
+                  j.value.length ? (s(), n("div", ut, [
+                    (s(!0), n(f, null, P(j.value, (r) => (s(), n(f, {
                       key: String(r.key)
                     }, [
                       z(r) ? S(o.$slots, H(r), {
@@ -428,7 +423,7 @@ const ot = { class: "flex flex-1 flex-col gap-2 pt-1" }, st = ["onClick", "onCon
                         compact: !0,
                         to: e.link(t),
                         search: e.search
-                      }, void 0, void 0, 0) : a(K(t, r)) ? b("", !0) : (s(), l("span", dt, [
+                      }, void 0, void 0, 0) : a(K(t, r)) ? v("", !0) : (s(), n("span", dt, [
                         L(V, {
                           column: r,
                           item: t,
@@ -438,62 +433,62 @@ const ot = { class: "flex flex-1 flex-col gap-2 pt-1" }, st = ["onClick", "onCon
                         }, null, 8, ["column", "item", "to", "search"])
                       ]))
                     ], 64))), 128))
-                  ])) : b("", !0)
+                  ])) : v("", !0)
                 ])
               ])
             ]),
             _: 2
           }, 1032, ["actions"])
-        ], 16, st))), 128)) : b("", !0),
-        e.display === "failed" ? (s(), l("li", ft, [
+        ], 16, st))), 128)) : v("", !0),
+        e.display === "failed" ? (s(), n("li", ft, [
           S(o.$slots, "failed")
-        ])) : b("", !0),
-        de.value ? (s(), l("li", pt, [
+        ])) : v("", !0),
+        de.value ? (s(), n("li", pt, [
           S(o.$slots, "empty", {}, () => [
-            L(i(he), {
-              title: i(h)("core.collection.no_data")
+            L(i(me), {
+              title: i(p)("core.collection.no_data")
             }, null, 8, ["title"])
           ])
-        ])) : b("", !0)
-      ], 16)) : (s(), l("div", yt, [
+        ])) : v("", !0)
+      ], 16)) : (s(), n("div", yt, [
         u("div", {
           class: "overflow-x-auto",
           style: M({ minHeight: Me.value })
         }, [
           u("table", {
-            class: w(["collection-grid w-full", { condensed: e.density === "condensed" }]),
+            class: g(["collection-grid w-full", { condensed: e.density === "condensed" }]),
             role: T.value ? "presentation" : void 0
           }, [
-            u("thead", ht, [
+            u("thead", mt, [
               u("tr", null, [
-                (s(!0), l(p, null, P(e.columns, (t) => (s(), l("th", {
+                (s(!0), n(f, null, P(e.columns, (t) => (s(), n("th", {
                   key: String(t.key),
                   scope: "col",
-                  class: w(A(t)),
+                  class: g(A(t)),
                   style: M({ width: t.width ? `${t.width}px` : void 0, textAlign: t.align ?? "start" }),
                   "aria-sort": Pe(t)
                 }, [
                   u("div", {
-                    class: w(["flex", Ce[t.align ?? "start"]])
+                    class: g(["flex", Ce[t.align ?? "start"]])
                   }, [
-                    t.sort !== void 0 ? (s(), l("button", {
+                    t.sort !== void 0 ? (s(), n("button", {
                       key: 0,
                       type: "button",
-                      class: w(["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: ($) => v("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", [X(t) ? "font-semibold text-content-strong" : "", t.align === "end" ? "flex-row-reverse" : ""]]),
+                      onClick: ($) => w("sort", t.sort)
                     }, [
                       u("span", null, C(t.label), 1),
                       L(i(J), {
                         name: Re(t),
                         size: 14,
-                        class: w(X(t) ? "text-content-muted" : "text-content-disabled opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100")
+                        class: g(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, bt)) : (s(), l("span", kt, C(t.label), 1))
+                    ], 10, bt)) : (s(), n("span", kt, C(t.label), 1))
                   ], 2)
-                ], 14, mt))), 128)),
-                W.value ? (s(), l("th", gt, [
-                  u("span", wt, C(i(h)("core.actions.more")), 1)
-                ])) : b("", !0)
+                ], 14, ht))), 128)),
+                W.value ? (s(), n("th", gt, [
+                  u("span", wt, C(i(p)("core.actions.more")), 1)
+                ])) : v("", !0)
               ])
             ]),
             u("tbody", q({
@@ -502,20 +497,20 @@ const ot = { class: "flex flex-1 flex-col gap-2 pt-1" }, st = ["onClick", "onCon
             }, le.value, {
               class: T.value ? "group/pick outline-0" : void 0
             }), [
-              te.value ? (s(!0), l(p, { key: 0 }, P(e.skeletonRows, (t) => (s(), l("tr", {
+              te.value ? (s(!0), n(f, { key: 0 }, P(e.skeletonRows, (t) => (s(), n("tr", {
                 key: `skeleton-${t}`,
                 "aria-hidden": "true",
                 style: M(e.rowHeight ? { height: `${e.rowHeight}px` } : void 0)
               }, [
-                (s(!0), l(p, null, P(e.columns, ($, r) => (s(), l("td", {
+                (s(!0), n(f, null, P(e.columns, ($, r) => (s(), n("td", {
                   key: String($.key),
-                  class: w(_($))
+                  class: g(_($))
                 }, [
                   u("div", {
                     class: "flex animate-pulse items-center gap-3 motion-reduce:animate-none",
                     style: M({ animationDelay: `${t * 60}ms` })
                   }, [
-                    r === 0 ? (s(), l("span", _t)) : b("", !0),
+                    r === 0 ? (s(), n("span", _t)) : v("", !0),
                     u("span", xt, [
                       u("span", {
                         class: "h-2.5 rounded-full bg-fill-strong",
@@ -528,26 +523,26 @@ const ot = { class: "flex flex-1 flex-col gap-2 pt-1" }, st = ["onClick", "onCon
                     ])
                   ], 4)
                 ], 2))), 128)),
-                W.value ? (s(), l("td", Ct, [...f[6] || (f[6] = [
+                W.value ? (s(), n("td", Ct, [...d[6] || (d[6] = [
                   u("div", { class: "mx-auto h-6 w-6 animate-pulse rounded-full bg-fill motion-reduce:animate-none" }, null, -1)
-                ])])) : b("", !0)
-              ], 4))), 128)) : b("", !0),
-              e.display === "rows" ? (s(!0), l(p, { key: 1 }, P(e.rows, (t, $) => (s(), l("tr", q({
+                ])])) : v("", !0)
+              ], 4))), 128)) : v("", !0),
+              e.display === "rows" ? (s(!0), n(f, { key: 1 }, P(e.rows, (t, $) => (s(), n("tr", q({
                 key: e.rowKey(t),
                 class: "animate-row-in",
                 "data-test": "collection-row"
               }, { ref_for: !0 }, re($), {
                 class: [e.link(t) ? "cursor-pointer" : void 0, T.value ? At : void 0, e.rowClass?.(t)],
                 style: [e.rowHeight ? { height: `${e.rowHeight}px` } : {}, ue($)],
-                onClickCapture: f[4] || (f[4] = //@ts-ignore
-                (...r) => i(m).onClickCapture && i(m).onClickCapture(...r)),
-                onClick: (r) => i(m).onClick(r, t),
-                onContextmenu: (r) => i(m).onContextMenu(r, t),
-                onPointerdown: (r) => i(m).onPointerDown(r, t)
+                onClickCapture: d[4] || (d[4] = //@ts-ignore
+                (...r) => i(y).onClickCapture && i(y).onClickCapture(...r)),
+                onClick: (r) => i(y).onClick(r, t),
+                onContextmenu: (r) => i(y).onContextMenu(r, t),
+                onPointerdown: (r) => i(y).onPointerDown(r, t)
               }), [
-                (s(!0), l(p, null, P(e.columns, (r, Ee) => (s(), l("td", {
+                (s(!0), n(f, null, P(e.columns, (r, Ee) => (s(), n("td", {
                   key: String(r.key),
-                  class: w(xe(r))
+                  class: g(xe(r))
                 }, [
                   S(o.$slots, H(r), {
                     item: t,
@@ -575,18 +570,18 @@ const ot = { class: "flex flex-1 flex-col gap-2 pt-1" }, st = ["onClick", "onCon
                     ]), 1032, ["column", "item", "to", "search"])
                   ])
                 ], 2))), 128)),
-                W.value ? (s(), l("td", St, [
+                W.value ? (s(), n("td", St, [
                   S(o.$slots, "actions", { item: t }, () => [
                     u("div", Lt, [
                       e.link(t) ? (s(), D(i(ze), {
                         key: 0,
-                        text: i(h)("core.collection.open_record"),
+                        text: i(p)("core.collection.open_record"),
                         side: "left"
                       }, {
                         default: F(() => [
                           L(i(we), {
                             to: e.link(t),
-                            "aria-label": `${i(h)("core.collection.open_record")}${e.rowLabel ? `: ${e.rowLabel(t)}` : ""}`,
+                            "aria-label": `${i(p)("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(() => [
@@ -599,44 +594,44 @@ const ot = { class: "flex flex-1 flex-col gap-2 pt-1" }, st = ["onClick", "onCon
                           }, 8, ["to", "aria-label"])
                         ]),
                         _: 2
-                      }, 1032, ["text"])) : b("", !0),
-                      G.value && ee(t) ? (s(), l("button", {
+                      }, 1032, ["text"])) : v("", !0),
+                      G.value && ee(t) ? (s(), n("button", {
                         key: 1,
                         type: "button",
                         "data-test": "collection-row-more",
                         "aria-label": ae(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((r) => i(m).openMenuFrom(r, t), ["stop"])
+                        onClick: ve((r) => i(y).openMenuFrom(r, t), ["stop"])
                       }, [
                         L(i(J), {
                           name: "moreLine",
                           size: 18
                         })
-                      ], 8, Pt)) : b("", !0)
+                      ], 8, Pt)) : v("", !0)
                     ])
                   ])
-                ])) : b("", !0)
-              ], 16, $t))), 128)) : b("", !0),
-              e.display === "failed" ? (s(), l("tr", Rt, [
+                ])) : v("", !0)
+              ], 16, $t))), 128)) : v("", !0),
+              e.display === "failed" ? (s(), n("tr", Rt, [
                 u("td", {
                   colspan: ce.value,
                   class: "!whitespace-normal py-6"
                 }, [
                   S(o.$slots, "failed")
                 ], 8, Mt)
-              ])) : b("", !0),
-              de.value ? (s(), l("tr", Et, [
+              ])) : v("", !0),
+              de.value ? (s(), n("tr", Et, [
                 u("td", {
                   colspan: ce.value,
                   class: "!whitespace-normal py-6 text-center"
                 }, [
                   S(o.$slots, "empty", {}, () => [
-                    L(i(he), {
-                      title: i(h)("core.collection.no_data")
+                    L(i(me), {
+                      title: i(p)("core.collection.no_data")
                     }, null, 8, ["title"])
                   ])
                 ], 8, It)
-              ])) : b("", !0)
+              ])) : v("", !0)
             ], 16)
           ], 10, vt)
         ], 4)
@@ -645,19 +640,19 @@ const ot = { class: "flex flex-1 flex-col gap-2 pt-1" }, st = ["onClick", "onCon
         key: 2,
         ref_key: "rowMenu",
         ref: ie,
-        items: i(m).menuItems.value,
-        label: i(m).menuLabel.value
-      }, null, 8, ["items", "label"])) : b("", !0)
+        items: i(y).menuItems.value,
+        label: i(y).menuLabel.value
+      }, null, 8, ["items", "label"])) : v("", !0)
     ], 64));
   }
 });
-function Xt(y) {
-  const n = je("(max-width: 1023px)"), d = g(() => y().some((e) => e.mobile && e.mobile !== "hidden"));
-  return { narrow: g(() => n.value), phone: g(() => n.value && d.value) };
+function qt(k) {
+  const l = Ue("(max-width: 1023px)"), b = h(() => k().some((e) => e.mobile && e.mobile !== "hidden"));
+  return { narrow: h(() => l.value), phone: h(() => l.value && b.value) };
 }
 export {
-  Wt as _,
+  Xt as _,
   ke as a,
   V as b,
-  Xt as u
+  qt as u
 };