npm - @gxp-dev/mod-ui - Versions diffs - 2.0.0 - Mend

@gxp-dev/mod-ui 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2073) hide show

package/dist/components/compositions/elements/builder/FormBuilder.vue2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FormBuilder.vue2.js","sources":["../../../../../src/components/compositions/elements/builder/FormBuilder.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * FormBuilder — visual schema builder.\n *\n * Three-pane layout:\n * - LEFT (Palette): Clickable list of element types from\n * CardElementMetadataMap. Click to append a\n * new element to the root card.\n * - MIDDLE (Canvas): Live preview via CardRenderer plus a drag-\n * sortable grid canvas. Each element block shows\n * a center-top reorder handle and a top-right\n * resize handle on hover.\n * - RIGHT (Inspector): Property panel for the selected element.\n * Every input writes through the\n * formBuilderStore.\n *\n * State is owned by `formBuilderStore` (Pinia). The builder accepts an\n * optional initial schema via `modelValue` and emits the current schema\n * through `update:modelValue` so the host page can save it like any\n * other form field.\n *\n * Drag reorder: center-top handle → pointer events snap element to new\n * index in elementList.\n * Drag resize: top-right handle → pointer events set colSpan (1–4) on\n * the element, mapping to 25/50/75/100 % of the canvas width.\n */\nimport { computed, onBeforeUnmount, onMounted, reactive, ref, watch } from \"vue\"\nimport {\n ArrowDown,\n ArrowUp,\n ChevronRight,\n ChevronsLeftRight,\n GripHorizontal,\n Info,\n LayoutList,\n Maximize2,\n Minimize2,\n PencilLine,\n Plus,\n Trash2,\n X,\n} from \"lucide-vue-next\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport { CardElementMetadataMap, CardElementStylesMap, getElementEditConfig } from \"@/definitions/elements\"\nimport type { EditConfigField } from \"@/definitions/shared/base\"\nimport { joinElementType, splitElementType } from \"@/definitions/shared/base\"\nimport { shouldRender } from \"@/engine/useDisplayConditions\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n Card,\n CardContent,\n CardHeader,\n CardTitle,\n} from \"@/components/ui/card\"\nimport { Input } from \"@/components/ui/input\"\nimport { Label } from \"@/components/ui/label\"\nimport { Separator } from \"@/components/ui/separator\"\nimport { Textarea } from \"@/components/ui/textarea\"\nimport { Switch } from \"@/components/ui/switch\"\nimport CardRenderer from \"@/engine/CardRenderer.vue\"\nimport ElementRenderer from \"@/engine/ElementRenderer.vue\"\nimport {\n Tooltip,\n TooltipContent,\n TooltipProvider,\n TooltipTrigger,\n} from \"@/components/ui/tooltip\"\nimport {\n useFormBuilder,\n type BuilderSchema,\n} from \"@/stores/formBuilderStore\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface FormBuilderProps {\n /** Initial / current schema. Two-way bindable via v-model. */\n modelValue?: BuilderSchema\n /**\n * Identifier used to key the formBuilderStore. Defaults to a stable\n * auto-generated id so multiple FormBuilders on the same page don't\n * collide.\n */\n builderId?: string\n label?: string\n name?: string | null\n item?: Record<string, unknown>\n classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<FormBuilderProps>(), {\n item: () => ({}),\n})\n\nconst model = defineModel<BuilderSchema | undefined>(\"modelValue\")\n\nlet nextAutoId = 0\nfunction makeAutoId(): string {\n nextAutoId += 1\n return `form-builder-${Date.now()}-${nextAutoId}`\n}\nconst fallbackId = ref<string>(makeAutoId())\n\nconst builderId = computed<string>(() => props.builderId ?? fallbackId.value)\n\n/** Controls which canvas view is active. */\nconst canvasMode = ref<\"inline\" | \"list\">(\"list\")\n\n/**\n * When non-null the canvas is \"zoomed into\" a specific card-type element.\n * Only that card's children are shown and editable. Schema storage is\n * unaffected — this is purely a UI focus state.\n */\nconst zoomedCardId = ref<string | null>(null)\nconst isZoomed = computed(() => zoomedCardId.value !== null)\nconst zoomedCardElement = computed(() =>\n zoomedCardId.value\n ? (builder.schema.value.elements[zoomedCardId.value] ?? null)\n : null,\n)\n\nfunction zoomInto(elementId: string): void {\n zoomedCardId.value = elementId\n builder.select(\"element\", elementId)\n}\n\nfunction zoomOut(): void {\n zoomedCardId.value = null\n}\n\nconst builder = useFormBuilder(builderId.value)\n\nfunction isBuilderSchema(value: unknown): value is BuilderSchema {\n if (typeof value !== \"object\" || value === null) {\n return false\n }\n const v = value as Record<string, unknown>\n return (\n typeof v.rootCardId === \"string\" &&\n typeof v.cards === \"object\" &&\n v.cards !== null &&\n typeof v.elements === \"object\" &&\n v.elements !== null\n )\n}\n\n/** Seed the store from the initial modelValue. */\nonMounted(() => {\n const seed = model.value\n if (isBuilderSchema(seed)) {\n builder.loadSchema(seed)\n }\n})\n\n/** Push schema changes back via v-model. */\nwatch(\n () => builder.schema.value,\n (next) => {\n model.value = next\n },\n { deep: true },\n)\n\nconst rootCard = computed(\n () => builder.schema.value.cards[builder.schema.value.rootCardId],\n)\n\nconst canvasRootContainerId = computed(() => builder.schema.value.rootCardId)\n\n/** Active container for the visible canvas — root unless zoomed into a card element. */\nconst activeCanvasContainerId = computed(() => zoomedCardId.value ?? canvasRootContainerId.value)\n\n/** The element list shown in the canvas — scoped to the zoomed card when active. */\nconst activeElementList = computed(() =>\n zoomedCardId.value ? getElementList(zoomedCardId.value) : rootElementList.value,\n)\n\nconst rootElementList = computed<string[]>(() => {\n const card = rootCard.value\n if (!card) {\n return []\n }\n return ((card as unknown as Record<string, unknown>).elementList as string[]) ?? []\n})\n\n/** True when an element's type starts with \"card.\" — it acts as a nested container. */\nfunction isCardElement(elementId: string): boolean {\n const el = builder.schema.value.elements[elementId]\n if (!el) return false\n return String((el as unknown as Record<string, unknown>).type ?? \"\").startsWith(\"card.\")\n}\n\n/** Returns the elementList for any container (card or card-type element). */\nfunction getElementList(containerId: string): string[] {\n const schema = builder.schema.value\n const card = schema.cards[containerId]\n if (card) return ((card as unknown as Record<string, unknown>).elementList as string[] | undefined) ?? []\n const el = schema.elements[containerId]\n if (el) return ((el as unknown as Record<string, unknown>).elementList as string[] | undefined) ?? []\n return []\n}\n\n/**\n * For inline-mode rendering: augments a card-type element with resolved\n * `nestedElements` so the composition receives actual child objects, not IDs.\n */\nfunction resolveElementForRender(elementId: string): CardElement {\n const el = builder.schema.value.elements[elementId]!\n if (!isCardElement(elementId)) return el\n const bag = el as unknown as Record<string, unknown>\n const childIds = (bag.elementList as string[] | undefined) ?? []\n const nestedElements = childIds\n .map((id) => builder.schema.value.elements[id])\n .filter(Boolean)\n return { ...el, nestedElements } as unknown as CardElement\n}\n\nconst paletteGroups = computed(() =>\n (\n Object.entries(CardElementMetadataMap) as Array<\n [\n keyof typeof CardElementMetadataMap,\n (typeof CardElementMetadataMap)[keyof typeof CardElementMetadataMap],\n ]\n >\n ).map(([type, meta]) => ({\n type,\n meta,\n styles: CardElementStylesMap[type],\n })),\n)\n\nconst expandedGroups = reactive<Record<string, boolean>>({})\n\nfunction toggleGroup(type: string): void {\n expandedGroups[type] = !expandedGroups[type]\n}\n\nconst selectedElement = computed<CardElement | null>(() => {\n const sel = builder.selection.value\n if (sel.kind !== \"element\" || !sel.id) {\n return null\n }\n return builder.schema.value.elements[sel.id] ?? null\n})\n\n/** ID of the container that owns the currently selected element. */\nconst selectedContainerId = computed<string>(() => {\n const sel = builder.selection.value\n if (sel.kind !== \"element\" || !sel.id) return canvasRootContainerId.value\n if (rootElementList.value.includes(sel.id)) return canvasRootContainerId.value\n for (const [elId, el] of Object.entries(builder.schema.value.elements)) {\n const bag = el as unknown as Record<string, unknown>\n if (typeof bag.type === \"string\" && (bag.type as string).startsWith(\"card.\")) {\n if (((bag.elementList as string[] | undefined) ?? []).includes(sel.id)) {\n return elId\n }\n }\n }\n return canvasRootContainerId.value\n})\n\nconst selectedContainerList = computed<string[]>(() => getElementList(selectedContainerId.value))\n\nconst selectedIndex = computed<number>(() => {\n const sel = builder.selection.value\n if (sel.kind !== \"element\" || !sel.id) return -1\n return selectedContainerList.value.indexOf(sel.id)\n})\n\nconst canMoveDown = computed<boolean>(() => {\n const list = selectedContainerList.value\n return selectedIndex.value >= 0 && selectedIndex.value < list.length - 1\n})\n\nfunction onStyleClick(category: keyof typeof CardElementMetadataMap, style: string): void {\n const sel = builder.selection.value\n // Priority: 1) zoomed card container, 2) selected card element, 3) root.\n let containerId: string\n if (zoomedCardId.value) {\n containerId = zoomedCardId.value\n } else if (sel.kind === \"element\" && sel.id && isCardElement(sel.id)) {\n containerId = sel.id\n } else {\n containerId = builder.schema.value.rootCardId\n }\n const newId = builder.addElement(containerId, `${category}.${style}`)\n builder.select(\"element\", newId)\n}\n\nfunction onCanvasElementClick(elementId: string): void {\n builder.select(\"element\", elementId)\n}\n\nfunction onMoveUp(): void {\n if (selectedIndex.value <= 0) return\n builder.reorderElement(selectedContainerId.value, selectedIndex.value, selectedIndex.value - 1)\n}\n\nfunction onMoveDown(): void {\n if (!canMoveDown.value) return\n builder.reorderElement(selectedContainerId.value, selectedIndex.value, selectedIndex.value + 1)\n}\n\nfunction onRemove(): void {\n const sel = builder.selection.value\n if (sel.kind === \"element\" && sel.id) {\n builder.removeElement(sel.id)\n } else if (sel.kind === \"card\" && sel.id) {\n builder.removeCard(sel.id)\n }\n}\n\nfunction onClearSelection(): void {\n builder.select(null, null)\n}\n\nfunction patchSelected(patch: Partial<CardElement>): void {\n const sel = builder.selection.value\n if (sel.kind === \"element\" && sel.id) {\n builder.updateElement(sel.id, patch)\n }\n}\n\n/**\n * Dynamically resolved list of inspector fields for the selected element.\n * Uses the category-level EditConfig and evaluates conditionParams against a\n * virtual item that includes `style` extracted from the dot-notation type so\n * conditions like `{ name: \"style\", logic: \"==\", value: \"textarea\" }` work.\n */\nconst inspectorFields = computed<Array<{ fieldName: string; spec: EditConfigField }>>(() => {\n const el = selectedElement.value\n if (!el) return []\n\n const editConfig = getElementEditConfig(el.type)\n if (!editConfig) return []\n\n const { style } = splitElementType(el.type)\n const virtualItem = { ...(el as unknown as Record<string, unknown>), style }\n\n return Object.entries(editConfig)\n .filter(([, spec]) => {\n const t = (spec as EditConfigField).type as string\n // Skip fields that need complex nested renderers in the inspector.\n if (t?.startsWith(\"configuration-block.\")) return false\n if (t?.startsWith(\"builder.\")) return false\n if (t?.startsWith(\"code.\")) return false\n return shouldRender(spec as EditConfigField, virtualItem)\n })\n .map(([fieldName, spec]) => ({ fieldName, spec: spec as EditConfigField }))\n})\n\nfunction getFieldValue(fieldName: string): unknown {\n const el = selectedElement.value as unknown as Record<string, unknown> | null\n // `style` is not stored separately — derive it from the dot-notation `type`.\n if (fieldName === \"style\" && el?.type) {\n return splitElementType(String(el.type)).style\n }\n return el?.[fieldName] ?? \"\"\n}\n\nfunction onFieldInput(fieldName: string, value: unknown): void {\n // A style change means the element type changes: \"boolean.checkbox\" → \"boolean.switch\".\n if (fieldName === \"style\") {\n const el = selectedElement.value\n if (!el) return\n const { category } = splitElementType(el.type)\n patchSelected({ type: joinElementType(category, String(value)) } as unknown as Partial<CardElement>)\n return\n }\n patchSelected({ [fieldName]: value } as Partial<CardElement>)\n}\n\n/* ------------------------------------------------------------------ */\n/* Drag-reorder + drag-resize */\n/* ------------------------------------------------------------------ */\n\nconst canvasEl = ref<HTMLElement | null>(null)\n\ninterface FormDragState {\n mode: \"reorder\" | \"resize\"\n elementId: string\n fromContainerId: string\n fromIndex: number\n startClientX: number\n startColSpan: number\n containerWidth: number\n pointerId: number\n captureTarget: HTMLElement\n}\n\nconst activeDrag = ref<FormDragState | null>(null)\nconst dropTargetIndex = ref<number | null>(null)\nconst dropContainerId = ref<string | null>(null)\n\n/** colSpan (1–4) is stored directly on the element as a builder prop. */\nfunction getColSpan(elementId: string): number {\n const el = builder.schema.value.elements[elementId] as unknown as Record<string, unknown>\n const span = el?.colSpan\n return typeof span === \"number\" && span >= 1 && span <= 4 ? span : 4\n}\n\nfunction elementGridStyle(elementId: string): Record<string, string> {\n return { gridColumn: `span ${getColSpan(elementId)}` }\n}\n\nfunction beginFormDrag(\n mode: \"reorder\" | \"resize\",\n elementId: string,\n fromContainerId: string,\n fromIndex: number,\n event: PointerEvent,\n): void {\n if (event.button !== 0) return\n event.preventDefault()\n event.stopPropagation()\n builder.select(\"element\", elementId)\n const target = event.target as HTMLElement\n try {\n target.setPointerCapture(event.pointerId)\n } catch {\n // jsdom or restricted context\n }\n activeDrag.value = {\n mode,\n elementId,\n fromContainerId,\n fromIndex,\n startClientX: event.clientX,\n startColSpan: getColSpan(elementId),\n containerWidth: canvasEl.value?.getBoundingClientRect().width ?? 0,\n pointerId: event.pointerId,\n captureTarget: target,\n }\n if (mode === \"reorder\") {\n dropTargetIndex.value = fromIndex\n dropContainerId.value = fromContainerId\n }\n window.addEventListener(\"pointermove\", onFormPointerMove)\n window.addEventListener(\"pointerup\", onFormPointerUp)\n window.addEventListener(\"pointercancel\", onFormPointerUp)\n}\n\nfunction onReorderHandlePointerDown(\n elementId: string,\n containerId: string,\n index: number,\n event: PointerEvent,\n): void {\n beginFormDrag(\"reorder\", elementId, containerId, index, event)\n}\n\nfunction onResizeHandlePointerDown(\n elementId: string,\n event: PointerEvent,\n): void {\n beginFormDrag(\"resize\", elementId, canvasRootContainerId.value, -1, event)\n}\n\nfunction onFormPointerMove(event: PointerEvent): void {\n const state = activeDrag.value\n if (!state) return\n\n if (state.mode === \"resize\") {\n const dx = event.clientX - state.startClientX\n const colW = (state.containerWidth > 0 ? state.containerWidth : 400) / 4\n const colDelta = Math.round(dx / colW)\n const newSpan = Math.max(1, Math.min(4, state.startColSpan + colDelta))\n builder.updateElement(state.elementId, { colSpan: newSpan } as unknown as Partial<CardElement>)\n return\n }\n\n const target = document.elementFromPoint(event.clientX, event.clientY)\n if (!target) return\n\n // Determine which container the pointer is over (innermost wins).\n const containerEl = (target as HTMLElement).closest(\"[data-container-id]\")\n const cId = (containerEl as HTMLElement | null)?.dataset.containerId ?? null\n dropContainerId.value = cId\n\n // Find the element block index within that container.\n let blockEl: Element | null = (target as HTMLElement).closest(\"[data-element-block-index]\")\n // Discard if the block is outside (ancestor of) the detected container.\n if (blockEl && containerEl && !containerEl.contains(blockEl)) {\n blockEl = null\n }\n if (blockEl) {\n const idx = Number.parseInt(\n (blockEl as HTMLElement).dataset.elementBlockIndex ?? \"-1\",\n 10,\n )\n if (idx >= 0) dropTargetIndex.value = idx\n } else {\n // Hovering over empty space in the container — drop at end.\n dropTargetIndex.value = cId ? getElementList(cId).length : null\n }\n}\n\nfunction onFormPointerUp(event: PointerEvent): void {\n const state = activeDrag.value\n if (!state) {\n cleanupFormDrag()\n return\n }\n try {\n state.captureTarget.releasePointerCapture(state.pointerId)\n } catch {\n // ignore\n }\n if (state.mode === \"reorder\" && dropTargetIndex.value !== null) {\n const targetContainer = dropContainerId.value ?? state.fromContainerId\n if (targetContainer !== state.fromContainerId) {\n builder.moveElement(state.fromContainerId, targetContainer, state.elementId, dropTargetIndex.value)\n } else if (dropTargetIndex.value !== state.fromIndex) {\n builder.reorderElement(state.fromContainerId, state.fromIndex, dropTargetIndex.value)\n }\n }\n cleanupFormDrag()\n void event\n}\n\nfunction cleanupFormDrag(): void {\n activeDrag.value = null\n dropTargetIndex.value = null\n dropContainerId.value = null\n window.removeEventListener(\"pointermove\", onFormPointerMove)\n window.removeEventListener(\"pointerup\", onFormPointerUp)\n window.removeEventListener(\"pointercancel\", onFormPointerUp)\n}\n\nonBeforeUnmount(() => {\n cleanupFormDrag()\n})\n\nconst outerGridColumns = computed(() =>\n selectedElement.value\n ? \"220px 1fr 280px\"\n : \"220px 1fr 2rem\",\n)\n</script>\n\n<template>\n <div\n :class=\"cn('gxp-form-builder grid gap-3 rounded-lg border bg-card', props.classList)\"\n :style=\"{ gridTemplateColumns: outerGridColumns, minHeight: '24rem', transition: 'grid-template-columns 200ms ease' }\"\n data-testid=\"form-builder\"\n :data-element-name=\"props.name ?? undefined\"\n >\n <aside\n class=\"flex flex-col gap-2 border-r p-3 overflow-y-auto\"\n data-testid=\"form-builder-palette\"\n >\n <h4 class=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n {{ props.label ?? \"Element palette\" }}\n </h4>\n <div class=\"flex flex-col gap-0.5\">\n <div\n v-for=\"entry in paletteGroups\"\n :key=\"entry.type\"\n >\n <button\n type=\"button\"\n class=\"flex w-full items-start gap-2 rounded-md px-2 py-1.5 text-left text-xs transition-colors hover:bg-accent/30\"\n :data-testid=\"`form-builder-palette-${entry.type}`\"\n @click=\"toggleGroup(entry.type)\"\n >\n <ChevronRight\n class=\"mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground transition-transform duration-150\"\n :class=\"expandedGroups[entry.type] ? 'rotate-90' : ''\"\n />\n <span class=\"flex min-w-0 flex-col gap-0.5\">\n <span class=\"font-medium\">{{ entry.meta.displayLabel }}</span>\n <span class=\"line-clamp-2 text-[10px] text-muted-foreground\">\n {{ entry.meta.description }}\n </span>\n </span>\n </button>\n\n <div\n v-if=\"expandedGroups[entry.type]\"\n class=\"ml-5 flex flex-col gap-0.5 pb-1\"\n >\n <button\n v-for=\"styleOption in entry.styles\"\n :key=\"styleOption.value\"\n type=\"button\"\n class=\"flex items-center gap-1.5 rounded border bg-background px-2 py-1 text-left text-xs transition-colors hover:border-primary hover:bg-accent/40\"\n :data-testid=\"`form-builder-palette-${entry.type}-${styleOption.value}`\"\n @click=\"onStyleClick(entry.type, styleOption.value)\"\n >\n <Plus class=\"h-3 w-3 shrink-0 text-muted-foreground\" />\n {{ styleOption.label }}\n </button>\n </div>\n </div>\n </div>\n </aside>\n\n <section\n class=\"flex flex-col gap-3 overflow-y-auto p-3\"\n data-testid=\"form-builder-canvas\"\n >\n <header class=\"flex flex-col gap-2\">\n \n <div\n v-if=\"isZoomed\"\n class=\"flex items-center gap-2 rounded-md border bg-muted/40 px-2.5 py-1.5 text-xs\"\n data-testid=\"form-builder-zoom-breadcrumb\"\n >\n <button\n type=\"button\"\n class=\"flex items-center gap-1.5 text-muted-foreground transition-colors hover:text-foreground\"\n data-testid=\"form-builder-zoom-out\"\n @click=\"zoomOut\"\n >\n <Minimize2 class=\"h-3.5 w-3.5\" />\n <span>Full form</span>\n </button>\n <span class=\"text-muted-foreground/50\">/</span>\n <span class=\"font-medium\">\n {{ (zoomedCardElement as Record<string, unknown> | null)?.label ?? 'Card' }}\n </span>\n </div>\n <div class=\"flex items-center justify-between\">\n <h4 class=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n {{ canvasMode === \"inline\" ? \"Canvas\" : isZoomed ? \"Card preview\" : \"Preview\" }}\n </h4>\n <div class=\"flex items-center gap-2\">\n \n <div class=\"flex items-center rounded-md border p-0.5\">\n <button\n type=\"button\"\n class=\"rounded px-1.5 py-0.5 transition-colors\"\n :class=\"canvasMode === 'list' ? 'bg-accent text-accent-foreground' : 'text-muted-foreground hover:text-foreground'\"\n title=\"List mode — separate preview and element list\"\n data-testid=\"form-builder-mode-list\"\n @click=\"canvasMode = 'list'\"\n >\n <LayoutList class=\"h-3.5 w-3.5\" />\n </button>\n <button\n type=\"button\"\n class=\"rounded px-1.5 py-0.5 transition-colors\"\n :class=\"canvasMode === 'inline' ? 'bg-accent text-accent-foreground' : 'text-muted-foreground hover:text-foreground'\"\n title=\"Inline mode — live interactive canvas\"\n data-testid=\"form-builder-mode-inline\"\n @click=\"canvasMode = 'inline'\"\n >\n <PencilLine class=\"h-3.5 w-3.5\" />\n </button>\n </div>\n <Badge variant=\"outline\" class=\"font-mono text-[10px]\">\n builder/form-builder\n </Badge>\n </div>\n </div>\n </header>\n\n \n <template v-if=\"canvasMode === 'list'\">\n \n <div class=\"rounded-md border border-dashed bg-background p-3\">\n <template v-if=\"isZoomed && zoomedCardId\">\n <Suspense>\n <ElementRenderer\n :element=\"resolveElementForRender(zoomedCardId)\"\n :item=\"props.item\"\n />\n </Suspense>\n <p\n v-if=\"!activeElementList.length\"\n class=\"py-6 text-center text-xs text-muted-foreground\"\n data-testid=\"form-builder-canvas-empty\"\n >\n Click an element in the palette to add it.\n </p>\n </template>\n <template v-else-if=\"rootCard\">\n <CardRenderer\n :card=\"rootCard\"\n :item=\"props.item\"\n :elements=\"builder.schema.value.elements\"\n :cards=\"builder.schema.value.cards\"\n />\n <p\n v-if=\"rootElementList.length === 0\"\n class=\"py-6 text-center text-xs text-muted-foreground\"\n data-testid=\"form-builder-canvas-empty\"\n >\n Click an element in the palette to add it.\n </p>\n </template>\n </div>\n\n \n <div\n ref=\"canvasEl\"\n class=\"grid gap-2 text-xs\"\n style=\"grid-template-columns: repeat(4, minmax(0, 1fr))\"\n :data-container-id=\"activeCanvasContainerId\"\n data-testid=\"form-builder-canvas-list\"\n >\n <p\n v-if=\"!activeElementList.length\"\n class=\"col-span-full py-4 text-center text-muted-foreground\"\n >\n Add elements from the palette.\n </p>\n <div\n v-for=\"(elId, index) in activeElementList\"\n :key=\"elId\"\n :data-element-block-index=\"index\"\n :data-testid=\"`form-builder-row-${elId}`\"\n class=\"group relative cursor-pointer select-none rounded border bg-background transition-colors\"\n :class=\"[\n isCardElement(elId) ? 'px-2 pb-2 pt-5' : 'px-2 pb-2 pt-5 text-center',\n builder.selection.value.kind === 'element' && builder.selection.value.id === elId\n ? 'border-primary bg-accent/30'\n : 'hover:border-primary/50',\n activeDrag?.elementId === elId && activeDrag.mode === 'reorder'\n ? 'opacity-40 ring-2 ring-primary'\n : '',\n dropContainerId === activeCanvasContainerId &&\n dropTargetIndex === index &&\n activeDrag?.mode === 'reorder' &&\n activeDrag?.elementId !== elId\n ? 'ring-2 ring-primary/60 bg-primary/5'\n : '',\n ]\"\n :style=\"elementGridStyle(elId)\"\n @click=\"onCanvasElementClick(elId)\"\n >\n \n <span\n class=\"absolute left-1/2 top-0.5 -translate-x-1/2 cursor-grab touch-none rounded-sm bg-muted/60 px-1 py-0.5 opacity-0 transition-opacity group-hover:opacity-100 active:cursor-grabbing\"\n title=\"Drag to reorder\"\n @click.stop\n @pointerdown.stop=\"(e: PointerEvent) => onReorderHandlePointerDown(elId, activeCanvasContainerId, index, e)\"\n >\n <GripHorizontal class=\"h-3 w-3 text-muted-foreground\" />\n </span>\n\n \n <span\n class=\"absolute right-0.5 top-0.5 cursor-ew-resize touch-none rounded-sm bg-muted/60 px-1 py-0.5 opacity-0 transition-opacity group-hover:opacity-100\"\n :title=\"`Width: ${getColSpan(elId)}/4 — drag to resize`\"\n @click.stop\n @pointerdown.stop=\"(e: PointerEvent) => onResizeHandlePointerDown(elId, e)\"\n >\n <ChevronsLeftRight class=\"h-3 w-3 text-muted-foreground\" />\n </span>\n\n \n <template v-if=\"!isCardElement(elId)\">\n <span class=\"block truncate font-medium leading-tight\">\n {{ builder.schema.value.elements[elId]?.label ?? \"(unnamed)\" }}\n </span>\n <Badge variant=\"secondary\" class=\"mt-1 font-mono text-[9px]\">\n {{ builder.schema.value.elements[elId]?.type }}\n </Badge>\n </template>\n\n \n <template v-else>\n \n <button\n type=\"button\"\n class=\"absolute left-0.5 top-0.5 z-10 flex h-5 w-5 items-center justify-center rounded bg-muted/60 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100 hover:bg-muted hover:text-foreground\"\n :class=\"{ '!opacity-100': builder.selection.value.kind === 'element' && builder.selection.value.id === elId }\"\n title=\"Zoom into this card\"\n data-testid=\"form-builder-zoom-in\"\n @click.stop=\"zoomInto(elId)\"\n >\n <Maximize2 class=\"h-3 w-3\" />\n </button>\n <div>\n <span class=\"block truncate font-medium leading-tight\">\n {{ builder.schema.value.elements[elId]?.label ?? \"(unnamed)\" }}\n </span>\n <Badge variant=\"outline\" class=\"mt-1 font-mono text-[9px]\">\n {{ builder.schema.value.elements[elId]?.type }}\n </Badge>\n </div>\n \n <div\n class=\"mt-1.5 grid gap-1 rounded border border-dashed bg-muted/20 p-1\"\n style=\"grid-template-columns: repeat(4, minmax(0, 1fr))\"\n :data-container-id=\"elId\"\n @click.stop=\"onCanvasElementClick(elId)\"\n >\n <p\n v-if=\"!getElementList(elId).length\"\n class=\"col-span-full py-2 text-center text-[10px] text-muted-foreground\"\n >\n Drop elements here — or select & use palette\n </p>\n <div\n v-for=\"(childId, childIdx) in getElementList(elId)\"\n :key=\"childId\"\n :data-element-block-index=\"childIdx\"\n :data-testid=\"`form-builder-row-${childId}`\"\n class=\"group/child relative cursor-pointer select-none rounded border bg-background px-1.5 pb-1 pt-4 text-center text-[10px] transition-colors\"\n :class=\"[\n builder.selection.value.kind === 'element' && builder.selection.value.id === childId\n ? 'border-primary bg-accent/30'\n : 'hover:border-primary/50',\n activeDrag?.elementId === childId && activeDrag.mode === 'reorder'\n ? 'opacity-40 ring-2 ring-primary'\n : '',\n dropContainerId === elId &&\n dropTargetIndex === childIdx &&\n activeDrag?.mode === 'reorder' &&\n activeDrag?.elementId !== childId\n ? 'ring-2 ring-primary/60 bg-primary/5'\n : '',\n ]\"\n :style=\"elementGridStyle(childId)\"\n @click.stop=\"onCanvasElementClick(childId)\"\n >\n <span\n class=\"absolute left-1/2 top-0.5 -translate-x-1/2 cursor-grab touch-none rounded-sm bg-muted/60 px-1 py-0.5 opacity-0 transition-opacity group-hover/child:opacity-100 active:cursor-grabbing\"\n title=\"Drag to reorder\"\n @click.stop\n @pointerdown.stop=\"(e: PointerEvent) => onReorderHandlePointerDown(childId, elId, childIdx, e)\"\n >\n <GripHorizontal class=\"h-3 w-3 text-muted-foreground\" />\n </span>\n <span\n class=\"absolute right-0.5 top-0.5 cursor-ew-resize touch-none rounded-sm bg-muted/60 px-1 py-0.5 opacity-0 transition-opacity group-hover/child:opacity-100\"\n :title=\"`Width: ${getColSpan(childId)}/4 — drag to resize`\"\n @click.stop\n @pointerdown.stop=\"(e: PointerEvent) => onResizeHandlePointerDown(childId, e)\"\n >\n <ChevronsLeftRight class=\"h-3 w-3 text-muted-foreground\" />\n </span>\n <span class=\"block truncate font-medium leading-tight\">\n {{ builder.schema.value.elements[childId]?.label ?? \"(unnamed)\" }}\n </span>\n <Badge variant=\"secondary\" class=\"mt-0.5 font-mono text-[9px]\">\n {{ builder.schema.value.elements[childId]?.type }}\n </Badge>\n </div>\n </div>\n </template>\n </div>\n </div>\n </template>\n\n \n <template v-else>\n <div class=\"rounded-md border border-dashed bg-background p-2\">\n <p\n v-if=\"activeElementList.length === 0\"\n class=\"py-6 text-center text-xs text-muted-foreground\"\n data-testid=\"form-builder-canvas-empty\"\n >\n Click an element in the palette to add it.\n </p>\n <div\n v-else\n ref=\"canvasEl\"\n class=\"grid gap-3\"\n style=\"grid-template-columns: repeat(4, minmax(0, 1fr))\"\n :data-container-id=\"activeCanvasContainerId\"\n data-testid=\"form-builder-canvas-list\"\n >\n <div\n v-for=\"(elId, index) in activeElementList\"\n :key=\"elId\"\n :data-element-block-index=\"index\"\n :data-testid=\"`form-builder-row-${elId}`\"\n class=\"group relative cursor-pointer rounded border pt-8 px-1.5 pb-1.5 transition-colors\"\n :class=\"[\n builder.selection.value.kind === 'element' && builder.selection.value.id === elId\n ? 'border-primary ring-1 ring-primary/30'\n : 'border-transparent hover:border-primary/40',\n activeDrag?.elementId === elId && activeDrag.mode === 'reorder'\n ? 'opacity-40 ring-2 ring-primary'\n : '',\n dropContainerId === activeCanvasContainerId &&\n dropTargetIndex === index &&\n activeDrag?.mode === 'reorder' &&\n activeDrag?.elementId !== elId\n ? 'ring-2 ring-primary/60 bg-primary/5'\n : '',\n ]\"\n :style=\"elementGridStyle(elId)\"\n @click=\"onCanvasElementClick(elId)\"\n >\n \n <span\n class=\"absolute left-1/2 top-1 z-10 -translate-x-1/2 cursor-grab touch-none rounded-sm bg-muted/80 px-1 py-0.5 opacity-0 transition-opacity group-hover:opacity-100 active:cursor-grabbing\"\n title=\"Drag to reorder\"\n @click.stop\n @pointerdown.stop=\"(e: PointerEvent) => onReorderHandlePointerDown(elId, activeCanvasContainerId, index, e)\"\n >\n <GripHorizontal class=\"h-3 w-3 text-muted-foreground\" />\n </span>\n\n \n <span\n class=\"absolute right-1 top-1 z-10 cursor-ew-resize touch-none rounded-sm bg-muted/80 px-1 py-0.5 opacity-0 transition-opacity group-hover:opacity-100\"\n :title=\"`Width: ${getColSpan(elId)}/4 — drag to resize`\"\n @click.stop\n @pointerdown.stop=\"(e: PointerEvent) => onResizeHandlePointerDown(elId, e)\"\n >\n <ChevronsLeftRight class=\"h-3 w-3 text-muted-foreground\" />\n </span>\n\n \n <button\n v-if=\"isCardElement(elId)\"\n type=\"button\"\n class=\"absolute left-1 top-1 z-10 flex h-5 w-5 items-center justify-center rounded bg-muted/80 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100 hover:bg-muted hover:text-foreground\"\n :class=\"{ '!opacity-100': builder.selection.value.kind === 'element' && builder.selection.value.id === elId }\"\n title=\"Zoom into this card\"\n data-testid=\"form-builder-zoom-in\"\n @click.stop=\"zoomInto(elId)\"\n >\n <Maximize2 class=\"h-3.5 w-3.5\" />\n </button>\n\n \n <ElementRenderer\n :element=\"resolveElementForRender(elId)\"\n :item=\"props.item\"\n />\n </div>\n </div>\n </div>\n </template>\n </section>\n\n \n <aside\n v-if=\"!selectedElement\"\n class=\"flex items-start justify-center border-l pt-3 overflow-hidden\"\n data-testid=\"form-builder-inspector\"\n >\n <TooltipProvider>\n <Tooltip>\n <TooltipTrigger as-child>\n <span\n class=\"flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-muted-foreground\"\n tabindex=\"0\"\n aria-label=\"Select an element on the canvas to edit its properties\"\n data-testid=\"form-builder-inspector-empty\"\n >\n <Info class=\"h-4 w-4\" />\n </span>\n </TooltipTrigger>\n <TooltipContent side=\"left\">\n Select an element on the canvas to edit its properties\n </TooltipContent>\n </Tooltip>\n </TooltipProvider>\n </aside>\n\n \n <aside\n v-else\n class=\"flex flex-col gap-2 overflow-y-auto border-l p-3\"\n data-testid=\"form-builder-inspector\"\n >\n <header class=\"flex items-center justify-between\">\n <h4 class=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n Inspector\n </h4>\n <Button\n variant=\"ghost\"\n size=\"icon-sm\"\n aria-label=\"Clear selection\"\n @click=\"onClearSelection\"\n >\n <X class=\"h-3.5 w-3.5\" />\n </Button>\n </header>\n\n <div\n class=\"flex flex-col gap-3\"\n data-testid=\"form-builder-inspector-fields\"\n >\n <Card class=\"border-dashed\">\n <CardHeader class=\"py-2\">\n <CardTitle class=\"font-mono text-xs uppercase tracking-wide\">\n {{ selectedElement.type }}\n </CardTitle>\n </CardHeader>\n <CardContent class=\"flex flex-col gap-2 pb-3\">\n <template\n v-for=\"field in inspectorFields\"\n :key=\"field.fieldName\"\n >\n \n <div\n v-if=\"field.spec.type?.toString().startsWith('boolean.')\"\n class=\"flex items-center justify-between rounded border bg-background px-2 py-1\"\n >\n <Label :for=\"`fb-${field.fieldName}`\" class=\"cursor-pointer\">\n {{ field.spec.label ?? field.fieldName }}\n </Label>\n <Switch\n :id=\"`fb-${field.fieldName}`\"\n :model-value=\"Boolean(getFieldValue(field.fieldName))\"\n :data-testid=\"`form-builder-inspector-${field.fieldName}`\"\n @update:model-value=\"(v: boolean) => onFieldInput(field.fieldName, v)\"\n />\n </div>\n\n \n <div\n v-else-if=\"field.spec.type?.toString().startsWith('option-select.')\"\n class=\"flex flex-col gap-1\"\n >\n <Label :for=\"`fb-${field.fieldName}`\">\n {{ field.spec.label ?? field.fieldName }}\n </Label>\n <select\n :id=\"`fb-${field.fieldName}`\"\n class=\"flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm shadow-sm transition-colors focus:outline-none focus:ring-1 focus:ring-ring\"\n :value=\"String(getFieldValue(field.fieldName) ?? '')\"\n :data-testid=\"`form-builder-inspector-${field.fieldName}`\"\n @change=\"(e: Event) => onFieldInput(field.fieldName, (e.target as HTMLSelectElement).value)\"\n >\n <option\n v-for=\"opt in (field.spec.selectOptions as Array<{label: string; value: string}> ?? [])\"\n :key=\"opt.value\"\n :value=\"opt.value\"\n >\n {{ opt.label }}\n </option>\n </select>\n </div>\n\n \n <div\n v-else-if=\"field.spec.type === 'input.textarea'\"\n class=\"flex flex-col gap-1\"\n >\n <Label :for=\"`fb-${field.fieldName}`\">\n {{ field.spec.label ?? field.fieldName }}\n </Label>\n <Textarea\n :id=\"`fb-${field.fieldName}`\"\n :model-value=\"String(getFieldValue(field.fieldName) ?? '')\"\n :data-testid=\"`form-builder-inspector-${field.fieldName}`\"\n @input=\"(e: Event) => onFieldInput(field.fieldName, (e.target as HTMLTextAreaElement).value)\"\n />\n </div>\n\n \n <div\n v-else\n class=\"flex flex-col gap-1\"\n >\n <Label :for=\"`fb-${field.fieldName}`\">\n {{ field.spec.label ?? field.fieldName }}\n </Label>\n <Input\n :id=\"`fb-${field.fieldName}`\"\n :model-value=\"String(getFieldValue(field.fieldName) ?? '')\"\n :data-testid=\"`form-builder-inspector-${field.fieldName}`\"\n @input=\"(e: Event) => onFieldInput(field.fieldName, (e.target as HTMLInputElement).value)\"\n />\n </div>\n </template>\n\n <Separator v-if=\"inspectorFields.length\" class=\"my-1\" />\n\n \n <div class=\"flex flex-col gap-1\">\n <Label for=\"fb-help\">Help text</Label>\n <Textarea\n id=\"fb-help\"\n :model-value=\"String(getFieldValue('helpText') ?? '')\"\n data-testid=\"form-builder-inspector-help\"\n @input=\"(e: Event) => onFieldInput('helpText', (e.target as HTMLTextAreaElement).value)\"\n />\n </div>\n <div class=\"flex items-center justify-between rounded border bg-background px-2 py-1\">\n <Label for=\"fb-disabled\">Disabled</Label>\n <Switch\n id=\"fb-disabled\"\n :model-value=\"Boolean(getFieldValue('disabled'))\"\n @update:model-value=\"(v: boolean) => onFieldInput('disabled', v)\"\n />\n </div>\n </CardContent>\n </Card>\n\n <div class=\"flex items-center gap-1\">\n <Button\n variant=\"outline\"\n size=\"sm\"\n :disabled=\"selectedIndex <= 0\"\n data-testid=\"form-builder-move-up\"\n @click=\"onMoveUp\"\n >\n <ArrowUp class=\"h-3.5 w-3.5\" />\n </Button>\n <Button\n variant=\"outline\"\n size=\"sm\"\n :disabled=\"!canMoveDown\"\n data-testid=\"form-builder-move-down\"\n @click=\"onMoveDown\"\n >\n <ArrowDown class=\"h-3.5 w-3.5\" />\n </Button>\n <Button\n variant=\"destructive\"\n size=\"sm\"\n class=\"ml-auto\"\n data-testid=\"form-builder-remove\"\n @click=\"onRemove\"\n >\n <Trash2 class=\"h-3.5 w-3.5\" />\n Remove\n </Button>\n </div>\n </div>\n </aside>\n </div>\n</template>\n"],"names":["props","__props","model","_useModel","nextAutoId","makeAutoId","fallbackId","ref","builderId","computed","canvasMode","zoomedCardId","isZoomed","zoomedCardElement","builder","zoomInto","elementId","zoomOut","useFormBuilder","isBuilderSchema","value","v","onMounted","seed","watch","next","rootCard","canvasRootContainerId","activeCanvasContainerId","activeElementList","getElementList","rootElementList","card","isCardElement","el","containerId","schema","resolveElementForRender","nestedElements","id","paletteGroups","CardElementMetadataMap","type","meta","CardElementStylesMap","expandedGroups","reactive","toggleGroup","selectedElement","sel","selectedContainerId","elId","bag","selectedContainerList","selectedIndex","canMoveDown","list","onStyleClick","category","style","newId","onCanvasElementClick","onMoveUp","onMoveDown","onRemove","onClearSelection","patchSelected","patch","inspectorFields","editConfig","getElementEditConfig","splitElementType","virtualItem","spec","t","shouldRender","fieldName","getFieldValue","onFieldInput","joinElementType","canvasEl","activeDrag","dropTargetIndex","dropContainerId","getColSpan","span","elementGridStyle","beginFormDrag","mode","fromContainerId","fromIndex","event","target","_a","onFormPointerMove","onFormPointerUp","onReorderHandlePointerDown","index","onResizeHandlePointerDown","state","dx","colW","colDelta","newSpan","containerEl","cId","blockEl","idx","cleanupFormDrag","targetContainer","onBeforeUnmount","outerGridColumns","_createElementBlock","_normalizeClass","_unref","cn","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_hoisted_4","_Fragment","_renderList","entry","$event","_createVNode","ChevronRight","_hoisted_6","_hoisted_7","_hoisted_8","_openBlock","_hoisted_9","styleOption","Plus","_hoisted_11","_hoisted_12","_hoisted_13","Minimize2","_cache","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","LayoutList","PencilLine","Badge","_hoisted_19","_createBlock","_Suspense","ElementRenderer","_hoisted_20","CardRenderer","_hoisted_21","_hoisted_23","_b","_c","_normalizeStyle","_withModifiers","e","GripHorizontal","ChevronsLeftRight","Maximize2","_hoisted_29","_hoisted_31","childId","childIdx","_hoisted_35","_hoisted_27","_hoisted_36","_hoisted_37","_hoisted_45","_hoisted_46","Button","X","_hoisted_47","Card","CardHeader","CardTitle","_createTextVNode","CardContent","field","_hoisted_48","Label","Switch","_hoisted_49","opt","_hoisted_51","_hoisted_52","Textarea","_hoisted_53","Input","Separator","_hoisted_54","_hoisted_55","_hoisted_56","ArrowUp","ArrowDown","Trash2","_hoisted_43","TooltipProvider","Tooltip","TooltipTrigger","_hoisted_44","Info","TooltipContent"],"mappings":"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"}

package/dist/components/compositions/elements/builder/GridBuilder.vue.js ADDED Viewed

@@ -0,0 +1,5 @@
+import f from "./GridBuilder.vue2.js";
+export {
+  f as default
+};
+//# sourceMappingURL=GridBuilder.vue.js.map

package/dist/components/compositions/elements/builder/GridBuilder.vue.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"GridBuilder.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/builder/GridBuilder.vue2.js ADDED Viewed

@@ -0,0 +1,455 @@
+import { defineComponent as ae, useModel as ue, ref as $, computed as f, onMounted as ce, watch as me, onBeforeUnmount as pe, openBlock as a, createElementBlock as c, normalizeClass as V, unref as l, createElementVNode as i, toDisplayString as m, createVNode as n, withCtx as u, createTextVNode as p, Fragment as P, renderList as L, createCommentVNode as E, normalizeStyle as Y, withModifiers as R, createBlock as fe, mergeModels as ge } from "vue";
+import { Plus as j, X as be, Trash2 as ve } from "lucide-vue-next";
+import "../../../ui/badge/index.js";
+import "../../../ui/button/index.js";
+import "../../../ui/card/index.js";
+import y from "../../../ui/input/Input.vue.js";
+import "../../../ui/label/index.js";
+import { useGridBuilder as xe } from "../../../../stores/gridBuilderStore.js";
+import { cn as ye } from "../../../../lib/utils.js";
+import B from "../../../ui/button/Button.vue.js";
+import we from "../../../ui/badge/Badge.vue.js";
+import he from "../../../ui/card/Card.vue.js";
+import _e from "../../../ui/card/CardHeader.vue.js";
+import ke from "../../../ui/card/CardTitle.vue.js";
+import Ie from "../../../ui/card/CardContent.vue.js";
+import w from "../../../ui/label/Label.vue.js";
+const Ce = ["data-element-name"], $e = {
+  class: "flex flex-col gap-2 border-r p-3 overflow-y-auto",
+  "data-testid": "grid-builder-palette"
+}, Pe = { class: "text-xs font-semibold uppercase tracking-wide text-muted-foreground" }, Le = { class: "flex flex-col gap-1" }, Ee = ["data-testid", "disabled", "onClick"], Be = { class: "font-medium" }, He = {
+  key: 0,
+  class: "text-xs text-muted-foreground"
+}, ze = {
+  key: 1,
+  class: "flex flex-col gap-0.5 text-xs text-destructive",
+  role: "alert"
+}, Me = {
+  class: "flex flex-col gap-3 overflow-y-auto p-3",
+  "data-testid": "grid-builder-canvas"
+}, Ae = { class: "flex items-center justify-between" }, De = ["data-testid", "onClick", "onPointerdown"], Se = { class: "font-medium" }, We = { class: "font-mono text-[10px] text-muted-foreground" }, Xe = ["data-testid", "onPointerdown"], Ne = {
+  key: 1,
+  class: "py-6 text-center text-xs text-muted-foreground",
+  "data-testid": "grid-builder-canvas-empty"
+}, Te = {
+  class: "flex flex-col gap-2 overflow-y-auto border-l p-3",
+  "data-testid": "grid-builder-inspector"
+}, Ve = { class: "flex items-center justify-between" }, Ye = {
+  key: 0,
+  class: "py-3 text-xs text-muted-foreground",
+  "data-testid": "grid-builder-inspector-empty"
+}, Re = {
+  key: 1,
+  class: "flex flex-col gap-3",
+  "data-testid": "grid-builder-inspector-fields"
+}, je = { class: "flex flex-col gap-1" }, Ge = { class: "grid grid-cols-2 gap-2" }, Fe = { class: "flex flex-col gap-1" }, Ue = { class: "flex flex-col gap-1" }, qe = { class: "flex flex-col gap-1" }, Je = { class: "flex flex-col gap-1" }, mt = /* @__PURE__ */ ae({
+  __name: "GridBuilder",
+  props: /* @__PURE__ */ ge({
+    modelValue: {},
+    builderId: {},
+    label: {},
+    name: {},
+    item: { default: () => ({}) },
+    classList: {},
+    helpText: {},
+    errors: { default: () => [] },
+    hideLabel: { type: Boolean },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(H) {
+    const s = H, z = ue(H, "modelValue");
+    let M = 0;
+    function G() {
+      return M += 1, `grid-builder-${Date.now()}-${M}`;
+    }
+    const F = $(G()), U = f(() => s.builderId ?? F.value), r = xe(U.value);
+    function q(t) {
+      if (typeof t != "object" || t === null)
+        return !1;
+      const e = t;
+      return typeof e.cols == "number" && typeof e.rowHeight == "number" && Array.isArray(e.items);
+    }
+    ce(() => {
+      const t = z.value;
+      q(t) && r.loadSchema(t);
+    }), me(
+      () => r.schema.value,
+      (t) => {
+        z.value = {
+          cols: t.cols,
+          rowHeight: t.rowHeight,
+          items: t.items.map((e) => ({ ...e }))
+        };
+      },
+      { deep: !0 }
+    );
+    const J = [
+      { label: "1×1", w: 1, h: 1 },
+      { label: "2×2", w: 2, h: 2 },
+      { label: "4×2", w: 4, h: 2 },
+      { label: "6×4", w: 6, h: 4 },
+      { label: "12×1", w: 12, h: 1 }
+    ], h = f(
+      () => r.schema.value.items
+    ), A = f(() => r.schema.value.cols), _ = f(() => r.schema.value.rowHeight), g = f(() => {
+      const t = r.selection.value;
+      return t.id ? h.value.find((e) => e.id === t.id) ?? null : null;
+    }), K = f(() => ({
+      display: "grid",
+      gridTemplateColumns: `repeat(${A.value}, minmax(0, 1fr))`,
+      gridAutoRows: `${_.value}px`,
+      gap: "0.5rem"
+    }));
+    function O(t) {
+      return {
+        gridColumn: `${t.x + 1} / span ${t.w}`,
+        gridRow: `${t.y + 1} / span ${t.h}`
+      };
+    }
+    function Q() {
+      const t = r.addItem();
+      r.select(t);
+    }
+    function Z(t) {
+      const e = r.addItem({
+        w: t.w,
+        h: t.h,
+        label: `${t.label} cell`
+      });
+      r.select(e);
+    }
+    function ee(t) {
+      r.select(t);
+    }
+    function te() {
+      const t = r.selection.value;
+      t.id && r.removeItem(t.id);
+    }
+    function oe() {
+      r.select(null);
+    }
+    function v(t) {
+      const e = r.selection.value;
+      e.id && r.updateItem(e.id, t);
+    }
+    function D(t) {
+      const e = Number.parseInt(t, 10);
+      return Number.isFinite(e) ? e : 0;
+    }
+    function S(t) {
+      const e = Number.parseInt(t, 10);
+      return Number.isFinite(e) && e >= 1 ? e : 1;
+    }
+    const W = $(null), x = $(null), le = f(
+      () => {
+        var t;
+        return ((t = x.value) == null ? void 0 : t.itemId) ?? null;
+      }
+    );
+    function re() {
+      const t = W.value;
+      return t ? t.getBoundingClientRect().width / A.value : 0;
+    }
+    function X(t, e, o) {
+      if (s.disabled || s.readonly)
+        return;
+      e.preventDefault(), e.stopPropagation(), r.select(t.id);
+      const d = e.target;
+      if (d && typeof d.setPointerCapture == "function")
+        try {
+          d.setPointerCapture(e.pointerId);
+        } catch {
+        }
+      x.value = {
+        mode: o,
+        itemId: t.id,
+        pointerId: e.pointerId,
+        target: d ?? e.currentTarget,
+        startClientX: e.clientX,
+        startClientY: e.clientY,
+        startX: t.x,
+        startY: t.y,
+        startW: t.w,
+        startH: t.h,
+        cellWidthPx: re()
+      }, window.addEventListener("pointermove", k), window.addEventListener("pointerup", b), window.addEventListener("pointercancel", b);
+    }
+    function ne(t, e) {
+      e.button !== void 0 && e.button !== 0 || X(t, e, "drag");
+    }
+    function ie(t, e) {
+      e.button !== void 0 && e.button !== 0 || X(t, e, "resize");
+    }
+    function k(t) {
+      const e = x.value;
+      if (!e)
+        return;
+      const o = e.cellWidthPx > 0 ? e.cellWidthPx : 1, d = _.value > 0 ? _.value : 1, se = t.clientX - e.startClientX, de = t.clientY - e.startClientY, N = Math.round(se / o), T = Math.round(de / d);
+      if (e.mode === "drag") {
+        const I = e.startX + N, C = e.startY + T;
+        r.updateItem(e.itemId, { x: I, y: C });
+      } else {
+        const I = Math.max(1, e.startW + N), C = Math.max(1, e.startH + T);
+        r.updateItem(e.itemId, { w: I, h: C });
+      }
+    }
+    function b(t) {
+      const e = x.value;
+      if (e) {
+        const o = e.target;
+        if (o && typeof o.releasePointerCapture == "function")
+          try {
+            o.releasePointerCapture(e.pointerId);
+          } catch {
+          }
+      }
+      x.value = null, window.removeEventListener("pointermove", k), window.removeEventListener("pointerup", b), window.removeEventListener("pointercancel", b);
+    }
+    return pe(() => {
+      window.removeEventListener("pointermove", k), window.removeEventListener("pointerup", b), window.removeEventListener("pointercancel", b);
+    }), (t, e) => (a(), c("div", {
+      class: V(
+        l(ye)(
+          "gxp-grid-builder grid gap-3 rounded-lg border bg-card",
+          s.classList
+        )
+      ),
+      style: { "grid-template-columns": "220px 1fr 280px", "min-height": "24rem" },
+      "data-testid": "grid-builder",
+      "data-element-name": s.name ?? void 0
+    }, [
+      i("aside", $e, [
+        i("h4", Pe, m(s.label ?? "Grid palette"), 1),
+        n(l(B), {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          class: "justify-start gap-2",
+          "data-testid": "grid-builder-palette-add",
+          disabled: s.disabled || s.readonly,
+          onClick: Q
+        }, {
+          default: u(() => [
+            n(l(j), { class: "h-3.5 w-3.5" }),
+            e[6] || (e[6] = p(" Add cell ", -1))
+          ]),
+          _: 1
+        }, 8, ["disabled"]),
+        i("div", Le, [
+          (a(), c(P, null, L(J, (o) => i("button", {
+            key: o.label,
+            type: "button",
+            class: "flex items-center gap-2 rounded-md border bg-background px-2 py-1.5 text-left text-xs transition-colors hover:border-primary hover:bg-accent/40 disabled:opacity-50",
+            "data-testid": `grid-builder-palette-${o.w}x${o.h}`,
+            disabled: s.disabled || s.readonly,
+            onClick: (d) => Z(o)
+          }, [
+            n(l(j), { class: "h-3.5 w-3.5 shrink-0" }),
+            i("span", Be, m(o.label) + " cell", 1)
+          ], 8, Ee)), 64))
+        ]),
+        s.helpText ? (a(), c("p", He, m(s.helpText), 1)) : E("", !0),
+        s.errors.length ? (a(), c("ul", ze, [
+          (a(!0), c(P, null, L(s.errors, (o, d) => (a(), c("li", { key: d }, m(o), 1))), 128))
+        ])) : E("", !0)
+      ]),
+      i("section", Me, [
+        i("header", Ae, [
+          e[8] || (e[8] = i("h4", { class: "text-xs font-semibold uppercase tracking-wide text-muted-foreground" }, " Preview ", -1)),
+          n(l(we), {
+            variant: "outline",
+            class: "font-mono text-[10px]"
+          }, {
+            default: u(() => [...e[7] || (e[7] = [
+              p(" builder/grid-builder ", -1)
+            ])]),
+            _: 1
+          })
+        ]),
+        h.value.length > 0 ? (a(), c("div", {
+          key: 0,
+          ref_key: "gridEl",
+          ref: W,
+          class: "rounded-md border border-dashed bg-background p-2",
+          style: Y(K.value),
+          "data-testid": "grid-builder-canvas-grid"
+        }, [
+          (a(!0), c(P, null, L(h.value, (o) => (a(), c("div", {
+            key: o.id,
+            style: Y(O(o)),
+            "data-testid": `grid-builder-cell-${o.id}`,
+            class: V(["relative flex cursor-move touch-none select-none flex-col items-center justify-center gap-1 rounded border bg-card px-2 py-1 text-center text-xs transition-colors hover:border-primary", [
+              l(r).selection.value.id === o.id ? "border-primary bg-accent/30 ring-2 ring-primary/30" : "",
+              le.value === o.id ? "ring-2 ring-primary" : ""
+            ]]),
+            onClick: (d) => ee(o.id),
+            onPointerdown: (d) => ne(o, d)
+          }, [
+            i("span", Se, m(o.label), 1),
+            i("span", We, m(o.w) + "×" + m(o.h) + " @ (" + m(o.x) + ", " + m(o.y) + ") ", 1),
+            i("span", {
+              class: "absolute bottom-0.5 right-0.5 h-2.5 w-2.5 cursor-nwse-resize rounded-sm border border-primary/70 bg-primary/30 hover:bg-primary",
+              "data-testid": `grid-builder-resize-${o.id}`,
+              onClick: e[0] || (e[0] = R(() => {
+              }, ["stop"])),
+              onPointerdown: R((d) => ie(o, d), ["stop"])
+            }, null, 40, Xe)
+          ], 46, De))), 128))
+        ], 4)) : (a(), c("p", Ne, ' Click "Add cell" or a preset to start the layout. '))
+      ]),
+      i("aside", Te, [
+        i("header", Ve, [
+          e[9] || (e[9] = i("h4", { class: "text-xs font-semibold uppercase tracking-wide text-muted-foreground" }, " Inspector ", -1)),
+          l(r).selection.value.id ? (a(), fe(l(B), {
+            key: 0,
+            variant: "ghost",
+            size: "icon-sm",
+            "aria-label": "Clear selection",
+            onClick: oe
+          }, {
+            default: u(() => [
+              n(l(be), { class: "h-3.5 w-3.5" })
+            ]),
+            _: 1
+          })) : E("", !0)
+        ]),
+        g.value ? (a(), c("div", Re, [
+          n(l(he), { class: "border-dashed" }, {
+            default: u(() => [
+              n(l(_e), { class: "py-2" }, {
+                default: u(() => [
+                  n(l(ke), { class: "font-mono text-xs uppercase tracking-wide" }, {
+                    default: u(() => [...e[10] || (e[10] = [
+                      p(" cell ", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              n(l(Ie), { class: "flex flex-col gap-2 pb-3" }, {
+                default: u(() => [
+                  i("div", je, [
+                    n(l(w), { for: "gb-label" }, {
+                      default: u(() => [...e[11] || (e[11] = [
+                        p("Label", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    n(l(y), {
+                      id: "gb-label",
+                      "model-value": g.value.label,
+                      "data-testid": "grid-builder-inspector-label",
+                      onInput: e[1] || (e[1] = (o) => v({
+                        label: o.target.value
+                      }))
+                    }, null, 8, ["model-value"])
+                  ]),
+                  i("div", Ge, [
+                    i("div", Fe, [
+                      n(l(w), { for: "gb-x" }, {
+                        default: u(() => [...e[12] || (e[12] = [
+                          p("X (col)", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      n(l(y), {
+                        id: "gb-x",
+                        type: "number",
+                        min: "0",
+                        "model-value": g.value.x,
+                        "data-testid": "grid-builder-inspector-x",
+                        onInput: e[2] || (e[2] = (o) => v({
+                          x: D(o.target.value)
+                        }))
+                      }, null, 8, ["model-value"])
+                    ]),
+                    i("div", Ue, [
+                      n(l(w), { for: "gb-y" }, {
+                        default: u(() => [...e[13] || (e[13] = [
+                          p("Y (row)", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      n(l(y), {
+                        id: "gb-y",
+                        type: "number",
+                        min: "0",
+                        "model-value": g.value.y,
+                        "data-testid": "grid-builder-inspector-y",
+                        onInput: e[3] || (e[3] = (o) => v({
+                          y: D(o.target.value)
+                        }))
+                      }, null, 8, ["model-value"])
+                    ]),
+                    i("div", qe, [
+                      n(l(w), { for: "gb-w" }, {
+                        default: u(() => [...e[14] || (e[14] = [
+                          p("Width", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      n(l(y), {
+                        id: "gb-w",
+                        type: "number",
+                        min: "1",
+                        "model-value": g.value.w,
+                        "data-testid": "grid-builder-inspector-w",
+                        onInput: e[4] || (e[4] = (o) => v({
+                          w: S(o.target.value)
+                        }))
+                      }, null, 8, ["model-value"])
+                    ]),
+                    i("div", Je, [
+                      n(l(w), { for: "gb-h" }, {
+                        default: u(() => [...e[15] || (e[15] = [
+                          p("Height", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      n(l(y), {
+                        id: "gb-h",
+                        type: "number",
+                        min: "1",
+                        "model-value": g.value.h,
+                        "data-testid": "grid-builder-inspector-h",
+                        onInput: e[5] || (e[5] = (o) => v({
+                          h: S(o.target.value)
+                        }))
+                      }, null, 8, ["model-value"])
+                    ])
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          n(l(B), {
+            variant: "destructive",
+            size: "sm",
+            class: "self-end",
+            "data-testid": "grid-builder-remove",
+            onClick: te
+          }, {
+            default: u(() => [
+              n(l(ve), { class: "h-3.5 w-3.5" }),
+              e[16] || (e[16] = p(" Remove ", -1))
+            ]),
+            _: 1
+          })
+        ])) : (a(), c("p", Ye, " Select a cell on the canvas to edit its size and position. "))
+      ])
+    ], 10, Ce));
+  }
+});
+export {
+  mt as default
+};
+//# sourceMappingURL=GridBuilder.vue2.js.map