@gxp-dev/mod-ui 2.0.12 → 2.0.14

package/dist/chunks/formBuilderStore-D-G-ujKs.js

@@ -0,0 +1,384 @@
+import { n as e } from "./utils-DAErOi9O.js";
+import { n as t } from "./registry-DF6UGvEI.js";
+import { computed as n, createBlock as r, createVNode as i, defineComponent as a, guardReactiveProps as o, mergeProps as s, normalizeProps as c, openBlock as l, ref as u, renderSlot as d, unref as f, withCtx as p } from "vue";
+import { reactiveOmit as m } from "@vueuse/core";
+import { Separator as h, TooltipArrow as g, TooltipContent as _, TooltipPortal as v, TooltipProvider as y, TooltipRoot as b, TooltipTrigger as x, useForwardPropsEmits as S } from "reka-ui";
+import { defineStore as C } from "pinia";
+//#region src/definitions/shared/base.ts
+function w(e) {
+	let t = e.indexOf(".");
+	return t < 0 ? {
+		category: e,
+		style: ""
+	} : {
+		category: e.slice(0, t),
+		style: e.slice(t + 1)
+	};
+}
+function T(e, t) {
+	return `${e}.${t}`;
+}
+//#endregion
+//#region src/components/ui/separator/Separator.vue
+var E = /* @__PURE__ */ a({
+	__name: "Separator",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		orientation: { default: "horizontal" },
+		decorative: {
+			type: Boolean,
+			default: !0
+		},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(t) {
+		let n = t, i = m(n, "class");
+		return (t, a) => (l(), r(f(h), s(f(i), { class: f(e)("shrink-0 bg-border", n.orientation === "horizontal" ? "h-px w-full" : "w-px h-full", n.class) }), null, 16, ["class"]));
+	}
+}), D = /* @__PURE__ */ a({
+	__name: "Tooltip",
+	props: {
+		defaultOpen: { type: Boolean },
+		open: { type: Boolean },
+		delayDuration: {},
+		disableHoverableContent: { type: Boolean },
+		disableClosingTrigger: { type: Boolean },
+		disabled: { type: Boolean },
+		ignoreNonKeyboardFocus: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let n = S(e, t);
+		return (e, t) => (l(), r(f(b), c(o(f(n))), {
+			default: p(() => [d(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), O = /* @__PURE__ */ a({
+	__name: "TooltipArrow",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		width: {},
+		height: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(t) {
+		let n = t, i = m(n, "class");
+		return (t, a) => (l(), r(f(g), s(f(i), { class: f(e)("fill-popover", n.class) }), null, 16, ["class"]));
+	}
+}), k = /* @__PURE__ */ a({
+	__name: "TooltipPortal",
+	props: {
+		to: {},
+		disabled: { type: Boolean },
+		defer: { type: Boolean },
+		forceMount: { type: Boolean }
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (l(), r(f(v), c(o(t)), {
+			default: p(() => [d(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), A = /* @__PURE__ */ a({
+	inheritAttrs: !1,
+	__name: "TooltipContent",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		forceMount: { type: Boolean },
+		ariaLabel: {},
+		asChild: { type: Boolean },
+		as: {},
+		side: {},
+		sideOffset: { default: 4 },
+		align: {},
+		alignOffset: {},
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		arrowPadding: {},
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		updatePositionStrategy: {}
+	},
+	emits: ["escapeKeyDown", "pointerDownOutside"],
+	setup(t, { emit: n }) {
+		let a = t, o = n, c = S(m(a, "class"), o);
+		return (t, n) => (l(), r(k, null, {
+			default: p(() => [i(f(_), s({
+				...f(c),
+				...t.$attrs
+			}, { class: f(e)("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", a.class) }), {
+				default: p(() => [d(t.$slots, "default")]),
+				_: 3
+			}, 16, ["class"])]),
+			_: 3
+		}));
+	}
+}), j = /* @__PURE__ */ a({
+	__name: "TooltipProvider",
+	props: {
+		delayDuration: {},
+		skipDelayDuration: {},
+		disableHoverableContent: { type: Boolean },
+		disableClosingTrigger: { type: Boolean },
+		disabled: { type: Boolean },
+		ignoreNonKeyboardFocus: { type: Boolean },
+		content: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (l(), r(f(y), c(o(t)), {
+			default: p(() => [d(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), M = /* @__PURE__ */ a({
+	__name: "TooltipTrigger",
+	props: {
+		reference: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (l(), r(f(x), c(o(t)), {
+			default: p(() => [d(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), N = 0;
+function P(e) {
+	return N += 1, `${e}-${Date.now()}-${N}`;
+}
+function F() {
+	N = 0;
+}
+function I(e) {
+	return {
+		rootCardId: e,
+		cards: { [e]: {
+			id: e,
+			cardType: "element-list",
+			title: "",
+			elementList: []
+		} },
+		elements: {}
+	};
+}
+var L = C("gx-modui/formBuilder", () => {
+	let e = u({}), n = u({});
+	function r(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 i(t) {
+		if (!e.value[t]) {
+			let r = P("root");
+			e.value[t] = I(r), n.value[t] = {
+				kind: null,
+				id: null
+			};
+		}
+		return e.value[t];
+	}
+	function a(t, r) {
+		e.value[t] = {
+			rootCardId: r.rootCardId,
+			cards: { ...r.cards },
+			elements: { ...r.elements }
+		}, n.value[t] = {
+			kind: null,
+			id: null
+		};
+	}
+	function o(t) {
+		delete e.value[t], delete n.value[t];
+	}
+	function s(e, n, a) {
+		let o = i(e), s = r(o, n);
+		if (!s) throw Error(`addElement: container ${n} not found in builder ${e}`);
+		let c = a.includes(".") ? a : `${a}.${t[a] ?? "text"}`, l = P(`el-${c.replace(".", "-")}`), u = {
+			id: l,
+			type: c,
+			label: `New ${c}`
+		};
+		return o.elements[l] = u, s.elementList = [...s.elementList ?? [], l], l;
+	}
+	function c(e, t, n) {
+		let r = i(e), a = r.cards[t];
+		if (!a) throw Error(`addCard: parent card ${t} not found`);
+		let o = P(`card-${n}`), s = {
+			id: o,
+			cardType: n,
+			title: `New ${n}`
+		};
+		n === "element-list" ? s.elementList = [] : n === "card-list" ? s.cardList = [] : n === "tab-list" && (s.tabList = []), r.cards[o] = s;
+		let c = a;
+		if (a.cardType === "card-list") c.cardList = [...c.cardList ?? [], o];
+		else if (a.cardType === "tab-list") c.tabList = [...c.tabList ?? [], o];
+		else throw Error(`addCard: parent ${t} (cardType=${a.cardType}) does not accept nested cards`);
+		return o;
+	}
+	function l(e, t) {
+		let r = i(e);
+		if (!r.elements[t]) return;
+		let a = r.elements[t];
+		if (typeof a.type == "string" && a.type.startsWith("card.")) for (let e of a.elementList ?? []) delete r.elements[e];
+		delete r.elements[t];
+		for (let e of Object.values(r.cards)) {
+			let n = e, r = n.elementList;
+			r?.includes(t) && (n.elementList = r.filter((e) => e !== t));
+		}
+		for (let e of Object.values(r.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 o = n.value[e];
+		o && o.kind === "element" && o.id === t && (n.value[e] = {
+			kind: null,
+			id: null
+		});
+	}
+	function d(e, t) {
+		let r = i(e);
+		if (t === r.rootCardId) return;
+		let a = r.cards[t];
+		if (!a) return;
+		let o = a;
+		for (let e of o.elementList ?? []) delete r.elements[e];
+		for (let t of o.cardList ?? []) d(e, t);
+		for (let t of o.tabList ?? []) d(e, t);
+		delete r.cards[t];
+		for (let e of Object.values(r.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 = n.value[e];
+		s && s.kind === "card" && s.id === t && (n.value[e] = {
+			kind: null,
+			id: null
+		});
+	}
+	function f(e, t, n, a) {
+		let o = r(i(e), t);
+		if (!o) return;
+		let s = o.elementList ?? [];
+		if (n < 0 || n >= s.length || a < 0 || a >= s.length) return;
+		let c = [...s], [l] = c.splice(n, 1);
+		l !== void 0 && (c.splice(a, 0, l), o.elementList = c);
+	}
+	function p(e, t, n, a, o) {
+		if (t === n) return;
+		let s = i(e), c = r(s, t), l = r(s, n);
+		if (!c || !l) return;
+		let u = c.elementList ?? [];
+		if (!u.includes(a)) return;
+		c.elementList = u.filter((e) => e !== a);
+		let d = l.elementList ?? [], f = Math.max(0, Math.min(o, d.length)), p = [...d];
+		p.splice(f, 0, a), l.elementList = p;
+	}
+	function m(e, t, n) {
+		let r = i(e), a = r.elements[t];
+		a && (r.elements[t] = {
+			...a,
+			...n
+		});
+	}
+	function h(e, t, n) {
+		let r = i(e), a = r.cards[t];
+		a && (r.cards[t] = {
+			...a,
+			...n
+		});
+	}
+	function g(e, t, r) {
+		n.value[e] = {
+			kind: t,
+			id: r
+		};
+	}
+	function _(e) {
+		return n.value[e] ?? {
+			kind: null,
+			id: null
+		};
+	}
+	function v(e) {
+		return i(e);
+	}
+	return {
+		builders: e,
+		selections: n,
+		ensureBuilder: i,
+		loadSchema: a,
+		resetBuilder: o,
+		addElement: s,
+		addCard: c,
+		removeElement: l,
+		removeCard: d,
+		reorderElement: f,
+		moveElement: p,
+		updateElement: m,
+		updateCard: h,
+		select: g,
+		getSelection: _,
+		getSchema: v
+	};
+});
+function R(e) {
+	let t = L();
+	return t.ensureBuilder(e), {
+		schema: n(() => t.getSchema(e)),
+		selection: n(() => t.getSelection(e)),
+		addElement: (n, r) => t.addElement(e, n, r),
+		addCard: (n, r) => t.addCard(e, n, r),
+		removeElement: (n) => t.removeElement(e, n),
+		removeCard: (n) => t.removeCard(e, n),
+		reorderElement: (n, r, i) => t.reorderElement(e, n, r, i),
+		moveElement: (n, r, i, a) => t.moveElement(e, n, r, i, a),
+		updateElement: (n, r) => t.updateElement(e, n, r),
+		updateCard: (n, r) => t.updateCard(e, n, r),
+		select: (n, r) => t.select(e, n, r),
+		loadSchema: (n) => t.loadSchema(e, n),
+		reset: () => t.resetBuilder(e)
+	};
+}
+//#endregion
+export { j as a, O as c, T as d, w as f, M as i, D as l, R as n, A as o, L as r, k as s, F as t, E as u };
+
+//# sourceMappingURL=formBuilderStore-D-G-ujKs.js.map

package/dist/chunks/formBuilderStore-D-G-ujKs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formBuilderStore-D-G-ujKs.js","names":["$attrs"],"sources":["../../src/definitions/shared/base.ts","../../src/components/ui/separator/Separator.vue","../../src/components/ui/separator/Separator.vue","../../src/components/ui/tooltip/Tooltip.vue","../../src/components/ui/tooltip/Tooltip.vue","../../src/components/ui/tooltip/TooltipArrow.vue","../../src/components/ui/tooltip/TooltipArrow.vue","../../src/components/ui/tooltip/TooltipPortal.vue","../../src/components/ui/tooltip/TooltipPortal.vue","../../src/components/ui/tooltip/TooltipContent.vue","../../src/components/ui/tooltip/TooltipContent.vue","../../src/components/ui/tooltip/TooltipProvider.vue","../../src/components/ui/tooltip/TooltipProvider.vue","../../src/components/ui/tooltip/TooltipTrigger.vue","../../src/components/ui/tooltip/TooltipTrigger.vue","../../src/stores/formBuilderStore.ts"],"sourcesContent":["import type { Conditional, ConditionParam } from \"./conditions\"\nimport type { ResponsiveColumns } from \"./responsive\"\n\n/**\n * Union of every CardElement category — the prefix half of an\n * element's dot-notation `type` discriminator. Each value here\n * corresponds to one file under `definitions/elements/` and one folder\n * under `elements/`.\n */\nexport type ElementCategory =\n  | \"action\"\n  | \"boolean\"\n  | \"builder\"\n  | \"card\"\n  | \"code\"\n  | \"configuration-block\"\n  | \"display\"\n  | \"editor\"\n  | \"file\"\n  | \"input\"\n  | \"option-select\"\n  | \"picker\"\n\n/**\n * Dot-notation discriminator: `\"<category>.<style>\"`. Combines what\n * previously lived in two fields (`type` + `style`) into a single\n * string so it doesn't collide with Vue's HTML `style` attribute\n * fallthrough behaviour.\n *\n * Each per-category interface narrows this to its own valid styles —\n * e.g. `InputElement[\"type\"]` is `\\`input.${InputStyle}\\``.\n */\nexport type ElementType = `${ElementCategory}.${string}`\n\n/**\n * Properties common to every CardElement (input, picker, display, etc.).\n *\n * `type` is a `\"category.style\"` string. The engine's registry resolves\n * it directly to a Vue renderer path. `name` is the form-data key for\n * input-bearing elements.\n */\nexport interface BaseElement<TType extends ElementType = ElementType>\n  extends Conditional,\n    ResponsiveColumns {\n  /** Stable identifier. Required by the engine; FormBuilder generates UUIDs. */\n  id: string\n  type: TType\n  /** Form-data key. Required for input-bearing elements. */\n  name?: string | null\n  label?: string\n  /** Hide the label while keeping the element labelled for screen readers. */\n  hideLabel?: boolean\n  defaultValue?: unknown\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  placeholder?: string\n  helpText?: string\n  tooltip?: string\n  tooltipOptions?: {\n    maxWidth?: string\n    direction?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  }\n  /** Extra classes applied to the element's root. */\n  classList?: string[] | string\n  /** Classes on the wrapper around the element + label. */\n  wrapperClassList?: string[] | string\n  /** Classes on the column wrapper. */\n  columnClassList?: string[] | string\n  /** Classes on the label element. */\n  labelClassList?: string[] | string\n  /** If true, the element renders in display-only preview mode. */\n  previewMode?: boolean\n  /** Ordering used by builders. */\n  order?: number\n}\n\n/**\n * Union of every DisplayCard type. Mirrors the existing v2 schema.\n */\nexport type CardType =\n  | \"card-list\"\n  | \"tab-list\"\n  | \"info-card\"\n  | \"grid-view\"\n  | \"element-list\"\n  | \"element-display\"\n  | \"datatable\"\n\n/**\n * Properties common to every DisplayCard (fields_list, data_table, etc.).\n *\n * Cards form the layout tree — they contain elements and/or other cards\n * via `cardList` / `tabList` / `elementList` depending on `cardType`.\n */\nexport interface BaseCard<TType extends string = CardType>\n  extends Conditional,\n    ResponsiveColumns {\n  id: string\n  /** Discriminator used by the engine to pick a renderer. */\n  cardType: TType\n  title?: string\n  subtitle?: string\n  /** Show the surrounding chrome (border, padding). */\n  showCard?: boolean\n  /** Wrap the card body in a Collapse with a heading. */\n  collapse?: {\n    heading?: string\n    showingByDefault?: boolean\n  }\n  /** Optional footer button. */\n  footerButton?: {\n    text: string\n    route?: string\n    icon?: string\n  }\n  classList?: string[] | string\n  wrapperClassList?: string[] | string\n  order?: number\n}\n\n/**\n * Metadata used by builders / pickers to surface this element category\n * in lists and palettes. `elementCategory` matches the prefix half of\n * an element's dot-notation `type`.\n */\nexport interface ElementMetadata {\n  icon: string\n  displayLabel: string\n  elementCategory: ElementCategory\n  description: string\n}\n\n/**\n * A single field in an EditConfig — describes how the FormBuilder\n * inspector should render the corresponding property. It is structurally\n * identical to a CardElement (recursive), but typed loosely here to\n * avoid a circular reference. Stronger typing lives on the concrete\n * inspector field shapes inside each category's file.\n */\nexport interface EditConfigField {\n  type: ElementType | string\n  style?: string\n  label?: string\n  defaultValue?: unknown\n  columns?: number\n  columnsMd?: number\n  columnsLg?: number\n  section?: \"configuration\" | \"layout\" | \"advanced\" | \"conditions\" | string\n  selectOptions?: ReadonlyArray<unknown>\n  conditionParams?: ConditionParam[]\n  // Per-type extras are permitted; renderers narrow further.\n  [key: string]: unknown\n}\n\nexport type EditConfig = Record<string, EditConfigField>\n\n/**\n * Split a dot-notation `type` back into `{ category, style }`. Useful\n * for inspectors / debug badges that want to display the style suffix\n * without re-parsing inline.\n */\nexport function splitElementType(type: string): {\n  category: ElementCategory | string\n  style: string\n} {\n  const dot = type.indexOf(\".\")\n  if (dot < 0) {\n    return { category: type, style: \"\" }\n  }\n  return {\n    category: type.slice(0, dot) as ElementCategory,\n    style: type.slice(dot + 1),\n  }\n}\n\n/** Build a `BaseElement[\"type\"]` from a `(category, style)` pair. */\nexport function joinElementType(\n  category: ElementCategory | string,\n  style: string,\n): ElementType {\n  return `${category}.${style}` as ElementType\n}\n","<script setup lang=\"ts\">\nimport type { SeparatorProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { Separator } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SeparatorPrimitiveProps extends SeparatorProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = withDefaults(defineProps<SeparatorPrimitiveProps>(), {\n  orientation: \"horizontal\",\n  decorative: true,\n})\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n</script>\n\n<template>\n  <Separator\n    v-bind=\"delegatedProps\"\n    :class=\"\n      cn(\n        'shrink-0 bg-border',\n        props.orientation === 'horizontal' ? 'h-px w-full' : 'w-px h-full',\n        props.class,\n      )\n    \"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport type { SeparatorProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { Separator } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface SeparatorPrimitiveProps extends SeparatorProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = withDefaults(defineProps<SeparatorPrimitiveProps>(), {\n  orientation: \"horizontal\",\n  decorative: true,\n})\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n</script>\n\n<template>\n  <Separator\n    v-bind=\"delegatedProps\"\n    :class=\"\n      cn(\n        'shrink-0 bg-border',\n        props.orientation === 'horizontal' ? 'h-px w-full' : 'w-px h-full',\n        props.class,\n      )\n    \"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport type { TooltipRootEmits, TooltipRootProps } from \"reka-ui\"\nimport { TooltipRoot, useForwardPropsEmits } from \"reka-ui\"\n\nexport type TooltipProps = TooltipRootProps\n\nconst props = defineProps<TooltipProps>()\nconst emits = defineEmits<TooltipRootEmits>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n\n<template>\n  <TooltipRoot v-bind=\"forwarded\">\n    <slot />\n  </TooltipRoot>\n</template>\n","<script setup lang=\"ts\">\nimport type { TooltipRootEmits, TooltipRootProps } from \"reka-ui\"\nimport { TooltipRoot, useForwardPropsEmits } from \"reka-ui\"\n\nexport type TooltipProps = TooltipRootProps\n\nconst props = defineProps<TooltipProps>()\nconst emits = defineEmits<TooltipRootEmits>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n\n<template>\n  <TooltipRoot v-bind=\"forwarded\">\n    <slot />\n  </TooltipRoot>\n</template>\n","<script setup lang=\"ts\">\nimport type { TooltipArrowProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { TooltipArrow } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface TooltipArrowComponentProps extends TooltipArrowProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<TooltipArrowComponentProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n</script>\n\n<template>\n  <TooltipArrow\n    v-bind=\"delegatedProps\"\n    :class=\"cn('fill-popover', props.class)\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport type { TooltipArrowProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { TooltipArrow } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface TooltipArrowComponentProps extends TooltipArrowProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<TooltipArrowComponentProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n</script>\n\n<template>\n  <TooltipArrow\n    v-bind=\"delegatedProps\"\n    :class=\"cn('fill-popover', props.class)\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport type { TooltipPortalProps } from \"reka-ui\"\nimport { TooltipPortal } from \"reka-ui\"\n\nexport type TooltipPortalComponentProps = TooltipPortalProps\n\nconst props = defineProps<TooltipPortalComponentProps>()\n</script>\n\n<template>\n  <TooltipPortal v-bind=\"props\">\n    <slot />\n  </TooltipPortal>\n</template>\n","<script setup lang=\"ts\">\nimport type { TooltipPortalProps } from \"reka-ui\"\nimport { TooltipPortal } from \"reka-ui\"\n\nexport type TooltipPortalComponentProps = TooltipPortalProps\n\nconst props = defineProps<TooltipPortalComponentProps>()\n</script>\n\n<template>\n  <TooltipPortal v-bind=\"props\">\n    <slot />\n  </TooltipPortal>\n</template>\n","<script setup lang=\"ts\">\nimport type { TooltipContentEmits, TooltipContentProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { TooltipContent, useForwardPropsEmits } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\nimport TooltipPortal from \"./TooltipPortal.vue\"\n\nexport interface TooltipContentComponentProps extends TooltipContentProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<TooltipContentComponentProps>(), {\n  sideOffset: 4,\n})\n\nconst emits = defineEmits<TooltipContentEmits>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n\n<template>\n  <TooltipPortal>\n    <TooltipContent\n      v-bind=\"{ ...forwarded, ...$attrs }\"\n      :class=\"\n        cn(\n          'z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n          props.class,\n        )\n      \"\n    >\n      <slot />\n    </TooltipContent>\n  </TooltipPortal>\n</template>\n","<script setup lang=\"ts\">\nimport type { TooltipContentEmits, TooltipContentProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { TooltipContent, useForwardPropsEmits } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\nimport TooltipPortal from \"./TooltipPortal.vue\"\n\nexport interface TooltipContentComponentProps extends TooltipContentProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<TooltipContentComponentProps>(), {\n  sideOffset: 4,\n})\n\nconst emits = defineEmits<TooltipContentEmits>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n\n<template>\n  <TooltipPortal>\n    <TooltipContent\n      v-bind=\"{ ...forwarded, ...$attrs }\"\n      :class=\"\n        cn(\n          'z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n          props.class,\n        )\n      \"\n    >\n      <slot />\n    </TooltipContent>\n  </TooltipPortal>\n</template>\n","<script setup lang=\"ts\">\nimport type { TooltipProviderProps } from \"reka-ui\"\nimport { TooltipProvider } from \"reka-ui\"\n\nexport type TooltipProviderComponentProps = TooltipProviderProps\n\nconst props = defineProps<TooltipProviderComponentProps>()\n</script>\n\n<template>\n  <TooltipProvider v-bind=\"props\">\n    <slot />\n  </TooltipProvider>\n</template>\n","<script setup lang=\"ts\">\nimport type { TooltipProviderProps } from \"reka-ui\"\nimport { TooltipProvider } from \"reka-ui\"\n\nexport type TooltipProviderComponentProps = TooltipProviderProps\n\nconst props = defineProps<TooltipProviderComponentProps>()\n</script>\n\n<template>\n  <TooltipProvider v-bind=\"props\">\n    <slot />\n  </TooltipProvider>\n</template>\n","<script setup lang=\"ts\">\nimport type { TooltipTriggerProps } from \"reka-ui\"\nimport { TooltipTrigger } from \"reka-ui\"\n\nexport type TooltipTriggerComponentProps = TooltipTriggerProps\n\nconst props = defineProps<TooltipTriggerComponentProps>()\n</script>\n\n<template>\n  <TooltipTrigger v-bind=\"props\">\n    <slot />\n  </TooltipTrigger>\n</template>\n","<script setup lang=\"ts\">\nimport type { TooltipTriggerProps } from \"reka-ui\"\nimport { TooltipTrigger } from \"reka-ui\"\n\nexport type TooltipTriggerComponentProps = TooltipTriggerProps\n\nconst props = defineProps<TooltipTriggerComponentProps>()\n</script>\n\n<template>\n  <TooltipTrigger v-bind=\"props\">\n    <slot />\n  </TooltipTrigger>\n</template>\n","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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"}

package/dist/chunks/gridBuilderStore-CDco4GeM.js

@@ -0,0 +1,123 @@
+import { computed as e, ref as t } from "vue";
+import { defineStore as n } from "pinia";
+//#region src/stores/gridBuilderStore.ts
+var r = 0;
+function i(e) {
+	return r += 1, `${e}-${Date.now()}-${r}`;
+}
+function a() {
+	r = 0;
+}
+function o() {
+	return {
+		cols: 12,
+		rowHeight: 60,
+		items: []
+	};
+}
+var s = n("gx-modui/gridBuilder", () => {
+	let e = t({}), n = t({});
+	function r(t) {
+		return e.value[t] || (e.value[t] = o(), n.value[t] = { id: null }), e.value[t];
+	}
+	function a(t, r) {
+		e.value[t] = {
+			cols: r.cols,
+			rowHeight: r.rowHeight,
+			items: r.items.map((e) => ({ ...e }))
+		}, n.value[t] = { id: null };
+	}
+	function s(t) {
+		delete e.value[t], delete n.value[t];
+	}
+	function u(e, t) {
+		let n = r(e), a = c(t?.w ?? 1, n.cols), o = Math.max(1, t?.h ?? 1), s = l(n), u = i("gi"), d = {
+			id: u,
+			label: t?.label ?? `Cell ${n.items.length + 1}`,
+			x: 0,
+			y: s,
+			w: a,
+			h: o
+		};
+		return n.items = [...n.items, d], u;
+	}
+	function d(e, t) {
+		let i = r(e);
+		i.items = i.items.filter((e) => e.id !== t), n.value[e]?.id === t && (n.value[e] = { id: null });
+	}
+	function f(e, t, n) {
+		let i = r(e), a = i.items.findIndex((e) => e.id === t);
+		if (a < 0) return;
+		let o = {
+			...i.items[a],
+			...n
+		};
+		o.w = c(o.w, i.cols), o.h = Math.max(1, o.h), o.x = Math.max(0, Math.min(o.x, i.cols - o.w)), o.y = Math.max(0, o.y);
+		let s = [...i.items];
+		s[a] = o, i.items = s;
+	}
+	function p(e, t) {
+		let n = r(e), i = Math.max(1, Math.floor(t));
+		n.cols = i, n.items = n.items.map((e) => {
+			let t = c(e.w, i), n = Math.max(0, Math.min(e.x, i - t));
+			return {
+				...e,
+				w: t,
+				x: n
+			};
+		});
+	}
+	function m(e, t) {
+		let n = r(e);
+		n.rowHeight = Math.max(1, Math.floor(t));
+	}
+	function h(e, t) {
+		n.value[e] = { id: t };
+	}
+	function g(e) {
+		return n.value[e] ?? { id: null };
+	}
+	function _(e) {
+		return r(e);
+	}
+	return {
+		builders: e,
+		selections: n,
+		ensureBuilder: r,
+		loadSchema: a,
+		resetBuilder: s,
+		addItem: u,
+		removeItem: d,
+		updateItem: f,
+		setCols: p,
+		setRowHeight: m,
+		select: h,
+		getSelection: g,
+		getSchema: _
+	};
+});
+function c(e, t) {
+	return Number.isFinite(e) ? Math.max(1, Math.min(Math.floor(e), t)) : 1;
+}
+function l(e) {
+	return e.items.length === 0 ? 0 : e.items.reduce((e, t) => Math.max(e, t.y + t.h), 0);
+}
+function u(t) {
+	let n = s();
+	return n.ensureBuilder(t), {
+		schema: e(() => n.getSchema(t)),
+		selection: e(() => n.getSelection(t)),
+		addItem: (e) => n.addItem(t, e),
+		removeItem: (e) => n.removeItem(t, e),
+		updateItem: (e, r) => n.updateItem(t, e, r),
+		setCols: (e) => n.setCols(t, e),
+		setRowHeight: (e) => n.setRowHeight(t, e),
+		select: (e) => n.select(t, e),
+		loadSchema: (e) => n.loadSchema(t, e),
+		reset: () => n.resetBuilder(t)
+	};
+}
+//#endregion
+export { u as n, s as r, a as t };
+
+//# sourceMappingURL=gridBuilderStore-CDco4GeM.js.map

package/dist/chunks/gridBuilderStore-CDco4GeM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gridBuilderStore-CDco4GeM.js","names":[],"sources":["../../src/stores/gridBuilderStore.ts"],"sourcesContent":["import { defineStore } from \"pinia\"\nimport { computed, ref } from \"vue\"\n\n/**\n * A single cell in the grid layout. The shape mirrors the\n * `GridItem` used by `GridViewCard` but is flattened down to the\n * minimum a designer cares about: a label, a column/row position,\n * and a column/row span.\n */\nexport interface GridBuilderItem {\n  id: string\n  /** Display label shown in the canvas. */\n  label: string\n  /** 12-column grid x position (0-indexed). */\n  x: number\n  /** Row position (0-indexed). */\n  y: number\n  /** Width in column units (1-12). */\n  w: number\n  /** Height in row units. */\n  h: number\n}\n\n/** Full grid schema produced by the builder. */\nexport interface GridBuilderSchema {\n  /** Number of columns in the grid. Default 12. */\n  cols: number\n  /** Pixel height of a single row. Default 60. */\n  rowHeight: number\n  /** Ordered list of grid items. */\n  items: GridBuilderItem[]\n}\n\n/** Identifies which grid item is currently selected. */\nexport interface GridBuilderSelection {\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 __resetGridBuilderIdCounter(): void {\n  idCounter = 0\n}\n\nfunction emptySchema(): GridBuilderSchema {\n  return { cols: 12, rowHeight: 60, items: [] }\n}\n\nexport const useGridBuilderStore = defineStore(\n  \"gx-modui/gridBuilder\",\n  () => {\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, GridBuilderSchema>>({})\n    const selections = ref<Record<string, GridBuilderSelection>>({})\n\n    function ensureBuilder(builderId: string): GridBuilderSchema {\n      if (!builders.value[builderId]) {\n        builders.value[builderId] = emptySchema()\n        selections.value[builderId] = { id: null }\n      }\n      return builders.value[builderId]!\n    }\n\n    function loadSchema(builderId: string, schema: GridBuilderSchema): void {\n      builders.value[builderId] = {\n        cols: schema.cols,\n        rowHeight: schema.rowHeight,\n        items: schema.items.map((it) => ({ ...it })),\n      }\n      selections.value[builderId] = { 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 grid item at the next available row, sized to\n     * `template`. Returns the new item's id.\n     */\n    function addItem(\n      builderId: string,\n      template?: Partial<Pick<GridBuilderItem, \"w\" | \"h\" | \"label\">>,\n    ): string {\n      const schema = ensureBuilder(builderId)\n      const w = clampColumns(template?.w ?? 1, schema.cols)\n      const h = Math.max(1, template?.h ?? 1)\n      const y = nextFreeRow(schema)\n      const id = nextId(\"gi\")\n      const item: GridBuilderItem = {\n        id,\n        label: template?.label ?? `Cell ${schema.items.length + 1}`,\n        x: 0,\n        y,\n        w,\n        h,\n      }\n      schema.items = [...schema.items, item]\n      return id\n    }\n\n    /** Remove an item by id. */\n    function removeItem(builderId: string, itemId: string): void {\n      const schema = ensureBuilder(builderId)\n      schema.items = schema.items.filter((it) => it.id !== itemId)\n      const sel = selections.value[builderId]\n      if (sel?.id === itemId) {\n        selections.value[builderId] = { id: null }\n      }\n    }\n\n    /** Patch a grid item's properties. */\n    function updateItem(\n      builderId: string,\n      itemId: string,\n      patch: Partial<Omit<GridBuilderItem, \"id\">>,\n    ): void {\n      const schema = ensureBuilder(builderId)\n      const idx = schema.items.findIndex((it) => it.id === itemId)\n      if (idx < 0) {\n        return\n      }\n      const current = schema.items[idx]!\n      const merged: GridBuilderItem = {\n        ...current,\n        ...patch,\n      }\n      // Clamp coordinates to keep the item inside the grid.\n      merged.w = clampColumns(merged.w, schema.cols)\n      merged.h = Math.max(1, merged.h)\n      merged.x = Math.max(0, Math.min(merged.x, schema.cols - merged.w))\n      merged.y = Math.max(0, merged.y)\n      const next = [...schema.items]\n      next[idx] = merged\n      schema.items = next\n    }\n\n    /** Update the grid-level `cols` value. */\n    function setCols(builderId: string, cols: number): void {\n      const schema = ensureBuilder(builderId)\n      const safe = Math.max(1, Math.floor(cols))\n      schema.cols = safe\n      // Re-clamp every item so nothing overflows the new column count.\n      schema.items = schema.items.map((it) => {\n        const w = clampColumns(it.w, safe)\n        const x = Math.max(0, Math.min(it.x, safe - w))\n        return { ...it, w, x }\n      })\n    }\n\n    /** Update the grid-level `rowHeight` value. */\n    function setRowHeight(builderId: string, rowHeight: number): void {\n      const schema = ensureBuilder(builderId)\n      schema.rowHeight = Math.max(1, Math.floor(rowHeight))\n    }\n\n    function select(builderId: string, id: string | null): void {\n      selections.value[builderId] = { id }\n    }\n\n    function getSelection(builderId: string): GridBuilderSelection {\n      return selections.value[builderId] ?? { id: null }\n    }\n\n    function getSchema(builderId: string): GridBuilderSchema {\n      return ensureBuilder(builderId)\n    }\n\n    return {\n      builders,\n      selections,\n      ensureBuilder,\n      loadSchema,\n      resetBuilder,\n      addItem,\n      removeItem,\n      updateItem,\n      setCols,\n      setRowHeight,\n      select,\n      getSelection,\n      getSchema,\n    }\n  },\n)\n\nfunction clampColumns(w: number, cols: number): number {\n  if (!Number.isFinite(w)) {\n    return 1\n  }\n  return Math.max(1, Math.min(Math.floor(w), cols))\n}\n\n/**\n * Returns the first row index where a new full-width item could be\n * placed without overlapping. The MVP only cares about appending —\n * we use the max occupied row + height.\n */\nfunction nextFreeRow(schema: GridBuilderSchema): number {\n  if (schema.items.length === 0) {\n    return 0\n  }\n  return schema.items.reduce((max, it) => Math.max(max, it.y + it.h), 0)\n}\n\n/** Composable wrapping store access for a single builder instance. */\nexport function useGridBuilder(builderId: string) {\n  const store = useGridBuilderStore()\n  store.ensureBuilder(builderId)\n  return {\n    schema: computed<GridBuilderSchema>(() => store.getSchema(builderId)),\n    selection: computed<GridBuilderSelection>(() =>\n      store.getSelection(builderId),\n    ),\n    addItem: (template?: Partial<Pick<GridBuilderItem, \"w\" | \"h\" | \"label\">>) =>\n      store.addItem(builderId, template),\n    removeItem: (id: string) => store.removeItem(builderId, id),\n    updateItem: (id: string, patch: Partial<Omit<GridBuilderItem, \"id\">>) =>\n      store.updateItem(builderId, id, patch),\n    setCols: (cols: number) => store.setCols(builderId, cols),\n    setRowHeight: (rowHeight: number) =>\n      store.setRowHeight(builderId, rowHeight),\n    select: (id: string | null) => store.select(builderId, id),\n    loadSchema: (schema: GridBuilderSchema) =>\n      store.loadSchema(builderId, schema),\n    reset: () => store.resetBuilder(builderId),\n  }\n}\n"],"mappings":"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"}

package/dist/chunks/input-tw5ZQGKQ.js

@@ -0,0 +1,33 @@
+import { n as e } from "./utils-DAErOi9O.js";
+import { createElementBlock as t, defineComponent as n, mergeModels as r, normalizeClass as i, openBlock as a, unref as o, useModel as s, vModelText as c, withDirectives as l } from "vue";
+//#endregion
+//#region src/components/ui/input/Input.vue
+var u = /* @__PURE__ */ n({
+	__name: "Input",
+	props: /* @__PURE__ */ r({
+		defaultValue: {},
+		modelValue: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	}, {
+		modelValue: { default: void 0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(n) {
+		let r = n, u = s(n, "modelValue");
+		return u.value === void 0 && r.defaultValue !== void 0 && (u.value = r.defaultValue), (n, s) => l((a(), t("input", {
+			"onUpdate:modelValue": s[0] ||= (e) => u.value = e,
+			class: i(o(e)("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", r.class))
+		}, null, 2)), [[c, u.value]]);
+	}
+});
+//#endregion
+export { u as t };
+
+//# sourceMappingURL=input-tw5ZQGKQ.js.map

package/dist/chunks/input-tw5ZQGKQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-tw5ZQGKQ.js","names":[],"sources":["../../src/components/ui/input/Input.vue","../../src/components/ui/input/Input.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface InputProps {\n  defaultValue?: string | number\n  modelValue?: string | number\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<InputProps>()\n\nconst modelValue = defineModel<string | number | undefined>({\n  default: undefined,\n})\n\nif (modelValue.value === undefined && props.defaultValue !== undefined) {\n  modelValue.value = props.defaultValue\n}\n</script>\n\n<template>\n  <input\n    v-model=\"modelValue\"\n    :class=\"\n      cn(\n        'flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n        props.class,\n      )\n    \"\n  >\n</template>\n","<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface InputProps {\n  defaultValue?: string | number\n  modelValue?: string | number\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<InputProps>()\n\nconst modelValue = defineModel<string | number | undefined>({\n  default: undefined,\n})\n\nif (modelValue.value === undefined && props.defaultValue !== undefined) {\n  modelValue.value = props.defaultValue\n}\n</script>\n\n<template>\n  <input\n    v-model=\"modelValue\"\n    :class=\"\n      cn(\n        'flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n        props.class,\n      )\n    \"\n  >\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAUA,IAAM,IAAQ,GAER,IAAa,EAAwC,GAAA,YAE1D;SAEG,EAAW,UAAU,KAAA,KAAa,EAAM,iBAAiB,KAAA,MAC3D,EAAW,QAAQ,EAAM,iCAKzB,EAQC,SAAA;4CAPoB,QAAA;GAClB,OAAK,EAAS,EAAA,CAAA,EAAA,qXAAyY,EAAM,KAAA,CAAA;qBADrZ,EAAA,KAAU,CAAA,CAAA"}