@gxp-dev/mod-ui 2.0.0 → 2.0.1

package/dist/components/compositions/elements/builder/ElementListBuilder.vue2.js

@@ -1,424 +1,5 @@
-import { defineComponent as W, useModel as Y, ref as Z, computed as i, onMounted as ee, watch as te, openBlock as u, createElementBlock as c, normalizeClass as E, unref as l, createElementVNode as a, toDisplayString as b, Fragment as I, renderList as B, createVNode as s, withCtx as d, createTextVNode as r, createBlock as le, createCommentVNode as se, mergeModels as oe } from "vue";
-import { Plus as ae, X as ne, ArrowUp as de, ArrowDown as ie, Trash2 as re } from "lucide-vue-next";
-import { CardElementMetadataMap as ue } from "../../../../definitions/elements/index.js";
-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 "../../../ui/switch/index.js";
-import me from "../../../ui/textarea/Textarea.vue.js";
-import { useElementListBuilder as ce } from "../../../../stores/elementListBuilderStore.js";
-import { cn as pe } from "../../../../lib/utils.js";
-import L from "../../../ui/badge/Badge.vue.js";
-import _ from "../../../ui/button/Button.vue.js";
-import fe from "../../../ui/card/Card.vue.js";
-import be from "../../../ui/card/CardHeader.vue.js";
-import ve from "../../../ui/card/CardTitle.vue.js";
-import xe from "../../../ui/card/CardContent.vue.js";
-import v from "../../../ui/label/Label.vue.js";
-import h from "../../../ui/switch/Switch.vue.js";
-const ge = ["data-element-name"], _e = {
-  class: "flex flex-col gap-2 border-r p-3 overflow-y-auto",
-  "data-testid": "element-list-builder-palette"
-}, ye = { class: "text-xs font-semibold uppercase tracking-wide text-muted-foreground" }, he = { class: "flex flex-col gap-1" }, ke = ["data-testid", "onClick"], we = { class: "flex min-w-0 flex-col gap-0.5" }, Ce = { class: "font-medium" }, Ve = { class: "line-clamp-2 text-[10px] text-muted-foreground" }, $e = {
-  class: "flex flex-col gap-3 overflow-y-auto p-3",
-  "data-testid": "element-list-builder-canvas"
-}, Ee = { class: "flex items-center justify-between" }, Ie = {
-  key: 0,
-  class: "rounded-md border border-dashed bg-background py-6 text-center text-xs text-muted-foreground",
-  "data-testid": "element-list-builder-canvas-empty"
-}, Be = {
-  key: 1,
-  class: "flex flex-col gap-1 text-xs",
-  "data-testid": "element-list-builder-canvas-list"
-}, Le = ["data-testid", "onClick"], Me = { class: "w-6 text-right tabular-nums text-muted-foreground" }, je = { class: "font-medium" }, qe = {
-  class: "flex flex-col gap-2 overflow-y-auto border-l p-3",
-  "data-testid": "element-list-builder-inspector"
-}, Ae = { class: "flex items-center justify-between" }, De = {
-  key: 0,
-  class: "py-3 text-xs text-muted-foreground",
-  "data-testid": "element-list-builder-inspector-empty"
-}, Re = {
-  key: 1,
-  class: "flex flex-col gap-3",
-  "data-testid": "element-list-builder-inspector-fields"
-}, Se = { class: "flex flex-col gap-1" }, Te = { class: "flex flex-col gap-1" }, ze = { class: "flex flex-col gap-1" }, Ue = { class: "flex flex-col gap-1" }, Ne = { class: "flex items-center justify-between rounded border bg-background px-2 py-1" }, Pe = { class: "flex items-center justify-between rounded border bg-background px-2 py-1" }, Fe = { class: "flex items-center justify-between rounded border bg-background px-2 py-1" }, He = { class: "flex items-center gap-1" }, ct = /* @__PURE__ */ W({
-  __name: "ElementListBuilder",
-  props: /* @__PURE__ */ oe({
-    modelValue: {},
-    builderId: {},
-    label: { default: "Element List Builder" },
-    name: {},
-    item: { default: () => ({}) },
-    classList: {}
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(k) {
-    const g = k, w = Y(k, "modelValue");
-    let C = 0;
-    function M() {
-      return C += 1, `element-list-builder-${Date.now()}-${C}`;
-    }
-    const j = Z(M()), q = i(() => g.builderId ?? j.value), n = ce(q.value);
-    function A(t) {
-      return typeof t != "object" || t === null ? !1 : Array.isArray(t.elements);
-    }
-    ee(() => {
-      const t = w.value;
-      A(t) && n.loadSchema(t);
-    }), te(
-      () => n.schema.value,
-      (t) => {
-        w.value = {
-          elements: t.elements.map(
-            (e) => ({ ...e })
-          )
-        };
-      },
-      { deep: !0 }
-    );
-    const x = i(() => n.schema.value.elements), D = i(
-      () => x.value.map((t) => {
-        const e = t;
-        return {
-          id: e.id ?? "",
-          label: e.label ?? "(unnamed)",
-          type: e.type ?? ""
-        };
-      })
-    ), R = i(
-      () => Object.entries(ue).map(([t, e]) => ({ type: t, meta: e }))
-    ), m = i(() => {
-      const t = n.selection.value;
-      return t.id ? x.value.find(
-        (e) => e.id === t.id
-      ) ?? null : null;
-    }), p = i(() => {
-      const t = n.selection.value;
-      return t.id ? x.value.findIndex(
-        (e) => e.id === t.id
-      ) : -1;
-    }), V = i(() => p.value >= 0 && p.value < x.value.length - 1);
-    function S(t) {
-      const e = n.addElement(t);
-      n.select(e);
-    }
-    function T(t) {
-      n.select(t);
-    }
-    function z() {
-      p.value <= 0 || n.reorderElement(p.value, p.value - 1);
-    }
-    function U() {
-      V.value && n.reorderElement(p.value, p.value + 1);
-    }
-    function N() {
-      const t = n.selection.value;
-      t.id && n.removeElement(t.id);
-    }
-    function P() {
-      n.select(null);
-    }
-    function f(t) {
-      const e = n.selection.value;
-      e.id && n.updateElement(e.id, t);
-    }
-    const F = i(
-      () => {
-        var t;
-        return ((t = m.value) == null ? void 0 : t.label) ?? "";
-      }
-    ), H = i(
-      () => {
-        var t;
-        return ((t = m.value) == null ? void 0 : t.name) ?? "";
-      }
-    ), O = i(
-      () => {
-        var t;
-        return ((t = m.value) == null ? void 0 : t.placeholder) ?? "";
-      }
-    ), X = i(
-      () => {
-        var t;
-        return ((t = m.value) == null ? void 0 : t.helpText) ?? "";
-      }
-    ), G = i(
-      () => {
-        var t;
-        return !!((t = m.value) != null && t.required);
-      }
-    ), J = i(
-      () => {
-        var t;
-        return !!((t = m.value) != null && t.readonly);
-      }
-    ), K = i(
-      () => {
-        var t;
-        return !!((t = m.value) != null && t.disabled);
-      }
-    ), Q = i(() => {
-      const t = m.value;
-      return t ? t.type ?? "" : "";
-    });
-    return (t, e) => (u(), c("div", {
-      class: E(
-        l(pe)(
-          "gxp-element-list-builder grid gap-3 rounded-lg border bg-card",
-          g.classList
-        )
-      ),
-      style: { "grid-template-columns": "220px 1fr 280px", "min-height": "24rem" },
-      "data-testid": "element-list-builder",
-      "data-element-name": g.name ?? void 0
-    }, [
-      a("aside", _e, [
-        a("h4", ye, b(g.label), 1),
-        a("div", he, [
-          (u(!0), c(I, null, B(R.value, (o) => (u(), c("button", {
-            key: o.type,
-            type: "button",
-            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",
-            "data-testid": `element-list-builder-palette-${o.type}`,
-            onClick: ($) => S(o.type)
-          }, [
-            s(l(ae), { class: "mt-0.5 h-3.5 w-3.5 shrink-0" }),
-            a("span", we, [
-              a("span", Ce, b(o.meta.displayLabel), 1),
-              a("span", Ve, b(o.meta.description), 1)
-            ])
-          ], 8, ke))), 128))
-        ])
-      ]),
-      a("section", $e, [
-        a("header", Ee, [
-          e[8] || (e[8] = a("h4", { class: "text-xs font-semibold uppercase tracking-wide text-muted-foreground" }, " Elements ", -1)),
-          s(l(L), {
-            variant: "outline",
-            class: "font-mono text-[10px]"
-          }, {
-            default: d(() => [...e[7] || (e[7] = [
-              r(" builder/element-list-builder ", -1)
-            ])]),
-            _: 1
-          })
-        ]),
-        x.value.length === 0 ? (u(), c("p", Ie, " Click an element in the palette to add it. ")) : (u(), c("ul", Be, [
-          (u(!0), c(I, null, B(D.value, (o, $) => (u(), c("li", {
-            key: o.id,
-            class: E([
-              "flex cursor-pointer items-center gap-2 rounded border bg-background px-2 py-1.5 transition-colors",
-              l(n).selection.value.id === o.id ? "border-primary bg-accent/30" : ""
-            ]),
-            "data-testid": `element-list-builder-row-${o.id}`,
-            onClick: (Oe) => T(o.id)
-          }, [
-            a("span", Me, b($ + 1) + ". ", 1),
-            a("span", je, b(o.label), 1),
-            s(l(L), {
-              variant: "secondary",
-              class: "ml-auto font-mono text-[9px]"
-            }, {
-              default: d(() => [
-                r(b(o.type), 1)
-              ]),
-              _: 2
-            }, 1024)
-          ], 10, Le))), 128))
-        ]))
-      ]),
-      a("aside", qe, [
-        a("header", Ae, [
-          e[9] || (e[9] = a("h4", { class: "text-xs font-semibold uppercase tracking-wide text-muted-foreground" }, " Inspector ", -1)),
-          l(n).selection.value.id ? (u(), le(l(_), {
-            key: 0,
-            variant: "ghost",
-            size: "icon-sm",
-            "aria-label": "Clear selection",
-            onClick: P
-          }, {
-            default: d(() => [
-              s(l(ne), { class: "h-3.5 w-3.5" })
-            ]),
-            _: 1
-          })) : se("", !0)
-        ]),
-        m.value ? (u(), c("div", Re, [
-          s(l(fe), { class: "border-dashed" }, {
-            default: d(() => [
-              s(l(be), { class: "py-2" }, {
-                default: d(() => [
-                  s(l(ve), { class: "font-mono text-xs uppercase tracking-wide" }, {
-                    default: d(() => [
-                      r(b(Q.value), 1)
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }),
-              s(l(xe), { class: "flex flex-col gap-2 pb-3" }, {
-                default: d(() => [
-                  a("div", Se, [
-                    s(l(v), { for: "elb-label" }, {
-                      default: d(() => [...e[10] || (e[10] = [
-                        r("Label", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    s(l(y), {
-                      id: "elb-label",
-                      "model-value": F.value,
-                      "data-testid": "element-list-builder-inspector-label",
-                      onInput: e[0] || (e[0] = (o) => f({
-                        label: o.target.value
-                      }))
-                    }, null, 8, ["model-value"])
-                  ]),
-                  a("div", Te, [
-                    s(l(v), { for: "elb-name" }, {
-                      default: d(() => [...e[11] || (e[11] = [
-                        r("Field name", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    s(l(y), {
-                      id: "elb-name",
-                      "model-value": H.value,
-                      "data-testid": "element-list-builder-inspector-name",
-                      onInput: e[1] || (e[1] = (o) => f({
-                        name: o.target.value
-                      }))
-                    }, null, 8, ["model-value"])
-                  ]),
-                  a("div", ze, [
-                    s(l(v), { for: "elb-placeholder" }, {
-                      default: d(() => [...e[12] || (e[12] = [
-                        r("Placeholder", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    s(l(y), {
-                      id: "elb-placeholder",
-                      "model-value": O.value,
-                      "data-testid": "element-list-builder-inspector-placeholder",
-                      onInput: e[2] || (e[2] = (o) => f({
-                        placeholder: o.target.value
-                      }))
-                    }, null, 8, ["model-value"])
-                  ]),
-                  a("div", Ue, [
-                    s(l(v), { for: "elb-help" }, {
-                      default: d(() => [...e[13] || (e[13] = [
-                        r("Help text", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    s(l(me), {
-                      id: "elb-help",
-                      "model-value": X.value,
-                      "data-testid": "element-list-builder-inspector-help",
-                      onInput: e[3] || (e[3] = (o) => f({
-                        helpText: o.target.value
-                      }))
-                    }, null, 8, ["model-value"])
-                  ]),
-                  a("div", Ne, [
-                    s(l(v), { for: "elb-required" }, {
-                      default: d(() => [...e[14] || (e[14] = [
-                        r("Required", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    s(l(h), {
-                      id: "elb-required",
-                      "model-value": G.value,
-                      "data-testid": "element-list-builder-inspector-required",
-                      "onUpdate:modelValue": e[4] || (e[4] = (o) => f({ required: o }))
-                    }, null, 8, ["model-value"])
-                  ]),
-                  a("div", Pe, [
-                    s(l(v), { for: "elb-readonly" }, {
-                      default: d(() => [...e[15] || (e[15] = [
-                        r("Read-only", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    s(l(h), {
-                      id: "elb-readonly",
-                      "model-value": J.value,
-                      "onUpdate:modelValue": e[5] || (e[5] = (o) => f({ readonly: o }))
-                    }, null, 8, ["model-value"])
-                  ]),
-                  a("div", Fe, [
-                    s(l(v), { for: "elb-disabled" }, {
-                      default: d(() => [...e[16] || (e[16] = [
-                        r("Disabled", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    s(l(h), {
-                      id: "elb-disabled",
-                      "model-value": K.value,
-                      "onUpdate:modelValue": e[6] || (e[6] = (o) => f({ disabled: o }))
-                    }, null, 8, ["model-value"])
-                  ])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          a("div", He, [
-            s(l(_), {
-              variant: "outline",
-              size: "sm",
-              disabled: p.value <= 0,
-              "data-testid": "element-list-builder-move-up",
-              onClick: z
-            }, {
-              default: d(() => [
-                s(l(de), { class: "h-3.5 w-3.5" })
-              ]),
-              _: 1
-            }, 8, ["disabled"]),
-            s(l(_), {
-              variant: "outline",
-              size: "sm",
-              disabled: !V.value,
-              "data-testid": "element-list-builder-move-down",
-              onClick: U
-            }, {
-              default: d(() => [
-                s(l(ie), { class: "h-3.5 w-3.5" })
-              ]),
-              _: 1
-            }, 8, ["disabled"]),
-            s(l(_), {
-              variant: "destructive",
-              size: "sm",
-              class: "ml-auto",
-              "data-testid": "element-list-builder-remove",
-              onClick: N
-            }, {
-              default: d(() => [
-                s(l(re), { class: "h-3.5 w-3.5" }),
-                e[17] || (e[17] = r(" Remove ", -1))
-              ]),
-              _: 1
-            })
-          ])
-        ])) : (u(), c("p", De, " Select an element on the canvas to edit its properties. "))
-      ])
-    ], 10, ge));
-  }
-});
+import f from "./ElementListBuilder.vue.js";
 export {
-  ct as default
+  f as default
 };
 //# sourceMappingURL=ElementListBuilder.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ElementListBuilder.vue2.js","sources":["../../../../../src/components/compositions/elements/builder/ElementListBuilder.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * ElementListBuilder — a simpler sibling of FormBuilder.\n *\n * The schema is just a flat list of CardElements (no cards, no tabs,\n * no nested cards). Useful for forms-as-arrays and list-of-fields\n * configs.\n *\n * Three-pane layout:\n *   - LEFT  (Palette):    Clickable list of element categories from\n *                         CardElementMetadataMap. Click to append.\n *   - MIDDLE (Canvas):    Flat list of elements with selection.\n *   - RIGHT (Inspector):  Property panel mirroring FormBuilder's\n *                         (label, name, placeholder, helpText,\n *                         required, readonly, disabled).\n *\n * State is owned by `elementListBuilderStore`. The builder accepts an\n * initial schema via `modelValue` and emits the current schema via\n * `update:modelValue` on every mutation.\n */\nimport { computed, onMounted, ref, watch } from \"vue\"\nimport { ArrowDown, ArrowUp, Plus, Trash2, X } from \"lucide-vue-next\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport { CardElementMetadataMap } from \"@/definitions/elements\"\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 { Switch } from \"@/components/ui/switch\"\nimport { Textarea } from \"@/components/ui/textarea\"\nimport {\n  useElementListBuilder,\n  type ElementListBuilderSchema,\n} from \"@/stores/elementListBuilderStore\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface ElementListBuilderProps {\n  /** Initial / current schema. Two-way bindable via v-model. */\n  modelValue?: ElementListBuilderSchema\n  /**\n   * Identifier used to key the elementListBuilderStore. Defaults to a\n   * stable auto-generated id so multiple builders on the same page\n   * don't 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<ElementListBuilderProps>(), {\n  label: \"Element List Builder\",\n  item: () => ({}),\n})\n\nconst model = defineModel<ElementListBuilderSchema | undefined>(\"modelValue\")\n\nlet nextAutoId = 0\nfunction makeAutoId(): string {\n  nextAutoId += 1\n  return `element-list-builder-${Date.now()}-${nextAutoId}`\n}\nconst fallbackId = ref<string>(makeAutoId())\n\nconst builderId = computed<string>(() => props.builderId ?? fallbackId.value)\n\nconst builder = useElementListBuilder(builderId.value)\n\nfunction isElementListBuilderSchema(\n  value: unknown,\n): value is ElementListBuilderSchema {\n  if (typeof value !== \"object\" || value === null) {\n    return false\n  }\n  const v = value as Record<string, unknown>\n  return Array.isArray(v.elements)\n}\n\n/** Seed the store from the initial modelValue. */\nonMounted(() => {\n  const seed = model.value\n  if (isElementListBuilderSchema(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 = {\n      elements: next.elements.map(\n        (el) =>\n          ({ ...(el as unknown as Record<string, unknown>) }) as unknown as CardElement,\n      ),\n    }\n  },\n  { deep: true },\n)\n\nconst elements = computed<CardElement[]>(() => builder.schema.value.elements)\n\n/**\n * Display-time view of `elements` with the fields the template needs\n * narrowed to plain strings. Doing the casts here keeps the template\n * free of `as unknown as` expressions that confuse the template\n * compiler around `{` `}` characters.\n */\ninterface ElementRow {\n  id: string\n  label: string\n  type: string\n}\nconst elementRows = computed<ElementRow[]>(() =>\n  elements.value.map((el) => {\n    const bag = el as unknown as Record<string, unknown>\n    return {\n      id: (bag.id as string) ?? \"\",\n      label: (bag.label as string) ?? \"(unnamed)\",\n      type: (bag.type as string) ?? \"\",\n    }\n  }),\n)\n\nconst paletteEntries = 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]) => ({ type, meta })),\n)\n\nconst selectedElement = computed<CardElement | null>(() => {\n  const sel = builder.selection.value\n  if (!sel.id) {\n    return null\n  }\n  return (\n    elements.value.find(\n      (el) => (el as unknown as { id: string }).id === sel.id,\n    ) ?? null\n  )\n})\n\nconst selectedIndex = computed<number>(() => {\n  const sel = builder.selection.value\n  if (!sel.id) {\n    return -1\n  }\n  return elements.value.findIndex(\n    (el) => (el as unknown as { id: string }).id === sel.id,\n  )\n})\n\nconst canMoveDown = computed<boolean>(() => {\n  return (\n    selectedIndex.value >= 0 && selectedIndex.value < elements.value.length - 1\n  )\n})\n\nfunction onPaletteClick(type: keyof typeof CardElementMetadataMap): void {\n  const newId = builder.addElement(type)\n  builder.select(newId)\n}\n\nfunction onCanvasRowClick(elementId: string): void {\n  builder.select(elementId)\n}\n\nfunction onMoveUp(): void {\n  if (selectedIndex.value <= 0) {\n    return\n  }\n  builder.reorderElement(selectedIndex.value, selectedIndex.value - 1)\n}\n\nfunction onMoveDown(): void {\n  if (!canMoveDown.value) {\n    return\n  }\n  builder.reorderElement(selectedIndex.value, selectedIndex.value + 1)\n}\n\nfunction onRemove(): void {\n  const sel = builder.selection.value\n  if (sel.id) {\n    builder.removeElement(sel.id)\n  }\n}\n\nfunction onClearSelection(): void {\n  builder.select(null)\n}\n\nfunction patchSelected(patch: Partial<CardElement>): void {\n  const sel = builder.selection.value\n  if (sel.id) {\n    builder.updateElement(sel.id, patch)\n  }\n}\n\nconst labelValue = computed<string>(\n  () => (selectedElement.value?.label as string) ?? \"\",\n)\nconst nameValue = computed<string>(\n  () => (selectedElement.value?.name as string) ?? \"\",\n)\nconst placeholderValue = computed<string>(\n  () => (selectedElement.value?.placeholder as string) ?? \"\",\n)\nconst helpTextValue = computed<string>(\n  () => (selectedElement.value?.helpText as string) ?? \"\",\n)\nconst requiredValue = computed<boolean>(() =>\n  Boolean(selectedElement.value?.required),\n)\nconst readonlyValue = computed<boolean>(() =>\n  Boolean(selectedElement.value?.readonly),\n)\nconst disabledValue = computed<boolean>(() =>\n  Boolean(selectedElement.value?.disabled),\n)\nconst selectedTypeLabel = computed<string>(() => {\n  const sel = selectedElement.value\n  if (!sel) {\n    return \"\"\n  }\n  return ((sel as unknown as Record<string, unknown>).type as string) ?? \"\"\n})\n</script>\n\n<template>\n  <div\n    :class=\"\n      cn(\n        'gxp-element-list-builder grid gap-3 rounded-lg border bg-card',\n        props.classList,\n      )\n    \"\n    style=\"grid-template-columns: 220px 1fr 280px; min-height: 24rem\"\n    data-testid=\"element-list-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=\"element-list-builder-palette\"\n    >\n      <h4\n        class=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\"\n      >\n        {{ props.label }}\n      </h4>\n      <div class=\"flex flex-col gap-1\">\n        <button\n          v-for=\"entry in paletteEntries\"\n          :key=\"entry.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=\"`element-list-builder-palette-${entry.type}`\"\n          @click=\"onPaletteClick(entry.type)\"\n        >\n          <Plus class=\"mt-0.5 h-3.5 w-3.5 shrink-0\" />\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      </div>\n    </aside>\n\n    <section\n      class=\"flex flex-col gap-3 overflow-y-auto p-3\"\n      data-testid=\"element-list-builder-canvas\"\n    >\n      <header class=\"flex items-center justify-between\">\n        <h4\n          class=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\"\n        >\n          Elements\n        </h4>\n        <Badge variant=\"outline\" class=\"font-mono text-[10px]\">\n          builder/element-list-builder\n        </Badge>\n      </header>\n\n      <p\n        v-if=\"elements.length === 0\"\n        class=\"rounded-md border border-dashed bg-background py-6 text-center text-xs text-muted-foreground\"\n        data-testid=\"element-list-builder-canvas-empty\"\n      >\n        Click an element in the palette to add it.\n      </p>\n\n      <ul\n        v-else\n        class=\"flex flex-col gap-1 text-xs\"\n        data-testid=\"element-list-builder-canvas-list\"\n      >\n        <li\n          v-for=\"(row, index) in elementRows\"\n          :key=\"row.id\"\n          class=\"flex cursor-pointer items-center gap-2 rounded border bg-background px-2 py-1.5 transition-colors\"\n          :class=\"\n            builder.selection.value.id === row.id\n              ? 'border-primary bg-accent/30'\n              : ''\n          \"\n          :data-testid=\"`element-list-builder-row-${row.id}`\"\n          @click=\"onCanvasRowClick(row.id)\"\n        >\n          <span class=\"w-6 text-right tabular-nums text-muted-foreground\">\n            {{ index + 1 }}.\n          </span>\n          <span class=\"font-medium\">{{ row.label }}</span>\n          <Badge variant=\"secondary\" class=\"ml-auto font-mono text-[9px]\">\n            {{ row.type }}\n          </Badge>\n        </li>\n      </ul>\n    </section>\n\n    <aside\n      class=\"flex flex-col gap-2 overflow-y-auto border-l p-3\"\n      data-testid=\"element-list-builder-inspector\"\n    >\n      <header class=\"flex items-center justify-between\">\n        <h4\n          class=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\"\n        >\n          Inspector\n        </h4>\n        <Button\n          v-if=\"builder.selection.value.id\"\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      <p\n        v-if=\"!selectedElement\"\n        class=\"py-3 text-xs text-muted-foreground\"\n        data-testid=\"element-list-builder-inspector-empty\"\n      >\n        Select an element on the canvas to edit its properties.\n      </p>\n\n      <div\n        v-else\n        class=\"flex flex-col gap-3\"\n        data-testid=\"element-list-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              {{ selectedTypeLabel }}\n            </CardTitle>\n          </CardHeader>\n          <CardContent class=\"flex flex-col gap-2 pb-3\">\n            <div class=\"flex flex-col gap-1\">\n              <Label for=\"elb-label\">Label</Label>\n              <Input\n                id=\"elb-label\"\n                :model-value=\"labelValue\"\n                data-testid=\"element-list-builder-inspector-label\"\n                @input=\"\n                  (e: Event) =>\n                    patchSelected({\n                      label: (e.target as HTMLInputElement).value,\n                    })\n                \"\n              />\n            </div>\n            <div class=\"flex flex-col gap-1\">\n              <Label for=\"elb-name\">Field name</Label>\n              <Input\n                id=\"elb-name\"\n                :model-value=\"nameValue\"\n                data-testid=\"element-list-builder-inspector-name\"\n                @input=\"\n                  (e: Event) =>\n                    patchSelected({\n                      name: (e.target as HTMLInputElement).value,\n                    })\n                \"\n              />\n            </div>\n            <div class=\"flex flex-col gap-1\">\n              <Label for=\"elb-placeholder\">Placeholder</Label>\n              <Input\n                id=\"elb-placeholder\"\n                :model-value=\"placeholderValue\"\n                data-testid=\"element-list-builder-inspector-placeholder\"\n                @input=\"\n                  (e: Event) =>\n                    patchSelected({\n                      placeholder: (e.target as HTMLInputElement).value,\n                    })\n                \"\n              />\n            </div>\n            <div class=\"flex flex-col gap-1\">\n              <Label for=\"elb-help\">Help text</Label>\n              <Textarea\n                id=\"elb-help\"\n                :model-value=\"helpTextValue\"\n                data-testid=\"element-list-builder-inspector-help\"\n                @input=\"\n                  (e: Event) =>\n                    patchSelected({\n                      helpText: (e.target as HTMLTextAreaElement).value,\n                    })\n                \"\n              />\n            </div>\n\n            <div\n              class=\"flex items-center justify-between rounded border bg-background px-2 py-1\"\n            >\n              <Label for=\"elb-required\">Required</Label>\n              <Switch\n                id=\"elb-required\"\n                :model-value=\"requiredValue\"\n                data-testid=\"element-list-builder-inspector-required\"\n                @update:model-value=\"(v: boolean) => patchSelected({ required: v })\"\n              />\n            </div>\n            <div\n              class=\"flex items-center justify-between rounded border bg-background px-2 py-1\"\n            >\n              <Label for=\"elb-readonly\">Read-only</Label>\n              <Switch\n                id=\"elb-readonly\"\n                :model-value=\"readonlyValue\"\n                @update:model-value=\"(v: boolean) => patchSelected({ readonly: v })\"\n              />\n            </div>\n            <div\n              class=\"flex items-center justify-between rounded border bg-background px-2 py-1\"\n            >\n              <Label for=\"elb-disabled\">Disabled</Label>\n              <Switch\n                id=\"elb-disabled\"\n                :model-value=\"disabledValue\"\n                @update:model-value=\"(v: boolean) => patchSelected({ 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=\"element-list-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=\"element-list-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=\"element-list-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","builder","useElementListBuilder","isElementListBuilderSchema","value","onMounted","seed","watch","next","el","elements","elementRows","bag","paletteEntries","CardElementMetadataMap","type","meta","selectedElement","sel","selectedIndex","canMoveDown","onPaletteClick","newId","onCanvasRowClick","elementId","onMoveUp","onMoveDown","onRemove","onClearSelection","patchSelected","patch","labelValue","_a","nameValue","placeholderValue","helpTextValue","requiredValue","readonlyValue","disabledValue","selectedTypeLabel","_createElementBlock","_normalizeClass","_unref","cn","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_hoisted_4","_Fragment","_renderList","entry","$event","_createVNode","Plus","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_cache","Badge","_hoisted_11","_openBlock","_hoisted_12","row","index","_hoisted_14","_hoisted_15","_createTextVNode","_hoisted_16","_hoisted_17","_createBlock","Button","X","_hoisted_19","Card","CardHeader","CardTitle","CardContent","_hoisted_20","Label","Input","e","_hoisted_21","_hoisted_22","_hoisted_23","Textarea","_hoisted_24","Switch","v","_hoisted_25","_hoisted_26","_hoisted_27","ArrowUp","ArrowDown","Trash2","_hoisted_18"],"mappings":"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"}
+{"version":3,"file":"ElementListBuilder.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/builder/FormBuilder.vue.d.ts

@@ -0,0 +1,30 @@
+import { BuilderSchema } from '../../../../stores/formBuilderStore';
+export interface FormBuilderProps {
+    /** Initial / current schema. Two-way bindable via v-model. */
+    modelValue?: BuilderSchema;
+    /**
+     * Identifier used to key the formBuilderStore. Defaults to a stable
+     * auto-generated id so multiple FormBuilders on the same page don't
+     * collide.
+     */
+    builderId?: string;
+    label?: string;
+    name?: string | null;
+    item?: Record<string, unknown>;
+    classList?: string[] | string;
+}
+type __VLS_Props = FormBuilderProps;
+type __VLS_PublicProps = {
+    "modelValue"?: BuilderSchema | undefined;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: BuilderSchema | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: BuilderSchema | undefined) => any) | undefined;
+}>, {
+    item: Record<string, unknown>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    canvasEl: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=FormBuilder.vue.d.ts.map

package/dist/components/compositions/elements/builder/FormBuilder.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormBuilder.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/builder/FormBuilder.vue"],"names":[],"mappings":"AAwqCA,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,2BAA2B,CAAA;AAGlC,MAAM,WAAW,gBAAgB;IAC/B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,aAAa,CAAA;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;CAC9B;AAED,KAAK,WAAW,GAAG,gBAAgB,CAAC;AAycpC,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;CACxC,GAAG,WAAW,CAAC;;;;;;UA/cP,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;;AAimDhC,wBAUG"}