@opengis/cms 0.0.54 → 0.0.56

package/README.md

@@ -8,7 +8,7 @@
 
 This package standardizes static website content management process. Built using the **Fastify** and **Vite** frameworks for reactive, component-driven development.
 
-### Features
+## Features
 
 - **Real-time Editing** - Update content without stopping or reloading the website.
 - **Page Templates** - Use pre-created templates to quickly start your website.
@@ -16,43 +16,76 @@ This package standardizes static website content management process. Built using
 - **Multi-user mode** - Work together with a team on content in real time.
 - **User Settings** - Includes functionality for managing user settings, creating user groups, and defining roles with interface permissions.
 
----
-
-### Install
+## Install 
 
 ```bash
 npm i @opengis/cms
 ```
 
-### Configuration
+## Usage Astro
 
-Configure **pg**, **redis** and **s3** connections in `.env` file
+```js
+---
+import Layout from "@/layouts/Layout.astro";
 
-```bash
-node --env-file=.env.ip server
-bun --env-file=.env.ip server
-pm2 start server --name api -- --env-file=.env.ip
-pm2 
+// get posts
+import { getContents } from "@/utils/cms";
+const postsData = await getContents({ collection: "posts"});
+const { lang } = Astro.params;
+---
+
+<Layout
+  title={lang === "uk" ? "Про нас" : "About us"}  
+>
+ { postsData }
+</Layout>
 ```
 
-### Usage
+## Usage CMS
 
 ```js
-import { getContents } from "@/utils/cms";
+// main.ts
+app.config.globalProperties.$settings = {
+  cms: {
+    locale: 'uk',                // мова сайту по замовчуванню
+    locales: ['uk', 'en'],       // доступні варіанти перекладу
+    previewUrl: 'http://site.ua' // адреса перегляду контенту з редактора
+  }
+};
+```
 
-// Get posts from API
-let postsData = await getContents("posts");
+```js
+// router.config
+export default [
+   {
+    path: '/cms.dashboard',    
+    component: () => import('@opengis/cms').then(el => el.Dashboard),
+  },
+  {
+    path: '/cms.content/:type?/:id?',    
+    component: () => import('@opengis/cms').then(el => el.Contnet),
+  },
+  {
+    path: '/cms.menu/:id?',    
+    component: () => import('@opengis/cms').then(el => el.Menu),
+  },
+]
 ```
+## Start
 
----
+Configure **pg**, **redis** and **s3** connections in `.env` file
 
-### Documentation
+```bash
+node --env-file=.env.ip server
+bun --env-file=.env.ip server
+pm2 start server --name api -- --env-file=.env.ip
+```
 
-For a detailed understanding of `cms`, its features, and how to use them, refer to our [Documentation](https://apidocs.softpro.ua/cms/).
+## Documentation
 
----
+For a detailed understanding of `cms`, its features, and how to use them, refer to our [Documentation](https://apidocs.softpro.ua/cms/).
 
-### Technology stack
+## Technology stack
 
 <a href="https://fastify.dev/" target="_blank">
 <img src="https://img.shields.io/badge/Fastify-323330?style=for-the-badge&logo=fastify" /></a>
@@ -72,9 +105,9 @@ For a detailed understanding of `cms`, its features, and how to use them, refer
 <a href="https://nodejs.org/" target="_blank">
 <img src="https://img.shields.io/badge/Node.js-323330?style=for-the-badge&logo=node.js&logoColor=white" /></a>
 
----
 
-### Contribute
+
+## Contribute
 
 Feel free to contact us through our website [SOFTPRO.UA](https://softpro.ua) or email <info@softpro.ua>
 
@@ -82,7 +115,7 @@ Feel free to contact us through our website [SOFTPRO.UA](https://softpro.ua) or
 - Share your ideas
 - Ask questions
 
-### Follow Us
+## Follow Us
 
 [Official site](https://softpro.ua)
 
@@ -93,6 +126,6 @@ Feel free to contact us through our website [SOFTPRO.UA](https://softpro.ua) or
   <a href="https://www.linkedin.com/in/softpro-ukraine-a8876b282/recent-activity/all/" target="_blank"><img src="https://cdn.softpro.ua/data/npm/social/linkedin.png" alt="Softpro Linkedin" title="Softpro LinkedIn"></a>&nbsp;&nbsp;
 </p>
 
-### License
+## License
 
 Copyright © SOFTPRO. All rights reserved.

package/dist/{ArticlesPage-Cuit_90w.js → ArticlesPage-BcR1hbds.js}

@@ -1,14 +1,14 @@
 import { defineComponent as te, ref as n, inject as ae, computed as I, onMounted as se, watch as D, nextTick as M, openBlock as i, createElementBlock as d, createVNode as _, createElementVNode as r, toDisplayString as h, unref as b, createTextVNode as le, createCommentVNode as f, createBlock as q } from "vue";
 import { useRoute as ne, useRouter as oe } from "vue-router";
 import { HelpCircle as ie, Plus as re, ChevronDown as ce, Calendar as R, User as ue, Globe as me, FileText as de } from "lucide-vue-next";
-import { _ as pe } from "./UniversalTable.vue_vue_type_script_setup_true_lang-DR4PQwqR.js";
-import { _ as fe } from "./UniversalTablePagination.vue_vue_type_script_setup_true_lang-C8P9DCeX.js";
+import { _ as pe } from "./UniversalTable.vue_vue_type_script_setup_true_lang-CJGTsd1V.js";
+import { _ as fe } from "./UniversalTablePagination.vue_vue_type_script_setup_true_lang-GYZd_gkA.js";
 import { VsInputCheckbox as ve } from "@opengis/form";
 import he from "@opengis/filter";
 import { confirm as S } from "@opengis/core";
 import { useI18n as be } from "vue-i18n";
 import { _ as ge } from "./EmptyData-DaZt_nAm.js";
-import { _ as ye } from "./CollectionsBreadcrumb.vue_vue_type_script_setup_true_lang-B6irHMzL.js";
+import { _ as ye } from "./CollectionsBreadcrumb.vue_vue_type_script_setup_true_lang-CnOe9ORD.js";
 const we = { class: "space-y-6 mx-auto max-w-[90%]" }, xe = { class: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between" }, _e = { class: "flex items-center gap-2" }, ke = { class: "text-3xl font-bold text-slate-800 dark:text-white mb-2" }, Ce = ["href", "title"], $e = { class: "flex items-center gap-2" }, Ae = {
   key: 0,
   class: "text-card-foreground shadow-lg border-0 bg-white/80 dark:bg-slate-800/80 backdrop-blur-sm"

package/dist/{BuilderPage-B79YHrmr.js → BuilderPage-CK_osM89.js}

@@ -3,22 +3,22 @@ import { _ as pe } from "./CreateForm-BMOBeP4G.js";
 import { useRouter as ge } from "vue-router";
 import { File as fe, Layers as H, Edit as G, Trash2 as me, List as K, HelpCircle as W, XCircle as be, CheckCircle as xe, Search as ve } from "lucide-vue-next";
 import { useI18n as we } from "vue-i18n";
-import { _ as ke } from "./UniversalTable.vue_vue_type_script_setup_true_lang-DR4PQwqR.js";
-import { _ as ye } from "./UniversalTablePagination.vue_vue_type_script_setup_true_lang-C8P9DCeX.js";
+import { _ as ke } from "./UniversalTable.vue_vue_type_script_setup_true_lang-CJGTsd1V.js";
+import { _ as ye } from "./UniversalTablePagination.vue_vue_type_script_setup_true_lang-GYZd_gkA.js";
 import { _ as X } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 let _e;
 function $e() {
   return _e;
 }
 J[0];
-function Ce(s) {
-  return typeof s == "function" ? s() : i(s);
+function Ce(o) {
+  return typeof o == "function" ? o() : i(o);
 }
-function U(s) {
-  if (s instanceof Promise || s instanceof Date || s instanceof RegExp)
-    return s;
-  const e = Ce(s);
-  if (!s || !e)
+function U(o) {
+  if (o instanceof Promise || o instanceof Date || o instanceof RegExp)
+    return o;
+  const e = Ce(o);
+  if (!o || !e)
     return e;
   if (Array.isArray(e))
     return e.map((r) => U(r));
@@ -40,20 +40,20 @@ const Ve = "usehead", O = typeof globalThis < "u" ? globalThis : typeof window <
 function je() {
   if (R in O)
     return O[R]();
-  const s = Q(Ve);
-  return !s && process.env.NODE_ENV !== "production" && console.warn("Unhead is missing Vue context, falling back to shared context. This may have unexpected results."), s || $e();
+  const o = Q(Ve);
+  return !o && process.env.NODE_ENV !== "production" && console.warn("Unhead is missing Vue context, falling back to shared context. This may have unexpected results."), o || $e();
 }
-function De(s, e = {}) {
+function De(o, e = {}) {
   const r = e.head || je();
   if (r)
-    return r.ssr ? r.push(s, e) : Ee(r, s, e);
+    return r.ssr ? r.push(o, e) : Ee(r, o, e);
 }
-function Ee(s, e, r = {}) {
+function Ee(o, e, r = {}) {
   const n = f(!1), h = f({});
   Y(() => {
     h.value = n.value ? {} : U(e);
   });
-  const b = s.push(h.value, r);
+  const b = o.push(h.value, r);
   return M(h, (a) => {
     b.patch(a);
   }), Z() && (ee(() => {
@@ -64,11 +64,11 @@ function Ee(s, e, r = {}) {
     n.value = !1;
   })), b;
 }
-function Me(s, e = 300) {
-  const r = f(s.value);
+function Me(o, e = 300) {
+  const r = f(o.value);
   let n;
   return M(
-    s,
+    o,
     (h) => {
       clearTimeout(n), n = setTimeout(() => {
         r.value = h;
@@ -88,7 +88,7 @@ const Te = {}, Se = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Ie(s, e) {
+function Ie(o, e) {
   return u(), C("svg", Se, [...e[0] || (e[0] = [
     q('<line x1="8" x2="21" y1="6" y2="6"></line><line x1="8" x2="21" y1="12" y2="12"></line><line x1="8" x2="21" y1="18" y2="18"></line><line x1="3" x2="3.01" y1="6" y2="6"></line><line x1="3" x2="3.01" y1="12" y2="12"></line><line x1="3" x2="3.01" y1="18" y2="18"></line>', 6)
   ])]);
@@ -102,7 +102,7 @@ const Ne = /* @__PURE__ */ X(Te, [["render", Ie]]), Be = {}, He = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Ue(s, e) {
+function Ue(o, e) {
   return u(), C("svg", He, [...e[0] || (e[0] = [
     q('<rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M3 15h18"></path><path d="M9 3v18"></path><path d="M15 3v18"></path>', 5)
   ])]);
@@ -116,9 +116,9 @@ const Ae = /* @__PURE__ */ X(Be, [["render", Ue]]), Fe = { class: "grid grid-col
     onDelete: { type: Function }
   },
   emits: ["edit", "view", "delete"],
-  setup(s, { emit: e }) {
+  setup(o, { emit: e }) {
     f(!1), f(null);
-    const r = s, n = e, h = (a, g) => {
+    const r = o, n = e, h = (a, g) => {
       switch (a) {
         case "edit":
           n("edit", g), r.onEdit && r.onEdit(g);
@@ -131,7 +131,7 @@ const Ae = /* @__PURE__ */ X(Be, [["render", Ue]]), Fe = { class: "grid grid-col
           break;
       }
     }, b = (a) => {
-      const g = /* @__PURE__ */ new Date(), o = new Date(a), y = g.getTime() - o.getTime(), m = Math.floor(y / 1e3), d = Math.floor(m / 60), k = Math.floor(d / 60), v = Math.floor(k / 24), V = Math.floor(v / 7);
+      const g = /* @__PURE__ */ new Date(), s = new Date(a), y = g.getTime() - s.getTime(), m = Math.floor(y / 1e3), d = Math.floor(m / 60), k = Math.floor(d / 60), v = Math.floor(k / 24), V = Math.floor(v / 7);
       return V >= 2 ? `${V} weeks ago` : V === 1 ? "1 week ago" : v >= 2 ? `${v} days ago` : v === 1 ? "1 day ago" : k >= 2 ? `${k} hours ago` : k === 1 ? "1 hour ago" : d >= 2 ? `${d} minutes ago` : d === 1 ? "1 minute ago" : "just now";
     }, x = (a) => {
       switch (a) {
@@ -162,67 +162,67 @@ const Ae = /* @__PURE__ */ X(Be, [["render", Ue]]), Fe = { class: "grid grid-col
       }
     };
     return (a, g) => (u(), C("div", Fe, [
-      (u(!0), C(se, null, re(a.collections, (o) => {
+      (u(!0), C(se, null, re(o.collections, (s) => {
         var y, m, d;
         return u(), C("div", {
-          key: o.id,
+          key: s.id,
           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-200 transform hover:bg-slate-50"
         }, [
           t("div", Le, [
-            o.type === "single" ? (u(), j(i(fe), {
+            s.type === "single" ? (u(), j(i(fe), {
               key: 0,
               class: "shrink-0 lucide lucide-page w-5 h-5 text-blue-600"
             })) : (u(), j(i(H), {
               key: 1,
               class: "shrink-0 lucide lucide-layers w-5 h-5 text-blue-600"
             })),
-            t("p", Pe, p(o.title), 1),
-            x(o.status) ? (u(), C("div", {
+            t("p", Pe, p(s.title), 1),
+            x(s.status) ? (u(), C("div", {
               key: 2,
-              class: E(["whitespace-nowrap rounded-md border ml-auto px-2.5 py-0.5 text-xs font-semibold transition-colors hover:bg-secondary/80 flex items-center w-fit bg-green-100 text-green-800 border-green-200 dark:bg-green-900/30 dark:text-green-300 dark:border-green-700", (y = x(o.status)) == null ? void 0 : y.classes])
+              class: E(["whitespace-nowrap rounded-md border ml-auto px-2.5 py-0.5 text-xs font-semibold transition-colors hover:bg-secondary/80 flex items-center w-fit bg-green-100 text-green-800 border-green-200 dark:bg-green-900/30 dark:text-green-300 dark:border-green-700", (y = x(s.status)) == null ? void 0 : y.classes])
             }, [
-              (u(), j(ne((m = x(o.status)) == null ? void 0 : m.icon), { class: "w-3 h-3 mr-1" })),
-              le(" " + p((d = x(o.status)) == null ? void 0 : d.text), 1)
+              (u(), j(ne((m = x(s.status)) == null ? void 0 : m.icon), { class: "w-3 h-3 mr-1" })),
+              le(" " + p((d = x(s.status)) == null ? void 0 : d.text), 1)
             ], 2)) : T("", !0)
           ]),
           t("div", Ge, [
             t("p", {
               class: "text-slate-600 dark:text-slate-300 mb-4 line-clamp-2",
-              title: o.description
-            }, p(o.description !== null ? o.description : "No description"), 9, Oe),
+              title: s.description
+            }, p(s.description !== null ? s.description : "No description"), 9, Oe),
             t("div", Re, [
               t("p", Qe, p(a.$t("cms.collections.entries")) + ":", 1),
-              t("p", qe, p(o.entries), 1)
+              t("p", qe, p(s.entries), 1)
             ]),
             t("div", ze, [
               t("p", Ke, p(a.$t("cms.collections.fields")) + ":", 1),
-              t("p", We, p(o.fields), 1)
+              t("p", We, p(s.fields), 1)
             ]),
             t("div", Xe, [
               t("p", Je, p(a.$t("cms.collections.lastModified")) + ":", 1),
-              t("p", Ye, p(b(o.last_edit)), 1)
+              t("p", Ye, p(b(s.last_edit)), 1)
             ]),
             t("div", Ze, [
               ae(a.$slots, "actions", {
-                collection: o,
+                collection: s,
                 handleAction: h
               }, () => [
                 t("button", {
                   class: "inline-flex gap-1 items-center justify-center whitespace-nowrap font-medium border rounded-md text-xs h-8 w-4/5 p-0 border-slate-300 bg-white transition-all duration-200 shadow-sm group dark:border-slate-600 dark:bg-slate-700 dark:hover:bg-slate-600 dark:hover:border-slate-500 dark:hover:text-slate-200 hover:bg-green-50 hover:border-green-300",
-                  onClick: N((k) => h("edit", o), ["stop"])
+                  onClick: N((k) => h("edit", s), ["stop"])
                 }, [
                   w(i(G), { class: "text-slate-800 dark:text-slate-200 w-4 h-4 group-hover:text-green-600 dark:group-hover:text-blue-50" }),
                   t("span", tt, p(a.$t("cms.common.actions.edit")), 1)
                 ], 8, et),
                 t("button", {
-                  class: E([o.id === "pages" ? "disabled" : "", "inline-flex items-center justify-center whitespace-nowrap font-medium border rounded-md text-xs h-8 w-8 p-0 border-slate-300 bg-white transition-all duration-200 shadow-sm group dark:border-slate-600 dark:bg-slate-700 dark:hover:bg-slate-600 dark:hover:border-slate-500 dark:hover:text-slate-200 hover:bg-red-50 hover:border-red-300"]),
-                  onClick: N((k) => o.id === "pages" ? null : h("delete", o), ["stop"])
+                  class: E([s.id === "pages" ? "disabled" : "", "inline-flex items-center justify-center whitespace-nowrap font-medium border rounded-md text-xs h-8 w-8 p-0 border-slate-300 bg-white transition-all duration-200 shadow-sm group dark:border-slate-600 dark:bg-slate-700 dark:hover:bg-slate-600 dark:hover:border-slate-500 dark:hover:text-slate-200 hover:bg-red-50 hover:border-red-300"]),
+                  onClick: N((k) => s.id === "pages" ? null : h("delete", s), ["stop"])
                 }, [
                   w(i(me), { class: "text-slate-800 dark:text-slate-200 w-4 h-4 group-hover:text-red-600 dark:group-hover:text-blue-50" })
                 ], 10, ot),
                 t("button", {
-                  class: E([o.type === "single" ? "disabled cursor-not-allowed" : "", "inline-flex items-center justify-center whitespace-nowrap font-medium border rounded-md text-xs h-8 w-8 p-0 border-slate-300 bg-white transition-all duration-200 shadow-sm group dark:border-slate-600 dark:bg-slate-700 dark:hover:bg-slate-600 dark:hover:border-slate-500 dark:hover:text-slate-200 hover:bg-blue-50 hover:border-blue-300"]),
-                  onClick: N((k) => o.type === "single" ? null : h("view", o), ["stop"])
+                  class: E([s.type === "single" ? "disabled cursor-not-allowed" : "", "inline-flex items-center justify-center whitespace-nowrap font-medium border rounded-md text-xs h-8 w-8 p-0 border-slate-300 bg-white transition-all duration-200 shadow-sm group dark:border-slate-600 dark:bg-slate-700 dark:hover:bg-slate-600 dark:hover:border-slate-500 dark:hover:text-slate-200 hover:bg-blue-50 hover:border-blue-300"]),
+                  onClick: N((k) => s.type === "single" ? null : h("view", s), ["stop"])
                 }, [
                   w(i(K), { class: "text-slate-800 dark:text-slate-200 w-4 h-4 group-hover:text-blue-600 dark:group-hover:text-blue-50" })
                 ], 10, st)
@@ -234,8 +234,8 @@ const Ae = /* @__PURE__ */ X(Be, [["render", Ue]]), Fe = { class: "grid grid-col
     ]));
   }
 }), B = localStorage.getItem("collectionView"), S = f(B === "list" || B === "grid" ? B : "list");
-M(S, (s) => {
-  localStorage.setItem("collectionView", s);
+M(S, (o) => {
+  localStorage.setItem("collectionView", o);
 });
 function nt() {
   S.value = S.value === "grid" ? "list" : "grid";
@@ -248,7 +248,7 @@ function lt() {
 }
 const at = { class: "space-y-6 max-w-7xl mx-auto" }, it = { class: "flex items-center justify-between mb-8" }, dt = { class: "flex gap-4" }, ct = { class: "text-3xl font-bold text-slate-800 dark:text-slate-100 mb-2" }, ut = { class: "text-slate-600 dark:text-slate-300" }, ht = ["href", "title"], pt = { class: "flex items-center gap-3" }, gt = { class: "relative" }, ft = { class: "absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none" }, mt = ["placeholder"], bt = { class: "flex items-center bg-white dark:bg-slate-700 border border-slate-200 dark:border-slate-600 rounded-lg p-1 max-w-[fit-content]" }, xt = ["onClick"], Dt = /* @__PURE__ */ z({
   __name: "BuilderPage",
-  setup(s) {
+  setup(o) {
     const { t: e, locale: r } = we(), n = ge(), h = [
       { name: "name", title: e("cms.builder.collectionName"), type: "text", icon: H },
       { name: "title", title: e("cms.builder.title"), type: "text", icon: H },
@@ -261,10 +261,10 @@ const at = { class: "space-y-6 max-w-7xl mx-auto" }, it = { class: "flex items-c
     De({
       title: () => e("cms.collections.title") + " | CMS"
     });
-    const a = f([]), g = Q("fetchContentTypes"), o = f(1), y = f(16), m = f(null), { collectionView: d, toggleCollectionView: k } = lt();
+    const a = f([]), g = Q("fetchContentTypes"), s = f(1), y = f(16), m = f(null), { collectionView: d, toggleCollectionView: k } = lt();
     async function v() {
       try {
-        const l = x.value ? `&search=${encodeURIComponent(String(x.value))}` : "", c = `/api/cms-type?page=${o.value}&limit=${y.value}${l}`, _ = await fetch(c);
+        const l = x.value ? `&search=${encodeURIComponent(String(x.value))}` : "", c = `/api/cms-type?page=${s.value}&limit=${y.value}${l}`, _ = await fetch(c);
         if (!_.ok)
           throw new Error("Failed to fetch collections");
         const D = await _.json();
@@ -287,10 +287,10 @@ const at = { class: "space-y-6 max-w-7xl mx-auto" }, it = { class: "flex items-c
     }, I = (l) => {
       l.type === "single" ? n.push(`/collections/single/${l.name}`) : n.push(`/collections/${l.name}`);
     };
-    return M(o, () => {
+    return M(s, () => {
       v();
     }), M(x, (l) => {
-      console.log("Search query changed:", l), o.value = 1, v();
+      console.log("Search query changed:", l), s.value = 1, v();
     }), (l, c) => {
       var _, D, L, P;
       return u(), C("div", at, [
@@ -372,8 +372,8 @@ const at = { class: "space-y-6 max-w-7xl mx-auto" }, it = { class: "flex items-c
             key: 2,
             total: (D = m.value) == null ? void 0 : D.filtered,
             count: ((L = m.value) == null ? void 0 : L.count) || ((P = m.value) == null ? void 0 : P.total),
-            page: o.value,
-            "onUpdate:page": c[3] || (c[3] = ($) => o.value = $),
+            page: s.value,
+            "onUpdate:page": c[3] || (c[3] = ($) => s.value = $),
             limit: y.value
           }, null, 8, ["total", "count", "page", "limit"])) : T("", !0)
         ])

package/dist/{CollectionsBreadcrumb.vue_vue_type_script_setup_true_lang-B6irHMzL.js → CollectionsBreadcrumb.vue_vue_type_script_setup_true_lang-CnOe9ORD.js}

@@ -1,41 +1,41 @@
-import { defineComponent as p, openBlock as t, createElementBlock as s, createElementVNode as l, createVNode as b, unref as a, toDisplayString as r, createBlock as m, createCommentVNode as c, Fragment as d, renderList as h } from "vue";
-import { Layers as k, ChevronRight as u } from "lucide-vue-next";
-const x = { class: "flex items-center space-x-1 mb-4 overflow-hidden" }, g = { class: "truncate block max-w-[12rem]" }, f = ["onClick"], w = { class: "truncate block max-w-[20rem]" }, v = {
+import { defineComponent as b, openBlock as e, createElementBlock as t, createElementVNode as l, createVNode as h, unref as r, toDisplayString as i, createBlock as m, createCommentVNode as d, Fragment as u, renderList as k } from "vue";
+import { Layers as p, ChevronRight as x } from "lucide-vue-next";
+const g = { class: "flex items-center space-x-1 mb-4 overflow-hidden" }, f = { class: "truncate block max-w-[12rem]" }, w = ["onClick"], v = { class: "truncate block max-w-[20rem]" }, y = {
   key: 1,
   class: "flex gap-x-1 items-center px-2 py-1 rounded text-sm font-medium text-slate-700 dark:text-slate-300 min-w-0 overflow-hidden whitespace-nowrap text-ellipsis"
-}, _ = { class: "truncate block max-w-[20rem]" }, N = /* @__PURE__ */ p({
+}, _ = { class: "truncate block max-w-[20rem]" }, N = /* @__PURE__ */ b({
   __name: "CollectionsBreadcrumb",
   props: {
     items: {}
   },
   emits: ["navigate"],
-  setup(y) {
-    return (e, i) => (t(), s("div", x, [
+  setup(s) {
+    return (a, c) => (e(), t("div", g, [
       l("button", {
         class: "flex gap-x-1 items-center px-2 py-1 rounded text-sm font-medium transition-all duration-200 text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20 hover:bg-blue-100 dark:hover:bg-blue-900/30 min-w-0 overflow-hidden whitespace-nowrap text-ellipsis",
-        onClick: i[0] || (i[0] = (n) => e.$emit("navigate", "collections"))
+        onClick: c[0] || (c[0] = (n) => a.$emit("navigate", "collections"))
       }, [
-        b(a(k), { class: "w-3 h-3 flex-shrink-0" }),
-        l("span", g, r(e.$t("cms.navigation.collections")), 1)
+        h(r(p), { class: "w-3 h-3 flex-shrink-0" }),
+        l("span", f, i(a.$t("cms.navigation.collections")), 1)
       ]),
-      e.items.length > 0 ? (t(), m(a(u), {
+      s.items.length > 0 ? (e(), m(r(x), {
         key: 0,
         class: "w-3 h-3 text-slate-400 dark:text-slate-500 flex-shrink-0"
-      })) : c("", !0),
-      (t(!0), s(d, null, h(e.items, (n, o) => (t(), s(d, { key: o }, [
-        o < e.items.length - 1 ? (t(), s("button", {
+      })) : d("", !0),
+      (e(!0), t(u, null, k(s.items, (n, o) => (e(), t(u, { key: o }, [
+        o < s.items.length - 1 ? (e(), t("button", {
           key: 0,
           class: "flex gap-x-1 items-center px-2 py-1 rounded text-sm font-medium transition-all duration-200 text-blue-700 dark:text-blue-300 bg-blue-50 dark:bg-blue-900/20 hover:bg-blue-100 dark:hover:bg-blue-900/30 min-w-0 overflow-hidden whitespace-nowrap text-ellipsis",
-          onClick: (C) => e.$emit("navigate", n.route)
+          onClick: (C) => a.$emit("navigate", n.route)
         }, [
-          l("span", w, r(n.label), 1)
-        ], 8, f)) : (t(), s("span", v, [
-          l("span", _, r(n.label), 1)
+          l("span", v, i(n.label), 1)
+        ], 8, w)) : (e(), t("span", y, [
+          l("span", _, i(n.label), 1)
         ])),
-        o < e.items.length - 1 ? (t(), m(a(u), {
+        o < s.items.length - 1 ? (e(), m(r(x), {
           key: 2,
           class: "w-3 h-3 text-slate-400 dark:text-slate-500 flex-shrink-0"
-        })) : c("", !0)
+        })) : d("", !0)
       ], 64))), 128))
     ]));
   }

package/dist/{EditCollectionPage-CAVLcvLg.js → EditCollectionPage-Cw3GQYRe.js}

@@ -1,13 +1,13 @@
 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-C8cip9Ci.js";
+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-B6irHMzL.js";
+import { _ as $e } from "./CollectionsBreadcrumb.vue_vue_type_script_setup_true_lang-CnOe9ORD.js";
 const Ce = {
   __name: "vs-builder-monaco",
   props: {

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

@@ -1,6 +1,6 @@
 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-C8cip9Ci.js";
+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";