@gxp-dev/mod-ui 2.0.0 → 2.0.1

package/dist/components/compositions/elements/builder/ReactiveCanvasBuilder.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactiveCanvasBuilder.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"ReactiveCanvasBuilder.vue.js","sources":["../../../../../src/components/compositions/elements/builder/ReactiveCanvasBuilder.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * ReactiveCanvasBuilder — visual canvas where component-like blocks can\n * be placed and configured.\n *\n * Three-pane layout (matches FormBuilder):\n *   - LEFT (Palette):    a list of built-in block types. Click to add.\n *   - MIDDLE (Canvas):   a fixed-size relative-positioned surface. Each\n *                        block renders as an absolutely-positioned\n *                        placeholder card showing type + size + position.\n *                        Click to select.\n *   - RIGHT (Inspector): edits the selected block's x / y / width /\n *                        height (number inputs), type (Select), and\n *                        props (JSON textarea for now).\n *\n * Blocks may be repositioned by pointer-drag (no snapping, raw pixel\n * delta) and resized via four corner handles. Drag clamps to the\n * canvas bounds; resize clamps each block to a 20x20 minimum.\n *\n * State is owned by `reactiveCanvasBuilderStore`. Two-way binds the\n * full `ReactiveCanvasBuilderSchema` via `defineModel`.\n */\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from \"vue\"\nimport { Plus, Trash2, X } from \"lucide-vue-next\"\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 {\n  FieldFrame,\n  type FieldFrameProps,\n} from \"@/components/ui/field-frame\"\nimport { Input } from \"@/components/ui/input\"\nimport { Label } from \"@/components/ui/label\"\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select\"\nimport { Textarea } from \"@/components/ui/textarea\"\nimport {\n  REACTIVE_CANVAS_BLOCK_TYPES,\n  useReactiveCanvasBuilder,\n  type ReactiveCanvasBlock,\n  type ReactiveCanvasBuilderSchema,\n} from \"@/stores/reactiveCanvasBuilderStore\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface ReactiveCanvasBuilderProps\n  extends Pick<FieldFrameProps, \"label\" | \"hideLabel\" | \"helpText\" | \"errors\"> {\n  /** Initial / current schema. Two-way bindable via v-model. */\n  modelValue?: ReactiveCanvasBuilderSchema\n  /**\n   * Identifier used to key the reactiveCanvasBuilderStore. Defaults to\n   * a stable auto-generated id so multiple builders on the same page\n   * don't collide.\n   */\n  builderId?: string\n  name?: string | null\n  item?: Record<string, unknown>\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<ReactiveCanvasBuilderProps>(), {\n  errors: () => [],\n  item: () => ({}),\n})\n\nconst model = defineModel<ReactiveCanvasBuilderSchema | undefined>(\n  \"modelValue\",\n)\n\nlet nextAutoId = 0\nfunction makeAutoId(): string {\n  nextAutoId += 1\n  return `reactive-canvas-${Date.now()}-${nextAutoId}`\n}\nconst fallbackId = ref<string>(makeAutoId())\nconst builderId = computed<string>(() => props.builderId ?? fallbackId.value)\n\nconst builder = useReactiveCanvasBuilder(builderId.value)\n\nfunction isSchema(value: unknown): value is ReactiveCanvasBuilderSchema {\n  if (typeof value !== \"object\" || value === null) {\n    return false\n  }\n  const v = value as Record<string, unknown>\n  return (\n    typeof v.width === \"number\" &&\n    typeof v.height === \"number\" &&\n    Array.isArray(v.blocks)\n  )\n}\n\nonMounted(() => {\n  const seed = model.value\n  if (isSchema(seed)) {\n    builder.loadSchema(seed)\n  }\n})\n\nwatch(\n  () => builder.schema.value,\n  (next) => {\n    model.value = next\n  },\n  { deep: true },\n)\n\nconst schema = computed<ReactiveCanvasBuilderSchema>(\n  () => builder.schema.value,\n)\nconst blocks = computed<ReactiveCanvasBlock[]>(() => schema.value.blocks)\nconst selectedId = computed<string | null>(() => builder.selection.value.id)\nconst selectedBlock = computed<ReactiveCanvasBlock | null>(() => {\n  const id = selectedId.value\n  if (!id) {\n    return null\n  }\n  return blocks.value.find((b) => b.id === id) ?? null\n})\n\n/** Local string buffer for the props JSON textarea so users can type\n * freely without us re-parsing on every keystroke. */\nconst propsJsonDraft = ref<string>(\"\")\nconst propsJsonError = ref<string | null>(null)\n\nwatch(\n  () => selectedBlock.value?.id,\n  () => {\n    const block = selectedBlock.value\n    if (!block) {\n      propsJsonDraft.value = \"\"\n      propsJsonError.value = null\n      return\n    }\n    propsJsonDraft.value = JSON.stringify(block.props ?? {}, null, 2)\n    propsJsonError.value = null\n  },\n  { immediate: true },\n)\n\nfunction onPaletteAdd(type: string): void {\n  const id = builder.addBlock(type)\n  builder.select(id)\n}\n\nfunction onBlockClick(blockId: string): void {\n  builder.select(blockId)\n}\n\nfunction onClearSelection(): void {\n  builder.select(null)\n}\n\nfunction onRemoveSelected(): void {\n  const id = selectedId.value\n  if (id) {\n    builder.removeBlock(id)\n  }\n}\n\nfunction patchSelected(\n  patch: Partial<Omit<ReactiveCanvasBlock, \"id\">>,\n): void {\n  const id = selectedId.value\n  if (id) {\n    builder.updateBlock(id, patch)\n  }\n}\n\nfunction onNumberInput(\n  key: \"x\" | \"y\" | \"width\" | \"height\",\n  e: Event,\n): void {\n  const raw = (e.target as HTMLInputElement).value\n  const parsed = Number(raw)\n  if (Number.isFinite(parsed)) {\n    patchSelected({ [key]: parsed } as Partial<ReactiveCanvasBlock>)\n  }\n}\n\nfunction onCanvasSizeInput(key: \"width\" | \"height\", e: Event): void {\n  const raw = (e.target as HTMLInputElement).value\n  const parsed = Number(raw)\n  if (Number.isFinite(parsed) && parsed > 0) {\n    builder.setCanvasSize({ [key]: parsed })\n  }\n}\n\nfunction onTypeChange(v: unknown): void {\n  if (typeof v === \"string\") {\n    patchSelected({ type: v })\n  }\n}\n\nfunction onPropsJsonInput(e: Event): void {\n  const next = (e.target as HTMLTextAreaElement).value\n  propsJsonDraft.value = next\n  try {\n    const parsed = next.trim() === \"\" ? {} : JSON.parse(next)\n    if (\n      typeof parsed !== \"object\" ||\n      parsed === null ||\n      Array.isArray(parsed)\n    ) {\n      throw new Error(\"Props must be a JSON object\")\n    }\n    propsJsonError.value = null\n    patchSelected({ props: parsed as Record<string, unknown> })\n  } catch (err) {\n    propsJsonError.value =\n      err instanceof Error ? err.message : \"Invalid JSON\"\n  }\n}\n\nconst canvasStyle = computed(() => ({\n  width: `${schema.value.width}px`,\n  height: `${schema.value.height}px`,\n  maxWidth: \"100%\",\n}))\n\nfunction blockStyle(block: ReactiveCanvasBlock): Record<string, string> {\n  return {\n    left: `${block.x}px`,\n    top: `${block.y}px`,\n    width: `${block.width}px`,\n    height: `${block.height}px`,\n  }\n}\n\n/* ------------------------------------------------------------------ */\n/* Pointer-driven drag + resize                                       */\n/* ------------------------------------------------------------------ */\n\nconst MIN_BLOCK_SIZE = 20\n\ntype ResizeCorner = \"tl\" | \"tr\" | \"bl\" | \"br\"\n\ninterface DragState {\n  mode: \"drag\" | \"resize\"\n  corner: ResizeCorner | null\n  blockId: string\n  pointerId: number\n  target: HTMLElement\n  startClientX: number\n  startClientY: number\n  startX: number\n  startY: number\n  startWidth: number\n  startHeight: number\n}\n\nconst activeDrag = ref<DragState | null>(null)\nconst activeInteractionId = computed<string | null>(\n  () => activeDrag.value?.blockId ?? null,\n)\n\nfunction clampToCanvas(\n  x: number,\n  y: number,\n  width: number,\n  height: number,\n): { x: number; y: number } {\n  const maxX = Math.max(0, schema.value.width - width)\n  const maxY = Math.max(0, schema.value.height - height)\n  return {\n    x: Math.min(Math.max(0, x), maxX),\n    y: Math.min(Math.max(0, y), maxY),\n  }\n}\n\nfunction beginInteraction(\n  block: ReactiveCanvasBlock,\n  event: PointerEvent,\n  mode: \"drag\" | \"resize\",\n  corner: ResizeCorner | null = null,\n): void {\n  event.preventDefault()\n  event.stopPropagation()\n  builder.select(block.id)\n  const target = event.target as HTMLElement | null\n  if (target && typeof target.setPointerCapture === \"function\") {\n    try {\n      target.setPointerCapture(event.pointerId)\n    } catch {\n      // ignore (jsdom or detached node)\n    }\n  }\n  activeDrag.value = {\n    mode,\n    corner,\n    blockId: block.id,\n    pointerId: event.pointerId,\n    target: target ?? (event.currentTarget as HTMLElement),\n    startClientX: event.clientX,\n    startClientY: event.clientY,\n    startX: block.x,\n    startY: block.y,\n    startWidth: block.width,\n    startHeight: block.height,\n  }\n  window.addEventListener(\"pointermove\", onPointerMove)\n  window.addEventListener(\"pointerup\", onPointerUp)\n  window.addEventListener(\"pointercancel\", onPointerUp)\n}\n\nfunction onBlockPointerDown(\n  block: ReactiveCanvasBlock,\n  event: PointerEvent,\n): void {\n  if (event.button !== undefined && event.button !== 0) {\n    return\n  }\n  beginInteraction(block, event, \"drag\")\n}\n\nfunction onResizePointerDown(\n  block: ReactiveCanvasBlock,\n  corner: ResizeCorner,\n  event: PointerEvent,\n): void {\n  if (event.button !== undefined && event.button !== 0) {\n    return\n  }\n  beginInteraction(block, event, \"resize\", corner)\n}\n\nfunction applyDrag(state: DragState, dx: number, dy: number): void {\n  const nextX = state.startX + dx\n  const nextY = state.startY + dy\n  const clamped = clampToCanvas(\n    nextX,\n    nextY,\n    state.startWidth,\n    state.startHeight,\n  )\n  builder.updateBlock(state.blockId, { x: clamped.x, y: clamped.y })\n}\n\nfunction applyResize(state: DragState, dx: number, dy: number): void {\n  let x = state.startX\n  let y = state.startY\n  let width = state.startWidth\n  let height = state.startHeight\n  switch (state.corner) {\n    case \"br\":\n      width = state.startWidth + dx\n      height = state.startHeight + dy\n      break\n    case \"tr\":\n      width = state.startWidth + dx\n      height = state.startHeight - dy\n      y = state.startY + dy\n      break\n    case \"bl\":\n      width = state.startWidth - dx\n      height = state.startHeight + dy\n      x = state.startX + dx\n      break\n    case \"tl\":\n      width = state.startWidth - dx\n      height = state.startHeight - dy\n      x = state.startX + dx\n      y = state.startY + dy\n      break\n    default:\n      return\n  }\n  // Enforce minimum size: if the user drags past the min on a \"leading\n  // edge\" corner (tl/tr/bl), we need to clamp position too so the\n  // block doesn't grow in the wrong direction.\n  if (width < MIN_BLOCK_SIZE) {\n    if (state.corner === \"tl\" || state.corner === \"bl\") {\n      x = state.startX + (state.startWidth - MIN_BLOCK_SIZE)\n    }\n    width = MIN_BLOCK_SIZE\n  }\n  if (height < MIN_BLOCK_SIZE) {\n    if (state.corner === \"tl\" || state.corner === \"tr\") {\n      y = state.startY + (state.startHeight - MIN_BLOCK_SIZE)\n    }\n    height = MIN_BLOCK_SIZE\n  }\n  builder.updateBlock(state.blockId, { x, y, width, height })\n}\n\nfunction onPointerMove(event: PointerEvent): void {\n  const state = activeDrag.value\n  if (!state) {\n    return\n  }\n  const dx = event.clientX - state.startClientX\n  const dy = event.clientY - state.startClientY\n  if (state.mode === \"drag\") {\n    applyDrag(state, dx, dy)\n  } else {\n    applyResize(state, dx, dy)\n  }\n}\n\nfunction onPointerUp(event: PointerEvent): void {\n  const state = activeDrag.value\n  if (state) {\n    const target = state.target\n    if (target && typeof target.releasePointerCapture === \"function\") {\n      try {\n        target.releasePointerCapture(state.pointerId)\n      } catch {\n        // ignore\n      }\n    }\n  }\n  activeDrag.value = null\n  window.removeEventListener(\"pointermove\", onPointerMove)\n  window.removeEventListener(\"pointerup\", onPointerUp)\n  window.removeEventListener(\"pointercancel\", onPointerUp)\n  void event\n}\n\nonBeforeUnmount(() => {\n  window.removeEventListener(\"pointermove\", onPointerMove)\n  window.removeEventListener(\"pointerup\", onPointerUp)\n  window.removeEventListener(\"pointercancel\", onPointerUp)\n})\n\ninterface ResizeHandleSpec {\n  corner: ResizeCorner\n  position: string\n  cursor: string\n}\n\nconst RESIZE_HANDLES: ResizeHandleSpec[] = [\n  { corner: \"tl\", position: \"-top-1 -left-1\", cursor: \"cursor-nwse-resize\" },\n  { corner: \"tr\", position: \"-top-1 -right-1\", cursor: \"cursor-nesw-resize\" },\n  { corner: \"bl\", position: \"-bottom-1 -left-1\", cursor: \"cursor-nesw-resize\" },\n  { corner: \"br\", position: \"-bottom-1 -right-1\", cursor: \"cursor-nwse-resize\" },\n]\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"props.label\"\n    :hide-label=\"props.hideLabel\"\n    :help-text=\"props.helpText\"\n    :errors=\"props.errors\"\n    :class=\"props.classList\"\n  >\n    <div\n      :class=\"cn('gxp-reactive-canvas-builder grid gap-3 rounded-lg border bg-card')\"\n      style=\"grid-template-columns: 220px 1fr 320px; min-height: 24rem\"\n      data-testid=\"reactive-canvas-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=\"reactive-canvas-builder-palette\"\n      >\n        <h4 class=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n          Block palette\n        </h4>\n        <div class=\"flex flex-col gap-1\">\n          <button\n            v-for=\"type in REACTIVE_CANVAS_BLOCK_TYPES\"\n            :key=\"type\"\n            type=\"button\"\n            class=\"flex items-start 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\"\n            :data-testid=\"`reactive-canvas-builder-palette-${type}`\"\n            @click=\"onPaletteAdd(type)\"\n          >\n            <Plus class=\"mt-0.5 h-3.5 w-3.5 shrink-0\" />\n            <span class=\"font-medium\">{{ type }}</span>\n          </button>\n        </div>\n      </aside>\n\n      <section\n        class=\"flex flex-col gap-3 overflow-auto p-3\"\n        data-testid=\"reactive-canvas-builder-canvas\"\n      >\n        <header class=\"flex items-center justify-between gap-2\">\n          <h4 class=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n            Canvas ({{ schema.width }} x {{ schema.height }})\n          </h4>\n          <Badge variant=\"outline\" class=\"font-mono text-[10px]\">\n            builder/reactive-canvas-builder\n          </Badge>\n        </header>\n\n        <div\n          class=\"relative overflow-auto rounded-md border border-dashed bg-background\"\n          :style=\"canvasStyle\"\n          data-testid=\"reactive-canvas-builder-surface\"\n        >\n          <p\n            v-if=\"blocks.length === 0\"\n            class=\"absolute inset-0 flex items-center justify-center text-center text-xs text-muted-foreground\"\n            data-testid=\"reactive-canvas-builder-canvas-empty\"\n          >\n            Click a block type in the palette to add it.\n          </p>\n          <div\n            v-for=\"block in blocks\"\n            :key=\"block.id\"\n            class=\"absolute cursor-move touch-none select-none rounded border bg-card p-2 text-xs shadow-sm transition-colors hover:border-primary\"\n            :class=\"[\n              selectedId === block.id\n                ? 'border-primary ring-2 ring-primary/30'\n                : '',\n              activeInteractionId === block.id ? 'ring-2 ring-primary' : '',\n            ]\"\n            :style=\"blockStyle(block)\"\n            :data-testid=\"`reactive-canvas-builder-block-${block.id}`\"\n            @click.stop=\"onBlockClick(block.id)\"\n            @pointerdown=\"(e: PointerEvent) => onBlockPointerDown(block, e)\"\n          >\n            <div class=\"flex items-center justify-between\">\n              <span class=\"font-mono text-[10px] text-muted-foreground\">\n                {{ block.type }}\n              </span>\n              <span class=\"font-mono text-[10px] text-muted-foreground\">\n                {{ block.width }}x{{ block.height }}\n              </span>\n            </div>\n            <div class=\"mt-1 font-mono text-[10px] text-muted-foreground\">\n              ({{ block.x }}, {{ block.y }})\n            </div>\n            <span\n              v-for=\"handle in RESIZE_HANDLES\"\n              :key=\"handle.corner\"\n              :class=\"\n                cn(\n                  'absolute h-2 w-2 rounded-sm border border-primary/70 bg-primary/30 hover:bg-primary',\n                  handle.position,\n                  handle.cursor,\n                )\n              \"\n              :data-testid=\"`reactive-canvas-builder-block-${block.id}-resize-${handle.corner}`\"\n              @click.stop\n              @pointerdown.stop=\"\n                (e: PointerEvent) => onResizePointerDown(block, handle.corner, e)\n              \"\n            />\n          </div>\n        </div>\n      </section>\n\n      <aside\n        class=\"flex flex-col gap-2 overflow-y-auto border-l p-3\"\n        data-testid=\"reactive-canvas-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            v-if=\"selectedId\"\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        <Card class=\"border-dashed\">\n          <CardHeader class=\"py-2\">\n            <CardTitle class=\"font-mono text-xs uppercase tracking-wide\">\n              Canvas\n            </CardTitle>\n          </CardHeader>\n          <CardContent class=\"flex flex-col gap-2 pb-3\">\n            <div class=\"grid grid-cols-2 gap-2\">\n              <div class=\"flex flex-col gap-1\">\n                <Label for=\"rcb-canvas-width\">Width</Label>\n                <Input\n                  id=\"rcb-canvas-width\"\n                  type=\"number\"\n                  :model-value=\"schema.width\"\n                  data-testid=\"reactive-canvas-builder-canvas-width\"\n                  @input=\"(e: Event) => onCanvasSizeInput('width', e)\"\n                />\n              </div>\n              <div class=\"flex flex-col gap-1\">\n                <Label for=\"rcb-canvas-height\">Height</Label>\n                <Input\n                  id=\"rcb-canvas-height\"\n                  type=\"number\"\n                  :model-value=\"schema.height\"\n                  data-testid=\"reactive-canvas-builder-canvas-height\"\n                  @input=\"(e: Event) => onCanvasSizeInput('height', e)\"\n                />\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n\n        <p\n          v-if=\"!selectedBlock\"\n          class=\"py-3 text-xs text-muted-foreground\"\n          data-testid=\"reactive-canvas-builder-inspector-empty\"\n        >\n          Select a block on the canvas to edit it.\n        </p>\n\n        <div\n          v-else\n          class=\"flex flex-col gap-3\"\n          data-testid=\"reactive-canvas-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                {{ selectedBlock.type }}\n              </CardTitle>\n            </CardHeader>\n            <CardContent class=\"flex flex-col gap-2 pb-3\">\n              <div class=\"flex flex-col gap-1\">\n                <Label>Block type</Label>\n                <Select\n                  :model-value=\"selectedBlock.type\"\n                  @update:model-value=\"onTypeChange\"\n                >\n                  <SelectTrigger\n                    data-testid=\"reactive-canvas-builder-inspector-type\"\n                  >\n                    <SelectValue />\n                  </SelectTrigger>\n                  <SelectContent>\n                    <SelectItem\n                      v-for=\"t in REACTIVE_CANVAS_BLOCK_TYPES\"\n                      :key=\"t\"\n                      :value=\"t\"\n                    >\n                      {{ t }}\n                    </SelectItem>\n                  </SelectContent>\n                </Select>\n              </div>\n\n              <div class=\"grid grid-cols-2 gap-2\">\n                <div class=\"flex flex-col gap-1\">\n                  <Label for=\"rcb-block-x\">X</Label>\n                  <Input\n                    id=\"rcb-block-x\"\n                    type=\"number\"\n                    :model-value=\"selectedBlock.x\"\n                    data-testid=\"reactive-canvas-builder-inspector-x\"\n                    @input=\"(e: Event) => onNumberInput('x', e)\"\n                  />\n                </div>\n                <div class=\"flex flex-col gap-1\">\n                  <Label for=\"rcb-block-y\">Y</Label>\n                  <Input\n                    id=\"rcb-block-y\"\n                    type=\"number\"\n                    :model-value=\"selectedBlock.y\"\n                    data-testid=\"reactive-canvas-builder-inspector-y\"\n                    @input=\"(e: Event) => onNumberInput('y', e)\"\n                  />\n                </div>\n                <div class=\"flex flex-col gap-1\">\n                  <Label for=\"rcb-block-width\">Width</Label>\n                  <Input\n                    id=\"rcb-block-width\"\n                    type=\"number\"\n                    :model-value=\"selectedBlock.width\"\n                    data-testid=\"reactive-canvas-builder-inspector-width\"\n                    @input=\"(e: Event) => onNumberInput('width', e)\"\n                  />\n                </div>\n                <div class=\"flex flex-col gap-1\">\n                  <Label for=\"rcb-block-height\">Height</Label>\n                  <Input\n                    id=\"rcb-block-height\"\n                    type=\"number\"\n                    :model-value=\"selectedBlock.height\"\n                    data-testid=\"reactive-canvas-builder-inspector-height\"\n                    @input=\"(e: Event) => onNumberInput('height', e)\"\n                  />\n                </div>\n              </div>\n\n              <div class=\"flex flex-col gap-1\">\n                <Label for=\"rcb-block-props\">Props (JSON)</Label>\n                <Textarea\n                  id=\"rcb-block-props\"\n                  :model-value=\"propsJsonDraft\"\n                  rows=\"6\"\n                  class=\"font-mono text-xs\"\n                  data-testid=\"reactive-canvas-builder-inspector-props\"\n                  @input=\"onPropsJsonInput\"\n                />\n                <p\n                  v-if=\"propsJsonError\"\n                  class=\"text-xs text-destructive\"\n                  data-testid=\"reactive-canvas-builder-inspector-props-error\"\n                >\n                  {{ propsJsonError }}\n                </p>\n              </div>\n            </CardContent>\n          </Card>\n\n          <div class=\"flex items-center gap-1\">\n            <Button\n              variant=\"destructive\"\n              size=\"sm\"\n              class=\"ml-auto\"\n              data-testid=\"reactive-canvas-builder-remove\"\n              @click=\"onRemoveSelected\"\n            >\n              <Trash2 class=\"h-3.5 w-3.5\" />\n              Remove block\n            </Button>\n          </div>\n        </div>\n      </aside>\n    </div>\n  </FieldFrame>\n</template>\n"],"names":["MIN_BLOCK_SIZE","props","__props","model","_useModel","nextAutoId","makeAutoId","fallbackId","ref","builderId","computed","builder","useReactiveCanvasBuilder","isSchema","value","v","onMounted","seed","watch","next","schema","blocks","selectedId","selectedBlock","id","b","propsJsonDraft","propsJsonError","_a","block","onPaletteAdd","type","onBlockClick","blockId","onClearSelection","onRemoveSelected","patchSelected","patch","onNumberInput","key","raw","parsed","onCanvasSizeInput","onTypeChange","onPropsJsonInput","e","err","canvasStyle","blockStyle","activeDrag","activeInteractionId","clampToCanvas","x","y","width","height","maxX","maxY","beginInteraction","event","mode","corner","target","onPointerMove","onPointerUp","onBlockPointerDown","onResizePointerDown","applyDrag","state","dx","dy","nextX","nextY","clamped","applyResize","onBeforeUnmount","RESIZE_HANDLES","_createBlock","_unref","FieldFrame","_normalizeClass","_createElementVNode","cn","_hoisted_2","_cache","_hoisted_3","_createElementBlock","_Fragment","_renderList","REACTIVE_CANVAS_BLOCK_TYPES","$event","_createVNode","Plus","_hoisted_5","_toDisplayString","_hoisted_6","_hoisted_7","_hoisted_8","Badge","_hoisted_9","_normalizeStyle","_withModifiers","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","handle","_hoisted_16","_hoisted_17","Button","X","Card","CardHeader","CardTitle","CardContent","_hoisted_18","_hoisted_19","Label","Input","_hoisted_20","_openBlock","_hoisted_22","_createTextVNode","_hoisted_23","Select","SelectTrigger","SelectValue","SelectContent","t","SelectItem","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","Textarea","_hoisted_30","_hoisted_31","Trash2","_hoisted_21"],"mappings":"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"}