@opengis/cms 0.0.59 → 0.0.61

package/dist/EditCollectionPage-3Q57ptN3.js

@@ -0,0 +1,188 @@
+import { defineAsyncComponent as k, defineComponent as S, inject as q, ref as m, computed as v, onMounted as D, openBlock as p, createElementBlock as h, createVNode as O, createElementVNode as r, createTextVNode as R, toDisplayString as f, unref as A, Fragment as W, renderList as J, normalizeClass as M, createBlock as Y, resolveDynamicComponent as G, createCommentVNode as H } from "vue";
+import { useRoute as K, useRouter as P } from "vue-router";
+import { useI18n as Q } from "vue-i18n";
+import { notify as $ } from "@opengis/core";
+import { _ as X } from "./CollectionsBreadcrumb.vue_vue_type_script_setup_true_lang-umRzB5mY.js";
+const Z = {
+  monaco: k(() => import("./vs-builder-monaco-B3Jj0V31.js")),
+  edit: k(() => import("./vs-builder-edit-D-q1o8tF.js")),
+  preview: k(() => import("./vs-builder-preview-BH4VAM3a.js"))
+}, ee = { class: "mx-auto max-w-[90%]" }, te = { class: "flex items-center justify-between mb-6" }, oe = { class: "mb-2 text-2xl font-semibold text-gray-900" }, ne = { class: "lowercase" }, se = { class: "text-gray-600" }, ie = { class: "flex items-center gap-2" }, ae = { class: "w-full" }, re = { 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" }, le = ["onClick"], ce = {
+  key: 0,
+  class: "mx-auto bg-white rounded-md py-4 px-2 bg-opacity-50"
+}, ge = /* @__PURE__ */ S({
+  __name: "EditCollectionPage",
+  setup(ue) {
+    const { t: s } = Q(), j = q("cms.fetchContentTypes"), g = m("edit"), n = m({ yaml: "", data: { columns: [], type: "collection" } }), w = m({}), x = m(""), l = K(), b = P(), I = m(!1), _ = m(!0), C = m(""), F = v(() => [
+      // {
+      //   name: "YAML",
+      //   id: "monaco",
+      // },
+      {
+        name: s("cms.builder.edit"),
+        id: "edit"
+      },
+      {
+        name: s("cms.builder.preview"),
+        id: "preview"
+      }
+    ]), c = v(() => {
+      if (typeof l.params.collection == "string" && typeof l.params.contentId == "string")
+        return l.params.collection;
+      const e = l.params.id;
+      return e === "edit" ? l.params.collection : e;
+    }), y = v(() => typeof l.params.contentId == "string" ? l.params.contentId : null), L = v(() => {
+      if (c.value && y.value)
+        return `/collections/${c.value}/${y.value}`;
+      const e = l.query.from;
+      return typeof e == "string" && e.startsWith("/") ? e : null;
+    }), N = v(() => {
+      if (C.value)
+        return C.value;
+      const e = l.query.fromLabel;
+      return typeof e == "string" && e.trim() ? e.trim() : null;
+    }), B = v(() => {
+      var t, i, u, a, d, T;
+      const e = x.value || c.value, o = [
+        {
+          label: ((i = (t = n.value) == null ? void 0 : t.data) == null ? void 0 : i.type) == "single" ? s("cms.navigation.singletons") : e,
+          route: `collections/${((a = (u = n.value) == null ? void 0 : u.data) == null ? void 0 : a.type) == "single" ? "pages" : c.value}`
+        },
+        {
+          label: (((T = (d = n.value) == null ? void 0 : d.data) == null ? void 0 : T.type) == "single" ? e + " - " : "") + s("cms.collections.edit")
+        }
+      ].filter((E) => E);
+      return L.value && N.value && o.splice(1, 0, {
+        label: N.value,
+        route: L.value
+      }), o;
+    }), U = (e) => {
+      if (e) {
+        if (e.startsWith("/")) {
+          b.push(e);
+          return;
+        }
+        b.push(`/${e}`);
+      }
+    }, V = async () => {
+      var e;
+      try {
+        if (_.value = !0, !c.value)
+          return;
+        if (y.value) {
+          const u = await fetch(
+            `/api/cms/${c.value}/${y.value}`
+          );
+          if (u.ok) {
+            const a = await u.json(), d = Array.isArray(a == null ? void 0 : a.rows) ? a.rows[0] : a;
+            d != null && d.title && (C.value = d.title);
+          }
+        }
+        const t = await (await fetch(`/api/cms-type/${c.value}`)).json(), i = {
+          ...t,
+          columns: Array.isArray(t.columns) ? t.columns : (e = Object.entries((t == null ? void 0 : t.columns) || {})) == null ? void 0 : e.map(([u, a]) => ({
+            ...a,
+            name: u
+          }))
+        };
+        n.value = {
+          ...n.value,
+          data: i
+        }, x.value = i.title || i.name;
+      } catch (o) {
+        console.error(o);
+      } finally {
+        _.value = !1, I.value = !0;
+      }
+    }, z = async () => {
+      var e, o;
+      try {
+        if (await w.value.validate()) {
+          $({
+            type: "warning",
+            title: s("cms.common.actions.warning"),
+            message: s("cms.builder.editFieldFailed")
+          });
+          return;
+        }
+        const i = c.value;
+        if (!i)
+          return;
+        const u = await fetch(
+          `/api/cms-type/${i}`,
+          {
+            method: "PUT",
+            headers: {
+              "Content-Type": "application/json"
+            },
+            body: JSON.stringify(g.value === "monaco" ? (e = n.value) == null ? void 0 : e.yaml : (o = n.value) == null ? void 0 : o.data)
+          }
+        );
+        b.back(), j && j(), $({
+          type: "success",
+          title: s("cms.common.actions.success"),
+          message: s("cms.collections.collectionCreated")
+        });
+      } catch (t) {
+        console.error(t), $({
+          type: "error",
+          title: s("cms.common.actions.error"),
+          message: s("cms.collections.collectionCreationFailed")
+        });
+      }
+    };
+    return D(() => {
+      V();
+    }), (e, o) => (p(), h("div", ee, [
+      O(X, {
+        items: B.value,
+        loading: _.value,
+        onNavigate: U
+      }, null, 8, ["items", "loading"]),
+      r("div", te, [
+        r("div", null, [
+          r("h1", oe, [
+            R(f(e.$t("cms.builder.editCollection")) + ": ", 1),
+            r("span", ne, ' "' + f(x.value) + '" ', 1)
+          ]),
+          r("p", se, f(e.$t("cms.builder.editContentForYourSite")), 1)
+        ]),
+        r("div", ie, [
+          r("a", {
+            onClick: o[0] || (o[0] = (t) => A(b).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"
+          }, f(e.$t("cms.common.actions.back")), 1),
+          r("button", {
+            onClick: z,
+            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"
+          }, f(e.$t("cms.common.actions.save")), 1)
+        ])
+      ]),
+      r("div", ae, [
+        r("div", re, [
+          (p(!0), h(W, null, J(F.value, (t) => (p(), h("button", {
+            key: t.id,
+            onClick: (i) => g.value = t.id,
+            class: M([
+              "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",
+              t.id === g.value ? "bg-blue-50 text-blue-700 border-blue-200" : ""
+            ])
+          }, f(t.name), 11, le))), 128))
+        ])
+      ]),
+      I.value ? (p(), h("div", ce, [
+        (p(), Y(G(A(Z)[g.value]), {
+          yaml: n.value.yaml,
+          "onUpdate:yaml": o[1] || (o[1] = (t) => n.value.yaml = t),
+          data: n.value.data,
+          "onUpdate:data": o[2] || (o[2] = (t) => n.value.data = t),
+          form: w.value,
+          "onUpdate:form": o[3] || (o[3] = (t) => w.value = t)
+        }, null, 40, ["yaml", "data", "form"]))
+      ])) : H("", !0)
+    ]));
+  }
+});
+export {
+  ge as default
+};

package/dist/{MenuAddPage-QTnwCoGh.js → MenuAddPage-D-p3gFgm.js}

@@ -8,7 +8,7 @@ const M = { class: "space-y-6 max-w-7xl mx-auto" }, S = { class: "flex items-cen
   __name: "MenuAddPage",
   setup(F) {
     const p = v(
-      () => import("./MonacoEditor-ByPT8pnv.js")
+      () => import("./MonacoEditor-Db-3Jc3E.js")
     );
     C["vs-input-monaco-editor"] = p;
     const { t: e } = q(), u = b();

package/dist/{MenuBody-Bi0ONVZf.js → MenuBody-rN5j4YBu.js}

@@ -11,8 +11,8 @@ const R = /* @__PURE__ */ x({
   },
   emits: ["update:modelValue"],
   setup(f) {
-    const v = m(() => import("./MenuList-BLIpeqSd.js")), y = m(() => import("./AddNewItemInTree-05PSSEFi.js")), g = m(
-      () => import("./MonacoEditor-ByPT8pnv.js")
+    const v = m(() => import("./MenuList-DFEBS0NB.js")), y = m(() => import("./AddNewItemInTree-05PSSEFi.js")), g = m(
+      () => import("./MonacoEditor-Db-3Jc3E.js")
     );
     O["vs-input-monaco-editor"] = g;
     const { t: r } = F(), l = i(!1), d = i(null), n = V(f, "modelValue"), u = i({}), h = async (t) => {

package/dist/{MenuItemPage-B7Y9KFyb.js → MenuItemPage-BoJw885D.js}

@@ -4,7 +4,7 @@ import { ArrowLeft as Ie, HelpCircle as Re, Save as Le } from "lucide-vue-next";
 import { useI18n as Ye } from "vue-i18n";
 import { notify as B } from "@opengis/core";
 import { inputs as z, VForm as Me } from "@opengis/form";
-/*! js-yaml 4.1.0 https://github.com/nodeca/js-yaml @license MIT */
+/*! js-yaml 4.1.1 https://github.com/nodeca/js-yaml @license MIT */
 function se(e) {
   return typeof e > "u" || e === null;
 }
@@ -874,9 +874,9 @@ const Bn = { class: "space-y-6 max-w-7xl mx-auto" }, Pn = { class: "flex items-c
   __name: "MenuItemPage",
   setup(e) {
     const r = Q(
-      () => import("./MenuBody-Bi0ONVZf.js")
+      () => import("./MenuBody-rN5j4YBu.js")
     ), n = Q(
-      () => import("./MonacoEditor-ByPT8pnv.js")
+      () => import("./MonacoEditor-Db-3Jc3E.js")
     );
     z["vs-input-monaco-editor"] = n, console.log("[MenuItemPage] vs-input-monaco-editor registered:", !!z["vs-input-monaco-editor"]);
     const { t, locale: i } = Ye(), a = Ce(), l = be(), u = Ne(() => [

package/dist/{MenuList-BLIpeqSd.js → MenuList-DFEBS0NB.js}

@@ -1,4 +1,4 @@
-import { openBlock as a, createElementBlock as d, createStaticVNode as D, defineComponent as E, ref as b, normalizeClass as z, createTextVNode as M, toDisplayString as h, createCommentVNode as _, createBlock as C, unref as p, withModifiers as f, createVNode as v, createElementVNode as m, withDirectives as $, withKeys as w, vModelText as I, watch as N, resolveComponent as T, withCtx as U, nextTick as V } from "vue";
+import { openBlock as l, createElementBlock as u, createStaticVNode as D, defineComponent as E, ref as h, normalizeClass as z, createTextVNode as M, toDisplayString as f, createCommentVNode as b, createBlock as C, unref as d, withModifiers as y, createVNode as p, createElementVNode as v, withDirectives as $, withKeys as w, vModelText as I, watch as N, resolveComponent as T, withCtx as U, nextTick as V } from "vue";
 import { d as A } from "./vuedraggable-CoAPPFYd.js";
 import { _ as L } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { Pencil as S, Trash2 as j, Check as K, X as O } from "lucide-vue-next";
@@ -15,8 +15,8 @@ const q = {}, F = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function G(u, o) {
-  return a(), d("svg", F, [...o[0] || (o[0] = [
+function G(r, o) {
+  return l(), u("svg", F, [...o[0] || (o[0] = [
     D('<circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle>', 6)
   ])]);
 }
@@ -36,21 +36,21 @@ const H = /* @__PURE__ */ L(q, [["render", G]]), J = {
     value: {}
   },
   emits: ["delete", "update:value"],
-  setup(u, { emit: o }) {
-    const i = u, g = o, r = b(!1), e = b(""), k = () => {
-      typeof i.value == "string" && (e.value = i.value, r.value = !0);
+  setup(r, { emit: o }) {
+    const i = r, m = o, a = h(!1), e = h(""), g = () => {
+      typeof i.value == "string" && (e.value = i.value, a.value = !0);
     }, c = () => {
-      typeof i.value == "string" && (g("update:value", e.value), r.value = !1);
+      typeof i.value == "string" && (m("update:value", e.value), a.value = !1);
     }, x = () => {
-      r.value = !1, e.value = "";
+      a.value = !1, e.value = "";
     };
-    return (s, t) => (a(), d("div", {
-      class: z([{ "space-y-1": typeof s.value != "string" }, "dark:bg-transparent"])
+    return (_, t) => (l(), u("div", {
+      class: z([{ "space-y-1": typeof r.value != "string" }, "dark:bg-transparent"])
     }, [
-      r.value ? (a(), d("div", R, [
-        m("span", W, h(s.title) + ":", 1),
-        $(m("input", {
-          "onUpdate:modelValue": t[1] || (t[1] = (l) => e.value = l),
+      a.value ? (l(), u("div", R, [
+        v("span", W, f(r.title) + ":", 1),
+        $(v("input", {
+          "onUpdate:modelValue": t[1] || (t[1] = (s) => e.value = s),
           onKeyup: [
             w(c, ["enter"]),
             w(x, ["esc"])
@@ -62,33 +62,33 @@ const H = /* @__PURE__ */ L(q, [["render", G]]), J = {
         }, null, 544), [
           [I, e.value]
         ]),
-        m("button", {
-          onClick: f(c, ["stop"]),
+        v("button", {
+          onClick: y(c, ["stop"]),
           class: "shrink-0 p-1 text-green-600 dark:text-green-400 hover:bg-green-50 dark:hover:bg-green-900/20 rounded",
           title: "Save"
         }, [
-          v(p(K), { class: "size-4" })
+          p(d(K), { class: "size-4" })
         ]),
-        m("button", {
-          onClick: f(x, ["stop"]),
+        v("button", {
+          onClick: y(x, ["stop"]),
           class: "shrink-0 p-1 text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20 rounded",
           title: "Cancel"
         }, [
-          v(p(O), { class: "size-4" })
+          p(d(O), { class: "size-4" })
         ])
-      ])) : (a(), d("div", J, [
-        M(h(s.title) + " ", 1),
-        typeof s.value == "string" ? (a(), d("span", Q, h(s.value), 1)) : _("", !0),
-        typeof s.value == "string" ? (a(), C(p(S), {
+      ])) : (l(), u("div", J, [
+        M(f(r.title) + " ", 1),
+        typeof r.value == "string" ? (l(), u("span", Q, f(r.value), 1)) : b("", !0),
+        typeof r.value == "string" ? (l(), C(d(S), {
           key: 1,
           class: "shrink-0 size-4 ml-auto text-gray-500 dark:text-neutral-500 cursor-pointer hover:text-blue-600 dark:hover:text-blue-400",
-          onClick: f(k, ["stop"])
-        })) : _("", !0),
-        v(p(j), {
+          onClick: y(g, ["stop"])
+        })) : b("", !0),
+        p(d(j), {
           class: "shrink-0 size-4 text-gray-500 dark:text-neutral-500 cursor-pointer hover:text-red-600 dark:hover:text-red-400",
-          onClick: t[0] || (t[0] = f((l) => g("delete"), ["stop"]))
+          onClick: t[0] || (t[0] = y((s) => m("delete"), ["stop"]))
         }),
-        v(H, { class: "shrink-0 size-4 cursor-pointer text-gray-500 dark:text-neutral-500" })
+        p(H, { class: "shrink-0 size-4 cursor-pointer text-gray-500 dark:text-neutral-500" })
       ]))
     ], 2));
   }
@@ -105,61 +105,61 @@ const H = /* @__PURE__ */ L(q, [["render", G]]), J = {
     }
   },
   emits: ["update:list", "delete:item"],
-  setup(u, { emit: o }) {
-    const { t: i } = X(), g = u, r = o, e = b([]);
+  setup(r, { emit: o }) {
+    const { t: i } = X(), m = r, a = o, e = h([]);
     N(
-      () => g.list,
+      () => m.list,
       (t) => {
         e.value = t ? [...t] : [];
       },
       { immediate: !0, deep: !0 }
     );
-    const k = () => {
-      r("update:list", e.value);
+    const g = () => {
+      a("update:list", e.value);
     }, c = (t) => {
       P({
         title: i("cms.builder.deleteTitle"),
         message: i("cms.builder.deleteObject"),
         type: "error",
         onConfirm: () => {
-          r("update:list", e.value), r("delete:item", t);
+          a("update:list", e.value), a("delete:item", t);
         }
       });
-    }, x = (t, l) => {
-      t.value = l, V(() => {
-        e.value = [...e.value], r("update:list", e.value);
+    }, x = (t, s) => {
+      t.value = s, V(() => {
+        e.value = [...e.value], a("update:list", e.value);
       });
-    }, s = (t, l) => {
-      t.children = l, V(() => {
-        e.value = [...e.value], r("update:list", e.value);
+    }, _ = (t, s) => {
+      t.children = s, V(() => {
+        e.value = [...e.value], a("update:list", e.value);
       });
     };
-    return (t, l) => {
+    return (t, s) => {
       const B = T("MenuList", !0);
-      return a(), C(p(A), {
+      return l(), C(d(A), {
         tag: "ul",
         list: e.value,
         group: { name: "nested", pull: !0, put: !0 },
         "item-key": "id",
-        class: z(["nested-sortable space-y-1", { "ps-5 dark:bg-transparent": u.inside }]),
-        onChange: k,
-        onEnd: k
+        class: z(["nested-sortable space-y-1", { "ps-5 dark:bg-transparent": r.inside }]),
+        onChange: g,
+        onEnd: g
       }, {
         item: U(({ element: n }) => [
-          m("div", Z, [
-            v(Y, {
+          v("div", Z, [
+            p(Y, {
               title: n.title,
               value: n.value,
-              onDelete: (y) => c(n),
-              "onUpdate:value": (y) => x(n, y)
+              onDelete: (k) => c(n),
+              "onUpdate:value": (k) => x(n, k)
             }, null, 8, ["title", "value", "onDelete", "onUpdate:value"]),
-            Array.isArray(n.children) ? (a(), C(B, {
+            Array.isArray(n.children) ? (l(), C(B, {
               key: 0,
               list: n.children,
               inside: !0,
-              "onUpdate:list": (y) => s(n, y),
+              "onUpdate:list": (k) => _(n, k),
               "onDelete:item": c
-            }, null, 8, ["list", "onUpdate:list"])) : _("", !0)
+            }, null, 8, ["list", "onUpdate:list"])) : b("", !0)
           ])
         ]),
         _: 1

package/dist/{MenuPage-3W6jZ15H.js → MenuPage-BCZB_S8j.js}

@@ -11,7 +11,7 @@ const H = { class: "space-y-6 max-w-7xl mx-auto" }, I = { class: "flex flex-col
   __name: "MenuPage",
   setup(J) {
     const g = V(
-      () => import("./UniversalTable-GBd_pStq.js")
+      () => import("./UniversalTable-CzqPG-tY.js")
     ), { t: o, locale: v } = M(), y = q(), x = a(""), d = a([]), i = a([]), b = a(""), h = a([
       { name: "name", title: o("cms.menu.form.name"), type: "text" },
       { name: "description", title: o("cms.menu.form.description"), type: "text" },

package/dist/{MenuWrapper-OrOv6sOb.js → MenuWrapper-AZ_8s-zd.js}

@@ -3,7 +3,7 @@ import { useRoute as d } from "vue-router";
 const C = /* @__PURE__ */ m({
   __name: "MenuWrapper",
   setup(f) {
-    const o = n(() => import("./MenuPage-3W6jZ15H.js")), r = n(() => import("./MenuAddPage-QTnwCoGh.js")), p = n(() => import("./MenuItemPage-B7Y9KFyb.js")), e = d(), a = t(() => e.params.id ? e.params.id === "create" ? r : p : o), c = t(() => String(e.params.id ?? "index"));
+    const o = n(() => import("./MenuPage-BCZB_S8j.js")), r = n(() => import("./MenuAddPage-D-p3gFgm.js")), p = n(() => import("./MenuItemPage-BoJw885D.js")), e = d(), a = t(() => e.params.id ? e.params.id === "create" ? r : p : o), c = t(() => String(e.params.id ?? "index"));
     return (_, l) => (u(), s(i(a.value), { key: c.value }));
   }
 });

package/dist/{MonacoEditor-ByPT8pnv.js → MonacoEditor-Db-3Jc3E.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./MonacoEditor.vue_vue_type_script_setup_true_lang-C8cip9Ci.js";
+import { _ as f } from "./MonacoEditor.vue_vue_type_script_setup_true_lang-B1DrxmQX.js";
 export {
   f as default
 };

package/dist/MonacoEditor.vue_vue_type_script_setup_true_lang-B1DrxmQX.js

@@ -0,0 +1,84 @@
+import { defineComponent as s, mergeModels as c, useModel as m, ref as f, onMounted as h, watch as d, onBeforeUnmount as g, openBlock as p, createElementBlock as v, normalizeStyle as w } from "vue";
+async function M() {
+  if (window.monaco)
+    return window.monaco;
+  const a = "https://cdn.jsdelivr.net/npm/monaco-editor@0.45.0/min";
+  return window.require || (window.require = { paths: { vs: `${a}/vs` } }, await new Promise((o, l) => {
+    const n = document.createElement("script");
+    n.src = `${a}/vs/loader.min.js`, n.onload = () => o(), n.onerror = l, document.head.appendChild(n);
+  })), new Promise((o) => {
+    window.require(["vs/editor/editor.main"], () => o(window.monaco));
+  });
+}
+const C = /* @__PURE__ */ s({
+  __name: "MonacoEditor",
+  props: /* @__PURE__ */ c({
+    language: { default: "javascript" },
+    theme: { default: "vs-dark" },
+    width: { default: "100%" },
+    height: { default: "100%" },
+    options: { default: () => ({
+      minimap: { enabled: !1 }
+    }) }
+  }, {
+    modelValue: {
+      required: !0
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(a) {
+    const o = a, l = m(a, "modelValue"), n = f(null);
+    let e = null, i = null;
+    return h(async () => {
+      var t;
+      if (n.value)
+        try {
+          i = await M();
+          const r = ((t = l.value) == null ? void 0 : t.replace(/\\n/g, `
+`)) || "";
+          e = i.editor.create(n.value, {
+            value: r,
+            language: o.language,
+            theme: o.theme,
+            automaticLayout: !0,
+            ...o.options
+          }), e.onDidChangeModelContent(() => {
+            const u = (e == null ? void 0 : e.getValue()) || "";
+            l.value = u;
+          });
+        } catch (r) {
+          console.error("Failed to load Monaco Editor:", r);
+        }
+    }), d(
+      () => l.value,
+      (t) => {
+        if (e) {
+          const r = (t == null ? void 0 : t.replace(/\\n/g, `
+`)) || "";
+          r !== e.getValue() && e.setValue(r);
+        }
+      },
+      { immediate: !0 }
+    ), d(
+      () => o.language,
+      (t) => {
+        e && t && i && i.editor.setModelLanguage(e.getModel(), t);
+      }
+    ), d(
+      () => o.theme,
+      (t) => {
+        e && t && i && i.editor.setTheme(t);
+      }
+    ), g(() => {
+      e && (e.dispose(), e = null);
+    }), (t, r) => (p(), v("div", {
+      ref_key: "editorContainer",
+      ref: n,
+      style: w({ width: a.width, height: a.height })
+    }, null, 4));
+  }
+});
+export {
+  C as _
+};