@opengis/cms 0.0.57 → 0.0.59

package/dist/{UniversalTablePagination.vue_vue_type_script_setup_true_lang-GYZd_gkA.js → UniversalTablePagination-Dw2hc0nc.js}

@@ -1,6 +1,6 @@
-import { defineComponent as f, mergeModels as p, useModel as w, computed as h, openBlock as d, createElementBlock as c, createElementVNode as e, toDisplayString as n, createTextVNode as u, createVNode as b, unref as g, Fragment as v, renderList as k, normalizeClass as y } from "vue";
-import { ChevronLeft as $, ChevronRight as M } from "lucide-vue-next";
-const C = { class: "flex items-center justify-between px-6 py-4 border-t border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-800" }, _ = { class: "flex justify-between flex-1 sm:hidden" }, j = { class: "relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50" }, P = { class: "relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50" }, N = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, T = { class: "text-sm text-slate-600 dark:text-slate-400" }, V = { class: "font-medium text-slate-800 dark:text-slate-100" }, z = { class: "font-medium text-slate-800 dark:text-slate-100" }, B = {
+import { defineComponent as f, mergeModels as x, useModel as w, computed as h, openBlock as r, createElementBlock as d, createElementVNode as t, toDisplayString as n, createTextVNode as u, createVNode as b, unref as p, Fragment as g, renderList as k, normalizeClass as y } from "vue";
+import { ChevronLeft as _, ChevronRight as $ } from "lucide-vue-next";
+const M = { class: "flex items-center justify-between px-6 py-4 border-t border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-800" }, C = { class: "flex justify-between flex-1 sm:hidden" }, j = { class: "relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50" }, P = { class: "relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50" }, N = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, T = { class: "text-sm text-slate-600 dark:text-slate-400" }, V = { class: "font-medium text-slate-800 dark:text-slate-100" }, z = { class: "font-medium text-slate-800 dark:text-slate-100" }, B = {
   class: "relative z-0 inline-flex space-x-2 rounded-md shadow-sm",
   "aria-label": "Pagination"
 }, E = ["disabled"], L = { class: "sr-only" }, S = { class: "space-x-1" }, D = {
@@ -8,7 +8,7 @@ const C = { class: "flex items-center justify-between px-6 py-4 border-t border-
   class: "px-2 py-2 text-gray-400"
 }, F = ["onClick"], R = ["disabled"], U = { class: "sr-only" }, G = /* @__PURE__ */ f({
   __name: "UniversalTablePagination",
-  props: /* @__PURE__ */ p({
+  props: /* @__PURE__ */ x({
     total: {},
     count: {},
     limit: {}
@@ -17,66 +17,66 @@ const C = { class: "flex items-center justify-between px-6 py-4 border-t border-
     pageModifiers: {}
   }),
   emits: ["update:page"],
-  setup(a) {
-    const t = w(a, "page"), r = h(() => Math.ceil(a.total / a.limit)), x = h(() => {
-      const s = [];
-      if (r.value <= 4) {
-        for (let i = 1; i <= r.value; i++)
-          s.push(i);
-        return s;
+  setup(c) {
+    const s = w(c, "page"), i = h(() => Math.ceil(c.total / c.limit)), v = h(() => {
+      const a = [];
+      if (i.value <= 4) {
+        for (let l = 1; l <= i.value; l++)
+          a.push(l);
+        return a;
       }
-      const o = Math.max(2, t.value - 2), m = Math.min(r.value - 1, t.value + 2);
-      s.push(1), o > 2 && s.push("ellipsis");
-      for (let i = o; i <= m; i++)
-        s.push(i);
-      return m < r.value - 1 && s.push("ellipsis"), s.push(r.value), s;
+      const o = Math.max(2, s.value - 2), m = Math.min(i.value - 1, s.value + 2);
+      a.push(1), o > 2 && a.push("ellipsis");
+      for (let l = o; l <= m; l++)
+        a.push(l);
+      return m < i.value - 1 && a.push("ellipsis"), a.push(i.value), a;
     });
-    return (l, s) => (d(), c("div", C, [
-      e("div", _, [
-        e("button", j, n(l.$t("cms.common.pagination.previous")), 1),
-        e("button", P, n(l.$t("cms.common.pagination.next")), 1)
+    return (e, a) => (r(), d("div", M, [
+      t("div", C, [
+        t("button", j, n(e.$t("cms.common.pagination.previous")), 1),
+        t("button", P, n(e.$t("cms.common.pagination.next")), 1)
       ]),
-      e("div", N, [
-        e("div", null, [
-          e("p", T, [
-            u(n(l.$t("cms.common.pagination.showing")) + " ", 1),
-            e("span", V, n(a.count), 1),
-            u(" " + n(l.$t("cms.common.pagination.of")) + " ", 1),
-            e("span", z, n(a.total), 1),
-            u(" " + n(l.$t("cms.common.pagination.results")), 1)
+      t("div", N, [
+        t("div", null, [
+          t("p", T, [
+            u(n(e.$t("cms.common.pagination.showing")) + " ", 1),
+            t("span", V, n(e.count), 1),
+            u(" " + n(e.$t("cms.common.pagination.of")) + " ", 1),
+            t("span", z, n(e.total), 1),
+            u(" " + n(e.$t("cms.common.pagination.results")), 1)
           ])
         ]),
-        e("div", null, [
-          e("nav", B, [
-            e("button", {
-              onClick: s[0] || (s[0] = (o) => t.value = t.value > 1 ? t.value - 1 : 1),
-              disabled: t.value === 1,
+        t("div", null, [
+          t("nav", B, [
+            t("button", {
+              onClick: a[0] || (a[0] = (o) => s.value = s.value > 1 ? s.value - 1 : 1),
+              disabled: s.value === 1,
               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 text-slate-600 disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed hover:text-accent-foreground hover:bg-slate-50 dark:bg-slate-700 dark:border-slate-600 dark:text-slate-300 dark:hover:bg-slate-600"
             }, [
-              e("span", L, n(l.$t("cms.common.pagination.previous")), 1),
-              b(g($), { class: "w-5 h-5" })
+              t("span", L, n(e.$t("cms.common.pagination.previous")), 1),
+              b(p(_), { class: "w-5 h-5" })
             ], 8, E),
-            e("div", S, [
-              (d(!0), c(v, null, k(x.value, (o, m) => (d(), c(v, {
+            t("div", S, [
+              (r(!0), d(g, null, k(v.value, (o, m) => (r(), d(g, {
                 key: o + "-" + m
               }, [
-                o === "ellipsis" ? (d(), c("span", D, "...")) : (d(), c("button", {
+                o === "ellipsis" ? (r(), d("span", D, "...")) : (r(), d("button", {
                   key: 1,
-                  onClick: (i) => t.value = o,
+                  onClick: (l) => s.value = o,
                   class: y(["inline-flex items-center justify-center whitespace-nowrap font-medium transition-colors h-8 w-8 p-0 text-sm rounded-md", {
-                    "border shadow-sm hover:text-accent-foreground bg-white dark:bg-slate-700 border-slate-300 dark:border-slate-600 text-slate-600 dark:text-slate-300 hover:border-blue-600 hover:bg-slate-50 dark:hover:bg-slate-600": o !== t.value,
-                    "shadow bg-blue-600 hover:bg-blue-700 text-white border-blue-600": o === t.value
+                    "border shadow-sm hover:text-accent-foreground bg-white dark:bg-slate-700 border-slate-300 dark:border-slate-600 text-slate-600 dark:text-slate-300 hover:border-blue-600 hover:bg-slate-50 dark:hover:bg-slate-600": o !== s.value,
+                    "shadow bg-blue-600 hover:bg-blue-700 text-white border-blue-600": o === s.value
                   }])
                 }, n(o), 11, F))
               ], 64))), 128))
             ]),
-            e("button", {
-              onClick: s[1] || (s[1] = (o) => t.value = t.value < Math.ceil(a.total / a.limit) ? t.value + 1 : Math.ceil(a.total / a.limit)),
-              disabled: t.value === Math.ceil(a.total / a.limit),
+            t("button", {
+              onClick: a[1] || (a[1] = (o) => s.value = s.value < Math.ceil(e.total / e.limit) ? s.value + 1 : Math.ceil(e.total / e.limit)),
+              disabled: s.value === Math.ceil(e.total / e.limit),
               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 text-slate-600 disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed hover:text-accent-foreground hover:bg-slate-50 dark:bg-slate-700 dark:border-slate-600 dark:text-slate-300 dark:hover:bg-slate-600"
             }, [
-              e("span", U, n(l.$t("cms.common.pagination.next")), 1),
-              b(g(M), { class: "w-5 h-5" })
+              t("span", U, n(e.$t("cms.common.pagination.next")), 1),
+              b(p($), { class: "w-5 h-5" })
             ], 8, R)
           ])
         ])
@@ -85,5 +85,5 @@ const C = { class: "flex items-center justify-between px-6 py-4 border-t border-
   }
 });
 export {
-  G as _
+  G as default
 };

package/dist/VsFormTags-CMjiu9sY.js

@@ -0,0 +1,114 @@
+import { defineAsyncComponent as V, useModel as h, ref as f, provide as S, onMounted as x, nextTick as n, watch as c, computed as N, openBlock as O, createBlock as T, unref as J, createCommentVNode as k } from "vue";
+import { useI18n as z } from "vue-i18n";
+import { notify as B } from "@opengis/core";
+const U = {
+  __name: "VsFormTags",
+  props: {
+    modelValue: { default: () => [] },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(g, { expose: d }) {
+    const y = V(() => import("@opengis/form")), { t: u } = z(), a = h(g, "modelValue"), i = f({}), s = f(!1);
+    S("metaParentValue", a);
+    const l = (e) => Array.isArray(e) ? e.map((t) => typeof t == "object" && t !== null && t.id ? t.id : t) : [], p = async (e) => {
+      if (!Array.isArray(e) || e.length === 0)
+        return [];
+      try {
+        const r = await (await fetch("/api/tags")).json(), A = (r == null ? void 0 : r.rows) || [];
+        return e.map((m) => {
+          const o = A.find((b) => b.tag_id === m);
+          return o ? { id: o.tag_id, text: o.value, color: o.color } : { id: m, text: "", color: "#ababab" };
+        });
+      } catch (t) {
+        return console.error("Error fetching tags:", t), e.map((r) => ({ id: r, text: "", color: "#ababab" }));
+      }
+    };
+    x(async () => {
+      await n(), await n(), setTimeout(() => {
+        var e;
+        if (Array.isArray((e = a.value) == null ? void 0 : e.tag_list)) {
+          const t = l(a.value.tag_list);
+          JSON.stringify(t) !== JSON.stringify(a.value.tag_list) && (a.value.tag_list = t);
+        }
+      }, 100);
+    }), c(
+      () => a.value.tag_list,
+      (e) => {
+        if (Array.isArray(e) && !s.value) {
+          const t = l(e);
+          JSON.stringify(t) !== JSON.stringify(e) && (a.value.tag_list = t);
+        }
+      },
+      { deep: !0 }
+    ), c(
+      () => a.value,
+      (e) => {
+        if (e && Array.isArray(e.tag_list) && !s.value) {
+          const t = l(e.tag_list);
+          JSON.stringify(t) !== JSON.stringify(e.tag_list) && (e.tag_list = t);
+        }
+      },
+      { deep: !0, immediate: !0 }
+    ), c(
+      () => {
+        var e;
+        return (e = a.value) == null ? void 0 : e.tag_list;
+      },
+      (e) => {
+        Array.isArray(e) && i.value && n(() => {
+          i.value && i.value.setValue && i.value.setValue("tag_list", e);
+        });
+      },
+      { deep: !0 }
+    );
+    const _ = async (e) => {
+      if (e.tag_list && (e.tag_list = l(e.tag_list), a.value.tag_list = e.tag_list), await i.value.validate()) {
+        B({
+          type: "warning",
+          title: u("cms.common.actions.warning"),
+          message: u("cms.builder.editFieldFailed")
+        });
+        return;
+      }
+    };
+    d({
+      restoreTagsBeforeSubmit: async () => {
+        var e;
+        if (s.value = !0, Array.isArray((e = a.value) == null ? void 0 : e.tag_list)) {
+          const t = await p(a.value.tag_list);
+          a.value.tag_list = t;
+        }
+        setTimeout(() => {
+          s.value = !1;
+        }, 2e3);
+      }
+    });
+    const v = N(() => {
+      var e;
+      return [
+        {
+          key: "tag_list",
+          type: "select",
+          multiple: !0,
+          searchable: !1,
+          placeholder: u("cms.builder.tags"),
+          data: "tag_id",
+          value: ((e = a.value) == null ? void 0 : e.tag_list) || []
+        }
+      ];
+    });
+    return (e, t) => a.value ? (O(), T(J(y), {
+      key: 0,
+      schema: v.value,
+      modelValue: a.value,
+      "onUpdate:modelValue": [
+        t[0] || (t[0] = (r) => a.value = r),
+        _
+      ]
+    }, null, 8, ["schema", "modelValue"])) : k("", !0);
+  }
+};
+export {
+  U as default
+};

package/dist/VsPreview-DwETkOpb.js

@@ -0,0 +1,63 @@
+import { ref as c, onMounted as d, openBlock as l, createElementBlock as n, createElementVNode as u, createTextVNode as v, createVNode as p, unref as w } from "vue";
+import { ExternalLink as y } from "lucide-vue-next";
+const g = { class: "flex justify-end mb-4" }, m = ["href"], $ = ["src"], b = ["src"], k = {
+  key: 2,
+  class: "w-full h-[80vh] flex items-center justify-center text-gray-500"
+}, j = {
+  __name: "VsPreview",
+  props: {
+    preview_path: {
+      type: String,
+      default: ""
+    },
+    slug: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(r) {
+    const t = c(""), a = c(""), f = async () => {
+      var s, e;
+      try {
+        const i = await (await fetch("/api/settings")).json();
+        t.value = ((e = (s = i == null ? void 0 : i.settings) == null ? void 0 : s.site_info) == null ? void 0 : e.previewUrl) || "http://ip.local.softpro.ua";
+      } catch (o) {
+        console.error("Failed to fetch settings:", o), t.value = "http://ip.local.softpro.ua";
+      }
+    }, h = async () => {
+      var s;
+      try {
+        const o = await (await fetch("/user")).json();
+        a.value = (s = o == null ? void 0 : o.user) == null ? void 0 : s.draftKey;
+      } catch (e) {
+        console.error("Failed to fetch user:", e);
+      }
+    };
+    return d(() => {
+      f(), h();
+    }), (s, e) => (l(), n("div", null, [
+      u("div", g, [
+        u("a", {
+          href: `${t.value}/uk/${r.preview_path}${r.slug}${a.value ? `?draftKey=${a.value}` : ""}`,
+          target: "_blank",
+          class: "inline-flex items-center gap-2 px-3 py-1.5 text-black-600 bg-white border border-blue-200 rounded hover:border-blue-300 hover:bg-blue-50 transition-colors duration-200 font-normal cursor-pointer"
+        }, [
+          e[0] || (e[0] = v(" Переглянути на сайті ", -1)),
+          p(w(y), { class: "w-4 h-4" })
+        ], 8, m)
+      ]),
+      t.value && r.preview_path ? (l(), n("iframe", {
+        key: 0,
+        src: `${t.value}/uk/${r.preview_path}${r.slug}?hideHeader=true&hideFooter=true${a.value ? `&draftKey=${a.value}` : ""}`,
+        class: "w-full h-[80vh]"
+      }, null, 8, $)) : t.value ? (l(), n("iframe", {
+        key: 1,
+        src: `${t.value}/uk/${r.slug}?hideHeader=true&hideFooter=true`,
+        class: "w-full h-[80vh]"
+      }, null, 8, b)) : (l(), n("div", k, " Loading preview... "))
+    ]));
+  }
+};
+export {
+  j as default
+};