@wssto2/vue-core 0.4.7 → 0.4.8

package/dist/rowLayout-BkQWulan.js

@@ -1,621 +0,0 @@
-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 || 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 b.split(f).flatMap((u, a) => u === "" ? [] : [{ text: u, match: a % 2 === 1 }]);
-}
-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 },
-    spread: { type: Boolean, default: !1 }
-  },
-  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: 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: N(() => [
-          (o(!0), n(p, null, S(e.value, (a, w) => (o(), n(p, { key: w }, [
-            a.match ? (o(), n("mark", {
-              key: 0,
-              class: g(ae)
-            }, x(a.text), 1)) : (o(), n(p, { key: 1 }, [
-              G(x(a.text), 1)
-            ], 64))
-          ], 64))), 128))
-        ]),
-        _: 1
-      }, 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: 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: 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 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 Be = {
-  key: 0,
-  class: "flex items-center gap-3"
-}, Ie = ["datetime"], He = {
-  key: 2,
-  class: "tabular-nums"
-}, Ne = {
-  key: 3,
-  class: "tabular-nums"
-}, z = /* @__PURE__ */ W({
-  __name: "CollectionCell",
-  props: {
-    column: {},
-    item: {},
-    compact: { type: Boolean },
-    to: {},
-    search: {},
-    spread: { type: Boolean }
-  },
-  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(), 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, ["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)
-      }, 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", 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: N(() => [
-        G(x(s.column.text?.(s.item) ?? a.value), 1)
-      ]),
-      _: 1
-    }, 8, ["tone"])) : (o(), n(p, { key: 5 }, [
-      G(x(a.value), 1)
-    ], 64));
-  }
-}), 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 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,
-      section: _.section,
-      tone: _.tone === "critical" ? "critical" : void 0,
-      onSelect: () => {
-        _.onSelect ? _.onSelect() : _.href && (_.external ? window.open(_.href, "_blank", "noopener") : window.location.assign(_.href));
-      }
-    })), ge(() => b.presentMenu(m, P)), !0);
-  }
-  function F(c, m) {
-    const P = c.currentTarget.getBoundingClientRect();
-    I(m, P.left, P.bottom);
-  }
-  function V(c, m) {
-    !b.actions() || c.target.closest("a") || I(m, c.clientX, c.clientY) && (c.preventDefault(), u = !0);
-  }
-  function T() {
-    a && clearTimeout(a), a = null;
-  }
-  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 H(c) {
-    a && Math.hypot(c.clientX - w.x, c.clientY - w.y) > Ve && T();
-  }
-  function D(c) {
-    u && (u = !1, c.preventDefault(), c.stopPropagation());
-  }
-  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(P).href, "_blank");
-        return;
-      }
-      s.push(P);
-    }
-  }
-  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 Oe = {
-  key: 0,
-  class: "overflow-hidden rounded-group bg-surface-cell shadow-group",
-  "data-test": "collection-mobile-rows"
-}, 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"
-}, 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: "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"
-}, Ze = {
-  key: 1,
-  class: "truncate"
-}, et = {
-  key: 2,
-  class: "px-4 py-6",
-  "data-test": "collection-failed"
-}, tt = {
-  key: 3,
-  class: "px-4 py-2 text-center",
-  "data-test": "collection-empty"
-}, ot = {
-  key: 1,
-  class: "inline-block w-full align-middle"
-}, 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 }, 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"
-}, vt = ["colspan"], gt = 37, At = /* @__PURE__ */ W({
-  __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 }
-  },
-  emits: ["sort"],
-  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) => Z.value?.presentAt(r, k),
-      moreLabel: () => a("core.page.more_actions")
-    }), 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", 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", Ke, [
-            d("span", {
-              class: "h-2.5 rounded-full bg-fill-strong",
-              style: L({ width: `${45 + t * 13 % 30}%` })
-            }, null, 4),
-            d("span", {
-              class: "h-2 rounded-full bg-fill",
-              style: L({ width: `${60 + t * 7 % 25}%` })
-            }, null, 4)
-          ])
-        ], 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(oe(B)),
-          "data-test": "collection-row",
-          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),
-          onContextmenu: (l) => i(h).onContextMenu(l, t),
-          onPointerdown: (l) => i(h).onPointerDown(l, t),
-          onPointermove: k[1] || (k[1] = //@ts-ignore
-          (...l) => i(h).onPointerMove && i(h).onPointerMove(...l)),
-          onPointerup: k[2] || (k[2] = //@ts-ignore
-          (...l) => i(h).cancelPress && i(h).cancelPress(...l)),
-          onPointercancel: k[3] || (k[3] = //@ts-ignore
-          (...l) => i(h).cancelPress && i(h).cancelPress(...l))
-        }, [
-          $(i($e), {
-            actions: i(h).swipeActions(t),
-            "content-class": "px-row-inset py-2.5"
-          }, {
-            default: N(() => [
-              d("div", Ye, [
-                u.leading ? (o(), n("div", Ge, [
-                  C(r.$slots, "leading", {
-                    item: t,
-                    compact: !0
-                  })
-                ])) : 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)
-                      }, [
-                        H(l) ? C(r.$slots, A(l), {
-                          item: t,
-                          value: D(t, l),
-                          compact: !0,
-                          to: e.link(t),
-                          search: e.search
-                        }, 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,
-                            to: e.link(t),
-                            search: e.search
-                          }, null, 8, ["column", "item", "to", "search"])
-                        ]))
-                      ], 64))), 128))
-                    ], 2),
-                    T(t) ? (o(), n("div", Qe, [
-                      (o(!0), n(p, null, S(I.value, (l) => (o(), n(p, {
-                        key: String(l.key)
-                      }, [
-                        H(l) ? C(r.$slots, A(l), {
-                          item: t,
-                          value: D(t, l),
-                          compact: !0,
-                          to: e.link(t),
-                          search: e.search
-                        }, void 0, void 0, 0) : (o(), M(z, {
-                          key: 1,
-                          column: l,
-                          item: t,
-                          compact: !0,
-                          to: e.link(t),
-                          search: e.search
-                        }, null, 8, ["column", "item", "to", "search"]))
-                      ], 64))), 128)),
-                      O.value && J(t) ? (o(), n("button", {
-                        key: 0,
-                        type: "button",
-                        "data-test": "collection-row-more",
-                        "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: re((l) => i(h).openMenuFrom(l, t), ["stop"])
-                      }, [
-                        $(i(Y), {
-                          name: "moreLine",
-                          size: 20
-                        })
-                      ], 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)
-                    }, [
-                      H(l) ? C(r.$slots, A(l), {
-                        item: t,
-                        value: D(t, l),
-                        compact: !0,
-                        to: e.link(t),
-                        search: e.search
-                      }, void 0, void 0, 0) : X(D(t, l)) ? y("", !0) : (o(), n("span", Ze, [
-                        $(z, {
-                          column: l,
-                          item: t,
-                          compact: !0,
-                          to: e.link(t),
-                          search: e.search
-                        }, null, 8, ["column", "item", "to", "search"])
-                      ]))
-                    ], 64))), 128))
-                  ])) : y("", !0)
-                ])
-              ])
-            ]),
-            _: 2
-          }, 1032, ["actions"])
-        ], 46, Ue))), 128)) : y("", !0),
-        e.display === "failed" ? (o(), n("li", et, [
-          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"])
-          ])
-        ])) : y("", !0)
-      ])) : (o(), n("div", ot, [
-        d("div", {
-          class: "overflow-x-auto",
-          style: L({ minHeight: ye.value })
-        }, [
-          d("table", {
-            class: g(["collection-grid w-full", { condensed: e.density === "condensed" }])
-          }, [
-            d("thead", st, [
-              d("tr", null, [
-                (o(!0), n(p, null, S(e.columns, (t) => (o(), n("th", {
-                  key: String(t.key),
-                  scope: "col",
-                  class: g(P(t)),
-                  style: L({ width: t.width ? `${t.width}px` : void 0, textAlign: t.align ?? "start" }),
-                  "aria-sort": me(t)
-                }, [
-                  d("div", {
-                    class: g(["flex", pe[t.align ?? "start"]])
-                  }, [
-                    t.sort !== void 0 ? (o(), 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", [U(t) ? "font-semibold text-content-strong" : "", t.align === "end" ? "flex-row-reverse" : ""]]),
-                      onClick: (B) => f("sort", t.sort)
-                    }, [
-                      d("span", null, x(t.label), 1),
-                      $(i(Y), {
-                        name: he(t),
-                        size: 14,
-                        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, x(t.label), 1))
-                  ], 2)
-                ], 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 }, 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, 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)) : y("", !0),
-                    d("span", ut, [
-                      d("span", {
-                        class: "h-2.5 rounded-full bg-fill-strong",
-                        style: L({ width: `${55 + (t * 7 + l * 13) % 35}%` })
-                      }, null, 4),
-                      d("span", {
-                        class: "h-2 rounded-full bg-fill",
-                        style: L({ width: `${30 + (t * 11 + l * 5) % 30}%` })
-                      }, null, 4)
-                    ])
-                  ], 4)
-                ], 2))), 128)),
-                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)
-                ])])) : 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: 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` } : {}, 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, S(e.columns, (l, be) => (o(), n("td", {
-                  key: String(l.key),
-                  class: g(_(l))
-                }, [
-                  C(r.$slots, A(l), {
-                    item: t,
-                    value: D(t, l),
-                    compact: !1,
-                    to: e.link(t)
-                  }, () => [
-                    $(z, {
-                      column: l,
-                      item: t,
-                      compact: !1,
-                      to: e.link(t),
-                      search: e.search
-                    }, _e({ _: 2 }, [
-                      u.leading && be === 0 ? {
-                        name: "leading",
-                        fn: N(() => [
-                          C(r.$slots, "leading", {
-                            item: t,
-                            compact: !1
-                          })
-                        ]),
-                        key: "0"
-                      } : void 0
-                    ]), 1032, ["column", "item", "to", "search"])
-                  ])
-                ], 2))), 128)),
-                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: 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: N(() => [
-                              $(i(Y), {
-                                name: "eye",
-                                size: 18
-                              })
-                            ]),
-                            _: 1
-                          }, 8, ["to", "aria-label"])
-                        ]),
-                        _: 2
-                      }, 1032, ["text"])) : y("", !0),
-                      O.value && J(t) ? (o(), n("button", {
-                        key: 1,
-                        type: "button",
-                        "data-test": "collection-row-more",
-                        "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: re((l) => i(h).openMenuFrom(l, t), ["stop"])
-                      }, [
-                        $(i(Y), {
-                          name: "moreLine",
-                          size: 18
-                        })
-                      ], 8, ht)) : y("", !0)
-                    ])
-                  ])
-                ])) : y("", !0)
-              ], 46, ft))), 128)) : y("", !0),
-              e.display === "failed" ? (o(), n("tr", yt, [
-                d("td", {
-                  colspan: te.value,
-                  class: "!whitespace-normal py-6"
-                }, [
-                  C(r.$slots, "failed")
-                ], 8, bt)
-              ])) : y("", !0),
-              se.value ? (o(), n("tr", kt, [
-                d("td", {
-                  colspan: te.value,
-                  class: "!whitespace-normal py-6 text-center"
-                }, [
-                  C(r.$slots, "empty", {}, () => [
-                    $(i(ie), {
-                      title: i(a)("core.collection.no_data")
-                    }, null, 8, ["title"])
-                  ])
-                ], 8, vt)
-              ])) : y("", !0)
-            ])
-          ], 2)
-        ], 4)
-      ])),
-      e.rowActions ? (o(), M(i(Se), {
-        key: 2,
-        ref_key: "rowMenu",
-        ref: Z,
-        items: i(h).menuItems.value,
-        label: i(h).menuLabel.value
-      }, null, 8, ["items", "label"])) : y("", !0)
-    ], 64));
-  }
-});
-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 {
-  At as _,
-  z as a,
-  ue as b,
-  Dt as u
-};