@gxp-dev/mod-ui 2.0.10 → 2.0.14

package/dist/definitions/elements/CardLayoutElement.js

@@ -1,152 +0,0 @@
-const t = {
-  type: "card.list",
-  showCard: !0,
-  gutterY: "1rem",
-  gutterX: "0",
-  gridCols: 3,
-  gridRowHeight: 60,
-  columns: 12,
-  columnsSm: 12,
-  columnsMd: 12,
-  columnsLg: 12,
-  columnsXl: 12
-}, a = {
-  icon: "layout-panel-left",
-  displayLabel: "Card / Layout Block",
-  elementCategory: "card",
-  description: "A layout container. Use 'list' to group elements in a card, 'tab' for tabbed sections, 'info' for display tiles, or 'datatable'/'grid' for structured data."
-}, e = {
-  style: {
-    type: "option-select.select",
-    defaultValue: "list",
-    label: "Card Style",
-    selectOptions: [
-      { label: "List", value: "list" },
-      { label: "Tab Container", value: "tab" },
-      { label: "Info Card", value: "info" },
-      { label: "Data Table", value: "datatable" },
-      { label: "Grid Layout", value: "grid" }
-    ],
-    columns: 12,
-    section: "layout"
-  },
-  title: {
-    type: "input.text",
-    label: "Title",
-    columns: 12,
-    section: "configuration"
-  },
-  subtitle: {
-    type: "input.text",
-    label: "Subtitle",
-    columns: 12,
-    section: "configuration",
-    conditionParams: [{ name: "style", logic: "in-array", value: ["list", "info"] }]
-  },
-  showCard: {
-    type: "boolean.switch",
-    defaultValue: !0,
-    label: "Show Card Chrome",
-    columns: 12,
-    section: "layout",
-    conditionParams: [{ name: "style", logic: "in-array", value: ["list", "tab", "info"] }]
-  },
-  gutterY: {
-    type: "input.text",
-    label: "Vertical Gap",
-    columns: 6,
-    section: "layout",
-    conditionParams: [{ name: "style", logic: "in-array", value: ["list", "tab"] }]
-  },
-  gutterX: {
-    type: "input.text",
-    label: "Horizontal Gap",
-    columns: 6,
-    section: "layout",
-    conditionParams: [{ name: "style", logic: "in-array", value: ["list", "tab"] }]
-  },
-  gridCols: {
-    type: "input.number",
-    label: "Grid Columns",
-    columns: 6,
-    section: "layout",
-    conditionParams: [{ name: "style", logic: "==", value: "grid" }]
-  },
-  gridRowHeight: {
-    type: "input.number",
-    label: "Row Height (px)",
-    columns: 6,
-    section: "layout",
-    conditionParams: [{ name: "style", logic: "==", value: "grid" }]
-  },
-  dataRoute: {
-    type: "input.text",
-    label: "Data Route",
-    columns: 12,
-    section: "configuration",
-    conditionParams: [{ name: "style", logic: "==", value: "datatable" }]
-  },
-  icon: {
-    type: "picker.icon",
-    label: "Header Icon",
-    columns: 6,
-    section: "configuration",
-    conditionParams: [{ name: "style", logic: "==", value: "info" }]
-  },
-  iconColor: {
-    type: "input.text",
-    label: "Icon Color",
-    columns: 6,
-    section: "configuration",
-    conditionParams: [{ name: "style", logic: "==", value: "info" }]
-  },
-  headerImage: {
-    type: "file.asset-picker",
-    label: "Header Image",
-    columns: 12,
-    section: "configuration",
-    conditionParams: [{ name: "style", logic: "==", value: "info" }]
-  },
-  headerRatio: {
-    type: "input.text",
-    label: "Image Aspect Ratio",
-    columns: 6,
-    section: "layout",
-    conditionParams: [{ name: "style", logic: "==", value: "info" }]
-  },
-  lessPadding: {
-    type: "boolean.switch",
-    label: "Reduce Padding",
-    columns: 6,
-    section: "layout",
-    conditionParams: [{ name: "style", logic: "==", value: "info" }]
-  }
-}, l = {
-  list: {
-    displayLabel: "List",
-    description: "A card containing a vertical list of elements — the primary layout block."
-  },
-  tab: {
-    displayLabel: "Tab Container",
-    description: "A tabbed card that groups elements into selectable tabs."
-  },
-  info: {
-    displayLabel: "Info Card",
-    description: "A display tile with an optional header image/icon and key-value fields."
-  },
-  datatable: {
-    displayLabel: "Data Table",
-    description: "A sortable, paginated data table fetched from an API route."
-  },
-  grid: {
-    displayLabel: "Grid Layout",
-    description: "A CSS-grid canvas for structured multi-column element placement."
-  }
-};
-export {
-  t as CardLayoutElementDefaults,
-  e as CardLayoutElementEditConfig,
-  a as CardLayoutElementMetadata,
-  l as CardStyleMetadataMap
-};
-//# sourceMappingURL=CardLayoutElement.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CardLayoutElement.js","sources":["../../../src/definitions/elements/CardLayoutElement.ts"],"sourcesContent":["import type {\n  BaseElement,\n  EditConfig,\n  ElementMetadata,\n} from \"@/definitions/shared/base\"\n\n/**\n * Variants of the `card` element type. Each maps to a Vue file under\n * `src/components/compositions/elements/card/` via the engine registry.\n *\n * `card.*` elements bridge the element/card divide: they act as layout\n * containers that live inline inside any element list. In the FormBuilder,\n * `card.list` is the primary nested canvas — its `elementList` IDs\n * reference entries in the flat schema, enabling drag-and-drop in/out of\n * the container. The other styles wrap their corresponding DisplayCard\n * compositions as element-compatible renderers.\n */\nexport type CardStyle = \"list\" | \"datatable\" | \"grid\" | \"info\" | \"tab\"\n\nexport interface CardLayoutElement extends BaseElement<`card.${CardStyle}`> {\n  // ── Common ────────────────────────────────────────────────────────────\n  title?: string\n  subtitle?: string\n  showCard?: boolean\n\n  // ── list + tab (nested element containers) ────────────────────────────\n  /**\n   * Builder-managed child element IDs. Resolved to `nestedElements` by\n   * the FormBuilder canvas before being passed to the composition as props.\n   */\n  elementList?: string[]\n  /**\n   * Resolved child elements passed by the FormBuilder / engine at render\n   * time. Compositions receive this, NOT `elementList`.\n   */\n  nestedElements?: Array<Record<string, unknown>>\n  /** Vertical gap between nested elements. */\n  gutterY?: string\n  /** Horizontal gap between nested elements. */\n  gutterX?: string\n\n  // ── tab ───────────────────────────────────────────────────────────────\n  /**\n   * For `card.tab`: one entry per tab. Each tab owns its own `elementList`\n   * which the FormBuilder manages as a sub-container.\n   */\n  tabs?: Array<{ id: string; label: string; elementList?: string[] }>\n  /** Active tab index shown on mount (default 0). */\n  activeTab?: number\n\n  // ── datatable ─────────────────────────────────────────────────────────\n  /** API endpoint for fetching table rows. */\n  dataRoute?: string\n  /**\n   * Column definitions. Named `tableColumns` to avoid shadowing the\n   * responsive-grid `columns` field from `ResponsiveColumns`.\n   */\n  tableColumns?: Array<{ key: string; label: string; sortable?: boolean }>\n\n  // ── grid ──────────────────────────────────────────────────────────────\n  /** Number of CSS-grid columns (default 3). */\n  gridCols?: number\n  /** Row height in pixels used by the grid layout (default 60). */\n  gridRowHeight?: number\n\n  // ── info ──────────────────────────────────────────────────────────────\n  /** Icon shown in the card header. */\n  icon?: string\n  /** Tailwind / CSS colour class for the header icon. */\n  iconColor?: string\n  /** URL or asset path for a card header image. */\n  headerImage?: string\n  /** Aspect ratio string for the header image (e.g. `\"16/9\"`). */\n  headerRatio?: string\n  /** Reduce internal padding. */\n  lessPadding?: boolean\n  /** Key/value pairs rendered as read-only rows in the card body. */\n  fields?: Array<{\n    label: string\n    value: string\n    icon?: string\n    format?: string\n    prepend?: string\n    append?: string\n  }>\n}\n\nexport const CardLayoutElementDefaults = {\n  type: \"card.list\",\n  showCard: true,\n  gutterY: \"1rem\",\n  gutterX: \"0\",\n  gridCols: 3,\n  gridRowHeight: 60,\n  columns: 12,\n  columnsSm: 12,\n  columnsMd: 12,\n  columnsLg: 12,\n  columnsXl: 12,\n} as const satisfies Partial<CardLayoutElement>\n\nexport const CardLayoutElementMetadata = {\n  icon: \"layout-panel-left\",\n  displayLabel: \"Card / Layout Block\",\n  elementCategory: \"card\",\n  description:\n    \"A layout container. Use 'list' to group elements in a card, 'tab' for tabbed sections, 'info' for display tiles, or 'datatable'/'grid' for structured data.\",\n} as const satisfies ElementMetadata\n\nexport const CardLayoutElementEditConfig = {\n  style: {\n    type: \"option-select.select\",\n    defaultValue: \"list\",\n    label: \"Card Style\",\n    selectOptions: [\n      { label: \"List\", value: \"list\" },\n      { label: \"Tab Container\", value: \"tab\" },\n      { label: \"Info Card\", value: \"info\" },\n      { label: \"Data Table\", value: \"datatable\" },\n      { label: \"Grid Layout\", value: \"grid\" },\n    ],\n    columns: 12,\n    section: \"layout\",\n  },\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    conditionParams: [{ name: \"style\", logic: \"in-array\", value: [\"list\", \"info\"] }],\n  },\n  showCard: {\n    type: \"boolean.switch\",\n    defaultValue: true,\n    label: \"Show Card Chrome\",\n    columns: 12,\n    section: \"layout\",\n    conditionParams: [{ name: \"style\", logic: \"in-array\", value: [\"list\", \"tab\", \"info\"] }],\n  },\n  gutterY: {\n    type: \"input.text\",\n    label: \"Vertical Gap\",\n    columns: 6,\n    section: \"layout\",\n    conditionParams: [{ name: \"style\", logic: \"in-array\", value: [\"list\", \"tab\"] }],\n  },\n  gutterX: {\n    type: \"input.text\",\n    label: \"Horizontal Gap\",\n    columns: 6,\n    section: \"layout\",\n    conditionParams: [{ name: \"style\", logic: \"in-array\", value: [\"list\", \"tab\"] }],\n  },\n  gridCols: {\n    type: \"input.number\",\n    label: \"Grid Columns\",\n    columns: 6,\n    section: \"layout\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"grid\" }],\n  },\n  gridRowHeight: {\n    type: \"input.number\",\n    label: \"Row Height (px)\",\n    columns: 6,\n    section: \"layout\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"grid\" }],\n  },\n  dataRoute: {\n    type: \"input.text\",\n    label: \"Data Route\",\n    columns: 12,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"datatable\" }],\n  },\n  icon: {\n    type: \"picker.icon\",\n    label: \"Header Icon\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"info\" }],\n  },\n  iconColor: {\n    type: \"input.text\",\n    label: \"Icon Color\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"info\" }],\n  },\n  headerImage: {\n    type: \"file.asset-picker\",\n    label: \"Header Image\",\n    columns: 12,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"info\" }],\n  },\n  headerRatio: {\n    type: \"input.text\",\n    label: \"Image Aspect Ratio\",\n    columns: 6,\n    section: \"layout\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"info\" }],\n  },\n  lessPadding: {\n    type: \"boolean.switch\",\n    label: \"Reduce Padding\",\n    columns: 6,\n    section: \"layout\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"info\" }],\n  },\n} as const satisfies EditConfig\n\nexport const CardStyleMetadataMap: Partial<\n  Record<CardStyle, { displayLabel: string; description: string }>\n> = {\n  list: {\n    displayLabel: \"List\",\n    description: \"A card containing a vertical list of elements — the primary layout block.\",\n  },\n  tab: {\n    displayLabel: \"Tab Container\",\n    description: \"A tabbed card that groups elements into selectable tabs.\",\n  },\n  info: {\n    displayLabel: \"Info Card\",\n    description: \"A display tile with an optional header image/icon and key-value fields.\",\n  },\n  datatable: {\n    displayLabel: \"Data Table\",\n    description: \"A sortable, paginated data table fetched from an API route.\",\n  },\n  grid: {\n    displayLabel: \"Grid Layout\",\n    description: \"A CSS-grid canvas for structured multi-column element placement.\",\n  },\n}\n"],"names":["CardLayoutElementDefaults","CardLayoutElementMetadata","CardLayoutElementEditConfig","CardStyleMetadataMap"],"mappings":"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"}

package/dist/definitions/elements/CodeElement.js

@@ -1,122 +0,0 @@
-const e = {
-  type: "code.git-editor",
-  height: "60vh",
-  columns: 12,
-  columnsSm: 12,
-  columnsMd: 12,
-  columnsLg: 12,
-  columnsXl: 12
-}, t = {
-  icon: "code",
-  displayLabel: "Code",
-  elementCategory: "code",
-  description: "Developer-oriented blocks: git editor, file tree, pull requests, build status, and chat messages."
-}, l = {
-  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: "git-editor",
-    label: "Code Block Style",
-    columns: 12,
-    section: "layout",
-    selectOptions: [
-      { label: "Git Editor", value: "git-editor" },
-      { label: "File Tree", value: "file-tree" },
-      { label: "Pull Requests List", value: "pull-requests-list" },
-      { label: "Build Status", value: "build-status" },
-      { label: "Chat Message", value: "chat-message" }
-    ]
-  },
-  pluginPageId: {
-    type: "input.text",
-    contentType: "integer",
-    label: "Plugin Page ID",
-    columns: 6,
-    section: "configuration"
-  },
-  teamSlug: {
-    type: "input.text",
-    label: "Team Slug",
-    columns: 6,
-    section: "configuration"
-  },
-  repository: {
-    type: "input.text",
-    label: "Repository",
-    columns: 6,
-    section: "configuration",
-    conditionParams: [
-      {
-        name: "style",
-        logic: "in-array",
-        value: [
-          "git-editor",
-          "file-tree",
-          "pull-requests-list",
-          "build-status"
-        ]
-      }
-    ]
-  },
-  branch: {
-    type: "input.text",
-    label: "Branch",
-    columns: 6,
-    section: "configuration",
-    conditionParams: [
-      {
-        name: "style",
-        logic: "in-array",
-        value: ["git-editor", "pull-requests-list", "build-status"]
-      }
-    ]
-  },
-  rootPath: {
-    type: "input.text",
-    label: "Root Path",
-    columns: 6,
-    section: "configuration",
-    conditionParams: [{ name: "style", logic: "==", value: "file-tree" }]
-  },
-  buildId: {
-    type: "input.text",
-    label: "Build ID",
-    columns: 6,
-    section: "configuration",
-    conditionParams: [{ name: "style", logic: "==", value: "build-status" }]
-  },
-  height: {
-    type: "input.text",
-    label: "Height",
-    defaultValue: "60vh",
-    columns: 6,
-    section: "layout"
-  }
-}, i = {
-  "git-editor": { displayLabel: "Git Editor", description: "Browse and edit files in a connected git repository." },
-  "file-tree": { displayLabel: "File Tree", description: "Display a navigable file tree for a repository." },
-  "pull-requests-list": { displayLabel: "Pull Requests", description: "List pull requests for a connected repository." },
-  "build-status": { displayLabel: "Build Status", description: "Show CI/CD build status for a branch or commit." },
-  "chat-message": { displayLabel: "Chat Message", description: "Render a chat message bubble with author and content." }
-};
-export {
-  e as CodeElementDefaults,
-  l as CodeElementEditConfig,
-  t as CodeElementMetadata,
-  i as CodeStyleMetadataMap
-};
-//# sourceMappingURL=CodeElement.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CodeElement.js","sources":["../../../src/definitions/elements/CodeElement.ts"],"sourcesContent":["import type {\n  BaseElement,\n  EditConfig,\n  ElementMetadata,\n} from \"@/definitions/shared/base\"\n\n/**\n * Variants of the `code` element type. Each value here maps 1:1 to a\n * Vue file under `src/elements/code/` via the engine's registry.\n *\n * The v2 portal does not ship a `Definitions/CardElements/CodeElement.ts`\n * — these styles are inferred from `Mod/v2/CardElements/Code/*.vue`\n * (GitCodeEditor, FileTree, PullRequestsList, BuildStatus, ChatMessage).\n */\nexport type CodeStyle =\n  | \"git-editor\"\n  | \"file-tree\"\n  | \"pull-requests-list\"\n  | \"build-status\"\n  | \"chat-message\"\n\nexport interface CodeElement extends BaseElement<`code.${CodeStyle}`> {\n  name?: string | null\n  label?: string\n  /** Plugin / project context used by every code variant. */\n  pluginPageId?: number | string\n  teamSlug?: string\n  /** Git branch context (git-editor, pull-requests-list, build-status). */\n  branch?: string\n  /** Repository slug (`owner/repo`). */\n  repository?: string\n  /** For `file-tree`: starting path within the repo. */\n  rootPath?: string\n  /** For `chat-message`: the message payload to render. */\n  message?: Record<string, unknown>\n  /** For `build-status`: build / job identifier. */\n  buildId?: string | number\n  /** Optional fixed height (CSS length). */\n  height?: string\n}\n\nexport const CodeElementDefaults = {\n  type: \"code.git-editor\",\n  height: \"60vh\",\n  columns: 12,\n  columnsSm: 12,\n  columnsMd: 12,\n  columnsLg: 12,\n  columnsXl: 12,\n} as const satisfies Partial<CodeElement>\n\nexport const CodeElementMetadata = {\n  icon: \"code\",\n  displayLabel: \"Code\",\n  elementCategory: \"code\",\n  description:\n    \"Developer-oriented blocks: git editor, file tree, pull requests, build status, and chat messages.\",\n} as const satisfies ElementMetadata\n\nexport const CodeElementEditConfig = {\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: \"git-editor\",\n    label: \"Code Block Style\",\n    columns: 12,\n    section: \"layout\",\n    selectOptions: [\n      { label: \"Git Editor\", value: \"git-editor\" },\n      { label: \"File Tree\", value: \"file-tree\" },\n      { label: \"Pull Requests List\", value: \"pull-requests-list\" },\n      { label: \"Build Status\", value: \"build-status\" },\n      { label: \"Chat Message\", value: \"chat-message\" },\n    ],\n  },\n  pluginPageId: {\n    type: \"input.text\",\n    contentType: \"integer\",\n    label: \"Plugin Page ID\",\n    columns: 6,\n    section: \"configuration\",\n  },\n  teamSlug: {\n    type: \"input.text\",\n    label: \"Team Slug\",\n    columns: 6,\n    section: \"configuration\",\n  },\n  repository: {\n    type: \"input.text\",\n    label: \"Repository\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [\n      {\n        name: \"style\",\n        logic: \"in-array\",\n        value: [\n          \"git-editor\",\n          \"file-tree\",\n          \"pull-requests-list\",\n          \"build-status\",\n        ],\n      },\n    ],\n  },\n  branch: {\n    type: \"input.text\",\n    label: \"Branch\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [\n      {\n        name: \"style\",\n        logic: \"in-array\",\n        value: [\"git-editor\", \"pull-requests-list\", \"build-status\"],\n      },\n    ],\n  },\n  rootPath: {\n    type: \"input.text\",\n    label: \"Root Path\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"file-tree\" }],\n  },\n  buildId: {\n    type: \"input.text\",\n    label: \"Build ID\",\n    columns: 6,\n    section: \"configuration\",\n    conditionParams: [{ name: \"style\", logic: \"==\", value: \"build-status\" }],\n  },\n  height: {\n    type: \"input.text\",\n    label: \"Height\",\n    defaultValue: \"60vh\",\n    columns: 6,\n    section: \"layout\",\n  },\n} as const satisfies EditConfig\n\nexport const CodeStyleMetadataMap: Partial<Record<CodeStyle, { displayLabel: string; description: string }>> = {\n  \"git-editor\": { displayLabel: \"Git Editor\", description: \"Browse and edit files in a connected git repository.\" },\n  \"file-tree\": { displayLabel: \"File Tree\", description: \"Display a navigable file tree for a repository.\" },\n  \"pull-requests-list\": { displayLabel: \"Pull Requests\", description: \"List pull requests for a connected repository.\" },\n  \"build-status\": { displayLabel: \"Build Status\", description: \"Show CI/CD build status for a branch or commit.\" },\n  \"chat-message\": { displayLabel: \"Chat Message\", description: \"Render a chat message bubble with author and content.\" },\n}\n"],"names":["CodeElementDefaults","CodeElementMetadata","CodeElementEditConfig","CodeStyleMetadataMap"],"mappings":"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"}

package/dist/definitions/elements/ConfigurationBlockElement.js

@@ -1,85 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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.js

@@ -1,121 +0,0 @@
-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" }]
-  }
-}, 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." }
-};
-export {
-  e as DisplayElementDefaults,
-  l as DisplayElementEditConfig,
-  a as DisplayElementMetadata,
-  n as DisplayStyleMetadataMap
-};
-//# sourceMappingURL=DisplayElement.js.map

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

@@ -1 +0,0 @@
-{"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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"}