@opengis/cms 0.0.57 → 0.0.59

package/README.md

@@ -63,7 +63,7 @@ export default [
   },
   {
     path: '/cms.content/:type?/:id?',    
-    component: () => import('@opengis/cms').then(el => el.Contnet),
+    component: () => import('@opengis/cms').then(el => el.Content),
   },
   {
     path: '/cms.menu/:id?',    

package/dist/AddNewItemInTree-05PSSEFi.js

@@ -0,0 +1,76 @@
+import { defineComponent as g, mergeModels as x, useModel as w, ref as m, openBlock as y, createBlock as C, unref as i, withCtx as u, createElementVNode as s, toDisplayString as d, createVNode as k } from "vue";
+import { useI18n as V } from "vue-i18n";
+import M from "@opengis/form";
+import { VsModal as h, notify as q } from "@opengis/core";
+const I = { class: "flex justify-end p-[20px] gap-[10px] border-t w-full" }, F = /* @__PURE__ */ g({
+  __name: "AddNewItemInTree",
+  props: {
+    isOpen: { type: Boolean, required: !0 },
+    isOpenModifiers: {}
+  },
+  emits: /* @__PURE__ */ x(["addNewItem"], ["update:isOpen"]),
+  setup(p, { emit: c }) {
+    const { t } = V(), a = w(p, "isOpen"), n = m({}), f = c, o = m({}), v = {
+      title: {
+        type: "text",
+        label: t("cms.menu.form.name"),
+        required: !0,
+        placeholder: t("cms.menu.form.name"),
+        validators: ["required"]
+      },
+      value: {
+        type: "text",
+        label: t("cms.menu.form.value"),
+        required: !0,
+        placeholder: t("cms.menu.form.value"),
+        validators: ["required"]
+      }
+    }, b = async () => {
+      if (await n.value.validate()) {
+        q({
+          type: "warning",
+          title: t("cms.common.actions.warning"),
+          message: t("cms.menu.createMenuFailed")
+        });
+        return;
+      }
+      f("addNewItem", o.value), o.value = {};
+    };
+    return (r, e) => (y(), C(i(h), {
+      teleport: "#modal",
+      visible: a.value,
+      title: r.$t("cms.menu.createMenu"),
+      template: "default",
+      closeClickBack: !1,
+      onClose: e[3] || (e[3] = (l) => a.value = !1)
+    }, {
+      footer: u(() => [
+        s("div", I, [
+          s("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: e[2] || (e[2] = (l) => {
+              a.value = !1, o.value = {};
+            })
+          }, d(r.$t("cms.common.actions.cancel")), 1),
+          s("button", {
+            onClick: b,
+            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"
+          }, d(r.$t("cms.common.actions.save")), 1)
+        ])
+      ]),
+      default: u(() => [
+        k(i(M), {
+          form: n.value,
+          "onUpdate:form": e[0] || (e[0] = (l) => n.value = l),
+          modelValue: o.value,
+          "onUpdate:modelValue": e[1] || (e[1] = (l) => o.value = l),
+          schema: v
+        }, null, 8, ["form", "modelValue"])
+      ]),
+      _: 1
+    }, 8, ["visible", "title"]));
+  }
+});
+export {
+  F as default
+};

package/dist/ArticlesPage-BjYzvTWM.js

@@ -0,0 +1,298 @@
+import { defineComponent as ce, defineAsyncComponent as D, ref as o, inject as ue, computed as R, onMounted as de, watch as L, nextTick as z, openBlock as n, createElementBlock as d, createVNode as A, unref as u, createElementVNode as r, toDisplayString as b, createTextVNode as me, createCommentVNode as h, createStaticVNode as pe, createBlock as N } from "vue";
+import { useRoute as ve, useRouter as fe } from "vue-router";
+import { HelpCircle as he, Plus as ge, ChevronDown as be, Calendar as G, User as ye, Globe as we, FileText as xe } from "lucide-vue-next";
+import { VsInputCheckbox as ke } from "@opengis/form";
+import Ce from "@opengis/filter";
+import { confirm as H } from "@opengis/core";
+import { useI18n as _e } from "vue-i18n";
+const $e = { class: "space-y-6 mx-auto max-w-[90%]" }, Ae = { class: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between" }, Ee = { class: "flex items-center gap-2" }, Te = { class: "text-3xl font-bold text-slate-800 dark:text-white mb-2" }, Ue = ["href", "title"], je = { class: "flex items-center gap-2" }, qe = {
+  key: 0,
+  class: "text-card-foreground shadow-lg border-0 bg-white/80 dark:bg-slate-800/80 backdrop-blur-sm"
+}, Fe = {
+  key: 1,
+  class: "text-card-foreground shadow-lg border-0 bg-white/80 dark:bg-slate-800/80 backdrop-blur-sm"
+}, Ve = {
+  key: 0,
+  class: "p-2 border-b border-gray-200 sm:px-4 sm:py-2 dark:border-gray-700"
+}, De = { class: "flex flex-col gap-4 sm:flex-row" }, Ne = { class: "relative flex items-center gap-2 ml-auto" }, Be = {
+  key: 1,
+  class: "absolute top-full right-2/3 translate-x-1/2 min-w-[150%] p-4 z-10 bg-white border border-gray-300 rounded-md mt-2 dark:bg-slate-800 dark:border-slate-700 shadow-lg"
+}, Oe = { class: "max-h-60 overflow-y-auto overflow-x-hidden" }, Le = { key: 2 }, Ke = /* @__PURE__ */ ce({
+  __name: "ArticlesPage",
+  setup(Se) {
+    const K = D(
+      () => import("./UniversalTable-GBd_pStq.js")
+    ), Q = D(
+      () => import("./UniversalTablePagination-Dw2hc0nc.js")
+    ), J = D(
+      () => import("./EmptyData-DxPrSXhV.js")
+    ), W = D(
+      () => import("./CollectionsBreadcrumb-HePNJb-d.js")
+    ), s = ve(), m = fe(), c = o(null), X = o(""), { t: y, locale: Y } = _e(), E = o([]), Z = ue("cms.menu") || [], T = o(""), v = o(""), U = o(null), j = o(1), w = o(!1), p = o(["title", "slug", "author", "publish_at", "published_at", "status"]), q = o([]), x = o([]), F = o([]), k = o({}), V = o(0), C = o(!1), S = () => {
+      var l;
+      let t = (l = c.value) == null ? void 0 : l.columns.filter((e) => {
+        var a;
+        return (a = p == null ? void 0 : p.value) == null ? void 0 : a.includes(e.name);
+      });
+      q.value = t.map((e) => {
+        switch (e.name) {
+          case "title":
+            return {
+              ...e,
+              title: e.name ? e.name.charAt(0).toUpperCase() + e.name.slice(1) : "--",
+              icon: xe
+            };
+          case "slug":
+            return {
+              ...e,
+              title: e.name ? e.name.charAt(0).toUpperCase() + e.name.slice(1) : "-",
+              icon: we
+            };
+          case "author":
+            return {
+              ...e,
+              title: e.name ? e.name.charAt(0).toUpperCase() + e.name.slice(1) : "-",
+              icon: ye
+            };
+          case "publish_at":
+            return {
+              ...e,
+              title: e.name ? e.name.charAt(0).toUpperCase() + e.name.slice(1) : "-",
+              icon: G
+            };
+          case "published_at":
+            return {
+              ...e,
+              title: e.name ? e.name.charAt(0).toUpperCase() + e.name.slice(1) : "-",
+              icon: G
+            };
+          default:
+            return {
+              ...e,
+              title: e.name ? e.name.charAt(0).toUpperCase() + e.name.slice(1) : "-"
+            };
+        }
+      }), w.value = !1;
+    }, I = R(
+      () => {
+        var e, a, i, f;
+        const t = (s.params.id || "").toString(), l = t === "pages" ? y("cms.articles.title") : t;
+        return ((e = U.value) == null ? void 0 : e.title) || ((a = c.value) == null ? void 0 : a.title) || T.value || ((f = (i = Z.value) == null ? void 0 : i.find(($) => $.id === s.params.id)) == null ? void 0 : f.title) || l;
+      }
+    ), M = async () => {
+      try {
+        const t = await fetch("/api/cms-type?type=collection");
+        if (!t.ok)
+          return;
+        const e = ((await t.json()).rows || []).find((a) => a.id === s.params.id);
+        e && (U.value = e);
+      } catch (t) {
+        console.error("Error fetching collection meta:", t);
+      }
+    }, ee = R(() => [
+      {
+        label: I.value || s.params.id,
+        route: `collections/${s.params.id}`
+      }
+    ]), te = (t) => {
+      t === "collections" ? m.push("/collections") : m.push(`/${t}`);
+    }, P = () => {
+      m.push(`/collections/${s.params.id}/create`);
+    }, ae = () => {
+      m.push(`/collections/${s.params.id}/edit`);
+    }, le = async () => {
+      H({
+        title: y("cms.builder.deleteTitle"),
+        message: y("cms.builder.deleteObject"),
+        type: "error",
+        onConfirm: async () => {
+          try {
+            await fetch(`/api/cms-type/${s.params.id}`, { method: "DELETE" }), m.push("/collections");
+          } catch (t) {
+            console.error("Failed to delete collection:", t);
+          }
+        }
+      });
+    }, se = async (t) => {
+      H({
+        title: y("cms.builder.deleteTitle"),
+        message: y("cms.builder.deleteObject"),
+        type: "error",
+        onConfirm: async () => {
+          await fetch(`/api/cms/${s.params.id}/${t.id}`, { method: "DELETE" }), _();
+        }
+      });
+    }, ie = (t) => {
+      m.push(`/collections/${s.params.id}/${t.id}`);
+    }, _ = async () => {
+      var t, l;
+      if (!C.value) {
+        C.value = !0;
+        try {
+          const a = await (await fetch(
+            `/api/cms/${s.params.id}?page=${j.value}&filter=${v.value}&limit=12`
+          )).json();
+          if (E.value = a.rows || [], c.value = a, (a == null ? void 0 : a.type) === "single" && ((l = (t = a == null ? void 0 : a.rows) == null ? void 0 : t[0]) != null && l.title) && (T.value = a.rows[0].title), !F.value.length) {
+            const i = (a.filters || []).map((f) => {
+              const { extra: $, title: O, ...g } = f;
+              return g;
+            });
+            F.value = i;
+          }
+          s.params.id === "pages" && p.value.push("type"), oe(), S();
+        } finally {
+          C.value = !1;
+        }
+      }
+    }, oe = () => {
+      var l;
+      if (!((l = c.value) != null && l.columns))
+        return;
+      const t = c.value.columns.map((e, a) => ({
+        text: e.label,
+        id: e.name
+      }));
+      x.value = [
+        ...p.value.map((e) => t.find((a) => a.id === e)).filter(Boolean),
+        ...t.filter((e) => !p.value.includes(e.id))
+      ];
+    }, ne = (t, l) => {
+      if (!l)
+        return !0;
+      const e = l.toLowerCase();
+      return q.value.some((a) => {
+        const i = t[a.name];
+        return i && i.toString().toLowerCase().includes(e);
+      });
+    }, re = (t) => {
+      const l = Object.entries(t == null ? void 0 : t.data).filter(([, a]) => a != null).map(([a, i]) => `${a}=${i}`).join("|");
+      v.value = l;
+      const e = { ...s.query };
+      l ? e.filter = l : delete e.filter, m.replace({ query: e });
+    }, B = () => {
+      if (s.query.filter) {
+        v.value = s.query.filter;
+        const t = s.query.filter.split("|"), l = {};
+        t.forEach((e) => {
+          const [a, i] = e.split("=");
+          a && i && (l[a] = i);
+        }), k.value = l;
+      } else
+        v.value = "", k.value = {}, V.value++;
+    };
+    return de(() => {
+      B(), M(), _();
+    }), L(() => s.params.id, () => {
+      k.value = {}, v.value = "", F.value = [], U.value = null, T.value = "";
+      const t = { ...s.query };
+      delete t.filter, m.replace({ query: t }), V.value++, B(), M(), _();
+    }), L(() => s.query, async () => {
+      B(), await z(), _();
+    }, { deep: !0 }), L(j, async () => {
+      s.query.filter || (v.value = "", k.value = {}, V.value++), await z(), _();
+    }), (t, l) => {
+      var e, a, i, f, $, O;
+      return n(), d("div", $e, [
+        A(u(W), {
+          items: ee.value,
+          loading: C.value && !((e = U.value) != null && e.title) && !((a = c.value) != null && a.title) && !T.value,
+          onNavigate: te
+        }, null, 8, ["items", "loading"]),
+        r("div", Ae, [
+          r("div", Ee, [
+            r("h1", Te, b(I.value), 1),
+            r("a", {
+              href: `https://cms.opengis.info/${u(Y)}/guides/content/`,
+              target: "_blank",
+              title: t.$t("cms.guide.content")
+            }, [
+              A(u(he), { class: "w-5 h-5" })
+            ], 8, Ue)
+          ]),
+          r("div", je, [
+            E.value.length ? (n(), d("button", {
+              key: 0,
+              onClick: P,
+              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"
+            }, [
+              A(u(ge), { class: "w-4 h-4 mr-2" }),
+              me(" " + b(t.$t("cms.articles.createArticle")), 1)
+            ])) : h("", !0),
+            ((i = c.value) == null ? void 0 : i.type) === "collection" ? (n(), d("button", {
+              key: 1,
+              onClick: ae,
+              class: "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium h-9 px-4 py-2 border border-slate-300 bg-white text-slate-700 shadow-sm transition-all duration-200 transform hover:bg-slate-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+            }, b(t.$t("cms.common.actions.edit")), 1)) : h("", !0),
+            r("button", {
+              onClick: le,
+              class: "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium h-9 px-4 py-2 border border-red-300 bg-white text-red-600 shadow-sm transition-all duration-200 transform hover:bg-red-50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+            }, b(t.$t("cms.common.actions.delete")), 1)
+          ])
+        ]),
+        C.value ? (n(), d("div", qe, [...l[3] || (l[3] = [
+          pe('<div class="p-4 border-b border-gray-200 sm:px-4 sm:py-3 dark:border-gray-700"><div class="flex flex-col gap-4 sm:flex-row sm:items-center"><div class="h-10 w-full rounded-md bg-gray-100 animate-pulse sm:max-w-2xl"></div><div class="h-10 w-40 rounded-md bg-gray-100 animate-pulse sm:ml-auto"></div></div></div><div class="p-4 space-y-3"><div class="h-12 rounded-md bg-gray-100 animate-pulse"></div><div class="h-12 rounded-md bg-gray-100 animate-pulse"></div><div class="h-12 rounded-md bg-gray-100 animate-pulse"></div><div class="h-12 rounded-md bg-gray-100 animate-pulse"></div><div class="h-12 rounded-md bg-gray-100 animate-pulse"></div></div>', 2)
+        ])])) : E.value.length || v.value.length ? (n(), d("div", Fe, [
+          (n(), d("div", Ve, [
+            r("div", De, [
+              (n(), N(u(Ce), {
+                key: V.value,
+                schema: F.value,
+                history: !0,
+                value: k.value,
+                view: "inline",
+                onChange: re
+              }, null, 8, ["schema", "value"])),
+              r("div", Ne, [
+                x.value.length > 0 ? (n(), d("div", {
+                  key: 0,
+                  class: "flex items-center gap-2 cursor-pointer text-sm border border-gray-300 rounded-md p-2 dark:text-white",
+                  onClick: l[0] || (l[0] = (g) => w.value = !w.value)
+                }, [
+                  r("p", null, b(t.$t("cms.articles.showColumns")), 1),
+                  A(u(be), { class: "w-4 h-4" })
+                ])) : h("", !0),
+                x.value.length > 0 && w.value ? (n(), d("div", Be, [
+                  r("div", Oe, [
+                    x.value.length > 0 && w.value ? (n(), N(u(ke), {
+                      key: 0,
+                      options: x.value,
+                      modelValue: p.value,
+                      "onUpdate:modelValue": l[1] || (l[1] = (g) => p.value = g)
+                    }, null, 8, ["options", "modelValue"])) : h("", !0)
+                  ]),
+                  r("button", {
+                    class: "text-sm bg-blue-600 text-white rounded-md p-2 mt-4 w-full",
+                    onClick: S
+                  }, b(t.$t("cms.articles.update")), 1)
+                ])) : h("", !0)
+              ])
+            ])
+          ])),
+          q.value.length > 0 ? (n(), N(u(K), {
+            key: 1,
+            class: "max-h-[calc(100vh-290px)] overflow-y-auto",
+            rows: E.value,
+            columns: q.value,
+            query: X.value,
+            filterFn: ne,
+            onDelete: se,
+            onEdit: ie
+          }, null, 8, ["rows", "columns", "query"])) : h("", !0),
+          ((f = c.value) == null ? void 0 : f.total) > 20 ? (n(), N(u(Q), {
+            key: 2,
+            total: ($ = c.value) == null ? void 0 : $.filtered,
+            count: (O = c.value) == null ? void 0 : O.count,
+            page: j.value,
+            "onUpdate:page": l[2] || (l[2] = (g) => j.value = g),
+            limit: 20
+          }, null, 8, ["total", "count", "page"])) : h("", !0)
+        ])) : (n(), d("div", Le, [
+          A(u(J), { onAction: P })
+        ]))
+      ]);
+    };
+  }
+});
+export {
+  Ke as default
+};

package/dist/CollectionsBreadcrumb-HePNJb-d.js

@@ -0,0 +1,4 @@
+import { _ as f } from "./CollectionsBreadcrumb.vue_vue_type_script_setup_true_lang-BJh-tjam.js";
+export {
+  f as default
+};

package/dist/CollectionsBreadcrumb.vue_vue_type_script_setup_true_lang-BJh-tjam.js

@@ -0,0 +1,53 @@
+import { defineComponent as k, openBlock as e, createElementBlock as s, createElementVNode as a, createVNode as m, unref as n, toDisplayString as u, Fragment as r, createBlock as c, createCommentVNode as p, renderList as b } from "vue";
+import { Layers as x, ChevronRight as i } from "lucide-vue-next";
+const h = { class: "flex items-center space-x-1 mb-4 overflow-hidden" }, g = { class: "truncate block max-w-[12rem]" }, w = ["onClick"], f = { class: "truncate block max-w-[20rem]" }, v = {
+  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"
+}, y = { class: "truncate block max-w-[20rem]" }, N = /* @__PURE__ */ k({
+  __name: "CollectionsBreadcrumb",
+  props: {
+    items: {},
+    loading: { type: Boolean }
+  },
+  emits: ["navigate"],
+  setup(C) {
+    return (t, l) => (e(), s("div", h, [
+      a("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: l[0] || (l[0] = (o) => t.$emit("navigate", "collections"))
+      }, [
+        m(n(x), { class: "w-3 h-3 flex-shrink-0" }),
+        a("span", g, u(t.$t("cms.navigation.collections")), 1)
+      ]),
+      t.loading ? (e(), s(r, { key: 0 }, [
+        m(n(i), { class: "w-3 h-3 text-slate-400 dark:text-slate-500 flex-shrink-0" }),
+        l[1] || (l[1] = a("div", { class: "h-7 w-24 rounded bg-slate-200 dark:bg-slate-700 animate-pulse" }, null, -1)),
+        m(n(i), { class: "w-3 h-3 text-slate-400 dark:text-slate-500 flex-shrink-0" }),
+        l[2] || (l[2] = a("div", { class: "h-7 w-20 rounded bg-slate-200 dark:bg-slate-700 animate-pulse" }, null, -1))
+      ], 64)) : (e(), s(r, { key: 1 }, [
+        t.items.length > 0 ? (e(), c(n(i), {
+          key: 0,
+          class: "w-3 h-3 text-slate-400 dark:text-slate-500 flex-shrink-0"
+        })) : p("", !0),
+        (e(!0), s(r, null, b(t.items, (o, d) => (e(), s(r, { key: d }, [
+          d < t.items.length - 1 ? (e(), s("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: (_) => t.$emit("navigate", o.route)
+          }, [
+            a("span", f, u(o.label), 1)
+          ], 8, w)) : (e(), s("span", v, [
+            a("span", y, u(o.label), 1)
+          ])),
+          d < t.items.length - 1 ? (e(), c(n(i), {
+            key: 2,
+            class: "w-3 h-3 text-slate-400 dark:text-slate-500 flex-shrink-0"
+          })) : p("", !0)
+        ], 64))), 128))
+      ], 64))
+    ]));
+  }
+});
+export {
+  N as _
+};

package/dist/CollectionsPage-DHfPNql6.js

@@ -0,0 +1,124 @@
+import { defineComponent as E, defineAsyncComponent as f, inject as L, ref as u, computed as V, onMounted as B, openBlock as i, createElementBlock as n, createElementVNode as e, toDisplayString as a, unref as r, createVNode as d, withDirectives as F, vModelText as A, Fragment as y, renderList as v, createStaticVNode as D, createBlock as _ } from "vue";
+import { useRouter as N } from "vue-router";
+import { HelpCircle as S, Search as M, File as R, Layers as T, ChevronRight as q } from "lucide-vue-next";
+import { useI18n as H } from "vue-i18n";
+const I = { class: "space-y-6 mx-auto max-w-[90%]" }, P = { class: "flex items-center justify-between mb-8" }, Q = { class: "flex gap-4" }, U = { class: "text-3xl font-bold text-slate-800 dark:text-slate-100 mb-2" }, z = { class: "text-slate-600 dark:text-slate-300" }, G = ["href", "title"], J = { class: "flex items-center gap-3" }, K = { class: "relative w-full max-w-sm" }, O = { class: "absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none" }, W = ["placeholder"], X = {
+  key: 0,
+  class: "grid grid-cols-1 gap-4 mb-6 md:grid-cols-2 lg:grid-cols-3"
+}, Y = { key: 1 }, Z = { class: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mb-6" }, ee = ["onClick"], te = { class: "flex items-start justify-between" }, se = { class: "flex items-start gap-3" }, oe = { class: "text-sm font-semibold text-gray-800 mb-1" }, le = { class: "flex items-center gap-2" }, ie = { class: "text-xs text-gray-500 whitespace-nowrap" }, re = { class: "pl-8 text-xs text-gray-600 line-clamp-2" }, ne = {
+  key: 2,
+  class: "flex items-center justify-center min-h-[400px]"
+}, pe = /* @__PURE__ */ E({
+  __name: "CollectionsPage",
+  setup(ae) {
+    const x = f(
+      () => import("./EmptyData-DxPrSXhV.js")
+    ), b = f(
+      () => import("./CreateForm-5FvT45vH.js")
+    ), { t: de, locale: w } = H(), k = N();
+    L("fetchContentTypes");
+    const h = u([]), c = u(""), g = u(!0), p = V(() => {
+      const s = h.value.filter(
+        (t) => t.type !== "single"
+      ), l = c.value.trim().toLowerCase();
+      return [...l ? s.filter((t) => [t == null ? void 0 : t.title, t == null ? void 0 : t.name, t == null ? void 0 : t.id, t == null ? void 0 : t.description].filter(Boolean).join(" ").toLowerCase().includes(l)) : s].sort((t, m) => t.id === "pages" ? -1 : m.id === "pages" ? 1 : 0);
+    });
+    async function C() {
+      try {
+        const s = await fetch("/api/cms-type?type=collection");
+        if (!s.ok)
+          throw new Error("Failed to fetch collections");
+        const l = await s.json();
+        h.value = l.rows || [];
+      } catch (s) {
+        console.error("Error fetching collections:", s);
+      } finally {
+        g.value = !1;
+      }
+    }
+    const $ = (s) => {
+      k.push(`/collections/${s.id}`);
+    };
+    return B(() => {
+      C();
+    }), (s, l) => (i(), n("div", I, [
+      e("div", P, [
+        e("div", Q, [
+          e("div", null, [
+            e("h1", U, a(s.$t("cms.navigation.collections")), 1),
+            e("p", z, a(s.$t("cms.collections.selectCollection")), 1)
+          ]),
+          e("a", {
+            href: `https://cms.opengis.info/${r(w)}/guides/collections/`,
+            target: "_blank",
+            title: s.$t("cms.guide.collections"),
+            class: "mt-2"
+          }, [
+            d(r(S), { class: "w-5 h-5" })
+          ], 8, G)
+        ]),
+        e("div", J, [
+          e("div", K, [
+            e("div", O, [
+              d(r(M), { class: "w-5 h-5 text-gray-400" })
+            ]),
+            F(e("input", {
+              "onUpdate:modelValue": l[0] || (l[0] = (o) => c.value = o),
+              type: "text",
+              class: "block w-full py-2 pl-10 pr-3 leading-5 text-gray-900 placeholder-gray-500 transition-colors bg-white border border-gray-300 rounded-md dark:border-gray-600 dark:bg-gray-700 dark:placeholder-gray-400 focus:outline-none focus:ring-sky-500 focus:border-sky-500 dark:text-white sm:text-sm",
+              placeholder: s.$t("cms.collections.searchCollections")
+            }, null, 8, W), [
+              [A, c.value]
+            ])
+          ]),
+          d(r(b), {
+            redirectAfterCreate: (o) => `/collections/${o.id}`
+          }, null, 8, ["redirectAfterCreate"])
+        ])
+      ]),
+      g.value ? (i(), n("div", X, [
+        (i(), n(y, null, v(6, (o) => e("div", {
+          key: o,
+          class: "rounded-lg border border-gray-200 bg-white p-4 animate-pulse"
+        }, [...l[1] || (l[1] = [
+          D('<div class="flex items-start justify-between"><div class="flex items-start gap-3 flex-1"><div class="h-5 w-5 rounded bg-gray-200 shrink-0"></div><div class="flex-1 space-y-2"><div class="h-4 w-32 rounded bg-gray-200"></div><div class="h-3 w-20 rounded bg-gray-100"></div></div></div><div class="h-4 w-16 rounded bg-gray-100"></div></div>', 1)
+        ])])), 64))
+      ])) : p.value.length > 0 ? (i(), n("div", Y, [
+        e("div", Z, [
+          (i(!0), n(y, null, v(p.value, (o) => (i(), n("button", {
+            key: o.id,
+            onClick: (j) => $(o),
+            class: "w-full border border-gray-200 bg-white rounded-lg p-4 text-left hover:shadow-md transition-all hover:border-gray-300"
+          }, [
+            e("div", null, [
+              e("div", te, [
+                e("div", se, [
+                  o.id === "pages" ? (i(), _(r(R), {
+                    key: 0,
+                    class: "shrink-0 lucide lucide-page w-5 h-5 text-blue-600"
+                  })) : (i(), _(r(T), {
+                    key: 1,
+                    class: "shrink-0 lucide lucide-layers w-5 h-5 text-blue-600"
+                  })),
+                  e("div", null, [
+                    e("h4", oe, a(o.title), 1)
+                  ])
+                ]),
+                e("div", le, [
+                  e("span", ie, a(o.entries) + " записів", 1),
+                  d(r(q), { class: "w-4 h-4 text-gray-400" })
+                ])
+              ]),
+              e("p", re, a(o.description || "Опис відсутній"), 1)
+            ])
+          ], 8, ee))), 128))
+        ])
+      ])) : (i(), n("div", ne, [
+        d(r(x))
+      ]))
+    ]));
+  }
+});
+export {
+  pe as default
+};

package/dist/{CreateForm-BMOBeP4G.js → CreateForm-5FvT45vH.js}

@@ -121,5 +121,5 @@ const O = { class: "flex justify-end p-[20px] gap-[10px] border-t w-full" }, D =
   }
 };
 export {
-  D as _
+  D as default
 };