@gxp-dev/mod-ui 2.0.0 → 2.0.1

package/dist/components/compositions/cards/CardListCard.vue2.js

@@ -1,125 +1,5 @@
-import { defineComponent as S, ref as D, computed as y, openBlock as t, createBlock as d, resolveDynamicComponent as h, unref as s, normalizeClass as k, withCtx as u, createTextVNode as p, toDisplayString as g, createCommentVNode as c, createElementBlock as n, normalizeStyle as E, Fragment as V, renderList as z, createVNode as G } from "vue";
-import L from "../../../engine/CardRenderer.vue.js";
-import "../../ui/card/index.js";
-import O from "../../ui/card/Card.vue.js";
-import X from "../../ui/card/CardHeader.vue.js";
-import Y from "../../ui/card/CardTitle.vue.js";
-import A from "../../ui/card/CardDescription.vue.js";
-import F from "../../ui/card/CardContent.vue.js";
-const I = {
-  key: 1,
-  class: "mb-3 flex flex-col gap-0.5"
-}, j = {
-  key: 0,
-  class: "text-base font-semibold"
-}, q = {
-  key: 1,
-  class: "text-sm text-muted-foreground"
-}, H = {
-  key: 0,
-  class: "text-sm text-muted-foreground italic",
-  "data-testid": "card-list-empty"
-}, J = ["draggable", "data-card-list-item-id", "onDragstart", "onDrop"], ee = /* @__PURE__ */ S({
-  __name: "CardListCard",
-  props: {
-    title: {},
-    subtitle: {},
-    showCard: { type: Boolean, default: !0 },
-    draggable: { type: Boolean, default: !1 },
-    dragTargetData: {},
-    gutterY: { default: "1rem" },
-    gutterX: { default: "1rem" },
-    cards: { default: () => [] },
-    item: { default: () => ({}) },
-    id: {}
-  },
-  emits: ["reorder"],
-  setup(e, { emit: C }) {
-    const r = e, T = C, x = D(null), v = y(
-      () => x.value ?? r.cards
-    ), f = y(() => r.showCard !== !1), w = y(() => ({
-      rowGap: r.gutterY,
-      columnGap: r.gutterX
-    })), o = D(null);
-    function $(a, m) {
-      r.draggable && (o.value = m, a.dataTransfer && (a.dataTransfer.effectAllowed = "move", a.dataTransfer.setData(
-        "text/plain",
-        r.dragTargetData ?? r.id ?? ""
-      )));
-    }
-    function B(a) {
-      r.draggable && (a.preventDefault(), a.dataTransfer && (a.dataTransfer.dropEffect = "move"));
-    }
-    function _(a, m) {
-      if (!r.draggable || o.value === null)
-        return;
-      a.preventDefault();
-      const l = [...v.value], [i] = l.splice(o.value, 1);
-      l.splice(m, 0, i), x.value = l, o.value = null, T("reorder", l);
-    }
-    function N() {
-      o.value = null;
-    }
-    return (a, m) => (t(), d(h(f.value ? s(O) : "section"), {
-      class: k([
-        "gxp-card-list",
-        f.value ? "" : "flex flex-col bg-transparent border-0 shadow-none"
-      ])
-    }, {
-      default: u(() => [
-        f.value && (e.title || e.subtitle) ? (t(), d(s(X), { key: 0 }, {
-          default: u(() => [
-            e.title ? (t(), d(s(Y), { key: 0 }, {
-              default: u(() => [
-                p(g(e.title), 1)
-              ]),
-              _: 1
-            })) : c("", !0),
-            e.subtitle ? (t(), d(s(A), { key: 1 }, {
-              default: u(() => [
-                p(g(e.subtitle), 1)
-              ]),
-              _: 1
-            })) : c("", !0)
-          ]),
-          _: 1
-        })) : e.title || e.subtitle ? (t(), n("header", I, [
-          e.title ? (t(), n("h3", j, g(e.title), 1)) : c("", !0),
-          e.subtitle ? (t(), n("p", q, g(e.subtitle), 1)) : c("", !0)
-        ])) : c("", !0),
-        (t(), d(h(f.value ? s(F) : "div"), {
-          class: "flex flex-col",
-          style: E(w.value)
-        }, {
-          default: u(() => [
-            v.value.length === 0 ? (t(), n("p", H, " No cards to display. ")) : (t(!0), n(V, { key: 1 }, z(v.value, (l, i) => (t(), n("div", {
-              key: l.id,
-              draggable: e.draggable === !0,
-              "data-card-list-item-id": l.id,
-              class: k([
-                "gxp-card-list__item",
-                e.draggable ? "cursor-move" : "",
-                o.value === i ? "opacity-50" : ""
-              ]),
-              onDragstart: (b) => $(b, i),
-              onDragover: B,
-              onDrop: (b) => _(b, i),
-              onDragend: N
-            }, [
-              G(L, {
-                card: l,
-                item: e.item
-              }, null, 8, ["card", "item"])
-            ], 42, J))), 128))
-          ]),
-          _: 1
-        }, 8, ["style"]))
-      ]),
-      _: 1
-    }, 8, ["class"]));
-  }
-});
+import f from "./CardListCard.vue.js";
 export {
-  ee as default
+  f as default
 };
 //# sourceMappingURL=CardListCard.vue2.js.map

package/dist/components/compositions/cards/CardListCard.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardListCard.vue2.js","sources":["../../../../src/components/compositions/cards/CardListCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven `card-list` composition — renders a list of nested\n * DisplayCards via `CardRenderer`. Each child card is a fully-resolved\n * DisplayCard (not an ID lookup).\n *\n * Self-contained — directly mountable in any Vue app:\n *\n *   <CardListCard\n *     title=\"Settings\"\n *     :cards=\"[generalCard, advancedCard]\"\n *     :item=\"dataModel\"\n *   />\n *\n * Drag-and-drop reordering is a lightweight HTML5 implementation when\n * `draggable === true`; on drop the new card order is emitted as\n * `reorder` so a parent (e.g. the FormBuilder) can persist it.\n */\nimport { computed, ref } from \"vue\"\nimport type { DisplayCard } from \"@/definitions/cards\"\nimport CardRenderer from \"@/engine/CardRenderer.vue\"\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n} from \"@/components/ui/card\"\n\nexport interface CardListCardProps {\n  title?: string\n  subtitle?: string\n  showCard?: boolean\n  draggable?: boolean\n  dragTargetData?: string\n  gutterY?: string\n  gutterX?: string\n  /** Resolved child cards (NOT IDs). */\n  cards?: DisplayCard[]\n  /** Page-level data model passed through to child renderers. */\n  item?: Record<string, unknown>\n  /** Identifier used as a fallback drag payload when `dragTargetData` is unset. */\n  id?: string\n}\n\nconst props = withDefaults(defineProps<CardListCardProps>(), {\n  showCard: true,\n  draggable: false,\n  gutterY: \"1rem\",\n  gutterX: \"1rem\",\n  cards: () => [],\n  item: () => ({}),\n})\n\nconst emit = defineEmits<{\n  (e: \"reorder\", value: DisplayCard[]): void\n}>()\n\nconst internalOrder = ref<DisplayCard[] | null>(null)\n\nconst order = computed<DisplayCard[]>(\n  () => internalOrder.value ?? props.cards,\n)\n\nconst showChrome = computed<boolean>(() => props.showCard !== false)\n\nconst gridStyle = computed(() => ({\n  rowGap: props.gutterY,\n  columnGap: props.gutterX,\n}))\n\nconst dragIndex = ref<number | null>(null)\n\nfunction onDragStart(event: DragEvent, index: number): void {\n  if (!props.draggable) {\n    return\n  }\n  dragIndex.value = index\n  if (event.dataTransfer) {\n    event.dataTransfer.effectAllowed = \"move\"\n    event.dataTransfer.setData(\n      \"text/plain\",\n      props.dragTargetData ?? props.id ?? \"\",\n    )\n  }\n}\n\nfunction onDragOver(event: DragEvent): void {\n  if (!props.draggable) {\n    return\n  }\n  event.preventDefault()\n  if (event.dataTransfer) {\n    event.dataTransfer.dropEffect = \"move\"\n  }\n}\n\nfunction onDrop(event: DragEvent, targetIndex: number): void {\n  if (!props.draggable || dragIndex.value === null) {\n    return\n  }\n  event.preventDefault()\n  const next = [...order.value]\n  const [moved] = next.splice(dragIndex.value, 1)\n  next.splice(targetIndex, 0, moved)\n  internalOrder.value = next\n  dragIndex.value = null\n  emit(\"reorder\", next)\n}\n\nfunction onDragEnd(): void {\n  dragIndex.value = null\n}\n</script>\n\n<template>\n  <component\n    :is=\"showChrome ? Card : 'section'\"\n    :class=\"[\n      'gxp-card-list',\n      showChrome ? '' : 'flex flex-col bg-transparent border-0 shadow-none',\n    ]\"\n  >\n    <CardHeader v-if=\"showChrome && (title || subtitle)\">\n      <CardTitle v-if=\"title\">{{ title }}</CardTitle>\n      <CardDescription v-if=\"subtitle\">\n        {{ subtitle }}\n      </CardDescription>\n    </CardHeader>\n    <header\n      v-else-if=\"title || subtitle\"\n      class=\"mb-3 flex flex-col gap-0.5\"\n    >\n      <h3 v-if=\"title\" class=\"text-base font-semibold\">\n        {{ title }}\n      </h3>\n      <p v-if=\"subtitle\" class=\"text-sm text-muted-foreground\">\n        {{ subtitle }}\n      </p>\n    </header>\n\n    <component\n      :is=\"showChrome ? CardContent : 'div'\"\n      class=\"flex flex-col\"\n      :style=\"gridStyle\"\n    >\n      <template v-if=\"order.length === 0\">\n        <p\n          class=\"text-sm text-muted-foreground italic\"\n          data-testid=\"card-list-empty\"\n        >\n          No cards to display.\n        </p>\n      </template>\n      <template v-else>\n        <div\n          v-for=\"(child, index) in order\"\n          :key=\"child.id\"\n          :draggable=\"draggable === true\"\n          :data-card-list-item-id=\"child.id\"\n          :class=\"[\n            'gxp-card-list__item',\n            draggable ? 'cursor-move' : '',\n            dragIndex === index ? 'opacity-50' : '',\n          ]\"\n          @dragstart=\"onDragStart($event, index)\"\n          @dragover=\"onDragOver\"\n          @drop=\"onDrop($event, index)\"\n          @dragend=\"onDragEnd\"\n        >\n          <CardRenderer :card=\"child\" :item=\"item\" />\n        </div>\n      </template>\n    </component>\n  </component>\n</template>\n"],"names":["props","__props","emit","__emit","internalOrder","ref","order","computed","showChrome","gridStyle","dragIndex","onDragStart","event","index","onDragOver","onDrop","targetIndex","next","moved","onDragEnd","_createBlock","_resolveDynamicComponent","_unref","Card","_normalizeClass","CardHeader","CardTitle","CardDescription","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_toDisplayString","_hoisted_3","CardContent","_hoisted_4","_Fragment","_renderList","child","$event","_createVNode","CardRenderer"],"mappings":"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"}
+{"version":3,"file":"CardListCard.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/cards/DataTableCard.vue.d.ts

@@ -0,0 +1,58 @@
+import { CreateConfig, DeleteConfig, UpdateConfig } from '../../../definitions/shared/crud';
+import { DataTableColumn, DataTableOptions, ExportConfig, TableAction } from '../../../definitions/cards/DataTableCard';
+export interface DataTableCardProps {
+    /** Title rendered above the table. Falls back to the more generic `title`. */
+    tableTitle?: string;
+    title?: string;
+    subtitle?: string;
+    showCard?: boolean;
+    classList?: string[] | string;
+    /** Column definitions. */
+    headers?: DataTableColumn[];
+    /** Behaviour and toolbar configuration. */
+    options?: DataTableOptions;
+    /** Sub-array path on `item` when rendering nested tables. */
+    listKey?: string;
+    /** Static (non-paginated) row source. */
+    listData?: unknown[];
+    /** Per-row action buttons (also merged with `options.additionalActions`). */
+    actions?: TableAction[];
+    /** Enable row selection. */
+    selectable?: boolean;
+    /** Bulk action buttons. */
+    bulkActions?: TableAction[];
+    /** Empty-state message. */
+    emptyMessage?: string;
+    /** Page-level data model. Used as the row source when `listKey` is set. */
+    item?: Record<string, unknown>;
+    /** Create-modal configuration. */
+    createConfig?: CreateConfig;
+    /** Inline update configuration. */
+    updateConfig?: UpdateConfig;
+    /** Delete configuration. */
+    deleteConfig?: DeleteConfig;
+}
+declare const _default: import('vue').DefineComponent<DataTableCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    action: (payload: {
+        action: TableAction;
+        row: Record<string, unknown>;
+    }) => any;
+    export: (payload: {
+        export: ExportConfig;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<DataTableCardProps> & Readonly<{
+    onAction?: ((payload: {
+        action: TableAction;
+        row: Record<string, unknown>;
+    }) => any) | undefined;
+    onExport?: ((payload: {
+        export: ExportConfig;
+    }) => any) | undefined;
+}>, {
+    showCard: boolean;
+    selectable: boolean;
+    headers: DataTableColumn[];
+    item: Record<string, unknown>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+export default _default;
+//# sourceMappingURL=DataTableCard.vue.d.ts.map

package/dist/components/compositions/cards/DataTableCard.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/cards/DataTableCard.vue"],"names":[],"mappings":"AAojBA,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,YAAY,EACb,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EACV,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACZ,MAAM,mCAAmC,CAAA;AAa1C,MAAM,WAAW,kBAAkB;IACjC,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;IAC7B,0BAA0B;IAC1B,OAAO,CAAC,EAAE,eAAe,EAAE,CAAA;IAC3B,2CAA2C;IAC3C,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;IACpB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,WAAW,EAAE,CAAA;IACvB,4BAA4B;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,WAAW,EAAE,CAAA;IAC3B,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC9B,kCAAkC;IAClC,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,mCAAmC;IACnC,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,4BAA4B;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B;;;gBAWkC,WAAW;aAAO,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;gBACzC,YAAY;;;;gBADZ,WAAW;aAAO,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;gBACzC,YAAY;;;cAtClC,OAAO;gBAaL,OAAO;aAVV,eAAe,EAAE;UAgBpB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;AA8tBhC,wBASG"}

package/dist/components/compositions/cards/DataTableCard.vue.js

@@ -1,5 +1,390 @@
-import f from "./DataTableCard.vue2.js";
+import { defineComponent as ne, ref as R, computed as m, toRef as N, watch as se, openBlock as s, createElementBlock as l, normalizeClass as w, toDisplayString as r, createCommentVNode as p, Fragment as x, renderList as h, createBlock as g, unref as u, withCtx as c, createTextVNode as v, createVNode as b, normalizeStyle as le, createElementVNode as k } from "vue";
+import ie from "../../ui/table/Table.vue.js";
+import oe from "../../ui/table/TableBody.vue.js";
+import "clsx";
+import "tailwind-merge";
+import j from "../../ui/table/TableCell.vue.js";
+import U from "../../ui/table/TableHead.vue.js";
+import re from "../../ui/table/TableHeader.vue.js";
+import M from "../../ui/table/TableRow.vue.js";
+import "../../ui/button/index.js";
+import ue from "../../ui/input/Input.vue.js";
+import { useDataTableData as ce } from "./useDataTableData.js";
+import B from "../../ui/button/Button.vue.js";
+const de = {
+  key: 0,
+  class: "flex flex-col gap-0.5"
+}, fe = {
+  key: 0,
+  class: "text-base font-semibold"
+}, me = {
+  key: 1,
+  class: "text-sm text-muted-foreground"
+}, pe = {
+  key: 1,
+  class: "flex flex-wrap items-center justify-between gap-2"
+}, ye = {
+  key: 0,
+  class: "flex items-center gap-2",
+  "data-testid": "datatable-exports"
+}, ge = {
+  key: 1,
+  class: "ml-auto w-full max-w-xs"
+}, ve = ["data-testid", "onClick"], be = { class: "text-xs" }, ke = { key: 1 }, xe = {
+  key: 0,
+  "data-testid": "cell-timestamp"
+}, _e = ["aria-label"], Ce = ["src", "alt"], we = {
+  key: 3,
+  class: "inline-flex items-center gap-2"
+}, he = { key: 4 }, Se = { class: "inline-flex items-center justify-end gap-1" }, $e = { "data-testid": "datatable-empty" }, Te = {
+  key: 2,
+  class: "flex items-center justify-between gap-2",
+  "data-testid": "datatable-pagination"
+}, De = { class: "text-sm text-muted-foreground" }, Pe = { class: "flex items-center gap-2" }, He = /* @__PURE__ */ ne({
+  __name: "DataTableCard",
+  props: {
+    tableTitle: {},
+    title: {},
+    subtitle: {},
+    showCard: { type: Boolean, default: !0 },
+    classList: {},
+    headers: { default: () => [] },
+    options: {},
+    listKey: {},
+    listData: {},
+    actions: {},
+    selectable: { type: Boolean, default: !1 },
+    bulkActions: {},
+    emptyMessage: {},
+    item: { default: () => ({}) },
+    createConfig: {},
+    updateConfig: {},
+    deleteConfig: {}
+  },
+  emits: ["action", "export"],
+  setup(d, { emit: G }) {
+    var Q;
+    const i = d, E = G, _ = R(
+      (Q = i.options) != null && Q.defaultSortBy ? {
+        key: i.options.defaultSortBy,
+        direction: i.options.defaultSortDirection ?? "asc"
+      } : null
+    ), V = R(""), y = R(1), S = m(() => {
+      const e = i.options;
+      return (e == null ? void 0 : e.perPage) ?? (e == null ? void 0 : e.defaultItemsPerPage) ?? 25;
+    }), z = m(() => {
+      var e;
+      return ((e = i.options) == null ? void 0 : e.paginated) === !0;
+    }), $ = m(
+      () => (i.headers ?? []).filter((e) => e.visible !== !1)
+    ), J = m(() => {
+      var e;
+      return i.emptyMessage ?? ((e = i.options) == null ? void 0 : e.emptyText) ?? "No results";
+    }), A = m(
+      () => {
+        var e;
+        return ((e = i.options) == null ? void 0 : e.exports) ?? [];
+      }
+    ), T = m(() => {
+      var a;
+      const e = i.actions ?? [], t = ((a = i.options) == null ? void 0 : a.additionalActions) ?? [];
+      return [...e, ...t];
+    }), I = m(() => {
+      var t;
+      const e = (t = i.options) == null ? void 0 : t.searchRoute;
+      return !(e && e.hide);
+    }), { rows: K } = ce({
+      listKey: N(i, "listKey"),
+      listData: N(i, "listData"),
+      options: N(i, "options"),
+      item: N(i, "item")
+    });
+    function f(e, t) {
+      if (!t)
+        return;
+      const a = t.split(".");
+      let o = e;
+      for (const n of a) {
+        if (o == null || typeof o != "object")
+          return;
+        o = o[n];
+      }
+      return o;
+    }
+    function F(e) {
+      return e == null ? "" : typeof e == "number" ? e : typeof e == "boolean" ? e ? 1 : 0 : e instanceof Date ? e.getTime() : String(e).toLowerCase();
+    }
+    const L = m(() => {
+      const e = V.value.trim().toLowerCase();
+      return e ? K.value.filter((t) => $.value.some((a) => {
+        const o = f(t, a.key);
+        return o == null ? !1 : String(o).toLowerCase().includes(e);
+      })) : K.value;
+    }), D = m(() => {
+      const e = _.value;
+      if (!e)
+        return L.value;
+      const t = e.direction === "asc" ? 1 : -1;
+      return [...L.value].sort((a, o) => {
+        const n = F(f(a, e.key)), C = F(f(o, e.key));
+        return n < C ? -1 * t : n > C ? 1 * t : 0;
+      });
+    }), P = m(() => z.value ? Math.max(1, Math.ceil(D.value.length / S.value)) : 1), q = m(() => {
+      if (!z.value)
+        return D.value;
+      const e = (y.value - 1) * S.value;
+      return D.value.slice(e, e + S.value);
+    });
+    se([L, S], () => {
+      y.value > P.value && (y.value = 1);
+    });
+    function O(e) {
+      if (!e.sortable)
+        return;
+      const t = _.value;
+      if (!t || t.key !== e.key) {
+        _.value = { key: e.key, direction: "asc" };
+        return;
+      }
+      if (t.direction === "asc") {
+        _.value = { key: e.key, direction: "desc" };
+        return;
+      }
+      _.value = null;
+    }
+    function W(e) {
+      const t = _.value;
+      return !t || t.key !== e.key ? "" : t.direction === "asc" ? "↑" : "↓";
+    }
+    function H(e) {
+      const t = e.align;
+      return t === "center" ? "text-center" : t === "end" || t === "right" ? "text-right" : "text-left";
+    }
+    function X() {
+      y.value > 1 && (y.value -= 1);
+    }
+    function Y() {
+      y.value < P.value && (y.value += 1);
+    }
+    function Z(e) {
+      if (e == null)
+        return "";
+      const t = e instanceof Date ? e : new Date(typeof e == "number" ? e : String(e));
+      return Number.isNaN(t.getTime()) ? String(e) : new Intl.DateTimeFormat(void 0, {
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+        hour: "numeric",
+        minute: "numeric"
+      }).format(t);
+    }
+    function ee(e) {
+      const t = String(e ?? "").toLowerCase();
+      return t === "success" || t === "active" || t === "ok" || t === "paid" ? "bg-green-500" : t === "warning" || t === "pending" ? "bg-yellow-500" : t === "danger" || t === "error" || t === "failed" || t === "unpaid" ? "bg-red-500" : t === "info" ? "bg-blue-500" : "bg-gray-400";
+    }
+    function te(e, t) {
+      E("action", { action: e, row: t });
+    }
+    function ae(e) {
+      E("export", { export: e });
+    }
+    return (e, t) => (s(), l("section", {
+      class: w([
+        "gxp-datatable-card flex flex-col gap-3",
+        d.showCard !== !1 ? "rounded-lg border bg-card text-card-foreground shadow-sm p-4" : ""
+      ]),
+      "data-testid": "datatable-card"
+    }, [
+      d.tableTitle || d.title || d.subtitle ? (s(), l("header", de, [
+        d.tableTitle || d.title ? (s(), l("h3", fe, r(d.tableTitle ?? d.title), 1)) : p("", !0),
+        d.subtitle ? (s(), l("p", me, r(d.subtitle), 1)) : p("", !0)
+      ])) : p("", !0),
+      A.value.length > 0 || I.value ? (s(), l("div", pe, [
+        A.value.length > 0 ? (s(), l("div", ye, [
+          (s(!0), l(x, null, h(A.value, (a, o) => (s(), g(u(B), {
+            key: o,
+            variant: "outline",
+            size: "sm",
+            type: "button",
+            onClick: (n) => ae(a)
+          }, {
+            default: c(() => [
+              v(r(a.label ?? "Export"), 1)
+            ]),
+            _: 2
+          }, 1032, ["onClick"]))), 128))
+        ])) : p("", !0),
+        I.value ? (s(), l("div", ge, [
+          b(u(ue), {
+            modelValue: V.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (a) => V.value = a),
+            type: "search",
+            placeholder: "Search...",
+            "data-testid": "datatable-search"
+          }, null, 8, ["modelValue"])
+        ])) : p("", !0)
+      ])) : p("", !0),
+      b(u(ie), null, {
+        default: c(() => [
+          b(u(re), null, {
+            default: c(() => [
+              b(u(M), null, {
+                default: c(() => [
+                  (s(!0), l(x, null, h($.value, (a) => (s(), g(u(U), {
+                    key: a.key,
+                    class: w(H(a)),
+                    style: le(a.width ? { width: a.width } : void 0)
+                  }, {
+                    default: c(() => [
+                      a.sortable ? (s(), l("button", {
+                        key: 0,
+                        type: "button",
+                        class: "inline-flex items-center gap-1 hover:text-foreground",
+                        "data-testid": `sort-${a.key}`,
+                        onClick: (o) => O(a)
+                      }, [
+                        k("span", null, r(a.title ?? a.key), 1),
+                        k("span", be, r(W(a)), 1)
+                      ], 8, ve)) : (s(), l("span", ke, r(a.title ?? a.key), 1))
+                    ]),
+                    _: 2
+                  }, 1032, ["class", "style"]))), 128)),
+                  T.value.length > 0 ? (s(), g(u(U), {
+                    key: 0,
+                    class: "text-right"
+                  }, {
+                    default: c(() => [...t[1] || (t[1] = [
+                      v(" Actions ", -1)
+                    ])]),
+                    _: 1
+                  })) : p("", !0)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          b(u(oe), null, {
+            default: c(() => [
+              q.value.length > 0 ? (s(!0), l(x, { key: 0 }, h(q.value, (a, o) => (s(), g(u(M), {
+                key: o,
+                "data-testid": `datatable-row-${o}`
+              }, {
+                default: c(() => [
+                  (s(!0), l(x, null, h($.value, (n) => (s(), g(u(j), {
+                    key: n.key,
+                    class: w(H(n))
+                  }, {
+                    default: c(() => [
+                      n.type === "timestamp" || n.type === "laravel-timestamp" ? (s(), l("span", xe, r(Z(f(a, n.key))), 1)) : n.type === "boolean" ? (s(), l("span", {
+                        key: 1,
+                        "data-testid": "cell-boolean",
+                        class: w(f(a, n.key) ? "text-green-600" : "text-red-600"),
+                        "aria-label": f(a, n.key) ? "true" : "false"
+                      }, r(f(a, n.key) ? "✓" : "✗"), 11, _e)) : n.type === "image" ? (s(), l("img", {
+                        key: 2,
+                        "data-testid": "cell-image",
+                        src: String(f(a, n.key) ?? ""),
+                        alt: n.title ?? n.key,
+                        class: "h-8 w-8 rounded object-cover"
+                      }, null, 8, Ce)) : n.type === "status_circle" ? (s(), l("span", we, [
+                        k("span", {
+                          "data-testid": "cell-status-circle",
+                          class: w(["inline-block h-2.5 w-2.5 rounded-full", ee(f(a, n.key))])
+                        }, null, 2),
+                        k("span", null, r(f(a, n.key)), 1)
+                      ])) : (s(), l("span", he, [
+                        n.prepend ? (s(), l(x, { key: 0 }, [
+                          v(r(n.prepend), 1)
+                        ], 64)) : p("", !0),
+                        v(" " + r(f(a, n.key) ?? "") + " ", 1),
+                        n.append ? (s(), l(x, { key: 1 }, [
+                          v(r(n.append), 1)
+                        ], 64)) : p("", !0)
+                      ]))
+                    ]),
+                    _: 2
+                  }, 1032, ["class"]))), 128)),
+                  T.value.length > 0 ? (s(), g(u(j), {
+                    key: 0,
+                    class: "text-right"
+                  }, {
+                    default: c(() => [
+                      k("div", Se, [
+                        (s(!0), l(x, null, h(T.value, (n, C) => (s(), g(u(B), {
+                          key: C,
+                          variant: "ghost",
+                          size: "sm",
+                          type: "button",
+                          "data-testid": `datatable-action-${n.slug ?? C}`,
+                          onClick: (Ne) => te(n, a)
+                        }, {
+                          default: c(() => [
+                            v(r(n.label ?? n.tooltip ?? n.slug ?? "Action"), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["data-testid", "onClick"]))), 128))
+                      ])
+                    ]),
+                    _: 2
+                  }, 1024)) : p("", !0)
+                ]),
+                _: 2
+              }, 1032, ["data-testid"]))), 128)) : (s(), g(u(M), { key: 1 }, {
+                default: c(() => [
+                  b(u(j), {
+                    colspan: $.value.length + (T.value.length > 0 ? 1 : 0),
+                    class: "text-center text-muted-foreground"
+                  }, {
+                    default: c(() => [
+                      k("span", $e, r(J.value), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["colspan"])
+                ]),
+                _: 1
+              }))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      z.value && D.value.length > 0 ? (s(), l("footer", Te, [
+        k("span", De, " Page " + r(y.value) + " of " + r(P.value), 1),
+        k("div", Pe, [
+          b(u(B), {
+            variant: "outline",
+            size: "sm",
+            type: "button",
+            disabled: y.value <= 1,
+            "data-testid": "datatable-prev",
+            onClick: X
+          }, {
+            default: c(() => [...t[2] || (t[2] = [
+              v(" Previous ", -1)
+            ])]),
+            _: 1
+          }, 8, ["disabled"]),
+          b(u(B), {
+            variant: "outline",
+            size: "sm",
+            type: "button",
+            disabled: y.value >= P.value,
+            "data-testid": "datatable-next",
+            onClick: Y
+          }, {
+            default: c(() => [...t[3] || (t[3] = [
+              v(" Next ", -1)
+            ])]),
+            _: 1
+          }, 8, ["disabled"])
+        ])
+      ])) : p("", !0)
+    ], 2));
+  }
+});
 export {
-  f as default
+  He as default
 };
 //# sourceMappingURL=DataTableCard.vue.js.map