@gxp-dev/mod-ui 2.0.8 → 2.0.12

package/dist/stores/formBuilderStore.js

@@ -1,225 +1,217 @@
-import { defineStore as N } from "pinia";
-import { ref as $, computed as B } from "vue";
-import { elementDefaultStyle as _ } from "../engine/registry.js";
-let E = 0;
-function g(c) {
-  return E += 1, `${c}-${Date.now()}-${E}`;
+import { elementDefaultStyle as e } from "../engine/registry.js";
+import { computed as t, ref as n } from "vue";
+import { defineStore as r } from "pinia";
+//#region src/stores/formBuilderStore.ts
+var i = 0;
+function a(e) {
+	return i += 1, `${e}-${Date.now()}-${i}`;
 }
-function G() {
-  E = 0;
+function o() {
+	i = 0;
 }
-function R(c) {
-  return {
-    rootCardId: c,
-    cards: {
-      [c]: {
-        id: c,
-        cardType: "element-list",
-        title: "",
-        elementList: []
-      }
-    },
-    elements: {}
-  };
+function s(e) {
+	return {
+		rootCardId: e,
+		cards: { [e]: {
+			id: e,
+			cardType: "element-list",
+			title: "",
+			elementList: []
+		} },
+		elements: {}
+	};
 }
-const T = N("gx-modui/formBuilder", () => {
-  const c = $({}), a = $({});
-  function f(t, e) {
-    const n = t.cards[e];
-    if (n) return n;
-    const r = t.elements[e];
-    if (r) {
-      const o = r;
-      if (typeof o.type == "string" && o.type.startsWith("card."))
-        return o;
-    }
-    return null;
-  }
-  function u(t) {
-    if (!c.value[t]) {
-      const e = g("root");
-      c.value[t] = R(e), a.value[t] = { kind: null, id: null };
-    }
-    return c.value[t];
-  }
-  function p(t, e) {
-    c.value[t] = {
-      rootCardId: e.rootCardId,
-      cards: { ...e.cards },
-      elements: { ...e.elements }
-    }, a.value[t] = { kind: null, id: null };
-  }
-  function v(t) {
-    delete c.value[t], delete a.value[t];
-  }
-  function y(t, e, n) {
-    const r = u(t), o = f(r, e);
-    if (!o)
-      throw new Error(
-        `addElement: container ${e} not found in builder ${t}`
-      );
-    const i = n.includes(".") ? n : `${n}.${_[n] ?? "text"}`, s = g(`el-${i.replace(".", "-")}`), l = {
-      id: s,
-      type: i,
-      label: `New ${i}`
-    };
-    r.elements[s] = l;
-    const m = o.elementList ?? [];
-    return o.elementList = [...m, s], s;
-  }
-  function S(t, e, n) {
-    const r = u(t), o = r.cards[e];
-    if (!o)
-      throw new Error(`addCard: parent card ${e} not found`);
-    const i = g(`card-${n}`), s = {
-      id: i,
-      cardType: n,
-      title: `New ${n}`
-    };
-    n === "element-list" ? s.elementList = [] : n === "card-list" ? s.cardList = [] : n === "tab-list" && (s.tabList = []), r.cards[i] = s;
-    const l = o;
-    if (o.cardType === "card-list") {
-      const m = l.cardList ?? [];
-      l.cardList = [...m, i];
-    } else if (o.cardType === "tab-list") {
-      const m = l.tabList ?? [];
-      l.tabList = [...m, i];
-    } else
-      throw new Error(
-        `addCard: parent ${e} (cardType=${o.cardType}) does not accept nested cards`
-      );
-    return i;
-  }
-  function w(t, e) {
-    const n = u(t);
-    if (!n.elements[e])
-      return;
-    const r = n.elements[e];
-    if (typeof r.type == "string" && r.type.startsWith("card."))
-      for (const i of r.elementList ?? [])
-        delete n.elements[i];
-    delete n.elements[e];
-    for (const i of Object.values(n.cards)) {
-      const s = i, l = s.elementList;
-      l != null && l.includes(e) && (s.elementList = l.filter((m) => m !== e));
-    }
-    for (const i of Object.values(n.elements)) {
-      const s = i;
-      if (typeof s.type == "string" && s.type.startsWith("card.")) {
-        const l = s.elementList;
-        l != null && l.includes(e) && (s.elementList = l.filter((m) => m !== e));
-      }
-    }
-    const o = a.value[t];
-    o && o.kind === "element" && o.id === e && (a.value[t] = { kind: null, id: null });
-  }
-  function L(t, e) {
-    const n = u(t);
-    if (e === n.rootCardId)
-      return;
-    const r = n.cards[e];
-    if (!r)
-      return;
-    const o = r;
-    for (const s of o.elementList ?? [])
-      delete n.elements[s];
-    for (const s of o.cardList ?? [])
-      L(t, s);
-    for (const s of o.tabList ?? [])
-      L(t, s);
-    delete n.cards[e];
-    for (const s of Object.values(n.cards)) {
-      const l = s;
-      for (const m of ["cardList", "tabList"]) {
-        const d = l[m];
-        d != null && d.includes(e) && (l[m] = d.filter((h) => h !== e));
-      }
-    }
-    const i = a.value[t];
-    i && i.kind === "card" && i.id === e && (a.value[t] = { kind: null, id: null });
-  }
-  function k(t, e, n, r) {
-    const o = u(t), i = f(o, e);
-    if (!i) return;
-    const s = i.elementList ?? [];
-    if (n < 0 || n >= s.length || r < 0 || r >= s.length)
-      return;
-    const l = [...s], [m] = l.splice(n, 1);
-    m !== void 0 && (l.splice(r, 0, m), i.elementList = l);
-  }
-  function j(t, e, n, r, o) {
-    if (e === n) return;
-    const i = u(t), s = f(i, e), l = f(i, n);
-    if (!s || !l) return;
-    const m = s.elementList ?? [];
-    if (!m.includes(r)) return;
-    s.elementList = m.filter((M) => M !== r);
-    const d = l.elementList ?? [], h = Math.max(0, Math.min(o, d.length)), C = [...d];
-    C.splice(h, 0, r), l.elementList = C;
-  }
-  function x(t, e, n) {
-    const r = u(t), o = r.elements[e];
-    o && (r.elements[e] = {
-      ...o,
-      ...n
-    });
-  }
-  function F(t, e, n) {
-    const r = u(t), o = r.cards[e];
-    o && (r.cards[e] = {
-      ...o,
-      ...n
-    });
-  }
-  function O(t, e, n) {
-    a.value[t] = { kind: e, id: n };
-  }
-  function W(t) {
-    return a.value[t] ?? { kind: null, id: null };
-  }
-  function D(t) {
-    return u(t);
-  }
-  return {
-    builders: c,
-    selections: a,
-    ensureBuilder: u,
-    loadSchema: p,
-    resetBuilder: v,
-    addElement: y,
-    addCard: S,
-    removeElement: w,
-    removeCard: L,
-    reorderElement: k,
-    moveElement: j,
-    updateElement: x,
-    updateCard: F,
-    select: O,
-    getSelection: W,
-    getSchema: D
-  };
+var c = r("gx-modui/formBuilder", () => {
+	let t = n({}), r = n({});
+	function i(e, t) {
+		let n = e.cards[t];
+		if (n) return n;
+		let r = e.elements[t];
+		if (r) {
+			let e = r;
+			if (typeof e.type == "string" && e.type.startsWith("card.")) return e;
+		}
+		return null;
+	}
+	function o(e) {
+		if (!t.value[e]) {
+			let n = a("root");
+			t.value[e] = s(n), r.value[e] = {
+				kind: null,
+				id: null
+			};
+		}
+		return t.value[e];
+	}
+	function c(e, n) {
+		t.value[e] = {
+			rootCardId: n.rootCardId,
+			cards: { ...n.cards },
+			elements: { ...n.elements }
+		}, r.value[e] = {
+			kind: null,
+			id: null
+		};
+	}
+	function l(e) {
+		delete t.value[e], delete r.value[e];
+	}
+	function u(t, n, r) {
+		let s = o(t), c = i(s, n);
+		if (!c) throw Error(`addElement: container ${n} not found in builder ${t}`);
+		let l = r.includes(".") ? r : `${r}.${e[r] ?? "text"}`, u = a(`el-${l.replace(".", "-")}`), d = {
+			id: u,
+			type: l,
+			label: `New ${l}`
+		};
+		return s.elements[u] = d, c.elementList = [...c.elementList ?? [], u], u;
+	}
+	function d(e, t, n) {
+		let r = o(e), i = r.cards[t];
+		if (!i) throw Error(`addCard: parent card ${t} not found`);
+		let s = a(`card-${n}`), c = {
+			id: s,
+			cardType: n,
+			title: `New ${n}`
+		};
+		n === "element-list" ? c.elementList = [] : n === "card-list" ? c.cardList = [] : n === "tab-list" && (c.tabList = []), r.cards[s] = c;
+		let l = i;
+		if (i.cardType === "card-list") l.cardList = [...l.cardList ?? [], s];
+		else if (i.cardType === "tab-list") l.tabList = [...l.tabList ?? [], s];
+		else throw Error(`addCard: parent ${t} (cardType=${i.cardType}) does not accept nested cards`);
+		return s;
+	}
+	function f(e, t) {
+		let n = o(e);
+		if (!n.elements[t]) return;
+		let i = n.elements[t];
+		if (typeof i.type == "string" && i.type.startsWith("card.")) for (let e of i.elementList ?? []) delete n.elements[e];
+		delete n.elements[t];
+		for (let e of Object.values(n.cards)) {
+			let n = e, r = n.elementList;
+			r?.includes(t) && (n.elementList = r.filter((e) => e !== t));
+		}
+		for (let e of Object.values(n.elements)) {
+			let n = e;
+			if (typeof n.type == "string" && n.type.startsWith("card.")) {
+				let e = n.elementList;
+				e?.includes(t) && (n.elementList = e.filter((e) => e !== t));
+			}
+		}
+		let a = r.value[e];
+		a && a.kind === "element" && a.id === t && (r.value[e] = {
+			kind: null,
+			id: null
+		});
+	}
+	function p(e, t) {
+		let n = o(e);
+		if (t === n.rootCardId) return;
+		let i = n.cards[t];
+		if (!i) return;
+		let a = i;
+		for (let e of a.elementList ?? []) delete n.elements[e];
+		for (let t of a.cardList ?? []) p(e, t);
+		for (let t of a.tabList ?? []) p(e, t);
+		delete n.cards[t];
+		for (let e of Object.values(n.cards)) {
+			let n = e;
+			for (let e of ["cardList", "tabList"]) {
+				let r = n[e];
+				r?.includes(t) && (n[e] = r.filter((e) => e !== t));
+			}
+		}
+		let s = r.value[e];
+		s && s.kind === "card" && s.id === t && (r.value[e] = {
+			kind: null,
+			id: null
+		});
+	}
+	function m(e, t, n, r) {
+		let a = i(o(e), t);
+		if (!a) return;
+		let s = a.elementList ?? [];
+		if (n < 0 || n >= s.length || r < 0 || r >= s.length) return;
+		let c = [...s], [l] = c.splice(n, 1);
+		l !== void 0 && (c.splice(r, 0, l), a.elementList = c);
+	}
+	function h(e, t, n, r, a) {
+		if (t === n) return;
+		let s = o(e), c = i(s, t), l = i(s, n);
+		if (!c || !l) return;
+		let u = c.elementList ?? [];
+		if (!u.includes(r)) return;
+		c.elementList = u.filter((e) => e !== r);
+		let d = l.elementList ?? [], f = Math.max(0, Math.min(a, d.length)), p = [...d];
+		p.splice(f, 0, r), l.elementList = p;
+	}
+	function g(e, t, n) {
+		let r = o(e), i = r.elements[t];
+		i && (r.elements[t] = {
+			...i,
+			...n
+		});
+	}
+	function _(e, t, n) {
+		let r = o(e), i = r.cards[t];
+		i && (r.cards[t] = {
+			...i,
+			...n
+		});
+	}
+	function v(e, t, n) {
+		r.value[e] = {
+			kind: t,
+			id: n
+		};
+	}
+	function y(e) {
+		return r.value[e] ?? {
+			kind: null,
+			id: null
+		};
+	}
+	function b(e) {
+		return o(e);
+	}
+	return {
+		builders: t,
+		selections: r,
+		ensureBuilder: o,
+		loadSchema: c,
+		resetBuilder: l,
+		addElement: u,
+		addCard: d,
+		removeElement: f,
+		removeCard: p,
+		reorderElement: m,
+		moveElement: h,
+		updateElement: g,
+		updateCard: _,
+		select: v,
+		getSelection: y,
+		getSchema: b
+	};
 });
-function H(c) {
-  const a = T();
-  return a.ensureBuilder(c), {
-    schema: B(() => a.getSchema(c)),
-    selection: B(() => a.getSelection(c)),
-    addElement: (f, u) => a.addElement(c, f, u),
-    addCard: (f, u) => a.addCard(c, f, u),
-    removeElement: (f) => a.removeElement(c, f),
-    removeCard: (f) => a.removeCard(c, f),
-    reorderElement: (f, u, p) => a.reorderElement(c, f, u, p),
-    moveElement: (f, u, p, v) => a.moveElement(c, f, u, p, v),
-    updateElement: (f, u) => a.updateElement(c, f, u),
-    updateCard: (f, u) => a.updateCard(c, f, u),
-    select: (f, u) => a.select(c, f, u),
-    loadSchema: (f) => a.loadSchema(c, f),
-    reset: () => a.resetBuilder(c)
-  };
+function l(e) {
+	let n = c();
+	return n.ensureBuilder(e), {
+		schema: t(() => n.getSchema(e)),
+		selection: t(() => n.getSelection(e)),
+		addElement: (t, r) => n.addElement(e, t, r),
+		addCard: (t, r) => n.addCard(e, t, r),
+		removeElement: (t) => n.removeElement(e, t),
+		removeCard: (t) => n.removeCard(e, t),
+		reorderElement: (t, r, i) => n.reorderElement(e, t, r, i),
+		moveElement: (t, r, i, a) => n.moveElement(e, t, r, i, a),
+		updateElement: (t, r) => n.updateElement(e, t, r),
+		updateCard: (t, r) => n.updateCard(e, t, r),
+		select: (t, r) => n.select(e, t, r),
+		loadSchema: (t) => n.loadSchema(e, t),
+		reset: () => n.resetBuilder(e)
+	};
 }
-export {
-  G as __resetFormBuilderIdCounter,
-  H as useFormBuilder,
-  T as useFormBuilderStore
-};
-//# sourceMappingURL=formBuilderStore.js.map
+//#endregion
+export { o as __resetFormBuilderIdCounter, l as useFormBuilder, c as useFormBuilderStore };
+
+//# sourceMappingURL=formBuilderStore.js.map

package/dist/stores/formBuilderStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"formBuilderStore.js","sources":["../../src/stores/formBuilderStore.ts"],"sourcesContent":["import { defineStore } from \"pinia\"\nimport { computed, ref } from \"vue\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport type { DisplayCard } from \"@/definitions/cards\"\nimport type { ElementCategory, ElementType } from \"@/definitions/shared/base\"\nimport { elementDefaultStyle } from \"@/engine/registry\"\n\n/**\n * State for a single FormBuilder instance. Multiple FormBuilders can\n * coexist on a page; each is keyed by `builderId`.\n *\n * The shape mirrors the v2 page config (a flat elements map, a flat\n * cards map, a root card id) so the builder's output can be passed\n * straight to ShowPage / CardRenderer.\n */\nexport interface BuilderSchema {\n  /** Root card id — the top of the tree. */\n  rootCardId: string\n  cards: Record<string, DisplayCard>\n  elements: Record<string, CardElement>\n}\n\n/** Identifies what's currently selected in the inspector. */\nexport interface BuilderSelection {\n  kind: \"element\" | \"card\" | null\n  id: string | null\n}\n\nlet idCounter = 0\nfunction nextId(prefix: string): string {\n  idCounter += 1\n  return `${prefix}-${Date.now()}-${idCounter}`\n}\n\n/** Test helper to make ids deterministic. */\nexport function __resetFormBuilderIdCounter(): void {\n  idCounter = 0\n}\n\nfunction emptyRoot(rootId: string): BuilderSchema {\n  return {\n    rootCardId: rootId,\n    cards: {\n      [rootId]: {\n        id: rootId,\n        cardType: \"element-list\",\n        title: \"\",\n        elementList: [],\n      } as unknown as DisplayCard,\n    },\n    elements: {},\n  }\n}\n\nexport const useFormBuilderStore = defineStore(\"gx-modui/formBuilder\", () => {\n  /**\n   * Per-builder state, keyed by `builderId`. Lets multiple builders\n   * coexist on the same page without colliding.\n   */\n  const builders = ref<Record<string, BuilderSchema>>({})\n  const selections = ref<Record<string, BuilderSelection>>({})\n\n  /**\n   * Return the raw mutable bag for a container ID. A container is either a\n   * DisplayCard (in schema.cards) or a card-type element (schema.elements\n   * with a type starting with \"card.\"). Both carry an `elementList` array.\n   */\n  function getContainerBag(\n    schema: BuilderSchema,\n    containerId: string,\n  ): Record<string, unknown> | null {\n    const card = schema.cards[containerId]\n    if (card) return card as unknown as Record<string, unknown>\n    const el = schema.elements[containerId]\n    if (el) {\n      const bag = el as unknown as Record<string, unknown>\n      if (typeof bag.type === \"string\" && (bag.type as string).startsWith(\"card.\")) {\n        return bag\n      }\n    }\n    return null\n  }\n\n  function ensureBuilder(builderId: string): BuilderSchema {\n    if (!builders.value[builderId]) {\n      const rootId = nextId(\"root\")\n      builders.value[builderId] = emptyRoot(rootId)\n      selections.value[builderId] = { kind: null, id: null }\n    }\n    return builders.value[builderId]!\n  }\n\n  function loadSchema(builderId: string, schema: BuilderSchema): void {\n    builders.value[builderId] = {\n      rootCardId: schema.rootCardId,\n      cards: { ...schema.cards },\n      elements: { ...schema.elements },\n    }\n    selections.value[builderId] = { kind: null, id: null }\n  }\n\n  function resetBuilder(builderId: string): void {\n    delete builders.value[builderId]\n    delete selections.value[builderId]\n  }\n\n  /**\n   * Append a fresh element of `type` to the given parent card's\n   * elementList. `type` is the dot-notation discriminator\n   * (e.g. `\"input.text\"`). When only a category is supplied\n   * (`\"input\"`), the parent's default style is appended.\n   *\n   * Returns the new element's id so callers can immediately select it\n   * for editing.\n   */\n  function addElement(\n    builderId: string,\n    containerId: string,\n    type: ElementType | ElementCategory,\n  ): string {\n    const schema = ensureBuilder(builderId)\n    const bag = getContainerBag(schema, containerId)\n    if (!bag) {\n      throw new Error(\n        `addElement: container ${containerId} not found in builder ${builderId}`,\n      )\n    }\n    const dotType: ElementType = type.includes(\".\")\n      ? (type as ElementType)\n      : (`${type}.${elementDefaultStyle[type as ElementCategory] ?? \"text\"}` as ElementType)\n    const id = nextId(`el-${dotType.replace(\".\", \"-\")}`)\n    const element = {\n      id,\n      type: dotType,\n      label: `New ${dotType}`,\n    } as unknown as CardElement\n    schema.elements[id] = element\n    const list = (bag.elementList as string[] | undefined) ?? []\n    bag.elementList = [...list, id]\n    return id\n  }\n\n  /**\n   * Append a fresh card of `cardType` to the given parent's cardList /\n   * tabList. Returns the new card's id.\n   */\n  function addCard(\n    builderId: string,\n    parentCardId: string,\n    cardType: DisplayCard[\"cardType\"],\n  ): string {\n    const schema = ensureBuilder(builderId)\n    const parent = schema.cards[parentCardId]\n    if (!parent) {\n      throw new Error(`addCard: parent card ${parentCardId} not found`)\n    }\n    const id = nextId(`card-${cardType}`)\n    const card = {\n      id,\n      cardType,\n      title: `New ${cardType}`,\n    } as unknown as DisplayCard\n    if (cardType === \"element-list\") {\n      ;(card as unknown as Record<string, unknown>).elementList = []\n    } else if (cardType === \"card-list\") {\n      ;(card as unknown as Record<string, unknown>).cardList = []\n    } else if (cardType === \"tab-list\") {\n      ;(card as unknown as Record<string, unknown>).tabList = []\n    }\n    schema.cards[id] = card\n\n    const parentBag = parent as unknown as Record<string, unknown>\n    if (parent.cardType === \"card-list\") {\n      const list = (parentBag.cardList as string[]) ?? []\n      parentBag.cardList = [...list, id]\n    } else if (parent.cardType === \"tab-list\") {\n      const list = (parentBag.tabList as string[]) ?? []\n      parentBag.tabList = [...list, id]\n    } else {\n      throw new Error(\n        `addCard: parent ${parentCardId} (cardType=${parent.cardType}) does not accept nested cards`,\n      )\n    }\n    return id\n  }\n\n  /** Remove an element by id from the schema and from its parent's list. */\n  function removeElement(builderId: string, elementId: string): void {\n    const schema = ensureBuilder(builderId)\n    if (!schema.elements[elementId]) {\n      return\n    }\n    // Cascade-delete children when removing a card-type element\n    const elBag = schema.elements[elementId] as unknown as Record<string, unknown>\n    if (typeof elBag.type === \"string\" && (elBag.type as string).startsWith(\"card.\")) {\n      for (const childId of (elBag.elementList as string[] | undefined) ?? []) {\n        delete schema.elements[childId]\n      }\n    }\n    delete schema.elements[elementId]\n    // Remove from card containers\n    for (const card of Object.values(schema.cards)) {\n      const bag = card as unknown as Record<string, unknown>\n      const list = bag.elementList as string[] | undefined\n      if (list?.includes(elementId)) {\n        bag.elementList = list.filter((id) => id !== elementId)\n      }\n    }\n    // Remove from element containers (card.* elements)\n    for (const el of Object.values(schema.elements)) {\n      const bag = el as unknown as Record<string, unknown>\n      if (typeof bag.type === \"string\" && (bag.type as string).startsWith(\"card.\")) {\n        const list = bag.elementList as string[] | undefined\n        if (list?.includes(elementId)) {\n          bag.elementList = list.filter((id) => id !== elementId)\n        }\n      }\n    }\n    const sel = selections.value[builderId]\n    if (sel && sel.kind === \"element\" && sel.id === elementId) {\n      selections.value[builderId] = { kind: null, id: null }\n    }\n  }\n\n  /** Remove a card (and its descendants) recursively. */\n  function removeCard(builderId: string, cardId: string): void {\n    const schema = ensureBuilder(builderId)\n    if (cardId === schema.rootCardId) {\n      return // never remove the root\n    }\n    const card = schema.cards[cardId]\n    if (!card) {\n      return\n    }\n    const bag = card as unknown as Record<string, unknown>\n    for (const elId of (bag.elementList as string[]) ?? []) {\n      delete schema.elements[elId]\n    }\n    for (const childId of (bag.cardList as string[]) ?? []) {\n      removeCard(builderId, childId)\n    }\n    for (const childId of (bag.tabList as string[]) ?? []) {\n      removeCard(builderId, childId)\n    }\n    delete schema.cards[cardId]\n    for (const other of Object.values(schema.cards)) {\n      const obag = other as unknown as Record<string, unknown>\n      for (const key of [\"cardList\", \"tabList\"] as const) {\n        const list = obag[key] as string[] | undefined\n        if (list?.includes(cardId)) {\n          obag[key] = list.filter((id) => id !== cardId)\n        }\n      }\n    }\n    const sel = selections.value[builderId]\n    if (sel && sel.kind === \"card\" && sel.id === cardId) {\n      selections.value[builderId] = { kind: null, id: null }\n    }\n  }\n\n  /** Move an element within a container's elementList (drag-reorder). */\n  function reorderElement(\n    builderId: string,\n    containerId: string,\n    fromIndex: number,\n    toIndex: number,\n  ): void {\n    const schema = ensureBuilder(builderId)\n    const bag = getContainerBag(schema, containerId)\n    if (!bag) return\n    const list = (bag.elementList as string[] | undefined) ?? []\n    if (\n      fromIndex < 0 ||\n      fromIndex >= list.length ||\n      toIndex < 0 ||\n      toIndex >= list.length\n    ) {\n      return\n    }\n    const next = [...list]\n    const [moved] = next.splice(fromIndex, 1)\n    if (moved !== undefined) {\n      next.splice(toIndex, 0, moved)\n      bag.elementList = next\n    }\n  }\n\n  /** Move an element from one container to another (cross-container drag). */\n  function moveElement(\n    builderId: string,\n    fromContainerId: string,\n    toContainerId: string,\n    elementId: string,\n    toIndex: number,\n  ): void {\n    if (fromContainerId === toContainerId) return\n    const schema = ensureBuilder(builderId)\n    const fromBag = getContainerBag(schema, fromContainerId)\n    const toBag = getContainerBag(schema, toContainerId)\n    if (!fromBag || !toBag) return\n    const fromList = (fromBag.elementList as string[] | undefined) ?? []\n    if (!fromList.includes(elementId)) return\n    fromBag.elementList = fromList.filter((id) => id !== elementId)\n    const toList = (toBag.elementList as string[] | undefined) ?? []\n    const clamped = Math.max(0, Math.min(toIndex, toList.length))\n    const next = [...toList]\n    next.splice(clamped, 0, elementId)\n    toBag.elementList = next\n  }\n\n  /** Patch an element's properties (used by the Inspector on every input). */\n  function updateElement(\n    builderId: string,\n    elementId: string,\n    patch: Partial<CardElement>,\n  ): void {\n    const schema = ensureBuilder(builderId)\n    const current = schema.elements[elementId]\n    if (!current) {\n      return\n    }\n    schema.elements[elementId] = {\n      ...current,\n      ...(patch as Record<string, unknown>),\n    } as CardElement\n  }\n\n  /** Patch a card's properties. */\n  function updateCard(\n    builderId: string,\n    cardId: string,\n    patch: Partial<DisplayCard>,\n  ): void {\n    const schema = ensureBuilder(builderId)\n    const current = schema.cards[cardId]\n    if (!current) {\n      return\n    }\n    schema.cards[cardId] = {\n      ...current,\n      ...(patch as Record<string, unknown>),\n    } as DisplayCard\n  }\n\n  function select(\n    builderId: string,\n    kind: \"element\" | \"card\" | null,\n    id: string | null,\n  ): void {\n    selections.value[builderId] = { kind, id }\n  }\n\n  function getSelection(builderId: string): BuilderSelection {\n    return selections.value[builderId] ?? { kind: null, id: null }\n  }\n\n  /** Convenience getter returning the schema for export. */\n  function getSchema(builderId: string): BuilderSchema {\n    return ensureBuilder(builderId)\n  }\n\n  return {\n    builders,\n    selections,\n    ensureBuilder,\n    loadSchema,\n    resetBuilder,\n    addElement,\n    addCard,\n    removeElement,\n    removeCard,\n    reorderElement,\n    moveElement,\n    updateElement,\n    updateCard,\n    select,\n    getSelection,\n    getSchema,\n  }\n})\n\n/** Composable wrapping store access for a single builder instance. */\nexport function useFormBuilder(builderId: string) {\n  const store = useFormBuilderStore()\n  store.ensureBuilder(builderId)\n  return {\n    schema: computed<BuilderSchema>(() => store.getSchema(builderId)),\n    selection: computed<BuilderSelection>(() => store.getSelection(builderId)),\n    addElement: (parentId: string, type: ElementType | ElementCategory) =>\n      store.addElement(builderId, parentId, type),\n    addCard: (parentId: string, cardType: DisplayCard[\"cardType\"]) =>\n      store.addCard(builderId, parentId, cardType),\n    removeElement: (id: string) => store.removeElement(builderId, id),\n    removeCard: (id: string) => store.removeCard(builderId, id),\n    reorderElement: (containerId: string, from: number, to: number) =>\n      store.reorderElement(builderId, containerId, from, to),\n    moveElement: (fromContainerId: string, toContainerId: string, elementId: string, toIndex: number) =>\n      store.moveElement(builderId, fromContainerId, toContainerId, elementId, toIndex),\n    updateElement: (id: string, patch: Partial<CardElement>) =>\n      store.updateElement(builderId, id, patch),\n    updateCard: (id: string, patch: Partial<DisplayCard>) =>\n      store.updateCard(builderId, id, patch),\n    select: (kind: \"element\" | \"card\" | null, id: string | null) =>\n      store.select(builderId, kind, id),\n    loadSchema: (schema: BuilderSchema) => store.loadSchema(builderId, schema),\n    reset: () => store.resetBuilder(builderId),\n  }\n}\n"],"names":["idCounter","nextId","prefix","__resetFormBuilderIdCounter","emptyRoot","rootId","useFormBuilderStore","defineStore","builders","ref","selections","getContainerBag","schema","containerId","card","el","bag","ensureBuilder","builderId","loadSchema","resetBuilder","addElement","type","dotType","elementDefaultStyle","id","element","list","addCard","parentCardId","cardType","parent","parentBag","removeElement","elementId","elBag","childId","sel","removeCard","cardId","elId","other","obag","key","reorderElement","fromIndex","toIndex","next","moved","moveElement","fromContainerId","toContainerId","fromBag","toBag","fromList","toList","clamped","updateElement","patch","current","updateCard","select","kind","getSelection","getSchema","useFormBuilder","store","computed","parentId","from","to"],"mappings":"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"}
+{"version":3,"file":"formBuilderStore.js","names":[],"sources":["../../src/stores/formBuilderStore.ts"],"sourcesContent":["import { defineStore } from \"pinia\"\nimport { computed, ref } from \"vue\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport type { DisplayCard } from \"@/definitions/cards\"\nimport type { ElementCategory, ElementType } from \"@/definitions/shared/base\"\nimport { elementDefaultStyle } from \"@/engine/registry\"\n\n/**\n * State for a single FormBuilder instance. Multiple FormBuilders can\n * coexist on a page; each is keyed by `builderId`.\n *\n * The shape mirrors the v2 page config (a flat elements map, a flat\n * cards map, a root card id) so the builder's output can be passed\n * straight to ShowPage / CardRenderer.\n */\nexport interface BuilderSchema {\n  /** Root card id — the top of the tree. */\n  rootCardId: string\n  cards: Record<string, DisplayCard>\n  elements: Record<string, CardElement>\n}\n\n/** Identifies what's currently selected in the inspector. */\nexport interface BuilderSelection {\n  kind: \"element\" | \"card\" | null\n  id: string | null\n}\n\nlet idCounter = 0\nfunction nextId(prefix: string): string {\n  idCounter += 1\n  return `${prefix}-${Date.now()}-${idCounter}`\n}\n\n/** Test helper to make ids deterministic. */\nexport function __resetFormBuilderIdCounter(): void {\n  idCounter = 0\n}\n\nfunction emptyRoot(rootId: string): BuilderSchema {\n  return {\n    rootCardId: rootId,\n    cards: {\n      [rootId]: {\n        id: rootId,\n        cardType: \"element-list\",\n        title: \"\",\n        elementList: [],\n      } as unknown as DisplayCard,\n    },\n    elements: {},\n  }\n}\n\nexport const useFormBuilderStore = defineStore(\"gx-modui/formBuilder\", () => {\n  /**\n   * Per-builder state, keyed by `builderId`. Lets multiple builders\n   * coexist on the same page without colliding.\n   */\n  const builders = ref<Record<string, BuilderSchema>>({})\n  const selections = ref<Record<string, BuilderSelection>>({})\n\n  /**\n   * Return the raw mutable bag for a container ID. A container is either a\n   * DisplayCard (in schema.cards) or a card-type element (schema.elements\n   * with a type starting with \"card.\"). Both carry an `elementList` array.\n   */\n  function getContainerBag(\n    schema: BuilderSchema,\n    containerId: string,\n  ): Record<string, unknown> | null {\n    const card = schema.cards[containerId]\n    if (card) return card as unknown as Record<string, unknown>\n    const el = schema.elements[containerId]\n    if (el) {\n      const bag = el as unknown as Record<string, unknown>\n      if (typeof bag.type === \"string\" && (bag.type as string).startsWith(\"card.\")) {\n        return bag\n      }\n    }\n    return null\n  }\n\n  function ensureBuilder(builderId: string): BuilderSchema {\n    if (!builders.value[builderId]) {\n      const rootId = nextId(\"root\")\n      builders.value[builderId] = emptyRoot(rootId)\n      selections.value[builderId] = { kind: null, id: null }\n    }\n    return builders.value[builderId]!\n  }\n\n  function loadSchema(builderId: string, schema: BuilderSchema): void {\n    builders.value[builderId] = {\n      rootCardId: schema.rootCardId,\n      cards: { ...schema.cards },\n      elements: { ...schema.elements },\n    }\n    selections.value[builderId] = { kind: null, id: null }\n  }\n\n  function resetBuilder(builderId: string): void {\n    delete builders.value[builderId]\n    delete selections.value[builderId]\n  }\n\n  /**\n   * Append a fresh element of `type` to the given parent card's\n   * elementList. `type` is the dot-notation discriminator\n   * (e.g. `\"input.text\"`). When only a category is supplied\n   * (`\"input\"`), the parent's default style is appended.\n   *\n   * Returns the new element's id so callers can immediately select it\n   * for editing.\n   */\n  function addElement(\n    builderId: string,\n    containerId: string,\n    type: ElementType | ElementCategory,\n  ): string {\n    const schema = ensureBuilder(builderId)\n    const bag = getContainerBag(schema, containerId)\n    if (!bag) {\n      throw new Error(\n        `addElement: container ${containerId} not found in builder ${builderId}`,\n      )\n    }\n    const dotType: ElementType = type.includes(\".\")\n      ? (type as ElementType)\n      : (`${type}.${elementDefaultStyle[type as ElementCategory] ?? \"text\"}` as ElementType)\n    const id = nextId(`el-${dotType.replace(\".\", \"-\")}`)\n    const element = {\n      id,\n      type: dotType,\n      label: `New ${dotType}`,\n    } as unknown as CardElement\n    schema.elements[id] = element\n    const list = (bag.elementList as string[] | undefined) ?? []\n    bag.elementList = [...list, id]\n    return id\n  }\n\n  /**\n   * Append a fresh card of `cardType` to the given parent's cardList /\n   * tabList. Returns the new card's id.\n   */\n  function addCard(\n    builderId: string,\n    parentCardId: string,\n    cardType: DisplayCard[\"cardType\"],\n  ): string {\n    const schema = ensureBuilder(builderId)\n    const parent = schema.cards[parentCardId]\n    if (!parent) {\n      throw new Error(`addCard: parent card ${parentCardId} not found`)\n    }\n    const id = nextId(`card-${cardType}`)\n    const card = {\n      id,\n      cardType,\n      title: `New ${cardType}`,\n    } as unknown as DisplayCard\n    if (cardType === \"element-list\") {\n      ;(card as unknown as Record<string, unknown>).elementList = []\n    } else if (cardType === \"card-list\") {\n      ;(card as unknown as Record<string, unknown>).cardList = []\n    } else if (cardType === \"tab-list\") {\n      ;(card as unknown as Record<string, unknown>).tabList = []\n    }\n    schema.cards[id] = card\n\n    const parentBag = parent as unknown as Record<string, unknown>\n    if (parent.cardType === \"card-list\") {\n      const list = (parentBag.cardList as string[]) ?? []\n      parentBag.cardList = [...list, id]\n    } else if (parent.cardType === \"tab-list\") {\n      const list = (parentBag.tabList as string[]) ?? []\n      parentBag.tabList = [...list, id]\n    } else {\n      throw new Error(\n        `addCard: parent ${parentCardId} (cardType=${parent.cardType}) does not accept nested cards`,\n      )\n    }\n    return id\n  }\n\n  /** Remove an element by id from the schema and from its parent's list. */\n  function removeElement(builderId: string, elementId: string): void {\n    const schema = ensureBuilder(builderId)\n    if (!schema.elements[elementId]) {\n      return\n    }\n    // Cascade-delete children when removing a card-type element\n    const elBag = schema.elements[elementId] as unknown as Record<string, unknown>\n    if (typeof elBag.type === \"string\" && (elBag.type as string).startsWith(\"card.\")) {\n      for (const childId of (elBag.elementList as string[] | undefined) ?? []) {\n        delete schema.elements[childId]\n      }\n    }\n    delete schema.elements[elementId]\n    // Remove from card containers\n    for (const card of Object.values(schema.cards)) {\n      const bag = card as unknown as Record<string, unknown>\n      const list = bag.elementList as string[] | undefined\n      if (list?.includes(elementId)) {\n        bag.elementList = list.filter((id) => id !== elementId)\n      }\n    }\n    // Remove from element containers (card.* elements)\n    for (const el of Object.values(schema.elements)) {\n      const bag = el as unknown as Record<string, unknown>\n      if (typeof bag.type === \"string\" && (bag.type as string).startsWith(\"card.\")) {\n        const list = bag.elementList as string[] | undefined\n        if (list?.includes(elementId)) {\n          bag.elementList = list.filter((id) => id !== elementId)\n        }\n      }\n    }\n    const sel = selections.value[builderId]\n    if (sel && sel.kind === \"element\" && sel.id === elementId) {\n      selections.value[builderId] = { kind: null, id: null }\n    }\n  }\n\n  /** Remove a card (and its descendants) recursively. */\n  function removeCard(builderId: string, cardId: string): void {\n    const schema = ensureBuilder(builderId)\n    if (cardId === schema.rootCardId) {\n      return // never remove the root\n    }\n    const card = schema.cards[cardId]\n    if (!card) {\n      return\n    }\n    const bag = card as unknown as Record<string, unknown>\n    for (const elId of (bag.elementList as string[]) ?? []) {\n      delete schema.elements[elId]\n    }\n    for (const childId of (bag.cardList as string[]) ?? []) {\n      removeCard(builderId, childId)\n    }\n    for (const childId of (bag.tabList as string[]) ?? []) {\n      removeCard(builderId, childId)\n    }\n    delete schema.cards[cardId]\n    for (const other of Object.values(schema.cards)) {\n      const obag = other as unknown as Record<string, unknown>\n      for (const key of [\"cardList\", \"tabList\"] as const) {\n        const list = obag[key] as string[] | undefined\n        if (list?.includes(cardId)) {\n          obag[key] = list.filter((id) => id !== cardId)\n        }\n      }\n    }\n    const sel = selections.value[builderId]\n    if (sel && sel.kind === \"card\" && sel.id === cardId) {\n      selections.value[builderId] = { kind: null, id: null }\n    }\n  }\n\n  /** Move an element within a container's elementList (drag-reorder). */\n  function reorderElement(\n    builderId: string,\n    containerId: string,\n    fromIndex: number,\n    toIndex: number,\n  ): void {\n    const schema = ensureBuilder(builderId)\n    const bag = getContainerBag(schema, containerId)\n    if (!bag) return\n    const list = (bag.elementList as string[] | undefined) ?? []\n    if (\n      fromIndex < 0 ||\n      fromIndex >= list.length ||\n      toIndex < 0 ||\n      toIndex >= list.length\n    ) {\n      return\n    }\n    const next = [...list]\n    const [moved] = next.splice(fromIndex, 1)\n    if (moved !== undefined) {\n      next.splice(toIndex, 0, moved)\n      bag.elementList = next\n    }\n  }\n\n  /** Move an element from one container to another (cross-container drag). */\n  function moveElement(\n    builderId: string,\n    fromContainerId: string,\n    toContainerId: string,\n    elementId: string,\n    toIndex: number,\n  ): void {\n    if (fromContainerId === toContainerId) return\n    const schema = ensureBuilder(builderId)\n    const fromBag = getContainerBag(schema, fromContainerId)\n    const toBag = getContainerBag(schema, toContainerId)\n    if (!fromBag || !toBag) return\n    const fromList = (fromBag.elementList as string[] | undefined) ?? []\n    if (!fromList.includes(elementId)) return\n    fromBag.elementList = fromList.filter((id) => id !== elementId)\n    const toList = (toBag.elementList as string[] | undefined) ?? []\n    const clamped = Math.max(0, Math.min(toIndex, toList.length))\n    const next = [...toList]\n    next.splice(clamped, 0, elementId)\n    toBag.elementList = next\n  }\n\n  /** Patch an element's properties (used by the Inspector on every input). */\n  function updateElement(\n    builderId: string,\n    elementId: string,\n    patch: Partial<CardElement>,\n  ): void {\n    const schema = ensureBuilder(builderId)\n    const current = schema.elements[elementId]\n    if (!current) {\n      return\n    }\n    schema.elements[elementId] = {\n      ...current,\n      ...(patch as Record<string, unknown>),\n    } as CardElement\n  }\n\n  /** Patch a card's properties. */\n  function updateCard(\n    builderId: string,\n    cardId: string,\n    patch: Partial<DisplayCard>,\n  ): void {\n    const schema = ensureBuilder(builderId)\n    const current = schema.cards[cardId]\n    if (!current) {\n      return\n    }\n    schema.cards[cardId] = {\n      ...current,\n      ...(patch as Record<string, unknown>),\n    } as DisplayCard\n  }\n\n  function select(\n    builderId: string,\n    kind: \"element\" | \"card\" | null,\n    id: string | null,\n  ): void {\n    selections.value[builderId] = { kind, id }\n  }\n\n  function getSelection(builderId: string): BuilderSelection {\n    return selections.value[builderId] ?? { kind: null, id: null }\n  }\n\n  /** Convenience getter returning the schema for export. */\n  function getSchema(builderId: string): BuilderSchema {\n    return ensureBuilder(builderId)\n  }\n\n  return {\n    builders,\n    selections,\n    ensureBuilder,\n    loadSchema,\n    resetBuilder,\n    addElement,\n    addCard,\n    removeElement,\n    removeCard,\n    reorderElement,\n    moveElement,\n    updateElement,\n    updateCard,\n    select,\n    getSelection,\n    getSchema,\n  }\n})\n\n/** Composable wrapping store access for a single builder instance. */\nexport function useFormBuilder(builderId: string) {\n  const store = useFormBuilderStore()\n  store.ensureBuilder(builderId)\n  return {\n    schema: computed<BuilderSchema>(() => store.getSchema(builderId)),\n    selection: computed<BuilderSelection>(() => store.getSelection(builderId)),\n    addElement: (parentId: string, type: ElementType | ElementCategory) =>\n      store.addElement(builderId, parentId, type),\n    addCard: (parentId: string, cardType: DisplayCard[\"cardType\"]) =>\n      store.addCard(builderId, parentId, cardType),\n    removeElement: (id: string) => store.removeElement(builderId, id),\n    removeCard: (id: string) => store.removeCard(builderId, id),\n    reorderElement: (containerId: string, from: number, to: number) =>\n      store.reorderElement(builderId, containerId, from, to),\n    moveElement: (fromContainerId: string, toContainerId: string, elementId: string, toIndex: number) =>\n      store.moveElement(builderId, fromContainerId, toContainerId, elementId, toIndex),\n    updateElement: (id: string, patch: Partial<CardElement>) =>\n      store.updateElement(builderId, id, patch),\n    updateCard: (id: string, patch: Partial<DisplayCard>) =>\n      store.updateCard(builderId, id, patch),\n    select: (kind: \"element\" | \"card\" | null, id: string | null) =>\n      store.select(builderId, kind, id),\n    loadSchema: (schema: BuilderSchema) => store.loadSchema(builderId, schema),\n    reset: () => store.resetBuilder(builderId),\n  }\n}\n"],"mappings":"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"}