@wssto2/vue-core 0.4.7 → 0.4.8

package/dist/rowLayout-D1cYQghV.js

@@ -0,0 +1,663 @@
+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 { 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-BJIA2JfI.js";
+import { _ as J } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { _ as Ne } from "./Menu.vue_vue_type_script_setup_true_lang-uPmxWvds.js";
+import { _ as ze } from "./Tooltip.vue_vue_type_script_setup_true_lang-OOD_XNWx.js";
+import { _ as he } from "./EmptyState.vue_vue_type_script_setup_true_lang-50p-Mp8I.js";
+import { u as Fe } from "./format-B8mJm946.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-FVRUr-9y.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({
+  __name: "RecordIdentity",
+  props: {
+    title: {},
+    subtitle: { default: null },
+    to: { default: null },
+    subtitleSelectable: { type: Boolean, default: !1 },
+    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")
+    }, [
+      n.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])
+      }, {
+        default: F(() => [
+          (s(!0), l(p, null, P(d.value, (c, h) => (s(), l(p, { key: h }, [
+            c.match ? (s(), l("mark", {
+              key: 0,
+              class: w(me)
+            }, C(c.text), 1)) : (s(), l(p, { key: 1 }, [
+              Q(C(c.text), 1)
+            ], 64))
+          ], 64))), 128))
+        ]),
+        _: 1
+      }, 8, ["to", "class"])) : (s(), l("span", {
+        key: 1,
+        class: w(["truncate text-row-title", n.spread ? be : void 0])
+      }, [
+        (s(!0), l(p, null, P(d.value, (c, h) => (s(), l(p, { key: h }, [
+          c.match ? (s(), l("mark", {
+            key: 0,
+            class: w(me)
+          }, C(c.text), 1)) : (s(), l(p, { key: 1 }, [
+            Q(C(c.text), 1)
+          ], 64))
+        ], 64))), 128))
+      ], 2)),
+      n.subtitle ? (s(), l("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)
+    ], 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];
+  }
+  return d;
+}
+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(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, [
+        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,
+          "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,
+        "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", {
+        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), {
+        key: 1,
+        value: v.value,
+        precision: n.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, typeof n.column.currency == "function" ? n.column.currency(n.item) : n.column.currency)), 1)) : n.column.kind === "badge" ? (s(), D(i(Ve), {
+      key: 4,
+      tone: n.column.tone(n.item),
+      dot: ""
+    }, {
+      default: F(() => [
+        Q(C(n.column.text?.(n.item) ?? c.value), 1)
+      ]),
+      _: 1
+    }, 8, ["tone"])) : (s(), l(p, { 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 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 }));
+  }
+  function I(a, k, _) {
+    const A = E(a);
+    return A.length === 0 ? !1 : (e.value = y.label()?.(a) ?? y.moreLabel(), d.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(() => y.presentMenu(k, _)), !0);
+  }
+  function O(a, k) {
+    const _ = a.currentTarget.getBoundingClientRect();
+    I(k, _.left, _.bottom);
+  }
+  function j(a, k) {
+    !y.actions() || a.target.closest("a") || I(k, a.clientX, a.clientY) && (a.preventDefault(), v = !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));
+    }, Ze));
+  }
+  function H(a) {
+    c && Math.hypot(a.clientX - h.x, a.clientY - h.y) > et && B();
+  }
+  function z(a) {
+    v && (v = !1, a.preventDefault(), a.stopPropagation());
+  }
+  function K(a, k) {
+    const _ = y.pick?.(), A = _ ? null : y.target(k);
+    if (!(!_ && !A || a.target.closest(Qe)) && !window.getSelection()?.toString()) {
+      if (_) {
+        _(k);
+        return;
+      }
+      if (a.metaKey || a.ctrlKey) {
+        window.open(n.resolve(A).href, "_blank");
+        return;
+      }
+      n.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 };
+}
+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"], ht = { class: "border-b border-border-separator" }, mt = ["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, Wt = /* @__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(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");
+    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 };
+      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(
+      () => T.value ? {
+        role: "listbox",
+        tabindex: 0,
+        "aria-label": e.pickLabel ?? h("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;
+    }
+    n({ focusRows: Le });
+    const ie = pe("rowMenu"), m = 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({
+        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), l(p, { key: 0 }, P(e.skeletonRows, (t) => (s(), l("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)),
+          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)) : b("", !0),
+        e.display === "rows" ? (s(!0), l(p, { key: 1 }, P(e.rows, (t, $) => (s(), l("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))
+        }), [
+          L(i(Ke), {
+            actions: i(m).swipeActions(t),
+            "content-class": "px-row-inset py-2.5"
+          }, {
+            default: F(() => [
+              u("div", nt, [
+                c.leading ? (s(), l("div", lt, [
+                  S(o.$slots, "leading", {
+                    item: t,
+                    compact: !0
+                  })
+                ])) : b("", !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)]"]),
+                    "data-test": "collection-row-head"
+                  }, [
+                    u("div", {
+                      class: w(B.value ? "contents" : "col-start-1 row-start-1 min-w-0")
+                    }, [
+                      (s(!0), l(p, null, P(I.value, (r) => (s(), l(p, {
+                        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(), l("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(), l("div", at, [
+                      (s(!0), l(p, null, P(O.value, (r) => (s(), l(p, {
+                        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(), l("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"])
+                      }, [
+                        L(i(J), {
+                          name: "moreLine",
+                          size: 20
+                        })
+                      ], 8, ct)) : b("", !0)
+                    ])) : b("", !0)
+                  ], 2),
+                  j.value.length ? (s(), l("div", ut, [
+                    (s(!0), l(p, null, P(j.value, (r) => (s(), l(p, {
+                      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)) ? b("", !0) : (s(), l("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))
+                  ])) : b("", !0)
+                ])
+              ])
+            ]),
+            _: 2
+          }, 1032, ["actions"])
+        ], 16, st))), 128)) : b("", !0),
+        e.display === "failed" ? (s(), l("li", ft, [
+          S(o.$slots, "failed")
+        ])) : b("", !0),
+        de.value ? (s(), l("li", pt, [
+          S(o.$slots, "empty", {}, () => [
+            L(i(he), {
+              title: i(h)("core.collection.no_data")
+            }, null, 8, ["title"])
+          ])
+        ])) : b("", !0)
+      ], 16)) : (s(), l("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" }]),
+            role: T.value ? "presentation" : void 0
+          }, [
+            u("thead", ht, [
+              u("tr", null, [
+                (s(!0), l(p, null, P(e.columns, (t) => (s(), l("th", {
+                  key: String(t.key),
+                  scope: "col",
+                  class: w(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"]])
+                  }, [
+                    t.sort !== void 0 ? (s(), l("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)
+                    }, [
+                      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")
+                      }, null, 8, ["name", "class"])
+                    ], 10, bt)) : (s(), l("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)
+              ])
+            ]),
+            u("tbody", q({
+              ref_key: "list",
+              ref: Y
+            }, 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", {
+                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", {
+                  key: String($.key),
+                  class: w(_($))
+                }, [
+                  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),
+                    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(), l("td", Ct, [...f[6] || (f[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({
+                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)
+              }), [
+                (s(!0), l(p, null, P(e.columns, (r, Ee) => (s(), l("td", {
+                  key: String(r.key),
+                  class: w(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(), l("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"),
+                        side: "left"
+                      }, {
+                        default: F(() => [
+                          L(i(we), {
+                            to: e.link(t),
+                            "aria-label": `${i(h)("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"])) : b("", !0),
+                      G.value && ee(t) ? (s(), l("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"])
+                      }, [
+                        L(i(J), {
+                          name: "moreLine",
+                          size: 18
+                        })
+                      ], 8, Pt)) : b("", !0)
+                    ])
+                  ])
+                ])) : b("", !0)
+              ], 16, $t))), 128)) : b("", !0),
+              e.display === "failed" ? (s(), l("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, [
+                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")
+                    }, null, 8, ["title"])
+                  ])
+                ], 8, It)
+              ])) : b("", !0)
+            ], 16)
+          ], 10, vt)
+        ], 4)
+      ])),
+      e.rowActions ? (s(), D(i(Ne), {
+        key: 2,
+        ref_key: "rowMenu",
+        ref: ie,
+        items: i(m).menuItems.value,
+        label: i(m).menuLabel.value
+      }, null, 8, ["items", "label"])) : b("", !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) };
+}
+export {
+  Wt as _,
+  V as a,
+  ke as b,
+  Xt as u
+};

package/dist/{status-GT-QFBrB.js → status-7L8lC-_q.js}

@@ -1,5 +1,5 @@
 import { a, r as o } from "./http-D_D9YbLH.js";
-import { i as r } from "./index-DoowoCS7.js";
+import { i as r } from "./index-0QeMiN0l.js";
 const n = ["active", "locked", "inactive", "all"];
 function l(i) {
   return a({