@gxp-dev/mod-ui 2.0.0 → 2.0.3

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableCard.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"DataTableCard.vue.js","sources":["../../../../src/components/compositions/cards/DataTableCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven `datatable` composition.\n *\n * Renders a paginated, searchable, sortable table from `headers` + a\n * row source determined in priority order:\n *\n *   1. `options.searchRoute` — remote fetch (stubbed; future HTTP).\n *   2. `listKey` — read sub-array from `item[listKey]` (nested).\n *   3. `listData` — inline static rows.\n *   4. Otherwise: empty.\n *\n * Sorting, search, and pagination all run client-side over the\n * resolved rows. Column rendering branches on `header.type`.\n *\n * Self-contained — directly mountable in any Vue app:\n *\n *   <DataTableCard\n *     :headers=\"[{ key: 'name', sortable: true }]\"\n *     :list-data=\"rows\"\n *     @action=\"onRowAction\"\n *   />\n */\nimport { computed, ref, watch, toRef } from \"vue\"\nimport type {\n  CreateConfig,\n  DeleteConfig,\n  UpdateConfig,\n} from \"@/definitions/shared/crud\"\nimport type {\n  DataTableColumn,\n  DataTableOptions,\n  ExportConfig,\n  TableAction,\n} from \"@/definitions/cards/DataTableCard\"\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"@/components/ui/table\"\nimport { Button } from \"@/components/ui/button\"\nimport { Input } from \"@/components/ui/input\"\nimport { useDataTableData } from \"./useDataTableData\"\n\nexport interface DataTableCardProps {\n  /** Title rendered above the table. Falls back to the more generic `title`. */\n  tableTitle?: string\n  title?: string\n  subtitle?: string\n  showCard?: boolean\n  classList?: string[] | string\n  /** Column definitions. */\n  headers?: DataTableColumn[]\n  /** Behaviour and toolbar configuration. */\n  options?: DataTableOptions\n  /** Sub-array path on `item` when rendering nested tables. */\n  listKey?: string\n  /** Static (non-paginated) row source. */\n  listData?: unknown[]\n  /** Per-row action buttons (also merged with `options.additionalActions`). */\n  actions?: TableAction[]\n  /** Enable row selection. */\n  selectable?: boolean\n  /** Bulk action buttons. */\n  bulkActions?: TableAction[]\n  /** Empty-state message. */\n  emptyMessage?: string\n  /** Page-level data model. Used as the row source when `listKey` is set. */\n  item?: Record<string, unknown>\n  /** Create-modal configuration. */\n  createConfig?: CreateConfig\n  /** Inline update configuration. */\n  updateConfig?: UpdateConfig\n  /** Delete configuration. */\n  deleteConfig?: DeleteConfig\n}\n\nconst props = withDefaults(defineProps<DataTableCardProps>(), {\n  headers: () => [],\n  selectable: false,\n  showCard: true,\n  item: () => ({}),\n})\n\nconst emit = defineEmits<{\n  (e: \"action\", payload: { action: TableAction; row: Record<string, unknown> }): void\n  (e: \"export\", payload: { export: ExportConfig }): void\n}>()\n\nconst sortState = ref<{ key: string; direction: \"asc\" | \"desc\" } | null>(\n  props.options?.defaultSortBy\n    ? {\n        key: props.options.defaultSortBy,\n        direction: props.options.defaultSortDirection ?? \"asc\",\n      }\n    : null,\n)\n\nconst searchQuery = ref(\"\")\nconst currentPage = ref(1)\n\nconst perPage = computed<number>(() => {\n  const opts = props.options\n  return (\n    opts?.perPage ??\n    opts?.defaultItemsPerPage ??\n    25\n  )\n})\n\nconst paginated = computed<boolean>(() => props.options?.paginated === true)\n\nconst visibleHeaders = computed<DataTableColumn[]>(() =>\n  (props.headers ?? []).filter((h) => h.visible !== false),\n)\n\nconst emptyMessageText = computed<string>(() => {\n  return (\n    props.emptyMessage ??\n    props.options?.emptyText ??\n    \"No results\"\n  )\n})\n\nconst exports = computed<ExportConfig[]>(\n  () => props.options?.exports ?? [],\n)\n\nconst tableActions = computed<TableAction[]>(() => {\n  const base = props.actions ?? []\n  const additional = props.options?.additionalActions ?? []\n  return [...base, ...additional]\n})\n\nconst showSearch = computed<boolean>(() => {\n  const sr = props.options?.searchRoute\n  if (sr && sr.hide) {\n    return false\n  }\n  // Always show search when there is any data source (client-side filter).\n  return true\n})\n\n/** Underlying row source — composable that can be mocked in tests. */\nconst { rows: sourceRows } = useDataTableData({\n  listKey: toRef(props, \"listKey\"),\n  listData: toRef(props, \"listData\"),\n  options: toRef(props, \"options\"),\n  item: toRef(props, \"item\"),\n})\n\n/** Read a dot-notation path on a row, returning unknown. */\nfunction readPath(row: Record<string, unknown>, path: string): unknown {\n  if (!path) {\n    return undefined\n  }\n  const segments = path.split(\".\")\n  let value: unknown = row\n  for (const seg of segments) {\n    if (value == null || typeof value !== \"object\") {\n      return undefined\n    }\n    value = (value as Record<string, unknown>)[seg]\n  }\n  return value\n}\n\nfunction toComparable(value: unknown): number | string {\n  if (value == null) {\n    return \"\"\n  }\n  if (typeof value === \"number\") {\n    return value\n  }\n  if (typeof value === \"boolean\") {\n    return value ? 1 : 0\n  }\n  if (value instanceof Date) {\n    return value.getTime()\n  }\n  return String(value).toLowerCase()\n}\n\nconst filteredRows = computed<Record<string, unknown>[]>(() => {\n  const query = searchQuery.value.trim().toLowerCase()\n  if (!query) {\n    return sourceRows.value\n  }\n  return sourceRows.value.filter((row) => {\n    return visibleHeaders.value.some((h) => {\n      const v = readPath(row, h.key)\n      if (v == null) {\n        return false\n      }\n      return String(v).toLowerCase().includes(query)\n    })\n  })\n})\n\nconst sortedRows = computed<Record<string, unknown>[]>(() => {\n  const state = sortState.value\n  if (!state) {\n    return filteredRows.value\n  }\n  const dir = state.direction === \"asc\" ? 1 : -1\n  return [...filteredRows.value].sort((a, b) => {\n    const av = toComparable(readPath(a, state.key))\n    const bv = toComparable(readPath(b, state.key))\n    if (av < bv) {\n      return -1 * dir\n    }\n    if (av > bv) {\n      return 1 * dir\n    }\n    return 0\n  })\n})\n\nconst pageCount = computed<number>(() => {\n  if (!paginated.value) {\n    return 1\n  }\n  return Math.max(1, Math.ceil(sortedRows.value.length / perPage.value))\n})\n\nconst pagedRows = computed<Record<string, unknown>[]>(() => {\n  if (!paginated.value) {\n    return sortedRows.value\n  }\n  const start = (currentPage.value - 1) * perPage.value\n  return sortedRows.value.slice(start, start + perPage.value)\n})\n\n// Reset pagination if filtering shrinks the result below the current page.\nwatch([filteredRows, perPage], () => {\n  if (currentPage.value > pageCount.value) {\n    currentPage.value = 1\n  }\n})\n\nfunction toggleSort(header: DataTableColumn): void {\n  if (!header.sortable) {\n    return\n  }\n  const state = sortState.value\n  if (!state || state.key !== header.key) {\n    sortState.value = { key: header.key, direction: \"asc\" }\n    return\n  }\n  if (state.direction === \"asc\") {\n    sortState.value = { key: header.key, direction: \"desc\" }\n    return\n  }\n  sortState.value = null\n}\n\nfunction sortIndicator(header: DataTableColumn): string {\n  const state = sortState.value\n  if (!state || state.key !== header.key) {\n    return \"\"\n  }\n  return state.direction === \"asc\" ? \"↑\" : \"↓\"\n}\n\nfunction alignClass(header: DataTableColumn): string {\n  const a = header.align\n  if (a === \"center\") {\n    return \"text-center\"\n  }\n  if (a === \"end\" || a === \"right\") {\n    return \"text-right\"\n  }\n  return \"text-left\"\n}\n\nfunction previousPage(): void {\n  if (currentPage.value > 1) {\n    currentPage.value -= 1\n  }\n}\n\nfunction nextPage(): void {\n  if (currentPage.value < pageCount.value) {\n    currentPage.value += 1\n  }\n}\n\nfunction formatTimestamp(value: unknown): string {\n  if (value == null) {\n    return \"\"\n  }\n  const date =\n    value instanceof Date\n      ? value\n      : new Date(typeof value === \"number\" ? value : String(value))\n  if (Number.isNaN(date.getTime())) {\n    return String(value)\n  }\n  return new Intl.DateTimeFormat(undefined, {\n    year: \"numeric\",\n    month: \"short\",\n    day: \"numeric\",\n    hour: \"numeric\",\n    minute: \"numeric\",\n  }).format(date)\n}\n\nfunction statusColor(value: unknown): string {\n  const s = String(value ?? \"\").toLowerCase()\n  if (s === \"success\" || s === \"active\" || s === \"ok\" || s === \"paid\") {\n    return \"bg-green-500\"\n  }\n  if (s === \"warning\" || s === \"pending\") {\n    return \"bg-yellow-500\"\n  }\n  if (s === \"danger\" || s === \"error\" || s === \"failed\" || s === \"unpaid\") {\n    return \"bg-red-500\"\n  }\n  if (s === \"info\") {\n    return \"bg-blue-500\"\n  }\n  return \"bg-gray-400\"\n}\n\nfunction onAction(action: TableAction, row: Record<string, unknown>): void {\n  emit(\"action\", { action, row })\n}\n\nfunction onExport(config: ExportConfig): void {\n  emit(\"export\", { export: config })\n}\n</script>\n\n<template>\n  <section\n    :class=\"[\n      'gxp-datatable-card flex flex-col gap-3',\n      showCard !== false\n        ? 'rounded-lg border bg-card text-card-foreground shadow-sm p-4'\n        : '',\n    ]\"\n    data-testid=\"datatable-card\"\n  >\n    <header\n      v-if=\"tableTitle || title || subtitle\"\n      class=\"flex flex-col gap-0.5\"\n    >\n      <h3\n        v-if=\"tableTitle || title\"\n        class=\"text-base font-semibold\"\n      >\n        {{ tableTitle ?? title }}\n      </h3>\n      <p\n        v-if=\"subtitle\"\n        class=\"text-sm text-muted-foreground\"\n      >\n        {{ subtitle }}\n      </p>\n    </header>\n\n    <div\n      v-if=\"exports.length > 0 || showSearch\"\n      class=\"flex flex-wrap items-center justify-between gap-2\"\n    >\n      <div\n        v-if=\"exports.length > 0\"\n        class=\"flex items-center gap-2\"\n        data-testid=\"datatable-exports\"\n      >\n        <Button\n          v-for=\"(ex, i) in exports\"\n          :key=\"i\"\n          variant=\"outline\"\n          size=\"sm\"\n          type=\"button\"\n          @click=\"onExport(ex)\"\n        >\n          {{ ex.label ?? \"Export\" }}\n        </Button>\n      </div>\n\n      <div v-if=\"showSearch\" class=\"ml-auto w-full max-w-xs\">\n        <Input\n          v-model=\"searchQuery\"\n          type=\"search\"\n          placeholder=\"Search...\"\n          data-testid=\"datatable-search\"\n        />\n      </div>\n    </div>\n\n    <Table>\n      <TableHeader>\n        <TableRow>\n          <TableHead\n            v-for=\"h in visibleHeaders\"\n            :key=\"h.key\"\n            :class=\"alignClass(h)\"\n            :style=\"h.width ? { width: h.width } : undefined\"\n          >\n            <button\n              v-if=\"h.sortable\"\n              type=\"button\"\n              class=\"inline-flex items-center gap-1 hover:text-foreground\"\n              :data-testid=\"`sort-${h.key}`\"\n              @click=\"toggleSort(h)\"\n            >\n              <span>{{ h.title ?? h.key }}</span>\n              <span class=\"text-xs\">{{ sortIndicator(h) }}</span>\n            </button>\n            <span v-else>{{ h.title ?? h.key }}</span>\n          </TableHead>\n          <TableHead\n            v-if=\"tableActions.length > 0\"\n            class=\"text-right\"\n          >\n            Actions\n          </TableHead>\n        </TableRow>\n      </TableHeader>\n      <TableBody>\n        <template v-if=\"pagedRows.length > 0\">\n          <TableRow\n            v-for=\"(row, ri) in pagedRows\"\n            :key=\"ri\"\n            :data-testid=\"`datatable-row-${ri}`\"\n          >\n            <TableCell\n              v-for=\"h in visibleHeaders\"\n              :key=\"h.key\"\n              :class=\"alignClass(h)\"\n            >\n              <template v-if=\"h.type === 'timestamp' || h.type === 'laravel-timestamp'\">\n                <span data-testid=\"cell-timestamp\">{{ formatTimestamp(readPath(row, h.key)) }}</span>\n              </template>\n              <template v-else-if=\"h.type === 'boolean'\">\n                <span\n                  data-testid=\"cell-boolean\"\n                  :class=\"readPath(row, h.key) ? 'text-green-600' : 'text-red-600'\"\n                  :aria-label=\"readPath(row, h.key) ? 'true' : 'false'\"\n                >\n                  {{ readPath(row, h.key) ? \"✓\" : \"✗\" }}\n                </span>\n              </template>\n              <template v-else-if=\"h.type === 'image'\">\n                <img\n                  data-testid=\"cell-image\"\n                  :src=\"String(readPath(row, h.key) ?? '')\"\n                  :alt=\"h.title ?? h.key\"\n                  class=\"h-8 w-8 rounded object-cover\"\n                >\n              </template>\n              <template v-else-if=\"h.type === 'status_circle'\">\n                <span class=\"inline-flex items-center gap-2\">\n                  <span\n                    data-testid=\"cell-status-circle\"\n                    :class=\"['inline-block h-2.5 w-2.5 rounded-full', statusColor(readPath(row, h.key))]\"\n                  />\n                  <span>{{ readPath(row, h.key) }}</span>\n                </span>\n              </template>\n              <template v-else>\n                <span>\n                  <template v-if=\"h.prepend\">{{ h.prepend }}</template>\n                  {{ readPath(row, h.key) ?? \"\" }}\n                  <template v-if=\"h.append\">{{ h.append }}</template>\n                </span>\n              </template>\n            </TableCell>\n            <TableCell\n              v-if=\"tableActions.length > 0\"\n              class=\"text-right\"\n            >\n              <div class=\"inline-flex items-center justify-end gap-1\">\n                <Button\n                  v-for=\"(action, ai) in tableActions\"\n                  :key=\"ai\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  type=\"button\"\n                  :data-testid=\"`datatable-action-${action.slug ?? ai}`\"\n                  @click=\"onAction(action, row)\"\n                >\n                  {{ action.label ?? action.tooltip ?? action.slug ?? \"Action\" }}\n                </Button>\n              </div>\n            </TableCell>\n          </TableRow>\n        </template>\n        <template v-else>\n          <TableRow>\n            <TableCell\n              :colspan=\"visibleHeaders.length + (tableActions.length > 0 ? 1 : 0)\"\n              class=\"text-center text-muted-foreground\"\n            >\n              <span data-testid=\"datatable-empty\">{{ emptyMessageText }}</span>\n            </TableCell>\n          </TableRow>\n        </template>\n      </TableBody>\n    </Table>\n\n    <footer\n      v-if=\"paginated && sortedRows.length > 0\"\n      class=\"flex items-center justify-between gap-2\"\n      data-testid=\"datatable-pagination\"\n    >\n      <span class=\"text-sm text-muted-foreground\">\n        Page {{ currentPage }} of {{ pageCount }}\n      </span>\n      <div class=\"flex items-center gap-2\">\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          type=\"button\"\n          :disabled=\"currentPage <= 1\"\n          data-testid=\"datatable-prev\"\n          @click=\"previousPage\"\n        >\n          Previous\n        </Button>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          type=\"button\"\n          :disabled=\"currentPage >= pageCount\"\n          data-testid=\"datatable-next\"\n          @click=\"nextPage\"\n        >\n          Next\n        </Button>\n      </div>\n    </footer>\n  </section>\n</template>\n"],"names":["props","__props","emit","__emit","sortState","ref","_a","searchQuery","currentPage","perPage","computed","opts","paginated","visibleHeaders","h","emptyMessageText","exports","tableActions","base","additional","showSearch","sr","sourceRows","useDataTableData","toRef","readPath","row","path","segments","value","seg","toComparable","filteredRows","query","v","sortedRows","state","dir","b","av","bv","pageCount","pagedRows","start","watch","toggleSort","header","sortIndicator","alignClass","a","previousPage","nextPage","formatTimestamp","date","statusColor","s","onAction","action","onExport","config","_createElementBlock","_normalizeClass","_openBlock","_hoisted_1","_hoisted_2","_toDisplayString","_hoisted_3","_hoisted_4","_hoisted_5","_Fragment","_renderList","ex","i","_createBlock","_unref","Button","$event","_createTextVNode","_hoisted_6","_createVNode","Input","Table","TableHeader","TableRow","TableHead","_normalizeStyle","_createElementVNode","_hoisted_8","_cache","TableBody","ri","TableCell","_hoisted_10","_hoisted_11","_hoisted_13","_hoisted_14","_hoisted_15","ai","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19"],"mappings":"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"}

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

@@ -1,390 +1,5 @@
-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));
-  }
-});
+import f from "./DataTableCard.vue.js";
 export {
-  He as default
+  f as default
 };
 //# sourceMappingURL=DataTableCard.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableCard.vue2.js","sources":["../../../../src/components/compositions/cards/DataTableCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven `datatable` composition.\n *\n * Renders a paginated, searchable, sortable table from `headers` + a\n * row source determined in priority order:\n *\n *   1. `options.searchRoute` — remote fetch (stubbed; future HTTP).\n *   2. `listKey` — read sub-array from `item[listKey]` (nested).\n *   3. `listData` — inline static rows.\n *   4. Otherwise: empty.\n *\n * Sorting, search, and pagination all run client-side over the\n * resolved rows. Column rendering branches on `header.type`.\n *\n * Self-contained — directly mountable in any Vue app:\n *\n *   <DataTableCard\n *     :headers=\"[{ key: 'name', sortable: true }]\"\n *     :list-data=\"rows\"\n *     @action=\"onRowAction\"\n *   />\n */\nimport { computed, ref, watch, toRef } from \"vue\"\nimport type {\n  CreateConfig,\n  DeleteConfig,\n  UpdateConfig,\n} from \"@/definitions/shared/crud\"\nimport type {\n  DataTableColumn,\n  DataTableOptions,\n  ExportConfig,\n  TableAction,\n} from \"@/definitions/cards/DataTableCard\"\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"@/components/ui/table\"\nimport { Button } from \"@/components/ui/button\"\nimport { Input } from \"@/components/ui/input\"\nimport { useDataTableData } from \"./useDataTableData\"\n\nexport interface DataTableCardProps {\n  /** Title rendered above the table. Falls back to the more generic `title`. */\n  tableTitle?: string\n  title?: string\n  subtitle?: string\n  showCard?: boolean\n  classList?: string[] | string\n  /** Column definitions. */\n  headers?: DataTableColumn[]\n  /** Behaviour and toolbar configuration. */\n  options?: DataTableOptions\n  /** Sub-array path on `item` when rendering nested tables. */\n  listKey?: string\n  /** Static (non-paginated) row source. */\n  listData?: unknown[]\n  /** Per-row action buttons (also merged with `options.additionalActions`). */\n  actions?: TableAction[]\n  /** Enable row selection. */\n  selectable?: boolean\n  /** Bulk action buttons. */\n  bulkActions?: TableAction[]\n  /** Empty-state message. */\n  emptyMessage?: string\n  /** Page-level data model. Used as the row source when `listKey` is set. */\n  item?: Record<string, unknown>\n  /** Create-modal configuration. */\n  createConfig?: CreateConfig\n  /** Inline update configuration. */\n  updateConfig?: UpdateConfig\n  /** Delete configuration. */\n  deleteConfig?: DeleteConfig\n}\n\nconst props = withDefaults(defineProps<DataTableCardProps>(), {\n  headers: () => [],\n  selectable: false,\n  showCard: true,\n  item: () => ({}),\n})\n\nconst emit = defineEmits<{\n  (e: \"action\", payload: { action: TableAction; row: Record<string, unknown> }): void\n  (e: \"export\", payload: { export: ExportConfig }): void\n}>()\n\nconst sortState = ref<{ key: string; direction: \"asc\" | \"desc\" } | null>(\n  props.options?.defaultSortBy\n    ? {\n        key: props.options.defaultSortBy,\n        direction: props.options.defaultSortDirection ?? \"asc\",\n      }\n    : null,\n)\n\nconst searchQuery = ref(\"\")\nconst currentPage = ref(1)\n\nconst perPage = computed<number>(() => {\n  const opts = props.options\n  return (\n    opts?.perPage ??\n    opts?.defaultItemsPerPage ??\n    25\n  )\n})\n\nconst paginated = computed<boolean>(() => props.options?.paginated === true)\n\nconst visibleHeaders = computed<DataTableColumn[]>(() =>\n  (props.headers ?? []).filter((h) => h.visible !== false),\n)\n\nconst emptyMessageText = computed<string>(() => {\n  return (\n    props.emptyMessage ??\n    props.options?.emptyText ??\n    \"No results\"\n  )\n})\n\nconst exports = computed<ExportConfig[]>(\n  () => props.options?.exports ?? [],\n)\n\nconst tableActions = computed<TableAction[]>(() => {\n  const base = props.actions ?? []\n  const additional = props.options?.additionalActions ?? []\n  return [...base, ...additional]\n})\n\nconst showSearch = computed<boolean>(() => {\n  const sr = props.options?.searchRoute\n  if (sr && sr.hide) {\n    return false\n  }\n  // Always show search when there is any data source (client-side filter).\n  return true\n})\n\n/** Underlying row source — composable that can be mocked in tests. */\nconst { rows: sourceRows } = useDataTableData({\n  listKey: toRef(props, \"listKey\"),\n  listData: toRef(props, \"listData\"),\n  options: toRef(props, \"options\"),\n  item: toRef(props, \"item\"),\n})\n\n/** Read a dot-notation path on a row, returning unknown. */\nfunction readPath(row: Record<string, unknown>, path: string): unknown {\n  if (!path) {\n    return undefined\n  }\n  const segments = path.split(\".\")\n  let value: unknown = row\n  for (const seg of segments) {\n    if (value == null || typeof value !== \"object\") {\n      return undefined\n    }\n    value = (value as Record<string, unknown>)[seg]\n  }\n  return value\n}\n\nfunction toComparable(value: unknown): number | string {\n  if (value == null) {\n    return \"\"\n  }\n  if (typeof value === \"number\") {\n    return value\n  }\n  if (typeof value === \"boolean\") {\n    return value ? 1 : 0\n  }\n  if (value instanceof Date) {\n    return value.getTime()\n  }\n  return String(value).toLowerCase()\n}\n\nconst filteredRows = computed<Record<string, unknown>[]>(() => {\n  const query = searchQuery.value.trim().toLowerCase()\n  if (!query) {\n    return sourceRows.value\n  }\n  return sourceRows.value.filter((row) => {\n    return visibleHeaders.value.some((h) => {\n      const v = readPath(row, h.key)\n      if (v == null) {\n        return false\n      }\n      return String(v).toLowerCase().includes(query)\n    })\n  })\n})\n\nconst sortedRows = computed<Record<string, unknown>[]>(() => {\n  const state = sortState.value\n  if (!state) {\n    return filteredRows.value\n  }\n  const dir = state.direction === \"asc\" ? 1 : -1\n  return [...filteredRows.value].sort((a, b) => {\n    const av = toComparable(readPath(a, state.key))\n    const bv = toComparable(readPath(b, state.key))\n    if (av < bv) {\n      return -1 * dir\n    }\n    if (av > bv) {\n      return 1 * dir\n    }\n    return 0\n  })\n})\n\nconst pageCount = computed<number>(() => {\n  if (!paginated.value) {\n    return 1\n  }\n  return Math.max(1, Math.ceil(sortedRows.value.length / perPage.value))\n})\n\nconst pagedRows = computed<Record<string, unknown>[]>(() => {\n  if (!paginated.value) {\n    return sortedRows.value\n  }\n  const start = (currentPage.value - 1) * perPage.value\n  return sortedRows.value.slice(start, start + perPage.value)\n})\n\n// Reset pagination if filtering shrinks the result below the current page.\nwatch([filteredRows, perPage], () => {\n  if (currentPage.value > pageCount.value) {\n    currentPage.value = 1\n  }\n})\n\nfunction toggleSort(header: DataTableColumn): void {\n  if (!header.sortable) {\n    return\n  }\n  const state = sortState.value\n  if (!state || state.key !== header.key) {\n    sortState.value = { key: header.key, direction: \"asc\" }\n    return\n  }\n  if (state.direction === \"asc\") {\n    sortState.value = { key: header.key, direction: \"desc\" }\n    return\n  }\n  sortState.value = null\n}\n\nfunction sortIndicator(header: DataTableColumn): string {\n  const state = sortState.value\n  if (!state || state.key !== header.key) {\n    return \"\"\n  }\n  return state.direction === \"asc\" ? \"↑\" : \"↓\"\n}\n\nfunction alignClass(header: DataTableColumn): string {\n  const a = header.align\n  if (a === \"center\") {\n    return \"text-center\"\n  }\n  if (a === \"end\" || a === \"right\") {\n    return \"text-right\"\n  }\n  return \"text-left\"\n}\n\nfunction previousPage(): void {\n  if (currentPage.value > 1) {\n    currentPage.value -= 1\n  }\n}\n\nfunction nextPage(): void {\n  if (currentPage.value < pageCount.value) {\n    currentPage.value += 1\n  }\n}\n\nfunction formatTimestamp(value: unknown): string {\n  if (value == null) {\n    return \"\"\n  }\n  const date =\n    value instanceof Date\n      ? value\n      : new Date(typeof value === \"number\" ? value : String(value))\n  if (Number.isNaN(date.getTime())) {\n    return String(value)\n  }\n  return new Intl.DateTimeFormat(undefined, {\n    year: \"numeric\",\n    month: \"short\",\n    day: \"numeric\",\n    hour: \"numeric\",\n    minute: \"numeric\",\n  }).format(date)\n}\n\nfunction statusColor(value: unknown): string {\n  const s = String(value ?? \"\").toLowerCase()\n  if (s === \"success\" || s === \"active\" || s === \"ok\" || s === \"paid\") {\n    return \"bg-green-500\"\n  }\n  if (s === \"warning\" || s === \"pending\") {\n    return \"bg-yellow-500\"\n  }\n  if (s === \"danger\" || s === \"error\" || s === \"failed\" || s === \"unpaid\") {\n    return \"bg-red-500\"\n  }\n  if (s === \"info\") {\n    return \"bg-blue-500\"\n  }\n  return \"bg-gray-400\"\n}\n\nfunction onAction(action: TableAction, row: Record<string, unknown>): void {\n  emit(\"action\", { action, row })\n}\n\nfunction onExport(config: ExportConfig): void {\n  emit(\"export\", { export: config })\n}\n</script>\n\n<template>\n  <section\n    :class=\"[\n      'gxp-datatable-card flex flex-col gap-3',\n      showCard !== false\n        ? 'rounded-lg border bg-card text-card-foreground shadow-sm p-4'\n        : '',\n    ]\"\n    data-testid=\"datatable-card\"\n  >\n    <header\n      v-if=\"tableTitle || title || subtitle\"\n      class=\"flex flex-col gap-0.5\"\n    >\n      <h3\n        v-if=\"tableTitle || title\"\n        class=\"text-base font-semibold\"\n      >\n        {{ tableTitle ?? title }}\n      </h3>\n      <p\n        v-if=\"subtitle\"\n        class=\"text-sm text-muted-foreground\"\n      >\n        {{ subtitle }}\n      </p>\n    </header>\n\n    <div\n      v-if=\"exports.length > 0 || showSearch\"\n      class=\"flex flex-wrap items-center justify-between gap-2\"\n    >\n      <div\n        v-if=\"exports.length > 0\"\n        class=\"flex items-center gap-2\"\n        data-testid=\"datatable-exports\"\n      >\n        <Button\n          v-for=\"(ex, i) in exports\"\n          :key=\"i\"\n          variant=\"outline\"\n          size=\"sm\"\n          type=\"button\"\n          @click=\"onExport(ex)\"\n        >\n          {{ ex.label ?? \"Export\" }}\n        </Button>\n      </div>\n\n      <div v-if=\"showSearch\" class=\"ml-auto w-full max-w-xs\">\n        <Input\n          v-model=\"searchQuery\"\n          type=\"search\"\n          placeholder=\"Search...\"\n          data-testid=\"datatable-search\"\n        />\n      </div>\n    </div>\n\n    <Table>\n      <TableHeader>\n        <TableRow>\n          <TableHead\n            v-for=\"h in visibleHeaders\"\n            :key=\"h.key\"\n            :class=\"alignClass(h)\"\n            :style=\"h.width ? { width: h.width } : undefined\"\n          >\n            <button\n              v-if=\"h.sortable\"\n              type=\"button\"\n              class=\"inline-flex items-center gap-1 hover:text-foreground\"\n              :data-testid=\"`sort-${h.key}`\"\n              @click=\"toggleSort(h)\"\n            >\n              <span>{{ h.title ?? h.key }}</span>\n              <span class=\"text-xs\">{{ sortIndicator(h) }}</span>\n            </button>\n            <span v-else>{{ h.title ?? h.key }}</span>\n          </TableHead>\n          <TableHead\n            v-if=\"tableActions.length > 0\"\n            class=\"text-right\"\n          >\n            Actions\n          </TableHead>\n        </TableRow>\n      </TableHeader>\n      <TableBody>\n        <template v-if=\"pagedRows.length > 0\">\n          <TableRow\n            v-for=\"(row, ri) in pagedRows\"\n            :key=\"ri\"\n            :data-testid=\"`datatable-row-${ri}`\"\n          >\n            <TableCell\n              v-for=\"h in visibleHeaders\"\n              :key=\"h.key\"\n              :class=\"alignClass(h)\"\n            >\n              <template v-if=\"h.type === 'timestamp' || h.type === 'laravel-timestamp'\">\n                <span data-testid=\"cell-timestamp\">{{ formatTimestamp(readPath(row, h.key)) }}</span>\n              </template>\n              <template v-else-if=\"h.type === 'boolean'\">\n                <span\n                  data-testid=\"cell-boolean\"\n                  :class=\"readPath(row, h.key) ? 'text-green-600' : 'text-red-600'\"\n                  :aria-label=\"readPath(row, h.key) ? 'true' : 'false'\"\n                >\n                  {{ readPath(row, h.key) ? \"✓\" : \"✗\" }}\n                </span>\n              </template>\n              <template v-else-if=\"h.type === 'image'\">\n                <img\n                  data-testid=\"cell-image\"\n                  :src=\"String(readPath(row, h.key) ?? '')\"\n                  :alt=\"h.title ?? h.key\"\n                  class=\"h-8 w-8 rounded object-cover\"\n                >\n              </template>\n              <template v-else-if=\"h.type === 'status_circle'\">\n                <span class=\"inline-flex items-center gap-2\">\n                  <span\n                    data-testid=\"cell-status-circle\"\n                    :class=\"['inline-block h-2.5 w-2.5 rounded-full', statusColor(readPath(row, h.key))]\"\n                  />\n                  <span>{{ readPath(row, h.key) }}</span>\n                </span>\n              </template>\n              <template v-else>\n                <span>\n                  <template v-if=\"h.prepend\">{{ h.prepend }}</template>\n                  {{ readPath(row, h.key) ?? \"\" }}\n                  <template v-if=\"h.append\">{{ h.append }}</template>\n                </span>\n              </template>\n            </TableCell>\n            <TableCell\n              v-if=\"tableActions.length > 0\"\n              class=\"text-right\"\n            >\n              <div class=\"inline-flex items-center justify-end gap-1\">\n                <Button\n                  v-for=\"(action, ai) in tableActions\"\n                  :key=\"ai\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  type=\"button\"\n                  :data-testid=\"`datatable-action-${action.slug ?? ai}`\"\n                  @click=\"onAction(action, row)\"\n                >\n                  {{ action.label ?? action.tooltip ?? action.slug ?? \"Action\" }}\n                </Button>\n              </div>\n            </TableCell>\n          </TableRow>\n        </template>\n        <template v-else>\n          <TableRow>\n            <TableCell\n              :colspan=\"visibleHeaders.length + (tableActions.length > 0 ? 1 : 0)\"\n              class=\"text-center text-muted-foreground\"\n            >\n              <span data-testid=\"datatable-empty\">{{ emptyMessageText }}</span>\n            </TableCell>\n          </TableRow>\n        </template>\n      </TableBody>\n    </Table>\n\n    <footer\n      v-if=\"paginated && sortedRows.length > 0\"\n      class=\"flex items-center justify-between gap-2\"\n      data-testid=\"datatable-pagination\"\n    >\n      <span class=\"text-sm text-muted-foreground\">\n        Page {{ currentPage }} of {{ pageCount }}\n      </span>\n      <div class=\"flex items-center gap-2\">\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          type=\"button\"\n          :disabled=\"currentPage <= 1\"\n          data-testid=\"datatable-prev\"\n          @click=\"previousPage\"\n        >\n          Previous\n        </Button>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          type=\"button\"\n          :disabled=\"currentPage >= pageCount\"\n          data-testid=\"datatable-next\"\n          @click=\"nextPage\"\n        >\n          Next\n        </Button>\n      </div>\n    </footer>\n  </section>\n</template>\n"],"names":["props","__props","emit","__emit","sortState","ref","_a","searchQuery","currentPage","perPage","computed","opts","paginated","visibleHeaders","h","emptyMessageText","exports","tableActions","base","additional","showSearch","sr","sourceRows","useDataTableData","toRef","readPath","row","path","segments","value","seg","toComparable","filteredRows","query","v","sortedRows","state","dir","b","av","bv","pageCount","pagedRows","start","watch","toggleSort","header","sortIndicator","alignClass","a","previousPage","nextPage","formatTimestamp","date","statusColor","s","onAction","action","onExport","config","_createElementBlock","_normalizeClass","_openBlock","_hoisted_1","_hoisted_2","_toDisplayString","_hoisted_3","_hoisted_4","_hoisted_5","_Fragment","_renderList","ex","i","_createBlock","_unref","Button","$event","_createTextVNode","_hoisted_6","_createVNode","Input","Table","TableHeader","TableRow","TableHead","_normalizeStyle","_createElementVNode","_hoisted_8","_cache","TableBody","ri","TableCell","_hoisted_10","_hoisted_11","_hoisted_13","_hoisted_14","_hoisted_15","ai","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19"],"mappings":"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"}
+{"version":3,"file":"DataTableCard.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,16 @@
+import { CardElement } from '../../../definitions/elements';
+export interface ElementDisplayCardProps {
+    title?: string;
+    subtitle?: string;
+    showCard?: boolean;
+    /** Resolved element to render. */
+    element?: CardElement;
+    /** Page-level data model passed through to the element renderer. */
+    item?: Record<string, unknown>;
+}
+declare const _default: import('vue').DefineComponent<ElementDisplayCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElementDisplayCardProps> & Readonly<{}>, {
+    showCard: boolean;
+    item: Record<string, unknown>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ElementDisplayCard.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElementDisplayCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/cards/ElementDisplayCard.vue"],"names":[],"mappings":"AA2FA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAUzD,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kCAAkC;IAClC,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC/B;;cALY,OAAO;UAIX,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;AAiJhC,wBAOG"}

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

@@ -1,5 +1,67 @@
-import f from "./ElementDisplayCard.vue2.js";
+import { defineComponent as y, computed as r, openBlock as t, createBlock as l, unref as m, withCtx as a, createTextVNode as f, toDisplayString as u, createCommentVNode as n, createVNode as c, normalizeClass as C } from "vue";
+import s from "../../../engine/ElementRenderer.vue.js";
+import "../../ui/card/index.js";
+import h from "../../ui/card/Card.vue.js";
+import k from "../../ui/card/CardHeader.vue.js";
+import x from "../../ui/card/CardTitle.vue.js";
+import $ from "../../ui/card/CardDescription.vue.js";
+import B from "../../ui/card/CardContent.vue.js";
+const E = /* @__PURE__ */ y({
+  __name: "ElementDisplayCard",
+  props: {
+    title: {},
+    subtitle: {},
+    showCard: { type: Boolean, default: !1 },
+    element: {},
+    item: { default: () => ({}) }
+  },
+  setup(e) {
+    const i = e, d = r(() => i.showCard === !0), o = r(
+      () => !!i.title || !!i.subtitle
+    );
+    return (b, w) => d.value && e.element ? (t(), l(m(h), {
+      key: 0,
+      class: "flex flex-col"
+    }, {
+      default: a(() => [
+        o.value ? (t(), l(m(k), { key: 0 }, {
+          default: a(() => [
+            e.title ? (t(), l(m(x), { key: 0 }, {
+              default: a(() => [
+                f(u(e.title), 1)
+              ]),
+              _: 1
+            })) : n("", !0),
+            e.subtitle ? (t(), l(m($), { key: 1 }, {
+              default: a(() => [
+                f(u(e.subtitle), 1)
+              ]),
+              _: 1
+            })) : n("", !0)
+          ]),
+          _: 1
+        })) : n("", !0),
+        c(m(B), {
+          class: C([o.value ? "" : "pt-6"])
+        }, {
+          default: a(() => [
+            c(s, {
+              element: e.element,
+              item: e.item
+            }, null, 8, ["element", "item"])
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ]),
+      _: 1
+    })) : e.element ? (t(), l(s, {
+      key: 1,
+      element: e.element,
+      item: e.item
+    }, null, 8, ["element", "item"])) : n("", !0);
+  }
+});
 export {
-  f as default
+  E as default
 };
 //# sourceMappingURL=ElementDisplayCard.vue.js.map

package/dist/components/compositions/cards/ElementDisplayCard.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElementDisplayCard.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"ElementDisplayCard.vue.js","sources":["../../../../src/components/compositions/cards/ElementDisplayCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven `element-display` composition. Renders a single\n * CardElement standalone (no label, no column wrapping, no card chrome\n * by default).\n *\n * Self-contained — directly mountable in any Vue app:\n *\n *   <ElementDisplayCard\n *     :element=\"myChartElement\"\n *     :item=\"dataModel\"\n *     title=\"Featured widget\"\n *     show-card\n *   />\n *\n * Renders nothing when `element` is not provided — keeps a missing\n * reference from breaking the page. ID resolution happens upstream in\n * `CardRenderer`.\n */\nimport { computed } from \"vue\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport ElementRenderer from \"@/engine/ElementRenderer.vue\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\n\nexport interface ElementDisplayCardProps {\n  title?: string\n  subtitle?: string\n  showCard?: boolean\n  /** Resolved element to render. */\n  element?: CardElement\n  /** Page-level data model passed through to the element renderer. */\n  item?: Record<string, unknown>\n}\n\nconst props = withDefaults(defineProps<ElementDisplayCardProps>(), {\n  showCard: false,\n  item: () => ({}),\n})\n\nconst showChrome = computed<boolean>(() => props.showCard === true)\n\nconst hasHeader = computed<boolean>(\n  () => Boolean(props.title) || Boolean(props.subtitle),\n)\n</script>\n\n<template>\n  <Card v-if=\"showChrome && element\" class=\"flex flex-col\">\n    <CardHeader v-if=\"hasHeader\">\n      <CardTitle v-if=\"title\">{{ title }}</CardTitle>\n      <CardDescription v-if=\"subtitle\">\n        {{ subtitle }}\n      </CardDescription>\n    </CardHeader>\n    <CardContent :class=\"[hasHeader ? '' : 'pt-6']\">\n      <ElementRenderer :element=\"element\" :item=\"item\" />\n    </CardContent>\n  </Card>\n  <ElementRenderer\n    v-else-if=\"element\"\n    :element=\"element\"\n    :item=\"item\"\n  />\n</template>\n"],"names":["props","__props","showChrome","computed","hasHeader","_createBlock","_unref","Card","CardHeader","CardTitle","CardDescription","_createVNode","CardContent","ElementRenderer"],"mappings":";;;;;;;;;;;;;;;;;;AAwCA,UAAMA,IAAQC,GAKRC,IAAaC,EAAkB,MAAMH,EAAM,aAAa,EAAI,GAE5DI,IAAYD;AAAA,MAChB,MAAM,EAAQH,EAAM,SAAU,EAAQA,EAAM;AAAA,IAAQ;qBAKxCE,EAAA,SAAcD,EAAA,gBAA1BI,EAUOC,EAAAC,CAAA,GAAA;AAAA;MAV4B,OAAM;AAAA,IAAA;iBACvC,MAKa;AAAA,QALKH,EAAA,cAAlBC,EAKaC,EAAAE,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,qBAJX,MAA+C;AAAA,YAA9BP,EAAA,cAAjBI,EAA+CC,EAAAG,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,yBAAvB,MAAW;AAAA,oBAARR,EAAA,KAAK,GAAA,CAAA;AAAA,cAAA;;;YACTA,EAAA,iBAAvBI,EAEkBC,EAAAI,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,yBADhB,MAAc;AAAA,oBAAXT,EAAA,QAAQ,GAAA,CAAA;AAAA,cAAA;;;;;;QAGfU,EAEcL,EAAAM,CAAA,GAAA;AAAA,UAFA,UAAQR,EAAA,QAAS,KAAA,MAAA,CAAA;AAAA,QAAA;qBAC7B,MAAmD;AAAA,YAAnDO,EAAmDE,GAAA;AAAA,cAAjC,SAASZ,EAAA;AAAA,cAAU,MAAMA,EAAA;AAAA,YAAA;;;;;;UAIlCA,EAAA,gBADbI,EAIEQ,GAAA;AAAA;MAFC,SAASZ,EAAA;AAAA,MACT,MAAMA,EAAA;AAAA,IAAA;;;"}