@wssto2/vue-core 0.1.0 → 0.3.0

package/dist/rowLayout-BI7a3Kom.js

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