@gxp-dev/mod-ui 2.0.10 → 2.0.12

package/dist/definitions/elements/DisplayElement.js

@@ -1,121 +1,263 @@
-const e = {
-  type: "display.type",
-  contentType: "paragraph",
-  defaultValue: "",
-  name: null,
-  columns: 12,
-  columnsSm: 12,
-  columnsMd: 12,
-  columnsLg: 12,
-  columnsXl: 12
-}, a = {
-  icon: "type",
-  displayLabel: "Display Content",
-  elementCategory: "display",
-  description: "Read-only content: typography, markdown, images, video, charts, barcodes, icons, and more."
-}, l = {
-  style: {
-    type: "option-select.select",
-    defaultValue: "type",
-    label: "Display Style",
-    columns: 12,
-    selectOptions: [
-      { label: "Typography", value: "type" },
-      { label: "Markdown", value: "markdown" },
-      { label: "HTML", value: "html" },
-      { label: "Iframe", value: "iframe" },
-      { label: "Image", value: "image" },
-      { label: "Video", value: "video" },
-      { label: "Banner", value: "banner" },
-      { label: "Chart", value: "chart" },
-      { label: "Carousel", value: "carousel" },
-      { label: "Barcode", value: "barcode" },
-      { label: "QR Code", value: "qrcode" },
-      { label: "Icon", value: "icon" },
-      { label: "Progress Bar", value: "progress-bar" },
-      { label: "Sprite", value: "sprite" },
-      { label: "Reactive Canvas", value: "reactive-canvas" }
-    ],
-    section: "layout"
-  },
-  contentType: {
-    type: "option-select.select",
-    defaultValue: "paragraph",
-    label: "Content Type",
-    columns: 12,
-    selectOptions: [
-      { label: "Heading 1", value: "heading-1" },
-      { label: "Heading 2", value: "heading-2" },
-      { label: "Heading 3", value: "heading-3" },
-      { label: "Heading 4", value: "heading-4" },
-      { label: "Heading 5", value: "heading-5" },
-      { label: "Heading 6", value: "heading-6" },
-      { label: "Paragraph", value: "paragraph" },
-      { label: "Lead", value: "lead" },
-      { label: "Small", value: "small" },
-      { label: "Caption", value: "caption" },
-      { label: "Code", value: "code" },
-      { label: "Quote", value: "quote" }
-    ],
-    section: "layout",
-    conditionParams: [{ name: "style", logic: "==", value: "type" }]
-  },
-  defaultValue: {
-    type: "input.textarea",
-    label: "Content",
-    columns: 12,
-    section: "configuration"
-  },
-  name: {
-    type: "picker.data-model",
-    label: "Data Source Name",
-    columns: 12,
-    section: "configuration"
-  },
-  src: {
-    type: "input.text",
-    label: "Source URL",
-    columns: 12,
-    section: "configuration",
-    conditionParams: [
-      { name: "style", logic: "in-array", value: ["image", "video", "iframe"] }
-    ]
-  },
-  alt: {
-    type: "input.text",
-    label: "Alt Text",
-    columns: 12,
-    section: "configuration",
-    conditionParams: [{ name: "style", logic: "==", value: "image" }]
-  },
-  iconName: {
-    type: "picker.icon",
-    label: "Icon",
-    columns: 12,
-    section: "configuration",
-    conditionParams: [{ name: "style", logic: "==", value: "icon" }]
-  }
+//#region src/definitions/elements/DisplayElement.ts
+var e = {
+	type: "display.type",
+	contentType: "paragraph",
+	defaultValue: "",
+	name: null,
+	columns: 12,
+	columnsSm: 12,
+	columnsMd: 12,
+	columnsLg: 12,
+	columnsXl: 12
+}, t = {
+	icon: "type",
+	displayLabel: "Display Content",
+	elementCategory: "display",
+	description: "Read-only content: typography, markdown, images, video, charts, barcodes, icons, and more."
 }, n = {
-  type: { displayLabel: "Typography", description: "Render styled text: headings, paragraphs, captions, quotes." },
-  markdown: { displayLabel: "Markdown", description: "Render a Markdown string as formatted HTML." },
-  html: { displayLabel: "HTML", description: "Render raw HTML content safely." },
-  iframe: { displayLabel: "Iframe", description: "Embed an external page or document in an iframe." },
-  image: { displayLabel: "Image", description: "Display an image from a URL or asset library." },
-  video: { displayLabel: "Video", description: "Embed and play a video from a URL or asset." },
-  banner: { displayLabel: "Banner", description: "A full-width banner with a background image and overlay text." },
-  chart: { displayLabel: "Chart", description: "Render a Chart.js chart from a data config." },
-  carousel: { displayLabel: "Carousel", description: "Display a scrollable slide carousel." },
-  barcode: { displayLabel: "Barcode", description: "Render a 1D barcode from a string value." },
-  qrcode: { displayLabel: "QR Code", description: "Render a QR code from a string value." },
-  icon: { displayLabel: "Icon", description: "Display a single lucide icon with optional colour and size." },
-  "progress-bar": { displayLabel: "Progress Bar", description: "A percentage-based progress bar." },
-  sprite: { displayLabel: "Sprite", description: "Render an SVG sprite or icon sheet frame." },
-  "reactive-canvas": { displayLabel: "Reactive Canvas", description: "A canvas that reactively renders positioned block elements." }
+	style: {
+		type: "option-select.select",
+		defaultValue: "type",
+		label: "Display Style",
+		columns: 12,
+		selectOptions: [
+			{
+				label: "Typography",
+				value: "type"
+			},
+			{
+				label: "Markdown",
+				value: "markdown"
+			},
+			{
+				label: "HTML",
+				value: "html"
+			},
+			{
+				label: "Iframe",
+				value: "iframe"
+			},
+			{
+				label: "Image",
+				value: "image"
+			},
+			{
+				label: "Video",
+				value: "video"
+			},
+			{
+				label: "Banner",
+				value: "banner"
+			},
+			{
+				label: "Chart",
+				value: "chart"
+			},
+			{
+				label: "Carousel",
+				value: "carousel"
+			},
+			{
+				label: "Barcode",
+				value: "barcode"
+			},
+			{
+				label: "QR Code",
+				value: "qrcode"
+			},
+			{
+				label: "Icon",
+				value: "icon"
+			},
+			{
+				label: "Progress Bar",
+				value: "progress-bar"
+			},
+			{
+				label: "Sprite",
+				value: "sprite"
+			},
+			{
+				label: "Reactive Canvas",
+				value: "reactive-canvas"
+			}
+		],
+		section: "layout"
+	},
+	contentType: {
+		type: "option-select.select",
+		defaultValue: "paragraph",
+		label: "Content Type",
+		columns: 12,
+		selectOptions: [
+			{
+				label: "Heading 1",
+				value: "heading-1"
+			},
+			{
+				label: "Heading 2",
+				value: "heading-2"
+			},
+			{
+				label: "Heading 3",
+				value: "heading-3"
+			},
+			{
+				label: "Heading 4",
+				value: "heading-4"
+			},
+			{
+				label: "Heading 5",
+				value: "heading-5"
+			},
+			{
+				label: "Heading 6",
+				value: "heading-6"
+			},
+			{
+				label: "Paragraph",
+				value: "paragraph"
+			},
+			{
+				label: "Lead",
+				value: "lead"
+			},
+			{
+				label: "Small",
+				value: "small"
+			},
+			{
+				label: "Caption",
+				value: "caption"
+			},
+			{
+				label: "Code",
+				value: "code"
+			},
+			{
+				label: "Quote",
+				value: "quote"
+			}
+		],
+		section: "layout",
+		conditionParams: [{
+			name: "style",
+			logic: "==",
+			value: "type"
+		}]
+	},
+	defaultValue: {
+		type: "input.textarea",
+		label: "Content",
+		columns: 12,
+		section: "configuration"
+	},
+	name: {
+		type: "picker.data-model",
+		label: "Data Source Name",
+		columns: 12,
+		section: "configuration"
+	},
+	src: {
+		type: "input.text",
+		label: "Source URL",
+		columns: 12,
+		section: "configuration",
+		conditionParams: [{
+			name: "style",
+			logic: "in-array",
+			value: [
+				"image",
+				"video",
+				"iframe"
+			]
+		}]
+	},
+	alt: {
+		type: "input.text",
+		label: "Alt Text",
+		columns: 12,
+		section: "configuration",
+		conditionParams: [{
+			name: "style",
+			logic: "==",
+			value: "image"
+		}]
+	},
+	iconName: {
+		type: "picker.icon",
+		label: "Icon",
+		columns: 12,
+		section: "configuration",
+		conditionParams: [{
+			name: "style",
+			logic: "==",
+			value: "icon"
+		}]
+	}
+}, r = {
+	type: {
+		displayLabel: "Typography",
+		description: "Render styled text: headings, paragraphs, captions, quotes."
+	},
+	markdown: {
+		displayLabel: "Markdown",
+		description: "Render a Markdown string as formatted HTML."
+	},
+	html: {
+		displayLabel: "HTML",
+		description: "Render raw HTML content safely."
+	},
+	iframe: {
+		displayLabel: "Iframe",
+		description: "Embed an external page or document in an iframe."
+	},
+	image: {
+		displayLabel: "Image",
+		description: "Display an image from a URL or asset library."
+	},
+	video: {
+		displayLabel: "Video",
+		description: "Embed and play a video from a URL or asset."
+	},
+	banner: {
+		displayLabel: "Banner",
+		description: "A full-width banner with a background image and overlay text."
+	},
+	chart: {
+		displayLabel: "Chart",
+		description: "Render a Chart.js chart from a data config."
+	},
+	carousel: {
+		displayLabel: "Carousel",
+		description: "Display a scrollable slide carousel."
+	},
+	barcode: {
+		displayLabel: "Barcode",
+		description: "Render a 1D barcode from a string value."
+	},
+	qrcode: {
+		displayLabel: "QR Code",
+		description: "Render a QR code from a string value."
+	},
+	icon: {
+		displayLabel: "Icon",
+		description: "Display a single lucide icon with optional colour and size."
+	},
+	"progress-bar": {
+		displayLabel: "Progress Bar",
+		description: "A percentage-based progress bar."
+	},
+	sprite: {
+		displayLabel: "Sprite",
+		description: "Render an SVG sprite or icon sheet frame."
+	},
+	"reactive-canvas": {
+		displayLabel: "Reactive Canvas",
+		description: "A canvas that reactively renders positioned block elements."
+	}
 };
-export {
-  e as DisplayElementDefaults,
-  l as DisplayElementEditConfig,
-  a as DisplayElementMetadata,
-  n as DisplayStyleMetadataMap
-};
-//# sourceMappingURL=DisplayElement.js.map
+//#endregion
+export { e as DisplayElementDefaults, n as DisplayElementEditConfig, t as DisplayElementMetadata, r as DisplayStyleMetadataMap };
+
+//# sourceMappingURL=DisplayElement.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DisplayElement.js","sources":["../../../src/definitions/elements/DisplayElement.ts"],"sourcesContent":["import type {\n  BaseElement,\n  EditConfig,\n  ElementMetadata,\n} from \"@/definitions/shared/base\"\n\n/**\n * Variants of the `display` element type. Display elements render\n * content (read-only) — they don't bind to form data the way inputs do.\n */\nexport type DisplayStyle =\n  | \"type\" // Plain typography. The default.\n  | \"markdown\"\n  | \"html\"\n  | \"iframe\"\n  | \"image\"\n  | \"video\"\n  | \"banner\"\n  | \"chart\"\n  | \"carousel\"\n  | \"barcode\"\n  | \"qrcode\"\n  | \"icon\"\n  | \"progress-bar\"\n  | \"sprite\"\n  | \"reactive-canvas\"\n\n/**\n * Sub-style for the `type` display — picks a typographic role.\n * Lets the same renderer produce headings, paragraphs, captions, etc.\n */\nexport type DisplayContentType =\n  | \"heading-1\"\n  | \"heading-2\"\n  | \"heading-3\"\n  | \"heading-4\"\n  | \"heading-5\"\n  | \"heading-6\"\n  | \"paragraph\"\n  | \"lead\"\n  | \"small\"\n  | \"caption\"\n  | \"code\"\n  | \"quote\"\n\nexport interface DisplayElement extends BaseElement<`display.${DisplayStyle}`> {\n  /**\n   * Optional data-model key. When set, the value at that path overrides\n   * `defaultValue` at render time (useful for binding display content to\n   * a sibling field's value).\n   */\n  name?: string | null\n  /**\n   * Static content. Strings are treated as the raw display value; the\n   * renderer interprets them according to `style` + `contentType`.\n   */\n  defaultValue?: string | number | null\n  /** Sub-style for the `type` display. */\n  contentType?: DisplayContentType\n  /** For `image` / `video` / `iframe`: source URL. */\n  src?: string\n  /** For `image`: alt text. */\n  alt?: string\n  /** For `icon`: lucide icon name. */\n  iconName?: string\n  /** For `progress-bar`: 0–100 percentage. */\n  progress?: number\n  /** For `chart`: chart config payload. */\n  chartConfig?: Record<string, unknown>\n  /** For `carousel`: slide payload. */\n  slides?: ReadonlyArray<Record<string, unknown>>\n}\n\nexport const DisplayElementDefaults = {\n  type: \"display.type\",\n  contentType: \"paragraph\",\n  defaultValue: \"\",\n  name: null,\n  columns: 12,\n  columnsSm: 12,\n  columnsMd: 12,\n  columnsLg: 12,\n  columnsXl: 12,\n} as const satisfies Partial<DisplayElement>\n\nexport const DisplayElementMetadata = {\n  icon: \"type\",\n  displayLabel: \"Display Content\",\n  elementCategory: \"display\",\n  description:\n    \"Read-only content: typography, markdown, images, video, charts, barcodes, icons, and more.\",\n} as const satisfies ElementMetadata\n\nexport const DisplayElementEditConfig = {\n  style: {\n    type: \"option-select.select\",\n    defaultValue: \"type\",\n    label: \"Display Style\",\n    columns: 12,\n    selectOptions: [\n      { label: \"Typography\", value: \"type\" },\n      { label: \"Markdown\", value: \"markdown\" },\n      { label: \"HTML\", value: \"html\" },\n      { label: \"Iframe\", value: \"iframe\" },\n      { label: \"Image\", value: \"image\" },\n      { label: \"Video\", value: \"video\" },\n      { label: \"Banner\", value: \"banner\" },\n      { label: \"Chart\", value: \"chart\" },\n      { label: \"Carousel\", value: \"carousel\" },\n      { label: \"Barcode\", value: \"barcode\" },\n      { label: \"QR Code\", value: \"qrcode\" },\n      { label: \"Icon\", value: \"icon\" },\n      { label: \"Progress Bar\", value: \"progress-bar\" },\n      { label: \"Sprite\", value: \"sprite\" },\n      { label: \"Reactive Canvas\", value: \"reactive-canvas\" },\n    ],\n    section: \"layout\",\n  },\n  contentType: {\n    type: \"option-select.select\",\n    defaultValue: \"paragraph\",\n    label: \"Content Type\",\n    columns: 12,\n    selectOptions: [\n      { label: \"Heading 1\", value: \"heading-1\" },\n      { label: \"Heading 2\", value: \"heading-2\" },\n      { label: \"Heading 3\", value: \"heading-3\" },\n      { label: \"Heading 4\", value: \"heading-4\" },\n      { label: \"Heading 5\", value: \"heading-5\" },\n      { label: \"Heading 6\", value: \"heading-6\" },\n      { label: \"Paragraph\", value: \"paragraph\" },\n      { label: \"Lead\", value: \"lead\" },\n      { label: \"Small\", value: \"small\" },\n      { label: \"Caption\", value: \"caption\" },\n      { label: \"Code\", value: \"code\" },\n      { label: \"Quote\", value: \"quote\" },\n    ],\n    section: \"layout\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"type\" }],\n  },\n  defaultValue: {\n    type: \"input.textarea\",\n    label: \"Content\",\n    columns: 12,\n    section: \"configuration\",\n  },\n  name: {\n    type: \"picker.data-model\",\n    label: \"Data Source Name\",\n    columns: 12,\n    section: \"configuration\",\n  },\n  src: {\n    type: \"input.text\",\n    label: \"Source URL\",\n    columns: 12,\n    section: \"configuration\",\n    conditionParams: [\n      { name: \"style\", logic: \"in-array\", value: [\"image\", \"video\", \"iframe\"] },\n    ],\n  },\n  alt: {\n    type: \"input.text\",\n    label: \"Alt Text\",\n    columns: 12,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"image\" }],\n  },\n  iconName: {\n    type: \"picker.icon\",\n    label: \"Icon\",\n    columns: 12,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"icon\" }],\n  },\n} as const satisfies EditConfig\n\nexport const DisplayStyleMetadataMap: Partial<Record<DisplayStyle, { displayLabel: string; description: string }>> = {\n  type: { displayLabel: \"Typography\", description: \"Render styled text: headings, paragraphs, captions, quotes.\" },\n  markdown: { displayLabel: \"Markdown\", description: \"Render a Markdown string as formatted HTML.\" },\n  html: { displayLabel: \"HTML\", description: \"Render raw HTML content safely.\" },\n  iframe: { displayLabel: \"Iframe\", description: \"Embed an external page or document in an iframe.\" },\n  image: { displayLabel: \"Image\", description: \"Display an image from a URL or asset library.\" },\n  video: { displayLabel: \"Video\", description: \"Embed and play a video from a URL or asset.\" },\n  banner: { displayLabel: \"Banner\", description: \"A full-width banner with a background image and overlay text.\" },\n  chart: { displayLabel: \"Chart\", description: \"Render a Chart.js chart from a data config.\" },\n  carousel: { displayLabel: \"Carousel\", description: \"Display a scrollable slide carousel.\" },\n  barcode: { displayLabel: \"Barcode\", description: \"Render a 1D barcode from a string value.\" },\n  qrcode: { displayLabel: \"QR Code\", description: \"Render a QR code from a string value.\" },\n  icon: { displayLabel: \"Icon\", description: \"Display a single lucide icon with optional colour and size.\" },\n  \"progress-bar\": { displayLabel: \"Progress Bar\", description: \"A percentage-based progress bar.\" },\n  sprite: { displayLabel: \"Sprite\", description: \"Render an SVG sprite or icon sheet frame.\" },\n  \"reactive-canvas\": { displayLabel: \"Reactive Canvas\", description: \"A canvas that reactively renders positioned block elements.\" },\n}\n"],"names":["DisplayElementDefaults","DisplayElementMetadata","DisplayElementEditConfig","DisplayStyleMetadataMap"],"mappings":"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"}
+{"version":3,"file":"DisplayElement.js","names":[],"sources":["../../../src/definitions/elements/DisplayElement.ts"],"sourcesContent":["import type {\n  BaseElement,\n  EditConfig,\n  ElementMetadata,\n} from \"@/definitions/shared/base\"\n\n/**\n * Variants of the `display` element type. Display elements render\n * content (read-only) — they don't bind to form data the way inputs do.\n */\nexport type DisplayStyle =\n  | \"type\" // Plain typography. The default.\n  | \"markdown\"\n  | \"html\"\n  | \"iframe\"\n  | \"image\"\n  | \"video\"\n  | \"banner\"\n  | \"chart\"\n  | \"carousel\"\n  | \"barcode\"\n  | \"qrcode\"\n  | \"icon\"\n  | \"progress-bar\"\n  | \"sprite\"\n  | \"reactive-canvas\"\n\n/**\n * Sub-style for the `type` display — picks a typographic role.\n * Lets the same renderer produce headings, paragraphs, captions, etc.\n */\nexport type DisplayContentType =\n  | \"heading-1\"\n  | \"heading-2\"\n  | \"heading-3\"\n  | \"heading-4\"\n  | \"heading-5\"\n  | \"heading-6\"\n  | \"paragraph\"\n  | \"lead\"\n  | \"small\"\n  | \"caption\"\n  | \"code\"\n  | \"quote\"\n\nexport interface DisplayElement extends BaseElement<`display.${DisplayStyle}`> {\n  /**\n   * Optional data-model key. When set, the value at that path overrides\n   * `defaultValue` at render time (useful for binding display content to\n   * a sibling field's value).\n   */\n  name?: string | null\n  /**\n   * Static content. Strings are treated as the raw display value; the\n   * renderer interprets them according to `style` + `contentType`.\n   */\n  defaultValue?: string | number | null\n  /** Sub-style for the `type` display. */\n  contentType?: DisplayContentType\n  /** For `image` / `video` / `iframe`: source URL. */\n  src?: string\n  /** For `image`: alt text. */\n  alt?: string\n  /** For `icon`: lucide icon name. */\n  iconName?: string\n  /** For `progress-bar`: 0–100 percentage. */\n  progress?: number\n  /** For `chart`: chart config payload. */\n  chartConfig?: Record<string, unknown>\n  /** For `carousel`: slide payload. */\n  slides?: ReadonlyArray<Record<string, unknown>>\n}\n\nexport const DisplayElementDefaults = {\n  type: \"display.type\",\n  contentType: \"paragraph\",\n  defaultValue: \"\",\n  name: null,\n  columns: 12,\n  columnsSm: 12,\n  columnsMd: 12,\n  columnsLg: 12,\n  columnsXl: 12,\n} as const satisfies Partial<DisplayElement>\n\nexport const DisplayElementMetadata = {\n  icon: \"type\",\n  displayLabel: \"Display Content\",\n  elementCategory: \"display\",\n  description:\n    \"Read-only content: typography, markdown, images, video, charts, barcodes, icons, and more.\",\n} as const satisfies ElementMetadata\n\nexport const DisplayElementEditConfig = {\n  style: {\n    type: \"option-select.select\",\n    defaultValue: \"type\",\n    label: \"Display Style\",\n    columns: 12,\n    selectOptions: [\n      { label: \"Typography\", value: \"type\" },\n      { label: \"Markdown\", value: \"markdown\" },\n      { label: \"HTML\", value: \"html\" },\n      { label: \"Iframe\", value: \"iframe\" },\n      { label: \"Image\", value: \"image\" },\n      { label: \"Video\", value: \"video\" },\n      { label: \"Banner\", value: \"banner\" },\n      { label: \"Chart\", value: \"chart\" },\n      { label: \"Carousel\", value: \"carousel\" },\n      { label: \"Barcode\", value: \"barcode\" },\n      { label: \"QR Code\", value: \"qrcode\" },\n      { label: \"Icon\", value: \"icon\" },\n      { label: \"Progress Bar\", value: \"progress-bar\" },\n      { label: \"Sprite\", value: \"sprite\" },\n      { label: \"Reactive Canvas\", value: \"reactive-canvas\" },\n    ],\n    section: \"layout\",\n  },\n  contentType: {\n    type: \"option-select.select\",\n    defaultValue: \"paragraph\",\n    label: \"Content Type\",\n    columns: 12,\n    selectOptions: [\n      { label: \"Heading 1\", value: \"heading-1\" },\n      { label: \"Heading 2\", value: \"heading-2\" },\n      { label: \"Heading 3\", value: \"heading-3\" },\n      { label: \"Heading 4\", value: \"heading-4\" },\n      { label: \"Heading 5\", value: \"heading-5\" },\n      { label: \"Heading 6\", value: \"heading-6\" },\n      { label: \"Paragraph\", value: \"paragraph\" },\n      { label: \"Lead\", value: \"lead\" },\n      { label: \"Small\", value: \"small\" },\n      { label: \"Caption\", value: \"caption\" },\n      { label: \"Code\", value: \"code\" },\n      { label: \"Quote\", value: \"quote\" },\n    ],\n    section: \"layout\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"type\" }],\n  },\n  defaultValue: {\n    type: \"input.textarea\",\n    label: \"Content\",\n    columns: 12,\n    section: \"configuration\",\n  },\n  name: {\n    type: \"picker.data-model\",\n    label: \"Data Source Name\",\n    columns: 12,\n    section: \"configuration\",\n  },\n  src: {\n    type: \"input.text\",\n    label: \"Source URL\",\n    columns: 12,\n    section: \"configuration\",\n    conditionParams: [\n      { name: \"style\", logic: \"in-array\", value: [\"image\", \"video\", \"iframe\"] },\n    ],\n  },\n  alt: {\n    type: \"input.text\",\n    label: \"Alt Text\",\n    columns: 12,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"image\" }],\n  },\n  iconName: {\n    type: \"picker.icon\",\n    label: \"Icon\",\n    columns: 12,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"icon\" }],\n  },\n} as const satisfies EditConfig\n\nexport const DisplayStyleMetadataMap: Partial<Record<DisplayStyle, { displayLabel: string; description: string }>> = {\n  type: { displayLabel: \"Typography\", description: \"Render styled text: headings, paragraphs, captions, quotes.\" },\n  markdown: { displayLabel: \"Markdown\", description: \"Render a Markdown string as formatted HTML.\" },\n  html: { displayLabel: \"HTML\", description: \"Render raw HTML content safely.\" },\n  iframe: { displayLabel: \"Iframe\", description: \"Embed an external page or document in an iframe.\" },\n  image: { displayLabel: \"Image\", description: \"Display an image from a URL or asset library.\" },\n  video: { displayLabel: \"Video\", description: \"Embed and play a video from a URL or asset.\" },\n  banner: { displayLabel: \"Banner\", description: \"A full-width banner with a background image and overlay text.\" },\n  chart: { displayLabel: \"Chart\", description: \"Render a Chart.js chart from a data config.\" },\n  carousel: { displayLabel: \"Carousel\", description: \"Display a scrollable slide carousel.\" },\n  barcode: { displayLabel: \"Barcode\", description: \"Render a 1D barcode from a string value.\" },\n  qrcode: { displayLabel: \"QR Code\", description: \"Render a QR code from a string value.\" },\n  icon: { displayLabel: \"Icon\", description: \"Display a single lucide icon with optional colour and size.\" },\n  \"progress-bar\": { displayLabel: \"Progress Bar\", description: \"A percentage-based progress bar.\" },\n  sprite: { displayLabel: \"Sprite\", description: \"Render an SVG sprite or icon sheet frame.\" },\n  \"reactive-canvas\": { displayLabel: \"Reactive Canvas\", description: \"A canvas that reactively renders positioned block elements.\" },\n}\n"],"mappings":"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"}