@opengis/cms 0.0.57 → 0.0.59

package/dist/EditCollectionPage-Cw3GQYRe.js

@@ -1,809 +0,0 @@
-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 ie, renderList as se } 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-Y5WXnRR0.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);
-    }), (i, t) => d.value ? (m(), g("div", { key: d.value }, [
-      x(ae, {
-        modelValue: e.value,
-        "onUpdate:modelValue": t[0] || (t[0] = (s) => e.value = s),
-        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
-      },
-      {
-        key: "icon",
-        ua: "Icon",
-        type: "text",
-        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, i]) => ({
-      key: d,
-      ...i,
-      ua: (i == null ? void 0 : i.label) || (i == null ? void 0 : i.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"), i = v(!1), t = v({}), s = v({}), p = F(() => (s.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, s.value], s.value = {}, i.value = !1;
-      } catch (r) {
-        console.log(r);
-      }
-    };
-    return (o, r) => (m(), g("div", null, [
-      l("button", {
-        onClick: r[0] || (r[0] = (y) => i.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: i.value,
-        "onUpdate:visible": r[4] || (r[4] = (y) => i.value = y),
-        onClose: r[5] || (r[5] = (y) => i.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) => i.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: s.value,
-            "onUpdate:modelValue": r[1] || (r[1] = (y) => s.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")), i = n, t = V(n, "columns"), s = v(!1), p = v({}), c = v({ ...i.data || {} }), o = v({});
-    P(() => {
-      i.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 !== i.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[i.index] = c.value, s.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) => s.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: s.value,
-        title: k.$t("cms.builder.editField"),
-        onClose: b[4] || (b[4] = (C) => s.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) => s.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", i = (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, s) => {
-      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": s[0] || (s[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": s[2] || (s[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, [
-                      s[3] || (s[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(i((_ = 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, [...s[4] || (s[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": s[1] || (s[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")), i = V(n, "data"), t = V(n, "form");
-    v({});
-    const s = 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: i.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (o) => i.value = o),
-        schema: s.value,
-        form: t.value,
-        "onUpdate:form": c[1] || (c[1] = (o) => t.value = o)
-      }, null, 8, ["modelValue", "schema", "form"]),
-      x(tt, {
-        modelValue: i.value,
-        "onUpdate:modelValue": c[2] || (c[2] = (o) => i.value = o)
-      }, null, 8, ["modelValue"])
-    ]));
-  }
-}, it = {
-  __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"), i = V(n, "form"), t = F(() => {
-      var s, p;
-      return ((p = (s = d.value) == null ? void 0 : s.columns) == null ? void 0 : p.map(ke)) || [];
-    });
-    return (s, p) => {
-      var c;
-      return m(), g("div", {
-        ref_key: "form",
-        ref: i
-      }, [
-        ((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);
-    };
-  }
-}, st = {
-  monaco: Ce,
-  edit: lt,
-  preview: it
-}, 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 = ie("cms.fetchContentTypes"), i = v("edit"), t = v({ yaml: "", data: { columns: [], type: "collection" } }), s = 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 s.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(i.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, se(y.value, (u) => (m(), g("button", {
-            key: u.id,
-            onClick: (L) => i.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 === i.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(st)[i.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: s.value,
-          "onUpdate:form": h[3] || (h[3] = (u) => s.value = u)
-        }, null, 40, ["yaml", "data", "form"]))
-      ])) : O("", !0)
-    ]));
-  }
-});
-export {
-  Ct as default
-};