@gxp-dev/mod-ui 2.0.8 → 2.0.12

package/dist/engine/CardRenderer.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardRenderer.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/engine/CardRenderer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Renders a single DisplayCard by dispatching its JSON definition into\n * the matching composition under `components/compositions/cards/`.\n *\n * The renderer is the bridge layer:\n *   - resolves the composition by `card.cardType` via the registry\n *   - evaluates the card's visibility (`shouldRender`)\n *   - applies responsive layout + classList chrome at the wrapper level\n *   - resolves ID-referenced child lists against the page-level\n *     `elements` / `cards` maps:\n *       - `card.elementList: string[]` → pass as `elements: CardElement[]`\n *       - `card.cardList: string[]`    → pass as `cards: DisplayCard[]`\n *       - `card.tabList: string[]`     → pass as `tabs: DisplayCard[]`\n *       - `card.elementId: string`     → pass as `element: CardElement`\n *   - strips schema-only keys (cardType, conditionParams, columns*, ...)\n *     and passes the rest through as Vue props\n *\n * Compositions don't know about the page-level maps or the JSON schema —\n * they receive resolved children + display props and emit normal Vue\n * events. They're directly mountable in any app.\n */\nimport { computed } from \"vue\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport type { DisplayCard } from \"@/definitions/cards\"\nimport { cn } from \"@/lib/utils\"\nimport { getCardComponent } from \"./useCardLoader\"\nimport {\n  shouldRender,\n  type EvaluationContext,\n} from \"./useDisplayConditions\"\n\ninterface Props {\n  card: DisplayCard\n  item?: Record<string, unknown>\n  /** Page-level element registry: id → CardElement JSON. */\n  elements?: Record<string, CardElement>\n  /** Page-level card registry: id → DisplayCard JSON (for nested cards). */\n  cards?: Record<string, DisplayCard>\n  evaluationContext?: EvaluationContext\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  item: () => ({}),\n  elements: () => ({}),\n  cards: () => ({}),\n  evaluationContext: () => ({}),\n})\n\nconst visible = computed(() =>\n  shouldRender(props.card, props.item, props.evaluationContext),\n)\n\nconst resolved = computed(() => getCardComponent(props.card.cardType))\n\n/**\n * Keys that live on every DisplayCard and are NOT meant to flow\n * through to the composition as props. These are either consumed by\n * this renderer (`columns*`, `conditionParams`, `cardType`, ...) or\n * resolved into their concrete child arrays below.\n */\nconst STRIPPED_KEYS = new Set<string>([\n  \"cardType\",\n  \"conditionParams\",\n  \"conditionGroupLogic\",\n  \"condition\",\n  \"features\",\n  \"permissions\",\n  \"columns\",\n  \"columnsSm\",\n  \"columnsMd\",\n  \"columnsLg\",\n  \"columnsXl\",\n  \"columnsXxl\",\n  \"wrapperClassList\",\n  \"columnClassList\",\n  \"order\",\n  // ID-referenced child lists — resolved below into concrete arrays.\n  \"elementList\",\n  \"cardList\",\n  \"tabList\",\n  \"elementId\",\n])\n\n/**\n * Compute the props object to pass to the resolved composition.\n *\n * - Strips schema-only keys (`cardType`, `conditionParams`, ...).\n * - Resolves `elementList` / `cardList` / `tabList` / `elementId` against\n *   the page-level registries and exposes them as concrete arrays /\n *   objects under composition-facing prop names.\n * - Forwards `item` as-is for child renderers to use.\n */\nconst compositionProps = computed<Record<string, unknown>>(() => {\n  const c = props.card as unknown as Record<string, unknown>\n  const result: Record<string, unknown> = {}\n  for (const [key, value] of Object.entries(c)) {\n    if (!STRIPPED_KEYS.has(key)) {\n      result[key] = value\n    }\n  }\n\n  // Pass through the data model.\n  result.item = props.item\n\n  // Resolve `elementList: string[]` → `elements: CardElement[]`.\n  if (Array.isArray((c as { elementList?: unknown }).elementList)) {\n    const ids = (c as { elementList: string[] }).elementList\n    const out: CardElement[] = []\n    for (const id of ids) {\n      const el = props.elements[id]\n      if (el) {\n        out.push(el)\n      }\n    }\n    result.elements = out\n  }\n\n  // Resolve `cardList: string[]` → `cards: DisplayCard[]`.\n  if (Array.isArray((c as { cardList?: unknown }).cardList)) {\n    const ids = (c as { cardList: string[] }).cardList\n    const out: DisplayCard[] = []\n    for (const id of ids) {\n      const child = props.cards[id]\n      if (child) {\n        out.push(child)\n      }\n    }\n    result.cards = out\n  }\n\n  // Resolve `tabList: string[]` → `tabs: DisplayCard[]`.\n  if (Array.isArray((c as { tabList?: unknown }).tabList)) {\n    const ids = (c as { tabList: string[] }).tabList\n    const out: DisplayCard[] = []\n    for (const id of ids) {\n      const child = props.cards[id]\n      if (child) {\n        out.push(child)\n      }\n    }\n    result.tabs = out\n  }\n\n  // For GridViewCard: resolve element refs that appear inside\n  // `gridLayout[breakpoint][n].i` against the page-level elements\n  // map. Card refs at the same position already work because the\n  // composition resolves them against `cards` (resolved above).\n  // Elements need a separate `gridElements` array on the composition.\n  if (\n    props.card.cardType === \"grid-view\" &&\n    typeof (c as { gridLayout?: unknown }).gridLayout === \"object\" &&\n    (c as { gridLayout?: unknown }).gridLayout !== null\n  ) {\n    const layout = (c as { gridLayout: Record<string, unknown> }).gridLayout\n    const elementIds = new Set<string>()\n    for (const breakpoint of Object.values(layout)) {\n      if (Array.isArray(breakpoint)) {\n        for (const item of breakpoint) {\n          if (item && typeof item === \"object\" && \"i\" in item) {\n            const id = (item as { i: unknown }).i\n            if (typeof id === \"string\" && props.elements[id]) {\n              elementIds.add(id)\n            }\n          }\n        }\n      }\n    }\n    if (elementIds.size > 0) {\n      result.gridElements = Array.from(elementIds)\n        .map((id) => props.elements[id]!)\n        .filter(Boolean)\n    }\n  }\n\n  // Resolve `elementId: string` → `element: CardElement`.\n  const elementId = (c as { elementId?: unknown }).elementId\n  if (typeof elementId === \"string\" && elementId.length > 0) {\n    const el = props.elements[elementId]\n    if (el) {\n      result.element = el\n    }\n  }\n\n  return result\n})\n\nconst wrapperClass = computed(() =>\n  cn(\n    \"gxp-card\",\n    `gxp-card--${props.card.cardType}`,\n    columnClass(\"col\", props.card.columns),\n    columnClass(\"col-sm\", props.card.columnsSm),\n    columnClass(\"col-md\", props.card.columnsMd),\n    columnClass(\"col-lg\", props.card.columnsLg),\n    columnClass(\"col-xl\", props.card.columnsXl),\n    normalizeClasses(props.card.wrapperClassList),\n  ),\n)\n\nfunction columnClass(prefix: string, n?: number): string | undefined {\n  if (typeof n !== \"number\") {\n    return undefined\n  }\n  const pct = Math.max(0, Math.min(12, n)) / 12\n  return prefix === \"col\"\n    ? `basis-[${(pct * 100).toFixed(4)}%]`\n    : `${prefix}:basis-[${(pct * 100).toFixed(4)}%]`\n}\n\nfunction normalizeClasses(value: string | string[] | undefined): string {\n  if (!value) {\n    return \"\"\n  }\n  return Array.isArray(value) ? value.join(\" \") : value\n}\n</script>\n\n<template>\n  <div\n    v-if=\"visible\"\n    :class=\"wrapperClass\"\n    :data-card-id=\"card.id\"\n    :data-card-type=\"card.cardType\"\n  >\n    <component :is=\"resolved\" v-bind=\"compositionProps\" />\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/engine/ElementRenderer.js

@@ -0,0 +1,7 @@
+import e from "./ElementRenderer.vue_vue_type_script_setup_true_lang.js";
+//#region src/engine/ElementRenderer.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=ElementRenderer.js.map

package/dist/engine/ElementRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementRenderer.js","names":[],"sources":["../../src/engine/ElementRenderer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Renders a single CardElement by dispatching its JSON definition into\n * the matching composition under `components/compositions/elements/`.\n *\n * The renderer is the bridge layer:\n *   - resolves the composition by `element.type` via the registry\n *   - evaluates the element's visibility (`shouldRender`)\n *   - applies responsive layout + classList chrome at the wrapper level\n *   - binds `useFormData(element.name)` to the form-data store and\n *     forwards `modelValue` + `errors` + the `@update:modelValue`\n *     handler to the composition\n *   - strips schema-only keys (type, conditionParams, columns*, ...)\n *     and passes the rest through as Vue props\n *\n * Compositions don't know about the form-data store, the JSON schema,\n * or this renderer's layout — they receive normal Vue props and emit\n * `update:modelValue`. They're directly mountable in any app.\n */\nimport { computed } from \"vue\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport { cn } from \"@/lib/utils\"\nimport { getElementComponent } from \"./useElementLoader\"\nimport {\n  shouldRender,\n  type EvaluationContext,\n} from \"./useDisplayConditions\"\nimport { useFormData } from \"./useFormData\"\nimport { applyLegacyRemaps } from \"./legacyPropRemap\"\n\ninterface Props {\n  element: CardElement\n  item?: Record<string, unknown>\n  evaluationContext?: EvaluationContext\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  item: () => ({}),\n  evaluationContext: () => ({}),\n})\n\nconst visible = computed(() =>\n  shouldRender(props.element, props.item, props.evaluationContext),\n)\n\nconst resolved = computed(() => getElementComponent(props.element.type))\n\nconst bindings = computed(() => useFormData(props.element.name ?? \"\"))\n\n/**\n * Keys that live on every CardElement and are NOT meant to flow\n * through to the composition as props. These are either consumed by\n * this renderer (`columns*`, `conditionParams`, ...) or used only by\n * the engine (`type`, `id` — well, `id` IS passed through, see below).\n */\nconst STRIPPED_KEYS = new Set<string>([\n  \"type\",\n  \"conditionParams\",\n  \"conditionGroupLogic\",\n  \"condition\",\n  \"features\",\n  \"permissions\",\n  \"columns\",\n  \"columnsSm\",\n  \"columnsMd\",\n  \"columnsLg\",\n  \"columnsXl\",\n  \"columnsXxl\",\n  \"wrapperClassList\",\n  \"columnClassList\",\n  \"labelClassList\",\n  \"classList\",\n  \"previewMode\",\n  \"order\",\n  \"defaultValue\",\n  \"modelValue\",\n])\n\n/**\n * Compute the props object to pass to the resolved composition.\n *\n * - `modelValue` comes from the form-data store, falling back to\n *   `item[element.name]`, then `element.defaultValue`. Compositions\n *   declare `modelValue` and Vue picks it up.\n * - `errors` comes from the form-data store.\n * - All other element keys (label, placeholder, required, ...) are\n *   passed through; Vue's prop validation silently drops anything the\n *   composition doesn't declare.\n */\nconst compositionProps = computed<Record<string, unknown>>(() => {\n  const el = props.element as unknown as Record<string, unknown>\n  const result: Record<string, unknown> = {}\n  for (const [key, value] of Object.entries(el)) {\n    if (!STRIPPED_KEYS.has(key)) {\n      result[key] = value\n    }\n  }\n\n  // Resolve the effective modelValue.\n  const fieldName = props.element.name ?? \"\"\n  const storeValue = fieldName ? bindings.value.value.value : undefined\n  const itemValue = fieldName ? props.item[fieldName] : undefined\n  const defaultValue = (el as { defaultValue?: unknown }).defaultValue\n  if (storeValue !== undefined && storeValue !== null) {\n    result.modelValue = storeValue\n  } else if (itemValue !== undefined && itemValue !== null) {\n    result.modelValue = itemValue\n  } else if (defaultValue !== undefined && defaultValue !== null) {\n    result.modelValue = defaultValue\n  } else {\n    result.modelValue = \"\"\n  }\n\n  result.errors = bindings.value.errors.value\n\n  // Legacy JSON → new composition prop names + value aliases.\n  return applyLegacyRemaps(props.element.type, result)\n})\n\nfunction onUpdateModelValue(value: unknown): void {\n  if (!props.element.name) {\n    return\n  }\n  bindings.value.setValue(value)\n}\n\nconst wrapperClass = computed(() =>\n  cn(\n    \"gxp-element\",\n    `gxp-element--${props.element.type.replace(/\\./g, \"-\")}`,\n    columnClass(\"col\", props.element.columns),\n    columnClass(\"col-sm\", props.element.columnsSm),\n    columnClass(\"col-md\", props.element.columnsMd),\n    columnClass(\"col-lg\", props.element.columnsLg),\n    columnClass(\"col-xl\", props.element.columnsXl),\n    normalizeClasses(props.element.columnClassList),\n    normalizeClasses(props.element.wrapperClassList),\n  ),\n)\n\nfunction columnClass(prefix: string, n?: number): string | undefined {\n  if (typeof n !== \"number\") {\n    return undefined\n  }\n  // 12-column grid — render width as a Tailwind percentage utility so\n  // we don't depend on Bootstrap's col-* classes.\n  const pct = Math.max(0, Math.min(12, n)) / 12\n  return prefix === \"col\"\n    ? `basis-[${(pct * 100).toFixed(4)}%]`\n    : `${prefix}:basis-[${(pct * 100).toFixed(4)}%]`\n}\n\nfunction normalizeClasses(value: string | string[] | undefined): string {\n  if (!value) {\n    return \"\"\n  }\n  return Array.isArray(value) ? value.join(\" \") : value\n}\n</script>\n\n<template>\n  <div\n    v-if=\"visible\"\n    :class=\"wrapperClass\"\n    :data-element-id=\"element.id\"\n    :data-element-type=\"element.type\"\n  >\n    <component\n      :is=\"resolved\"\n      v-bind=\"compositionProps\"\n      @update:model-value=\"onUpdateModelValue\"\n    />\n  </div>\n</template>\n"],"mappings":""}

package/dist/engine/ElementRenderer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,66 @@
+import { cn as e } from "../lib/utils.js";
+import { getElementComponent as t } from "./useElementLoader.js";
+import { shouldRender as n } from "./useDisplayConditions.js";
+import { useFormData as r } from "./useFormData.js";
+import { applyLegacyRemaps as i } from "./legacyPropRemap.js";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, defineComponent as l, mergeProps as u, normalizeClass as d, openBlock as f, resolveDynamicComponent as p } from "vue";
+//#region src/engine/ElementRenderer.vue?vue&type=script&setup=true&lang.ts
+var m = ["data-element-id", "data-element-type"], h = /* @__PURE__ */ l({
+	__name: "ElementRenderer",
+	props: {
+		element: {},
+		item: { default: () => ({}) },
+		evaluationContext: { default: () => ({}) }
+	},
+	setup(l) {
+		let h = l, g = a(() => n(h.element, h.item, h.evaluationContext)), _ = a(() => t(h.element.type)), v = a(() => r(h.element.name ?? "")), y = new Set([
+			"type",
+			"conditionParams",
+			"conditionGroupLogic",
+			"condition",
+			"features",
+			"permissions",
+			"columns",
+			"columnsSm",
+			"columnsMd",
+			"columnsLg",
+			"columnsXl",
+			"columnsXxl",
+			"wrapperClassList",
+			"columnClassList",
+			"labelClassList",
+			"classList",
+			"previewMode",
+			"order",
+			"defaultValue",
+			"modelValue"
+		]), b = a(() => {
+			let e = h.element, t = {};
+			for (let [n, r] of Object.entries(e)) y.has(n) || (t[n] = r);
+			let n = h.element.name ?? "", r = n ? v.value.value.value : void 0, a = n ? h.item[n] : void 0, o = e.defaultValue;
+			return r == null ? a == null ? o == null ? t.modelValue = "" : t.modelValue = o : t.modelValue = a : t.modelValue = r, t.errors = v.value.errors.value, i(h.element.type, t);
+		});
+		function x(e) {
+			h.element.name && v.value.setValue(e);
+		}
+		let S = a(() => e("gxp-element", `gxp-element--${h.element.type.replace(/\./g, "-")}`, C("col", h.element.columns), C("col-sm", h.element.columnsSm), C("col-md", h.element.columnsMd), C("col-lg", h.element.columnsLg), C("col-xl", h.element.columnsXl), w(h.element.columnClassList), w(h.element.wrapperClassList)));
+		function C(e, t) {
+			if (typeof t != "number") return;
+			let n = Math.max(0, Math.min(12, t)) / 12;
+			return e === "col" ? `basis-[${(n * 100).toFixed(4)}%]` : `${e}:basis-[${(n * 100).toFixed(4)}%]`;
+		}
+		function w(e) {
+			return e ? Array.isArray(e) ? e.join(" ") : e : "";
+		}
+		return (e, t) => g.value ? (f(), c("div", {
+			key: 0,
+			class: d(S.value),
+			"data-element-id": l.element.id,
+			"data-element-type": l.element.type
+		}, [(f(), o(p(_.value), u(b.value, { "onUpdate:modelValue": x }), null, 16))], 10, m)) : s("", !0);
+	}
+});
+//#endregion
+export { h as default };
+
+//# sourceMappingURL=ElementRenderer.vue_vue_type_script_setup_true_lang.js.map

package/dist/engine/ElementRenderer.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementRenderer.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/engine/ElementRenderer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Renders a single CardElement by dispatching its JSON definition into\n * the matching composition under `components/compositions/elements/`.\n *\n * The renderer is the bridge layer:\n *   - resolves the composition by `element.type` via the registry\n *   - evaluates the element's visibility (`shouldRender`)\n *   - applies responsive layout + classList chrome at the wrapper level\n *   - binds `useFormData(element.name)` to the form-data store and\n *     forwards `modelValue` + `errors` + the `@update:modelValue`\n *     handler to the composition\n *   - strips schema-only keys (type, conditionParams, columns*, ...)\n *     and passes the rest through as Vue props\n *\n * Compositions don't know about the form-data store, the JSON schema,\n * or this renderer's layout — they receive normal Vue props and emit\n * `update:modelValue`. They're directly mountable in any app.\n */\nimport { computed } from \"vue\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport { cn } from \"@/lib/utils\"\nimport { getElementComponent } from \"./useElementLoader\"\nimport {\n  shouldRender,\n  type EvaluationContext,\n} from \"./useDisplayConditions\"\nimport { useFormData } from \"./useFormData\"\nimport { applyLegacyRemaps } from \"./legacyPropRemap\"\n\ninterface Props {\n  element: CardElement\n  item?: Record<string, unknown>\n  evaluationContext?: EvaluationContext\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  item: () => ({}),\n  evaluationContext: () => ({}),\n})\n\nconst visible = computed(() =>\n  shouldRender(props.element, props.item, props.evaluationContext),\n)\n\nconst resolved = computed(() => getElementComponent(props.element.type))\n\nconst bindings = computed(() => useFormData(props.element.name ?? \"\"))\n\n/**\n * Keys that live on every CardElement and are NOT meant to flow\n * through to the composition as props. These are either consumed by\n * this renderer (`columns*`, `conditionParams`, ...) or used only by\n * the engine (`type`, `id` — well, `id` IS passed through, see below).\n */\nconst STRIPPED_KEYS = new Set<string>([\n  \"type\",\n  \"conditionParams\",\n  \"conditionGroupLogic\",\n  \"condition\",\n  \"features\",\n  \"permissions\",\n  \"columns\",\n  \"columnsSm\",\n  \"columnsMd\",\n  \"columnsLg\",\n  \"columnsXl\",\n  \"columnsXxl\",\n  \"wrapperClassList\",\n  \"columnClassList\",\n  \"labelClassList\",\n  \"classList\",\n  \"previewMode\",\n  \"order\",\n  \"defaultValue\",\n  \"modelValue\",\n])\n\n/**\n * Compute the props object to pass to the resolved composition.\n *\n * - `modelValue` comes from the form-data store, falling back to\n *   `item[element.name]`, then `element.defaultValue`. Compositions\n *   declare `modelValue` and Vue picks it up.\n * - `errors` comes from the form-data store.\n * - All other element keys (label, placeholder, required, ...) are\n *   passed through; Vue's prop validation silently drops anything the\n *   composition doesn't declare.\n */\nconst compositionProps = computed<Record<string, unknown>>(() => {\n  const el = props.element as unknown as Record<string, unknown>\n  const result: Record<string, unknown> = {}\n  for (const [key, value] of Object.entries(el)) {\n    if (!STRIPPED_KEYS.has(key)) {\n      result[key] = value\n    }\n  }\n\n  // Resolve the effective modelValue.\n  const fieldName = props.element.name ?? \"\"\n  const storeValue = fieldName ? bindings.value.value.value : undefined\n  const itemValue = fieldName ? props.item[fieldName] : undefined\n  const defaultValue = (el as { defaultValue?: unknown }).defaultValue\n  if (storeValue !== undefined && storeValue !== null) {\n    result.modelValue = storeValue\n  } else if (itemValue !== undefined && itemValue !== null) {\n    result.modelValue = itemValue\n  } else if (defaultValue !== undefined && defaultValue !== null) {\n    result.modelValue = defaultValue\n  } else {\n    result.modelValue = \"\"\n  }\n\n  result.errors = bindings.value.errors.value\n\n  // Legacy JSON → new composition prop names + value aliases.\n  return applyLegacyRemaps(props.element.type, result)\n})\n\nfunction onUpdateModelValue(value: unknown): void {\n  if (!props.element.name) {\n    return\n  }\n  bindings.value.setValue(value)\n}\n\nconst wrapperClass = computed(() =>\n  cn(\n    \"gxp-element\",\n    `gxp-element--${props.element.type.replace(/\\./g, \"-\")}`,\n    columnClass(\"col\", props.element.columns),\n    columnClass(\"col-sm\", props.element.columnsSm),\n    columnClass(\"col-md\", props.element.columnsMd),\n    columnClass(\"col-lg\", props.element.columnsLg),\n    columnClass(\"col-xl\", props.element.columnsXl),\n    normalizeClasses(props.element.columnClassList),\n    normalizeClasses(props.element.wrapperClassList),\n  ),\n)\n\nfunction columnClass(prefix: string, n?: number): string | undefined {\n  if (typeof n !== \"number\") {\n    return undefined\n  }\n  // 12-column grid — render width as a Tailwind percentage utility so\n  // we don't depend on Bootstrap's col-* classes.\n  const pct = Math.max(0, Math.min(12, n)) / 12\n  return prefix === \"col\"\n    ? `basis-[${(pct * 100).toFixed(4)}%]`\n    : `${prefix}:basis-[${(pct * 100).toFixed(4)}%]`\n}\n\nfunction normalizeClasses(value: string | string[] | undefined): string {\n  if (!value) {\n    return \"\"\n  }\n  return Array.isArray(value) ? value.join(\" \") : value\n}\n</script>\n\n<template>\n  <div\n    v-if=\"visible\"\n    :class=\"wrapperClass\"\n    :data-element-id=\"element.id\"\n    :data-element-type=\"element.type\"\n  >\n    <component\n      :is=\"resolved\"\n      v-bind=\"compositionProps\"\n      @update:model-value=\"onUpdateModelValue\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAoCA,IAAM,IAAQ,GAKR,IAAU,QACd,EAAa,EAAM,SAAS,EAAM,MAAM,EAAM,iBAAiB,CACjE,GAEM,IAAW,QAAe,EAAoB,EAAM,QAAQ,IAAI,CAAC,GAEjE,IAAW,QAAe,EAAY,EAAM,QAAQ,QAAQ,EAAE,CAAC,GAQ/D,IAAgB,IAAI,IAAY;GACpC;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAAC,GAaK,IAAmB,QAAwC;GAC/D,IAAM,IAAK,EAAM,SACX,IAAkC,CAAC;GACzC,KAAK,IAAM,CAAC,GAAK,MAAU,OAAO,QAAQ,CAAE,GAC1C,AAAK,EAAc,IAAI,CAAG,MACxB,EAAO,KAAO;GAKlB,IAAM,IAAY,EAAM,QAAQ,QAAQ,IAClC,IAAa,IAAY,EAAS,MAAM,MAAM,QAAQ,KAAA,GACtD,IAAY,IAAY,EAAM,KAAK,KAAa,KAAA,GAChD,IAAgB,EAAkC;GAcxD,OAbI,KAA2C,OAEpC,KAAyC,OAEzC,KAA+C,OAGxD,EAAO,aAAa,KAFpB,EAAO,aAAa,IAFpB,EAAO,aAAa,IAFpB,EAAO,aAAa,GAStB,EAAO,SAAS,EAAS,MAAM,OAAO,OAG/B,EAAkB,EAAM,QAAQ,MAAM,CAAM;EACrD,CAAC;EAED,SAAS,EAAmB,GAAsB;GAC3C,EAAM,QAAQ,QAGnB,EAAS,MAAM,SAAS,CAAK;EAC/B;EAEA,IAAM,IAAe,QACnB,EACE,eACA,gBAAgB,EAAM,QAAQ,KAAK,QAAQ,OAAO,GAAG,KACrD,EAAY,OAAO,EAAM,QAAQ,OAAO,GACxC,EAAY,UAAU,EAAM,QAAQ,SAAS,GAC7C,EAAY,UAAU,EAAM,QAAQ,SAAS,GAC7C,EAAY,UAAU,EAAM,QAAQ,SAAS,GAC7C,EAAY,UAAU,EAAM,QAAQ,SAAS,GAC7C,EAAiB,EAAM,QAAQ,eAAe,GAC9C,EAAiB,EAAM,QAAQ,gBAAgB,CACjD,CACF;EAEA,SAAS,EAAY,GAAgB,GAAgC;GACnE,IAAI,OAAO,KAAM,UACf;GAIF,IAAM,IAAM,KAAK,IAAI,GAAG,KAAK,IAAI,IAAI,CAAC,CAAC,IAAI;GAC3C,OAAO,MAAW,QACd,WAAW,IAAM,KAAK,QAAQ,CAAC,EAAE,MACjC,GAAG,EAAO,WAAW,IAAM,KAAK,QAAQ,CAAC,EAAE;EACjD;EAEA,SAAS,EAAiB,GAA8C;GAItE,OAHK,IAGE,MAAM,QAAQ,CAAK,IAAI,EAAM,KAAK,GAAG,IAAI,IAFvC;EAGX;mBAKU,EAAA,SAAA,EAAA,GADR,EAWM,OAAA;;GATH,OAAK,EAAE,EAAA,KAAY;GACnB,mBAAiB,EAAA,QAAQ;GACzB,qBAAmB,EAAA,QAAQ;YAE5B,EAIE,EAHK,EAAA,KAAQ,GADf,EAEU,EAER,OAFwB,EACvB,uBAAoB,EAAkB,CAAA,GAAA,MAAA,EAAA,EAAA,GAAA,IAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}

package/dist/engine/index.js

@@ -0,0 +1,7 @@
+import "./registry.js";
+import "./useElementLoader.js";
+import "./useDisplayConditions.js";
+import "./useFormData.js";
+import "./ElementRenderer.js";
+import "./useCardLoader.js";
+import "./CardRenderer.js";

package/dist/engine/legacyPropRemap.js

@@ -1,52 +1,41 @@
-const g = {
-  "configuration-block": {
-    selectOptions: "nestedElements",
-    triggerButtonLabel: "triggerLabel",
-    dialogTitle: "title",
-    modalTitle: "title",
-    addOptionButtonLabel: "addButtonLabel"
-  },
-  display: {
-    icon: "iconName"
-  }
-}, f = {
-  action: {
-    variant: {
-      primary: "default",
-      danger: "destructive",
-      "outline-primary": "outline",
-      "outline-danger": "outline",
-      "outline-secondary": "outline",
-      "btn-success": "success",
-      "btn-warning": "warning",
-      "btn-info": "info",
-      light: "ghost",
-      dark: "default"
-    }
-  },
-  boolean: {
-    variant: {
-      // Boolean controls don't have variant aliases yet — reserved.
-    }
-  }
+//#region src/engine/legacyPropRemap.ts
+var e = {
+	"configuration-block": {
+		selectOptions: "nestedElements",
+		triggerButtonLabel: "triggerLabel",
+		dialogTitle: "title",
+		modalTitle: "title",
+		addOptionButtonLabel: "addButtonLabel"
+	},
+	display: { icon: "iconName" }
+}, t = {
+	action: { variant: {
+		primary: "default",
+		danger: "destructive",
+		"outline-primary": "outline",
+		"outline-danger": "outline",
+		"outline-secondary": "outline",
+		"btn-success": "success",
+		"btn-warning": "warning",
+		"btn-info": "info",
+		light: "ghost",
+		dark: "default"
+	} },
+	boolean: { variant: {} }
 };
-function b(i, a) {
-  const s = i.indexOf("."), r = s < 0 ? i : i.slice(0, s), t = g[r], n = f[r];
-  if (!t && !n)
-    return a;
-  const u = {};
-  for (const [c, e] of Object.entries(a)) {
-    const o = (t == null ? void 0 : t[c]) ?? c;
-    if (o !== c && o in a)
-      continue;
-    const l = n == null ? void 0 : n[o], d = typeof e == "string" && l && l[e] !== void 0 ? l[e] : e;
-    u[o] = d;
-  }
-  return u;
+function n(n, r) {
+	let i = n.indexOf("."), a = i < 0 ? n : n.slice(0, i), o = e[a], s = t[a];
+	if (!o && !s) return r;
+	let c = {};
+	for (let [e, t] of Object.entries(r)) {
+		let n = o?.[e] ?? e;
+		if (n !== e && n in r) continue;
+		let i = s?.[n];
+		c[n] = typeof t == "string" && i && i[t] !== void 0 ? i[t] : t;
+	}
+	return c;
 }
-export {
-  g as PROP_RENAMES,
-  f as VALUE_ALIASES,
-  b as applyLegacyRemaps
-};
-//# sourceMappingURL=legacyPropRemap.js.map
+//#endregion
+export { n as applyLegacyRemaps };
+
+//# sourceMappingURL=legacyPropRemap.js.map

package/dist/engine/legacyPropRemap.js.map

@@ -1 +1 @@
-{"version":3,"file":"legacyPropRemap.js","sources":["../../src/engine/legacyPropRemap.ts"],"sourcesContent":["/**\n * Legacy-JSON → composition-prop remapping.\n *\n * The composition layer was refactored to use shadcn-style normalised\n * prop names, but plenty of JSON in the wild still uses the old v2\n * names (`triggerButtonLabel` instead of `triggerLabel`, GxP variant\n * aliases like `\"primary\"` instead of `\"default\"`, etc).\n *\n * This module is consulted by `ElementRenderer` after stripping\n * schema-only keys and before spreading the result onto the resolved\n * composition. It's a thin compatibility layer — every entry here is\n * a known legacy form. Renderers themselves stay schema-agnostic.\n *\n * Adding a new alias:\n *   - For a prop-name rename, add to `PROP_RENAMES[<category>]`.\n *   - For a value-only alias (e.g. variant strings), add to\n *     `VALUE_ALIASES[<category>].<prop>`.\n */\n\n/**\n * Per-category prop-name renames. The string on the left is the legacy\n * JSON key; the string on the right is the new composition prop name.\n *\n * Matched against the element's category prefix (`element.type` split\n * at the dot). `*` is a wildcard that applies to every element.\n */\nexport const PROP_RENAMES: Record<string, Record<string, string>> = {\n  \"configuration-block\": {\n    selectOptions: \"nestedElements\",\n    triggerButtonLabel: \"triggerLabel\",\n    dialogTitle: \"title\",\n    modalTitle: \"title\",\n    addOptionButtonLabel: \"addButtonLabel\",\n  },\n  display: {\n    icon: \"iconName\",\n  },\n}\n\n/**\n * Per-(category, prop) value aliases. Used when a prop's accepted value\n * union changed and we want legacy JSON to still resolve. Lookups are\n * case-sensitive; unknown values pass through untouched.\n */\nexport const VALUE_ALIASES: Record<string, Record<string, Record<string, string>>> = {\n  action: {\n    variant: {\n      primary: \"default\",\n      danger: \"destructive\",\n      \"outline-primary\": \"outline\",\n      \"outline-danger\": \"outline\",\n      \"outline-secondary\": \"outline\",\n      \"btn-success\": \"success\",\n      \"btn-warning\": \"warning\",\n      \"btn-info\": \"info\",\n      light: \"ghost\",\n      dark: \"default\",\n    },\n  },\n  boolean: {\n    variant: {\n      // Boolean controls don't have variant aliases yet — reserved.\n    },\n  },\n}\n\n/**\n * Apply prop renames + value aliases for an element. Returns a NEW\n * object — never mutates input. Pass the result through `v-bind`.\n */\nexport function applyLegacyRemaps(\n  type: string,\n  props: Record<string, unknown>,\n): Record<string, unknown> {\n  const dot = type.indexOf(\".\")\n  const category = dot < 0 ? type : type.slice(0, dot)\n  const renames = PROP_RENAMES[category]\n  const aliases = VALUE_ALIASES[category]\n  if (!renames && !aliases) {\n    return props\n  }\n\n  const out: Record<string, unknown> = {}\n  for (const [key, value] of Object.entries(props)) {\n    const renamedKey = renames?.[key] ?? key\n    // Don't overwrite a key the consumer already provided in the new name.\n    if (renamedKey !== key && renamedKey in props) {\n      continue\n    }\n    const aliasMap = aliases?.[renamedKey]\n    const aliased =\n      typeof value === \"string\" && aliasMap && aliasMap[value] !== undefined\n        ? aliasMap[value]\n        : value\n    out[renamedKey] = aliased\n  }\n  return out\n}\n\nexport const __testing = { PROP_RENAMES, VALUE_ALIASES }\n"],"names":["PROP_RENAMES","VALUE_ALIASES","applyLegacyRemaps","type","props","dot","category","renames","aliases","out","key","value","renamedKey","aliasMap","aliased"],"mappings":"AA0BO,MAAMA,IAAuD;AAAA,EAClE,uBAAuB;AAAA,IACrB,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,sBAAsB;AAAA,EAAA;AAAA,EAExB,SAAS;AAAA,IACP,MAAM;AAAA,EAAA;AAEV,GAOaC,IAAwE;AAAA,EACnF,QAAQ;AAAA,IACN,SAAS;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,MAClB,qBAAqB;AAAA,MACrB,eAAe;AAAA,MACf,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAAA,EACR;AAAA,EAEF,SAAS;AAAA,IACP,SAAS;AAAA;AAAA,IAAA;AAAA,EAET;AAEJ;AAMO,SAASC,EACdC,GACAC,GACyB;AACzB,QAAMC,IAAMF,EAAK,QAAQ,GAAG,GACtBG,IAAWD,IAAM,IAAIF,IAAOA,EAAK,MAAM,GAAGE,CAAG,GAC7CE,IAAUP,EAAaM,CAAQ,GAC/BE,IAAUP,EAAcK,CAAQ;AACtC,MAAI,CAACC,KAAW,CAACC;AACf,WAAOJ;AAGT,QAAMK,IAA+B,CAAA;AACrC,aAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQP,CAAK,GAAG;AAChD,UAAMQ,KAAaL,KAAA,gBAAAA,EAAUG,OAAQA;AAErC,QAAIE,MAAeF,KAAOE,KAAcR;AACtC;AAEF,UAAMS,IAAWL,KAAA,gBAAAA,EAAUI,IACrBE,IACJ,OAAOH,KAAU,YAAYE,KAAYA,EAASF,CAAK,MAAM,SACzDE,EAASF,CAAK,IACdA;AACN,IAAAF,EAAIG,CAAU,IAAIE;AAAA,EACpB;AACA,SAAOL;AACT;"}
+{"version":3,"file":"legacyPropRemap.js","names":[],"sources":["../../src/engine/legacyPropRemap.ts"],"sourcesContent":["/**\n * Legacy-JSON → composition-prop remapping.\n *\n * The composition layer was refactored to use shadcn-style normalised\n * prop names, but plenty of JSON in the wild still uses the old v2\n * names (`triggerButtonLabel` instead of `triggerLabel`, GxP variant\n * aliases like `\"primary\"` instead of `\"default\"`, etc).\n *\n * This module is consulted by `ElementRenderer` after stripping\n * schema-only keys and before spreading the result onto the resolved\n * composition. It's a thin compatibility layer — every entry here is\n * a known legacy form. Renderers themselves stay schema-agnostic.\n *\n * Adding a new alias:\n *   - For a prop-name rename, add to `PROP_RENAMES[<category>]`.\n *   - For a value-only alias (e.g. variant strings), add to\n *     `VALUE_ALIASES[<category>].<prop>`.\n */\n\n/**\n * Per-category prop-name renames. The string on the left is the legacy\n * JSON key; the string on the right is the new composition prop name.\n *\n * Matched against the element's category prefix (`element.type` split\n * at the dot). `*` is a wildcard that applies to every element.\n */\nexport const PROP_RENAMES: Record<string, Record<string, string>> = {\n  \"configuration-block\": {\n    selectOptions: \"nestedElements\",\n    triggerButtonLabel: \"triggerLabel\",\n    dialogTitle: \"title\",\n    modalTitle: \"title\",\n    addOptionButtonLabel: \"addButtonLabel\",\n  },\n  display: {\n    icon: \"iconName\",\n  },\n}\n\n/**\n * Per-(category, prop) value aliases. Used when a prop's accepted value\n * union changed and we want legacy JSON to still resolve. Lookups are\n * case-sensitive; unknown values pass through untouched.\n */\nexport const VALUE_ALIASES: Record<string, Record<string, Record<string, string>>> = {\n  action: {\n    variant: {\n      primary: \"default\",\n      danger: \"destructive\",\n      \"outline-primary\": \"outline\",\n      \"outline-danger\": \"outline\",\n      \"outline-secondary\": \"outline\",\n      \"btn-success\": \"success\",\n      \"btn-warning\": \"warning\",\n      \"btn-info\": \"info\",\n      light: \"ghost\",\n      dark: \"default\",\n    },\n  },\n  boolean: {\n    variant: {\n      // Boolean controls don't have variant aliases yet — reserved.\n    },\n  },\n}\n\n/**\n * Apply prop renames + value aliases for an element. Returns a NEW\n * object — never mutates input. Pass the result through `v-bind`.\n */\nexport function applyLegacyRemaps(\n  type: string,\n  props: Record<string, unknown>,\n): Record<string, unknown> {\n  const dot = type.indexOf(\".\")\n  const category = dot < 0 ? type : type.slice(0, dot)\n  const renames = PROP_RENAMES[category]\n  const aliases = VALUE_ALIASES[category]\n  if (!renames && !aliases) {\n    return props\n  }\n\n  const out: Record<string, unknown> = {}\n  for (const [key, value] of Object.entries(props)) {\n    const renamedKey = renames?.[key] ?? key\n    // Don't overwrite a key the consumer already provided in the new name.\n    if (renamedKey !== key && renamedKey in props) {\n      continue\n    }\n    const aliasMap = aliases?.[renamedKey]\n    const aliased =\n      typeof value === \"string\" && aliasMap && aliasMap[value] !== undefined\n        ? aliasMap[value]\n        : value\n    out[renamedKey] = aliased\n  }\n  return out\n}\n\nexport const __testing = { PROP_RENAMES, VALUE_ALIASES }\n"],"mappings":";AA0BA,IAAa,IAAuD;CAClE,uBAAuB;EACrB,eAAe;EACf,oBAAoB;EACpB,aAAa;EACb,YAAY;EACZ,sBAAsB;CACxB;CACA,SAAS,EACP,MAAM,WACR;AACF,GAOa,IAAwE;CACnF,QAAQ,EACN,SAAS;EACP,SAAS;EACT,QAAQ;EACR,mBAAmB;EACnB,kBAAkB;EAClB,qBAAqB;EACrB,eAAe;EACf,eAAe;EACf,YAAY;EACZ,OAAO;EACP,MAAM;CACR,EACF;CACA,SAAS,EACP,SAAS,CAET,EACF;AACF;AAMA,SAAgB,EACd,GACA,GACyB;CACzB,IAAM,IAAM,EAAK,QAAQ,GAAG,GACtB,IAAW,IAAM,IAAI,IAAO,EAAK,MAAM,GAAG,CAAG,GAC7C,IAAU,EAAa,IACvB,IAAU,EAAc;CAC9B,IAAI,CAAC,KAAW,CAAC,GACf,OAAO;CAGT,IAAM,IAA+B,CAAC;CACtC,KAAK,IAAM,CAAC,GAAK,MAAU,OAAO,QAAQ,CAAK,GAAG;EAChD,IAAM,IAAa,IAAU,MAAQ;EAErC,IAAI,MAAe,KAAO,KAAc,GACtC;EAEF,IAAM,IAAW,IAAU;EAK3B,EAAI,KAHF,OAAO,KAAU,YAAY,KAAY,EAAS,OAAW,KAAA,IACzD,EAAS,KACT;CAER;CACA,OAAO;AACT"}

package/dist/engine/registry.js

@@ -1,153 +1,148 @@
-const a = {
-  card: {
-    list: "card/ListCard",
-    tab: "card/TabCard",
-    datatable: "card/DatatableCard",
-    grid: "card/GridCard",
-    info: "card/InfoCard"
-  },
-  action: {
-    button: "action/ButtonAction",
-    "button-group": "action/ButtonGroupAction",
-    // v2 alias — same file, accepted for backwards compat.
-    buttongroup: "action/ButtonGroupAction",
-    link: "action/LinkAction"
-  },
-  boolean: {
-    checkbox: "boolean/CheckboxBoolean",
-    switch: "boolean/SwitchBoolean",
-    radio: "boolean/RadioBoolean",
-    "icon-toggle": "boolean/IconToggleBoolean"
-  },
-  builder: {
-    "form-builder": "builder/FormBuilder",
-    "object-builder": "builder/ObjectBuilder",
-    "preset-builder": "builder/PresetBuilder",
-    "reactive-canvas-builder": "builder/ReactiveCanvasBuilder",
-    "element-list-builder": "builder/ElementListBuilder",
-    "quiz-builder": "builder/QuizBuilder",
-    "dependency-list-builder": "builder/DependencyListBuilder",
-    "grid-builder": "builder/GridBuilder"
-  },
-  code: {
-    "git-editor": "code/GitCodeEditor",
-    "file-tree": "code/FileTree",
-    "pull-requests-list": "code/PullRequestsList",
-    "build-status": "code/BuildStatus",
-    "chat-message": "code/ChatMessage"
-  },
-  "configuration-block": {
-    "elements-block": "configuration-block/ElementsBlock",
-    repeatable: "configuration-block/RepeatableBlock",
-    dialog: "configuration-block/DialogBlock",
-    modal: "configuration-block/ModalBlock"
-  },
-  display: {
-    type: "display/TypeDisplay",
-    markdown: "display/MarkdownDisplay",
-    html: "display/HtmlDisplay",
-    iframe: "display/IframeDisplay",
-    image: "display/ImageDisplay",
-    video: "display/VideoPlayerDisplay",
-    banner: "display/BannerDisplay",
-    chart: "display/ChartDisplay",
-    carousel: "display/CarouselDisplay",
-    barcode: "display/BarcodeDisplay",
-    qrcode: "display/QrCodeDisplay",
-    icon: "display/IconDisplay",
-    "progress-bar": "display/ProgressBarDisplay",
-    sprite: "display/SpriteDisplay",
-    "reactive-canvas": "display/ReactiveCanvasDisplay"
-  },
-  editor: {
-    "code-editor": "editor/CodeEditor",
-    "markdown-editor": "editor/MarkdownEditor",
-    "html-editor": "editor/HtmlEditor",
-    "image-editor": "editor/ImageEditor",
-    "rich-text-editor": "editor/RichTextEditor"
-  },
-  file: {
-    upload: "file/UploadFile",
-    dropzone: "file/DropzoneFile",
-    "asset-picker": "file/AssetPickerFile"
-  },
-  input: {
-    text: "input/TextInput",
-    number: "input/NumberInput",
-    email: "input/EmailInput",
-    password: "input/PasswordInput",
-    url: "input/UrlInput",
-    tel: "input/TelInput",
-    search: "input/SearchInput",
-    textarea: "input/TextareaInput",
-    "range-slider": "input/RangeSliderInput",
-    "barcode-scanner": "input/BarcodeScannerInput"
-  },
-  "option-select": {
-    select: "option-select/SelectOption",
-    "select-multiple": "option-select/SelectMultipleOption",
-    radio: "option-select/RadioOption",
-    checkbox: "option-select/CheckboxOption",
-    autocomplete: "option-select/AutoCompleteOption",
-    list: "option-select/ListOption",
-    "pill-select": "option-select/PillSelectOption",
-    "async-select": "option-select/AsyncSelectOption",
-    "integration-connector": "option-select/IntegrationConnectorOption"
-  },
-  picker: {
-    "date-picker": "picker/DatePicker",
-    "datetime-picker": "picker/DateTimePicker",
-    "time-picker": "picker/TimePicker",
-    "timezone-picker": "picker/TimezonePicker",
-    "color-picker": "picker/ColorPicker",
-    "icon-picker": "picker/IconPicker",
-    "icon-picker-inline": "picker/IconPickerInline",
-    icon: "picker/IconPicker",
-    "map-picker": "picker/MapPicker",
-    "async-select": "picker/AsyncSelectPicker",
-    "data-model": "picker/DataModelPicker",
-    "integration-connector": "picker/IntegrationConnectorPicker"
-  }
+//#region src/engine/registry.ts
+var e = {
+	card: {
+		list: "card/ListCard",
+		tab: "card/TabCard",
+		datatable: "card/DatatableCard",
+		grid: "card/GridCard",
+		info: "card/InfoCard"
+	},
+	action: {
+		button: "action/ButtonAction",
+		"button-group": "action/ButtonGroupAction",
+		buttongroup: "action/ButtonGroupAction",
+		link: "action/LinkAction"
+	},
+	boolean: {
+		checkbox: "boolean/CheckboxBoolean",
+		switch: "boolean/SwitchBoolean",
+		radio: "boolean/RadioBoolean",
+		"icon-toggle": "boolean/IconToggleBoolean"
+	},
+	builder: {
+		"form-builder": "builder/FormBuilder",
+		"object-builder": "builder/ObjectBuilder",
+		"preset-builder": "builder/PresetBuilder",
+		"reactive-canvas-builder": "builder/ReactiveCanvasBuilder",
+		"element-list-builder": "builder/ElementListBuilder",
+		"quiz-builder": "builder/QuizBuilder",
+		"dependency-list-builder": "builder/DependencyListBuilder",
+		"grid-builder": "builder/GridBuilder"
+	},
+	code: {
+		"git-editor": "code/GitCodeEditor",
+		"file-tree": "code/FileTree",
+		"pull-requests-list": "code/PullRequestsList",
+		"build-status": "code/BuildStatus",
+		"chat-message": "code/ChatMessage"
+	},
+	"configuration-block": {
+		"elements-block": "configuration-block/ElementsBlock",
+		repeatable: "configuration-block/RepeatableBlock",
+		dialog: "configuration-block/DialogBlock",
+		modal: "configuration-block/ModalBlock"
+	},
+	display: {
+		type: "display/TypeDisplay",
+		markdown: "display/MarkdownDisplay",
+		html: "display/HtmlDisplay",
+		iframe: "display/IframeDisplay",
+		image: "display/ImageDisplay",
+		video: "display/VideoPlayerDisplay",
+		banner: "display/BannerDisplay",
+		chart: "display/ChartDisplay",
+		carousel: "display/CarouselDisplay",
+		barcode: "display/BarcodeDisplay",
+		qrcode: "display/QrCodeDisplay",
+		icon: "display/IconDisplay",
+		"progress-bar": "display/ProgressBarDisplay",
+		sprite: "display/SpriteDisplay",
+		"reactive-canvas": "display/ReactiveCanvasDisplay"
+	},
+	editor: {
+		"code-editor": "editor/CodeEditor",
+		"markdown-editor": "editor/MarkdownEditor",
+		"html-editor": "editor/HtmlEditor",
+		"image-editor": "editor/ImageEditor",
+		"rich-text-editor": "editor/RichTextEditor"
+	},
+	file: {
+		upload: "file/UploadFile",
+		dropzone: "file/DropzoneFile",
+		"asset-picker": "file/AssetPickerFile"
+	},
+	input: {
+		text: "input/TextInput",
+		number: "input/NumberInput",
+		email: "input/EmailInput",
+		password: "input/PasswordInput",
+		url: "input/UrlInput",
+		tel: "input/TelInput",
+		search: "input/SearchInput",
+		textarea: "input/TextareaInput",
+		"range-slider": "input/RangeSliderInput",
+		"barcode-scanner": "input/BarcodeScannerInput"
+	},
+	"option-select": {
+		select: "option-select/SelectOption",
+		"select-multiple": "option-select/SelectMultipleOption",
+		radio: "option-select/RadioOption",
+		checkbox: "option-select/CheckboxOption",
+		autocomplete: "option-select/AutoCompleteOption",
+		list: "option-select/ListOption",
+		"pill-select": "option-select/PillSelectOption",
+		"async-select": "option-select/AsyncSelectOption",
+		"integration-connector": "option-select/IntegrationConnectorOption"
+	},
+	picker: {
+		"date-picker": "picker/DatePicker",
+		"datetime-picker": "picker/DateTimePicker",
+		"time-picker": "picker/TimePicker",
+		"timezone-picker": "picker/TimezonePicker",
+		"color-picker": "picker/ColorPicker",
+		"icon-picker": "picker/IconPicker",
+		"icon-picker-inline": "picker/IconPickerInline",
+		icon: "picker/IconPicker",
+		"map-picker": "picker/MapPicker",
+		"async-select": "picker/AsyncSelectPicker",
+		"data-model": "picker/DataModelPicker",
+		"integration-connector": "picker/IntegrationConnectorPicker"
+	}
+}, t = {
+	"card-list": "CardListCard",
+	"tab-list": "TabListCard",
+	"element-list": "ElementListCard",
+	"element-display": "ElementDisplayCard",
+	datatable: "DataTableCard",
+	"info-card": "InfoCard",
+	"grid-view": "GridViewCard"
 }, n = {
-  "card-list": "CardListCard",
-  "tab-list": "TabListCard",
-  "element-list": "ElementListCard",
-  "element-display": "ElementDisplayCard",
-  datatable: "DataTableCard",
-  "info-card": "InfoCard",
-  "grid-view": "GridViewCard"
-}, c = {
-  action: "button",
-  boolean: "checkbox",
-  builder: "form-builder",
-  card: "list",
-  code: "git-editor",
-  "configuration-block": "repeatable",
-  display: "type",
-  editor: "code-editor",
-  file: "upload",
-  input: "text",
-  "option-select": "select",
-  picker: "date-picker"
+	action: "button",
+	boolean: "checkbox",
+	builder: "form-builder",
+	card: "list",
+	code: "git-editor",
+	"configuration-block": "repeatable",
+	display: "type",
+	editor: "code-editor",
+	file: "upload",
+	input: "text",
+	"option-select": "select",
+	picker: "date-picker"
 };
-function d(e) {
-  const i = e.indexOf("."), o = i < 0 ? e : e.slice(0, i), r = i < 0 ? c[o] ?? "" : e.slice(i + 1), t = a[o];
-  if (!t)
-    return null;
-  if (!r) {
-    const l = Object.keys(t)[0];
-    return l ? t[l] : null;
-  }
-  return t[r] ?? null;
+function r(t) {
+	let r = t.indexOf("."), i = r < 0 ? t : t.slice(0, r), a = r < 0 ? n[i] ?? "" : t.slice(r + 1), o = e[i];
+	if (!o) return null;
+	if (!a) {
+		let e = Object.keys(o)[0];
+		return e ? o[e] : null;
+	}
+	return o[a] ?? null;
 }
-function p(e) {
-  return n[e] ?? null;
+function i(e) {
+	return t[e] ?? null;
 }
-export {
-  n as cardRegistry,
-  c as elementDefaultStyle,
-  a as elementRegistry,
-  p as resolveCardPath,
-  d as resolveElementPath
-};
-//# sourceMappingURL=registry.js.map
+//#endregion
+export { t as cardRegistry, n as elementDefaultStyle, e as elementRegistry, i as resolveCardPath, r as resolveElementPath };
+
+//# sourceMappingURL=registry.js.map