@gxp-dev/mod-ui 2.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReactiveCanvasBuilder.vue2.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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"}

package/dist/components/compositions/elements/card/DatatableCard.vue.js

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

package/dist/components/compositions/elements/card/DatatableCard.vue.js.map

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

package/dist/components/compositions/elements/card/DatatableCard.vue2.js

@@ -0,0 +1,173 @@
+import { defineComponent as V, computed as $, openBlock as a, createBlock as u, unref as e, normalizeClass as v, withCtx as l, createVNode as n, createTextVNode as m, toDisplayString as f, createCommentVNode as C, createElementBlock as o, Fragment as d, renderList as i } from "vue";
+import "../../../ui/card/index.js";
+import w from "../../../ui/table/Table.vue.js";
+import x from "../../../ui/table/TableBody.vue.js";
+import { cn as N } from "../../../../lib/utils.js";
+import b from "../../../ui/table/TableCell.vue.js";
+import B from "../../../ui/table/TableHead.vue.js";
+import L from "../../../ui/table/TableHeader.vue.js";
+import p from "../../../ui/table/TableRow.vue.js";
+import D from "../../../ui/card/Card.vue.js";
+import A from "../../../ui/card/CardHeader.vue.js";
+import S from "../../../ui/card/CardTitle.vue.js";
+import z from "../../../ui/card/CardContent.vue.js";
+const E = {
+  key: 1,
+  class: "text-sm text-muted-foreground"
+}, U = /* @__PURE__ */ V({
+  __name: "DatatableCard",
+  props: {
+    label: {},
+    title: {},
+    showCard: { type: Boolean, default: !0 },
+    tableColumns: { default: () => [] },
+    rows: { default: () => [] },
+    dataRoute: {},
+    item: { default: () => ({}) },
+    name: {},
+    classList: {}
+  },
+  setup(R) {
+    const t = R, g = $(() => t.title ?? t.label), y = $(() => {
+      if (t.rows && t.rows.length > 0) return t.rows;
+      const s = t.name;
+      if (s && t.item[s]) {
+        const _ = t.item[s];
+        if (Array.isArray(_)) return _;
+      }
+      return [];
+    });
+    function h(s, _) {
+      const r = s[_.key];
+      return r != null ? String(r) : "—";
+    }
+    return (s, _) => t.showCard !== !1 ? (a(), u(e(D), {
+      key: 0,
+      class: v(e(N)(t.classList))
+    }, {
+      default: l(() => [
+        g.value ? (a(), u(e(A), { key: 0 }, {
+          default: l(() => [
+            n(e(S), null, {
+              default: l(() => [
+                m(f(g.value), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : C("", !0),
+        n(e(z), null, {
+          default: l(() => [
+            t.tableColumns.length ? (a(), u(e(w), { key: 0 }, {
+              default: l(() => [
+                n(e(L), null, {
+                  default: l(() => [
+                    n(e(p), null, {
+                      default: l(() => [
+                        (a(!0), o(d, null, i(t.tableColumns, (r) => (a(), u(e(B), {
+                          key: r.key
+                        }, {
+                          default: l(() => [
+                            m(f(r.label), 1)
+                          ]),
+                          _: 2
+                        }, 1024))), 128))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                n(e(x), null, {
+                  default: l(() => [
+                    (a(!0), o(d, null, i(y.value, (r, k) => (a(), u(e(p), { key: k }, {
+                      default: l(() => [
+                        (a(!0), o(d, null, i(t.tableColumns, (c) => (a(), u(e(b), {
+                          key: c.key
+                        }, {
+                          default: l(() => [
+                            m(f(h(r, c)), 1)
+                          ]),
+                          _: 2
+                        }, 1024))), 128))
+                      ]),
+                      _: 2
+                    }, 1024))), 128)),
+                    y.value.length ? C("", !0) : (a(), u(e(p), { key: 0 }, {
+                      default: l(() => [
+                        n(e(b), {
+                          colspan: t.tableColumns.length || 1,
+                          class: "text-center text-muted-foreground"
+                        }, {
+                          default: l(() => [
+                            m(f(t.dataRoute ? `Data fetched from: ${t.dataRoute}` : "No data."), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["colspan"])
+                      ]),
+                      _: 1
+                    }))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })) : (a(), o("p", E, "No columns configured."))
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["class"])) : (a(), o("div", {
+      key: 1,
+      class: v(e(N)(t.classList))
+    }, [
+      t.tableColumns.length ? (a(), u(e(w), { key: 0 }, {
+        default: l(() => [
+          n(e(L), null, {
+            default: l(() => [
+              n(e(p), null, {
+                default: l(() => [
+                  (a(!0), o(d, null, i(t.tableColumns, (r) => (a(), u(e(B), {
+                    key: r.key
+                  }, {
+                    default: l(() => [
+                      m(f(r.label), 1)
+                    ]),
+                    _: 2
+                  }, 1024))), 128))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          n(e(x), null, {
+            default: l(() => [
+              (a(!0), o(d, null, i(y.value, (r, k) => (a(), u(e(p), { key: k }, {
+                default: l(() => [
+                  (a(!0), o(d, null, i(t.tableColumns, (c) => (a(), u(e(b), {
+                    key: c.key
+                  }, {
+                    default: l(() => [
+                      m(f(h(r, c)), 1)
+                    ]),
+                    _: 2
+                  }, 1024))), 128))
+                ]),
+                _: 2
+              }, 1024))), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })) : C("", !0)
+    ], 2));
+  }
+});
+export {
+  U as default
+};
+//# sourceMappingURL=DatatableCard.vue2.js.map

package/dist/components/compositions/elements/card/DatatableCard.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatatableCard.vue2.js","sources":["../../../../../src/components/compositions/elements/card/DatatableCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * `card.datatable` element composition.\n *\n * Renders a simple sortable data table. Column definitions come from\n * `tableColumns`; row data is either supplied via `item[name]` or fetched\n * from `dataRoute`. Full pagination/filter support is handled by the\n * platform's DataTableCard when used in the card-tier — this element-tier\n * variant is intentionally lightweight for inline embedding.\n */\nimport { computed } from \"vue\"\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"@/components/ui/table\"\nimport { cn } from \"@/lib/utils\"\n\ninterface TableColumn {\n  key: string\n  label: string\n  sortable?: boolean\n}\n\nexport interface DatatableCardProps {\n  label?: string\n  title?: string\n  showCard?: boolean\n  tableColumns?: TableColumn[]\n  /** Data rows supplied inline (e.g. from `item[name]`). */\n  rows?: Array<Record<string, unknown>>\n  /** API route for fetching rows (displayed as a hint when rows is empty). */\n  dataRoute?: string\n  item?: Record<string, unknown>\n  name?: string | null\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<DatatableCardProps>(), {\n  showCard: true,\n  tableColumns: () => [],\n  rows: () => [],\n  item: () => ({}),\n})\n\nconst heading = computed(() => props.title ?? props.label)\n\nconst resolvedRows = computed<Array<Record<string, unknown>>>(() => {\n  if (props.rows && props.rows.length > 0) return props.rows\n  const name = props.name\n  if (name && props.item[name]) {\n    const val = props.item[name]\n    if (Array.isArray(val)) return val as Array<Record<string, unknown>>\n  }\n  return []\n})\n\nfunction cellValue(row: Record<string, unknown>, col: TableColumn): string {\n  const val = row[col.key]\n  return val !== undefined && val !== null ? String(val) : \"—\"\n}\n</script>\n\n<template>\n  <Card v-if=\"props.showCard !== false\" :class=\"cn(props.classList)\">\n    <CardHeader v-if=\"heading\">\n      <CardTitle>{{ heading }}</CardTitle>\n    </CardHeader>\n    <CardContent>\n      <Table v-if=\"props.tableColumns.length\">\n        <TableHeader>\n          <TableRow>\n            <TableHead\n              v-for=\"col in props.tableColumns\"\n              :key=\"col.key\"\n            >\n              {{ col.label }}\n            </TableHead>\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          <TableRow\n            v-for=\"(row, i) in resolvedRows\"\n            :key=\"i\"\n          >\n            <TableCell\n              v-for=\"col in props.tableColumns\"\n              :key=\"col.key\"\n            >\n              {{ cellValue(row, col) }}\n            </TableCell>\n          </TableRow>\n          <TableRow v-if=\"!resolvedRows.length\">\n            <TableCell\n              :colspan=\"props.tableColumns.length || 1\"\n              class=\"text-center text-muted-foreground\"\n            >\n              {{ props.dataRoute ? `Data fetched from: ${props.dataRoute}` : \"No data.\" }}\n            </TableCell>\n          </TableRow>\n        </TableBody>\n      </Table>\n      <p v-else class=\"text-sm text-muted-foreground\">No columns configured.</p>\n    </CardContent>\n  </Card>\n\n  <div v-else :class=\"cn(props.classList)\">\n    <Table v-if=\"props.tableColumns.length\">\n      <TableHeader>\n        <TableRow>\n          <TableHead v-for=\"col in props.tableColumns\" :key=\"col.key\">{{ col.label }}</TableHead>\n        </TableRow>\n      </TableHeader>\n      <TableBody>\n        <TableRow v-for=\"(row, i) in resolvedRows\" :key=\"i\">\n          <TableCell v-for=\"col in props.tableColumns\" :key=\"col.key\">{{ cellValue(row, col) }}</TableCell>\n        </TableRow>\n      </TableBody>\n    </Table>\n  </div>\n</template>\n"],"names":["props","__props","heading","computed","resolvedRows","name","val","cellValue","row","col","_createBlock","_unref","Card","_normalizeClass","cn","CardHeader","_createVNode","CardTitle","CardContent","Table","TableHeader","TableRow","_openBlock","_createElementBlock","_Fragment","_renderList","TableHead","_createTextVNode","_toDisplayString","TableBody","i","TableCell","_hoisted_1"],"mappings":"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"}

package/dist/components/compositions/elements/card/GridCard.vue.js

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

package/dist/components/compositions/elements/card/GridCard.vue.js.map

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

package/dist/components/compositions/elements/card/GridCard.vue2.js

@@ -0,0 +1,84 @@
+import { defineComponent as x, computed as m, openBlock as t, createBlock as a, unref as l, normalizeClass as c, withCtx as n, createVNode as f, createTextVNode as h, toDisplayString as $, createCommentVNode as p, createElementVNode as w, normalizeStyle as _, createElementBlock as s, Fragment as g, renderList as y } from "vue";
+import "../../../ui/card/index.js";
+import C from "../../../../engine/ElementRenderer.vue.js";
+import { cn as k } from "../../../../lib/utils.js";
+import N from "../../../ui/card/Card.vue.js";
+import B from "../../../ui/card/CardHeader.vue.js";
+import E from "../../../ui/card/CardTitle.vue.js";
+import L from "../../../ui/card/CardContent.vue.js";
+const V = {
+  key: 0,
+  class: "col-span-full py-3 text-center text-sm text-muted-foreground"
+}, F = /* @__PURE__ */ x({
+  __name: "GridCard",
+  props: {
+    label: {},
+    title: {},
+    showCard: { type: Boolean, default: !0 },
+    gridCols: { default: 3 },
+    gridRowHeight: { default: 60 },
+    nestedElements: { default: () => [] },
+    item: { default: () => ({}) },
+    classList: {}
+  },
+  setup(v) {
+    const e = v, u = m(() => e.title ?? e.label), i = m(
+      () => (e.nestedElements ?? []).filter(
+        (o) => typeof o == "object" && o !== null && typeof o.type == "string"
+      )
+    ), d = m(() => ({
+      display: "grid",
+      gridTemplateColumns: `repeat(${e.gridCols}, minmax(0, 1fr))`,
+      gridAutoRows: `${e.gridRowHeight}px`,
+      gap: "0.5rem"
+    }));
+    return (o, b) => e.showCard !== !1 ? (t(), a(l(N), {
+      key: 0,
+      class: c(l(k)(e.classList))
+    }, {
+      default: n(() => [
+        u.value ? (t(), a(l(B), { key: 0 }, {
+          default: n(() => [
+            f(l(E), null, {
+              default: n(() => [
+                h($(u.value), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : p("", !0),
+        f(l(L), null, {
+          default: n(() => [
+            w("div", {
+              style: _(d.value)
+            }, [
+              (t(!0), s(g, null, y(i.value, (r) => (t(), a(C, {
+                key: r.id,
+                element: r,
+                item: e.item
+              }, null, 8, ["element", "item"]))), 128)),
+              i.value.length ? p("", !0) : (t(), s("p", V, " No elements configured. "))
+            ], 4)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["class"])) : (t(), s("div", {
+      key: 1,
+      class: c(l(k)(e.classList)),
+      style: _(d.value)
+    }, [
+      (t(!0), s(g, null, y(i.value, (r) => (t(), a(C, {
+        key: r.id,
+        element: r,
+        item: e.item
+      }, null, 8, ["element", "item"]))), 128))
+    ], 6));
+  }
+});
+export {
+  F as default
+};
+//# sourceMappingURL=GridCard.vue2.js.map

package/dist/components/compositions/elements/card/GridCard.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridCard.vue2.js","sources":["../../../../../src/components/compositions/elements/card/GridCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * `card.grid` element composition.\n *\n * Renders nested child elements in a CSS grid with configurable column\n * count and row height. Children are rendered via ElementRenderer; the\n * grid layout is controlled by `gridCols` and `gridRowHeight`.\n *\n * For a visual drag-and-drop grid designer use `builder.grid-builder`.\n * This element focuses on static configured layouts.\n */\nimport { computed } from \"vue\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport ElementRenderer from \"@/engine/ElementRenderer.vue\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface GridCardProps {\n  label?: string\n  title?: string\n  showCard?: boolean\n  gridCols?: number\n  gridRowHeight?: number\n  nestedElements?: Array<Record<string, unknown>>\n  item?: Record<string, unknown>\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<GridCardProps>(), {\n  showCard: true,\n  gridCols: 3,\n  gridRowHeight: 60,\n  nestedElements: () => [],\n  item: () => ({}),\n})\n\nconst heading = computed(() => props.title ?? props.label)\n\nconst children = computed(() =>\n  (props.nestedElements ?? []).filter(\n    (e): boolean =>\n      typeof e === \"object\" &&\n      e !== null &&\n      typeof (e as Record<string, unknown>).type === \"string\",\n  ) as unknown as CardElement[],\n)\n\nconst gridStyle = computed(() => ({\n  display: \"grid\",\n  gridTemplateColumns: `repeat(${props.gridCols}, minmax(0, 1fr))`,\n  gridAutoRows: `${props.gridRowHeight}px`,\n  gap: \"0.5rem\",\n}))\n</script>\n\n<template>\n  <Card v-if=\"props.showCard !== false\" :class=\"cn(props.classList)\">\n    <CardHeader v-if=\"heading\">\n      <CardTitle>{{ heading }}</CardTitle>\n    </CardHeader>\n    <CardContent>\n      <div :style=\"gridStyle\">\n        <ElementRenderer\n          v-for=\"child in children\"\n          :key=\"child.id\"\n          :element=\"child\"\n          :item=\"props.item\"\n        />\n        <p\n          v-if=\"!children.length\"\n          class=\"col-span-full py-3 text-center text-sm text-muted-foreground\"\n        >\n          No elements configured.\n        </p>\n      </div>\n    </CardContent>\n  </Card>\n\n  <div v-else :class=\"cn(props.classList)\" :style=\"gridStyle\">\n    <ElementRenderer\n      v-for=\"child in children\"\n      :key=\"child.id\"\n      :element=\"child\"\n      :item=\"props.item\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","heading","computed","children","e","gridStyle","_createBlock","_unref","Card","_normalizeClass","cn","CardHeader","_createVNode","CardTitle","CardContent","_createElementVNode","_createElementBlock","_Fragment","_renderList","child","ElementRenderer","_hoisted_1"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiCA,UAAMA,IAAQC,GAQRC,IAAUC,EAAS,MAAMH,EAAM,SAASA,EAAM,KAAK,GAEnDI,IAAWD;AAAA,MAAS,OACvBH,EAAM,kBAAkB,CAAA,GAAI;AAAA,QAC3B,CAACK,MACC,OAAOA,KAAM,YACbA,MAAM,QACN,OAAQA,EAA8B,QAAS;AAAA,MAAA;AAAA,IACnD,GAGIC,IAAYH,EAAS,OAAO;AAAA,MAChC,SAAS;AAAA,MACT,qBAAqB,UAAUH,EAAM,QAAQ;AAAA,MAC7C,cAAc,GAAGA,EAAM,aAAa;AAAA,MACpC,KAAK;AAAA,IAAA,EACL;qBAIYA,EAAM,aAAQ,WAA1BO,EAoBOC,EAAAC,CAAA,GAAA;AAAA;MApBgC,OAAKC,EAAEF,EAAAG,CAAA,EAAGX,EAAM,SAAS,CAAA;AAAA,IAAA;iBAC9D,MAEa;AAAA,QAFKE,EAAA,cAAlBK,EAEaC,EAAAI,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,qBADX,MAAoC;AAAA,YAApCC,EAAoCL,EAAAM,CAAA,GAAA,MAAA;AAAA,yBAAzB,MAAa;AAAA,oBAAVZ,EAAA,KAAO,GAAA,CAAA;AAAA,cAAA;;;;;;QAEvBW,EAecL,EAAAO,CAAA,GAAA,MAAA;AAAA,qBAdZ,MAaM;AAAA,YAbNC,EAaM,OAAA;AAAA,cAbA,SAAOV,EAAA,KAAS;AAAA,YAAA;sBACpBW,EAKEC,GAAA,MAAAC,EAJgBf,EAAA,OAAQ,CAAjBgB,YADTb,EAKEc,GAAA;AAAA,gBAHC,KAAKD,EAAM;AAAA,gBACX,SAASA;AAAA,gBACT,MAAMpB,EAAM;AAAA,cAAA;cAGNI,EAAA,MAAS,2BADlBa,EAKI,KALJK,GAGC,2BAED;AAAA;;;;;;8BAKNL,EAOM,OAAA;AAAA;MAPO,OAAKP,EAAEF,EAAAG,CAAA,EAAGX,EAAM,SAAS,CAAA;AAAA,MAAI,SAAOM,EAAA,KAAS;AAAA,IAAA;cACxDW,EAKEC,GAAA,MAAAC,EAJgBf,EAAA,OAAQ,CAAjBgB,YADTb,EAKEc,GAAA;AAAA,QAHC,KAAKD,EAAM;AAAA,QACX,SAASA;AAAA,QACT,MAAMpB,EAAM;AAAA,MAAA;;;;"}

package/dist/components/compositions/elements/card/InfoCard.vue.js

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

package/dist/components/compositions/elements/card/InfoCard.vue.js.map

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

package/dist/components/compositions/elements/card/InfoCard.vue2.js

@@ -0,0 +1,125 @@
+import { defineComponent as b, computed as C, openBlock as s, createBlock as f, unref as a, normalizeClass as u, withCtx as c, createElementBlock as l, normalizeStyle as $, createElementVNode as r, createCommentVNode as i, toDisplayString as n, createTextVNode as h, createVNode as w, Fragment as _, renderList as y } from "vue";
+import "../../../ui/card/index.js";
+import { cn as v } from "../../../../lib/utils.js";
+import B from "../../../ui/card/Card.vue.js";
+import I from "../../../ui/card/CardHeader.vue.js";
+import N from "../../../ui/card/CardTitle.vue.js";
+import V from "../../../ui/card/CardDescription.vue.js";
+import L from "../../../ui/card/CardContent.vue.js";
+const P = ["src", "alt"], R = { class: "flex items-center gap-2" }, S = {
+  key: 0,
+  class: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-1.5 text-sm"
+}, j = { class: "font-medium text-muted-foreground" }, z = {
+  key: 1,
+  class: "text-sm text-muted-foreground"
+}, E = {
+  key: 0,
+  class: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-1.5 text-sm"
+}, D = { class: "font-medium text-muted-foreground" }, M = /* @__PURE__ */ b({
+  __name: "InfoCard",
+  props: {
+    label: {},
+    title: {},
+    subtitle: {},
+    showCard: { type: Boolean, default: !0 },
+    icon: {},
+    iconColor: {},
+    headerImage: {},
+    headerRatio: {},
+    lessPadding: { type: Boolean, default: !1 },
+    fields: { default: () => [] },
+    item: { default: () => ({}) },
+    classList: {}
+  },
+  setup(x) {
+    const e = x, m = C(() => e.title ?? e.label);
+    function k(o, d) {
+      return o.split(".").reduce((t, g) => {
+        if (t && typeof t == "object" && g in t)
+          return t[g];
+      }, d);
+    }
+    function p(o) {
+      const d = k(o.value, e.item), t = d != null ? String(d) : o.value;
+      return `${o.prepend ?? ""}${t}${o.append ?? ""}`;
+    }
+    return (o, d) => e.showCard !== !1 ? (s(), f(a(B), {
+      key: 0,
+      class: u(a(v)(e.classList))
+    }, {
+      default: c(() => [
+        e.headerImage ? (s(), l("div", {
+          key: 0,
+          class: "overflow-hidden rounded-t-lg bg-muted",
+          style: $(e.headerRatio ? { aspectRatio: e.headerRatio } : { height: "10rem" })
+        }, [
+          r("img", {
+            src: e.headerImage,
+            alt: m.value ?? "Info card header",
+            class: "h-full w-full object-cover"
+          }, null, 8, P)
+        ], 4)) : i("", !0),
+        m.value || e.subtitle || e.icon ? (s(), f(a(I), {
+          key: 1,
+          class: u(e.lessPadding ? "py-2" : "")
+        }, {
+          default: c(() => [
+            r("div", R, [
+              e.icon ? (s(), l("span", {
+                key: 0,
+                class: u(["lucide text-lg", e.iconColor ?? "text-muted-foreground"])
+              }, n(e.icon), 3)) : i("", !0),
+              r("div", null, [
+                m.value ? (s(), f(a(N), { key: 0 }, {
+                  default: c(() => [
+                    h(n(m.value), 1)
+                  ]),
+                  _: 1
+                })) : i("", !0),
+                e.subtitle ? (s(), f(a(V), { key: 1 }, {
+                  default: c(() => [
+                    h(n(e.subtitle), 1)
+                  ]),
+                  _: 1
+                })) : i("", !0)
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["class"])) : i("", !0),
+        w(a(L), {
+          class: u(e.lessPadding ? "py-2" : "")
+        }, {
+          default: c(() => [
+            e.fields.length ? (s(), l("dl", S, [
+              (s(!0), l(_, null, y(e.fields, (t) => (s(), l(_, {
+                key: t.label + t.value
+              }, [
+                r("dt", j, n(t.label), 1),
+                r("dd", null, n(p(t)), 1)
+              ], 64))), 128))
+            ])) : (s(), l("p", z, "No fields configured."))
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ]),
+      _: 1
+    }, 8, ["class"])) : (s(), l("div", {
+      key: 1,
+      class: u(a(v)(e.classList))
+    }, [
+      e.fields.length ? (s(), l("dl", E, [
+        (s(!0), l(_, null, y(e.fields, (t) => (s(), l(_, {
+          key: t.label + t.value
+        }, [
+          r("dt", D, n(t.label), 1),
+          r("dd", null, n(p(t)), 1)
+        ], 64))), 128))
+      ])) : i("", !0)
+    ], 2));
+  }
+});
+export {
+  M as default
+};
+//# sourceMappingURL=InfoCard.vue2.js.map

package/dist/components/compositions/elements/card/InfoCard.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCard.vue2.js","sources":["../../../../../src/components/compositions/elements/card/InfoCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * `card.info` element composition.\n *\n * Wraps the cards/InfoCard composition as an element-tier component.\n * Renders a read-only summary tile: optional icon/image header, title,\n * subtitle, and a list of label/value display rows.\n */\nimport { computed } from \"vue\"\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n} from \"@/components/ui/card\"\nimport { cn } from \"@/lib/utils\"\n\ninterface InfoField {\n  label: string\n  value: string\n  icon?: string\n  format?: string\n  prepend?: string\n  append?: string\n}\n\nexport interface InfoCardProps {\n  label?: string\n  title?: string\n  subtitle?: string\n  showCard?: boolean\n  icon?: string\n  iconColor?: string\n  headerImage?: string\n  headerRatio?: string\n  lessPadding?: boolean\n  fields?: InfoField[]\n  item?: Record<string, unknown>\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<InfoCardProps>(), {\n  showCard: true,\n  lessPadding: false,\n  fields: () => [],\n  item: () => ({}),\n})\n\nconst heading = computed(() => props.title ?? props.label)\n\n/** Resolve a dot-path string against the item object. */\nfunction resolvePath(path: string, item: Record<string, unknown>): unknown {\n  return path.split(\".\").reduce<unknown>((acc, key) => {\n    if (acc && typeof acc === \"object\" && key in (acc as Record<string, unknown>)) {\n      return (acc as Record<string, unknown>)[key]\n    }\n    return undefined\n  }, item)\n}\n\nfunction formatValue(field: InfoField): string {\n  const raw = resolvePath(field.value, props.item)\n  const str = raw !== undefined && raw !== null ? String(raw) : field.value\n  return `${field.prepend ?? \"\"}${str}${field.append ?? \"\"}`\n}\n</script>\n\n<template>\n  <Card v-if=\"props.showCard !== false\" :class=\"cn(props.classList)\">\n    <!-- Header image -->\n    <div\n      v-if=\"props.headerImage\"\n      class=\"overflow-hidden rounded-t-lg bg-muted\"\n      :style=\"props.headerRatio ? { aspectRatio: props.headerRatio } : { height: '10rem' }\"\n    >\n      <img\n        :src=\"props.headerImage\"\n        :alt=\"heading ?? 'Info card header'\"\n        class=\"h-full w-full object-cover\"\n      />\n    </div>\n\n    <CardHeader v-if=\"heading || props.subtitle || props.icon\" :class=\"props.lessPadding ? 'py-2' : ''\">\n      <div class=\"flex items-center gap-2\">\n        <span v-if=\"props.icon\" :class=\"['lucide text-lg', props.iconColor ?? 'text-muted-foreground']\">\n          {{ props.icon }}\n        </span>\n        <div>\n          <CardTitle v-if=\"heading\">{{ heading }}</CardTitle>\n          <CardDescription v-if=\"props.subtitle\">{{ props.subtitle }}</CardDescription>\n        </div>\n      </div>\n    </CardHeader>\n\n    <CardContent :class=\"props.lessPadding ? 'py-2' : ''\">\n      <dl\n        v-if=\"props.fields.length\"\n        class=\"grid grid-cols-[auto_1fr] gap-x-4 gap-y-1.5 text-sm\"\n      >\n        <template v-for=\"field in props.fields\" :key=\"field.label + field.value\">\n          <dt class=\"font-medium text-muted-foreground\">{{ field.label }}</dt>\n          <dd>{{ formatValue(field) }}</dd>\n        </template>\n      </dl>\n      <p v-else class=\"text-sm text-muted-foreground\">No fields configured.</p>\n    </CardContent>\n  </Card>\n\n  <!-- Chromeless variant -->\n  <div v-else :class=\"cn(props.classList)\">\n    <dl\n      v-if=\"props.fields.length\"\n      class=\"grid grid-cols-[auto_1fr] gap-x-4 gap-y-1.5 text-sm\"\n    >\n      <template v-for=\"field in props.fields\" :key=\"field.label + field.value\">\n        <dt class=\"font-medium text-muted-foreground\">{{ field.label }}</dt>\n        <dd>{{ formatValue(field) }}</dd>\n      </template>\n    </dl>\n  </div>\n</template>\n"],"names":["props","__props","heading","computed","resolvePath","path","item","acc","key","formatValue","field","raw","str","_createBlock","_unref","Card","_normalizeClass","cn","_createElementBlock","_createElementVNode","CardHeader","_hoisted_2","_toDisplayString","CardTitle","CardDescription","_createTextVNode","_createVNode","CardContent","_openBlock","_hoisted_3","_Fragment","_renderList","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7"],"mappings":"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"}

package/dist/components/compositions/elements/card/ListCard.vue.js

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

package/dist/components/compositions/elements/card/ListCard.vue.js.map

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