@wssto2/vue-core 0.10.0 → 0.11.0

package/dist/rowLayout-Il4psyXN.js

@@ -1,658 +0,0 @@
-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 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 { 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: {},
-    subtitle: { default: null },
-    to: { default: null },
-    subtitleSelectable: { type: Boolean, default: !1 },
-    highlight: { default: null },
-    spread: { type: Boolean, default: !1 }
-  },
-  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")
-    }, [
-      l.to ? (s(), D(i(we), {
-        key: 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), n(f, null, P(b.value, (c, p) => (s(), n(f, { key: p }, [
-            c.match ? (s(), n("mark", {
-              key: 0,
-              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(), n("span", {
-        key: 1,
-        class: g(["truncate text-row-title", l.spread ? be : void 0])
-      }, [
-        (s(!0), n(f, null, P(b.value, (c, p) => (s(), n(f, { key: p }, [
-          c.match ? (s(), n("mark", {
-            key: 0,
-            class: g(he)
-          }, C(c.text), 1)) : (s(), n(f, { key: 1 }, [
-            Q(C(c.text), 1)
-          ], 64))
-        ], 64))), 128))
-      ], 2)),
-      l.subtitle ? (s(), n("span", {
-        key: 2,
-        "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(k, l) {
-  let b = k;
-  for (const e of String(l).split(".")) {
-    if (typeof b != "object" || b === null) return;
-    b = b[e];
-  }
-  return b;
-}
-const We = {
-  key: 0,
-  class: "flex items-center gap-3"
-}, Xe = ["datetime"], qe = {
-  key: 2,
-  class: "tabular-nums"
-}, Je = {
-  key: 3,
-  class: "tabular-nums"
-}, V = /* @__PURE__ */ se({
-  __name: "CollectionCell",
-  props: {
-    column: {},
-    item: {},
-    compact: { type: Boolean },
-    to: {},
-    search: {},
-    spread: { type: Boolean }
-  },
-  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: 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: 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)) : 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(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: w.value,
-        precision: l.column.precision ?? "dateTime"
-      }, null, 8, ["value", "precision"]))
-    ], 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: l.column.tone(l.item),
-      dot: ""
-    }, {
-      default: F(() => [
-        Q(C(l.column.text?.(l.item) ?? c.value), 1)
-      ]),
-      _: 1
-    }, 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(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((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, m, _) {
-    const A = E(a);
-    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,
-      section: x.section,
-      tone: x.tone === "critical" ? "critical" : void 0,
-      onSelect: () => {
-        x.onSelect ? x.onSelect() : x.href && (x.external ? window.open(x.href, "_blank", "noopener") : window.location.assign(x.href));
-      }
-    })), ge(() => k.presentMenu(m, _)), !0);
-  }
-  function O(a, m) {
-    const _ = a.currentTarget.getBoundingClientRect();
-    I(m, _.left, _.bottom);
-  }
-  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, 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 - p.x, a.clientY - p.y) > et && B();
-  }
-  function z(a) {
-    w && (w = !1, a.preventDefault(), a.stopPropagation());
-  }
-  function K(a, m) {
-    const _ = k.pick?.(), A = _ ? null : k.target(m);
-    if (!(!_ && !A || a.target.closest(Qe)) && !window.getSelection()?.toString()) {
-      if (_) {
-        _(m);
-        return;
-      }
-      if (a.metaKey || a.ctrlKey) {
-        window.open(l.resolve(A).href, "_blank");
-        return;
-      }
-      l.push(A);
-    }
-  }
-  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,
-  class: "shrink-0 pt-0.5"
-}, rt = { class: "flex min-w-0 flex-1 flex-col gap-1" }, it = {
-  key: 2,
-  class: "block truncate text-row-title"
-}, at = {
-  key: 0,
-  class: "col-start-2 row-start-1 flex shrink-0 items-center gap-2 pt-0.5"
-}, ct = ["aria-label", "onClick"], ut = {
-  key: 0,
-  class: "flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1 text-row-meta"
-}, dt = {
-  key: 1,
-  class: "truncate"
-}, ft = {
-  key: 2,
-  class: "px-4 py-6",
-  "data-test": "collection-failed"
-}, pt = {
-  key: 3,
-  class: "px-4 py-2 text-center",
-  "data-test": "collection-empty"
-}, yt = {
-  key: 1,
-  class: "inline-block w-full align-middle"
-}, 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" }
-}, wt = { class: "sr-only" }, _t = {
-  key: 0,
-  class: "size-8 shrink-0 rounded-full bg-fill"
-}, xt = { class: "flex flex-1 flex-col gap-1.5" }, Ct = { key: 0 }, $t = ["onClick", "onContextmenu", "onPointerdown"], St = { key: 0 }, Lt = { class: "flex items-center justify-center gap-1" }, Pt = ["aria-label", "onClick"], Rt = {
-  key: 2,
-  "data-test": "collection-failed"
-}, 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, Xt = /* @__PURE__ */ se({
-  __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(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 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 = h(
-      () => T.value ? {
-        role: "listbox",
-        tabindex: 0,
-        "aria-label": e.pickLabel ?? p("core.collection.pick_label"),
-        "aria-activedescendant": R.value >= 0 ? Z(R.value) : void 0,
-        onKeydown: Se,
-        onFocus: () => {
-          R.value < 0 && (R.value = 0);
-        }
-      } : {}
-    ), re = (o) => T.value ? { role: "option", id: Z(o), "data-current": o === R.value ? "" : void 0 } : {};
-    function Le() {
-      return T.value ? (Y.value?.focus(), !0) : !1;
-    }
-    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, 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
-      }, 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"
-      }), [
-        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` })
-        }, [
-          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",
-              style: M({ width: `${45 + t * 13 % 30}%` })
-            }, null, 4),
-            u("span", {
-              class: "h-2 rounded-full bg-fill",
-              style: M({ width: `${60 + t * 7 % 25}%` })
-            }, null, 4)
-          ])
-        ], 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: 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(y).swipeActions(t),
-            "content-class": "px-row-inset py-2.5"
-          }, {
-            default: F(() => [
-              u("div", nt, [
-                c.leading ? (s(), n("div", lt, [
-                  S(o.$slots, "leading", {
-                    item: t,
-                    compact: !0
-                  })
-                ])) : v("", !0),
-                u("div", rt, [
-                  u("div", {
-                    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: g(B.value ? "contents" : "col-start-1 row-start-1 min-w-0")
-                    }, [
-                      (s(!0), n(f, null, P(I.value, (r) => (s(), n(f, {
-                        key: String(r.key)
-                      }, [
-                        z(r) ? S(o.$slots, H(r), {
-                          item: t,
-                          value: K(t, r),
-                          compact: !0,
-                          to: e.link(t),
-                          search: e.search
-                        }, void 0, void 0, 0) : B.value ? (s(), D(V, {
-                          key: 1,
-                          column: r,
-                          item: t,
-                          compact: !0,
-                          to: e.link(t),
-                          search: e.search,
-                          spread: ""
-                        }, null, 8, ["column", "item", "to", "search"])) : (s(), n("span", it, [
-                          L(V, {
-                            column: r,
-                            item: t,
-                            compact: !0,
-                            to: e.link(t),
-                            search: e.search
-                          }, null, 8, ["column", "item", "to", "search"])
-                        ]))
-                      ], 64))), 128))
-                    ], 2),
-                    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), {
-                          item: t,
-                          value: K(t, r),
-                          compact: !0,
-                          to: e.link(t),
-                          search: e.search
-                        }, void 0, void 0, 0) : (s(), D(V, {
-                          key: 1,
-                          column: r,
-                          item: t,
-                          compact: !0,
-                          to: e.link(t),
-                          search: e.search
-                        }, null, 8, ["column", "item", "to", "search"]))
-                      ], 64))), 128)),
-                      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(y).openMenuFrom(r, t), ["stop"])
-                      }, [
-                        L(i(J), {
-                          name: "moreLine",
-                          size: 20
-                        })
-                      ], 8, ct)) : v("", !0)
-                    ])) : v("", !0)
-                  ], 2),
-                  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), {
-                        item: t,
-                        value: K(t, r),
-                        compact: !0,
-                        to: e.link(t),
-                        search: e.search
-                      }, void 0, void 0, 0) : a(K(t, r)) ? v("", !0) : (s(), n("span", dt, [
-                        L(V, {
-                          column: r,
-                          item: t,
-                          compact: !0,
-                          to: e.link(t),
-                          search: e.search
-                        }, null, 8, ["column", "item", "to", "search"])
-                      ]))
-                    ], 64))), 128))
-                  ])) : v("", !0)
-                ])
-              ])
-            ]),
-            _: 2
-          }, 1032, ["actions"])
-        ], 16, st))), 128)) : v("", !0),
-        e.display === "failed" ? (s(), n("li", ft, [
-          S(o.$slots, "failed")
-        ])) : v("", !0),
-        de.value ? (s(), n("li", pt, [
-          S(o.$slots, "empty", {}, () => [
-            L(i(me), {
-              title: i(p)("core.collection.no_data")
-            }, null, 8, ["title"])
-          ])
-        ])) : v("", !0)
-      ], 16)) : (s(), n("div", yt, [
-        u("div", {
-          class: "overflow-x-auto",
-          style: M({ minHeight: Me.value })
-        }, [
-          u("table", {
-            class: g(["collection-grid w-full", { condensed: e.density === "condensed" }]),
-            role: T.value ? "presentation" : void 0
-          }, [
-            u("thead", mt, [
-              u("tr", null, [
-                (s(!0), n(f, null, P(e.columns, (t) => (s(), n("th", {
-                  key: String(t.key),
-                  scope: "col",
-                  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: g(["flex", Ce[t.align ?? "start"]])
-                  }, [
-                    t.sort !== void 0 ? (s(), n("button", {
-                      key: 0,
-                      type: "button",
-                      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: 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(), n("span", kt, C(t.label), 1))
-                  ], 2)
-                ], 14, ht))), 128)),
-                W.value ? (s(), n("th", gt, [
-                  u("span", wt, C(i(p)("core.actions.more")), 1)
-                ])) : v("", !0)
-              ])
-            ]),
-            u("tbody", q({
-              ref_key: "list",
-              ref: Y
-            }, le.value, {
-              class: T.value ? "group/pick outline-0" : void 0
-            }), [
-              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), n(f, null, P(e.columns, ($, r) => (s(), n("td", {
-                  key: String($.key),
-                  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(), n("span", _t)) : v("", !0),
-                    u("span", xt, [
-                      u("span", {
-                        class: "h-2.5 rounded-full bg-fill-strong",
-                        style: M({ width: `${55 + (t * 7 + r * 13) % 35}%` })
-                      }, null, 4),
-                      u("span", {
-                        class: "h-2 rounded-full bg-fill",
-                        style: M({ width: `${30 + (t * 11 + r * 5) % 30}%` })
-                      }, null, 4)
-                    ])
-                  ], 4)
-                ], 2))), 128)),
-                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)
-                ])])) : 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: 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), n(f, null, P(e.columns, (r, Ee) => (s(), n("td", {
-                  key: String(r.key),
-                  class: g(xe(r))
-                }, [
-                  S(o.$slots, H(r), {
-                    item: t,
-                    value: K(t, r),
-                    compact: !1,
-                    to: e.link(t)
-                  }, () => [
-                    L(V, {
-                      column: r,
-                      item: t,
-                      compact: !1,
-                      to: e.link(t),
-                      search: e.search
-                    }, De({ _: 2 }, [
-                      c.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 ? (s(), n("td", St, [
-                  S(o.$slots, "actions", { item: t }, () => [
-                    u("div", Lt, [
-                      e.link(t) ? (s(), D(i(ze), {
-                        key: 0,
-                        text: i(p)("core.collection.open_record"),
-                        side: "left"
-                      }, {
-                        default: F(() => [
-                          L(i(we), {
-                            to: e.link(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(() => [
-                              L(i(J), {
-                                name: "eye",
-                                size: 18
-                              })
-                            ]),
-                            _: 1
-                          }, 8, ["to", "aria-label"])
-                        ]),
-                        _: 2
-                      }, 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(y).openMenuFrom(r, t), ["stop"])
-                      }, [
-                        L(i(J), {
-                          name: "moreLine",
-                          size: 18
-                        })
-                      ], 8, Pt)) : v("", !0)
-                    ])
-                  ])
-                ])) : 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)
-              ])) : 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(me), {
-                      title: i(p)("core.collection.no_data")
-                    }, null, 8, ["title"])
-                  ])
-                ], 8, It)
-              ])) : v("", !0)
-            ], 16)
-          ], 10, vt)
-        ], 4)
-      ])),
-      e.rowActions ? (s(), D(i(Ne), {
-        key: 2,
-        ref_key: "rowMenu",
-        ref: ie,
-        items: i(y).menuItems.value,
-        label: i(y).menuLabel.value
-      }, null, 8, ["items", "label"])) : v("", !0)
-    ], 64));
-  }
-});
-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 {
-  Xt as _,
-  ke as a,
-  V as b,
-  qt as u
-};