@opengis/cms 0.0.56 → 0.0.58

package/dist/CollectionsBreadcrumb.vue_vue_type_script_setup_true_lang-umRzB5mY.js

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

package/dist/Dashboard-C1eGscNd.js

@@ -0,0 +1,358 @@
+import { defineComponent as b, resolveComponent as S, openBlock as d, createElementBlock as u, createElementVNode as e, toDisplayString as i, unref as m, createVNode as l, withCtx as A, createTextVNode as g, normalizeClass as x, createBlock as f, resolveDynamicComponent as j, Fragment as _, 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__ */ b({
+  __name: "DashboardHeader",
+  setup(o) {
+    const { locale: s } = $();
+    return (r, a) => {
+      const n = S("router-link");
+      return d(), u("div", B, [
+        e("div", null, [
+          e("div", E, [
+            e("h1", q, i(r.$t("cms.dashboard.title")), 1),
+            e("a", {
+              href: `https://cms.opengis.info/${m(s)}/get-started/app-overview`,
+              target: "_blank",
+              title: r.$t("cms.guide.appOverview")
+            }, [
+              l(m(T), { class: "w-5 h-5" })
+            ], 8, H)
+          ]),
+          e("div", J, i(r.$t("cms.dashboard.description")), 1)
+        ]),
+        e("div", null, [
+          l(n, {
+            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(() => [
+              l(m(L), { class: "w-4 h-4 mr-2" }),
+              g(" " + i(r.$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__ */ b({
+  __name: "StatCard",
+  props: {
+    stat: {}
+  },
+  setup(o) {
+    const s = (r) => ({
+      "file-text": v,
+      users: w,
+      image: U,
+      eye: F
+    })[r] || v;
+    return (r, a) => (d(), u("div", W, [
+      e("div", G, [
+        e("div", K, [
+          e("div", Q, [
+            e("div", Z, [
+              e("div", {
+                class: x(`p-2 rounded-lg bg-${o.stat.color}-50 dark:bg-${o.stat.color}-900/20`)
+              }, [
+                (d(), f(j(s(o.stat.icon)), {
+                  class: x(`w-5 h-5 text-${o.stat.color}-600`)
+                }, null, 8, ["class"]))
+              ], 2),
+              e("p", X, i(o.stat.title), 1)
+            ]),
+            e("p", Y, i(o.stat.value), 1),
+            e("p", ee, i(o.stat.description), 1)
+          ])
+        ])
+      ])
+    ]));
+  }
+}), se = { class: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6" }, oe = /* @__PURE__ */ b({
+  __name: "StatsGrid",
+  props: {
+    stats: {}
+  },
+  setup(o) {
+    return (s, r) => (d(), u("div", se, [
+      (d(!0), u(_, null, k(o.stats, (a) => (d(), f(te, {
+        key: a.id,
+        stat: a
+      }, 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" }, ge = /* @__PURE__ */ b({
+  __name: "ContentItem",
+  props: {
+    item: {}
+  },
+  setup(o) {
+    const s = (a) => {
+      const n = {
+        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 n[a] || n.draft;
+    }, r = (a) => {
+      if (!a)
+        return "--.--.--";
+      const n = new Date(a);
+      return new Intl.DateTimeFormat("en-US", {
+        year: "numeric",
+        month: "short",
+        day: "numeric"
+      }).format(n);
+    };
+    return (a, n) => {
+      const c = S("router-link");
+      return d(), u("div", re, [
+        e("div", ae, [
+          e("div", ie, [
+            e("div", ne, [
+              e("div", le, i(o.item.type), 1),
+              e("div", {
+                class: x(s(o.item.status))
+              }, i(o.item.status || "--"), 3)
+            ]),
+            e("h3", de, i(o.item.title || "--"), 1),
+            e("div", ce, [
+              e("span", ue, [
+                l(m(w), { class: "w-4 h-4 mr-1" }),
+                g(" " + i(o.item.author || "--"), 1)
+              ]),
+              e("span", me, [
+                l(m(N), { class: "w-4 h-4 mr-1" }),
+                g(" " + i(r(o.item.updated_at) || "--.--.--"), 1)
+              ]),
+              e("span", he, [
+                l(m(F), { class: "w-4 h-4 mr-1" }),
+                g(" " + i(o.item.views || "--") + " " + i(a.$t("cms.dashboard.views")), 1)
+              ])
+            ])
+          ]),
+          e("div", be, [
+            l(c, {
+              to: `/collections/${o.item.object_id}/${o.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(() => [
+                l(m(R), { class: "w-4 h-4 dark:text-blue-50" })
+              ]),
+              _: 1
+            }, 8, ["to"])
+          ])
+        ])
+      ]);
+    };
+  }
+}), xe = { class: "lg:col-span-2" }, fe = { class: "rounded-xl text-card-foreground shadow-lg border-0 bg-white dark:bg-slate-800 backdrop-blur-sm" }, pe = { 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" }, _e = { 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__ */ b({
+  __name: "RecentContent",
+  props: {
+    content: {}
+  },
+  setup(o) {
+    const s = M(), r = (a) => {
+      s.push(a);
+    };
+    return (a, n) => (d(), u("div", xe, [
+      e("div", fe, [
+        e("div", pe, [
+          e("div", ve, [
+            e("h3", _e, [
+              l(m(V), { class: "w-5 h-5 mr-2" }),
+              g(" " + i(a.$t("cms.dashboard.recentContent")), 1)
+            ]),
+            e("button", {
+              onClick: n[0] || (n[0] = (c) => r("/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"
+            }, i(a.$t("cms.dashboard.viewAll")), 1)
+          ])
+        ]),
+        e("div", ke, [
+          e("div", we, [
+            (d(!0), u(_, null, k(o.content, (c) => (d(), f(ge, {
+              key: c.id,
+              item: c
+            }, 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__ */ b({
+  __name: "QuickActions",
+  setup(o) {
+    const s = M(), { t: r } = $(), a = [
+      {
+        id: "create-article",
+        title: r("cms.dashboard.createArticle"),
+        description: r("cms.dashboard.createArticleDescription"),
+        icon: v,
+        iconColor: "text-blue-500",
+        link: "/collections/pages/create"
+      },
+      {
+        id: "upload-media",
+        title: r("cms.dashboard.uploadMedia"),
+        description: r("cms.dashboard.uploadMediaDescription"),
+        icon: U,
+        iconColor: "text-purple-500",
+        link: "/media"
+      },
+      {
+        id: "manage-users",
+        title: r("cms.dashboard.manageUsers"),
+        description: r("cms.dashboard.manageUsersDescription"),
+        icon: w,
+        iconColor: "text-green-500",
+        link: "/settings/users"
+      }
+    ], n = (c) => {
+      c && s.push(c);
+    };
+    return (c, h) => (d(), u("div", ye, [
+      e("div", Ce, [
+        e("h3", De, [
+          l(m(z), { class: "w-5 h-5 mr-2" }),
+          g(" " + i(c.$t("cms.dashboard.quickActions")), 1)
+        ])
+      ]),
+      e("div", Pe, [
+        e("div", Se, [
+          (d(), u(_, null, k(a, (t) => e("button", {
+            key: t.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: (p) => n(t == null ? void 0 : t.link)
+          }, [
+            e("div", je, [
+              (d(), f(j(t == null ? void 0 : t.icon), {
+                class: x(`w-4 h-4 ${t == null ? void 0 : t.iconColor}`)
+              }, null, 8, ["class"]))
+            ]),
+            e("h3", Ue, i(t == null ? void 0 : t.title), 1),
+            e("p", Fe, i(t == null ? void 0 : t.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__ */ b({
+  __name: "Dashboard",
+  setup(o) {
+    const { t: s } = $(), r = P([
+      {
+        id: "total-content",
+        title: s("cms.dashboard.totalContent"),
+        value: "2,847",
+        description: s("cms.dashboard.articlesPostsPages"),
+        change: { value: "+12.5%", isPositive: !0 },
+        icon: "file-text",
+        color: "blue"
+      },
+      {
+        id: "active-users",
+        title: s("cms.dashboard.activeUsers"),
+        value: "1,234",
+        description: s("cms.dashboard.monthlyActiveUsers"),
+        change: { value: "+8.2%", isPositive: !0 },
+        icon: "users",
+        color: "emerald"
+      },
+      {
+        id: "media-files",
+        title: s("cms.dashboard.mediaFiles"),
+        value: "5,692",
+        description: s("cms.dashboard.imagesVideosDocs"),
+        change: { value: "+23.1%", isPositive: !0 },
+        icon: "image",
+        color: "purple"
+      },
+      {
+        id: "new-media",
+        title: s("cms.dashboard.newMediaFiles"),
+        value: "89.2K",
+        description: s("cms.dashboard.thisMonth"),
+        change: { value: "-2.4%", isPositive: !1 },
+        icon: "eye",
+        color: "orange"
+      }
+    ]), a = P([
+      {
+        id: 1,
+        type: "Article",
+        status: "published",
+        title: s("cms.dashboard.gettingStartedWithNextJs14"),
+        author: s("cms.dashboard.sarahJohnson"),
+        updated_at: "2024-01-15",
+        views: 1247
+      },
+      {
+        id: 2,
+        type: "Post",
+        status: "draft",
+        title: s("cms.dashboard.advancedReactPatterns"),
+        author: s("cms.dashboard.mikeChen"),
+        updated_at: "2024-01-14",
+        views: 0
+      },
+      {
+        id: 3,
+        type: "Article",
+        status: "published",
+        title: s("cms.dashboard.uiUxDesignPrinciples"),
+        author: s("cms.dashboard.emmaWilson"),
+        updated_at: "2024-01-13",
+        views: 892
+      },
+      {
+        id: 4,
+        type: "Post",
+        status: "review",
+        title: s("cms.dashboard.databaseOptimizationTips"),
+        author: s("cms.dashboard.alexRodriguez"),
+        updated_at: "2024-01-12",
+        views: 0
+      }
+    ]), n = (h) => {
+      r.value = r.value.map((t) => {
+        var p, y, C, D;
+        switch (t.id) {
+          case "total-content":
+            return { ...t, value: ((p = h.totalContent) == null ? void 0 : p.toLocaleString()) ?? t.value };
+          case "active-users":
+            return { ...t, value: ((y = h.totalUsers) == null ? void 0 : y.toLocaleString()) ?? t.value };
+          case "media-files":
+            return { ...t, value: ((C = h.totalMediaFiles) == null ? void 0 : C.toLocaleString()) ?? t.value };
+          case "new-media":
+            return { ...t, value: ((D = h.newMediaFiles) == null ? void 0 : D.toLocaleString()) ?? t.value };
+          default:
+            return t;
+        }
+      });
+    }, c = async () => {
+      const t = await (await fetch("api/cms-stat")).json();
+      a.value = t.recentContent, n(t.stat);
+    };
+    return I(() => {
+      c();
+    }), (h, t) => (d(), u("div", Ie, [
+      l(O),
+      l(oe, { stats: r.value }, null, 8, ["stats"]),
+      e("div", Te, [
+        l($e, {
+          content: a.value,
+          class: "lg:col-span-2"
+        }, null, 8, ["content"]),
+        e("div", null, [
+          l(Me)
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  ze as default
+};