@gxp-dev/mod-ui 2.0.10 → 2.0.12

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

package/dist/engine/registry.js.map

@@ -1 +1 @@
-{"version":3,"file":"registry.js","sources":["../../src/engine/registry.ts"],"sourcesContent":["/**\n * Static registry mapping the JSON discriminators (`type` + `style`,\n * or `cardType`) to a relative path under `src/elements/` or\n * `src/cards/`. The path is what `import.meta.glob` uses to resolve a\n * lazy component loader at build time.\n *\n * Adding a new element style:\n *   1. Add it to the element's `Style` union in `definitions/elements/`.\n *   2. Add the matching path here.\n *   3. Create the Vue file at `src/elements/<path>.vue`.\n *\n * The registry is dense and exhaustive on purpose: TypeScript will fail\n * to compile if a style enum value is missing from the map, which keeps\n * the JSON contract and the runtime renderers in lock-step.\n */\nimport type { CardType, ElementCategory } from \"@/definitions/shared/base\"\nimport type { ActionStyle } from \"@/definitions/elements/ActionElement\"\nimport type { BooleanStyle } from \"@/definitions/elements/BooleanElement\"\nimport type { BuilderStyle } from \"@/definitions/elements/BuilderElement\"\nimport type { CardStyle } from \"@/definitions/elements/CardLayoutElement\"\nimport type { CodeStyle } from \"@/definitions/elements/CodeElement\"\nimport type { ConfigurationBlockStyle } from \"@/definitions/elements/ConfigurationBlockElement\"\nimport type { DisplayStyle } from \"@/definitions/elements/DisplayElement\"\nimport type { EditorStyle } from \"@/definitions/elements/EditorElement\"\nimport type { FileStyle } from \"@/definitions/elements/FileElement\"\nimport type { InputStyle } from \"@/definitions/elements/InputElement\"\nimport type { OptionSelectStyle } from \"@/definitions/elements/OptionSelectElement\"\nimport type { PickerStyle } from \"@/definitions/elements/PickerElement\"\n\n/**\n * A path under `src/elements/`, without the `./` prefix or the `.vue`\n * extension. e.g. `\"input/TextInput\"` resolves to\n * `src/elements/input/TextInput.vue`.\n */\nexport type ElementPath = string\n\n/**\n * A path under `src/cards/`. e.g. `\"ElementListCard\"` resolves to\n * `src/cards/ElementListCard.vue`.\n */\nexport type CardPath = string\n\n/**\n * Per-type map of style → path. Each top-level key is an ElementType;\n * the inner object covers every style variant for that type.\n *\n * Using `Record<Style, ElementPath>` here means TS errors if a new\n * style is added to the definitions but not given a renderer path.\n */\nexport interface ElementRegistry {\n  action: Record<ActionStyle, ElementPath>\n  boolean: Record<BooleanStyle, ElementPath>\n  builder: Record<BuilderStyle, ElementPath>\n  card: Record<CardStyle, ElementPath>\n  code: Record<CodeStyle, ElementPath>\n  \"configuration-block\": Record<ConfigurationBlockStyle, ElementPath>\n  display: Record<DisplayStyle, ElementPath>\n  editor: Record<EditorStyle, ElementPath>\n  file: Record<FileStyle, ElementPath>\n  input: Record<InputStyle, ElementPath>\n  \"option-select\": Record<OptionSelectStyle, ElementPath>\n  picker: Record<PickerStyle, ElementPath>\n}\n\nexport const elementRegistry: ElementRegistry = {\n  card: {\n    list: \"card/ListCard\",\n    tab: \"card/TabCard\",\n    datatable: \"card/DatatableCard\",\n    grid: \"card/GridCard\",\n    info: \"card/InfoCard\",\n  },\n  action: {\n    button: \"action/ButtonAction\",\n    \"button-group\": \"action/ButtonGroupAction\",\n    // v2 alias — same file, accepted for backwards compat.\n    buttongroup: \"action/ButtonGroupAction\",\n    link: \"action/LinkAction\",\n  },\n  boolean: {\n    checkbox: \"boolean/CheckboxBoolean\",\n    switch: \"boolean/SwitchBoolean\",\n    radio: \"boolean/RadioBoolean\",\n    \"icon-toggle\": \"boolean/IconToggleBoolean\",\n  },\n  builder: {\n    \"form-builder\": \"builder/FormBuilder\",\n    \"object-builder\": \"builder/ObjectBuilder\",\n    \"preset-builder\": \"builder/PresetBuilder\",\n    \"reactive-canvas-builder\": \"builder/ReactiveCanvasBuilder\",\n    \"element-list-builder\": \"builder/ElementListBuilder\",\n    \"quiz-builder\": \"builder/QuizBuilder\",\n    \"dependency-list-builder\": \"builder/DependencyListBuilder\",\n    \"grid-builder\": \"builder/GridBuilder\",\n  },\n  code: {\n    \"git-editor\": \"code/GitCodeEditor\",\n    \"file-tree\": \"code/FileTree\",\n    \"pull-requests-list\": \"code/PullRequestsList\",\n    \"build-status\": \"code/BuildStatus\",\n    \"chat-message\": \"code/ChatMessage\",\n  },\n  \"configuration-block\": {\n    \"elements-block\": \"configuration-block/ElementsBlock\",\n    repeatable: \"configuration-block/RepeatableBlock\",\n    dialog: \"configuration-block/DialogBlock\",\n    modal: \"configuration-block/ModalBlock\",\n  },\n  display: {\n    type: \"display/TypeDisplay\",\n    markdown: \"display/MarkdownDisplay\",\n    html: \"display/HtmlDisplay\",\n    iframe: \"display/IframeDisplay\",\n    image: \"display/ImageDisplay\",\n    video: \"display/VideoPlayerDisplay\",\n    banner: \"display/BannerDisplay\",\n    chart: \"display/ChartDisplay\",\n    carousel: \"display/CarouselDisplay\",\n    barcode: \"display/BarcodeDisplay\",\n    qrcode: \"display/QrCodeDisplay\",\n    icon: \"display/IconDisplay\",\n    \"progress-bar\": \"display/ProgressBarDisplay\",\n    sprite: \"display/SpriteDisplay\",\n    \"reactive-canvas\": \"display/ReactiveCanvasDisplay\",\n  },\n  editor: {\n    \"code-editor\": \"editor/CodeEditor\",\n    \"markdown-editor\": \"editor/MarkdownEditor\",\n    \"html-editor\": \"editor/HtmlEditor\",\n    \"image-editor\": \"editor/ImageEditor\",\n    \"rich-text-editor\": \"editor/RichTextEditor\",\n  },\n  file: {\n    upload: \"file/UploadFile\",\n    dropzone: \"file/DropzoneFile\",\n    \"asset-picker\": \"file/AssetPickerFile\",\n  },\n  input: {\n    text: \"input/TextInput\",\n    number: \"input/NumberInput\",\n    email: \"input/EmailInput\",\n    password: \"input/PasswordInput\",\n    url: \"input/UrlInput\",\n    tel: \"input/TelInput\",\n    search: \"input/SearchInput\",\n    textarea: \"input/TextareaInput\",\n    \"range-slider\": \"input/RangeSliderInput\",\n    \"barcode-scanner\": \"input/BarcodeScannerInput\",\n  },\n  \"option-select\": {\n    select: \"option-select/SelectOption\",\n    \"select-multiple\": \"option-select/SelectMultipleOption\",\n    radio: \"option-select/RadioOption\",\n    checkbox: \"option-select/CheckboxOption\",\n    autocomplete: \"option-select/AutoCompleteOption\",\n    list: \"option-select/ListOption\",\n    \"pill-select\": \"option-select/PillSelectOption\",\n    \"async-select\": \"option-select/AsyncSelectOption\",\n    \"integration-connector\": \"option-select/IntegrationConnectorOption\",\n  },\n  picker: {\n    \"date-picker\": \"picker/DatePicker\",\n    \"datetime-picker\": \"picker/DateTimePicker\",\n    \"time-picker\": \"picker/TimePicker\",\n    \"timezone-picker\": \"picker/TimezonePicker\",\n    \"color-picker\": \"picker/ColorPicker\",\n    \"icon-picker\": \"picker/IconPicker\",\n    \"icon-picker-inline\": \"picker/IconPickerInline\",\n    icon: \"picker/IconPicker\",\n    \"map-picker\": \"picker/MapPicker\",\n    \"async-select\": \"picker/AsyncSelectPicker\",\n    \"data-model\": \"picker/DataModelPicker\",\n    \"integration-connector\": \"picker/IntegrationConnectorPicker\",\n  },\n}\n\n/**\n * Per-cardType map. Cards have no style discriminator — `cardType`\n * alone resolves the renderer.\n */\nexport const cardRegistry: Record<CardType, CardPath> = {\n  \"card-list\": \"CardListCard\",\n  \"tab-list\": \"TabListCard\",\n  \"element-list\": \"ElementListCard\",\n  \"element-display\": \"ElementDisplayCard\",\n  datatable: \"DataTableCard\",\n  \"info-card\": \"InfoCard\",\n  \"grid-view\": \"GridViewCard\",\n}\n\n/**\n * Default style picked when an element JSON omits the dot suffix\n * (e.g. `type: \"input\"` is normalised to `\"input.text\"`). Each\n * ElementCategory must have a default registered.\n */\nexport const elementDefaultStyle: Record<ElementCategory, string> = {\n  action: \"button\",\n  boolean: \"checkbox\",\n  builder: \"form-builder\",\n  card: \"list\",\n  code: \"git-editor\",\n  \"configuration-block\": \"repeatable\",\n  display: \"type\",\n  editor: \"code-editor\",\n  file: \"upload\",\n  input: \"text\",\n  \"option-select\": \"select\",\n  picker: \"date-picker\",\n}\n\n/**\n * Returns the relative element path for a given dot-notation `type`\n * (e.g. `\"input.text\"`), or `null` when the type isn't registered.\n *\n * A bare category (e.g. `\"input\"`) is auto-completed using the\n * category's default style. The loader uses the returned path to look\n * up a Vue component module from `import.meta.glob`.\n */\nexport function resolveElementPath(type: string): ElementPath | null {\n  const dot = type.indexOf(\".\")\n  const category = (dot < 0 ? type : type.slice(0, dot)) as ElementCategory\n  const style =\n    dot < 0\n      ? elementDefaultStyle[category] ?? \"\"\n      : type.slice(dot + 1)\n  const typeBucket = (elementRegistry as unknown as Record<string, Record<string, string>>)[category]\n  if (!typeBucket) {\n    return null\n  }\n  if (!style) {\n    const fallback = Object.keys(typeBucket)[0]\n    return fallback ? typeBucket[fallback]! : null\n  }\n  return typeBucket[style] ?? null\n}\n\n/**\n * Returns the relative card path for a given `cardType`, or `null` if\n * unregistered.\n */\nexport function resolveCardPath(cardType: string): CardPath | null {\n  return (cardRegistry as Record<string, string>)[cardType] ?? null\n}\n"],"names":["elementRegistry","cardRegistry","elementDefaultStyle","resolveElementPath","type","dot","category","style","typeBucket","fallback","resolveCardPath","cardType"],"mappings":"AAgEO,MAAMA,IAAmC;AAAA,EAC9C,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,KAAK;AAAA,IACL,WAAW;AAAA,IACX,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAAA,EAER,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,gBAAgB;AAAA;AAAA,IAEhB,aAAa;AAAA,IACb,MAAM;AAAA,EAAA;AAAA,EAER,SAAS;AAAA,IACP,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,eAAe;AAAA,EAAA;AAAA,EAEjB,SAAS;AAAA,IACP,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,2BAA2B;AAAA,IAC3B,wBAAwB;AAAA,IACxB,gBAAgB;AAAA,IAChB,2BAA2B;AAAA,IAC3B,gBAAgB;AAAA,EAAA;AAAA,EAElB,MAAM;AAAA,IACJ,cAAc;AAAA,IACd,aAAa;AAAA,IACb,sBAAsB;AAAA,IACtB,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,EAAA;AAAA,EAElB,uBAAuB;AAAA,IACrB,kBAAkB;AAAA,IAClB,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA;AAAA,EAET,SAAS;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,IACV,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,gBAAgB;AAAA,IAChB,QAAQ;AAAA,IACR,mBAAmB;AAAA,EAAA;AAAA,EAErB,QAAQ;AAAA,IACN,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,oBAAoB;AAAA,EAAA;AAAA,EAEtB,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,gBAAgB;AAAA,EAAA;AAAA,EAElB,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,UAAU;AAAA,IACV,KAAK;AAAA,IACL,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,EAAA;AAAA,EAErB,iBAAiB;AAAA,IACf,QAAQ;AAAA,IACR,mBAAmB;AAAA,IACnB,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc;AAAA,IACd,MAAM;AAAA,IACN,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,yBAAyB;AAAA,EAAA;AAAA,EAE3B,QAAQ;AAAA,IACN,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,sBAAsB;AAAA,IACtB,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd,yBAAyB;AAAA,EAAA;AAE7B,GAMaC,IAA2C;AAAA,EACtD,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,aAAa;AACf,GAOaC,IAAuD;AAAA,EAClE,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,uBAAuB;AAAA,EACvB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,QAAQ;AACV;AAUO,SAASC,EAAmBC,GAAkC;AACnE,QAAMC,IAAMD,EAAK,QAAQ,GAAG,GACtBE,IAAYD,IAAM,IAAID,IAAOA,EAAK,MAAM,GAAGC,CAAG,GAC9CE,IACJF,IAAM,IACFH,EAAoBI,CAAQ,KAAK,KACjCF,EAAK,MAAMC,IAAM,CAAC,GAClBG,IAAcR,EAAsEM,CAAQ;AAClG,MAAI,CAACE;AACH,WAAO;AAET,MAAI,CAACD,GAAO;AACV,UAAME,IAAW,OAAO,KAAKD,CAAU,EAAE,CAAC;AAC1C,WAAOC,IAAWD,EAAWC,CAAQ,IAAK;AAAA,EAC5C;AACA,SAAOD,EAAWD,CAAK,KAAK;AAC9B;AAMO,SAASG,EAAgBC,GAAmC;AACjE,SAAQV,EAAwCU,CAAQ,KAAK;AAC/D;"}
+{"version":3,"file":"registry.js","names":[],"sources":["../../src/engine/registry.ts"],"sourcesContent":["/**\n * Static registry mapping the JSON discriminators (`type` + `style`,\n * or `cardType`) to a relative path under `src/elements/` or\n * `src/cards/`. The path is what `import.meta.glob` uses to resolve a\n * lazy component loader at build time.\n *\n * Adding a new element style:\n *   1. Add it to the element's `Style` union in `definitions/elements/`.\n *   2. Add the matching path here.\n *   3. Create the Vue file at `src/elements/<path>.vue`.\n *\n * The registry is dense and exhaustive on purpose: TypeScript will fail\n * to compile if a style enum value is missing from the map, which keeps\n * the JSON contract and the runtime renderers in lock-step.\n */\nimport type { CardType, ElementCategory } from \"@/definitions/shared/base\"\nimport type { ActionStyle } from \"@/definitions/elements/ActionElement\"\nimport type { BooleanStyle } from \"@/definitions/elements/BooleanElement\"\nimport type { BuilderStyle } from \"@/definitions/elements/BuilderElement\"\nimport type { CardStyle } from \"@/definitions/elements/CardLayoutElement\"\nimport type { CodeStyle } from \"@/definitions/elements/CodeElement\"\nimport type { ConfigurationBlockStyle } from \"@/definitions/elements/ConfigurationBlockElement\"\nimport type { DisplayStyle } from \"@/definitions/elements/DisplayElement\"\nimport type { EditorStyle } from \"@/definitions/elements/EditorElement\"\nimport type { FileStyle } from \"@/definitions/elements/FileElement\"\nimport type { InputStyle } from \"@/definitions/elements/InputElement\"\nimport type { OptionSelectStyle } from \"@/definitions/elements/OptionSelectElement\"\nimport type { PickerStyle } from \"@/definitions/elements/PickerElement\"\n\n/**\n * A path under `src/elements/`, without the `./` prefix or the `.vue`\n * extension. e.g. `\"input/TextInput\"` resolves to\n * `src/elements/input/TextInput.vue`.\n */\nexport type ElementPath = string\n\n/**\n * A path under `src/cards/`. e.g. `\"ElementListCard\"` resolves to\n * `src/cards/ElementListCard.vue`.\n */\nexport type CardPath = string\n\n/**\n * Per-type map of style → path. Each top-level key is an ElementType;\n * the inner object covers every style variant for that type.\n *\n * Using `Record<Style, ElementPath>` here means TS errors if a new\n * style is added to the definitions but not given a renderer path.\n */\nexport interface ElementRegistry {\n  action: Record<ActionStyle, ElementPath>\n  boolean: Record<BooleanStyle, ElementPath>\n  builder: Record<BuilderStyle, ElementPath>\n  card: Record<CardStyle, ElementPath>\n  code: Record<CodeStyle, ElementPath>\n  \"configuration-block\": Record<ConfigurationBlockStyle, ElementPath>\n  display: Record<DisplayStyle, ElementPath>\n  editor: Record<EditorStyle, ElementPath>\n  file: Record<FileStyle, ElementPath>\n  input: Record<InputStyle, ElementPath>\n  \"option-select\": Record<OptionSelectStyle, ElementPath>\n  picker: Record<PickerStyle, ElementPath>\n}\n\nexport const elementRegistry: ElementRegistry = {\n  card: {\n    list: \"card/ListCard\",\n    tab: \"card/TabCard\",\n    datatable: \"card/DatatableCard\",\n    grid: \"card/GridCard\",\n    info: \"card/InfoCard\",\n  },\n  action: {\n    button: \"action/ButtonAction\",\n    \"button-group\": \"action/ButtonGroupAction\",\n    // v2 alias — same file, accepted for backwards compat.\n    buttongroup: \"action/ButtonGroupAction\",\n    link: \"action/LinkAction\",\n  },\n  boolean: {\n    checkbox: \"boolean/CheckboxBoolean\",\n    switch: \"boolean/SwitchBoolean\",\n    radio: \"boolean/RadioBoolean\",\n    \"icon-toggle\": \"boolean/IconToggleBoolean\",\n  },\n  builder: {\n    \"form-builder\": \"builder/FormBuilder\",\n    \"object-builder\": \"builder/ObjectBuilder\",\n    \"preset-builder\": \"builder/PresetBuilder\",\n    \"reactive-canvas-builder\": \"builder/ReactiveCanvasBuilder\",\n    \"element-list-builder\": \"builder/ElementListBuilder\",\n    \"quiz-builder\": \"builder/QuizBuilder\",\n    \"dependency-list-builder\": \"builder/DependencyListBuilder\",\n    \"grid-builder\": \"builder/GridBuilder\",\n  },\n  code: {\n    \"git-editor\": \"code/GitCodeEditor\",\n    \"file-tree\": \"code/FileTree\",\n    \"pull-requests-list\": \"code/PullRequestsList\",\n    \"build-status\": \"code/BuildStatus\",\n    \"chat-message\": \"code/ChatMessage\",\n  },\n  \"configuration-block\": {\n    \"elements-block\": \"configuration-block/ElementsBlock\",\n    repeatable: \"configuration-block/RepeatableBlock\",\n    dialog: \"configuration-block/DialogBlock\",\n    modal: \"configuration-block/ModalBlock\",\n  },\n  display: {\n    type: \"display/TypeDisplay\",\n    markdown: \"display/MarkdownDisplay\",\n    html: \"display/HtmlDisplay\",\n    iframe: \"display/IframeDisplay\",\n    image: \"display/ImageDisplay\",\n    video: \"display/VideoPlayerDisplay\",\n    banner: \"display/BannerDisplay\",\n    chart: \"display/ChartDisplay\",\n    carousel: \"display/CarouselDisplay\",\n    barcode: \"display/BarcodeDisplay\",\n    qrcode: \"display/QrCodeDisplay\",\n    icon: \"display/IconDisplay\",\n    \"progress-bar\": \"display/ProgressBarDisplay\",\n    sprite: \"display/SpriteDisplay\",\n    \"reactive-canvas\": \"display/ReactiveCanvasDisplay\",\n  },\n  editor: {\n    \"code-editor\": \"editor/CodeEditor\",\n    \"markdown-editor\": \"editor/MarkdownEditor\",\n    \"html-editor\": \"editor/HtmlEditor\",\n    \"image-editor\": \"editor/ImageEditor\",\n    \"rich-text-editor\": \"editor/RichTextEditor\",\n  },\n  file: {\n    upload: \"file/UploadFile\",\n    dropzone: \"file/DropzoneFile\",\n    \"asset-picker\": \"file/AssetPickerFile\",\n  },\n  input: {\n    text: \"input/TextInput\",\n    number: \"input/NumberInput\",\n    email: \"input/EmailInput\",\n    password: \"input/PasswordInput\",\n    url: \"input/UrlInput\",\n    tel: \"input/TelInput\",\n    search: \"input/SearchInput\",\n    textarea: \"input/TextareaInput\",\n    \"range-slider\": \"input/RangeSliderInput\",\n    \"barcode-scanner\": \"input/BarcodeScannerInput\",\n  },\n  \"option-select\": {\n    select: \"option-select/SelectOption\",\n    \"select-multiple\": \"option-select/SelectMultipleOption\",\n    radio: \"option-select/RadioOption\",\n    checkbox: \"option-select/CheckboxOption\",\n    autocomplete: \"option-select/AutoCompleteOption\",\n    list: \"option-select/ListOption\",\n    \"pill-select\": \"option-select/PillSelectOption\",\n    \"async-select\": \"option-select/AsyncSelectOption\",\n    \"integration-connector\": \"option-select/IntegrationConnectorOption\",\n  },\n  picker: {\n    \"date-picker\": \"picker/DatePicker\",\n    \"datetime-picker\": \"picker/DateTimePicker\",\n    \"time-picker\": \"picker/TimePicker\",\n    \"timezone-picker\": \"picker/TimezonePicker\",\n    \"color-picker\": \"picker/ColorPicker\",\n    \"icon-picker\": \"picker/IconPicker\",\n    \"icon-picker-inline\": \"picker/IconPickerInline\",\n    icon: \"picker/IconPicker\",\n    \"map-picker\": \"picker/MapPicker\",\n    \"async-select\": \"picker/AsyncSelectPicker\",\n    \"data-model\": \"picker/DataModelPicker\",\n    \"integration-connector\": \"picker/IntegrationConnectorPicker\",\n  },\n}\n\n/**\n * Per-cardType map. Cards have no style discriminator — `cardType`\n * alone resolves the renderer.\n */\nexport const cardRegistry: Record<CardType, CardPath> = {\n  \"card-list\": \"CardListCard\",\n  \"tab-list\": \"TabListCard\",\n  \"element-list\": \"ElementListCard\",\n  \"element-display\": \"ElementDisplayCard\",\n  datatable: \"DataTableCard\",\n  \"info-card\": \"InfoCard\",\n  \"grid-view\": \"GridViewCard\",\n}\n\n/**\n * Default style picked when an element JSON omits the dot suffix\n * (e.g. `type: \"input\"` is normalised to `\"input.text\"`). Each\n * ElementCategory must have a default registered.\n */\nexport const elementDefaultStyle: Record<ElementCategory, string> = {\n  action: \"button\",\n  boolean: \"checkbox\",\n  builder: \"form-builder\",\n  card: \"list\",\n  code: \"git-editor\",\n  \"configuration-block\": \"repeatable\",\n  display: \"type\",\n  editor: \"code-editor\",\n  file: \"upload\",\n  input: \"text\",\n  \"option-select\": \"select\",\n  picker: \"date-picker\",\n}\n\n/**\n * Returns the relative element path for a given dot-notation `type`\n * (e.g. `\"input.text\"`), or `null` when the type isn't registered.\n *\n * A bare category (e.g. `\"input\"`) is auto-completed using the\n * category's default style. The loader uses the returned path to look\n * up a Vue component module from `import.meta.glob`.\n */\nexport function resolveElementPath(type: string): ElementPath | null {\n  const dot = type.indexOf(\".\")\n  const category = (dot < 0 ? type : type.slice(0, dot)) as ElementCategory\n  const style =\n    dot < 0\n      ? elementDefaultStyle[category] ?? \"\"\n      : type.slice(dot + 1)\n  const typeBucket = (elementRegistry as unknown as Record<string, Record<string, string>>)[category]\n  if (!typeBucket) {\n    return null\n  }\n  if (!style) {\n    const fallback = Object.keys(typeBucket)[0]\n    return fallback ? typeBucket[fallback]! : null\n  }\n  return typeBucket[style] ?? null\n}\n\n/**\n * Returns the relative card path for a given `cardType`, or `null` if\n * unregistered.\n */\nexport function resolveCardPath(cardType: string): CardPath | null {\n  return (cardRegistry as Record<string, string>)[cardType] ?? null\n}\n"],"mappings":";AAgEA,IAAa,IAAmC;CAC9C,MAAM;EACJ,MAAM;EACN,KAAK;EACL,WAAW;EACX,MAAM;EACN,MAAM;CACR;CACA,QAAQ;EACN,QAAQ;EACR,gBAAgB;EAEhB,aAAa;EACb,MAAM;CACR;CACA,SAAS;EACP,UAAU;EACV,QAAQ;EACR,OAAO;EACP,eAAe;CACjB;CACA,SAAS;EACP,gBAAgB;EAChB,kBAAkB;EAClB,kBAAkB;EAClB,2BAA2B;EAC3B,wBAAwB;EACxB,gBAAgB;EAChB,2BAA2B;EAC3B,gBAAgB;CAClB;CACA,MAAM;EACJ,cAAc;EACd,aAAa;EACb,sBAAsB;EACtB,gBAAgB;EAChB,gBAAgB;CAClB;CACA,uBAAuB;EACrB,kBAAkB;EAClB,YAAY;EACZ,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,MAAM;EACN,UAAU;EACV,MAAM;EACN,QAAQ;EACR,OAAO;EACP,OAAO;EACP,QAAQ;EACR,OAAO;EACP,UAAU;EACV,SAAS;EACT,QAAQ;EACR,MAAM;EACN,gBAAgB;EAChB,QAAQ;EACR,mBAAmB;CACrB;CACA,QAAQ;EACN,eAAe;EACf,mBAAmB;EACnB,eAAe;EACf,gBAAgB;EAChB,oBAAoB;CACtB;CACA,MAAM;EACJ,QAAQ;EACR,UAAU;EACV,gBAAgB;CAClB;CACA,OAAO;EACL,MAAM;EACN,QAAQ;EACR,OAAO;EACP,UAAU;EACV,KAAK;EACL,KAAK;EACL,QAAQ;EACR,UAAU;EACV,gBAAgB;EAChB,mBAAmB;CACrB;CACA,iBAAiB;EACf,QAAQ;EACR,mBAAmB;EACnB,OAAO;EACP,UAAU;EACV,cAAc;EACd,MAAM;EACN,eAAe;EACf,gBAAgB;EAChB,yBAAyB;CAC3B;CACA,QAAQ;EACN,eAAe;EACf,mBAAmB;EACnB,eAAe;EACf,mBAAmB;EACnB,gBAAgB;EAChB,eAAe;EACf,sBAAsB;EACtB,MAAM;EACN,cAAc;EACd,gBAAgB;EAChB,cAAc;EACd,yBAAyB;CAC3B;AACF,GAMa,IAA2C;CACtD,aAAa;CACb,YAAY;CACZ,gBAAgB;CAChB,mBAAmB;CACnB,WAAW;CACX,aAAa;CACb,aAAa;AACf,GAOa,IAAuD;CAClE,QAAQ;CACR,SAAS;CACT,SAAS;CACT,MAAM;CACN,MAAM;CACN,uBAAuB;CACvB,SAAS;CACT,QAAQ;CACR,MAAM;CACN,OAAO;CACP,iBAAiB;CACjB,QAAQ;AACV;AAUA,SAAgB,EAAmB,GAAkC;CACnE,IAAM,IAAM,EAAK,QAAQ,GAAG,GACtB,IAAY,IAAM,IAAI,IAAO,EAAK,MAAM,GAAG,CAAG,GAC9C,IACJ,IAAM,IACF,EAAoB,MAAa,KACjC,EAAK,MAAM,IAAM,CAAC,GAClB,IAAc,EAAsE;CAC1F,IAAI,CAAC,GACH,OAAO;CAET,IAAI,CAAC,GAAO;EACV,IAAM,IAAW,OAAO,KAAK,CAAU,EAAE;EACzC,OAAO,IAAW,EAAW,KAAa;CAC5C;CACA,OAAO,EAAW,MAAU;AAC9B;AAMA,SAAgB,EAAgB,GAAmC;CACjE,OAAQ,EAAwC,MAAa;AAC/D"}