@opengis/cms 0.0.47 → 0.0.49

package/dist/EditCollectionPage-DtgvKGm-.js

@@ -0,0 +1,803 @@
+import { ref as v, useModel as V, onMounted as P, openBlock as m, createElementBlock as g, createVNode as x, createCommentVNode as O, computed as F, createElementVNode as l, unref as w, createTextVNode as H, toDisplayString as a, withCtx as j, mergeModels as ee, defineAsyncComponent as G, Fragment as J, createBlock as U, normalizeClass as Y, resolveDynamicComponent as K, onBeforeUnmount as te, defineComponent as le, inject as se, renderList as ie } from "vue";
+import { useRoute as oe, useRouter as re } from "vue-router";
+import { _ as ae } from "./MonacoEditor.vue_vue_type_script_setup_true_lang-B1DrxmQX.js";
+import { Plus as ne, Edit as de, Trash as ce, Type as M, File as S, Link as B, LayoutTemplate as ue, Image as A, ListTree as D, CheckSquare as E, List as me, Clock as pe, Calendar as be, Hash as R } from "lucide-vue-next";
+import { VForm as Q, inputs as $ } from "@opengis/form";
+import { VsModal as W, notify as T, confirm as fe } from "@opengis/core";
+import { useI18n as I } from "vue-i18n";
+import { d as ve } from "./vuedraggable-CoAPPFYd.js";
+import { _ as ge, a as ye, V as he, b as z, c as xe, d as we, e as _e, g as ke } from "./getField-C7EZs-YQ.js";
+import { _ as $e } from "./CollectionsBreadcrumb.vue_vue_type_script_setup_true_lang-CnOe9ORD.js";
+const Ce = {
+  __name: "vs-builder-monaco",
+  props: {
+    yaml: { type: String, default: "" },
+    yamlModifiers: {}
+  },
+  emits: ["update:yaml"],
+  setup(n) {
+    const e = v("");
+    V(n, "yaml");
+    const d = v(null);
+    return P(() => {
+      d.value = Math.random().toString(36).substring(2, 15);
+    }), (s, t) => d.value ? (m(), g("div", { key: d.value }, [
+      x(ae, {
+        modelValue: e.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (i) => e.value = i),
+        language: "yaml",
+        theme: "vs-light",
+        height: "calc(100vh - 200px)",
+        width: "100%",
+        options: {
+          minimap: { enabled: !1 }
+        }
+      }, null, 8, ["modelValue"])
+    ])) : O("", !0);
+  }
+}, q = (n = 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-${id}`" 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: "Type" },
+      { text: e("cms.builder.fieldOptions.number"), id: "number", color: "green", icon: "Hash" },
+      { text: e("cms.builder.fieldOptions.date"), id: "date", color: "red", icon: "Calendar" },
+      { text: e("cms.builder.fieldOptions.datetime"), id: "datetime", color: "purple", icon: "CalendarClock" },
+      { text: e("cms.builder.fieldOptions.file"), id: "file", color: "yellow", icon: "File" },
+      { text: e("cms.builder.fieldOptions.select"), id: "select", color: "yellow", icon: "Check" },
+      { text: e("cms.builder.fieldOptions.multiselect"), id: "multiselect", color: "blue", icon: "List" },
+      { text: e("cms.builder.fieldOptions.mediaselect"), id: "mediaselect", color: "orange", icon: "Image" },
+      { text: e("cms.builder.fieldOptions.radio"), id: "radio", color: "blue", icon: "Disc" },
+      { text: e("cms.builder.fieldOptions.boolean"), id: "boolean", color: "red", icon: "ToggleRight" },
+      { text: e("cms.builder.fieldOptions.datalist"), id: "datalist", color: "orange", icon: "ListChecks" },
+      { text: e("cms.builder.fieldOptions.image"), id: "image", color: "blue", icon: "Image" },
+      { text: e("cms.builder.fieldOptions.slug"), id: "slug", color: "green", icon: "Link" },
+      { text: e("cms.builder.fieldOptions.richtext"), id: "richtext", color: "red", icon: "AlignLeft" },
+      { text: e("cms.builder.fieldOptions.reference"), id: "reference", color: "yellow", icon: "FileText" },
+      { text: e("cms.builder.fieldOptions.relation"), id: "relation", color: "pink", icon: "GitBranch" },
+      { text: e("cms.builder.fieldOptions.fileList"), id: "FileList", color: "orange", icon: "Files" },
+      { text: e("cms.builder.fieldOptions.tags"), id: "tags", color: "blue", icon: "Tags" }
+    ].filter((d) => n > 1 ? d.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
+      }
+    ]
+  },
+  colModel: n <= 1 ? {
+    type: "datatable",
+    label: e("cms.builder.fieldLabels.colModel"),
+    conditions: ["type", "==", "datalist"],
+    colModel: Object.entries(q(n + 1, e)).map(([d, s]) => ({
+      key: d,
+      ...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
+  }
+}), Ve = { class: "flex justify-end p-[20px] gap-[10px] border-t w-full" }, Le = {
+  __name: "vs-builder-datatable-form",
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(n) {
+    const { t: e } = I(), d = V(n, "modelValue"), s = v(!1), t = v({}), i = v({}), p = F(() => (i.value, q(0, e))), c = async () => {
+      if (await t.value.validate()) {
+        T({
+          type: "warning",
+          title: e("cms.common.actions.warning"),
+          message: e("cms.builder.createFieldFailed")
+        });
+        return;
+      }
+      try {
+        d.value = [...d.value, i.value], i.value = {}, s.value = !1;
+      } catch (r) {
+        console.log(r);
+      }
+    };
+    return (o, r) => (m(), g("div", null, [
+      l("button", {
+        onClick: r[0] || (r[0] = (y) => 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"
+      }, [
+        x(w(ne), { class: "w-4 h-4 mr-2" }),
+        H(" " + a(o.$t("cms.common.actions.addField")), 1)
+      ]),
+      x(w(W), {
+        teleport: "#modal",
+        title: o.$t("cms.builder.createField"),
+        size: "small",
+        visible: s.value,
+        "onUpdate:visible": r[4] || (r[4] = (y) => s.value = y),
+        onClose: r[5] || (r[5] = (y) => s.value = !1)
+      }, {
+        footer: j(() => [
+          l("div", Ve, [
+            l("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: r[3] || (r[3] = (y) => s.value = !1)
+            }, a(o.$t("cms.common.actions.cancel")), 1),
+            l("button", {
+              onClick: c,
+              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(o.$t("cms.common.actions.save")), 1)
+          ])
+        ]),
+        default: j(() => [
+          x(w(Q), {
+            modelValue: i.value,
+            "onUpdate:modelValue": r[1] || (r[1] = (y) => i.value = y),
+            schema: p.value,
+            form: t.value,
+            "onUpdate:form": r[2] || (r[2] = (y) => t.value = y)
+          }, null, 8, ["modelValue", "schema", "form"])
+        ]),
+        _: 1
+      }, 8, ["title", "visible"])
+    ]));
+  }
+}, qe = { class: "flex items-center justify-end col-span-3 gap-2" }, Fe = {
+  key: 2,
+  class: "w-8 h-4"
+}, Oe = { class: "flex justify-end p-[20px] gap-[10px] border-t w-full" }, Te = {
+  __name: "vs-builder-datatable-controls",
+  props: /* @__PURE__ */ ee({
+    index: {
+      type: Number,
+      required: !0
+    },
+    data: {
+      type: Object,
+      required: !0
+    }
+  }, {
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    columnsModifiers: {}
+  }),
+  emits: ["update:columns"],
+  setup(n) {
+    const { t: e } = I(), d = G(() => import("@opengis/form")), s = n, t = V(n, "columns"), i = v(!1), p = v({}), c = v({ ...s.data || {} }), o = v({});
+    P(() => {
+      s.data.required ? o.value = {
+        ...q(0, e),
+        name: {
+          ...q(0, e).name,
+          disabled: !0
+        },
+        label: {
+          ...q(0, e).label,
+          disabled: !0
+        },
+        type: {
+          ...q(0, e).type,
+          disabled: !0
+        }
+      } : o.value = q(0, e);
+    });
+    const r = () => {
+      fe({
+        title: e("cms.builder.deleteTitle"),
+        message: e("cms.builder.deleteField"),
+        type: "error",
+        onConfirm: () => {
+          y();
+        }
+      });
+    }, y = () => {
+      t.value = t.value.filter((k, b) => b !== s.index);
+    }, _ = async () => {
+      if (await p.value.validate()) {
+        T({
+          type: "warning",
+          title: e("cms.common.actions.warning"),
+          message: e("cms.builder.editFieldFailed")
+        });
+        return;
+      }
+      try {
+        t.value[s.index] = c.value, i.value = !1;
+      } catch (b) {
+        console.log(b);
+      }
+    };
+    return (k, b) => (m(), g("div", qe, [
+      ["status"].includes(n.data.name) ? O("", !0) : (m(), g("button", {
+        key: 0,
+        onClick: b[0] || (b[0] = (C) => i.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"
+      }, [
+        x(w(de), { class: "w-4 h-4" })
+      ])),
+      n.data.required ? (m(), g("button", Fe)) : (m(), g("button", {
+        key: 1,
+        onClick: r,
+        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"
+      }, [
+        x(w(ce), { class: "w-4 h-4" })
+      ])),
+      x(w(W), {
+        teleport: "#modal",
+        visible: i.value,
+        title: k.$t("cms.builder.editField"),
+        onClose: b[4] || (b[4] = (C) => i.value = !1)
+      }, {
+        footer: j(() => [
+          l("div", Oe, [
+            l("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: b[3] || (b[3] = (C) => i.value = !1)
+            }, a(k.$t("cms.common.actions.cancel")), 1),
+            l("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: _
+            }, a(k.$t("cms.common.actions.save")), 1)
+          ])
+        ]),
+        default: j(() => [
+          x(w(d), {
+            modelValue: c.value,
+            "onUpdate:modelValue": b[1] || (b[1] = (C) => c.value = C),
+            schema: o.value,
+            form: p.value,
+            "onUpdate:form": b[2] || (b[2] = (C) => p.value = C)
+          }, null, 8, ["modelValue", "schema", "form"])
+        ]),
+        _: 1
+      }, 8, ["visible", "title"])
+    ]));
+  }
+}, je = { class: "flex items-center justify-between mb-6" }, Me = { class: "text-xl font-semibold text-gray-900" }, Ue = { class: "mt-1 text-sm text-gray-600" }, Ie = { class: "flex items-center gap-2" }, ze = { class: "overflow-hidden bg-white border border-gray-200 shadow-sm rounded-xl" }, Pe = { class: "grid grid-cols-12 gap-4 px-6 py-4 border-b border-gray-200 bg-gray-50" }, Ne = { class: "col-span-5 font-medium text-gray-700" }, Se = { class: "col-span-3 font-medium text-gray-700" }, Be = { class: "col-span-2 font-medium text-gray-700" }, Ae = { class: "col-span-2 font-medium text-right text-gray-700" }, De = { class: "divide-y divide-gray-100" }, Ee = { class: "grid items-center grid-cols-12 gap-4 px-6 py-4 transition-colors hover:bg-gray-50/50" }, Re = { class: "flex items-center col-span-5 gap-3" }, He = { class: "font-medium text-gray-900" }, Ge = { class: "text-xs text-gray-500" }, Je = {
+  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"
+}, Ye = { class: "col-span-3" }, Ke = { 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" }, Qe = { class: "col-span-1" }, We = {
+  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"
+}, Xe = {
+  key: 1,
+  class: "grid items-center grid-cols-12 gap-4 px-6 py-4 transition-colors hover:bg-gray-50/50"
+}, Ze = { class: "col-span-5" }, et = { class: "text-gray-500" }, tt = {
+  __name: "vs-builder-datatable",
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(n) {
+    const e = V(n, "modelValue"), d = (t) => t === "array" ? "purple" : t === "boolean" || t === "date" ? "red" : t === "datetime" ? "purple" : t === "number" ? "green" : t === "text" ? "blue" : t === "file" || t === "select" ? "yellow" : t === "slug" ? "green" : t === "image" ? "blue" : "gray", s = (t) => {
+      switch (t) {
+        case "text":
+          return M;
+        case "number":
+          return R;
+        case "integer":
+          return R;
+        case "date":
+          return be;
+        case "datetime":
+          return pe;
+        case "file":
+          return S;
+        case "select":
+          return D;
+        case "multiselect":
+          return me;
+        case "mediaselect":
+          return A;
+        case "radio":
+          return E;
+        case "boolean":
+          return E;
+        case "datalist":
+          return D;
+        case "image":
+          return A;
+        case "slug":
+          return B;
+        case "richtext":
+          return M;
+        case "markdown":
+          return M;
+        case "reference":
+          return ue;
+        case "relation":
+          return B;
+        case "FileList":
+          return S;
+        default:
+          return M;
+      }
+    };
+    return (t, i) => {
+      var p, c;
+      return m(), g(J, null, [
+        l("div", je, [
+          l("div", null, [
+            l("h2", Me, a(t.$t("cms.builder.collectionStructure")), 1),
+            l("p", Ue, a(t.$t("cms.builder.defineFields")), 1)
+          ]),
+          l("div", Ie, [
+            x(Le, {
+              modelValue: e.value.columns,
+              "onUpdate:modelValue": i[0] || (i[0] = (o) => e.value.columns = o)
+            }, null, 8, ["modelValue"])
+          ])
+        ]),
+        l("div", ze, [
+          l("div", Pe, [
+            l("div", Ne, a(t.$t("cms.builder.name")), 1),
+            l("div", Se, a(t.$t("cms.builder.type")), 1),
+            l("div", Be, a(t.$t("cms.builder.localization")), 1),
+            l("div", Ae, a(t.$t("cms.builder.actions")), 1)
+          ]),
+          l("div", De, [
+            (c = (p = e.value) == null ? void 0 : p.columns) != null && c.length ? (m(), U(w(ve), {
+              key: 0,
+              modelValue: e.value.columns,
+              "onUpdate:modelValue": i[2] || (i[2] = (o) => e.value.columns = o),
+              "item-key": "name",
+              handle: ".drag-handle",
+              animation: 200
+            }, {
+              item: j(({ element: o, index: r }) => {
+                var y, _;
+                return [
+                  l("div", Ee, [
+                    l("div", Re, [
+                      i[3] || (i[3] = l("span", { class: "drag-handle cursor-move mr-2 text-gray-400" }, "☰", -1)),
+                      l("div", {
+                        class: Y(["flex items-center justify-center p-1 rounded", `bg-${d((y = o.type) == null ? void 0 : y.toLowerCase())}-100`])
+                      }, [
+                        (m(), U(K(s((_ = o.type) == null ? void 0 : _.toLowerCase())), { class: "w-4 h-4" }))
+                      ], 2),
+                      l("div", null, [
+                        l("p", He, a(o.label), 1),
+                        l("p", Ge, a(o.name), 1)
+                      ]),
+                      o.required ? (m(), g("span", Je, a(t.$t("cms.builder.required")), 1)) : O("", !0)
+                    ]),
+                    l("div", Ye, [
+                      l("span", Ke, a(o.type), 1)
+                    ]),
+                    l("div", Qe, [
+                      o.localization ? (m(), g("svg", We, [...i[4] || (i[4] = [
+                        l("circle", {
+                          cx: "12",
+                          cy: "12",
+                          r: "10"
+                        }, null, -1),
+                        l("path", { d: "m9 12 2 2 4-4" }, null, -1)
+                      ])])) : O("", !0)
+                    ]),
+                    x(Te, {
+                      columns: e.value.columns,
+                      "onUpdate:columns": i[1] || (i[1] = (k) => e.value.columns = k),
+                      data: e.value.columns[r],
+                      index: r
+                    }, null, 8, ["columns", "data", "index"])
+                  ])
+                ];
+              }),
+              _: 1
+            }, 8, ["modelValue"])) : (m(), g("div", Xe, [
+              l("div", Ze, [
+                l("p", et, a(t.$t("cms.builder.noColumnsFound")), 1)
+              ])
+            ]))
+          ])
+        ])
+      ], 64);
+    };
+  }
+}, lt = {
+  __name: "vs-builder-edit",
+  props: {
+    data: {},
+    dataModifiers: {},
+    form: {},
+    formModifiers: {}
+  },
+  emits: ["update:data", "update:form"],
+  setup(n) {
+    const { t: e } = I(), d = G(() => import("@opengis/form")), s = V(n, "data"), t = V(n, "form");
+    v({});
+    const i = F(() => ({
+      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 te(() => {
+      t.value = null;
+    }), (p, c) => (m(), g("div", null, [
+      x(w(d), {
+        modelValue: s.value,
+        "onUpdate:modelValue": c[0] || (c[0] = (o) => s.value = o),
+        schema: i.value,
+        form: t.value,
+        "onUpdate:form": c[1] || (c[1] = (o) => t.value = o)
+      }, null, 8, ["modelValue", "schema", "form"]),
+      x(tt, {
+        modelValue: s.value,
+        "onUpdate:modelValue": c[2] || (c[2] = (o) => s.value = o)
+      }, null, 8, ["modelValue"])
+    ]));
+  }
+}, st = {
+  __name: "vs-builder-preview",
+  props: {
+    data: {},
+    dataModifiers: {},
+    form: {},
+    formModifiers: {}
+  },
+  emits: ["update:data", "update:form"],
+  setup(n) {
+    $["vs-input-custom-datatable"] = ge, $["vs-input-reference"] = ye, $["vs-input-texteditor"] = he, $["vs-input-mediaselect"] = z, $["vs-input-file"] = z, $["vs-input-image"] = z, $["vs-input-richtext-md"] = xe, $["vs-input-integer"] = we, $["vs-input-relation-link"] = _e;
+    const e = v({}), d = V(n, "data"), s = V(n, "form"), t = F(() => {
+      var i, p;
+      return ((p = (i = d.value) == null ? void 0 : i.columns) == null ? void 0 : p.map(ke)) || [];
+    });
+    return (i, p) => {
+      var c;
+      return m(), g("div", {
+        ref_key: "form",
+        ref: s
+      }, [
+        ((c = t.value) == null ? void 0 : c.length) > 0 ? (m(), U(w(Q), {
+          key: 0,
+          modelValue: e.value,
+          "onUpdate:modelValue": p[0] || (p[0] = (o) => e.value = o),
+          schema: t.value
+        }, null, 8, ["modelValue", "schema"])) : O("", !0)
+      ], 512);
+    };
+  }
+}, it = {
+  monaco: Ce,
+  edit: lt,
+  preview: st
+}, ot = { class: "mx-auto max-w-[90%]" }, rt = { class: "flex items-center justify-between mb-6" }, at = { class: "mb-2 text-2xl font-semibold text-gray-900" }, nt = { class: "lowercase" }, dt = { class: "text-gray-600" }, ct = { class: "flex items-center gap-2" }, ut = { class: "w-full" }, mt = { class: "flex items-center w-full h-10 max-w-md grid-cols-3 p-1 mb-6 bg-white border border-gray-200 rounded-md text-muted-foreground" }, pt = ["onClick"], bt = {
+  key: 0,
+  class: "mx-auto bg-white rounded-md py-4 px-2 bg-opacity-50"
+}, Ct = /* @__PURE__ */ le({
+  __name: "EditCollectionPage",
+  setup(n) {
+    const { t: e } = I(), d = se("cms.fetchContentTypes"), s = v("edit"), t = v({ yaml: "", data: { columns: [], type: "collection" } }), i = v({}), p = v(""), c = oe(), o = re(), r = v(!1), y = F(() => [
+      // {
+      //   name: "YAML",
+      //   id: "monaco",
+      // },
+      {
+        name: e("cms.builder.edit"),
+        id: "edit"
+      },
+      {
+        name: e("cms.builder.preview"),
+        id: "preview"
+      }
+    ]), _ = F(() => {
+      const f = c.params.id;
+      return f === "edit" ? c.params.collection : f;
+    }), k = F(() => [
+      {
+        label: p.value || _.value,
+        route: `collections/${_.value}`
+      },
+      {
+        label: e("cms.collections.edit")
+      }
+    ]), b = (f) => {
+      o.push(`/${f}`);
+    }, C = async () => {
+      var f;
+      try {
+        if (!_.value)
+          return;
+        const u = await (await fetch(`/api/cms-type/${_.value}`)).json(), L = {
+          ...u,
+          columns: Array.isArray(u.columns) ? u.columns : (f = Object.entries((u == null ? void 0 : u.columns) || {})) == null ? void 0 : f.map(([N, Z]) => ({
+            ...Z,
+            name: N
+          }))
+        };
+        t.value = {
+          ...t.value,
+          data: L
+        }, p.value = L.title || L.name;
+      } catch (h) {
+        console.error(h);
+      } finally {
+        r.value = !0;
+      }
+    }, X = async () => {
+      var f, h;
+      try {
+        if (await i.value.validate()) {
+          T({
+            type: "warning",
+            title: e("cms.common.actions.warning"),
+            message: e("cms.builder.editFieldFailed")
+          });
+          return;
+        }
+        const L = _.value;
+        if (!L)
+          return;
+        const N = await fetch(
+          `/api/cms-type/${L}`,
+          {
+            method: "PUT",
+            headers: {
+              "Content-Type": "application/json"
+            },
+            body: JSON.stringify(s.value === "monaco" ? (f = t.value) == null ? void 0 : f.yaml : (h = t.value) == null ? void 0 : h.data)
+          }
+        );
+        o.back(), d && d(), T({
+          type: "success",
+          title: e("cms.common.actions.success"),
+          message: e("cms.collections.collectionCreated")
+        });
+      } catch (u) {
+        console.error(u), T({
+          type: "error",
+          title: e("cms.common.actions.error"),
+          message: e("cms.collections.collectionCreationFailed")
+        });
+      }
+    };
+    return P(() => {
+      C();
+    }), (f, h) => (m(), g("div", ot, [
+      x($e, {
+        items: k.value,
+        onNavigate: b
+      }, null, 8, ["items"]),
+      l("div", rt, [
+        l("div", null, [
+          l("h1", at, [
+            H(a(f.$t("cms.builder.editCollection")) + ": ", 1),
+            l("span", nt, ' "' + a(p.value) + '" ', 1)
+          ]),
+          l("p", dt, a(f.$t("cms.builder.editContentForYourSite")), 1)
+        ]),
+        l("div", ct, [
+          l("a", {
+            onClick: h[0] || (h[0] = (u) => w(o).back()),
+            class: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md 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 border bg-background hover:text-accent-foreground h-10 px-4 py-2 border-gray-300 text-gray-700 hover:bg-gray-50"
+          }, a(f.$t("cms.common.actions.back")), 1),
+          l("button", {
+            onClick: X,
+            class: "inline-flex items-center justify-center gap-2 whitespace-nowrap text-white rounded-md 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 text-primary-foreground h-10 px-4 py-2 bg-blue-600 hover:bg-blue-700"
+          }, a(f.$t("cms.common.actions.save")), 1)
+        ])
+      ]),
+      l("div", ut, [
+        l("div", mt, [
+          (m(!0), g(J, null, ie(y.value, (u) => (m(), g("button", {
+            key: u.id,
+            onClick: (L) => s.value = u.id,
+            class: Y([
+              "inline-flex flex-1 items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm data-[state=active]:bg-blue-50 data-[state=active]:text-blue-700 data-[state=active]:border-blue-200",
+              u.id === s.value ? "bg-blue-50 text-blue-700 border-blue-200" : ""
+            ])
+          }, a(u.name), 11, pt))), 128))
+        ])
+      ]),
+      r.value ? (m(), g("div", bt, [
+        (m(), U(K(w(it)[s.value]), {
+          yaml: t.value.yaml,
+          "onUpdate:yaml": h[1] || (h[1] = (u) => t.value.yaml = u),
+          data: t.value.data,
+          "onUpdate:data": h[2] || (h[2] = (u) => t.value.data = u),
+          form: i.value,
+          "onUpdate:form": h[3] || (h[3] = (u) => i.value = u)
+        }, null, 40, ["yaml", "data", "form"]))
+      ])) : O("", !0)
+    ]));
+  }
+});
+export {
+  Ct as default
+};