@oneclick.dev/cms-core-modules 0.0.123 → 0.0.125

package/dist/TableResultView.vue_vue_type_script_setup_true_lang-sp0TLio0.mjs

@@ -0,0 +1,547 @@
+import { r as c, g as U, b as re, c as oe, _ as Z, f as le, d as pe } from "./dateRangePresets-CaPVagHY.mjs";
+import { defineComponent as ue, computed as _, openBlock as d, createElementBlock as f, createElementVNode as C, createVNode as $, unref as o, toDisplayString as h, createCommentVNode as T, Fragment as O, renderList as M, createBlock as z, createTextVNode as B, normalizeClass as X, renderSlot as de } from "vue";
+import { Table2 as G, Columns3 as ce, Image as P, ExternalLink as Q, Check as ee, X as te } from "lucide-vue-next";
+const W = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]);
+function ne(t) {
+  return t.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_.-]+/g, " ").replace(/\s+/g, " ").trim().replace(/\b\w/g, (e) => e.toUpperCase());
+}
+function fe(t, e) {
+  const i = t.toLowerCase().replace(/[_.-]/g, "");
+  if (/email$/.test(i)) return "email";
+  if (/(phone|mobile|telephone|tel)$/.test(i)) return "phone";
+  if (/(image|photo|avatar|thumbnail|logo|picture)$/.test(i)) return "image";
+  if (/(url|link|website|href)$/.test(i)) return "URL";
+  if (/(price|amount|cost|total|revenue|salary|fee)$/.test(i)) return "currency";
+  if (/(createdat|updatedat|timestamp)$/.test(i)) return "datetime";
+  if (/date$/.test(i)) return "date";
+  const p = e.filter((a) => a != null && a !== "");
+  return p.length ? p.every((a) => typeof a == "boolean") ? "boolean" : p.every((a) => typeof a == "number") ? "number" : p.every((a) => Array.isArray(a)) ? "array" : p.every((a) => typeof a == "string" && /^\d{4}-\d{2}-\d{2}(?:T|$)/.test(a)) ? p.some((a) => String(a).includes("T")) ? "datetime" : "date" : "text" : "text";
+}
+function Qe(t) {
+  if (t == null) return [];
+  const e = Array.isArray(t) ? t : Array.isArray(t?.data) ? t.data : Array.isArray(t?.items) ? t.items : Array.isArray(t?.rows) ? t.rows : null;
+  if (!e)
+    throw new Error("The Fetch items flow must return an array of rows.");
+  return e.map((i) => i && typeof i == "object" && !Array.isArray(i) ? i : { value: i });
+}
+function et(t) {
+  return Array.isArray(t) ? t.filter((e) => e && typeof e.property == "string" && e.property.trim()).map((e, i) => ({
+    ...e,
+    id: typeof e.id == "string" ? e.id : `column-${i}`,
+    property: e.property.trim(),
+    label: typeof e.label == "string" && e.label.trim() ? e.label.trim() : ne(e.property),
+    type: typeof e.type == "string" && e.type ? e.type : "text",
+    visible: e.visible !== !1
+  })) : [];
+}
+function se(t, e, i, p) {
+  if (!(!t || typeof t != "object" || Array.isArray(t) || p >= 2))
+    for (const [a, l] of Object.entries(t)) {
+      if (W.has(a)) continue;
+      const y = e ? `${e}.${a}` : a;
+      l && typeof l == "object" && !Array.isArray(l) && !(l instanceof Date) ? se(l, y, i, p + 1) : i.add(y);
+    }
+}
+function ye(t) {
+  const e = /* @__PURE__ */ new Set();
+  for (const i of t.slice(0, 10)) se(i, "", e, 0);
+  return Array.from(e).slice(0, 40).map((i, p) => ({
+    id: `inferred-${p}`,
+    property: i,
+    label: ne(i),
+    type: fe(i, t.map((a) => c(a, i))),
+    visible: !0
+  }));
+}
+function J(t, e) {
+  const i = String(t || "").trim().toLocaleLowerCase();
+  return i && (e.find((p) => U(p).toLocaleLowerCase() === i) || e.find((p) => p.property.toLocaleLowerCase() === i) || e.find((p) => String(p.label || "").trim().toLocaleLowerCase() === i) || e.find((p) => String(p.id || "").trim().toLocaleLowerCase() === i)) || null;
+}
+function S(t) {
+  return t == null || t === "" || Array.isArray(t) && t.length === 0;
+}
+function me(t) {
+  return typeof t == "boolean" ? t : typeof t != "string" ? null : t.toLowerCase() === "true" ? !0 : t.toLowerCase() === "false" ? !1 : null;
+}
+function ge(t, e) {
+  if (typeof e == "number") {
+    const i = Number(t);
+    return Number.isFinite(i) ? i : t;
+  }
+  return typeof e == "boolean" ? me(t) ?? t : t;
+}
+function D(t, e) {
+  const i = ge(e, t);
+  if (typeof t == "string" && typeof i == "string")
+    return t.toLocaleLowerCase() === i.toLocaleLowerCase();
+  if (t instanceof Date) {
+    const p = new Date(i);
+    return !Number.isNaN(p.getTime()) && t.getTime() === p.getTime();
+  }
+  return Object.is(t, i);
+}
+function L(t) {
+  if (t instanceof Date) return t.getTime();
+  if (typeof t == "number") return t;
+  if (typeof t == "boolean") return t ? 1 : 0;
+  if (typeof t == "string") {
+    const e = t.trim(), i = Number(e);
+    if (e && Number.isFinite(i)) return i;
+    if (/^\d{4}-\d{2}-\d{2}(?:T|$)/.test(e)) {
+      const p = new Date(e).getTime();
+      if (!Number.isNaN(p)) return p;
+    }
+    return e.toLocaleLowerCase();
+  }
+  return String(t ?? "").toLocaleLowerCase();
+}
+function be(t, e, i, p) {
+  const a = J(e.property, i), l = a?.type === "progress" ? re(t, a, p) : c(t, a?.property || e.property), y = e.operator || "==", u = Array.isArray(e.values) ? e.values : (y === "in" || y === "notIn") && typeof e.value == "string" ? e.value.split(",").map((m) => m.trim()) : [];
+  if ([">", ">=", "<", "<="].includes(y) && (S(l) || S(e.value)))
+    return !1;
+  switch (y) {
+    case "==":
+    case "equals":
+      return D(l, e.value);
+    case "!=":
+    case "not_equals":
+      return !D(l, e.value);
+    case ">":
+      return L(l) > L(e.value);
+    case ">=":
+      return L(l) >= L(e.value);
+    case "<":
+      return L(l) < L(e.value);
+    case "<=":
+      return L(l) <= L(e.value);
+    case "contains":
+      return Array.isArray(l) ? l.some((m) => D(m, e.value)) : String(l ?? "").toLocaleLowerCase().includes(String(e.value ?? "").toLocaleLowerCase());
+    case "startsWith":
+      return String(l ?? "").toLocaleLowerCase().startsWith(String(e.value ?? "").toLocaleLowerCase());
+    case "endsWith":
+      return String(l ?? "").toLocaleLowerCase().endsWith(String(e.value ?? "").toLocaleLowerCase());
+    case "in":
+      return u.some((m) => D(l, m));
+    case "notIn":
+      return !u.some((m) => D(l, m));
+    case "isEmpty":
+      return S(l);
+    case "isNotEmpty":
+      return !S(l);
+    default:
+      throw new Error(`Unsupported table filter operator "${y}".`);
+  }
+}
+function tt(t, e, i = []) {
+  if (!Array.isArray(e) || !e.length) return [...t];
+  for (const a of e) {
+    if (!a || typeof a.property != "string" || !a.property.trim())
+      throw new Error("Every table filter needs a property.");
+    if (i.length && !J(a.property, i))
+      throw new Error(`Unknown table filter property "${a.property}". Use a property or label reported by inspectTable.`);
+  }
+  const p = Date.now();
+  return t.filter((a) => e.every((l) => be(a, l, i, p)));
+}
+function rt(t, e, i = "asc", p = []) {
+  if (!e) return [...t];
+  const a = J(e, p);
+  if (p.length && !a)
+    throw new Error(`Unknown table sort property "${e}". Use a property or label reported by inspectTable.`);
+  const l = i === "desc" ? -1 : 1, y = Date.now(), u = (m) => a?.type === "progress" ? re(m, a, y) : c(m, a?.property || e);
+  return t.map((m, x) => ({ row: m, index: x })).sort((m, x) => {
+    const k = u(m.row), A = u(x.row);
+    if (S(k) && S(A)) return m.index - x.index;
+    if (S(k)) return 1;
+    if (S(A)) return -1;
+    const E = L(k), V = L(A);
+    return E < V ? -1 * l : E > V ? 1 * l : m.index - x.index;
+  }).map((m) => m.row);
+}
+function nt(t, e, i, p) {
+  return t.filter((a) => {
+    const l = c(a, e);
+    if (l == null || l === "") return !1;
+    const u = (l instanceof Date ? l : typeof l == "string" && /^\d{4}-\d{2}-\d{2}$/.test(l) ? /* @__PURE__ */ new Date(`${l}T00:00:00.000`) : new Date(l)).getTime();
+    return !Number.isNaN(u) && u >= i.getTime() && u <= p.getTime();
+  });
+}
+function he(t) {
+  return t === null || ["string", "number", "boolean"].includes(typeof t);
+}
+function st(t, e, i = []) {
+  const p = ["id", "_id", "uuid", "key", "email", "slug"], a = i.length ? i : ye(e), l = Array.from(/* @__PURE__ */ new Set([
+    ...p,
+    ...a.map((m) => m.property),
+    ...Object.keys(t || {})
+  ])).filter((m) => !W.has(m)), y = [];
+  let u = [...e];
+  for (const m of l) {
+    const x = c(t, m);
+    if (!he(x) || x === "") continue;
+    const k = u.filter((A) => D(c(A, m), x));
+    if (k.length) {
+      if (u.length === 1) return [{ property: m, value: x }];
+      if (k.length !== u.length) {
+        if (y.push({ property: m, value: x }), u = k, u.length === 1) return y;
+        if (y.length >= 3) break;
+      }
+    }
+  }
+  return u.length === 1 && y.length ? y : null;
+}
+function it(t, e = 512 * 1024) {
+  const i = /* @__PURE__ */ new WeakSet(), p = JSON.stringify(t, (l, y) => {
+    if (!W.has(l)) {
+      if (typeof y == "bigint") return String(y);
+      if (y instanceof Date) return y.toISOString();
+      if (y && typeof y == "object") {
+        if (i.has(y)) return "[Circular]";
+        i.add(y);
+      }
+      return y;
+    }
+  });
+  if (p === void 0) throw new Error("The table result is not JSON serializable.");
+  const a = new TextEncoder().encode(p).byteLength;
+  if (a > e)
+    throw new Error(`The table result is too large to store (${Math.ceil(a / 1024)} KB). Narrow the query or lower the row limit.`);
+  return JSON.parse(p);
+}
+const xe = { class: "w-full min-w-0 overflow-hidden rounded-xl border bg-background" }, we = {
+  key: 0,
+  class: "flex items-start gap-2.5 border-b bg-muted/30 px-3 py-2.5"
+}, ke = { class: "mt-0.5 flex size-7 shrink-0 items-center justify-center rounded-lg bg-primary/10" }, ve = { class: "min-w-0 flex-1" }, _e = {
+  key: 0,
+  class: "truncate text-xs font-semibold"
+}, Ce = {
+  key: 1,
+  class: "mt-0.5 text-[11px] leading-relaxed text-muted-foreground"
+}, Le = {
+  key: 0,
+  class: "shrink-0 rounded-full bg-muted px-2 py-0.5 text-[10px] tabular-nums text-muted-foreground"
+}, Se = {
+  key: 1,
+  class: "flex flex-col items-center px-4 py-8 text-center"
+}, Ae = { class: "text-xs text-muted-foreground" }, $e = {
+  key: 2,
+  class: "flex flex-col items-center px-4 py-8 text-center"
+}, Te = {
+  key: 3,
+  class: "grid gap-x-5 gap-y-3 p-3 sm:grid-cols-2"
+}, Ne = { class: "mb-1 text-[10px] font-medium uppercase tracking-wide text-muted-foreground" }, ze = ["src", "alt"], De = {
+  key: 2,
+  class: "flex size-16 items-center justify-center rounded-lg border bg-muted/30"
+}, Ee = ["href"], Re = ["href"], je = ["href"], Ue = ["title"], Ve = {
+  key: 4,
+  class: "overflow-x-auto"
+}, Fe = { class: "w-full min-w-max text-left text-xs" }, Oe = { class: "border-b bg-muted/30" }, Me = ["src", "alt"], Ie = {
+  key: 2,
+  class: "flex size-8 items-center justify-center rounded-md border bg-muted/30"
+}, Be = ["href"], We = { class: "truncate" }, Je = ["href"], He = ["href"], Ke = ["title"], qe = {
+  key: 5,
+  class: "flex flex-wrap items-center gap-x-3 gap-y-1 border-t bg-muted/20 px-3 py-2 text-[10px] text-muted-foreground"
+}, Ye = { key: 0 }, Ze = { key: 1 }, at = /* @__PURE__ */ ue({
+  __name: "TableResultView",
+  props: {
+    rows: { default: () => [] },
+    columns: { default: () => [] },
+    title: { default: "" },
+    description: { default: "" },
+    totalCount: { default: void 0 },
+    emptyText: { default: "No matching rows found." },
+    maxRows: { default: 20 },
+    maxColumns: { default: 12 },
+    currency: { default: "EUR" },
+    view: { default: "auto" }
+  },
+  setup(t) {
+    const e = t;
+    oe();
+    const i = _(() => E(e.maxRows, 1, 100, 20)), p = _(() => E(e.maxColumns, 1, 20, 12)), a = _(
+      () => (Array.isArray(e.rows) ? e.rows : []).filter((r) => r != null).map((r) => typeof r == "object" && !Array.isArray(r) ? r : { value: r })
+    ), l = _(() => {
+      const r = Array.isArray(e.columns) ? e.columns : [], g = r.filter((s) => s && s.visible !== !1 && !s._remove && (s.property || s.key)).map((s, b) => {
+        const j = String(s.property || s.key);
+        return {
+          id: String(s.id || j || b),
+          property: j,
+          label: s.label || K(j),
+          type: s.type || q(j, a.value.map((ae) => c(ae, j))),
+          visible: !0,
+          numberDisplay: s.numberDisplay,
+          textDisplay: s.textDisplay,
+          dateDisplay: s.dateDisplay,
+          progress: s.progress,
+          badge: s.badge
+        };
+      });
+      if (r.length > 0) return V(g);
+      const n = [], w = /* @__PURE__ */ new Set();
+      for (const s of a.value.slice(0, 10))
+        for (const b of Object.keys(s))
+          w.has(b) || (w.add(b), n.push(b));
+      return n.map((s) => ({
+        id: s,
+        property: s,
+        label: K(s),
+        type: q(s, a.value.map((b) => c(b, s))),
+        visible: !0
+      }));
+    }), y = _(() => l.value.slice(0, p.value)), u = _(() => a.value.slice(0, i.value)), m = _(() => Math.max(l.value.length - y.value.length, 0)), x = _(() => {
+      const r = Number(e.totalCount);
+      return Number.isFinite(r) && r >= a.value.length ? r : a.value.length;
+    }), k = _(() => Math.max(x.value - u.value.length, 0)), A = _(() => u.value.length === 1 && (e.view === "card" || e.view === "metric" || e.view === "auto" && x.value === 1));
+    function E(r, g, n, w) {
+      const s = Number(r);
+      return Number.isFinite(s) ? Math.min(Math.max(Math.floor(s), g), n) : w;
+    }
+    function V(r) {
+      const g = /* @__PURE__ */ new Set();
+      return r.filter((n) => {
+        const w = U(n);
+        return g.has(w) ? !1 : (g.add(w), !0);
+      });
+    }
+    function H(r) {
+      return ["date", "datetime", "progress", "badge"].includes(r.type);
+    }
+    function K(r) {
+      return r.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_.-]+/g, " ").replace(/\s+/g, " ").trim().replace(/\b\w/g, (g) => g.toUpperCase());
+    }
+    function q(r, g) {
+      const w = r.toLowerCase().replace(/[_.-]/g, "");
+      if (/(image|photo|avatar|thumbnail|logo|picture)$/.test(w)) return "image";
+      if (/(email)$/.test(w)) return "email";
+      if (/(phone|mobile|telephone|tel)$/.test(w)) return "phone";
+      if (/(url|link|website|href)$/.test(w)) return "URL";
+      if (/(price|amount|cost|total|revenue|salary|fee)$/.test(w)) return "currency";
+      if (/(date|createdat|updatedat|timestamp)$/.test(w)) return "datetime";
+      const s = g.filter((b) => b != null && b !== "");
+      return s.length === 0 ? "text" : s.every((b) => typeof b == "boolean") ? "boolean" : s.every((b) => Array.isArray(b)) ? "array" : s.every((b) => typeof b == "number") ? "number" : s.every((b) => typeof b == "string" && /^https?:\/\//i.test(b)) ? "URL" : s.every((b) => typeof b == "string" && /^\d{4}-\d{2}-\d{2}(?:T|$)/.test(b)) ? s.some((b) => String(b).includes("T")) ? "datetime" : "date" : "text";
+    }
+    function N(r) {
+      return r == null || r === "";
+    }
+    function I(r) {
+      if (typeof r != "string") return !1;
+      try {
+        const g = new URL(r, typeof window > "u" ? "https://localhost" : window.location.origin);
+        return g.protocol === "http:" || g.protocol === "https:";
+      } catch {
+        return !1;
+      }
+    }
+    function Y(r) {
+      return I(r) || typeof r == "string" && /^data:image\/(?:png|jpe?g|gif|webp|avif);base64,/i.test(r);
+    }
+    function v(r, g) {
+      if (N(r)) return "—";
+      switch (g.type) {
+        case "text":
+          return F(pe(r, g, R), 180);
+        case "boolean":
+          return r ? "Yes" : "No";
+        case "number":
+          return le(r, g, (n) => n.toLocaleString(void 0, { maximumFractionDigits: 2 }));
+        case "currency": {
+          const n = typeof r == "number" ? r : Number(String(r).replace(",", "."));
+          if (!Number.isFinite(n)) return String(r);
+          try {
+            return new Intl.NumberFormat(void 0, { style: "currency", currency: e.currency }).format(n);
+          } catch {
+            return `${n.toLocaleString(void 0, { maximumFractionDigits: 2 })} ${e.currency}`;
+          }
+        }
+        case "date":
+        case "datetime": {
+          const n = new Date(r);
+          return Number.isNaN(n.getTime()) ? String(r) : g.type === "date" ? n.toLocaleDateString() : n.toLocaleString();
+        }
+        case "array-counter":
+          return Array.isArray(r) ? String(r.length) : "0";
+        case "array":
+          return Array.isArray(r) ? F(r.map(R).join(", "), 160) : String(r);
+        case "html":
+          return F(ie(String(r)), 160);
+        default:
+          return F(R(r), 180);
+      }
+    }
+    function R(r) {
+      if (N(r)) return "—";
+      if (r instanceof Date) return r.toLocaleString();
+      if (typeof r == "string") return r;
+      if (typeof r == "number" || typeof r == "boolean" || typeof r == "bigint") return String(r);
+      try {
+        return JSON.stringify(r);
+      } catch {
+        return String(r);
+      }
+    }
+    function ie(r) {
+      if (typeof document > "u") return r.replace(/<[^>]*>/g, " ");
+      const g = document.createElement("div");
+      return g.innerHTML = r, g.textContent || "";
+    }
+    function F(r, g) {
+      return r.length > g ? `${r.slice(0, g - 1)}…` : r;
+    }
+    return (r, g) => (d(), f("div", xe, [
+      t.title || t.description ? (d(), f("div", we, [
+        C("div", ke, [
+          $(o(G), { class: "size-3.5 text-primary" })
+        ]),
+        C("div", ve, [
+          t.title ? (d(), f("p", _e, h(t.title), 1)) : T("", !0),
+          t.description ? (d(), f("p", Ce, h(t.description), 1)) : T("", !0)
+        ]),
+        x.value > 0 ? (d(), f("span", Le, h(x.value) + " " + h(x.value === 1 ? "row" : "rows"), 1)) : T("", !0)
+      ])) : T("", !0),
+      u.value.length === 0 ? (d(), f("div", Se, [
+        $(o(G), { class: "mb-2 size-7 text-muted-foreground/50" }),
+        C("p", Ae, h(t.emptyText), 1)
+      ])) : y.value.length === 0 ? (d(), f("div", $e, [
+        $(o(ce), { class: "mb-2 size-7 text-muted-foreground/50" }),
+        g[0] || (g[0] = C("p", { class: "text-xs text-muted-foreground" }, "No visible columns are configured.", -1))
+      ])) : A.value ? (d(), f("div", Te, [
+        (d(!0), f(O, null, M(y.value, (n) => (d(), f("div", {
+          key: o(U)(n),
+          class: "min-w-0"
+        }, [
+          C("p", Ne, h(n.label), 1),
+          H(n) ? (d(), z(Z, {
+            key: 0,
+            row: u.value[0],
+            column: n
+          }, null, 8, ["row", "column"])) : n.type === "image" && Y(o(c)(u.value[0], n.property)) ? (d(), f("img", {
+            key: 1,
+            src: o(c)(u.value[0], n.property),
+            alt: n.label,
+            class: "size-16 rounded-lg border object-cover"
+          }, null, 8, ze)) : n.type === "image" ? (d(), f("div", De, [
+            $(o(P), { class: "size-5 text-muted-foreground/50" })
+          ])) : n.type === "URL" && I(o(c)(u.value[0], n.property)) ? (d(), f("a", {
+            key: 3,
+            href: o(c)(u.value[0], n.property),
+            target: "_blank",
+            rel: "noopener noreferrer",
+            class: "inline-flex max-w-full items-center gap-1 break-all text-xs text-primary hover:underline"
+          }, [
+            B(h(v(o(c)(u.value[0], n.property), n)) + " ", 1),
+            $(o(Q), { class: "size-3 shrink-0" })
+          ], 8, Ee)) : n.type === "email" && !N(o(c)(u.value[0], n.property)) ? (d(), f("a", {
+            key: 4,
+            href: `mailto:${o(c)(u.value[0], n.property)}`,
+            class: "break-all text-xs text-primary hover:underline"
+          }, h(v(o(c)(u.value[0], n.property), n)), 9, Re)) : n.type === "phone" && !N(o(c)(u.value[0], n.property)) ? (d(), f("a", {
+            key: 5,
+            href: `tel:${o(c)(u.value[0], n.property)}`,
+            class: "text-xs text-primary hover:underline"
+          }, h(v(o(c)(u.value[0], n.property), n)), 9, je)) : n.type === "boolean" ? (d(), f("span", {
+            key: 6,
+            class: X(["inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] font-medium", o(c)(u.value[0], n.property) ? "bg-emerald-500/10 text-emerald-700 dark:text-emerald-300" : "bg-muted text-muted-foreground"])
+          }, [
+            o(c)(u.value[0], n.property) ? (d(), z(o(ee), {
+              key: 0,
+              class: "size-3"
+            })) : (d(), z(o(te), {
+              key: 1,
+              class: "size-3"
+            })),
+            B(" " + h(v(o(c)(u.value[0], n.property), n)), 1)
+          ], 2)) : (d(), f("p", {
+            key: 7,
+            class: "break-words text-xs font-medium",
+            title: R(o(c)(u.value[0], n.property))
+          }, h(v(o(c)(u.value[0], n.property), n)), 9, Ue))
+        ]))), 128))
+      ])) : (d(), f("div", Ve, [
+        C("table", Fe, [
+          C("thead", null, [
+            C("tr", Oe, [
+              (d(!0), f(O, null, M(y.value, (n) => (d(), f("th", {
+                key: o(U)(n),
+                class: "whitespace-nowrap px-3 py-2 text-[10px] font-medium uppercase tracking-wide text-muted-foreground"
+              }, h(n.label), 1))), 128))
+            ])
+          ]),
+          C("tbody", null, [
+            (d(!0), f(O, null, M(u.value, (n, w) => (d(), f("tr", {
+              key: w,
+              class: "border-b last:border-b-0 hover:bg-muted/20"
+            }, [
+              (d(!0), f(O, null, M(y.value, (s) => (d(), f("td", {
+                key: o(U)(s),
+                class: "max-w-56 px-3 py-2 align-middle"
+              }, [
+                H(s) ? (d(), z(Z, {
+                  key: 0,
+                  row: n,
+                  column: s
+                }, null, 8, ["row", "column"])) : s.type === "image" && Y(o(c)(n, s.property)) ? (d(), f("img", {
+                  key: 1,
+                  src: o(c)(n, s.property),
+                  alt: s.label,
+                  class: "size-8 rounded-md border object-cover"
+                }, null, 8, Me)) : s.type === "image" ? (d(), f("div", Ie, [
+                  $(o(P), { class: "size-3.5 text-muted-foreground/50" })
+                ])) : s.type === "URL" && I(o(c)(n, s.property)) ? (d(), f("a", {
+                  key: 3,
+                  href: o(c)(n, s.property),
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  class: "inline-flex max-w-48 items-center gap-1 truncate text-primary hover:underline"
+                }, [
+                  C("span", We, h(v(o(c)(n, s.property), s)), 1),
+                  $(o(Q), { class: "size-3 shrink-0" })
+                ], 8, Be)) : s.type === "email" && !N(o(c)(n, s.property)) ? (d(), f("a", {
+                  key: 4,
+                  href: `mailto:${o(c)(n, s.property)}`,
+                  class: "block max-w-48 truncate text-primary hover:underline"
+                }, h(v(o(c)(n, s.property), s)), 9, Je)) : s.type === "phone" && !N(o(c)(n, s.property)) ? (d(), f("a", {
+                  key: 5,
+                  href: `tel:${o(c)(n, s.property)}`,
+                  class: "whitespace-nowrap text-primary hover:underline"
+                }, h(v(o(c)(n, s.property), s)), 9, He)) : s.type === "boolean" ? (d(), f("span", {
+                  key: 6,
+                  class: X(["inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium", o(c)(n, s.property) ? "bg-emerald-500/10 text-emerald-700 dark:text-emerald-300" : "bg-muted text-muted-foreground"])
+                }, [
+                  o(c)(n, s.property) ? (d(), z(o(ee), {
+                    key: 0,
+                    class: "size-2.5"
+                  })) : (d(), z(o(te), {
+                    key: 1,
+                    class: "size-2.5"
+                  })),
+                  B(" " + h(v(o(c)(n, s.property), s)), 1)
+                ], 2)) : (d(), f("span", {
+                  key: 7,
+                  class: "block max-w-56 truncate",
+                  title: R(o(c)(n, s.property))
+                }, h(v(o(c)(n, s.property), s)), 9, Ke))
+              ]))), 128))
+            ]))), 128))
+          ])
+        ])
+      ])),
+      u.value.length > 0 && (r.$slots.footer || k.value > 0 || m.value > 0) ? (d(), f("div", qe, [
+        de(r.$slots, "footer"),
+        !r.$slots.footer && k.value > 0 ? (d(), f("span", Ye, "Showing " + h(u.value.length) + " of " + h(x.value) + " rows", 1)) : T("", !0),
+        m.value > 0 ? (d(), f("span", Ze, h(m.value) + " more " + h(m.value === 1 ? "column" : "columns") + " hidden", 1)) : T("", !0)
+      ])) : T("", !0)
+    ]));
+  }
+});
+export {
+  at as _,
+  Qe as a,
+  st as b,
+  nt as c,
+  tt as d,
+  rt as e,
+  ye as i,
+  et as n,
+  J as r,
+  it as s
+};