@gxp-dev/mod-ui 2.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectBuilder.vue2.js","sources":["../../../../../src/components/compositions/elements/builder/ObjectBuilder.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * ObjectBuilder — visually compose a JSON object as a list of typed\n * key / value entries.\n *\n * Three-pane layout:\n *   - LEFT  (Palette):    Buttons for each entry type\n *                         (string / number / boolean / array / object /\n *                         null). Clicking appends a new entry of that\n *                         type.\n *   - MIDDLE (Canvas):    Ordered list of entries. Each row shows the\n *                         key, a type badge, and a value preview.\n *                         Click to select.\n *   - RIGHT (Inspector):  Edits the selected entry's key, type, and\n *                         value. The editor swaps based on `type`.\n *\n * The schema is owned by `objectBuilderStore`. The builder accepts an\n * initial value via `modelValue` (either an `ObjectBuilderSchema` or a\n * plain `Record<string, unknown>`) and emits the current schema\n * through `update:modelValue` on every mutation.\n */\nimport { computed, onMounted, ref, watch } from \"vue\"\nimport { ArrowDown, ArrowUp, 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 { 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  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select\"\nimport {\n  useObjectBuilder,\n  recordToSchema,\n  toRecord,\n  type ObjectBuilderEntry,\n  type ObjectBuilderEntryType,\n  type ObjectBuilderSchema,\n} from \"@/stores/objectBuilderStore\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface ObjectBuilderProps {\n  /**\n   * Initial / current value. Accepts either an `ObjectBuilderSchema`\n   * (preferred) or a plain `Record<string, unknown>` (which is\n   * normalised to entries on mount).\n   */\n  modelValue?: ObjectBuilderSchema | Record<string, unknown>\n  /**\n   * Identifier used to key the objectBuilderStore. 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  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<ObjectBuilderProps>(), {\n  label: \"Object Builder\",\n})\n\nconst model = defineModel<\n  ObjectBuilderSchema | Record<string, unknown> | undefined\n>(\"modelValue\")\n\nlet nextAutoId = 0\nfunction makeAutoId(): string {\n  nextAutoId += 1\n  return `object-builder-${Date.now()}-${nextAutoId}`\n}\nconst fallbackId = ref<string>(makeAutoId())\n\nconst builderId = computed<string>(() => props.builderId ?? fallbackId.value)\n\nconst builder = useObjectBuilder(builderId.value)\n\nconst PALETTE_TYPES: Array<{\n  type: ObjectBuilderEntryType\n  displayLabel: string\n  description: string\n}> = [\n  {\n    type: \"string\",\n    displayLabel: \"String\",\n    description: \"A text value.\",\n  },\n  {\n    type: \"number\",\n    displayLabel: \"Number\",\n    description: \"A numeric value.\",\n  },\n  {\n    type: \"boolean\",\n    displayLabel: \"Boolean\",\n    description: \"true or false.\",\n  },\n  {\n    type: \"array\",\n    displayLabel: \"Array\",\n    description: \"A JSON array (edit as JSON).\",\n  },\n  {\n    type: \"object\",\n    displayLabel: \"Object\",\n    description: \"A nested object (edit as JSON).\",\n  },\n  {\n    type: \"null\",\n    displayLabel: \"Null\",\n    description: \"Explicit null.\",\n  },\n]\n\nfunction isObjectBuilderSchema(value: unknown): value is ObjectBuilderSchema {\n  if (typeof value !== \"object\" || value === null) {\n    return false\n  }\n  const v = value as Record<string, unknown>\n  return Array.isArray(v.entries)\n}\n\n/** Seed the store from the initial modelValue. */\nonMounted(() => {\n  const seed = model.value\n  if (seed === undefined || seed === null) {\n    return\n  }\n  if (isObjectBuilderSchema(seed)) {\n    builder.loadSchema(seed)\n  } else if (typeof seed === \"object\") {\n    builder.loadSchema(recordToSchema(seed as Record<string, unknown>))\n  }\n})\n\n/** Push schema changes back via v-model. */\nwatch(\n  () => builder.schema.value,\n  (next) => {\n    model.value = {\n      entries: next.entries.map((e) => ({ ...e })),\n    }\n  },\n  { deep: true },\n)\n\nconst entries = computed<ObjectBuilderEntry[]>(\n  () => builder.schema.value.entries,\n)\n\nconst selectedEntry = computed<ObjectBuilderEntry | null>(() => {\n  const sel = builder.selection.value\n  if (!sel.id) {\n    return null\n  }\n  return entries.value.find((e) => e.id === sel.id) ?? null\n})\n\nconst selectedIndex = computed<number>(() => {\n  const sel = builder.selection.value\n  if (!sel.id) {\n    return -1\n  }\n  return entries.value.findIndex((e) => e.id === sel.id)\n})\n\nconst canMoveDown = computed<boolean>(() => {\n  return (\n    selectedIndex.value >= 0 && selectedIndex.value < entries.value.length - 1\n  )\n})\n\nfunction onPaletteClick(type: ObjectBuilderEntryType): void {\n  const newId = builder.addEntry(type)\n  builder.select(newId)\n}\n\nfunction onRowClick(entryId: string): void {\n  builder.select(entryId)\n}\n\nfunction onMoveUp(): void {\n  if (selectedIndex.value <= 0) {\n    return\n  }\n  builder.reorderEntry(selectedIndex.value, selectedIndex.value - 1)\n}\n\nfunction onMoveDown(): void {\n  if (!canMoveDown.value) {\n    return\n  }\n  builder.reorderEntry(selectedIndex.value, selectedIndex.value + 1)\n}\n\nfunction onRemove(): void {\n  const sel = builder.selection.value\n  if (sel.id) {\n    builder.removeEntry(sel.id)\n  }\n}\n\nfunction onClearSelection(): void {\n  builder.select(null)\n}\n\nfunction patchSelected(patch: Partial<Omit<ObjectBuilderEntry, \"id\">>): void {\n  const sel = builder.selection.value\n  if (sel.id) {\n    builder.updateEntry(sel.id, patch)\n  }\n}\n\nfunction previewValue(entry: ObjectBuilderEntry): string {\n  switch (entry.type) {\n    case \"null\":\n      return \"null\"\n    case \"boolean\":\n      return entry.value ? \"true\" : \"false\"\n    case \"string\":\n      return entry.value === \"\" ? '\"\"' : String(entry.value)\n    case \"number\":\n      return String(entry.value)\n    case \"array\":\n    case \"object\":\n      try {\n        return JSON.stringify(entry.value)\n      } catch {\n        return \"(invalid)\"\n      }\n  }\n}\n\nconst keyValue = computed<string>(() => selectedEntry.value?.key ?? \"\")\nconst stringValue = computed<string>(() =>\n  selectedEntry.value && selectedEntry.value.type === \"string\"\n    ? String(selectedEntry.value.value ?? \"\")\n    : \"\",\n)\nconst numberValue = computed<string>(() =>\n  selectedEntry.value && selectedEntry.value.type === \"number\"\n    ? String(selectedEntry.value.value ?? 0)\n    : \"\",\n)\nconst booleanValue = computed<boolean>(() =>\n  selectedEntry.value && selectedEntry.value.type === \"boolean\"\n    ? Boolean(selectedEntry.value.value)\n    : false,\n)\n\nconst jsonDraft = ref<string>(\"\")\nconst jsonError = ref<string>(\"\")\n\nwatch(\n  () => selectedEntry.value,\n  (next) => {\n    if (!next) {\n      jsonDraft.value = \"\"\n      jsonError.value = \"\"\n      return\n    }\n    if (next.type === \"array\" || next.type === \"object\") {\n      try {\n        jsonDraft.value = JSON.stringify(next.value, null, 2)\n      } catch {\n        jsonDraft.value = \"\"\n      }\n      jsonError.value = \"\"\n    }\n  },\n  { immediate: true },\n)\n\nfunction onJsonInput(raw: string): void {\n  jsonDraft.value = raw\n  try {\n    const parsed = JSON.parse(raw)\n    const entry = selectedEntry.value\n    if (!entry) {\n      return\n    }\n    if (entry.type === \"array\" && !Array.isArray(parsed)) {\n      jsonError.value = \"Value must be a JSON array.\"\n      return\n    }\n    if (\n      entry.type === \"object\" &&\n      (parsed === null || typeof parsed !== \"object\" || Array.isArray(parsed))\n    ) {\n      jsonError.value = \"Value must be a JSON object.\"\n      return\n    }\n    jsonError.value = \"\"\n    patchSelected({ value: parsed })\n  } catch (err) {\n    jsonError.value = err instanceof Error ? err.message : \"Invalid JSON.\"\n  }\n}\n\nfunction onTypeChange(next: string): void {\n  const t = next as ObjectBuilderEntryType\n  patchSelected({ type: t })\n}\n\n/** Re-export the flattening helper so consumers can `toRecord(schema)`. */\ndefineExpose({ toRecord })\n</script>\n\n<template>\n  <div\n    :class=\"\n      cn(\n        'gxp-object-builder grid gap-3 rounded-lg border bg-card',\n        props.classList,\n      )\n    \"\n    style=\"grid-template-columns: 200px 1fr 300px; min-height: 22rem\"\n    data-testid=\"object-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=\"object-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 PALETTE_TYPES\"\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=\"`object-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.displayLabel }}</span>\n            <span class=\"line-clamp-2 text-[10px] text-muted-foreground\">\n              {{ entry.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=\"object-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          Entries\n        </h4>\n        <Badge variant=\"outline\" class=\"font-mono text-[10px]\">\n          builder/object-builder\n        </Badge>\n      </header>\n\n      <p\n        v-if=\"entries.length === 0\"\n        class=\"rounded-md border border-dashed bg-background py-6 text-center text-xs text-muted-foreground\"\n        data-testid=\"object-builder-canvas-empty\"\n      >\n        Click an entry type in the palette to add one.\n      </p>\n\n      <ul\n        v-else\n        class=\"flex flex-col gap-1 text-xs\"\n        data-testid=\"object-builder-canvas-list\"\n      >\n        <li\n          v-for=\"(entry, index) in entries\"\n          :key=\"entry.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 === entry.id\n              ? 'border-primary bg-accent/30'\n              : ''\n          \"\n          :data-testid=\"`object-builder-row-${entry.id}`\"\n          @click=\"onRowClick(entry.id)\"\n        >\n          <span class=\"w-6 text-right tabular-nums text-muted-foreground\">\n            {{ index + 1 }}.\n          </span>\n          <span class=\"font-medium\">\n            {{ entry.key || \"(unnamed)\" }}\n          </span>\n          <Badge variant=\"secondary\" class=\"font-mono text-[9px]\">\n            {{ entry.type }}\n          </Badge>\n          <span\n            class=\"ml-auto max-w-[12rem] truncate font-mono text-[10px] text-muted-foreground\"\n          >\n            {{ previewValue(entry) }}\n          </span>\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=\"object-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=\"!selectedEntry\"\n        class=\"py-3 text-xs text-muted-foreground\"\n        data-testid=\"object-builder-inspector-empty\"\n      >\n        Select an entry to edit its key, type, and value.\n      </p>\n\n      <div\n        v-else\n        class=\"flex flex-col gap-3\"\n        data-testid=\"object-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              {{ selectedEntry.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 for=\"ob-key\">Key</Label>\n              <Input\n                id=\"ob-key\"\n                :model-value=\"keyValue\"\n                data-testid=\"object-builder-inspector-key\"\n                @input=\"\n                  (e: Event) =>\n                    patchSelected({\n                      key: (e.target as HTMLInputElement).value,\n                    })\n                \"\n              />\n            </div>\n\n            <div class=\"flex flex-col gap-1\">\n              <Label for=\"ob-type\">Type</Label>\n              <Select\n                :model-value=\"selectedEntry.type\"\n                @update:model-value=\"(v) => onTypeChange(v as string)\"\n              >\n                <SelectTrigger\n                  id=\"ob-type\"\n                  data-testid=\"object-builder-inspector-type\"\n                >\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem\n                    v-for=\"opt in PALETTE_TYPES\"\n                    :key=\"opt.type\"\n                    :value=\"opt.type\"\n                  >\n                    {{ opt.displayLabel }}\n                  </SelectItem>\n                </SelectContent>\n              </Select>\n            </div>\n\n            <div\n              v-if=\"selectedEntry.type === 'string'\"\n              class=\"flex flex-col gap-1\"\n            >\n              <Label for=\"ob-value-string\">Value</Label>\n              <Input\n                id=\"ob-value-string\"\n                :model-value=\"stringValue\"\n                data-testid=\"object-builder-inspector-value-string\"\n                @input=\"\n                  (e: Event) =>\n                    patchSelected({\n                      value: (e.target as HTMLInputElement).value,\n                    })\n                \"\n              />\n            </div>\n\n            <div\n              v-else-if=\"selectedEntry.type === 'number'\"\n              class=\"flex flex-col gap-1\"\n            >\n              <Label for=\"ob-value-number\">Value</Label>\n              <Input\n                id=\"ob-value-number\"\n                type=\"number\"\n                :model-value=\"numberValue\"\n                data-testid=\"object-builder-inspector-value-number\"\n                @input=\"\n                  (e: Event) => {\n                    const v = (e.target as HTMLInputElement).value\n                    const parsed = v === '' ? 0 : Number(v)\n                    patchSelected({\n                      value: Number.isNaN(parsed) ? 0 : parsed,\n                    })\n                  }\n                \"\n              />\n            </div>\n\n            <div\n              v-else-if=\"selectedEntry.type === 'boolean'\"\n              class=\"flex items-center justify-between rounded border bg-background px-2 py-1\"\n            >\n              <Label for=\"ob-value-boolean\">Value</Label>\n              <Switch\n                id=\"ob-value-boolean\"\n                :model-value=\"booleanValue\"\n                data-testid=\"object-builder-inspector-value-boolean\"\n                @update:model-value=\"(v: boolean) => patchSelected({ value: v })\"\n              />\n            </div>\n\n            <div\n              v-else-if=\"\n                selectedEntry.type === 'array' ||\n                selectedEntry.type === 'object'\n              \"\n              class=\"flex flex-col gap-1\"\n            >\n              <Label for=\"ob-value-json\">Value (JSON)</Label>\n              <Textarea\n                id=\"ob-value-json\"\n                :model-value=\"jsonDraft\"\n                rows=\"6\"\n                data-testid=\"object-builder-inspector-value-json\"\n                @input=\"\n                  (e: Event) =>\n                    onJsonInput((e.target as HTMLTextAreaElement).value)\n                \"\n              />\n              <p\n                v-if=\"jsonError\"\n                class=\"text-[11px] text-destructive\"\n                data-testid=\"object-builder-inspector-value-json-error\"\n              >\n                {{ jsonError }}\n              </p>\n            </div>\n\n            <div\n              v-else-if=\"selectedEntry.type === 'null'\"\n              class=\"rounded border bg-background px-2 py-1 text-xs text-muted-foreground\"\n              data-testid=\"object-builder-inspector-value-null\"\n            >\n              Value is fixed to <code class=\"font-mono\">null</code>.\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=\"object-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=\"object-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=\"object-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","useObjectBuilder","PALETTE_TYPES","isObjectBuilderSchema","value","onMounted","seed","recordToSchema","watch","next","entries","selectedEntry","sel","selectedIndex","canMoveDown","onPaletteClick","type","newId","onRowClick","entryId","onMoveUp","onMoveDown","onRemove","onClearSelection","patchSelected","patch","previewValue","entry","keyValue","_a","stringValue","numberValue","booleanValue","jsonDraft","jsonError","onJsonInput","raw","parsed","err","onTypeChange","__expose","toRecord","_createElementBlock","_normalizeClass","_unref","cn","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_hoisted_4","_Fragment","_renderList","$event","_createVNode","Plus","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_cache","Badge","_hoisted_11","_openBlock","_hoisted_12","index","_hoisted_14","_hoisted_15","_createTextVNode","_hoisted_16","_hoisted_17","_hoisted_18","_createBlock","Button","X","_hoisted_20","Card","CardHeader","CardTitle","CardContent","_hoisted_21","Label","Input","e","_hoisted_22","Select","v","SelectTrigger","SelectValue","SelectContent","opt","SelectItem","_hoisted_23","_hoisted_24","_hoisted_25","Switch","_hoisted_26","Textarea","_hoisted_27","_hoisted_28","_hoisted_29","ArrowUp","ArrowDown","Trash2","_hoisted_19"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEA,UAAMA,IAAQC,GAIRC,IAAQC,GAEbF,GAAC,YAAY;AAEd,QAAIG,IAAa;AACjB,aAASC,IAAqB;AAC5B,aAAAD,KAAc,GACP,kBAAkB,KAAK,IAAA,CAAK,IAAIA,CAAU;AAAA,IACnD;AACA,UAAME,IAAaC,EAAYF,GAAY,GAErCG,IAAYC,EAAiB,MAAMT,EAAM,aAAaM,EAAW,KAAK,GAEtEI,IAAUC,GAAiBH,EAAU,KAAK,GAE1CI,IAID;AAAA,MACH;AAAA,QACE,MAAM;AAAA,QACN,cAAc;AAAA,QACd,aAAa;AAAA,MAAA;AAAA,MAEf;AAAA,QACE,MAAM;AAAA,QACN,cAAc;AAAA,QACd,aAAa;AAAA,MAAA;AAAA,MAEf;AAAA,QACE,MAAM;AAAA,QACN,cAAc;AAAA,QACd,aAAa;AAAA,MAAA;AAAA,MAEf;AAAA,QACE,MAAM;AAAA,QACN,cAAc;AAAA,QACd,aAAa;AAAA,MAAA;AAAA,MAEf;AAAA,QACE,MAAM;AAAA,QACN,cAAc;AAAA,QACd,aAAa;AAAA,MAAA;AAAA,MAEf;AAAA,QACE,MAAM;AAAA,QACN,cAAc;AAAA,QACd,aAAa;AAAA,MAAA;AAAA,IACf;AAGF,aAASC,EAAsBC,GAA8C;AAC3E,aAAI,OAAOA,KAAU,YAAYA,MAAU,OAClC,KAGF,MAAM,QADHA,EACa,OAAO;AAAA,IAChC;AAGA,IAAAC,GAAU,MAAM;AACd,YAAMC,IAAOd,EAAM;AACnB,MAA0Bc,KAAS,SAG/BH,EAAsBG,CAAI,IAC5BN,EAAQ,WAAWM,CAAI,IACd,OAAOA,KAAS,YACzBN,EAAQ,WAAWO,GAAeD,CAA+B,CAAC;AAAA,IAEtE,CAAC,GAGDE;AAAA,MACE,MAAMR,EAAQ,OAAO;AAAA,MACrB,CAACS,MAAS;AACR,QAAAjB,EAAM,QAAQ;AAAA,UACZ,SAASiB,EAAK,QAAQ,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI;AAAA,QAAA;AAAA,MAE/C;AAAA,MACA,EAAE,MAAM,GAAA;AAAA,IAAK;AAGf,UAAMC,IAAUX;AAAA,MACd,MAAMC,EAAQ,OAAO,MAAM;AAAA,IAAA,GAGvBW,IAAgBZ,EAAoC,MAAM;AAC9D,YAAMa,IAAMZ,EAAQ,UAAU;AAC9B,aAAKY,EAAI,KAGFF,EAAQ,MAAM,KAAK,CAAC,MAAM,EAAE,OAAOE,EAAI,EAAE,KAAK,OAF5C;AAAA,IAGX,CAAC,GAEKC,IAAgBd,EAAiB,MAAM;AAC3C,YAAMa,IAAMZ,EAAQ,UAAU;AAC9B,aAAKY,EAAI,KAGFF,EAAQ,MAAM,UAAU,CAAC,MAAM,EAAE,OAAOE,EAAI,EAAE,IAF5C;AAAA,IAGX,CAAC,GAEKE,IAAcf,EAAkB,MAElCc,EAAc,SAAS,KAAKA,EAAc,QAAQH,EAAQ,MAAM,SAAS,CAE5E;AAED,aAASK,EAAeC,GAAoC;AAC1D,YAAMC,IAAQjB,EAAQ,SAASgB,CAAI;AACnC,MAAAhB,EAAQ,OAAOiB,CAAK;AAAA,IACtB;AAEA,aAASC,EAAWC,GAAuB;AACzC,MAAAnB,EAAQ,OAAOmB,CAAO;AAAA,IACxB;AAEA,aAASC,IAAiB;AACxB,MAAIP,EAAc,SAAS,KAG3Bb,EAAQ,aAAaa,EAAc,OAAOA,EAAc,QAAQ,CAAC;AAAA,IACnE;AAEA,aAASQ,IAAmB;AAC1B,MAAKP,EAAY,SAGjBd,EAAQ,aAAaa,EAAc,OAAOA,EAAc,QAAQ,CAAC;AAAA,IACnE;AAEA,aAASS,IAAiB;AACxB,YAAMV,IAAMZ,EAAQ,UAAU;AAC9B,MAAIY,EAAI,MACNZ,EAAQ,YAAYY,EAAI,EAAE;AAAA,IAE9B;AAEA,aAASW,IAAyB;AAChC,MAAAvB,EAAQ,OAAO,IAAI;AAAA,IACrB;AAEA,aAASwB,EAAcC,GAAsD;AAC3E,YAAMb,IAAMZ,EAAQ,UAAU;AAC9B,MAAIY,EAAI,MACNZ,EAAQ,YAAYY,EAAI,IAAIa,CAAK;AAAA,IAErC;AAEA,aAASC,EAAaC,GAAmC;AACvD,cAAQA,EAAM,MAAA;AAAA,QACZ,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAOA,EAAM,QAAQ,SAAS;AAAA,QAChC,KAAK;AACH,iBAAOA,EAAM,UAAU,KAAK,OAAO,OAAOA,EAAM,KAAK;AAAA,QACvD,KAAK;AACH,iBAAO,OAAOA,EAAM,KAAK;AAAA,QAC3B,KAAK;AAAA,QACL,KAAK;AACH,cAAI;AACF,mBAAO,KAAK,UAAUA,EAAM,KAAK;AAAA,UACnC,QAAQ;AACN,mBAAO;AAAA,UACT;AAAA,MAAA;AAAA,IAEN;AAEA,UAAMC,IAAW7B,EAAiB,MAAA;;AAAM,eAAA8B,IAAAlB,EAAc,UAAd,gBAAAkB,EAAqB,QAAO;AAAA,KAAE,GAChEC,IAAc/B;AAAA,MAAiB,MACnCY,EAAc,SAASA,EAAc,MAAM,SAAS,WAChD,OAAOA,EAAc,MAAM,SAAS,EAAE,IACtC;AAAA,IAAA,GAEAoB,IAAchC;AAAA,MAAiB,MACnCY,EAAc,SAASA,EAAc,MAAM,SAAS,WAChD,OAAOA,EAAc,MAAM,SAAS,CAAC,IACrC;AAAA,IAAA,GAEAqB,IAAejC;AAAA,MAAkB,MACrCY,EAAc,SAASA,EAAc,MAAM,SAAS,YAChD,EAAQA,EAAc,MAAM,QAC5B;AAAA,IAAA,GAGAsB,IAAYpC,EAAY,EAAE,GAC1BqC,IAAYrC,EAAY,EAAE;AAEhC,IAAAW;AAAA,MACE,MAAMG,EAAc;AAAA,MACpB,CAACF,MAAS;AACR,YAAI,CAACA,GAAM;AACT,UAAAwB,EAAU,QAAQ,IAClBC,EAAU,QAAQ;AAClB;AAAA,QACF;AACA,YAAIzB,EAAK,SAAS,WAAWA,EAAK,SAAS,UAAU;AACnD,cAAI;AACF,YAAAwB,EAAU,QAAQ,KAAK,UAAUxB,EAAK,OAAO,MAAM,CAAC;AAAA,UACtD,QAAQ;AACN,YAAAwB,EAAU,QAAQ;AAAA,UACpB;AACA,UAAAC,EAAU,QAAQ;AAAA,QACpB;AAAA,MACF;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK;AAGpB,aAASC,EAAYC,GAAmB;AACtC,MAAAH,EAAU,QAAQG;AAClB,UAAI;AACF,cAAMC,IAAS,KAAK,MAAMD,CAAG,GACvBT,IAAQhB,EAAc;AAC5B,YAAI,CAACgB;AACH;AAEF,YAAIA,EAAM,SAAS,WAAW,CAAC,MAAM,QAAQU,CAAM,GAAG;AACpD,UAAAH,EAAU,QAAQ;AAClB;AAAA,QACF;AACA,YACEP,EAAM,SAAS,aACdU,MAAW,QAAQ,OAAOA,KAAW,YAAY,MAAM,QAAQA,CAAM,IACtE;AACA,UAAAH,EAAU,QAAQ;AAClB;AAAA,QACF;AACA,QAAAA,EAAU,QAAQ,IAClBV,EAAc,EAAE,OAAOa,GAAQ;AAAA,MACjC,SAASC,GAAK;AACZ,QAAAJ,EAAU,QAAQI,aAAe,QAAQA,EAAI,UAAU;AAAA,MACzD;AAAA,IACF;AAEA,aAASC,GAAa9B,GAAoB;AAExC,MAAAe,EAAc,EAAE,MADNf,GACe;AAAA,IAC3B;AAGA,WAAA+B,EAAa,EAAE,UAAAC,IAAU,mBAIvBC,EA4SM,OAAA;AAAA,MA3SH,OAAKC;AAAAA,QAASC,EAAAC,EAAA;AAAA;UAA+EvD,EAAM;AAAA,QAAA;AAAA;MAMpG,OAAA,EAAA,yBAAA,mBAAA,cAAA,QAAA;AAAA,MACA,eAAY;AAAA,MACX,qBAAmBA,EAAM,QAAQ;AAAA,IAAA;MAElCwD,EA2BQ,SA3BRC,IA2BQ;AAAA,QAvBND,EAIK,MAJLE,IAIKC,EADA3D,EAAM,KAAK,GAAA,CAAA;AAAA,QAEhBwD,EAiBM,OAjBNI,IAiBM;AAAA,gBAhBJR,EAeSS,GAAA,MAAAC,EAdSlD,GAAa,CAAtByB,MADTmB,EAeS,UAAA;AAAA,YAbN,KAAKnB,EAAM;AAAA,YACZ,MAAK;AAAA,YACL,OAAM;AAAA,YACL,eAAW,0BAA4BA,EAAM,IAAI;AAAA,YACjD,SAAK,CAAA0B,MAAEtC,EAAeY,EAAM,IAAI;AAAA,UAAA;YAEjC2B,EAA4CV,EAAAW,EAAA,GAAA,EAAtC,OAAM,+BAA6B;AAAA,YACzCT,EAKO,QALPU,IAKO;AAAA,cAJLV,EAAyD,QAAzDW,IAAyDR,EAA5BtB,EAAM,YAAY,GAAA,CAAA;AAAA,cAC/CmB,EAEO,QAFPY,IAEOT,EADFtB,EAAM,WAAW,GAAA,CAAA;AAAA,YAAA;;;;MAO9BmB,EAwDU,WAxDVa,IAwDU;AAAA,QApDRb,EASS,UATTc,IASS;AAAA,UARPC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAf,EAIK,MAAA,EAHH,OAAM,sEAAA,GACP,aAED,EAAA;AAAA,UACAQ,EAEQV,EAAAkB,CAAA,GAAA;AAAA,YAFD,SAAQ;AAAA,YAAU,OAAM;AAAA,UAAA;uBAAwB,MAEvD,CAAA,GAAAD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,gBAFuD,4BAEvD,EAAA;AAAA,YAAA;;;;QAIMnD,EAAA,MAAQ,WAAM,UADtBgC,EAMI,KANJqB,IAIC,kDAED,MAEAC,EAAA,GAAAtB,EAgCK,MAhCLuB,IAgCK;AAAA,WA3BHD,EAAA,EAAA,GAAAtB,EA0BKS,GAAA,MAAAC,EAzBsB1C,EAAA,OAAO,CAAxBiB,GAAOuC,YADjBxB,EA0BK,MAAA;AAAA,YAxBF,KAAKf,EAAM;AAAA,YACZ;cAAM;AAAA,cACeiB,EAAA5C,CAAA,EAAQ,UAAU,MAAM,OAAO2B,EAAM;;YAKzD,eAAW,sBAAwBA,EAAM,EAAE;AAAA,YAC3C,SAAK,CAAA0B,MAAEnC,EAAWS,EAAM,EAAE;AAAA,UAAA;YAE3BmB,EAEO,QAFPqB,IAEOlB,EADFiB,SAAY,MACjB,CAAA;AAAA,YACApB,EAEO,QAFPsB,IAEOnB,EADFtB,EAAM,OAAG,WAAA,GAAA,CAAA;AAAA,YAEd2B,EAEQV,EAAAkB,CAAA,GAAA;AAAA,cAFD,SAAQ;AAAA,cAAY,OAAM;AAAA,YAAA;yBAC/B,MAAgB;AAAA,gBAAbO,EAAApB,EAAAtB,EAAM,IAAI,GAAA,CAAA;AAAA,cAAA;;;YAEfmB,EAIO,QAJPwB,IAIOrB,EADFvB,EAAaC,CAAK,CAAA,GAAA,CAAA;AAAA,UAAA;;;MAM7BmB,EAyMQ,SAzMRyB,IAyMQ;AAAA,QArMNzB,EAeS,UAfT0B,IAeS;AAAA,UAdPX,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAf,EAIK,MAAA,EAHH,OAAM,sEAAA,GACP,eAED,EAAA;AAAA,UAEQF,EAAA5C,CAAA,EAAQ,UAAU,MAAM,WADhCyE,GAQS7B,EAAA8B,CAAA,GAAA;AAAA;YANP,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,cAAW;AAAA,YACV,SAAOnD;AAAA,UAAA;uBAER,MAAyB;AAAA,cAAzB+B,EAAyBV,EAAA+B,EAAA,GAAA,EAAtB,OAAM,eAAa;AAAA,YAAA;;;;QAKjBhE,EAAA,SAOTqD,EAAA,GAAAtB,EA2KM,OA3KNkC,IA2KM;AAAA,UAtKJtB,EAsIOV,EAAAiC,EAAA,GAAA,EAtID,OAAM,mBAAe;AAAA,uBACzB,MAIa;AAAA,cAJbvB,EAIaV,EAAAkC,EAAA,GAAA,EAJD,OAAM,UAAM;AAAA,2BACtB,MAEY;AAAA,kBAFZxB,EAEYV,EAAAmC,EAAA,GAAA,EAFD,OAAM,+CAA2C;AAAA,+BAC1D,MAAwB;AAAA,sBAArBV,EAAApB,EAAAtC,EAAA,MAAc,IAAI,GAAA,CAAA;AAAA,oBAAA;;;;;;cAGzB2C,EA+HcV,EAAAoC,EAAA,GAAA,EA/HD,OAAM,8BAA0B;AAAA,2BAC3C,MAaM;AAAA,kBAbNlC,EAaM,OAbNmC,IAaM;AAAA,oBAZJ3B,EAA+BV,EAAAsC,CAAA,GAAA,EAAxB,KAAI,YAAQ;AAAA,iCAAC,MAAG,CAAA,GAAArB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,0BAAH,OAAG,EAAA;AAAA,sBAAA;;;oBACvBP,EAUEV,EAAAuC,CAAA,GAAA;AAAA,sBATA,IAAG;AAAA,sBACF,eAAavD,EAAA;AAAA,sBACd,eAAY;AAAA,sBACX,SAAKiC,EAAA,CAAA,MAAAA,EAAA,CAAA,KAAsBuB,MAAiC5D,EAAa;AAAA,6BAA+B4D,EAAE,OAA4B;AAAA,sBAAA;;;kBAS3ItC,EAsBM,OAtBNuC,IAsBM;AAAA,oBArBJ/B,EAAiCV,EAAAsC,CAAA,GAAA,EAA1B,KAAI,aAAS;AAAA,iCAAC,MAAI,CAAA,GAAArB,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA;AAAA,0BAAJ,QAAI,EAAA;AAAA,sBAAA;;;oBACzBP,EAmBSV,EAAA0C,EAAA,GAAA;AAAA,sBAlBN,eAAa3E,EAAA,MAAc;AAAA,sBAC3B,uBAAkBkD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAG0B,MAAMhD,GAAagD,CAAC;AAAA,oBAAA;iCAE1C,MAKgB;AAAA,wBALhBjC,EAKgBV,EAAA4C,EAAA,GAAA;AAAA,0BAJd,IAAG;AAAA,0BACH,eAAY;AAAA,wBAAA;qCAEZ,MAAe;AAAA,4BAAflC,EAAeV,EAAA6C,EAAA,CAAA;AAAA,0BAAA;;;wBAEjBnC,EAQgBV,EAAA8C,EAAA,GAAA,MAAA;AAAA,qCANZ,MAA4B;AAAA,kCAD9BhD,EAMaS,GAAA,MAAAC,EALGlD,GAAa,CAApByF,MADTrC,EAMaV,EAAAgD,EAAA,GAAA;AAAA,8BAJV,KAAKD,EAAI;AAAA,8BACT,OAAOA,EAAI;AAAA,4BAAA;yCAEZ,MAAsB;AAAA,gCAAnBtB,EAAApB,EAAA0C,EAAI,YAAY,GAAA,CAAA;AAAA,8BAAA;;;;;;;;;;kBAOnBhF,EAAA,MAAc,SAAI,YAD1BqD,KAAAtB,EAgBM,OAhBNmD,IAgBM;AAAA,oBAZJvC,EAA0CV,EAAAsC,CAAA,GAAA,EAAnC,KAAI,qBAAiB;AAAA,iCAAC,MAAK,CAAA,GAAArB,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA;AAAA,0BAAL,SAAK,EAAA;AAAA,sBAAA;;;oBAClCP,EAUEV,EAAAuC,CAAA,GAAA;AAAA,sBATA,IAAG;AAAA,sBACF,eAAarD,EAAA;AAAA,sBACd,eAAY;AAAA,sBACX,SAAK+B,EAAA,CAAA,MAAAA,EAAA,CAAA,KAAsBuB,MAAiC5D,EAAa;AAAA,+BAAiC4D,EAAE,OAA4B;AAAA,sBAAA;;wBAUhIzE,EAAA,MAAc,SAAI,YAD/BqD,KAAAtB,EAoBM,OApBNoD,IAoBM;AAAA,oBAhBJxC,EAA0CV,EAAAsC,CAAA,GAAA,EAAnC,KAAI,qBAAiB;AAAA,iCAAC,MAAK,CAAA,GAAArB,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA;AAAA,0BAAL,SAAK,EAAA;AAAA,sBAAA;;;oBAClCP,EAcEV,EAAAuC,CAAA,GAAA;AAAA,sBAbA,IAAG;AAAA,sBACH,MAAK;AAAA,sBACJ,eAAapD,EAAA;AAAA,sBACd,eAAY;AAAA,sBACX,SAAK8B,EAAA,CAAA,MAAAA,EAAA,CAAA,KAAsBuB,MAAQ;AAAiC,8BAAAG,IAAKH,EAAE,OAA4B,OAAgC/C,IAASkD,MAAC,KAAA,IAAc,OAAOA,CAAC;AAAsB,wBAAA/D,EAAa;AAAA,0BAAgC,OAAA,OAAO,MAAMa,CAAM,QAAQA;AAAA,wBAAA;;;wBAa7P1B,EAAA,MAAc,SAAI,aAD/BqD,KAAAtB,EAWM,OAXNqD,IAWM;AAAA,oBAPJzC,EAA2CV,EAAAsC,CAAA,GAAA,EAApC,KAAI,sBAAkB;AAAA,iCAAC,MAAK,CAAA,GAAArB,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA;AAAA,0BAAL,SAAK,EAAA;AAAA,sBAAA;;;oBACnCP,EAKEV,EAAAoD,EAAA,GAAA;AAAA,sBAJA,IAAG;AAAA,sBACF,eAAahE,EAAA;AAAA,sBACd,eAAY;AAAA,sBACX,uBAAkB6B,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAG0B,MAAe/D,WAAuB+D,GAAC;AAAA,oBAAA;wBAKnC5E,EAAA,MAAc,SAAI,WAAgCA,EAAA,MAAc,SAAI,YADlGqD,EAAA,GAAAtB,EAyBM,OAzBNuD,IAyBM;AAAA,oBAlBJ3C,EAA+CV,EAAAsC,CAAA,GAAA,EAAxC,KAAI,mBAAe;AAAA,iCAAC,MAAY,CAAA,GAAArB,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA;AAAA,0BAAZ,gBAAY,EAAA;AAAA,sBAAA;;;oBACvCP,EASEV,EAAAsD,EAAA,GAAA;AAAA,sBARA,IAAG;AAAA,sBACF,eAAajE,EAAA;AAAA,sBACd,MAAK;AAAA,sBACL,eAAY;AAAA,sBACX,SAAK4B,EAAA,CAAA,MAAAA,EAAA,CAAA,KAAsBuB,MAAiCjD,EAAaiD,EAAE,OAA+B,KAAK;AAAA,oBAAA;oBAM1GlD,EAAA,cADRQ,EAMI,KANJyD,IAMIlD,EADCf,EAAA,KAAS,GAAA,CAAA;wBAKHvB,EAAA,MAAc,SAAI,UAD/BqD,KAAAtB,EAMM,OANN0D,IAMM,CAAA,GAAAvC,EAAA,EAAA,MAAAA,EAAA,EAAA,IAAA;AAAA,sBAFL,uBACmB,EAAA;AAAA,oBAAAf,EAAmC,QAAA,EAA7B,OAAM,YAAA,GAAY,QAAI,EAAA;AAAA,sBAAO,MACvD,EAAA;AAAA,kBAAA;;;;;;;UAIJA,EA6BM,OA7BNuD,IA6BM;AAAA,YA5BJ/C,EAQSV,EAAA8B,CAAA,GAAA;AAAA,cAPP,SAAQ;AAAA,cACR,MAAK;AAAA,cACJ,UAAU7D,EAAA,SAAa;AAAA,cACxB,eAAY;AAAA,cACX,SAAOO;AAAA,YAAA;yBAER,MAA+B;AAAA,gBAA/BkC,EAA+BV,EAAA0D,EAAA,GAAA,EAAtB,OAAM,eAAa;AAAA,cAAA;;;YAE9BhD,EAQSV,EAAA8B,CAAA,GAAA;AAAA,cAPP,SAAQ;AAAA,cACR,MAAK;AAAA,cACJ,WAAW5D,EAAA;AAAA,cACZ,eAAY;AAAA,cACX,SAAOO;AAAA,YAAA;yBAER,MAAiC;AAAA,gBAAjCiC,EAAiCV,EAAA2D,EAAA,GAAA,EAAtB,OAAM,eAAa;AAAA,cAAA;;;YAEhCjD,EASSV,EAAA8B,CAAA,GAAA;AAAA,cARP,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,OAAM;AAAA,cACN,eAAY;AAAA,cACX,SAAOpD;AAAA,YAAA;yBAER,MAA8B;AAAA,gBAA9BgC,EAA8BV,EAAA4D,EAAA,GAAA,EAAtB,OAAM,eAAa;AAAA,oCAAG,YAEhC,EAAA;AAAA,cAAA;;;;oBAjLJ9D,EAMI,KANJ+D,IAIC,qDAED;AAAA;;;;"}

package/dist/components/compositions/elements/builder/PresetBuilder.vue.js

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

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

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

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

@@ -0,0 +1,166 @@
+import { defineComponent as B, useModel as V, ref as y, computed as n, onMounted as M, watch as P, openBlock as k, createBlock as w, unref as r, normalizeClass as _, withCtx as o, createVNode as l, createElementVNode as a, createTextVNode as d, mergeModels as L } from "vue";
+import "../../../ui/card/index.js";
+import "../../../ui/badge/index.js";
+import j from "../../../ui/field-frame/FieldFrame.vue.js";
+import C from "../../../ui/input/Input.vue.js";
+import "../../../ui/label/index.js";
+import S from "../../../ui/textarea/Textarea.vue.js";
+import T from "./FormBuilder.vue2.js";
+import { usePresetBuilder as A } from "../../../../stores/presetBuilderStore.js";
+import { useFormBuilder as R } from "../../../../stores/formBuilderStore.js";
+import { cn as z } from "../../../../lib/utils.js";
+import E from "../../../ui/card/Card.vue.js";
+import F from "../../../ui/card/CardHeader.vue.js";
+import O from "../../../ui/card/CardTitle.vue.js";
+import q from "../../../ui/badge/Badge.vue.js";
+import G from "../../../ui/card/CardContent.vue.js";
+import v from "../../../ui/label/Label.vue.js";
+const H = { class: "flex items-center justify-between gap-2" }, J = { class: "grid gap-3 sm:grid-cols-2" }, K = { class: "flex flex-col gap-1" }, Q = { class: "flex flex-col gap-1" }, pe = /* @__PURE__ */ B({
+  __name: "PresetBuilder",
+  props: /* @__PURE__ */ L({
+    modelValue: {},
+    builderId: {},
+    name: {},
+    item: { default: () => ({}) },
+    classList: {},
+    label: {},
+    hideLabel: { type: Boolean },
+    helpText: {},
+    errors: { default: () => [] }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(u) {
+    const s = u, p = V(u, "modelValue");
+    let c = 0;
+    function x() {
+      return c += 1, `preset-builder-${Date.now()}-${c}`;
+    }
+    const h = y(x()), g = n(() => s.builderId ?? h.value), i = A(g.value), f = n(() => i.state.value.innerBuilderId), b = R(f.value);
+    function I(e) {
+      if (typeof e != "object" || e === null)
+        return !1;
+      const t = e;
+      return typeof t.presetName == "string" && typeof t.schema == "object" && t.schema !== null;
+    }
+    M(() => {
+      const e = p.value;
+      I(e) && (i.loadMeta({
+        presetName: e.presetName,
+        presetDescription: e.presetDescription
+      }), b.loadSchema(e.schema));
+    });
+    const $ = n(() => b.schema.value), m = n(() => i.state.value);
+    P(
+      [m, $],
+      ([e, t]) => {
+        p.value = {
+          presetName: e.presetName,
+          presetDescription: e.presetDescription,
+          schema: t
+        };
+      },
+      { deep: !0 }
+    );
+    function N(e) {
+      i.setName(e.target.value);
+    }
+    function D(e) {
+      i.setDescription(e.target.value);
+    }
+    return (e, t) => (k(), w(r(j), {
+      label: s.label,
+      "hide-label": s.hideLabel,
+      "help-text": s.helpText,
+      errors: s.errors,
+      class: _(s.classList)
+    }, {
+      default: o(() => [
+        l(r(E), {
+          class: "gxp-preset-builder",
+          "data-testid": "preset-builder",
+          "data-element-name": s.name ?? void 0
+        }, {
+          default: o(() => [
+            l(r(F), null, {
+              default: o(() => [
+                a("div", H, [
+                  l(r(O), { class: "text-base" }, {
+                    default: o(() => [...t[0] || (t[0] = [
+                      d("Preset", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  l(r(q), {
+                    variant: "outline",
+                    class: "font-mono text-[10px]"
+                  }, {
+                    default: o(() => [...t[1] || (t[1] = [
+                      d(" builder/preset-builder ", -1)
+                    ])]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            }),
+            l(r(G), { class: "flex flex-col gap-4" }, {
+              default: o(() => [
+                a("div", J, [
+                  a("div", K, [
+                    l(r(v), { for: "preset-builder-name" }, {
+                      default: o(() => [...t[2] || (t[2] = [
+                        d("Preset name", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    l(r(C), {
+                      id: "preset-builder-name",
+                      "model-value": m.value.presetName,
+                      placeholder: "My preset",
+                      "data-testid": "preset-builder-name",
+                      onInput: N
+                    }, null, 8, ["model-value"])
+                  ]),
+                  a("div", Q, [
+                    l(r(v), { for: "preset-builder-description" }, {
+                      default: o(() => [...t[3] || (t[3] = [
+                        d("Description", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    l(r(S), {
+                      id: "preset-builder-description",
+                      "model-value": m.value.presetDescription,
+                      placeholder: "Optional description",
+                      "data-testid": "preset-builder-description",
+                      onInput: D
+                    }, null, 8, ["model-value"])
+                  ])
+                ]),
+                a("div", {
+                  class: _(r(z)("rounded-md border bg-card/40 p-2")),
+                  "data-testid": "preset-builder-inner"
+                }, [
+                  l(T, {
+                    "builder-id": f.value,
+                    item: s.item
+                  }, null, 8, ["builder-id", "item"])
+                ], 2)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["data-element-name"])
+      ]),
+      _: 1
+    }, 8, ["label", "hide-label", "help-text", "errors", "class"]));
+  }
+});
+export {
+  pe as default
+};
+//# sourceMappingURL=PresetBuilder.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PresetBuilder.vue2.js","sources":["../../../../../src/components/compositions/elements/builder/PresetBuilder.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * PresetBuilder — wraps a FormBuilder schema with a named, described\n * preset envelope.\n *\n * Layout:\n *   - Canvas header: preset name + description inputs.\n *   - Canvas body:   embedded FormBuilder bound to the inner schema.\n *\n * State for the name + description lives in `presetBuilderStore`. The\n * inner schema is owned by `formBuilderStore` (keyed off a derived\n * `innerBuilderId`) so all existing FormBuilder behaviours work\n * unchanged.\n *\n * Two-way binds the full `PresetBuilderSchema` via `defineModel`.\n */\nimport { computed, onMounted, ref, watch } from \"vue\"\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\"\nimport { Badge } from \"@/components/ui/badge\"\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 { Textarea } from \"@/components/ui/textarea\"\nimport FormBuilder from \"./FormBuilder.vue\"\nimport {\n  usePresetBuilder,\n  type PresetBuilderSchema,\n} from \"@/stores/presetBuilderStore\"\nimport {\n  useFormBuilder,\n  type BuilderSchema,\n} from \"@/stores/formBuilderStore\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface PresetBuilderProps\n  extends Pick<FieldFrameProps, \"label\" | \"hideLabel\" | \"helpText\" | \"errors\"> {\n  /** Initial / current schema. Two-way bindable via v-model. */\n  modelValue?: PresetBuilderSchema\n  /**\n   * Identifier used to key the presetBuilderStore. Defaults to a\n   * stable auto-generated id so multiple PresetBuilders on the same\n   * page 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<PresetBuilderProps>(), {\n  errors: () => [],\n  item: () => ({}),\n})\n\nconst model = defineModel<PresetBuilderSchema | undefined>(\"modelValue\")\n\nlet nextAutoId = 0\nfunction makeAutoId(): string {\n  nextAutoId += 1\n  return `preset-builder-${Date.now()}-${nextAutoId}`\n}\nconst fallbackId = ref<string>(makeAutoId())\nconst builderId = computed<string>(() => props.builderId ?? fallbackId.value)\n\nconst builder = usePresetBuilder(builderId.value)\nconst innerBuilderId = computed<string>(() => builder.state.value.innerBuilderId)\nconst inner = useFormBuilder(innerBuilderId.value)\n\nfunction isPresetSchema(value: unknown): value is PresetBuilderSchema {\n  if (typeof value !== \"object\" || value === null) {\n    return false\n  }\n  const v = value as Record<string, unknown>\n  return (\n    typeof v.presetName === \"string\" &&\n    typeof v.schema === \"object\" &&\n    v.schema !== null\n  )\n}\n\n/** Seed both stores from the initial modelValue. */\nonMounted(() => {\n  const seed = model.value\n  if (isPresetSchema(seed)) {\n    builder.loadMeta({\n      presetName: seed.presetName,\n      presetDescription: seed.presetDescription,\n    })\n    inner.loadSchema(seed.schema)\n  }\n})\n\nconst innerSchemaRef = computed<BuilderSchema>(() => inner.schema.value)\nconst stateRef = computed(() => builder.state.value)\n\n/** Push schema changes back via v-model. */\nwatch(\n  [stateRef, innerSchemaRef],\n  ([state, schema]) => {\n    model.value = {\n      presetName: state.presetName,\n      presetDescription: state.presetDescription,\n      schema,\n    }\n  },\n  { deep: true },\n)\n\nfunction onNameInput(e: Event): void {\n  builder.setName((e.target as HTMLInputElement).value)\n}\n\nfunction onDescriptionInput(e: Event): void {\n  builder.setDescription((e.target as HTMLTextAreaElement).value)\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    <Card\n      class=\"gxp-preset-builder\"\n      data-testid=\"preset-builder\"\n      :data-element-name=\"props.name ?? undefined\"\n    >\n      <CardHeader>\n        <div class=\"flex items-center justify-between gap-2\">\n          <CardTitle class=\"text-base\">Preset</CardTitle>\n          <Badge variant=\"outline\" class=\"font-mono text-[10px]\">\n            builder/preset-builder\n          </Badge>\n        </div>\n      </CardHeader>\n      <CardContent class=\"flex flex-col gap-4\">\n        <div class=\"grid gap-3 sm:grid-cols-2\">\n          <div class=\"flex flex-col gap-1\">\n            <Label for=\"preset-builder-name\">Preset name</Label>\n            <Input\n              id=\"preset-builder-name\"\n              :model-value=\"stateRef.presetName\"\n              placeholder=\"My preset\"\n              data-testid=\"preset-builder-name\"\n              @input=\"onNameInput\"\n            />\n          </div>\n          <div class=\"flex flex-col gap-1\">\n            <Label for=\"preset-builder-description\">Description</Label>\n            <Textarea\n              id=\"preset-builder-description\"\n              :model-value=\"stateRef.presetDescription\"\n              placeholder=\"Optional description\"\n              data-testid=\"preset-builder-description\"\n              @input=\"onDescriptionInput\"\n            />\n          </div>\n        </div>\n\n        <div\n          :class=\"cn('rounded-md border bg-card/40 p-2')\"\n          data-testid=\"preset-builder-inner\"\n        >\n          <FormBuilder\n            :builder-id=\"innerBuilderId\"\n            :item=\"props.item\"\n          />\n        </div>\n      </CardContent>\n    </Card>\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","nextAutoId","makeAutoId","fallbackId","ref","builderId","computed","builder","usePresetBuilder","innerBuilderId","inner","useFormBuilder","isPresetSchema","value","v","onMounted","seed","innerSchemaRef","stateRef","watch","state","schema","onNameInput","onDescriptionInput","_createBlock","_unref","FieldFrame","_normalizeClass","_createVNode","Card","CardHeader","_createElementVNode","_hoisted_1","CardTitle","_cache","Badge","CardContent","_hoisted_2","_hoisted_3","Label","Input","_hoisted_4","Textarea","cn","FormBuilder"],"mappings":"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"}

package/dist/components/compositions/elements/builder/QuizBuilder.vue.js

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

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

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