@gxp-dev/mod-ui 2.0.0

package/dist/definitions/cards/InfoCard.d.ts

@@ -0,0 +1,164 @@
+import { BaseCard } from '../shared/base';
+/**
+ * Key/value pair rendered inside an InfoCard. The `value` accepts a
+ * dot-path into the data model that the renderer resolves at runtime.
+ */
+export interface InfoCardField {
+    /** Display label. */
+    label?: string;
+    /** Dot-path into the data model. e.g. `"user.email"`. */
+    value: string;
+    /** Optional icon shown next to the label. */
+    icon?: string;
+    /**
+     * Format hint applied to the resolved value (e.g. `"timestamp"`,
+     * `"currency"`). Functions are not JSON-serialisable, so the renderer
+     * resolves named formats via a registry.
+     */
+    format?: string;
+    /** Text prepended to the rendered value. */
+    prepend?: string;
+    /** Text appended to the rendered value. */
+    append?: string;
+    /** Extra classes applied to the value cell. */
+    classList?: string[] | string;
+}
+/**
+ * `info-card` card — a display-only summary card. Renders a title /
+ * subtitle / image header plus an optional list of `fields`
+ * (label + value pairs). Common usage is dashboard tiles and detail
+ * panels.
+ */
+export interface InfoCard extends BaseCard<"info-card"> {
+    cardType: "info-card";
+    /** Heading text rendered above the body. */
+    title?: string;
+    /** Sub-heading text rendered under the title. */
+    subtitle?: string;
+    /** Header icon. */
+    icon?: string;
+    /** Themed colour for the header icon. */
+    iconColor?: string;
+    /** Path or URL of a header image. */
+    headerImage?: string;
+    /** Fallback image if `headerImage` resolves empty. */
+    defaultHeaderImage?: string;
+    /** Aspect ratio for the header image (e.g. `"16/9"`). */
+    headerRatio?: string;
+    /** Key/value pairs rendered as the card body. */
+    fields?: InfoCardField[];
+    /** Extra classes applied to the card body. */
+    bodyClassList?: string[] | string;
+    /** Reduce vertical padding inside the card. */
+    lessPadding?: boolean;
+}
+export declare const InfoCardDefaults: {
+    readonly cardType: "info-card";
+    readonly showCard: true;
+    readonly columns: 12;
+    readonly columnsSm: 12;
+    readonly columnsMd: 12;
+    readonly columnsLg: 12;
+    readonly columnsXl: 12;
+    readonly fields: [];
+    readonly lessPadding: false;
+};
+export declare const InfoCardMetadata: {
+    readonly icon: "image";
+    readonly displayLabel: "Info Card";
+    readonly elementCategory: "display";
+    readonly description: "A fully customizable card to display information.";
+};
+export declare const InfoCardEditConfig: {
+    readonly title: {
+        readonly type: "input.text";
+        readonly label: "Title";
+        readonly columns: 12;
+        readonly section: "configuration";
+    };
+    readonly subtitle: {
+        readonly type: "input.text";
+        readonly label: "Subtitle";
+        readonly columns: 12;
+        readonly section: "configuration";
+    };
+    readonly icon: {
+        readonly type: "picker.icon";
+        readonly label: "Header Icon";
+        readonly columns: 6;
+        readonly section: "configuration";
+    };
+    readonly iconColor: {
+        readonly type: "input.text";
+        readonly label: "Icon Color";
+        readonly columns: 6;
+        readonly section: "configuration";
+    };
+    readonly headerImage: {
+        readonly type: "file.asset-picker";
+        readonly label: "Header Image";
+        readonly columns: 12;
+        readonly section: "configuration";
+        readonly acceptedFileTypes: readonly [".jpg", ".jpeg", ".png", ".gif", ".svg", ".webp"];
+    };
+    readonly headerRatio: {
+        readonly type: "input.text";
+        readonly label: "Header Image Aspect Ratio";
+        readonly columns: 6;
+        readonly section: "layout";
+    };
+    readonly lessPadding: {
+        readonly type: "boolean.switch";
+        readonly label: "Reduce Padding";
+        readonly columns: 6;
+        readonly section: "layout";
+    };
+    readonly showCard: {
+        readonly type: "boolean.switch";
+        readonly defaultValue: true;
+        readonly label: "Show Card Chrome";
+        readonly columns: 12;
+        readonly section: "layout";
+    };
+    readonly fields: {
+        readonly type: "configuration-block.repeatable";
+        readonly label: "Display Fields";
+        readonly columns: 12;
+        readonly section: "configuration";
+        readonly defaultValue: readonly [];
+        readonly name: "fields";
+        readonly optionLabelFields: readonly ["label", "value"];
+        readonly selectOptions: readonly [{
+            readonly label: "Label";
+            readonly name: "label";
+            readonly type: "input.text";
+            readonly columns: 6;
+        }, {
+            readonly label: "Value (data path)";
+            readonly name: "value";
+            readonly type: "input.text";
+            readonly columns: 6;
+        }, {
+            readonly label: "Icon";
+            readonly name: "icon";
+            readonly type: "picker.icon";
+            readonly columns: 4;
+        }, {
+            readonly label: "Format";
+            readonly name: "format";
+            readonly type: "input.text";
+            readonly columns: 4;
+        }, {
+            readonly label: "Prepend";
+            readonly name: "prepend";
+            readonly type: "input.text";
+            readonly columns: 4;
+        }, {
+            readonly label: "Append";
+            readonly name: "append";
+            readonly type: "input.text";
+            readonly columns: 4;
+        }];
+    };
+};
+//# sourceMappingURL=InfoCard.d.ts.map

package/dist/definitions/cards/InfoCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCard.d.ts","sourceRoot":"","sources":["../../../src/definitions/cards/InfoCard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,QAAQ,EAGT,MAAM,2BAA2B,CAAA;AAElC;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAA;IACb,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;CAC9B;AAED;;;;;GAKG;AACH,MAAM,WAAW,QAAS,SAAQ,QAAQ,CAAC,WAAW,CAAC;IACrD,QAAQ,EAAE,WAAW,CAAA;IACrB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mBAAmB;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iDAAiD;IACjD,MAAM,CAAC,EAAE,aAAa,EAAE,CAAA;IACxB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;IACjC,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;CAUS,CAAA;AAEtC,eAAO,MAAM,gBAAgB;;;;;CAKO,CAAA;AAEpC,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkGA,CAAA"}

package/dist/definitions/cards/InfoCard.js

@@ -0,0 +1,120 @@
+const e = {
+  cardType: "info-card",
+  showCard: !0,
+  columns: 12,
+  columnsSm: 12,
+  columnsMd: 12,
+  columnsLg: 12,
+  columnsXl: 12,
+  fields: [],
+  lessPadding: !1
+}, t = {
+  icon: "image",
+  displayLabel: "Info Card",
+  elementCategory: "display",
+  description: "A fully customizable card to display information."
+}, l = {
+  title: {
+    type: "input.text",
+    label: "Title",
+    columns: 12,
+    section: "configuration"
+  },
+  subtitle: {
+    type: "input.text",
+    label: "Subtitle",
+    columns: 12,
+    section: "configuration"
+  },
+  icon: {
+    type: "picker.icon",
+    label: "Header Icon",
+    columns: 6,
+    section: "configuration"
+  },
+  iconColor: {
+    type: "input.text",
+    label: "Icon Color",
+    columns: 6,
+    section: "configuration"
+  },
+  headerImage: {
+    type: "file.asset-picker",
+    label: "Header Image",
+    columns: 12,
+    section: "configuration",
+    acceptedFileTypes: [".jpg", ".jpeg", ".png", ".gif", ".svg", ".webp"]
+  },
+  headerRatio: {
+    type: "input.text",
+    label: "Header Image Aspect Ratio",
+    columns: 6,
+    section: "layout"
+  },
+  lessPadding: {
+    type: "boolean.switch",
+    label: "Reduce Padding",
+    columns: 6,
+    section: "layout"
+  },
+  showCard: {
+    type: "boolean.switch",
+    defaultValue: !0,
+    label: "Show Card Chrome",
+    columns: 12,
+    section: "layout"
+  },
+  fields: {
+    type: "configuration-block.repeatable",
+    label: "Display Fields",
+    columns: 12,
+    section: "configuration",
+    defaultValue: [],
+    name: "fields",
+    optionLabelFields: ["label", "value"],
+    selectOptions: [
+      {
+        label: "Label",
+        name: "label",
+        type: "input.text",
+        columns: 6
+      },
+      {
+        label: "Value (data path)",
+        name: "value",
+        type: "input.text",
+        columns: 6
+      },
+      {
+        label: "Icon",
+        name: "icon",
+        type: "picker.icon",
+        columns: 4
+      },
+      {
+        label: "Format",
+        name: "format",
+        type: "input.text",
+        columns: 4
+      },
+      {
+        label: "Prepend",
+        name: "prepend",
+        type: "input.text",
+        columns: 4
+      },
+      {
+        label: "Append",
+        name: "append",
+        type: "input.text",
+        columns: 4
+      }
+    ]
+  }
+};
+export {
+  e as InfoCardDefaults,
+  l as InfoCardEditConfig,
+  t as InfoCardMetadata
+};
+//# sourceMappingURL=InfoCard.js.map

package/dist/definitions/cards/InfoCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCard.js","sources":["../../../src/definitions/cards/InfoCard.ts"],"sourcesContent":["import type {\n  BaseCard,\n  EditConfig,\n  ElementMetadata,\n} from \"@/definitions/shared/base\"\n\n/**\n * Key/value pair rendered inside an InfoCard. The `value` accepts a\n * dot-path into the data model that the renderer resolves at runtime.\n */\nexport interface InfoCardField {\n  /** Display label. */\n  label?: string\n  /** Dot-path into the data model. e.g. `\"user.email\"`. */\n  value: string\n  /** Optional icon shown next to the label. */\n  icon?: string\n  /**\n   * Format hint applied to the resolved value (e.g. `\"timestamp\"`,\n   * `\"currency\"`). Functions are not JSON-serialisable, so the renderer\n   * resolves named formats via a registry.\n   */\n  format?: string\n  /** Text prepended to the rendered value. */\n  prepend?: string\n  /** Text appended to the rendered value. */\n  append?: string\n  /** Extra classes applied to the value cell. */\n  classList?: string[] | string\n}\n\n/**\n * `info-card` card — a display-only summary card. Renders a title /\n * subtitle / image header plus an optional list of `fields`\n * (label + value pairs). Common usage is dashboard tiles and detail\n * panels.\n */\nexport interface InfoCard extends BaseCard<\"info-card\"> {\n  cardType: \"info-card\"\n  /** Heading text rendered above the body. */\n  title?: string\n  /** Sub-heading text rendered under the title. */\n  subtitle?: string\n  /** Header icon. */\n  icon?: string\n  /** Themed colour for the header icon. */\n  iconColor?: string\n  /** Path or URL of a header image. */\n  headerImage?: string\n  /** Fallback image if `headerImage` resolves empty. */\n  defaultHeaderImage?: string\n  /** Aspect ratio for the header image (e.g. `\"16/9\"`). */\n  headerRatio?: string\n  /** Key/value pairs rendered as the card body. */\n  fields?: InfoCardField[]\n  /** Extra classes applied to the card body. */\n  bodyClassList?: string[] | string\n  /** Reduce vertical padding inside the card. */\n  lessPadding?: boolean\n}\n\nexport const InfoCardDefaults = {\n  cardType: \"info-card\",\n  showCard: true,\n  columns: 12,\n  columnsSm: 12,\n  columnsMd: 12,\n  columnsLg: 12,\n  columnsXl: 12,\n  fields: [],\n  lessPadding: false,\n} as const satisfies Partial<InfoCard>\n\nexport const InfoCardMetadata = {\n  icon: \"image\",\n  displayLabel: \"Info Card\",\n  elementCategory: \"display\",\n  description: \"A fully customizable card to display information.\",\n} as const satisfies ElementMetadata\n\nexport const InfoCardEditConfig = {\n  title: {\n    type: \"input.text\",\n    label: \"Title\",\n    columns: 12,\n    section: \"configuration\",\n  },\n  subtitle: {\n    type: \"input.text\",\n    label: \"Subtitle\",\n    columns: 12,\n    section: \"configuration\",\n  },\n  icon: {\n    type: \"picker.icon\",\n    label: \"Header Icon\",\n    columns: 6,\n    section: \"configuration\",\n  },\n  iconColor: {\n    type: \"input.text\",\n    label: \"Icon Color\",\n    columns: 6,\n    section: \"configuration\",\n  },\n  headerImage: {\n    type: \"file.asset-picker\",\n    label: \"Header Image\",\n    columns: 12,\n    section: \"configuration\",\n    acceptedFileTypes: [\".jpg\", \".jpeg\", \".png\", \".gif\", \".svg\", \".webp\"],\n  },\n  headerRatio: {\n    type: \"input.text\",\n    label: \"Header Image Aspect Ratio\",\n    columns: 6,\n    section: \"layout\",\n  },\n  lessPadding: {\n    type: \"boolean.switch\",\n    label: \"Reduce Padding\",\n    columns: 6,\n    section: \"layout\",\n  },\n  showCard: {\n    type: \"boolean.switch\",\n    defaultValue: true,\n    label: \"Show Card Chrome\",\n    columns: 12,\n    section: \"layout\",\n  },\n  fields: {\n    type: \"configuration-block.repeatable\",\n    label: \"Display Fields\",\n    columns: 12,\n    section: \"configuration\",\n    defaultValue: [],\n    name: \"fields\",\n    optionLabelFields: [\"label\", \"value\"],\n    selectOptions: [\n      {\n        label: \"Label\",\n        name: \"label\",\n        type: \"input.text\",\n        columns: 6,\n      },\n      {\n        label: \"Value (data path)\",\n        name: \"value\",\n        type: \"input.text\",\n        columns: 6,\n      },\n      {\n        label: \"Icon\",\n        name: \"icon\",\n        type: \"picker.icon\",\n        columns: 4,\n      },\n      {\n        label: \"Format\",\n        name: \"format\",\n        type: \"input.text\",\n        columns: 4,\n      },\n      {\n        label: \"Prepend\",\n        name: \"prepend\",\n        type: \"input.text\",\n        columns: 4,\n      },\n      {\n        label: \"Append\",\n        name: \"append\",\n        type: \"input.text\",\n        columns: 4,\n      },\n    ],\n  },\n} as const satisfies EditConfig\n"],"names":["InfoCardDefaults","InfoCardMetadata","InfoCardEditConfig"],"mappings":"AA6DO,MAAMA,IAAmB;AAAA,EAC9B,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,QAAQ,CAAA;AAAA,EACR,aAAa;AACf,GAEaC,IAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,aAAa;AACf,GAEaC,IAAqB;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,aAAa;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,mBAAmB,CAAC,QAAQ,SAAS,QAAQ,QAAQ,QAAQ,OAAO;AAAA,EAAA;AAAA,EAEtE,aAAa;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,aAAa;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,cAAc;AAAA,IACd,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,cAAc,CAAA;AAAA,IACd,MAAM;AAAA,IACN,mBAAmB,CAAC,SAAS,OAAO;AAAA,IACpC,eAAe;AAAA,MACb;AAAA,QACE,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,MAEX;AAAA,QACE,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,MAEX;AAAA,QACE,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,MAEX;AAAA,QACE,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,MAEX;AAAA,QACE,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,MAEX;AAAA,QACE,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EACF;AAEJ;"}

package/dist/definitions/cards/TabListCard.d.ts

@@ -0,0 +1,118 @@
+import { BaseCard } from '../shared/base';
+/**
+ * Visual layout variants accepted by `style`.
+ *
+ * - `default`   — Vertical tab list (tabs on the side).
+ * - `horizontal` — Tabs rendered horizontally along the top.
+ */
+export type TabListCardStyle = "default" | "horizontal";
+/**
+ * `tab-list` card — a list of tabs. Each entry in `tabList` is the ID of
+ * a nested card (typically an ElementListCard or CardListCard) resolved
+ * from the page's `cards` map. The nested card's `title`, `icon`, and
+ * `imageAsset` are used to label the tab.
+ */
+export interface TabListCard extends BaseCard<"tab-list"> {
+    cardType: "tab-list";
+    /** Ordered list of card IDs to render as tab panels. */
+    tabList: string[];
+    /** Visual variant (vertical or horizontal). */
+    style?: TabListCardStyle;
+    /** Image displayed alongside the tab nav. */
+    imageAsset?: string | {
+        id: string;
+        url: string;
+    };
+    /** Icon displayed alongside the tab nav. */
+    icon?: string;
+    /** Force the nav bar to render above the panel content. */
+    navOnTop?: boolean;
+    /** Hide the nav bar entirely (used when an external nav controls the tabs). */
+    hideNav?: boolean;
+    /**
+     * ID of an external tab-control element that should drive this tab
+     * list. Allows a sibling component to act as the visible nav.
+     */
+    controlTabId?: string | null;
+}
+export declare const TabListCardDefaults: {
+    readonly cardType: "tab-list";
+    readonly tabList: [];
+    readonly showCard: true;
+    readonly columns: 12;
+    readonly columnsSm: 12;
+    readonly columnsMd: 12;
+    readonly columnsLg: 12;
+    readonly columnsXl: 12;
+    readonly style: "default";
+    readonly navOnTop: false;
+    readonly hideNav: false;
+    readonly controlTabId: null;
+};
+export declare const TabListCardMetadata: {
+    readonly icon: "folder-closed";
+    readonly displayLabel: "Tab List";
+    readonly elementCategory: "display";
+    readonly description: "A list of tabs that can be used to display and organize display cards.";
+};
+export declare const TabListCardEditConfig: {
+    readonly title: {
+        readonly type: "input.text";
+        readonly label: "Title";
+        readonly columns: 12;
+        readonly section: "configuration";
+    };
+    readonly style: {
+        readonly type: "option-select.select";
+        readonly label: "Style";
+        readonly columns: 12;
+        readonly section: "layout";
+        readonly selectOptions: readonly [{
+            readonly label: "Vertical";
+            readonly value: "default";
+        }, {
+            readonly label: "Horizontal";
+            readonly value: "horizontal";
+        }];
+    };
+    readonly navOnTop: {
+        readonly type: "boolean.switch";
+        readonly label: "Use Top Navigation";
+        readonly section: "layout";
+        readonly columns: 12;
+    };
+    readonly hideNav: {
+        readonly type: "boolean.switch";
+        readonly label: "Hide Navigation Bar";
+        readonly section: "layout";
+        readonly columns: 12;
+    };
+    readonly showCard: {
+        readonly type: "boolean.switch";
+        readonly defaultValue: true;
+        readonly label: "Show Card Chrome";
+        readonly columns: 12;
+        readonly section: "layout";
+    };
+    readonly imageAsset: {
+        readonly type: "file.asset-picker";
+        readonly label: "Image Asset";
+        readonly columns: 6;
+        readonly section: "configuration";
+        readonly acceptedFileTypes: readonly [".jpg", ".jpeg", ".png", ".gif", ".svg", ".webp"];
+    };
+    readonly icon: {
+        readonly type: "picker.icon";
+        readonly label: "Icon";
+        readonly columns: 6;
+        readonly section: "configuration";
+    };
+    readonly controlTabId: {
+        readonly type: "option-select.select";
+        readonly label: "Control Tab ID (Allow this tab navigation to control this tab list)";
+        readonly columns: 12;
+        readonly section: "layout";
+        readonly selectOptions: readonly [];
+    };
+};
+//# sourceMappingURL=TabListCard.d.ts.map

package/dist/definitions/cards/TabListCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabListCard.d.ts","sourceRoot":"","sources":["../../../src/definitions/cards/TabListCard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,QAAQ,EAGT,MAAM,2BAA2B,CAAA;AAElC;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,YAAY,CAAA;AAEvD;;;;;GAKG;AACH,MAAM,WAAW,WAAY,SAAQ,QAAQ,CAAC,UAAU,CAAC;IACvD,QAAQ,EAAE,UAAU,CAAA;IACpB,wDAAwD;IACxD,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,GAAG;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;IACjD,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC7B;AAED,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;CAaS,CAAA;AAEzC,eAAO,MAAM,mBAAmB;;;;;CAMI,CAAA;AAEpC,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDH,CAAA"}

package/dist/definitions/cards/TabListCard.js

@@ -0,0 +1,81 @@
+const t = {
+  cardType: "tab-list",
+  tabList: [],
+  showCard: !0,
+  columns: 12,
+  columnsSm: 12,
+  columnsMd: 12,
+  columnsLg: 12,
+  columnsXl: 12,
+  style: "default",
+  navOnTop: !1,
+  hideNav: !1,
+  controlTabId: null
+}, e = {
+  icon: "folder-closed",
+  displayLabel: "Tab List",
+  elementCategory: "display",
+  description: "A list of tabs that can be used to display and organize display cards."
+}, l = {
+  title: {
+    type: "input.text",
+    label: "Title",
+    columns: 12,
+    section: "configuration"
+  },
+  style: {
+    type: "option-select.select",
+    label: "Style",
+    columns: 12,
+    section: "layout",
+    selectOptions: [
+      { label: "Vertical", value: "default" },
+      { label: "Horizontal", value: "horizontal" }
+    ]
+  },
+  navOnTop: {
+    type: "boolean.switch",
+    label: "Use Top Navigation",
+    section: "layout",
+    columns: 12
+  },
+  hideNav: {
+    type: "boolean.switch",
+    label: "Hide Navigation Bar",
+    section: "layout",
+    columns: 12
+  },
+  showCard: {
+    type: "boolean.switch",
+    defaultValue: !0,
+    label: "Show Card Chrome",
+    columns: 12,
+    section: "layout"
+  },
+  imageAsset: {
+    type: "file.asset-picker",
+    label: "Image Asset",
+    columns: 6,
+    section: "configuration",
+    acceptedFileTypes: [".jpg", ".jpeg", ".png", ".gif", ".svg", ".webp"]
+  },
+  icon: {
+    type: "picker.icon",
+    label: "Icon",
+    columns: 6,
+    section: "configuration"
+  },
+  controlTabId: {
+    type: "option-select.select",
+    label: "Control Tab ID (Allow this tab navigation to control this tab list)",
+    columns: 12,
+    section: "layout",
+    selectOptions: []
+  }
+};
+export {
+  t as TabListCardDefaults,
+  l as TabListCardEditConfig,
+  e as TabListCardMetadata
+};
+//# sourceMappingURL=TabListCard.js.map

package/dist/definitions/cards/TabListCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabListCard.js","sources":["../../../src/definitions/cards/TabListCard.ts"],"sourcesContent":["import type {\n  BaseCard,\n  EditConfig,\n  ElementMetadata,\n} from \"@/definitions/shared/base\"\n\n/**\n * Visual layout variants accepted by `style`.\n *\n * - `default`   — Vertical tab list (tabs on the side).\n * - `horizontal` — Tabs rendered horizontally along the top.\n */\nexport type TabListCardStyle = \"default\" | \"horizontal\"\n\n/**\n * `tab-list` card — a list of tabs. Each entry in `tabList` is the ID of\n * a nested card (typically an ElementListCard or CardListCard) resolved\n * from the page's `cards` map. The nested card's `title`, `icon`, and\n * `imageAsset` are used to label the tab.\n */\nexport interface TabListCard extends BaseCard<\"tab-list\"> {\n  cardType: \"tab-list\"\n  /** Ordered list of card IDs to render as tab panels. */\n  tabList: string[]\n  /** Visual variant (vertical or horizontal). */\n  style?: TabListCardStyle\n  /** Image displayed alongside the tab nav. */\n  imageAsset?: string | { id: string; url: string }\n  /** Icon displayed alongside the tab nav. */\n  icon?: string\n  /** Force the nav bar to render above the panel content. */\n  navOnTop?: boolean\n  /** Hide the nav bar entirely (used when an external nav controls the tabs). */\n  hideNav?: boolean\n  /**\n   * ID of an external tab-control element that should drive this tab\n   * list. Allows a sibling component to act as the visible nav.\n   */\n  controlTabId?: string | null\n}\n\nexport const TabListCardDefaults = {\n  cardType: \"tab-list\",\n  tabList: [],\n  showCard: true,\n  columns: 12,\n  columnsSm: 12,\n  columnsMd: 12,\n  columnsLg: 12,\n  columnsXl: 12,\n  style: \"default\",\n  navOnTop: false,\n  hideNav: false,\n  controlTabId: null,\n} as const satisfies Partial<TabListCard>\n\nexport const TabListCardMetadata = {\n  icon: \"folder-closed\",\n  displayLabel: \"Tab List\",\n  elementCategory: \"display\",\n  description:\n    \"A list of tabs that can be used to display and organize display cards.\",\n} as const satisfies ElementMetadata\n\nexport const TabListCardEditConfig = {\n  title: {\n    type: \"input.text\",\n    label: \"Title\",\n    columns: 12,\n    section: \"configuration\",\n  },\n  style: {\n    type: \"option-select.select\",\n    label: \"Style\",\n    columns: 12,\n    section: \"layout\",\n    selectOptions: [\n      { label: \"Vertical\", value: \"default\" },\n      { label: \"Horizontal\", value: \"horizontal\" },\n    ],\n  },\n  navOnTop: {\n    type: \"boolean.switch\",\n    label: \"Use Top Navigation\",\n    section: \"layout\",\n    columns: 12,\n  },\n  hideNav: {\n    type: \"boolean.switch\",\n    label: \"Hide Navigation Bar\",\n    section: \"layout\",\n    columns: 12,\n  },\n  showCard: {\n    type: \"boolean.switch\",\n    defaultValue: true,\n    label: \"Show Card Chrome\",\n    columns: 12,\n    section: \"layout\",\n  },\n  imageAsset: {\n    type: \"file.asset-picker\",\n    label: \"Image Asset\",\n    columns: 6,\n    section: \"configuration\",\n    acceptedFileTypes: [\".jpg\", \".jpeg\", \".png\", \".gif\", \".svg\", \".webp\"],\n  },\n  icon: {\n    type: \"picker.icon\",\n    label: \"Icon\",\n    columns: 6,\n    section: \"configuration\",\n  },\n  controlTabId: {\n    type: \"option-select.select\",\n    label:\n      \"Control Tab ID (Allow this tab navigation to control this tab list)\",\n    columns: 12,\n    section: \"layout\",\n    selectOptions: [],\n  },\n} as const satisfies EditConfig\n"],"names":["TabListCardDefaults","TabListCardMetadata","TabListCardEditConfig"],"mappings":"AAyCO,MAAMA,IAAsB;AAAA,EACjC,UAAU;AAAA,EACV,SAAS,CAAA;AAAA,EACT,UAAU;AAAA,EACV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,cAAc;AAChB,GAEaC,IAAsB;AAAA,EACjC,MAAM;AAAA,EACN,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,aACE;AACJ,GAEaC,IAAwB;AAAA,EACnC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,eAAe;AAAA,MACb,EAAE,OAAO,YAAY,OAAO,UAAA;AAAA,MAC5B,EAAE,OAAO,cAAc,OAAO,aAAA;AAAA,IAAa;AAAA,EAC7C;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,SAAS;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,cAAc;AAAA,IACd,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,mBAAmB,CAAC,QAAQ,SAAS,QAAQ,QAAQ,QAAQ,OAAO;AAAA,EAAA;AAAA,EAEtE,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,OACE;AAAA,IACF,SAAS;AAAA,IACT,SAAS;AAAA,IACT,eAAe,CAAA;AAAA,EAAC;AAEpB;"}

package/dist/definitions/cards/index.d.ts

@@ -0,0 +1,88 @@
+import { CardListCard } from './CardListCard';
+import { DataTableCard } from './DataTableCard';
+import { ElementDisplayCard } from './ElementDisplayCard';
+import { ElementListCard } from './ElementListCard';
+import { GridViewCard } from './GridViewCard';
+import { InfoCard } from './InfoCard';
+import { TabListCard } from './TabListCard';
+/**
+ * Public barrel for every DisplayCard type.
+ *
+ * Each card exports four artifacts:
+ *   - `<Name>Card` interface (the JSON shape)
+ *   - `<Name>CardDefaults` const
+ *   - `<Name>CardMetadata` const
+ *   - `<Name>CardEditConfig` const (the FormBuilder inspector schema)
+ *
+ * The `DisplayCard` union below is the JSON shape of any card. The
+ * engine's `CardRenderer` accepts a `DisplayCard` and uses `cardType`
+ * to resolve the renderer component.
+ */
+export type { CardListCard } from './CardListCard';
+export { CardListCardDefaults, CardListCardEditConfig, CardListCardMetadata, TabContainerCardListCardEditConfig, } from './CardListCard';
+export type { AdvancedSearchField, DataTableCard, DataTableColumn, DataTableOptions, ExportConfig, FilterField, TableAction, TableColumnType, } from './DataTableCard';
+export { DataTableCardDefaults, DataTableCardEditConfig, DataTableCardMetadata, } from './DataTableCard';
+export type { ElementDisplayCard } from './ElementDisplayCard';
+export { ElementDisplayCardDefaults, ElementDisplayCardEditConfig, ElementDisplayCardMetadata, } from './ElementDisplayCard';
+export type { ElementListCard } from './ElementListCard';
+export { ElementListCardDefaults, ElementListCardEditConfig, ElementListCardMetadata, TabContainerElementListCardEditConfig, } from './ElementListCard';
+export type { GridBreakpoint, GridItem, GridLayout, GridViewCard, } from './GridViewCard';
+export { GridViewCardDefaults, GridViewCardEditConfig, GridViewCardMetadata, } from './GridViewCard';
+export type { InfoCard, InfoCardField } from './InfoCard';
+export { InfoCardDefaults, InfoCardEditConfig, InfoCardMetadata, } from './InfoCard';
+export type { TabListCard, TabListCardStyle } from './TabListCard';
+export { TabListCardDefaults, TabListCardEditConfig, TabListCardMetadata, } from './TabListCard';
+/**
+ * The discriminated-union JSON shape of any DisplayCard. Narrowing on
+ * `cardType` gives full intellisense for the card-specific fields.
+ */
+export type DisplayCard = CardListCard | DataTableCard | ElementDisplayCard | ElementListCard | GridViewCard | InfoCard | TabListCard;
+/**
+ * Runtime registry of card metadata keyed by `cardType`. Used by the
+ * FormBuilder palette to enumerate available cards.
+ */
+export declare const DisplayCardMetadataMap: {
+    readonly "card-list": {
+        readonly icon: "th-large";
+        readonly displayLabel: "Card List";
+        readonly elementCategory: "display";
+        readonly description: "A list of nested cards. The default container for grouping cards together.";
+    };
+    readonly datatable: {
+        readonly icon: "table";
+        readonly displayLabel: "Data Table";
+        readonly elementCategory: "display";
+        readonly description: "A table that displays data in a grid format with sorting, pagination, filtering, and CRUD actions.";
+    };
+    readonly "element-display": {
+        readonly icon: "chart-line";
+        readonly displayLabel: "Element Display";
+        readonly elementCategory: "display";
+        readonly description: "A card to display a single element.";
+    };
+    readonly "element-list": {
+        readonly icon: "list";
+        readonly displayLabel: "Element List";
+        readonly elementCategory: "display";
+        readonly description: "A vertical stack of CardElements. The default container for forms and detail panels.";
+    };
+    readonly "grid-view": {
+        readonly icon: "grid";
+        readonly displayLabel: "Grid View";
+        readonly elementCategory: "display";
+        readonly description: "A grid view to display dashboard elements in a locking grid format.";
+    };
+    readonly "info-card": {
+        readonly icon: "image";
+        readonly displayLabel: "Info Card";
+        readonly elementCategory: "display";
+        readonly description: "A fully customizable card to display information.";
+    };
+    readonly "tab-list": {
+        readonly icon: "folder-closed";
+        readonly displayLabel: "Tab List";
+        readonly elementCategory: "display";
+        readonly description: "A list of tabs that can be used to display and organize display cards.";
+    };
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/definitions/cards/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/definitions/cards/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EACtB,oBAAoB,EACpB,kCAAkC,GACnC,MAAM,gBAAgB,CAAA;AAEvB,YAAY,EACV,mBAAmB,EACnB,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,WAAW,EACX,eAAe,GAChB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EACL,qBAAqB,EACrB,uBAAuB,EACvB,qBAAqB,GACtB,MAAM,iBAAiB,CAAA;AAExB,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAC9D,OAAO,EACL,0BAA0B,EAC1B,4BAA4B,EAC5B,0BAA0B,GAC3B,MAAM,sBAAsB,CAAA;AAE7B,YAAY,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EACL,uBAAuB,EACvB,yBAAyB,EACzB,uBAAuB,EACvB,qCAAqC,GACtC,MAAM,mBAAmB,CAAA;AAE1B,YAAY,EACV,cAAc,EACd,QAAQ,EACR,UAAU,EACV,YAAY,GACb,MAAM,gBAAgB,CAAA;AACvB,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,gBAAgB,CAAA;AAEvB,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AACzD,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,YAAY,CAAA;AAEnB,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EACL,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAC9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAUhD;;;GAGG;AACH,MAAM,MAAM,WAAW,GACnB,YAAY,GACZ,aAAa,GACb,kBAAkB,GAClB,eAAe,GACf,YAAY,GACZ,QAAQ,GACR,WAAW,CAAA;AAEf;;;GAGG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQzB,CAAA"}

package/dist/definitions/cards/index.js

@@ -0,0 +1,50 @@
+import { CardListCardMetadata as a } from "./CardListCard.js";
+import { CardListCardDefaults as b, CardListCardEditConfig as g, TabContainerCardListCardEditConfig as M } from "./CardListCard.js";
+import { DataTableCardMetadata as t } from "./DataTableCard.js";
+import { DataTableCardDefaults as T, DataTableCardEditConfig as u } from "./DataTableCard.js";
+import { ElementDisplayCardMetadata as r } from "./ElementDisplayCard.js";
+import { ElementDisplayCardDefaults as w, ElementDisplayCardEditConfig as c } from "./ElementDisplayCard.js";
+import { ElementListCardMetadata as i } from "./ElementListCard.js";
+import { ElementListCardDefaults as I, ElementListCardEditConfig as V, TabContainerElementListCardEditConfig as v } from "./ElementListCard.js";
+import { GridViewCardMetadata as d } from "./GridViewCard.js";
+import { GridViewCardDefaults as j, GridViewCardEditConfig as k } from "./GridViewCard.js";
+import { InfoCardMetadata as e } from "./InfoCard.js";
+import { InfoCardDefaults as z, InfoCardEditConfig as A } from "./InfoCard.js";
+import { TabListCardMetadata as o } from "./TabListCard.js";
+import { TabListCardDefaults as F, TabListCardEditConfig as H } from "./TabListCard.js";
+const E = {
+  "card-list": a,
+  datatable: t,
+  "element-display": r,
+  "element-list": i,
+  "grid-view": d,
+  "info-card": e,
+  "tab-list": o
+};
+export {
+  b as CardListCardDefaults,
+  g as CardListCardEditConfig,
+  a as CardListCardMetadata,
+  T as DataTableCardDefaults,
+  u as DataTableCardEditConfig,
+  t as DataTableCardMetadata,
+  E as DisplayCardMetadataMap,
+  w as ElementDisplayCardDefaults,
+  c as ElementDisplayCardEditConfig,
+  r as ElementDisplayCardMetadata,
+  I as ElementListCardDefaults,
+  V as ElementListCardEditConfig,
+  i as ElementListCardMetadata,
+  j as GridViewCardDefaults,
+  k as GridViewCardEditConfig,
+  d as GridViewCardMetadata,
+  z as InfoCardDefaults,
+  A as InfoCardEditConfig,
+  e as InfoCardMetadata,
+  M as TabContainerCardListCardEditConfig,
+  v as TabContainerElementListCardEditConfig,
+  F as TabListCardDefaults,
+  H as TabListCardEditConfig,
+  o as TabListCardMetadata
+};
+//# sourceMappingURL=index.js.map