@opengis/cms 0.0.57 → 0.0.59

package/dist/Dashboard-CXkg_pk8.js

@@ -0,0 +1,358 @@
+import { defineComponent as h, resolveComponent as S, openBlock as l, createElementBlock as c, createElementVNode as e, toDisplayString as a, unref as u, createVNode as n, withCtx as A, createTextVNode as p, normalizeClass as g, createBlock as _, resolveDynamicComponent as j, Fragment as x, renderList as k, ref as P, onMounted as I } from "vue";
+import { HelpCircle as T, Plus as L, FileText as v, Users as w, Image as U, Eye as F, Calendar as N, SquarePen as R, Activity as V, Zap as z } from "lucide-vue-next";
+import { useI18n as $ } from "vue-i18n";
+import { useRouter as M } from "vue-router";
+const B = { class: "flex items-center justify-between" }, E = { class: "flex items-center gap-2" }, q = { class: "text-4xl font-bold text-slate-800 dark:text-slate-100 mb-2" }, H = ["href", "title"], J = { class: "text-lg text-slate-600 dark:text-slate-300" }, O = /* @__PURE__ */ h({
+  __name: "DashboardHeader",
+  setup(b) {
+    const { locale: r } = $();
+    return (o, t) => {
+      const i = S("router-link");
+      return l(), c("div", B, [
+        e("div", null, [
+          e("div", E, [
+            e("h1", q, a(o.$t("cms.dashboard.title")), 1),
+            e("a", {
+              href: `https://cms.opengis.info/${u(r)}/get-started/app-overview`,
+              target: "_blank",
+              title: o.$t("cms.guide.appOverview")
+            }, [
+              n(u(T), { class: "w-5 h-5" })
+            ], 8, H)
+          ]),
+          e("div", J, a(o.$t("cms.dashboard.description")), 1)
+        ]),
+        e("div", null, [
+          n(i, {
+            to: "/settings/collections",
+            class: "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 shadow h-9 px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white"
+          }, {
+            default: A(() => [
+              n(u(L), { class: "w-4 h-4 mr-2" }),
+              p(" " + a(o.$t("cms.dashboard.newCollection")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+}), W = { class: "rounded-xl text-card-foreground shadow-lg border-0 bg-white dark:bg-slate-800 backdrop-blur-sm hover:shadow-xl transition-all duration-300 transform hover:scale-105" }, G = { class: "p-6" }, K = { class: "flex items-start justify-between" }, Q = { class: "flex-1" }, Z = { class: "flex items-center space-x-2 mb-2" }, X = { class: "text-sm font-medium text-slate-600 dark:text-slate-400" }, Y = { class: "text-3xl font-bold text-slate-800 dark:text-slate-100 mb-1" }, ee = { class: "text-xs text-slate-500 dark:text-slate-400 mb-3" }, te = /* @__PURE__ */ h({
+  __name: "StatCard",
+  props: {
+    stat: {}
+  },
+  setup(b) {
+    const r = (o) => ({
+      "file-text": v,
+      users: w,
+      image: U,
+      eye: F
+    })[o] || v;
+    return (o, t) => (l(), c("div", W, [
+      e("div", G, [
+        e("div", K, [
+          e("div", Q, [
+            e("div", Z, [
+              e("div", {
+                class: g(`p-2 rounded-lg bg-${o.stat.color}-50 dark:bg-${o.stat.color}-900/20`)
+              }, [
+                (l(), _(j(r(o.stat.icon)), {
+                  class: g(`w-5 h-5 text-${o.stat.color}-600`)
+                }, null, 8, ["class"]))
+              ], 2),
+              e("p", X, a(o.stat.title), 1)
+            ]),
+            e("p", Y, a(o.stat.value), 1),
+            e("p", ee, a(o.stat.description), 1)
+          ])
+        ])
+      ])
+    ]));
+  }
+}), se = { class: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6" }, oe = /* @__PURE__ */ h({
+  __name: "StatsGrid",
+  props: {
+    stats: {}
+  },
+  setup(b) {
+    return (r, o) => (l(), c("div", se, [
+      (l(!0), c(x, null, k(r.stats, (t) => (l(), _(te, {
+        key: t.id,
+        stat: t
+      }, null, 8, ["stat"]))), 128))
+    ]));
+  }
+}), re = { class: "p-4 hover:bg-slate-50 dark:hover:bg-slate-700/50 transition-colors" }, ae = { class: "flex items-center justify-between" }, ie = { class: "flex-1" }, ne = { class: "flex items-center space-x-3 mb-2" }, le = { class: "inline-flex items-center rounded-md border px-2.5 py-0.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-xs bg-white dark:bg-slate-700 border-slate-300 dark:border-slate-600 text-slate-600 dark:text-slate-300" }, de = { class: "font-semibold text-slate-800 dark:text-slate-100 mb-1" }, ce = { class: "flex items-center space-x-4 text-sm text-slate-500 dark:text-slate-400" }, ue = { class: "flex items-center" }, me = { class: "flex items-center" }, he = { class: "flex items-center" }, be = { class: "flex items-center space-x-2" }, pe = /* @__PURE__ */ h({
+  __name: "ContentItem",
+  props: {
+    item: {}
+  },
+  setup(b) {
+    const r = (t) => {
+      const i = {
+        published: "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent hover:bg-secondary/80 bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300",
+        draft: "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent hover:bg-secondary/80 bg-yellow-100 dark:bg-yellow-900/30 text-yellow-800 dark:text-yellow-300",
+        review: "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent hover:bg-secondary/80 bg-blue-100 dark:bg-blue-900/30 text-blue-800 dark:text-blue-300"
+      };
+      return i[t] || i.draft;
+    }, o = (t) => {
+      if (!t)
+        return "--.--.--";
+      const i = new Date(t);
+      return new Intl.DateTimeFormat("en-US", {
+        year: "numeric",
+        month: "short",
+        day: "numeric"
+      }).format(i);
+    };
+    return (t, i) => {
+      const d = S("router-link");
+      return l(), c("div", re, [
+        e("div", ae, [
+          e("div", ie, [
+            e("div", ne, [
+              e("div", le, a(t.item.type), 1),
+              e("div", {
+                class: g(r(t.item.status))
+              }, a(t.item.status || "--"), 3)
+            ]),
+            e("h3", de, a(t.item.title || "--"), 1),
+            e("div", ce, [
+              e("span", ue, [
+                n(u(w), { class: "w-4 h-4 mr-1" }),
+                p(" " + a(t.item.author || "--"), 1)
+              ]),
+              e("span", me, [
+                n(u(N), { class: "w-4 h-4 mr-1" }),
+                p(" " + a(o(t.item.updated_at) || "--.--.--"), 1)
+              ]),
+              e("span", he, [
+                n(u(F), { class: "w-4 h-4 mr-1" }),
+                p(" " + a(t.item.views || "--") + " " + a(t.$t("cms.dashboard.views")), 1)
+              ])
+            ])
+          ]),
+          e("div", be, [
+            n(d, {
+              to: `/collections/${t.item.object_id}/${t.item.content_id}`,
+              class: "inline-flex items-center justify-center whitespace-nowrap font-medium transition-colors border shadow-sm rounded-md text-xs h-8 w-8 p-0 bg-white border-slate-300 hover:text-accent-foreground hover:bg-slate-50 dark:border-slate-600 dark:bg-slate-700 dark:hover:bg-slate-600"
+            }, {
+              default: A(() => [
+                n(u(R), { class: "w-4 h-4 dark:text-blue-50" })
+              ]),
+              _: 1
+            }, 8, ["to"])
+          ])
+        ])
+      ]);
+    };
+  }
+}), ge = { class: "lg:col-span-2" }, _e = { class: "rounded-xl text-card-foreground shadow-lg border-0 bg-white dark:bg-slate-800 backdrop-blur-sm" }, fe = { class: "flex flex-col space-y-1.5 p-6 border-b border-slate-200 dark:border-slate-700 bg-gradient-to-r from-slate-50 dark:from-slate-800 to-white dark:to-slate-800" }, ve = { class: "flex items-center justify-between" }, xe = { class: "tracking-tight text-xl font-semibold text-slate-800 dark:text-slate-100 flex items-center" }, ke = { class: "p-0" }, we = { class: "divide-y divide-slate-100 dark:divide-slate-700" }, $e = /* @__PURE__ */ h({
+  __name: "RecentContent",
+  props: {
+    content: {}
+  },
+  setup(b) {
+    const r = M(), o = (t) => {
+      r.push(t);
+    };
+    return (t, i) => (l(), c("div", ge, [
+      e("div", _e, [
+        e("div", fe, [
+          e("div", ve, [
+            e("h3", xe, [
+              n(u(V), { class: "w-5 h-5 mr-2" }),
+              p(" " + a(t.$t("cms.dashboard.recentContent")), 1)
+            ]),
+            e("button", {
+              onClick: i[0] || (i[0] = (d) => o("/settings/collections")),
+              class: "inline-flex items-center justify-center whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border shadow-sm hover:text-accent-foreground h-8 rounded-md px-3 text-xs bg-white dark:bg-slate-700 border-slate-300 dark:border-slate-600 text-slate-700 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-600"
+            }, a(t.$t("cms.dashboard.viewAll")), 1)
+          ])
+        ]),
+        e("div", ke, [
+          e("div", we, [
+            (l(!0), c(x, null, k(t.content, (d) => (l(), _(pe, {
+              key: d.id,
+              item: d
+            }, null, 8, ["item"]))), 128))
+          ])
+        ])
+      ])
+    ]));
+  }
+}), ye = { class: "rounded-xl text-card-foreground shadow-lg border-0 bg-white dark:bg-slate-800 backdrop-blur-sm" }, Ce = { class: "flex flex-col space-y-1.5 p-6 border-b border-slate-200 dark:border-slate-700 bg-gradient-to-r from-slate-50 dark:from-slate-800 to-white dark:to-slate-800" }, De = { class: "tracking-tight text-lg font-semibold text-slate-800 dark:text-slate-100 flex items-center" }, Pe = { class: "p-4" }, Se = { class: "grid grid-cols-2 gap-3" }, Ae = ["onClick"], je = { class: "p-2 rounded-lg bg-blue-50 dark:bg-blue-900/20 mb-2 w-fit" }, Ue = { class: "font-medium text-slate-800 dark:text-slate-100 text-sm mb-1 group-hover:text-slate-900 dark:group-hover:text-slate-50" }, Fe = { class: "text-xs text-slate-500 dark:text-slate-400 group-hover:text-slate-600 dark:group-hover:text-slate-300" }, Me = /* @__PURE__ */ h({
+  __name: "QuickActions",
+  setup(b) {
+    const r = M(), { t: o } = $(), t = [
+      {
+        id: "create-article",
+        title: o("cms.dashboard.createArticle"),
+        description: o("cms.dashboard.createArticleDescription"),
+        icon: v,
+        iconColor: "text-blue-500",
+        link: "/collections/pages/create"
+      },
+      {
+        id: "upload-media",
+        title: o("cms.dashboard.uploadMedia"),
+        description: o("cms.dashboard.uploadMediaDescription"),
+        icon: U,
+        iconColor: "text-purple-500",
+        link: "/media"
+      },
+      {
+        id: "manage-users",
+        title: o("cms.dashboard.manageUsers"),
+        description: o("cms.dashboard.manageUsersDescription"),
+        icon: w,
+        iconColor: "text-green-500",
+        link: "/settings/users"
+      }
+    ], i = (d) => {
+      d && r.push(d);
+    };
+    return (d, m) => (l(), c("div", ye, [
+      e("div", Ce, [
+        e("h3", De, [
+          n(u(z), { class: "w-5 h-5 mr-2" }),
+          p(" " + a(d.$t("cms.dashboard.quickActions")), 1)
+        ])
+      ]),
+      e("div", Pe, [
+        e("div", Se, [
+          (l(), c(x, null, k(t, (s) => e("button", {
+            key: s.id,
+            class: "p-3 rounded-lg border border-slate-200 transition-all duration-200 text-left group hover:bg-slate-50 hover:shadow-md dark:border-slate-600 bg-white dark:bg-slate-700 dark:hover:bg-slate-600",
+            onClick: (f) => i(s == null ? void 0 : s.link)
+          }, [
+            e("div", je, [
+              (l(), _(j(s == null ? void 0 : s.icon), {
+                class: g(`w-4 h-4 ${s == null ? void 0 : s.iconColor}`)
+              }, null, 8, ["class"]))
+            ]),
+            e("h3", Ue, a(s == null ? void 0 : s.title), 1),
+            e("p", Fe, a(s == null ? void 0 : s.description), 1)
+          ], 8, Ae)), 64))
+        ])
+      ])
+    ]));
+  }
+}), Ie = { class: "w-full max-w-7xl mx-auto space-y-8" }, Te = { class: "grid grid-cols-1 lg:grid-cols-3 gap-6" }, ze = /* @__PURE__ */ h({
+  __name: "Dashboard",
+  setup(b) {
+    const { t: r } = $(), o = P([
+      {
+        id: "total-content",
+        title: r("cms.dashboard.totalContent"),
+        value: "2,847",
+        description: r("cms.dashboard.articlesPostsPages"),
+        change: { value: "+12.5%", isPositive: !0 },
+        icon: "file-text",
+        color: "blue"
+      },
+      {
+        id: "active-users",
+        title: r("cms.dashboard.activeUsers"),
+        value: "1,234",
+        description: r("cms.dashboard.monthlyActiveUsers"),
+        change: { value: "+8.2%", isPositive: !0 },
+        icon: "users",
+        color: "emerald"
+      },
+      {
+        id: "media-files",
+        title: r("cms.dashboard.mediaFiles"),
+        value: "5,692",
+        description: r("cms.dashboard.imagesVideosDocs"),
+        change: { value: "+23.1%", isPositive: !0 },
+        icon: "image",
+        color: "purple"
+      },
+      {
+        id: "new-media",
+        title: r("cms.dashboard.newMediaFiles"),
+        value: "89.2K",
+        description: r("cms.dashboard.thisMonth"),
+        change: { value: "-2.4%", isPositive: !1 },
+        icon: "eye",
+        color: "orange"
+      }
+    ]), t = P([
+      {
+        id: 1,
+        type: "Article",
+        status: "published",
+        title: r("cms.dashboard.gettingStartedWithNextJs14"),
+        author: r("cms.dashboard.sarahJohnson"),
+        updated_at: "2024-01-15",
+        views: 1247
+      },
+      {
+        id: 2,
+        type: "Post",
+        status: "draft",
+        title: r("cms.dashboard.advancedReactPatterns"),
+        author: r("cms.dashboard.mikeChen"),
+        updated_at: "2024-01-14",
+        views: 0
+      },
+      {
+        id: 3,
+        type: "Article",
+        status: "published",
+        title: r("cms.dashboard.uiUxDesignPrinciples"),
+        author: r("cms.dashboard.emmaWilson"),
+        updated_at: "2024-01-13",
+        views: 892
+      },
+      {
+        id: 4,
+        type: "Post",
+        status: "review",
+        title: r("cms.dashboard.databaseOptimizationTips"),
+        author: r("cms.dashboard.alexRodriguez"),
+        updated_at: "2024-01-12",
+        views: 0
+      }
+    ]), i = (m) => {
+      o.value = o.value.map((s) => {
+        var f, y, C, D;
+        switch (s.id) {
+          case "total-content":
+            return { ...s, value: ((f = m.totalContent) == null ? void 0 : f.toLocaleString()) ?? s.value };
+          case "active-users":
+            return { ...s, value: ((y = m.totalUsers) == null ? void 0 : y.toLocaleString()) ?? s.value };
+          case "media-files":
+            return { ...s, value: ((C = m.totalMediaFiles) == null ? void 0 : C.toLocaleString()) ?? s.value };
+          case "new-media":
+            return { ...s, value: ((D = m.newMediaFiles) == null ? void 0 : D.toLocaleString()) ?? s.value };
+          default:
+            return s;
+        }
+      });
+    }, d = async () => {
+      const s = await (await fetch("api/cms-stat")).json();
+      t.value = s.recentContent, i(s.stat);
+    };
+    return I(() => {
+      d();
+    }), (m, s) => (l(), c("div", Ie, [
+      n(O),
+      n(oe, { stats: o.value }, null, 8, ["stats"]),
+      e("div", Te, [
+        n($e, {
+          content: t.value,
+          class: "lg:col-span-2"
+        }, null, 8, ["content"]),
+        e("div", null, [
+          n(Me)
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  ze as default
+};

package/dist/EditCollectionPage-CqYHpEON.js

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

package/dist/{EmptyData-DaZt_nAm.js → EmptyData-DxPrSXhV.js}

@@ -68,5 +68,5 @@ const d = { class: "rounded-xl text-card-foreground shadow-lg bg-white dark:bg-s
   }
 };
 export {
-  b as _
+  b as default
 };

package/dist/{MenuAddPage-Bf48Z-ah.js → MenuAddPage-QTnwCoGh.js}

@@ -1,17 +1,19 @@
-import { defineComponent as g, ref as m, openBlock as h, createElementBlock as v, createElementVNode as t, unref as a, createVNode as l, toDisplayString as d, createTextVNode as y } from "vue";
-import { useRouter as x, useRoute as b } from "vue-router";
-import { _ as w } from "./MonacoEditor.vue_vue_type_script_setup_true_lang-B1DrxmQX.js";
-import { ArrowLeft as k, Save as _ } from "lucide-vue-next";
-import { useI18n as V } from "vue-i18n";
-import { notify as c } from "@opengis/core";
-import { inputs as q, VForm as S } from "@opengis/form";
-const C = { class: "space-y-6 max-w-7xl mx-auto" }, M = { class: "flex items-center justify-between" }, N = { class: "flex items-center gap-4" }, $ = { class: "text-2xl font-semibold text-gray-900 dark:text-white" }, j = { class: "flex items-center space-x-3" }, A = { class: "max-w-[1000px]" }, D = /* @__PURE__ */ g({
+import { defineComponent as g, defineAsyncComponent as v, ref as m, openBlock as y, createElementBlock as x, createElementVNode as o, unref as a, createVNode as c, toDisplayString as d, createTextVNode as w } from "vue";
+import { useRouter as b, useRoute as k } from "vue-router";
+import { ArrowLeft as _, Save as V } from "lucide-vue-next";
+import { useI18n as q } from "vue-i18n";
+import { notify as l } from "@opengis/core";
+import { inputs as C, VForm as E } from "@opengis/form";
+const M = { class: "space-y-6 max-w-7xl mx-auto" }, S = { class: "flex items-center justify-between" }, A = { class: "flex items-center gap-4" }, N = { class: "text-2xl font-semibold text-gray-900 dark:text-white" }, $ = { class: "flex items-center space-x-3" }, j = { class: "max-w-[1000px]" }, D = /* @__PURE__ */ g({
   __name: "MenuAddPage",
-  setup(E) {
-    q["vs-input-monaco-editor"] = w;
-    const { t: e } = V(), u = x();
-    b();
-    const p = m([
+  setup(F) {
+    const p = v(
+      () => import("./MonacoEditor-ByPT8pnv.js")
+    );
+    C["vs-input-monaco-editor"] = p;
+    const { t: e } = q(), u = b();
+    k();
+    const f = m([
       {
         key: "name",
         title: e("cms.menu.form.name"),
@@ -48,63 +50,66 @@ const C = { class: "space-y-6 max-w-7xl mx-auto" }, M = { class: "flex items-cen
         language: "yaml",
         theme: "vs-light"
       }
-    ]), r = m({}), i = m({}), f = async () => {
+    ]), r = m({}), i = m({}), h = async () => {
       try {
         if (await i.value.validate()) {
-          c({
+          l({
             type: "warning",
             title: e("cms.common.actions.warning"),
             message: e("cms.menu.createMenuFailed")
           });
           return;
         }
-        await fetch("/api/cms-menu", {
+        const t = await fetch("/api/cms-menu", {
           method: "POST",
           headers: {
             "Content-Type": "application/json"
           },
           body: JSON.stringify(r.value)
-        }), c({
+        });
+        if (!t.ok)
+          throw new Error(`Failed to create menu: ${t.status}`);
+        l({
           title: e("cms.common.success"),
           type: "success",
           message: e("cms.common.successMessage")
         }), r.value = {}, u.push("/menu");
       } catch (s) {
-        console.log(s), c({
+        console.log(s), l({
           title: e("cms.common.error"),
           type: "error",
           message: e("cms.common.errorMessage")
         });
       }
     };
-    return (s, o) => (h(), v("div", C, [
-      t("div", M, [
-        t("div", N, [
-          t("button", {
-            onClick: o[0] || (o[0] = (n) => a(u).back()),
+    return (s, t) => (y(), x("div", M, [
+      o("div", S, [
+        o("div", A, [
+          o("button", {
+            onClick: t[0] || (t[0] = (n) => a(u).back()),
             class: "p-2 text-gray-500 rounded-full hover:text-gray-900 dark:text-gray-400 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-700"
           }, [
-            l(a(k), { class: "w-5 h-5" })
+            c(a(_), { class: "w-5 h-5" })
           ]),
-          t("h1", $, d(s.$t("cms.menu.menuAdd")), 1)
+          o("h1", N, d(s.$t("cms.menu.menuAdd")), 1)
         ]),
-        t("div", j, [
-          t("button", {
-            onClick: f,
+        o("div", $, [
+          o("button", {
+            onClick: h,
             class: "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium h-9 px-4 py-2 bg-blue-600 text-white shadow-md transition-all duration-200 transform hover:bg-blue-700 hover:shadow-lg hover:scale-105 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
           }, [
-            l(a(_), { class: "w-4 h-4 mr-2" }),
-            y(" " + d(s.$t("cms.common.actions.save")), 1)
+            c(a(V), { class: "w-4 h-4 mr-2" }),
+            w(" " + d(s.$t("cms.common.actions.save")), 1)
           ])
         ])
       ]),
-      t("div", A, [
-        l(a(S), {
-          schema: p.value,
+      o("div", j, [
+        c(a(E), {
+          schema: f.value,
           modelValue: r.value,
-          "onUpdate:modelValue": o[1] || (o[1] = (n) => r.value = n),
+          "onUpdate:modelValue": t[1] || (t[1] = (n) => r.value = n),
           form: i.value,
-          "onUpdate:form": o[2] || (o[2] = (n) => i.value = n)
+          "onUpdate:form": t[2] || (t[2] = (n) => i.value = n)
         }, null, 8, ["schema", "modelValue", "form"])
       ])
     ]));