@opengis/cms 0.0.57 → 0.0.58

package/README.md

@@ -1,131 +1,131 @@
-<!-- ![alt text](https://cdn.softpro.ua/data/npm/admin/opengis-admin.png) -->
-# @opengis/cms
-
-[![NPM version](https://img.shields.io/npm/v/@opengis/cms?style=plain)](https://www.npmjs.com/package/@opengis/cms)
-[![NPM last update](https://img.shields.io/npm/last-update/@opengis/cms?style=plain)]()
-[![NPM downloads](https://img.shields.io/npm/dw/@opengis/cms?style=plain)]()
-[![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg?style=plain)](http://standardjs.com/)
-
-This package standardizes static website content management process. Built using the **Fastify** and **Vite** frameworks for reactive, component-driven development.
-
-## Features
-
-- **Real-time Editing** - Update content without stopping or reloading the website.
-- **Page Templates** - Use pre-created templates to quickly start your website.
-- **Dashboard** - Control panel for quick evaluation of key metrics.
-- **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 
-
-```bash
-npm i @opengis/cms
-```
-
-## Usage Astro
-
-```js
----
-import Layout from "@/layouts/Layout.astro";
-
-// 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 CMS
-
-```js
-// main.ts
-app.config.globalProperties.$settings = {
-  cms: {
-    locale: 'uk',                // мова сайту по замовчуванню
-    locales: ['uk', 'en'],       // доступні варіанти перекладу
-    previewUrl: 'http://site.ua' // адреса перегляду контенту з редактора
-  }
-};
-```
-
-```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
-
-```bash
-node --env-file=.env.ip server
-bun --env-file=.env.ip server
-pm2 start server --name api -- --env-file=.env.ip
-```
-
-## 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
-
-<a href="https://fastify.dev/" target="_blank">
-<img src="https://img.shields.io/badge/Fastify-323330?style=for-the-badge&logo=fastify" /></a>
-
-<a href="https://vuejs.org/" target="_blank">
-<img src="https://img.shields.io/badge/Vue%20js-323330?style=for-the-badge&logo=vuedotjs&logoColor=4FC08D" /></a>
-
-<a href="https://vite.dev/" target="_blank">
-<img src="https://img.shields.io/badge/Vite-323330?style=for-the-badge&logo=vite" /></a>
-
-<a href="https://www.postgresql.org/" target="_blank">
-<img src="https://img.shields.io/badge/PostgreSQL-323330?style=for-the-badge&logo=postgresql&logoColor=white" /></a>
-
-<a href="https://redis.io/" target="_blank">
-<img src="https://img.shields.io/badge/redis-323330.svg?&style=for-the-badge&logo=redis&logoColor=%23DD0031" /></a>
-
-<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
-
-Feel free to contact us through our website [SOFTPRO.UA](https://softpro.ua) or email <info@softpro.ua>
-
-- Report bugs
-- Share your ideas
-- Ask questions
-
-## Follow Us
-
-[Official site](https://softpro.ua)
-
-<p>
-  <a href="https://www.instagram.com/gissoftpro/" target="_blank"><img src="https://cdn.softpro.ua/data/npm/instagram.png" alt="Softpro Instagram" title="oftpro Instagram"></a>&nbsp;&nbsp;
-  <a href="https://www.facebook.com/gissoftpro" target="_blank"><img src="https://cdn.softpro.ua/data/npm/facebook.png" alt="Softpro Facebook" title="Softpro Facebook"></a>&nbsp;&nbsp;
-  <a href="https://t.me/softprogis" target="_blank"><img src="https://cdn.softpro.ua/data/npm/telegram.png" alt="Softpro Telegram" title="Softpro Telegram"></a>&nbsp;&nbsp;
-  <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
-
-Copyright © SOFTPRO. All rights reserved.
+<!-- ![alt text](https://cdn.softpro.ua/data/npm/admin/opengis-admin.png) -->
+# @opengis/cms
+
+[![NPM version](https://img.shields.io/npm/v/@opengis/cms?style=plain)](https://www.npmjs.com/package/@opengis/cms)
+[![NPM last update](https://img.shields.io/npm/last-update/@opengis/cms?style=plain)]()
+[![NPM downloads](https://img.shields.io/npm/dw/@opengis/cms?style=plain)]()
+[![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg?style=plain)](http://standardjs.com/)
+
+This package standardizes static website content management process. Built using the **Fastify** and **Vite** frameworks for reactive, component-driven development.
+
+## Features
+
+- **Real-time Editing** - Update content without stopping or reloading the website.
+- **Page Templates** - Use pre-created templates to quickly start your website.
+- **Dashboard** - Control panel for quick evaluation of key metrics.
+- **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 
+
+```bash
+npm i @opengis/cms
+```
+
+## Usage Astro
+
+```js
+---
+import Layout from "@/layouts/Layout.astro";
+
+// 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 CMS
+
+```js
+// main.ts
+app.config.globalProperties.$settings = {
+  cms: {
+    locale: 'uk',                // мова сайту по замовчуванню
+    locales: ['uk', 'en'],       // доступні варіанти перекладу
+    previewUrl: 'http://site.ua' // адреса перегляду контенту з редактора
+  }
+};
+```
+
+```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.Content),
+  },
+  {
+    path: '/cms.menu/:id?',    
+    component: () => import('@opengis/cms').then(el => el.Menu),
+  },
+]
+```
+## Start
+
+Configure **pg**, **redis** and **s3** connections in `.env` file
+
+```bash
+node --env-file=.env.ip server
+bun --env-file=.env.ip server
+pm2 start server --name api -- --env-file=.env.ip
+```
+
+## 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
+
+<a href="https://fastify.dev/" target="_blank">
+<img src="https://img.shields.io/badge/Fastify-323330?style=for-the-badge&logo=fastify" /></a>
+
+<a href="https://vuejs.org/" target="_blank">
+<img src="https://img.shields.io/badge/Vue%20js-323330?style=for-the-badge&logo=vuedotjs&logoColor=4FC08D" /></a>
+
+<a href="https://vite.dev/" target="_blank">
+<img src="https://img.shields.io/badge/Vite-323330?style=for-the-badge&logo=vite" /></a>
+
+<a href="https://www.postgresql.org/" target="_blank">
+<img src="https://img.shields.io/badge/PostgreSQL-323330?style=for-the-badge&logo=postgresql&logoColor=white" /></a>
+
+<a href="https://redis.io/" target="_blank">
+<img src="https://img.shields.io/badge/redis-323330.svg?&style=for-the-badge&logo=redis&logoColor=%23DD0031" /></a>
+
+<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
+
+Feel free to contact us through our website [SOFTPRO.UA](https://softpro.ua) or email <info@softpro.ua>
+
+- Report bugs
+- Share your ideas
+- Ask questions
+
+## Follow Us
+
+[Official site](https://softpro.ua)
+
+<p>
+  <a href="https://www.instagram.com/gissoftpro/" target="_blank"><img src="https://cdn.softpro.ua/data/npm/instagram.png" alt="Softpro Instagram" title="oftpro Instagram"></a>&nbsp;&nbsp;
+  <a href="https://www.facebook.com/gissoftpro" target="_blank"><img src="https://cdn.softpro.ua/data/npm/facebook.png" alt="Softpro Facebook" title="Softpro Facebook"></a>&nbsp;&nbsp;
+  <a href="https://t.me/softprogis" target="_blank"><img src="https://cdn.softpro.ua/data/npm/telegram.png" alt="Softpro Telegram" title="Softpro Telegram"></a>&nbsp;&nbsp;
+  <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
+
+Copyright © SOFTPRO. All rights reserved.

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-CFjE_cw_.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-CzqPG-tY.js")
+    ), Q = D(
+      () => import("./UniversalTablePagination-4gL47A7I.js")
+    ), J = D(
+      () => import("./EmptyData-DxPrSXhV.js")
+    ), W = D(
+      () => import("./CollectionsBreadcrumb-BCxeRikP.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-BCxeRikP.js

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