@gxp-dev/mod-ui 2.0.0

package/dist/definitions/elements/ComponentsElement.js

@@ -0,0 +1,111 @@
+const e = {
+  type: "components.icon-badge",
+  size: "md",
+  color: "primary",
+  columns: 12,
+  columnsSm: 12,
+  columnsMd: 12,
+  columnsLg: 12,
+  columnsXl: 12
+}, l = {
+  icon: "shapes",
+  displayLabel: "Component",
+  elementCategory: "components",
+  description: "Reusable presentation components: icon badges and icon pickers."
+}, a = {
+  label: {
+    type: "input.text",
+    defaultValue: "",
+    label: "Label",
+    columnsMd: 6,
+    columns: 12,
+    section: "configuration"
+  },
+  name: {
+    type: "picker.data-model",
+    defaultValue: "",
+    label: "Name",
+    columns: 12,
+    section: "advanced"
+  },
+  style: {
+    type: "option-select.select",
+    defaultValue: "icon-badge",
+    label: "Component Style",
+    columns: 12,
+    section: "layout",
+    selectOptions: [
+      { label: "Icon Badge", value: "icon-badge" },
+      { label: "Icon Picker", value: "icon-picker" }
+    ]
+  },
+  icon: {
+    type: "picker.icon",
+    label: "Icon",
+    columns: 12,
+    section: "configuration",
+    conditionParams: [{ name: "style", logic: "==", value: "icon-badge" }]
+  },
+  size: {
+    type: "option-select.select",
+    defaultValue: "md",
+    label: "Size",
+    columns: 6,
+    section: "layout",
+    selectOptions: [
+      { label: "XS", value: "xs" },
+      { label: "Small", value: "sm" },
+      { label: "Medium", value: "md" },
+      { label: "Large", value: "lg" },
+      { label: "XL", value: "xl" }
+    ],
+    conditionParams: [{ name: "style", logic: "==", value: "icon-badge" }]
+  },
+  color: {
+    type: "option-select.select",
+    defaultValue: "primary",
+    label: "Color",
+    columns: 6,
+    section: "layout",
+    selectOptions: [
+      { label: "Primary", value: "primary" },
+      { label: "Secondary", value: "secondary" },
+      { label: "Success", value: "success" },
+      { label: "Danger", value: "danger" },
+      { label: "Warning", value: "warning" },
+      { label: "Info", value: "info" },
+      { label: "Light", value: "light" },
+      { label: "Dark", value: "dark" }
+    ],
+    conditionParams: [{ name: "style", logic: "==", value: "icon-badge" }]
+  },
+  iconLibrary: {
+    type: "option-select.select",
+    defaultValue: "icons",
+    label: "Icon Library",
+    columns: 6,
+    section: "configuration",
+    selectOptions: [
+      { label: "Icons", value: "icons" },
+      { label: "Emoji", value: "emoji" }
+    ],
+    conditionParams: [{ name: "style", logic: "==", value: "icon-picker" }]
+  },
+  iconStyle: {
+    type: "input.text",
+    label: "Icon Style Filter",
+    columns: 6,
+    section: "configuration",
+    conditionParams: [{ name: "style", logic: "==", value: "icon-picker" }]
+  }
+}, o = {
+  "icon-badge": { displayLabel: "Icon Badge", description: "A coloured icon badge for status indicators or avatars." },
+  "icon-picker": { displayLabel: "Icon Picker", description: "A searchable picker that returns a chosen icon identifier." }
+};
+export {
+  e as ComponentsElementDefaults,
+  a as ComponentsElementEditConfig,
+  l as ComponentsElementMetadata,
+  o as ComponentsStyleMetadataMap
+};
+//# sourceMappingURL=ComponentsElement.js.map

package/dist/definitions/elements/ComponentsElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentsElement.js","sources":["../../../src/definitions/elements/ComponentsElement.ts"],"sourcesContent":["import type {\n  BaseElement,\n  EditConfig,\n  ElementMetadata,\n} from \"@/definitions/shared/base\"\n\n/**\n * Variants of the `components` element type. Each value here maps 1:1 to a\n * Vue file under `src/elements/components/` via the engine's registry.\n *\n * The v2 portal does not ship a `Definitions/CardElements/ComponentsElement.ts`\n * — these styles are inferred from `Mod/v2/CardElements/Components/*.vue`\n * (IconBadge, IconPicker).\n */\nexport type ComponentsStyle = \"icon-badge\" | \"icon-picker\"\n\n/** Sizes accepted by IconBadge. Mirrors the Vue component's prop union. */\nexport type ComponentsSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | string | number\n\nexport interface ComponentsElement\n  extends BaseElement<`components.${ComponentsStyle}`> {\n  name?: string | null\n  label?: string\n  /** For `icon-badge`: icon identifier (FontAwesome / lucide name). */\n  icon?: string\n  /** For `icon-badge`: size token or px value. */\n  size?: ComponentsSize\n  /**\n   * For `icon-badge`: colour token. Matches the GxP palette\n   * (`primary`, `secondary`, `success`, `danger`, `warning`, `info`, ...).\n   */\n  color?: string\n  /** For `icon-picker`: which icon library to pick from (\"icons\", \"emoji\", ...). */\n  iconLibrary?: string\n  /** For `icon-picker`: pre-filter the available icons by style. */\n  iconStyle?: string\n}\n\nexport const ComponentsElementDefaults = {\n  type: \"components.icon-badge\",\n  size: \"md\",\n  color: \"primary\",\n  columns: 12,\n  columnsSm: 12,\n  columnsMd: 12,\n  columnsLg: 12,\n  columnsXl: 12,\n} as const satisfies Partial<ComponentsElement>\n\nexport const ComponentsElementMetadata = {\n  icon: \"shapes\",\n  displayLabel: \"Component\",\n  elementCategory: \"components\",\n  description:\n    \"Reusable presentation components: icon badges and icon pickers.\",\n} as const satisfies ElementMetadata\n\nexport const ComponentsElementEditConfig = {\n  label: {\n    type: \"input.text\",\n    defaultValue: \"\",\n    label: \"Label\",\n    columnsMd: 6,\n    columns: 12,\n    section: \"configuration\",\n  },\n  name: {\n    type: \"picker.data-model\",\n    defaultValue: \"\",\n    label: \"Name\",\n    columns: 12,\n    section: \"advanced\",\n  },\n  style: {\n    type: \"option-select.select\",\n    defaultValue: \"icon-badge\",\n    label: \"Component Style\",\n    columns: 12,\n    section: \"layout\",\n    selectOptions: [\n      { label: \"Icon Badge\", value: \"icon-badge\" },\n      { label: \"Icon Picker\", value: \"icon-picker\" },\n    ],\n  },\n  icon: {\n    type: \"picker.icon\",\n    label: \"Icon\",\n    columns: 12,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"icon-badge\" }],\n  },\n  size: {\n    type: \"option-select.select\",\n    defaultValue: \"md\",\n    label: \"Size\",\n    columns: 6,\n    section: \"layout\",\n    selectOptions: [\n      { label: \"XS\", value: \"xs\" },\n      { label: \"Small\", value: \"sm\" },\n      { label: \"Medium\", value: \"md\" },\n      { label: \"Large\", value: \"lg\" },\n      { label: \"XL\", value: \"xl\" },\n    ],\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"icon-badge\" }],\n  },\n  color: {\n    type: \"option-select.select\",\n    defaultValue: \"primary\",\n    label: \"Color\",\n    columns: 6,\n    section: \"layout\",\n    selectOptions: [\n      { label: \"Primary\", value: \"primary\" },\n      { label: \"Secondary\", value: \"secondary\" },\n      { label: \"Success\", value: \"success\" },\n      { label: \"Danger\", value: \"danger\" },\n      { label: \"Warning\", value: \"warning\" },\n      { label: \"Info\", value: \"info\" },\n      { label: \"Light\", value: \"light\" },\n      { label: \"Dark\", value: \"dark\" },\n    ],\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"icon-badge\" }],\n  },\n  iconLibrary: {\n    type: \"option-select.select\",\n    defaultValue: \"icons\",\n    label: \"Icon Library\",\n    columns: 6,\n    section: \"configuration\",\n    selectOptions: [\n      { label: \"Icons\", value: \"icons\" },\n      { label: \"Emoji\", value: \"emoji\" },\n    ],\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"icon-picker\" }],\n  },\n  iconStyle: {\n    type: \"input.text\",\n    label: \"Icon Style Filter\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"icon-picker\" }],\n  },\n} as const satisfies EditConfig\n\nexport const ComponentsStyleMetadataMap: Partial<Record<ComponentsStyle, { displayLabel: string; description: string }>> = {\n  \"icon-badge\": { displayLabel: \"Icon Badge\", description: \"A coloured icon badge for status indicators or avatars.\" },\n  \"icon-picker\": { displayLabel: \"Icon Picker\", description: \"A searchable picker that returns a chosen icon identifier.\" },\n}\n"],"names":["ComponentsElementDefaults","ComponentsElementMetadata","ComponentsElementEditConfig","ComponentsStyleMetadataMap"],"mappings":"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"}

package/dist/definitions/elements/ConfigurationBlockElement.d.ts

@@ -0,0 +1,131 @@
+import { BaseElement } from '../shared/base';
+/**
+ * Variants of the `configuration-block` element type. Each value here maps
+ * 1:1 to a Vue file under `src/elements/configuration-block/` via the
+ * engine's registry.
+ *
+ * The v2 schema spells the elements-list variant as "elements" — we accept
+ * both "elements" (legacy) and "elements-block" (canonical) by widening
+ * the style accordingly.
+ */
+export type ConfigurationBlockStyle = "elements-block" | "repeatable" | "dialog" | "modal";
+export interface ConfigurationBlockElement extends BaseElement<`configuration-block.${ConfigurationBlockStyle}`> {
+    name?: string | null;
+    label?: string;
+    /**
+     * Child element / card payload. For `repeatable` this is the schema
+     * for one row; for `dialog` / `modal` / `elements-block` this is the
+     * full child tree. Kept loose to avoid a circular reference.
+     */
+    selectOptions?: ReadonlyArray<Record<string, unknown>>;
+    /** For `repeatable`: label on the "add row" button. */
+    addOptionButtonLabel?: string;
+    /** For `repeatable`: which child fields to summarise in each row's header. */
+    optionLabelFields?: ReadonlyArray<string>;
+    /** For `dialog` / `modal`: label on the trigger button. */
+    triggerButtonLabel?: string;
+    /** For `dialog` / `modal`: dialog/modal title. */
+    dialogTitle?: string;
+    /** Initial collapsed state for `repeatable` rows. */
+    collapsedByDefault?: boolean;
+}
+export declare const ConfigurationBlockElementDefaults: {
+    readonly type: "configuration-block.elements-block";
+    readonly columns: 12;
+    readonly columnsSm: 12;
+    readonly columnsMd: 12;
+    readonly columnsLg: 12;
+    readonly columnsXl: 12;
+};
+export declare const ConfigurationBlockElementMetadata: {
+    readonly icon: "square-dashed-circle-plus";
+    readonly displayLabel: "Configuration Group";
+    readonly elementCategory: "configuration-block";
+    readonly description: "Create a group of configuration elements, these can be repeatable element blocks, modals or dialogs.";
+};
+export declare const ConfigurationBlockElementEditConfig: {
+    readonly label: {
+        readonly type: "input.text";
+        readonly defaultValue: "";
+        readonly label: "Label";
+        readonly columnsMd: 6;
+        readonly columns: 12;
+        readonly section: "configuration";
+    };
+    readonly name: {
+        readonly type: "picker.data-model";
+        readonly defaultValue: "";
+        readonly label: "Name";
+        readonly columns: 12;
+        readonly section: "advanced";
+    };
+    readonly style: {
+        readonly type: "option-select.select";
+        readonly defaultValue: "elements-block";
+        readonly label: "Configuration Style";
+        readonly selectOptions: readonly [{
+            readonly label: "Elements List";
+            readonly value: "elements-block";
+        }, {
+            readonly label: "Repeatable";
+            readonly value: "repeatable";
+        }, {
+            readonly label: "Dialog";
+            readonly value: "dialog";
+        }, {
+            readonly label: "Modal";
+            readonly value: "modal";
+        }];
+        readonly columns: 12;
+        readonly section: "layout";
+    };
+    readonly addOptionButtonLabel: {
+        readonly type: "input.text";
+        readonly label: "Add Button Label";
+        readonly columns: 6;
+        readonly section: "configuration";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "==";
+            readonly value: "repeatable";
+        }];
+    };
+    readonly collapsedByDefault: {
+        readonly type: "boolean.switch";
+        readonly label: "Collapse rows by default";
+        readonly columns: 6;
+        readonly section: "layout";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "==";
+            readonly value: "repeatable";
+        }];
+    };
+    readonly triggerButtonLabel: {
+        readonly type: "input.text";
+        readonly label: "Trigger Button Label";
+        readonly columns: 6;
+        readonly section: "configuration";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "in-array";
+            readonly value: readonly ["dialog", "modal"];
+        }];
+    };
+    readonly dialogTitle: {
+        readonly type: "input.text";
+        readonly label: "Dialog Title";
+        readonly columns: 6;
+        readonly section: "configuration";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "in-array";
+            readonly value: readonly ["dialog", "modal"];
+        }];
+    };
+};
+export declare const ConfigurationBlockStyleMetadataMap: Partial<Record<ConfigurationBlockStyle, {
+    displayLabel: string;
+    description: string;
+}>>;
+//# sourceMappingURL=ConfigurationBlockElement.d.ts.map

package/dist/definitions/elements/ConfigurationBlockElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigurationBlockElement.d.ts","sourceRoot":"","sources":["../../../src/definitions/elements/ConfigurationBlockElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EAGZ,MAAM,2BAA2B,CAAA;AAElC;;;;;;;;GAQG;AACH,MAAM,MAAM,uBAAuB,GAC/B,gBAAgB,GAChB,YAAY,GACZ,QAAQ,GACR,OAAO,CAAA;AAEX,MAAM,WAAW,yBACf,SAAQ,WAAW,CAAC,uBAAuB,uBAAuB,EAAE,CAAC;IACrE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IACtD,uDAAuD;IACvD,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IACzC,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qDAAqD;IACrD,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B;AAED,eAAO,MAAM,iCAAiC;;;;;;;CAOS,CAAA;AAEvD,eAAO,MAAM,iCAAiC;;;;;CAMV,CAAA;AAEpC,eAAO,MAAM,mCAAmC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DjB,CAAA;AAE/B,eAAO,MAAM,kCAAkC,EAAE,OAAO,CAAC,MAAM,CAAC,uBAAuB,EAAE;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC,CAItI,CAAA"}

package/dist/definitions/elements/ConfigurationBlockElement.js

@@ -0,0 +1,85 @@
+const e = {
+  type: "configuration-block.elements-block",
+  columns: 12,
+  columnsSm: 12,
+  columnsMd: 12,
+  columnsLg: 12,
+  columnsXl: 12
+}, l = {
+  icon: "square-dashed-circle-plus",
+  displayLabel: "Configuration Group",
+  elementCategory: "configuration-block",
+  description: "Create a group of configuration elements, these can be repeatable element blocks, modals or dialogs."
+}, a = {
+  label: {
+    type: "input.text",
+    defaultValue: "",
+    label: "Label",
+    columnsMd: 6,
+    columns: 12,
+    section: "configuration"
+  },
+  name: {
+    type: "picker.data-model",
+    defaultValue: "",
+    label: "Name",
+    columns: 12,
+    section: "advanced"
+  },
+  style: {
+    type: "option-select.select",
+    defaultValue: "elements-block",
+    label: "Configuration Style",
+    selectOptions: [
+      { label: "Elements List", value: "elements-block" },
+      { label: "Repeatable", value: "repeatable" },
+      { label: "Dialog", value: "dialog" },
+      { label: "Modal", value: "modal" }
+    ],
+    columns: 12,
+    section: "layout"
+  },
+  addOptionButtonLabel: {
+    type: "input.text",
+    label: "Add Button Label",
+    columns: 6,
+    section: "configuration",
+    conditionParams: [{ name: "style", logic: "==", value: "repeatable" }]
+  },
+  collapsedByDefault: {
+    type: "boolean.switch",
+    label: "Collapse rows by default",
+    columns: 6,
+    section: "layout",
+    conditionParams: [{ name: "style", logic: "==", value: "repeatable" }]
+  },
+  triggerButtonLabel: {
+    type: "input.text",
+    label: "Trigger Button Label",
+    columns: 6,
+    section: "configuration",
+    conditionParams: [
+      { name: "style", logic: "in-array", value: ["dialog", "modal"] }
+    ]
+  },
+  dialogTitle: {
+    type: "input.text",
+    label: "Dialog Title",
+    columns: 6,
+    section: "configuration",
+    conditionParams: [
+      { name: "style", logic: "in-array", value: ["dialog", "modal"] }
+    ]
+  }
+}, o = {
+  repeatable: { displayLabel: "Repeatable", description: "A repeatable row of fields the user can add/remove." },
+  dialog: { displayLabel: "Dialog", description: "A configuration block that opens in a modal dialog." },
+  modal: { displayLabel: "Modal", description: "A full configuration panel that renders in an overlay modal." }
+};
+export {
+  e as ConfigurationBlockElementDefaults,
+  a as ConfigurationBlockElementEditConfig,
+  l as ConfigurationBlockElementMetadata,
+  o as ConfigurationBlockStyleMetadataMap
+};
+//# sourceMappingURL=ConfigurationBlockElement.js.map

package/dist/definitions/elements/ConfigurationBlockElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigurationBlockElement.js","sources":["../../../src/definitions/elements/ConfigurationBlockElement.ts"],"sourcesContent":["import type {\n  BaseElement,\n  EditConfig,\n  ElementMetadata,\n} from \"@/definitions/shared/base\"\n\n/**\n * Variants of the `configuration-block` element type. Each value here maps\n * 1:1 to a Vue file under `src/elements/configuration-block/` via the\n * engine's registry.\n *\n * The v2 schema spells the elements-list variant as \"elements\" — we accept\n * both \"elements\" (legacy) and \"elements-block\" (canonical) by widening\n * the style accordingly.\n */\nexport type ConfigurationBlockStyle =\n  | \"elements-block\"\n  | \"repeatable\"\n  | \"dialog\"\n  | \"modal\"\n\nexport interface ConfigurationBlockElement\n  extends BaseElement<`configuration-block.${ConfigurationBlockStyle}`> {\n  name?: string | null\n  label?: string\n  /**\n   * Child element / card payload. For `repeatable` this is the schema\n   * for one row; for `dialog` / `modal` / `elements-block` this is the\n   * full child tree. Kept loose to avoid a circular reference.\n   */\n  selectOptions?: ReadonlyArray<Record<string, unknown>>\n  /** For `repeatable`: label on the \"add row\" button. */\n  addOptionButtonLabel?: string\n  /** For `repeatable`: which child fields to summarise in each row's header. */\n  optionLabelFields?: ReadonlyArray<string>\n  /** For `dialog` / `modal`: label on the trigger button. */\n  triggerButtonLabel?: string\n  /** For `dialog` / `modal`: dialog/modal title. */\n  dialogTitle?: string\n  /** Initial collapsed state for `repeatable` rows. */\n  collapsedByDefault?: boolean\n}\n\nexport const ConfigurationBlockElementDefaults = {\n  type: \"configuration-block.elements-block\",\n  columns: 12,\n  columnsSm: 12,\n  columnsMd: 12,\n  columnsLg: 12,\n  columnsXl: 12,\n} as const satisfies Partial<ConfigurationBlockElement>\n\nexport const ConfigurationBlockElementMetadata = {\n  icon: \"square-dashed-circle-plus\",\n  displayLabel: \"Configuration Group\",\n  elementCategory: \"configuration-block\",\n  description:\n    \"Create a group of configuration elements, these can be repeatable element blocks, modals or dialogs.\",\n} as const satisfies ElementMetadata\n\nexport const ConfigurationBlockElementEditConfig = {\n  label: {\n    type: \"input.text\",\n    defaultValue: \"\",\n    label: \"Label\",\n    columnsMd: 6,\n    columns: 12,\n    section: \"configuration\",\n  },\n  name: {\n    type: \"picker.data-model\",\n    defaultValue: \"\",\n    label: \"Name\",\n    columns: 12,\n    section: \"advanced\",\n  },\n  style: {\n    type: \"option-select.select\",\n    defaultValue: \"elements-block\",\n    label: \"Configuration Style\",\n    selectOptions: [\n      { label: \"Elements List\", value: \"elements-block\" },\n      { label: \"Repeatable\", value: \"repeatable\" },\n      { label: \"Dialog\", value: \"dialog\" },\n      { label: \"Modal\", value: \"modal\" },\n    ],\n    columns: 12,\n    section: \"layout\",\n  },\n  addOptionButtonLabel: {\n    type: \"input.text\",\n    label: \"Add Button Label\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"repeatable\" }],\n  },\n  collapsedByDefault: {\n    type: \"boolean.switch\",\n    label: \"Collapse rows by default\",\n    columns: 6,\n    section: \"layout\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"repeatable\" }],\n  },\n  triggerButtonLabel: {\n    type: \"input.text\",\n    label: \"Trigger Button Label\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [\n      { name: \"style\", logic: \"in-array\", value: [\"dialog\", \"modal\"] },\n    ],\n  },\n  dialogTitle: {\n    type: \"input.text\",\n    label: \"Dialog Title\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [\n      { name: \"style\", logic: \"in-array\", value: [\"dialog\", \"modal\"] },\n    ],\n  },\n} as const satisfies EditConfig\n\nexport const ConfigurationBlockStyleMetadataMap: Partial<Record<ConfigurationBlockStyle, { displayLabel: string; description: string }>> = {\n  repeatable: { displayLabel: \"Repeatable\", description: \"A repeatable row of fields the user can add/remove.\" },\n  dialog: { displayLabel: \"Dialog\", description: \"A configuration block that opens in a modal dialog.\" },\n  modal: { displayLabel: \"Modal\", description: \"A full configuration panel that renders in an overlay modal.\" },\n}\n"],"names":["ConfigurationBlockElementDefaults","ConfigurationBlockElementMetadata","ConfigurationBlockElementEditConfig","ConfigurationBlockStyleMetadataMap"],"mappings":"AA2CO,MAAMA,IAAoC;AAAA,EAC/C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AACb,GAEaC,IAAoC;AAAA,EAC/C,MAAM;AAAA,EACN,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,aACE;AACJ,GAEaC,IAAsC;AAAA,EACjD,OAAO;AAAA,IACL,MAAM;AAAA,IACN,cAAc;AAAA,IACd,OAAO;AAAA,IACP,WAAW;AAAA,IACX,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,cAAc;AAAA,IACd,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,OAAO;AAAA,IACL,MAAM;AAAA,IACN,cAAc;AAAA,IACd,OAAO;AAAA,IACP,eAAe;AAAA,MACb,EAAE,OAAO,iBAAiB,OAAO,iBAAA;AAAA,MACjC,EAAE,OAAO,cAAc,OAAO,aAAA;AAAA,MAC9B,EAAE,OAAO,UAAU,OAAO,SAAA;AAAA,MAC1B,EAAE,OAAO,SAAS,OAAO,QAAA;AAAA,IAAQ;AAAA,IAEnC,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,sBAAsB;AAAA,IACpB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,iBAAiB,CAAC,EAAE,MAAM,SAAS,OAAO,MAAM,OAAO,aAAA,CAAc;AAAA,EAAA;AAAA,EAEvE,oBAAoB;AAAA,IAClB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,iBAAiB,CAAC,EAAE,MAAM,SAAS,OAAO,MAAM,OAAO,aAAA,CAAc;AAAA,EAAA;AAAA,EAEvE,oBAAoB;AAAA,IAClB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,iBAAiB;AAAA,MACf,EAAE,MAAM,SAAS,OAAO,YAAY,OAAO,CAAC,UAAU,OAAO,EAAA;AAAA,IAAE;AAAA,EACjE;AAAA,EAEF,aAAa;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,iBAAiB;AAAA,MACf,EAAE,MAAM,SAAS,OAAO,YAAY,OAAO,CAAC,UAAU,OAAO,EAAA;AAAA,IAAE;AAAA,EACjE;AAEJ,GAEaC,IAA8H;AAAA,EACzI,YAAY,EAAE,cAAc,cAAc,aAAa,sDAAA;AAAA,EACvD,QAAQ,EAAE,cAAc,UAAU,aAAa,sDAAA;AAAA,EAC/C,OAAO,EAAE,cAAc,SAAS,aAAa,+DAAA;AAC/C;"}

package/dist/definitions/elements/DisplayElement.d.ts

@@ -0,0 +1,209 @@
+import { BaseElement } from '../shared/base';
+/**
+ * Variants of the `display` element type. Display elements render
+ * content (read-only) — they don't bind to form data the way inputs do.
+ */
+export type DisplayStyle = "type" | "markdown" | "html" | "iframe" | "image" | "video" | "banner" | "chart" | "carousel" | "barcode" | "qrcode" | "icon" | "progress-bar" | "sprite" | "reactive-canvas";
+/**
+ * Sub-style for the `type` display — picks a typographic role.
+ * Lets the same renderer produce headings, paragraphs, captions, etc.
+ */
+export type DisplayContentType = "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6" | "paragraph" | "lead" | "small" | "caption" | "code" | "quote";
+export interface DisplayElement extends BaseElement<`display.${DisplayStyle}`> {
+    /**
+     * Optional data-model key. When set, the value at that path overrides
+     * `defaultValue` at render time (useful for binding display content to
+     * a sibling field's value).
+     */
+    name?: string | null;
+    /**
+     * Static content. Strings are treated as the raw display value; the
+     * renderer interprets them according to `style` + `contentType`.
+     */
+    defaultValue?: string | number | null;
+    /** Sub-style for the `type` display. */
+    contentType?: DisplayContentType;
+    /** For `image` / `video` / `iframe`: source URL. */
+    src?: string;
+    /** For `image`: alt text. */
+    alt?: string;
+    /** For `icon`: lucide icon name. */
+    iconName?: string;
+    /** For `progress-bar`: 0–100 percentage. */
+    progress?: number;
+    /** For `chart`: chart config payload. */
+    chartConfig?: Record<string, unknown>;
+    /** For `carousel`: slide payload. */
+    slides?: ReadonlyArray<Record<string, unknown>>;
+}
+export declare const DisplayElementDefaults: {
+    readonly type: "display.type";
+    readonly contentType: "paragraph";
+    readonly defaultValue: "";
+    readonly name: null;
+    readonly columns: 12;
+    readonly columnsSm: 12;
+    readonly columnsMd: 12;
+    readonly columnsLg: 12;
+    readonly columnsXl: 12;
+};
+export declare const DisplayElementMetadata: {
+    readonly icon: "type";
+    readonly displayLabel: "Display Content";
+    readonly elementCategory: "display";
+    readonly description: "Read-only content: typography, markdown, images, video, charts, barcodes, icons, and more.";
+};
+export declare const DisplayElementEditConfig: {
+    readonly style: {
+        readonly type: "option-select.select";
+        readonly defaultValue: "type";
+        readonly label: "Display Style";
+        readonly columns: 12;
+        readonly selectOptions: readonly [{
+            readonly label: "Typography";
+            readonly value: "type";
+        }, {
+            readonly label: "Markdown";
+            readonly value: "markdown";
+        }, {
+            readonly label: "HTML";
+            readonly value: "html";
+        }, {
+            readonly label: "Iframe";
+            readonly value: "iframe";
+        }, {
+            readonly label: "Image";
+            readonly value: "image";
+        }, {
+            readonly label: "Video";
+            readonly value: "video";
+        }, {
+            readonly label: "Banner";
+            readonly value: "banner";
+        }, {
+            readonly label: "Chart";
+            readonly value: "chart";
+        }, {
+            readonly label: "Carousel";
+            readonly value: "carousel";
+        }, {
+            readonly label: "Barcode";
+            readonly value: "barcode";
+        }, {
+            readonly label: "QR Code";
+            readonly value: "qrcode";
+        }, {
+            readonly label: "Icon";
+            readonly value: "icon";
+        }, {
+            readonly label: "Progress Bar";
+            readonly value: "progress-bar";
+        }, {
+            readonly label: "Sprite";
+            readonly value: "sprite";
+        }, {
+            readonly label: "Reactive Canvas";
+            readonly value: "reactive-canvas";
+        }];
+        readonly section: "layout";
+    };
+    readonly contentType: {
+        readonly type: "option-select.select";
+        readonly defaultValue: "paragraph";
+        readonly label: "Content Type";
+        readonly columns: 12;
+        readonly selectOptions: readonly [{
+            readonly label: "Heading 1";
+            readonly value: "heading-1";
+        }, {
+            readonly label: "Heading 2";
+            readonly value: "heading-2";
+        }, {
+            readonly label: "Heading 3";
+            readonly value: "heading-3";
+        }, {
+            readonly label: "Heading 4";
+            readonly value: "heading-4";
+        }, {
+            readonly label: "Heading 5";
+            readonly value: "heading-5";
+        }, {
+            readonly label: "Heading 6";
+            readonly value: "heading-6";
+        }, {
+            readonly label: "Paragraph";
+            readonly value: "paragraph";
+        }, {
+            readonly label: "Lead";
+            readonly value: "lead";
+        }, {
+            readonly label: "Small";
+            readonly value: "small";
+        }, {
+            readonly label: "Caption";
+            readonly value: "caption";
+        }, {
+            readonly label: "Code";
+            readonly value: "code";
+        }, {
+            readonly label: "Quote";
+            readonly value: "quote";
+        }];
+        readonly section: "layout";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "==";
+            readonly value: "type";
+        }];
+    };
+    readonly defaultValue: {
+        readonly type: "input.textarea";
+        readonly label: "Content";
+        readonly columns: 12;
+        readonly section: "configuration";
+    };
+    readonly name: {
+        readonly type: "picker.data-model";
+        readonly label: "Data Source Name";
+        readonly columns: 12;
+        readonly section: "configuration";
+    };
+    readonly src: {
+        readonly type: "input.text";
+        readonly label: "Source URL";
+        readonly columns: 12;
+        readonly section: "configuration";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "in-array";
+            readonly value: readonly ["image", "video", "iframe"];
+        }];
+    };
+    readonly alt: {
+        readonly type: "input.text";
+        readonly label: "Alt Text";
+        readonly columns: 12;
+        readonly section: "configuration";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "==";
+            readonly value: "image";
+        }];
+    };
+    readonly iconName: {
+        readonly type: "picker.icon";
+        readonly label: "Icon";
+        readonly columns: 12;
+        readonly section: "configuration";
+        readonly conditionParams: [{
+            readonly name: "style";
+            readonly logic: "==";
+            readonly value: "icon";
+        }];
+    };
+};
+export declare const DisplayStyleMetadataMap: Partial<Record<DisplayStyle, {
+    displayLabel: string;
+    description: string;
+}>>;
+//# sourceMappingURL=DisplayElement.d.ts.map

package/dist/definitions/elements/DisplayElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisplayElement.d.ts","sourceRoot":"","sources":["../../../src/definitions/elements/DisplayElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EAGZ,MAAM,2BAA2B,CAAA;AAElC;;;GAGG;AACH,MAAM,MAAM,YAAY,GACpB,MAAM,GACN,UAAU,GACV,MAAM,GACN,QAAQ,GACR,OAAO,GACP,OAAO,GACP,QAAQ,GACR,OAAO,GACP,UAAU,GACV,SAAS,GACT,QAAQ,GACR,MAAM,GACN,cAAc,GACd,QAAQ,GACR,iBAAiB,CAAA;AAErB;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAC1B,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,MAAM,GACN,OAAO,GACP,SAAS,GACT,MAAM,GACN,OAAO,CAAA;AAEX,MAAM,WAAW,cAAe,SAAQ,WAAW,CAAC,WAAW,YAAY,EAAE,CAAC;IAC5E;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IACrC,wCAAwC;IACxC,WAAW,CAAC,EAAE,kBAAkB,CAAA;IAChC,oDAAoD;IACpD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACrC,qCAAqC;IACrC,MAAM,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;CAChD;AAED,eAAO,MAAM,sBAAsB;;;;;;;;;;CAUS,CAAA;AAE5C,eAAO,MAAM,sBAAsB;;;;;CAMC,CAAA;AAEpC,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFN,CAAA;AAE/B,eAAO,MAAM,uBAAuB,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC,CAgBhH,CAAA"}