@opengis/cms 0.0.57 → 0.0.59

package/dist/vs-builder-edit-D-q1o8tF.js

@@ -0,0 +1,604 @@
+import { useModel as V, ref as v, computed as z, openBlock as p, createElementBlock as f, createElementVNode as t, createVNode as b, unref as h, createTextVNode as D, toDisplayString as a, withCtx as _, mergeModels as E, defineAsyncComponent as P, onMounted as H, createCommentVNode as L, Fragment as G, createBlock as j, normalizeClass as R, resolveDynamicComponent as J, onBeforeUnmount as K } from "vue";
+import { Type as k, Hash as O, Calendar as B, Clock as I, File as F, ListTree as $, List as N, Image as C, CheckSquare as M, ToggleRight as Q, Link as T, FileText as W, GitBranch as X, Files as Y, Tags as Z, Plus as ee, Edit as le, Trash as te, LayoutTemplate as ie } from "lucide-vue-next";
+import { VForm as se } from "@opengis/form";
+import { VsModal as S, notify as A, confirm as re } from "@opengis/core";
+import { useI18n as U } from "vue-i18n";
+import { d as oe } from "./vuedraggable-CoAPPFYd.js";
+const x = (d = 0, e) => ({
+  name: {
+    type: "text",
+    label: e("cms.builder.fieldLabels.name"),
+    required: !0,
+    placeholder: e("cms.builder.fieldPlaceholders.name"),
+    validators: ["required"]
+  },
+  label: {
+    type: "text",
+    label: e("cms.builder.fieldLabels.label"),
+    required: !0,
+    placeholder: e("cms.builder.fieldPlaceholders.label"),
+    validators: ["required"]
+  },
+  placeholder: {
+    type: "text",
+    label: e("cms.builder.fieldLabels.placeholder"),
+    required: !0,
+    placeholder: e("cms.builder.fieldPlaceholders.placeholder")
+  },
+  help: {
+    type: "text",
+    label: e("cms.builder.fieldLabels.help"),
+    placeholder: e("cms.builder.fieldPlaceholders.help")
+  },
+  type: {
+    type: "combobox",
+    mode: "combo",
+    label: e("cms.builder.fieldLabels.type"),
+    required: !0,
+    maxHeight: "300",
+    slots: {
+      option: `<div class="flex items-center gap-2 p-2 py-1 rounded hover:bg-gray-100" :class="{ 'bg-gray-100': selectedNavIndex === ind, 'bg-gray-100': modelValue == ind }" ><div :class="\`flex items-center gap-2 p-1 bg-\${color }-100 rounded\`"><component :is="icon" class="block" height="24" width="30"  /></div><span class="text-sm text-gray-700">{{ text }}</span></div>`
+    },
+    options: [
+      { text: e("cms.builder.fieldOptions.text"), id: "text", color: "blue", icon: k },
+      { text: e("cms.builder.fieldOptions.number"), id: "number", color: "green", icon: O },
+      { text: e("cms.builder.fieldOptions.date"), id: "date", color: "red", icon: B },
+      { text: e("cms.builder.fieldOptions.datetime"), id: "datetime", color: "purple", icon: I },
+      { text: e("cms.builder.fieldOptions.file"), id: "file", color: "yellow", icon: F },
+      { text: e("cms.builder.fieldOptions.select"), id: "select", color: "yellow", icon: $ },
+      { text: e("cms.builder.fieldOptions.multiselect"), id: "multiselect", color: "blue", icon: N },
+      { text: e("cms.builder.fieldOptions.mediaselect"), id: "mediaselect", color: "orange", icon: C },
+      { text: e("cms.builder.fieldOptions.radio"), id: "radio", color: "blue", icon: M },
+      { text: e("cms.builder.fieldOptions.boolean"), id: "boolean", color: "red", icon: Q },
+      { text: e("cms.builder.fieldOptions.datalist"), id: "datalist", color: "orange", icon: $ },
+      { text: e("cms.builder.fieldOptions.image"), id: "image", color: "blue", icon: C },
+      { text: e("cms.builder.fieldOptions.slug"), id: "slug", color: "green", icon: T },
+      { text: e("cms.builder.fieldOptions.richtext"), id: "richtext", color: "red", icon: k },
+      { text: e("cms.builder.fieldOptions.reference"), id: "reference", color: "yellow", icon: W },
+      { text: e("cms.builder.fieldOptions.relation"), id: "relation", color: "pink", icon: X },
+      { text: e("cms.builder.fieldOptions.fileList"), id: "FileList", color: "orange", icon: Y },
+      { text: e("cms.builder.fieldOptions.tags"), id: "tags", color: "blue", icon: Z }
+    ].filter((m) => d > 1 ? m.id !== "datalist" : !0),
+    validators: ["required"]
+  },
+  subtype: {
+    type: "combobox",
+    mode: "combo",
+    label: e("cms.builder.fieldLabels.subtype"),
+    placeholder: e("cms.builder.fieldPlaceholders.subtype"),
+    options: [
+      { text: e("cms.builder.fieldOptions.text"), id: "text" },
+      { text: e("cms.builder.fieldOptions.number"), id: "number" },
+      { text: e("cms.builder.fieldOptions.date"), id: "date" },
+      { text: e("cms.builder.fieldOptions.datetime"), id: "datetime" }
+    ],
+    conditions: ["type", "==", "array"]
+  },
+  parent: {
+    type: "text",
+    label: e("cms.builder.fieldLabels.parent"),
+    placeholder: e("cms.builder.fieldPlaceholders.parent"),
+    conditions: ["type", "in", ["slug", "select", "multiselect"]]
+  },
+  data: {
+    type: "text",
+    label: e("cms.builder.fieldLabels.data"),
+    placeholder: e("cms.builder.fieldPlaceholders.data"),
+    conditions: ["type", "in", ["select", "multiselect"]]
+  },
+  options: {
+    type: "datatable",
+    label: e("cms.builder.fieldLabels.options"),
+    conditions: ["type", "in", ["select", "multiselect", "radio"]],
+    colModel: [
+      {
+        key: "id",
+        label: "ID",
+        type: "text",
+        validators: ["required"],
+        col: 6
+      },
+      {
+        key: "text",
+        label: "Text",
+        type: "text",
+        validators: ["required"],
+        col: 6
+      },
+      {
+        key: "icon",
+        ua: "Icon",
+        type: "text",
+        col: 6
+      }
+    ]
+  },
+  colModel: d <= 1 ? {
+    type: "datatable",
+    label: e("cms.builder.fieldLabels.colModel"),
+    conditions: ["type", "==", "datalist"],
+    colModel: Object.entries(x(d + 1, e)).map(([m, s]) => ({
+      key: m,
+      ...s,
+      ua: (s == null ? void 0 : s.label) || (s == null ? void 0 : s.ua)
+    }))
+  } : {
+    type: "switcher",
+    label: e("cms.builder.fieldLabels.required"),
+    hidden: !0,
+    required: !0
+  },
+  multiple: {
+    type: "switcher",
+    label: e("cms.builder.fieldLabels.multiple"),
+    conditions: ["type", "==", "file"]
+  },
+  relation: {
+    type: "combobox",
+    data: "collection",
+    label: e("cms.builder.fieldLabels.relation"),
+    conditions: ["type", "==", "relation"]
+  },
+  required: {
+    type: "switcher",
+    label: e("cms.builder.fieldLabels.required"),
+    required: !0
+  },
+  localization: {
+    type: "switcher",
+    label: e("cms.builder.fieldLabels.localization"),
+    conditions: ["type", "in", ["richtext", "text", "reference", "multiselect", "datalist"]],
+    required: !0
+  }
+}), ae = { class: "flex justify-end p-[20px] gap-[10px] border-t w-full" }, de = {
+  __name: "vs-builder-datatable-form",
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(d) {
+    const { t: e } = U(), m = V(d, "modelValue"), s = v(!1), l = v({}), r = v({}), g = z(() => (r.value, x(0, e))), n = async () => {
+      if (await l.value.validate()) {
+        A({
+          type: "warning",
+          title: e("cms.common.actions.warning"),
+          message: e("cms.builder.createFieldFailed")
+        });
+        return;
+      }
+      try {
+        m.value = [...m.value, r.value], r.value = {}, s.value = !1;
+      } catch (o) {
+        console.log(o);
+      }
+    };
+    return (i, o) => (p(), f("div", null, [
+      t("button", {
+        onClick: o[0] || (o[0] = (u) => s.value = !0),
+        class: "inline-flex items-center justify-center h-10 gap-2 px-4 py-2 text-sm font-medium transition-colors border rounded-md hover hover:bg-gray-200 whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring 0"
+      }, [
+        b(h(ee), { class: "w-4 h-4 mr-2" }),
+        D(" " + a(i.$t("cms.common.actions.addField")), 1)
+      ]),
+      b(h(S), {
+        teleport: "#modal",
+        title: i.$t("cms.builder.createField"),
+        size: "small",
+        visible: s.value,
+        "onUpdate:visible": o[4] || (o[4] = (u) => s.value = u),
+        onClose: o[5] || (o[5] = (u) => s.value = !1)
+      }, {
+        footer: _(() => [
+          t("div", ae, [
+            t("button", {
+              class: "inline-flex items-center px-3 py-2 text-sm text-black duration-300 border border-gray-200 rounded-lg gap-x-2 whitespace-nowrap hover:bg-gray-100",
+              onClick: o[3] || (o[3] = (u) => s.value = !1)
+            }, a(i.$t("cms.common.actions.cancel")), 1),
+            t("button", {
+              onClick: n,
+              class: "py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-white bg-blue-500 rounded-lg !border-gray-200 hover:bg-blue-700 duration-300"
+            }, a(i.$t("cms.common.actions.save")), 1)
+          ])
+        ]),
+        default: _(() => [
+          b(h(se), {
+            modelValue: r.value,
+            "onUpdate:modelValue": o[1] || (o[1] = (u) => r.value = u),
+            schema: g.value,
+            form: l.value,
+            "onUpdate:form": o[2] || (o[2] = (u) => l.value = u)
+          }, null, 8, ["modelValue", "schema", "form"])
+        ]),
+        _: 1
+      }, 8, ["title", "visible"])
+    ]));
+  }
+}, ne = { class: "flex items-center justify-end col-span-3 gap-2" }, ce = {
+  key: 2,
+  class: "w-8 h-4"
+}, ue = { class: "flex justify-end p-[20px] gap-[10px] border-t w-full" }, me = {
+  __name: "vs-builder-datatable-controls",
+  props: /* @__PURE__ */ E({
+    index: {
+      type: Number,
+      required: !0
+    },
+    data: {
+      type: Object,
+      required: !0
+    }
+  }, {
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    columnsModifiers: {}
+  }),
+  emits: ["update:columns"],
+  setup(d) {
+    const { t: e } = U(), m = P(() => import("@opengis/form")), s = d, l = V(d, "columns"), r = v(!1), g = v({}), n = v({ ...s.data || {} }), i = v({});
+    H(() => {
+      s.data.required ? i.value = {
+        ...x(0, e),
+        name: {
+          ...x(0, e).name,
+          disabled: !0
+        },
+        label: {
+          ...x(0, e).label,
+          disabled: !0
+        },
+        type: {
+          ...x(0, e).type,
+          disabled: !0
+        }
+      } : i.value = x(0, e);
+    });
+    const o = () => {
+      re({
+        title: e("cms.builder.deleteTitle"),
+        message: e("cms.builder.deleteField"),
+        type: "error",
+        onConfirm: () => {
+          u();
+        }
+      });
+    }, u = () => {
+      l.value = l.value.filter((y, c) => c !== s.index);
+    }, q = async () => {
+      if (await g.value.validate()) {
+        A({
+          type: "warning",
+          title: e("cms.common.actions.warning"),
+          message: e("cms.builder.editFieldFailed")
+        });
+        return;
+      }
+      try {
+        l.value[s.index] = n.value, r.value = !1;
+      } catch (c) {
+        console.log(c);
+      }
+    };
+    return (y, c) => (p(), f("div", ne, [
+      ["status"].includes(d.data.name) ? L("", !0) : (p(), f("button", {
+        key: 0,
+        onClick: c[0] || (c[0] = (w) => r.value = !0),
+        class: "inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:text-accent-foreground h-8 w-8 rounded-full hover:bg-gray-100"
+      }, [
+        b(h(le), { class: "w-4 h-4" })
+      ])),
+      d.data.required ? (p(), f("button", ce)) : (p(), f("button", {
+        key: 1,
+        onClick: o,
+        class: "inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 h-8 w-8 rounded-full hover:bg-red-100 text-red-600 hover:text-red-700"
+      }, [
+        b(h(te), { class: "w-4 h-4" })
+      ])),
+      b(h(S), {
+        teleport: "#modal",
+        visible: r.value,
+        title: y.$t("cms.builder.editField"),
+        onClose: c[4] || (c[4] = (w) => r.value = !1)
+      }, {
+        footer: _(() => [
+          t("div", ue, [
+            t("button", {
+              class: "inline-flex items-center px-3 py-2 text-sm text-black duration-300 border border-gray-200 rounded-lg gap-x-2 whitespace-nowrap hover:bg-gray-100",
+              onClick: c[3] || (c[3] = (w) => r.value = !1)
+            }, a(y.$t("cms.common.actions.cancel")), 1),
+            t("button", {
+              class: "py-2 px-3 inline-flex items-center gap-x-2 text-sm whitespace-nowrap text-white bg-blue-500 rounded-lg !border-gray-200 hover:bg-blue-700 duration-300",
+              onClick: q
+            }, a(y.$t("cms.common.actions.save")), 1)
+          ])
+        ]),
+        default: _(() => [
+          b(h(m), {
+            modelValue: n.value,
+            "onUpdate:modelValue": c[1] || (c[1] = (w) => n.value = w),
+            schema: i.value,
+            form: g.value,
+            "onUpdate:form": c[2] || (c[2] = (w) => g.value = w)
+          }, null, 8, ["modelValue", "schema", "form"])
+        ]),
+        _: 1
+      }, 8, ["visible", "title"])
+    ]));
+  }
+}, pe = { class: "flex items-center justify-between mb-6" }, be = { class: "text-xl font-semibold text-gray-900" }, fe = { class: "mt-1 text-sm text-gray-600" }, ge = { class: "flex items-center gap-2" }, he = { class: "overflow-hidden bg-white border border-gray-200 shadow-sm rounded-xl" }, ve = { class: "grid grid-cols-12 gap-4 px-6 py-4 border-b border-gray-200 bg-gray-50" }, ye = { class: "col-span-5 font-medium text-gray-700" }, xe = { class: "col-span-3 font-medium text-gray-700" }, we = { class: "col-span-2 font-medium text-gray-700" }, ke = { class: "col-span-2 font-medium text-right text-gray-700" }, Ve = { class: "divide-y divide-gray-100" }, _e = { class: "grid items-center grid-cols-12 gap-4 px-6 py-4 transition-colors hover:bg-gray-50/50" }, qe = { class: "flex items-center col-span-5 gap-3" }, $e = { class: "font-medium text-gray-900" }, Ce = { class: "text-xs text-gray-500" }, Le = {
+  key: 0,
+  class: "inline-flex items-center px-2 py-1 text-xs font-medium text-blue-700 rounded-full bg-blue-50 ring-1 ring-inset ring-blue-700/10"
+}, Oe = { class: "col-span-3" }, Fe = { class: "inline-flex items-center px-2 py-1 text-sm font-medium text-gray-600 rounded-md bg-gray-50 ring-1 ring-inset ring-gray-500/10" }, Me = { class: "col-span-1" }, Te = {
+  key: 0,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "lucide lucide-circle-check w-4 h-4 text-emerald-600"
+}, Ue = {
+  key: 1,
+  class: "grid items-center grid-cols-12 gap-4 px-6 py-4 transition-colors hover:bg-gray-50/50"
+}, je = { class: "col-span-5" }, ze = { class: "text-gray-500" }, Pe = {
+  __name: "vs-builder-datatable",
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(d) {
+    const e = V(d, "modelValue"), m = (l) => l === "array" ? "purple" : l === "boolean" || l === "date" ? "red" : l === "datetime" ? "purple" : l === "number" ? "green" : l === "text" ? "blue" : l === "file" || l === "select" ? "yellow" : l === "slug" ? "green" : l === "image" ? "blue" : "gray", s = (l) => {
+      switch (l) {
+        case "text":
+          return k;
+        case "number":
+          return O;
+        case "integer":
+          return O;
+        case "date":
+          return B;
+        case "datetime":
+          return I;
+        case "file":
+          return F;
+        case "select":
+          return $;
+        case "multiselect":
+          return N;
+        case "mediaselect":
+          return C;
+        case "radio":
+          return M;
+        case "boolean":
+          return M;
+        case "datalist":
+          return $;
+        case "image":
+          return C;
+        case "slug":
+          return T;
+        case "richtext":
+          return k;
+        case "markdown":
+          return k;
+        case "reference":
+          return ie;
+        case "relation":
+          return T;
+        case "FileList":
+          return F;
+        default:
+          return k;
+      }
+    };
+    return (l, r) => {
+      var g, n;
+      return p(), f(G, null, [
+        t("div", pe, [
+          t("div", null, [
+            t("h2", be, a(l.$t("cms.builder.collectionStructure")), 1),
+            t("p", fe, a(l.$t("cms.builder.defineFields")), 1)
+          ]),
+          t("div", ge, [
+            b(de, {
+              modelValue: e.value.columns,
+              "onUpdate:modelValue": r[0] || (r[0] = (i) => e.value.columns = i)
+            }, null, 8, ["modelValue"])
+          ])
+        ]),
+        t("div", he, [
+          t("div", ve, [
+            t("div", ye, a(l.$t("cms.builder.name")), 1),
+            t("div", xe, a(l.$t("cms.builder.type")), 1),
+            t("div", we, a(l.$t("cms.builder.localization")), 1),
+            t("div", ke, a(l.$t("cms.builder.actions")), 1)
+          ]),
+          t("div", Ve, [
+            (n = (g = e.value) == null ? void 0 : g.columns) != null && n.length ? (p(), j(h(oe), {
+              key: 0,
+              modelValue: e.value.columns,
+              "onUpdate:modelValue": r[2] || (r[2] = (i) => e.value.columns = i),
+              "item-key": "name",
+              handle: ".drag-handle",
+              animation: 200
+            }, {
+              item: _(({ element: i, index: o }) => {
+                var u, q;
+                return [
+                  t("div", _e, [
+                    t("div", qe, [
+                      r[3] || (r[3] = t("span", { class: "drag-handle cursor-move mr-2 text-gray-400" }, "☰", -1)),
+                      t("div", {
+                        class: R(["flex items-center justify-center p-1 rounded", `bg-${m((u = i.type) == null ? void 0 : u.toLowerCase())}-100`])
+                      }, [
+                        (p(), j(J(s((q = i.type) == null ? void 0 : q.toLowerCase())), { class: "w-4 h-4" }))
+                      ], 2),
+                      t("div", null, [
+                        t("p", $e, a(i.label), 1),
+                        t("p", Ce, a(i.name), 1)
+                      ]),
+                      i.required ? (p(), f("span", Le, a(l.$t("cms.builder.required")), 1)) : L("", !0)
+                    ]),
+                    t("div", Oe, [
+                      t("span", Fe, a(i.type), 1)
+                    ]),
+                    t("div", Me, [
+                      i.localization ? (p(), f("svg", Te, [...r[4] || (r[4] = [
+                        t("circle", {
+                          cx: "12",
+                          cy: "12",
+                          r: "10"
+                        }, null, -1),
+                        t("path", { d: "m9 12 2 2 4-4" }, null, -1)
+                      ])])) : L("", !0)
+                    ]),
+                    b(me, {
+                      columns: e.value.columns,
+                      "onUpdate:columns": r[1] || (r[1] = (y) => e.value.columns = y),
+                      data: e.value.columns[o],
+                      index: o
+                    }, null, 8, ["columns", "data", "index"])
+                  ])
+                ];
+              }),
+              _: 1
+            }, 8, ["modelValue"])) : (p(), f("div", Ue, [
+              t("div", je, [
+                t("p", ze, a(l.$t("cms.builder.noColumnsFound")), 1)
+              ])
+            ]))
+          ])
+        ])
+      ], 64);
+    };
+  }
+}, Ee = {
+  __name: "vs-builder-edit",
+  props: {
+    data: {},
+    dataModifiers: {},
+    form: {},
+    formModifiers: {}
+  },
+  emits: ["update:data", "update:form"],
+  setup(d) {
+    const { t: e } = U(), m = P(() => import("@opengis/form")), s = V(d, "data"), l = V(d, "form");
+    v({});
+    const r = z(() => ({
+      name: {
+        type: "text",
+        disabled: !0,
+        readonly: !0,
+        label: e("cms.builder.scheme.name.label"),
+        required: !0,
+        placeholder: e("cms.builder.scheme.name.placeholder"),
+        validators: ["required"],
+        col: 3
+      },
+      title: {
+        type: "text",
+        label: e("cms.builder.scheme.title.label"),
+        required: !0,
+        placeholder: e("cms.builder.scheme.title.placeholder"),
+        validators: ["required"],
+        col: 3
+      },
+      preview_path: {
+        type: "text",
+        label: e("cms.builder.scheme.preview_path.label"),
+        placeholder: e("cms.builder.scheme.preview_path.placeholder"),
+        col: 3,
+        info: e("cms.builder.scheme.preview_path.info")
+      },
+      // slug: {
+      //   type: "slug",
+      //   label: "Title",
+      //   parent: "title",
+      //   required: true,
+      //   placeholder: "Title",
+      //   validators: ["required"],
+      //   col: 4,
+      // },
+      type: {
+        hidden: !0,
+        type: "select",
+        label: e("cms.builder.scheme.type.label"),
+        required: !0,
+        placeholder: e("cms.builder.scheme.type.placeholder"),
+        validators: ["required"],
+        col: 4,
+        options: [
+          {
+            text: e("cms.builder.scheme.type.options.collection"),
+            id: "collection"
+          },
+          {
+            text: e("cms.builder.scheme.type.options.single"),
+            id: "single"
+          }
+        ]
+      },
+      status: {
+        hidden: !0,
+        type: "select",
+        label: e("cms.builder.scheme.status.label"),
+        required: !0,
+        placeholder: e("cms.builder.scheme.status.placeholder"),
+        col: 4,
+        options: [
+          {
+            text: e("cms.builder.scheme.status.options.published"),
+            id: "published"
+          },
+          {
+            text: e("cms.builder.scheme.status.options.draft"),
+            id: "draft"
+          },
+          {
+            text: e("cms.builder.scheme.status.options.archived"),
+            id: "archived"
+          }
+        ]
+      },
+      include_search: {
+        type: "switcher",
+        label: e("cms.builder.scheme.include_search.label"),
+        placeholder: e("cms.builder.scheme.include_search.placeholder"),
+        col: 3
+      },
+      description: {
+        type: "textarea",
+        label: e("cms.builder.scheme.description.label"),
+        required: !0,
+        placeholder: e("cms.builder.scheme.description.placeholder")
+      }
+    }));
+    return K(() => {
+      l.value = null;
+    }), (g, n) => (p(), f("div", null, [
+      b(h(m), {
+        modelValue: s.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (i) => s.value = i),
+        schema: r.value,
+        form: l.value,
+        "onUpdate:form": n[1] || (n[1] = (i) => l.value = i)
+      }, null, 8, ["modelValue", "schema", "form"]),
+      b(Pe, {
+        modelValue: s.value,
+        "onUpdate:modelValue": n[2] || (n[2] = (i) => s.value = i)
+      }, null, 8, ["modelValue"])
+    ]));
+  }
+};
+export {
+  Ee as default
+};

package/dist/vs-builder-monaco-Cw-f19gc.js

@@ -0,0 +1,33 @@
+import { ref as l, useModel as m, onMounted as u, openBlock as r, createElementBlock as d, createVNode as i, createCommentVNode as s } from "vue";
+import { _ as c } from "./MonacoEditor.vue_vue_type_script_setup_true_lang-C8cip9Ci.js";
+const g = {
+  __name: "vs-builder-monaco",
+  props: {
+    yaml: { type: String, default: "" },
+    yamlModifiers: {}
+  },
+  emits: ["update:yaml"],
+  setup(o) {
+    const a = l("");
+    m(o, "yaml");
+    const e = l(null);
+    return u(() => {
+      e.value = Math.random().toString(36).substring(2, 15);
+    }), (p, t) => e.value ? (r(), d("div", { key: e.value }, [
+      i(c, {
+        modelValue: a.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (n) => a.value = n),
+        language: "yaml",
+        theme: "vs-light",
+        height: "calc(100vh - 200px)",
+        width: "100%",
+        options: {
+          minimap: { enabled: !1 }
+        }
+      }, null, 8, ["modelValue"])
+    ])) : s("", !0);
+  }
+};
+export {
+  g as default
+};

package/dist/vs-builder-preview-BH4VAM3a.js

@@ -0,0 +1,44 @@
+import { ref as c, useModel as s, computed as d, openBlock as u, createElementBlock as v, createBlock as _, unref as g, createCommentVNode as k } from "vue";
+import { g as V } from "./getField-CpwVE28P.js";
+import { inputs as e, VForm as $ } from "@opengis/form";
+import h from "./vs-form-custom-datatable-BDZo48w3.js";
+import x from "./vs-form-reference-list-Dtv8fJJU.js";
+import { _ as B } from "./vs-form-tiptap.vue_vue_type_script_setup_true_lang-DGgsqXwg.js";
+import r from "./vs-form-media-select-NY27EaG1.js";
+import { _ as M } from "./vs-richtext-md.vue_vue_type_script_setup_true_lang-Ct8uTV-J.js";
+import b from "./vs-form-integer-BZ855R3g.js";
+import y from "./vs-form-reletion-link-BhzNQszm.js";
+const A = {
+  __name: "vs-builder-preview",
+  props: {
+    data: {},
+    dataModifiers: {},
+    form: {},
+    formModifiers: {}
+  },
+  emits: ["update:data", "update:form"],
+  setup(o) {
+    e["vs-input-custom-datatable"] = h, e["vs-input-reference"] = x, e["vs-input-texteditor"] = B, e["vs-input-mediaselect"] = r, e["vs-input-file"] = r, e["vs-input-image"] = r, e["vs-input-richtext-md"] = M, e["vs-input-integer"] = b, e["vs-input-relation-link"] = y;
+    const a = c({}), f = s(o, "data"), l = s(o, "form"), i = d(() => {
+      var m, t;
+      return ((t = (m = f.value) == null ? void 0 : m.columns) == null ? void 0 : t.map(V)) || [];
+    });
+    return (m, t) => {
+      var n;
+      return u(), v("div", {
+        ref_key: "form",
+        ref: l
+      }, [
+        ((n = i.value) == null ? void 0 : n.length) > 0 ? (u(), _(g($), {
+          key: 0,
+          modelValue: a.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (p) => a.value = p),
+          schema: i.value
+        }, null, 8, ["modelValue", "schema"])) : k("", !0)
+      ], 512);
+    };
+  }
+};
+export {
+  A as default
+};