@gxp-dev/mod-ui 2.0.0 → 2.0.3

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ElementDisplayCard.vue2.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;;;"}
+{"version":3,"file":"ElementDisplayCard.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,22 @@
+import { CardElement } from '../../../definitions/elements';
+export interface ElementListCardProps {
+    title?: string;
+    subtitle?: string;
+    showCard?: boolean;
+    gutterY?: string;
+    gutterX?: string;
+    classList?: string[] | string;
+    /** Resolved child elements (NOT IDs). */
+    elements?: CardElement[];
+    /** Page-level data model passed through to child renderers. */
+    item?: Record<string, unknown>;
+}
+declare const _default: import('vue').DefineComponent<ElementListCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElementListCardProps> & Readonly<{}>, {
+    showCard: boolean;
+    gutterY: string;
+    gutterX: string;
+    elements: CardElement[];
+    item: Record<string, unknown>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ElementListCard.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElementListCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/cards/ElementListCard.vue"],"names":[],"mappings":"AA6HA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAUzD,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;IAC7B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC/B;;cARY,OAAO;aACR,MAAM;aACN,MAAM;cAGL,WAAW,EAAE;UAEjB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;AA+LhC,wBAOG"}

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

@@ -1,5 +1,95 @@
-import f from "./ElementListCard.vue2.js";
+import { defineComponent as g, computed as c, openBlock as t, createBlock as l, unref as m, withCtx as r, createTextVNode as d, toDisplayString as u, createCommentVNode as a, createVNode as C, normalizeStyle as y, normalizeClass as v, createElementBlock as s, Fragment as x, renderList as k } from "vue";
+import h from "../../../engine/ElementRenderer.vue.js";
+import "../../ui/card/index.js";
+import B from "../../ui/card/Card.vue.js";
+import $ from "../../ui/card/CardHeader.vue.js";
+import w from "../../ui/card/CardTitle.vue.js";
+import _ from "../../ui/card/CardDescription.vue.js";
+import L from "../../ui/card/CardContent.vue.js";
+const N = {
+  key: 0,
+  class: "mb-3 flex flex-col gap-0.5"
+}, S = {
+  key: 0,
+  class: "text-base font-semibold"
+}, V = {
+  key: 1,
+  class: "text-sm text-muted-foreground"
+}, p = /* @__PURE__ */ g({
+  __name: "ElementListCard",
+  props: {
+    title: {},
+    subtitle: {},
+    showCard: { type: Boolean, default: !0 },
+    gutterY: { default: "1rem" },
+    gutterX: { default: "1rem" },
+    classList: {},
+    elements: { default: () => [] },
+    item: { default: () => ({}) }
+  },
+  setup(e) {
+    const o = e, b = c(() => o.showCard !== !1), n = c(
+      () => !!o.title || !!o.subtitle
+    ), f = c(() => ({
+      rowGap: o.gutterY,
+      columnGap: o.gutterX
+    }));
+    return (z, E) => b.value ? (t(), l(m(B), {
+      key: 0,
+      class: "flex flex-col"
+    }, {
+      default: r(() => [
+        n.value ? (t(), l(m($), { key: 0 }, {
+          default: r(() => [
+            e.title ? (t(), l(m(w), { key: 0 }, {
+              default: r(() => [
+                d(u(e.title), 1)
+              ]),
+              _: 1
+            })) : a("", !0),
+            e.subtitle ? (t(), l(m(_), { key: 1 }, {
+              default: r(() => [
+                d(u(e.subtitle), 1)
+              ]),
+              _: 1
+            })) : a("", !0)
+          ]),
+          _: 1
+        })) : a("", !0),
+        C(m(L), {
+          class: v(["flex flex-col", [n.value ? "" : "pt-6"]]),
+          style: y(f.value)
+        }, {
+          default: r(() => [
+            (t(!0), s(x, null, k(e.elements, (i) => (t(), l(h, {
+              key: i.id,
+              element: i,
+              item: e.item
+            }, null, 8, ["element", "item"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["class", "style"])
+      ]),
+      _: 1
+    })) : (t(), s("section", {
+      key: 1,
+      class: "flex flex-col",
+      style: y(f.value),
+      "data-testid": "element-list-bare"
+    }, [
+      n.value ? (t(), s("header", N, [
+        e.title ? (t(), s("h3", S, u(e.title), 1)) : a("", !0),
+        e.subtitle ? (t(), s("p", V, u(e.subtitle), 1)) : a("", !0)
+      ])) : a("", !0),
+      (t(!0), s(x, null, k(e.elements, (i) => (t(), l(h, {
+        key: i.id,
+        element: i,
+        item: e.item
+      }, null, 8, ["element", "item"]))), 128))
+    ], 4));
+  }
+});
 export {
-  f as default
+  p as default
 };
 //# sourceMappingURL=ElementListCard.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ElementListCard.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"ElementListCard.vue.js","sources":["../../../../src/components/compositions/cards/ElementListCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven `element-list` card. Renders a vertical stack of\n * resolved CardElements via `ElementRenderer`.\n *\n * Self-contained — directly mountable in any Vue app:\n *\n *   <ElementListCard\n *     title=\"Personal details\"\n *     :elements=\"[firstName, lastName]\"\n *     :item=\"{ first_name: 'Jane' }\"\n *   />\n *\n * The JSON-driven engine reaches this composition via `CardRenderer`,\n * which is responsible for resolving the card's `elementList: string[]`\n * IDs against the page-level `elements` map and forwarding the\n * resolved CardElement array as the `elements` prop here.\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 ElementListCardProps {\n  title?: string\n  subtitle?: string\n  showCard?: boolean\n  gutterY?: string\n  gutterX?: string\n  classList?: string[] | string\n  /** Resolved child elements (NOT IDs). */\n  elements?: CardElement[]\n  /** Page-level data model passed through to child renderers. */\n  item?: Record<string, unknown>\n}\n\nconst props = withDefaults(defineProps<ElementListCardProps>(), {\n  showCard: true,\n  gutterY: \"1rem\",\n  gutterX: \"1rem\",\n  elements: () => [],\n  item: () => ({}),\n})\n\nconst showChrome = computed<boolean>(() => props.showCard !== false)\n\nconst hasHeader = computed<boolean>(\n  () => Boolean(props.title) || Boolean(props.subtitle),\n)\n\nconst bodyStyle = computed(() => ({\n  rowGap: props.gutterY,\n  columnGap: props.gutterX,\n}))\n</script>\n\n<template>\n  <Card v-if=\"showChrome\" 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\n      class=\"flex flex-col\"\n      :class=\"[hasHeader ? '' : 'pt-6']\"\n      :style=\"bodyStyle\"\n    >\n      <ElementRenderer\n        v-for=\"element in elements\"\n        :key=\"element.id\"\n        :element=\"element\"\n        :item=\"item\"\n      />\n    </CardContent>\n  </Card>\n  <section\n    v-else\n    class=\"flex flex-col\"\n    :style=\"bodyStyle\"\n    data-testid=\"element-list-bare\"\n  >\n    <header v-if=\"hasHeader\" class=\"mb-3 flex flex-col gap-0.5\">\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    <ElementRenderer\n      v-for=\"element in elements\"\n      :key=\"element.id\"\n      :element=\"element\"\n      :item=\"item\"\n    />\n  </section>\n</template>\n"],"names":["props","__props","showChrome","computed","hasHeader","bodyStyle","_createBlock","_unref","Card","CardHeader","CardTitle","CardDescription","_createVNode","CardContent","_normalizeClass","_createElementBlock","_Fragment","_renderList","element","ElementRenderer","_openBlock","_hoisted_1","_hoisted_2","_toDisplayString","_hoisted_3"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,UAAMA,IAAQC,GAQRC,IAAaC,EAAkB,MAAMH,EAAM,aAAa,EAAK,GAE7DI,IAAYD;AAAA,MAChB,MAAM,EAAQH,EAAM,SAAU,EAAQA,EAAM;AAAA,IAAQ,GAGhDK,IAAYF,EAAS,OAAO;AAAA,MAChC,QAAQH,EAAM;AAAA,MACd,WAAWA,EAAM;AAAA,IAAA,EACjB;qBAIYE,EAAA,cAAZI,EAmBOC,EAAAC,CAAA,GAAA;AAAA;MAnBiB,OAAM;AAAA,IAAA;iBAC5B,MAKa;AAAA,QALKJ,EAAA,cAAlBE,EAKaC,EAAAE,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,qBAJX,MAA+C;AAAA,YAA9BR,EAAA,cAAjBK,EAA+CC,EAAAG,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,yBAAvB,MAAW;AAAA,oBAART,EAAA,KAAK,GAAA,CAAA;AAAA,cAAA;;;YACTA,EAAA,iBAAvBK,EAEkBC,EAAAI,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,yBADhB,MAAc;AAAA,oBAAXV,EAAA,QAAQ,GAAA,CAAA;AAAA,cAAA;;;;;;QAGfW,EAWcL,EAAAM,CAAA,GAAA;AAAA,UAVZ,OAAKC,EAAA,CAAC,iBAAe,CACZV,EAAA,QAAS,KAAA,MAAA,CAAA,CAAA;AAAA,UACjB,SAAOC,EAAA,KAAS;AAAA,QAAA;qBAGf,MAA2B;AAAA,oBAD7BU,EAKEC,GAAA,MAAAC,EAJkBhB,EAAA,UAAQ,CAAnBiB,YADTZ,EAKEa,GAAA;AAAA,cAHC,KAAKD,EAAQ;AAAA,cACb,SAAAA;AAAA,cACA,MAAMjB,EAAA;AAAA,YAAA;;;;;;gBAIbc,EAoBU,WAAA;AAAA;MAlBR,OAAM;AAAA,MACL,SAAOV,EAAA,KAAS;AAAA,MACjB,eAAY;AAAA,IAAA;MAEED,EAAA,SAAdgB,EAAA,GAAAL,EAOS,UAPTM,GAOS;AAAA,QANGpB,EAAA,cAAVc,EAEK,MAFLO,GAEKC,EADAtB,EAAA,KAAK,GAAA,CAAA;QAEDA,EAAA,iBAATc,EAEI,KAFJS,GAEID,EADCtB,EAAA,QAAQ,GAAA,CAAA;;cAGfc,EAKEC,GAAA,MAAAC,EAJkBhB,EAAA,UAAQ,CAAnBiB,YADTZ,EAKEa,GAAA;AAAA,QAHC,KAAKD,EAAQ;AAAA,QACb,SAAAA;AAAA,QACA,MAAMjB,EAAA;AAAA,MAAA;;;;"}

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

@@ -1,95 +1,5 @@
-import { defineComponent as g, computed as c, openBlock as t, createBlock as l, unref as m, withCtx as r, createTextVNode as d, toDisplayString as u, createCommentVNode as a, createVNode as C, normalizeStyle as y, normalizeClass as v, createElementBlock as s, Fragment as x, renderList as k } from "vue";
-import h from "../../../engine/ElementRenderer.vue.js";
-import "../../ui/card/index.js";
-import B from "../../ui/card/Card.vue.js";
-import $ from "../../ui/card/CardHeader.vue.js";
-import w from "../../ui/card/CardTitle.vue.js";
-import _ from "../../ui/card/CardDescription.vue.js";
-import L from "../../ui/card/CardContent.vue.js";
-const N = {
-  key: 0,
-  class: "mb-3 flex flex-col gap-0.5"
-}, S = {
-  key: 0,
-  class: "text-base font-semibold"
-}, V = {
-  key: 1,
-  class: "text-sm text-muted-foreground"
-}, p = /* @__PURE__ */ g({
-  __name: "ElementListCard",
-  props: {
-    title: {},
-    subtitle: {},
-    showCard: { type: Boolean, default: !0 },
-    gutterY: { default: "1rem" },
-    gutterX: { default: "1rem" },
-    classList: {},
-    elements: { default: () => [] },
-    item: { default: () => ({}) }
-  },
-  setup(e) {
-    const o = e, b = c(() => o.showCard !== !1), n = c(
-      () => !!o.title || !!o.subtitle
-    ), f = c(() => ({
-      rowGap: o.gutterY,
-      columnGap: o.gutterX
-    }));
-    return (z, E) => b.value ? (t(), l(m(B), {
-      key: 0,
-      class: "flex flex-col"
-    }, {
-      default: r(() => [
-        n.value ? (t(), l(m($), { key: 0 }, {
-          default: r(() => [
-            e.title ? (t(), l(m(w), { key: 0 }, {
-              default: r(() => [
-                d(u(e.title), 1)
-              ]),
-              _: 1
-            })) : a("", !0),
-            e.subtitle ? (t(), l(m(_), { key: 1 }, {
-              default: r(() => [
-                d(u(e.subtitle), 1)
-              ]),
-              _: 1
-            })) : a("", !0)
-          ]),
-          _: 1
-        })) : a("", !0),
-        C(m(L), {
-          class: v(["flex flex-col", [n.value ? "" : "pt-6"]]),
-          style: y(f.value)
-        }, {
-          default: r(() => [
-            (t(!0), s(x, null, k(e.elements, (i) => (t(), l(h, {
-              key: i.id,
-              element: i,
-              item: e.item
-            }, null, 8, ["element", "item"]))), 128))
-          ]),
-          _: 1
-        }, 8, ["class", "style"])
-      ]),
-      _: 1
-    })) : (t(), s("section", {
-      key: 1,
-      class: "flex flex-col",
-      style: y(f.value),
-      "data-testid": "element-list-bare"
-    }, [
-      n.value ? (t(), s("header", N, [
-        e.title ? (t(), s("h3", S, u(e.title), 1)) : a("", !0),
-        e.subtitle ? (t(), s("p", V, u(e.subtitle), 1)) : a("", !0)
-      ])) : a("", !0),
-      (t(!0), s(x, null, k(e.elements, (i) => (t(), l(h, {
-        key: i.id,
-        element: i,
-        item: e.item
-      }, null, 8, ["element", "item"]))), 128))
-    ], 4));
-  }
-});
+import f from "./ElementListCard.vue.js";
 export {
-  p as default
+  f as default
 };
 //# sourceMappingURL=ElementListCard.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ElementListCard.vue2.js","sources":["../../../../src/components/compositions/cards/ElementListCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven `element-list` card. Renders a vertical stack of\n * resolved CardElements via `ElementRenderer`.\n *\n * Self-contained — directly mountable in any Vue app:\n *\n *   <ElementListCard\n *     title=\"Personal details\"\n *     :elements=\"[firstName, lastName]\"\n *     :item=\"{ first_name: 'Jane' }\"\n *   />\n *\n * The JSON-driven engine reaches this composition via `CardRenderer`,\n * which is responsible for resolving the card's `elementList: string[]`\n * IDs against the page-level `elements` map and forwarding the\n * resolved CardElement array as the `elements` prop here.\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 ElementListCardProps {\n  title?: string\n  subtitle?: string\n  showCard?: boolean\n  gutterY?: string\n  gutterX?: string\n  classList?: string[] | string\n  /** Resolved child elements (NOT IDs). */\n  elements?: CardElement[]\n  /** Page-level data model passed through to child renderers. */\n  item?: Record<string, unknown>\n}\n\nconst props = withDefaults(defineProps<ElementListCardProps>(), {\n  showCard: true,\n  gutterY: \"1rem\",\n  gutterX: \"1rem\",\n  elements: () => [],\n  item: () => ({}),\n})\n\nconst showChrome = computed<boolean>(() => props.showCard !== false)\n\nconst hasHeader = computed<boolean>(\n  () => Boolean(props.title) || Boolean(props.subtitle),\n)\n\nconst bodyStyle = computed(() => ({\n  rowGap: props.gutterY,\n  columnGap: props.gutterX,\n}))\n</script>\n\n<template>\n  <Card v-if=\"showChrome\" 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\n      class=\"flex flex-col\"\n      :class=\"[hasHeader ? '' : 'pt-6']\"\n      :style=\"bodyStyle\"\n    >\n      <ElementRenderer\n        v-for=\"element in elements\"\n        :key=\"element.id\"\n        :element=\"element\"\n        :item=\"item\"\n      />\n    </CardContent>\n  </Card>\n  <section\n    v-else\n    class=\"flex flex-col\"\n    :style=\"bodyStyle\"\n    data-testid=\"element-list-bare\"\n  >\n    <header v-if=\"hasHeader\" class=\"mb-3 flex flex-col gap-0.5\">\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    <ElementRenderer\n      v-for=\"element in elements\"\n      :key=\"element.id\"\n      :element=\"element\"\n      :item=\"item\"\n    />\n  </section>\n</template>\n"],"names":["props","__props","showChrome","computed","hasHeader","bodyStyle","_createBlock","_unref","Card","CardHeader","CardTitle","CardDescription","_createVNode","CardContent","_normalizeClass","_createElementBlock","_Fragment","_renderList","element","ElementRenderer","_openBlock","_hoisted_1","_hoisted_2","_toDisplayString","_hoisted_3"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,UAAMA,IAAQC,GAQRC,IAAaC,EAAkB,MAAMH,EAAM,aAAa,EAAK,GAE7DI,IAAYD;AAAA,MAChB,MAAM,EAAQH,EAAM,SAAU,EAAQA,EAAM;AAAA,IAAQ,GAGhDK,IAAYF,EAAS,OAAO;AAAA,MAChC,QAAQH,EAAM;AAAA,MACd,WAAWA,EAAM;AAAA,IAAA,EACjB;qBAIYE,EAAA,cAAZI,EAmBOC,EAAAC,CAAA,GAAA;AAAA;MAnBiB,OAAM;AAAA,IAAA;iBAC5B,MAKa;AAAA,QALKJ,EAAA,cAAlBE,EAKaC,EAAAE,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,qBAJX,MAA+C;AAAA,YAA9BR,EAAA,cAAjBK,EAA+CC,EAAAG,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,yBAAvB,MAAW;AAAA,oBAART,EAAA,KAAK,GAAA,CAAA;AAAA,cAAA;;;YACTA,EAAA,iBAAvBK,EAEkBC,EAAAI,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,yBADhB,MAAc;AAAA,oBAAXV,EAAA,QAAQ,GAAA,CAAA;AAAA,cAAA;;;;;;QAGfW,EAWcL,EAAAM,CAAA,GAAA;AAAA,UAVZ,OAAKC,EAAA,CAAC,iBAAe,CACZV,EAAA,QAAS,KAAA,MAAA,CAAA,CAAA;AAAA,UACjB,SAAOC,EAAA,KAAS;AAAA,QAAA;qBAGf,MAA2B;AAAA,oBAD7BU,EAKEC,GAAA,MAAAC,EAJkBhB,EAAA,UAAQ,CAAnBiB,YADTZ,EAKEa,GAAA;AAAA,cAHC,KAAKD,EAAQ;AAAA,cACb,SAAAA;AAAA,cACA,MAAMjB,EAAA;AAAA,YAAA;;;;;;gBAIbc,EAoBU,WAAA;AAAA;MAlBR,OAAM;AAAA,MACL,SAAOV,EAAA,KAAS;AAAA,MACjB,eAAY;AAAA,IAAA;MAEED,EAAA,SAAdgB,EAAA,GAAAL,EAOS,UAPTM,GAOS;AAAA,QANGpB,EAAA,cAAVc,EAEK,MAFLO,GAEKC,EADAtB,EAAA,KAAK,GAAA,CAAA;QAEDA,EAAA,iBAATc,EAEI,KAFJS,GAEID,EADCtB,EAAA,QAAQ,GAAA,CAAA;;cAGfc,EAKEC,GAAA,MAAAC,EAJkBhB,EAAA,UAAQ,CAAnBiB,YADTZ,EAKEa,GAAA;AAAA,QAHC,KAAKD,EAAQ;AAAA,QACb,SAAAA;AAAA,QACA,MAAMjB,EAAA;AAAA,MAAA;;;;"}
+{"version":3,"file":"ElementListCard.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,35 @@
+import { CardElement } from '../../../definitions/elements';
+import { DisplayCard } from '../../../definitions/cards';
+import { GridBreakpoint, GridLayout } from '../../../definitions/cards/GridViewCard';
+export interface GridViewCardProps {
+    title?: string;
+    subtitle?: string;
+    showCard?: boolean;
+    /** Per-breakpoint item layout map. */
+    gridLayout?: GridLayout;
+    /** Pixel height of a single grid row. */
+    rowHeight?: number;
+    /** Horizontal and vertical gap between items, in pixels. */
+    margin?: [number, number];
+    /** Padding around the entire grid container, in pixels. */
+    containerPadding?: [number, number];
+    /** Column count per breakpoint. */
+    cols?: Partial<Record<GridBreakpoint, number>>;
+    /** Resolved nested cards (NOT IDs). */
+    cards?: DisplayCard[];
+    /** Resolved nested elements (NOT IDs) for grid items that target elements. */
+    gridElements?: CardElement[];
+    /** Page-level data model passed through to child renderers. */
+    item?: Record<string, unknown>;
+}
+declare const _default: import('vue').DefineComponent<GridViewCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GridViewCardProps> & Readonly<{}>, {
+    showCard: boolean;
+    cards: DisplayCard[];
+    rowHeight: number;
+    margin: [number, number];
+    containerPadding: [number, number];
+    item: Record<string, unknown>;
+    gridElements: CardElement[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+export default _default;
+//# sourceMappingURL=GridViewCard.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridViewCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/cards/GridViewCard.vue"],"names":[],"mappings":"AAiNA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,KAAK,EACV,cAAc,EAEd,UAAU,EACX,MAAM,kCAAkC,CAAA;AAIzC,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sCAAsC;IACtC,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACzB,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACnC,mCAAmC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAA;IAC9C,uCAAuC;IACvC,KAAK,CAAC,EAAE,WAAW,EAAE,CAAA;IACrB,8EAA8E;IAC9E,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;IAC5B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC/B;;cAjBY,OAAO;WAYV,WAAW,EAAE;eART,MAAM;YAET,CAAC,MAAM,EAAE,MAAM,CAAC;sBAEN,CAAC,MAAM,EAAE,MAAM,CAAC;UAQ5B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;kBAFf,WAAW,EAAE;;AAuN9B,wBAQG"}

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

@@ -1,5 +1,131 @@
-import f from "./GridViewCard.vue2.js";
+import { defineComponent as C, computed as a, openBlock as i, createElementBlock as d, normalizeClass as f, toDisplayString as y, createCommentVNode as l, normalizeStyle as p, Fragment as B, renderList as _, createBlock as x } from "vue";
+import E from "../../../engine/CardRenderer.vue.js";
+import I from "../../../engine/ElementRenderer.vue.js";
+const P = {
+  key: 0,
+  class: "mb-3 flex flex-col gap-0.5"
+}, R = {
+  key: 0,
+  class: "text-base font-semibold"
+}, S = {
+  key: 1,
+  class: "text-sm text-muted-foreground"
+}, G = ["data-grid-item-id"], L = {
+  key: 2,
+  class: "text-sm text-muted-foreground italic",
+  "data-testid": "grid-view-empty"
+}, A = /* @__PURE__ */ C({
+  __name: "GridViewCard",
+  props: {
+    title: {},
+    subtitle: {},
+    showCard: { type: Boolean, default: !0 },
+    gridLayout: {},
+    rowHeight: { default: 150 },
+    margin: { default: () => [10, 10] },
+    containerPadding: { default: () => [10, 10] },
+    cols: {},
+    cards: { default: () => [] },
+    gridElements: { default: () => [] },
+    item: { default: () => ({}) }
+  },
+  setup(o) {
+    const n = o, s = [
+      "xxl",
+      "xl",
+      "lg",
+      "md",
+      "sm",
+      "xs",
+      "xxs"
+    ], c = a(() => {
+      const e = n.gridLayout ?? {};
+      for (const r of s) {
+        const t = e[r];
+        if (t && t.length > 0)
+          return t;
+      }
+      return [];
+    }), h = a(() => {
+      const e = n.cols ?? {};
+      for (const r of s)
+        if (typeof e[r] == "number")
+          return e[r];
+      return 12;
+    }), v = a(() => ({
+      display: "grid",
+      gridTemplateColumns: `repeat(${h.value}, minmax(0, 1fr))`,
+      gridAutoRows: `${n.rowHeight}px`,
+      columnGap: `${n.margin[0]}px`,
+      rowGap: `${n.margin[1]}px`,
+      padding: `${n.containerPadding[1]}px ${n.containerPadding[0]}px`
+    }));
+    function w(e) {
+      return {
+        gridColumn: `${e.x + 1} / span ${e.w}`,
+        gridRow: `${e.y + 1} / span ${e.h}`
+      };
+    }
+    const b = a(() => {
+      const e = {};
+      for (const r of n.cards)
+        e[r.id] = r;
+      return e;
+    }), $ = a(() => {
+      const e = {};
+      for (const r of n.gridElements)
+        e[r.id] = r;
+      return e;
+    });
+    function u(e) {
+      return b.value[e];
+    }
+    function m(e) {
+      return $.value[e];
+    }
+    const k = a(() => n.showCard !== !1);
+    return (e, r) => (i(), d("section", {
+      class: f([
+        "gxp-grid-view",
+        k.value ? "rounded-lg border bg-card text-card-foreground shadow-sm p-4" : ""
+      ])
+    }, [
+      o.title || o.subtitle ? (i(), d("header", P, [
+        o.title ? (i(), d("h3", R, y(o.title), 1)) : l("", !0),
+        o.subtitle ? (i(), d("p", S, y(o.subtitle), 1)) : l("", !0)
+      ])) : l("", !0),
+      c.value.length > 0 ? (i(), d("div", {
+        key: 1,
+        style: p(v.value),
+        "data-testid": "grid-view-container"
+      }, [
+        (i(!0), d(B, null, _(c.value, (t) => {
+          var g;
+          return i(), d("div", {
+            key: t.i,
+            style: p(w(t)),
+            "data-grid-item-id": t.i,
+            class: f([
+              "gxp-grid-view__cell",
+              (g = t.options) != null && g.displayBorder ? "border rounded-md p-2" : ""
+            ])
+          }, [
+            u(t.i) ? (i(), x(E, {
+              key: 0,
+              card: u(t.i),
+              item: o.item
+            }, null, 8, ["card", "item"])) : m(t.i) ? (i(), x(I, {
+              key: 1,
+              element: m(t.i),
+              item: o.item
+            }, null, 8, ["element", "item"])) : l("", !0)
+          ], 14, G);
+        }), 128))
+      ], 4)) : (i(), d("p", L, " No grid items to display. "))
+    ], 2));
+  }
+});
 export {
-  f as default
+  A as default
 };
 //# sourceMappingURL=GridViewCard.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GridViewCard.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"GridViewCard.vue.js","sources":["../../../../src/components/compositions/cards/GridViewCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven `grid-view` composition — a responsive CSS-grid layout\n * driven by `gridLayout`. Each `GridItem.i` is matched to one of the\n * resolved `cards` (or `gridElements`) by `id` and rendered into a CSS\n * grid cell using the item's `x`, `y`, `w`, `h` coordinates.\n *\n * Self-contained — directly mountable in any Vue app:\n *\n *   <GridViewCard\n *     :grid-layout=\"layout\"\n *     :cards=\"[chartCard, feedCard]\"\n *     :item=\"dataModel\"\n *   />\n *\n * The full vue-grid-layout drag/resize behaviour from v2 is not yet\n * implemented; this composition focuses on the static visual layout.\n */\nimport { computed } from \"vue\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport type { DisplayCard } from \"@/definitions/cards\"\nimport type {\n  GridBreakpoint,\n  GridItem,\n  GridLayout,\n} from \"@/definitions/cards/GridViewCard\"\nimport CardRenderer from \"@/engine/CardRenderer.vue\"\nimport ElementRenderer from \"@/engine/ElementRenderer.vue\"\n\nexport interface GridViewCardProps {\n  title?: string\n  subtitle?: string\n  showCard?: boolean\n  /** Per-breakpoint item layout map. */\n  gridLayout?: GridLayout\n  /** Pixel height of a single grid row. */\n  rowHeight?: number\n  /** Horizontal and vertical gap between items, in pixels. */\n  margin?: [number, number]\n  /** Padding around the entire grid container, in pixels. */\n  containerPadding?: [number, number]\n  /** Column count per breakpoint. */\n  cols?: Partial<Record<GridBreakpoint, number>>\n  /** Resolved nested cards (NOT IDs). */\n  cards?: DisplayCard[]\n  /** Resolved nested elements (NOT IDs) for grid items that target elements. */\n  gridElements?: CardElement[]\n  /** Page-level data model passed through to child renderers. */\n  item?: Record<string, unknown>\n}\n\nconst props = withDefaults(defineProps<GridViewCardProps>(), {\n  showCard: true,\n  rowHeight: 150,\n  margin: () => [10, 10] as [number, number],\n  containerPadding: () => [10, 10] as [number, number],\n  cards: () => [],\n  gridElements: () => [],\n  item: () => ({}),\n})\n\nconst BREAKPOINT_PRIORITY: GridBreakpoint[] = [\n  \"xxl\",\n  \"xl\",\n  \"lg\",\n  \"md\",\n  \"sm\",\n  \"xs\",\n  \"xxs\",\n]\n\nconst items = computed<GridItem[]>(() => {\n  const layout = props.gridLayout ?? {}\n  for (const bp of BREAKPOINT_PRIORITY) {\n    const entry = layout[bp]\n    if (entry && entry.length > 0) {\n      return entry\n    }\n  }\n  return []\n})\n\nconst columnCount = computed<number>(() => {\n  const cols = props.cols ?? {}\n  for (const bp of BREAKPOINT_PRIORITY) {\n    if (typeof cols[bp] === \"number\") {\n      return cols[bp] as number\n    }\n  }\n  return 12\n})\n\nconst gridStyle = computed(() => ({\n  display: \"grid\",\n  gridTemplateColumns: `repeat(${columnCount.value}, minmax(0, 1fr))`,\n  gridAutoRows: `${props.rowHeight}px`,\n  columnGap: `${props.margin[0]}px`,\n  rowGap: `${props.margin[1]}px`,\n  padding: `${props.containerPadding[1]}px ${props.containerPadding[0]}px`,\n}))\n\nfunction cellStyle(slot: GridItem): Record<string, string> {\n  return {\n    gridColumn: `${slot.x + 1} / span ${slot.w}`,\n    gridRow: `${slot.y + 1} / span ${slot.h}`,\n  }\n}\n\nconst cardById = computed<Record<string, DisplayCard>>(() => {\n  const out: Record<string, DisplayCard> = {}\n  for (const c of props.cards) {\n    out[c.id] = c\n  }\n  return out\n})\n\nconst elementById = computed<Record<string, CardElement>>(() => {\n  const out: Record<string, CardElement> = {}\n  for (const e of props.gridElements) {\n    out[e.id] = e\n  }\n  return out\n})\n\nfunction resolveCard(id: string): DisplayCard | undefined {\n  return cardById.value[id]\n}\n\nfunction resolveElement(id: string): CardElement | undefined {\n  return elementById.value[id]\n}\n\nconst showChrome = computed<boolean>(() => props.showCard !== false)\n</script>\n\n<template>\n  <section\n    :class=\"[\n      'gxp-grid-view',\n      showChrome\n        ? 'rounded-lg border bg-card text-card-foreground shadow-sm p-4'\n        : '',\n    ]\"\n  >\n    <header\n      v-if=\"title || subtitle\"\n      class=\"mb-3 flex flex-col gap-0.5\"\n    >\n      <h3 v-if=\"title\" class=\"text-base font-semibold\">{{ title }}</h3>\n      <p v-if=\"subtitle\" class=\"text-sm text-muted-foreground\">\n        {{ subtitle }}\n      </p>\n    </header>\n    <div\n      v-if=\"items.length > 0\"\n      :style=\"gridStyle\"\n      data-testid=\"grid-view-container\"\n    >\n      <div\n        v-for=\"slot in items\"\n        :key=\"slot.i\"\n        :style=\"cellStyle(slot)\"\n        :data-grid-item-id=\"slot.i\"\n        :class=\"[\n          'gxp-grid-view__cell',\n          slot.options?.displayBorder ? 'border rounded-md p-2' : '',\n        ]\"\n      >\n        <CardRenderer\n          v-if=\"resolveCard(slot.i)\"\n          :card=\"resolveCard(slot.i)!\"\n          :item=\"item\"\n        />\n        <ElementRenderer\n          v-else-if=\"resolveElement(slot.i)\"\n          :element=\"resolveElement(slot.i)!\"\n          :item=\"item\"\n        />\n      </div>\n    </div>\n    <p\n      v-else\n      class=\"text-sm text-muted-foreground italic\"\n      data-testid=\"grid-view-empty\"\n    >\n      No grid items to display.\n    </p>\n  </section>\n</template>\n"],"names":["props","__props","BREAKPOINT_PRIORITY","items","computed","layout","bp","entry","columnCount","cols","gridStyle","cellStyle","slot","cardById","out","c","elementById","e","resolveCard","id","resolveElement","showChrome","_createElementBlock","_normalizeClass","_openBlock","_hoisted_1","_hoisted_2","_toDisplayString","_hoisted_3","_Fragment","_renderList","_normalizeStyle","_a","_createBlock","CardRenderer","ElementRenderer","_hoisted_5"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,UAAMA,IAAQC,GAURC,IAAwC;AAAA,MAC5C;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,GAGIC,IAAQC,EAAqB,MAAM;AACvC,YAAMC,IAASL,EAAM,cAAc,CAAA;AACnC,iBAAWM,KAAMJ,GAAqB;AACpC,cAAMK,IAAQF,EAAOC,CAAE;AACvB,YAAIC,KAASA,EAAM,SAAS;AAC1B,iBAAOA;AAAA,MAEX;AACA,aAAO,CAAA;AAAA,IACT,CAAC,GAEKC,IAAcJ,EAAiB,MAAM;AACzC,YAAMK,IAAOT,EAAM,QAAQ,CAAA;AAC3B,iBAAWM,KAAMJ;AACf,YAAI,OAAOO,EAAKH,CAAE,KAAM;AACtB,iBAAOG,EAAKH,CAAE;AAGlB,aAAO;AAAA,IACT,CAAC,GAEKI,IAAYN,EAAS,OAAO;AAAA,MAChC,SAAS;AAAA,MACT,qBAAqB,UAAUI,EAAY,KAAK;AAAA,MAChD,cAAc,GAAGR,EAAM,SAAS;AAAA,MAChC,WAAW,GAAGA,EAAM,OAAO,CAAC,CAAC;AAAA,MAC7B,QAAQ,GAAGA,EAAM,OAAO,CAAC,CAAC;AAAA,MAC1B,SAAS,GAAGA,EAAM,iBAAiB,CAAC,CAAC,MAAMA,EAAM,iBAAiB,CAAC,CAAC;AAAA,IAAA,EACpE;AAEF,aAASW,EAAUC,GAAwC;AACzD,aAAO;AAAA,QACL,YAAY,GAAGA,EAAK,IAAI,CAAC,WAAWA,EAAK,CAAC;AAAA,QAC1C,SAAS,GAAGA,EAAK,IAAI,CAAC,WAAWA,EAAK,CAAC;AAAA,MAAA;AAAA,IAE3C;AAEA,UAAMC,IAAWT,EAAsC,MAAM;AAC3D,YAAMU,IAAmC,CAAA;AACzC,iBAAWC,KAAKf,EAAM;AACpB,QAAAc,EAAIC,EAAE,EAAE,IAAIA;AAEd,aAAOD;AAAA,IACT,CAAC,GAEKE,IAAcZ,EAAsC,MAAM;AAC9D,YAAMU,IAAmC,CAAA;AACzC,iBAAWG,KAAKjB,EAAM;AACpB,QAAAc,EAAIG,EAAE,EAAE,IAAIA;AAEd,aAAOH;AAAA,IACT,CAAC;AAED,aAASI,EAAYC,GAAqC;AACxD,aAAON,EAAS,MAAMM,CAAE;AAAA,IAC1B;AAEA,aAASC,EAAeD,GAAqC;AAC3D,aAAOH,EAAY,MAAMG,CAAE;AAAA,IAC7B;AAEA,UAAME,IAAajB,EAAkB,MAAMJ,EAAM,aAAa,EAAK;2BAIjEsB,EAmDU,WAAA;AAAA,MAlDP,OAAKC,EAAA;AAAA;QAAiCF,EAAA;;;MAQ/BpB,EAAA,SAASA,EAAA,YADjBuB,KAAAF,EAQS,UARTG,GAQS;AAAA,QAJGxB,EAAA,cAAVqB,EAAiE,MAAjEI,GAAiEC,EAAb1B,EAAA,KAAK,GAAA,CAAA;QAChDA,EAAA,iBAATqB,EAEI,KAFJM,GAEID,EADC1B,EAAA,QAAQ,GAAA,CAAA;;MAIPE,EAAA,MAAM,SAAM,UADpBmB,EA0BM,OAAA;AAAA;QAxBH,SAAOZ,EAAA,KAAS;AAAA,QACjB,eAAY;AAAA,MAAA;gBAEZY,EAoBMO,GAAA,MAAAC,EAnBW3B,EAAA,OAAK,CAAbS,MAAI;;sBADbU,EAoBM,OAAA;AAAA,YAlBH,KAAKV,EAAK;AAAA,YACV,OAAKmB,EAAEpB,EAAUC,CAAI,CAAA;AAAA,YACrB,qBAAmBA,EAAK;AAAA,YACxB,OAAKW,EAAA;AAAA;eAA+CS,IAAApB,EAAK,YAAL,QAAAoB,EAAc,gBAAa,0BAAA;AAAA,YAAA;;YAMxEd,EAAYN,EAAK,CAAC,UAD1BqB,EAIEC,GAAA;AAAA;cAFC,MAAMhB,EAAYN,EAAK,CAAC;AAAA,cACxB,MAAMX,EAAA;AAAA,YAAA,iCAGImB,EAAeR,EAAK,CAAC,UADlCqB,EAIEE,GAAA;AAAA;cAFC,SAASf,EAAeR,EAAK,CAAC;AAAA,cAC9B,MAAMX,EAAA;AAAA,YAAA;;;qBAIbqB,EAMI,KANJc,GAIC,6BAED;AAAA,IAAA;;;"}

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

@@ -1,131 +1,5 @@
-import { defineComponent as C, computed as a, openBlock as i, createElementBlock as d, normalizeClass as f, toDisplayString as y, createCommentVNode as l, normalizeStyle as p, Fragment as B, renderList as _, createBlock as x } from "vue";
-import E from "../../../engine/CardRenderer.vue.js";
-import I from "../../../engine/ElementRenderer.vue.js";
-const P = {
-  key: 0,
-  class: "mb-3 flex flex-col gap-0.5"
-}, R = {
-  key: 0,
-  class: "text-base font-semibold"
-}, S = {
-  key: 1,
-  class: "text-sm text-muted-foreground"
-}, G = ["data-grid-item-id"], L = {
-  key: 2,
-  class: "text-sm text-muted-foreground italic",
-  "data-testid": "grid-view-empty"
-}, A = /* @__PURE__ */ C({
-  __name: "GridViewCard",
-  props: {
-    title: {},
-    subtitle: {},
-    showCard: { type: Boolean, default: !0 },
-    gridLayout: {},
-    rowHeight: { default: 150 },
-    margin: { default: () => [10, 10] },
-    containerPadding: { default: () => [10, 10] },
-    cols: {},
-    cards: { default: () => [] },
-    gridElements: { default: () => [] },
-    item: { default: () => ({}) }
-  },
-  setup(o) {
-    const n = o, s = [
-      "xxl",
-      "xl",
-      "lg",
-      "md",
-      "sm",
-      "xs",
-      "xxs"
-    ], c = a(() => {
-      const e = n.gridLayout ?? {};
-      for (const r of s) {
-        const t = e[r];
-        if (t && t.length > 0)
-          return t;
-      }
-      return [];
-    }), h = a(() => {
-      const e = n.cols ?? {};
-      for (const r of s)
-        if (typeof e[r] == "number")
-          return e[r];
-      return 12;
-    }), v = a(() => ({
-      display: "grid",
-      gridTemplateColumns: `repeat(${h.value}, minmax(0, 1fr))`,
-      gridAutoRows: `${n.rowHeight}px`,
-      columnGap: `${n.margin[0]}px`,
-      rowGap: `${n.margin[1]}px`,
-      padding: `${n.containerPadding[1]}px ${n.containerPadding[0]}px`
-    }));
-    function w(e) {
-      return {
-        gridColumn: `${e.x + 1} / span ${e.w}`,
-        gridRow: `${e.y + 1} / span ${e.h}`
-      };
-    }
-    const b = a(() => {
-      const e = {};
-      for (const r of n.cards)
-        e[r.id] = r;
-      return e;
-    }), $ = a(() => {
-      const e = {};
-      for (const r of n.gridElements)
-        e[r.id] = r;
-      return e;
-    });
-    function u(e) {
-      return b.value[e];
-    }
-    function m(e) {
-      return $.value[e];
-    }
-    const k = a(() => n.showCard !== !1);
-    return (e, r) => (i(), d("section", {
-      class: f([
-        "gxp-grid-view",
-        k.value ? "rounded-lg border bg-card text-card-foreground shadow-sm p-4" : ""
-      ])
-    }, [
-      o.title || o.subtitle ? (i(), d("header", P, [
-        o.title ? (i(), d("h3", R, y(o.title), 1)) : l("", !0),
-        o.subtitle ? (i(), d("p", S, y(o.subtitle), 1)) : l("", !0)
-      ])) : l("", !0),
-      c.value.length > 0 ? (i(), d("div", {
-        key: 1,
-        style: p(v.value),
-        "data-testid": "grid-view-container"
-      }, [
-        (i(!0), d(B, null, _(c.value, (t) => {
-          var g;
-          return i(), d("div", {
-            key: t.i,
-            style: p(w(t)),
-            "data-grid-item-id": t.i,
-            class: f([
-              "gxp-grid-view__cell",
-              (g = t.options) != null && g.displayBorder ? "border rounded-md p-2" : ""
-            ])
-          }, [
-            u(t.i) ? (i(), x(E, {
-              key: 0,
-              card: u(t.i),
-              item: o.item
-            }, null, 8, ["card", "item"])) : m(t.i) ? (i(), x(I, {
-              key: 1,
-              element: m(t.i),
-              item: o.item
-            }, null, 8, ["element", "item"])) : l("", !0)
-          ], 14, G);
-        }), 128))
-      ], 4)) : (i(), d("p", L, " No grid items to display. "))
-    ], 2));
-  }
-});
+import f from "./GridViewCard.vue.js";
 export {
-  A as default
+  f as default
 };
 //# sourceMappingURL=GridViewCard.vue2.js.map