@opengis/cms 0.0.56 → 0.0.58

package/dist/MenuList-DFEBS0NB.js

@@ -0,0 +1,172 @@
+import { openBlock as l, createElementBlock as u, createStaticVNode as D, defineComponent as E, ref as h, normalizeClass as z, createTextVNode as M, toDisplayString as f, createCommentVNode as b, createBlock as C, unref as d, withModifiers as y, createVNode as p, createElementVNode as v, withDirectives as $, withKeys as w, vModelText as I, watch as N, resolveComponent as T, withCtx as U, nextTick as V } from "vue";
+import { d as A } from "./vuedraggable-CoAPPFYd.js";
+import { _ as L } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { Pencil as S, Trash2 as j, Check as K, X as O } from "lucide-vue-next";
+import { confirm as P } from "@opengis/core";
+import { useI18n as X } from "vue-i18n";
+const q = {}, F = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+function G(r, o) {
+  return l(), u("svg", F, [...o[0] || (o[0] = [
+    D('<circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle>', 6)
+  ])]);
+}
+const H = /* @__PURE__ */ L(q, [["render", G]]), J = {
+  key: 0,
+  class: "p-3 flex items-center gap-x-3 cursor-grab bg-gray-100 border border-gray-300 rounded-lg font-medium text-sm text-gray-800 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200"
+}, Q = {
+  key: 0,
+  class: "text-xs text-gray-500 dark:text-neutral-400 ml-2"
+}, R = {
+  key: 1,
+  class: "p-3 flex items-center gap-x-2 bg-gray-100 border border-gray-300 rounded-lg dark:bg-neutral-900 dark:border-neutral-700"
+}, W = { class: "text-sm font-medium text-gray-800 dark:text-neutral-200 shrink-0" }, Y = /* @__PURE__ */ E({
+  __name: "MenuItem",
+  props: {
+    title: {},
+    value: {}
+  },
+  emits: ["delete", "update:value"],
+  setup(r, { emit: o }) {
+    const i = r, m = o, a = h(!1), e = h(""), g = () => {
+      typeof i.value == "string" && (e.value = i.value, a.value = !0);
+    }, c = () => {
+      typeof i.value == "string" && (m("update:value", e.value), a.value = !1);
+    }, x = () => {
+      a.value = !1, e.value = "";
+    };
+    return (_, t) => (l(), u("div", {
+      class: z([{ "space-y-1": typeof r.value != "string" }, "dark:bg-transparent"])
+    }, [
+      a.value ? (l(), u("div", R, [
+        v("span", W, f(r.title) + ":", 1),
+        $(v("input", {
+          "onUpdate:modelValue": t[1] || (t[1] = (s) => e.value = s),
+          onKeyup: [
+            w(c, ["enter"]),
+            w(x, ["esc"])
+          ],
+          onBlur: c,
+          class: "flex-1 px-2 py-1 text-sm border border-gray-300 rounded dark:bg-neutral-800 dark:border-neutral-600 dark:text-neutral-200 focus:outline-none focus:ring-2 focus:ring-blue-500",
+          type: "text",
+          placeholder: "/link"
+        }, null, 544), [
+          [I, e.value]
+        ]),
+        v("button", {
+          onClick: y(c, ["stop"]),
+          class: "shrink-0 p-1 text-green-600 dark:text-green-400 hover:bg-green-50 dark:hover:bg-green-900/20 rounded",
+          title: "Save"
+        }, [
+          p(d(K), { class: "size-4" })
+        ]),
+        v("button", {
+          onClick: y(x, ["stop"]),
+          class: "shrink-0 p-1 text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20 rounded",
+          title: "Cancel"
+        }, [
+          p(d(O), { class: "size-4" })
+        ])
+      ])) : (l(), u("div", J, [
+        M(f(r.title) + " ", 1),
+        typeof r.value == "string" ? (l(), u("span", Q, f(r.value), 1)) : b("", !0),
+        typeof r.value == "string" ? (l(), C(d(S), {
+          key: 1,
+          class: "shrink-0 size-4 ml-auto text-gray-500 dark:text-neutral-500 cursor-pointer hover:text-blue-600 dark:hover:text-blue-400",
+          onClick: y(g, ["stop"])
+        })) : b("", !0),
+        p(d(j), {
+          class: "shrink-0 size-4 text-gray-500 dark:text-neutral-500 cursor-pointer hover:text-red-600 dark:hover:text-red-400",
+          onClick: t[0] || (t[0] = y((s) => m("delete"), ["stop"]))
+        }),
+        p(H, { class: "shrink-0 size-4 cursor-pointer text-gray-500 dark:text-neutral-500" })
+      ]))
+    ], 2));
+  }
+}), Z = { class: "space-y-1" }, ne = /* @__PURE__ */ E({
+  __name: "MenuList",
+  props: {
+    list: {
+      type: Array,
+      default: () => []
+    },
+    inside: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:list", "delete:item"],
+  setup(r, { emit: o }) {
+    const { t: i } = X(), m = r, a = o, e = h([]);
+    N(
+      () => m.list,
+      (t) => {
+        e.value = t ? [...t] : [];
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const g = () => {
+      a("update:list", e.value);
+    }, c = (t) => {
+      P({
+        title: i("cms.builder.deleteTitle"),
+        message: i("cms.builder.deleteObject"),
+        type: "error",
+        onConfirm: () => {
+          a("update:list", e.value), a("delete:item", t);
+        }
+      });
+    }, x = (t, s) => {
+      t.value = s, V(() => {
+        e.value = [...e.value], a("update:list", e.value);
+      });
+    }, _ = (t, s) => {
+      t.children = s, V(() => {
+        e.value = [...e.value], a("update:list", e.value);
+      });
+    };
+    return (t, s) => {
+      const B = T("MenuList", !0);
+      return l(), C(d(A), {
+        tag: "ul",
+        list: e.value,
+        group: { name: "nested", pull: !0, put: !0 },
+        "item-key": "id",
+        class: z(["nested-sortable space-y-1", { "ps-5 dark:bg-transparent": r.inside }]),
+        onChange: g,
+        onEnd: g
+      }, {
+        item: U(({ element: n }) => [
+          v("div", Z, [
+            p(Y, {
+              title: n.title,
+              value: n.value,
+              onDelete: (k) => c(n),
+              "onUpdate:value": (k) => x(n, k)
+            }, null, 8, ["title", "value", "onDelete", "onUpdate:value"]),
+            Array.isArray(n.children) ? (l(), C(B, {
+              key: 0,
+              list: n.children,
+              inside: !0,
+              "onUpdate:list": (k) => _(n, k),
+              "onDelete:item": c
+            }, null, 8, ["list", "onUpdate:list"])) : b("", !0)
+          ])
+        ]),
+        _: 1
+      }, 8, ["list", "class"]);
+    };
+  }
+});
+export {
+  ne as default
+};

package/dist/MenuPage-BCZB_S8j.js

@@ -0,0 +1,107 @@
+import { defineComponent as S, defineAsyncComponent as V, ref as a, onMounted as j, resolveComponent as F, openBlock as f, createElementBlock as _, createElementVNode as r, toDisplayString as u, unref as c, createVNode as l, withCtx as N, createTextVNode as L, createCommentVNode as T } from "vue";
+import { useRouter as q } from "vue-router";
+import { HelpCircle as A, Plus as B } from "lucide-vue-next";
+import { useI18n as M } from "vue-i18n";
+import P from "@opengis/filter";
+import { notify as w } from "@opengis/core";
+const H = { class: "space-y-6 max-w-7xl mx-auto" }, I = { class: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between" }, O = { class: "flex items-center gap-2" }, Q = { class: "text-3xl font-bold text-slate-800 dark:text-slate-100 mb-2" }, R = ["href", "title"], U = { class: "text-slate-600 dark:text-slate-300" }, z = { class: "overflow-hidden bg-white border border-gray-200 rounded-lg shadow-sm dark:bg-gray-800 dark:border-gray-700" }, G = {
+  key: 0,
+  class: "p-4 border-b border-gray-200 sm:p-6 dark:border-gray-700"
+}, se = /* @__PURE__ */ S({
+  __name: "MenuPage",
+  setup(J) {
+    const g = V(
+      () => import("./UniversalTable-CzqPG-tY.js")
+    ), { t: o, locale: v } = M(), y = q(), x = a(""), d = a([]), i = a([]), b = a(""), h = a([
+      { name: "name", title: o("cms.menu.form.name"), type: "text" },
+      { name: "description", title: o("cms.menu.form.description"), type: "text" },
+      { name: "locale", title: o("cms.menu.form.language"), type: "select", data: [{ text: "uk", id: "uk" }, { text: "en", id: "en" }] }
+    ]), p = async () => {
+      const t = await (await fetch("/api/cms-menu")).json(), n = t.rows;
+      d.value = n;
+      const s = (t.filters || []).map((m) => {
+        const { extra: K, title: W, ...D } = m;
+        return D;
+      });
+      i.value = s;
+    }, k = (e) => {
+      y.push(`/menu/${e == null ? void 0 : e.menu_id}`);
+    }, C = async (e) => {
+      try {
+        await fetch(`/api/cms-menu/${e == null ? void 0 : e.menu_id}`, { method: "DELETE" }), await w({
+          title: o("cms.menu.menuDeleted"),
+          type: "success",
+          message: o("cms.menu.menuDeleted")
+        }), await p();
+      } catch {
+        w({
+          title: o("cms.menu.menuDeleteError"),
+          type: "error",
+          message: o("cms.menu.menuDeleteError")
+        });
+      }
+    }, E = (e, t) => {
+      if (!t)
+        return !0;
+      const n = t.toLowerCase();
+      return h.value.some((s) => {
+        const m = e[s.name];
+        return m && m.toString().toLowerCase().includes(n);
+      });
+    }, $ = (e) => {
+      const t = Object.entries(e == null ? void 0 : e.data).filter(([, n]) => n != null).map(([n, s]) => `${n}=${s}`).join("|");
+      b.value = t;
+    };
+    return j(p), (e, t) => {
+      var s;
+      const n = F("router-link");
+      return f(), _("div", H, [
+        r("div", I, [
+          r("div", null, [
+            r("div", O, [
+              r("h1", Q, u(e.$t("cms.menu.title")), 1),
+              r("a", {
+                href: `https://cms.opengis.info/${c(v)}/guides/menu/`,
+                target: "_blank",
+                title: e.$t("cms.guide.menu")
+              }, [
+                l(c(A), { class: "w-5 h-5" })
+              ], 8, R)
+            ]),
+            r("p", U, u(e.$t("cms.menu.description")), 1)
+          ]),
+          l(n, {
+            to: "/menu/create",
+            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"
+          }, {
+            default: N(() => [
+              l(c(B), { class: "w-4 h-4 mr-2" }),
+              L(" " + u(e.$t("cms.menu.menuAdd")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        r("div", z, [
+          ((s = i.value) == null ? void 0 : s.length) > 0 ? (f(), _("div", G, [
+            l(c(P), {
+              schema: i.value,
+              view: "inline",
+              onChange: $
+            }, null, 8, ["schema"])
+          ])) : T("", !0),
+          l(c(g), {
+            rows: d.value,
+            columns: h.value,
+            query: x.value,
+            filterFn: E,
+            onEdit: k,
+            onDelete: C
+          }, null, 8, ["rows", "columns", "query"])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  se as default
+};

package/dist/MenuWrapper-AZ_8s-zd.js

@@ -0,0 +1,12 @@
+import { defineComponent as m, defineAsyncComponent as n, computed as t, openBlock as u, createBlock as s, resolveDynamicComponent as i } from "vue";
+import { useRoute as d } from "vue-router";
+const C = /* @__PURE__ */ m({
+  __name: "MenuWrapper",
+  setup(f) {
+    const o = n(() => import("./MenuPage-BCZB_S8j.js")), r = n(() => import("./MenuAddPage-D-p3gFgm.js")), p = n(() => import("./MenuItemPage-BoJw885D.js")), e = d(), a = t(() => e.params.id ? e.params.id === "create" ? r : p : o), c = t(() => String(e.params.id ?? "index"));
+    return (_, l) => (u(), s(i(a.value), { key: c.value }));
+  }
+});
+export {
+  C as default
+};

package/dist/MonacoEditor-Db-3Jc3E.js

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

package/dist/{UniversalTable.vue_vue_type_script_setup_true_lang-CJGTsd1V.js → UniversalTable-CzqPG-tY.js}

@@ -1,4 +1,4 @@
-import { defineComponent as j, ref as L, computed as $, openBlock as s, createElementBlock as n, createElementVNode as r, Fragment as v, renderList as C, normalizeClass as g, createBlock as f, resolveDynamicComponent as A, createCommentVNode as M, createTextVNode as _, toDisplayString as l, createVNode as F, unref as p, withModifiers as N, renderSlot as B } from "vue";
+import { defineComponent as j, ref as L, computed as $, openBlock as s, createElementBlock as n, createElementVNode as r, Fragment as v, renderList as C, normalizeClass as g, createBlock as x, resolveDynamicComponent as A, createCommentVNode as M, createTextVNode as _, toDisplayString as l, createVNode as F, unref as p, withModifiers as N, renderSlot as B } from "vue";
 import { useI18n as q } from "vue-i18n";
 import { Eye as U, File as P, Layers as z, Pencil as H, Trash2 as W, XCircle as X, Edit as G, CheckCircle as J } from "lucide-vue-next";
 const K = { class: "text-card-foreground border-0 bg-white/80 dark:bg-slate-800/80 backdrop-blur-sm" }, O = { class: "p-0" }, Q = { class: "table-scroll overflow-x-auto" }, Y = { class: "relative w-full overflow-auto max-h-[calc(100vh-270px)]" }, Z = { class: "w-full caption-bottom text-sm" }, I = { class: "border-b border-slate-200 dark:border-slate-700 bg-slate-50/50 dark:bg-slate-700/50 hover:bg-slate-50/80 dark:hover:bg-slate-700/80 transition-colors" }, ee = { class: "flex items-center gap-2" }, te = { class: "h-10 text-center px-4 font-semibold text-slate-700 dark:text-slate-300 max-w-32" }, se = ["onClick"], ne = {
@@ -88,7 +88,7 @@ const K = { class: "text-card-foreground border-0 bg-white/80 dark:bg-slate-800/
     }, R = (a) => {
       w("edit", a);
     }, S = (a) => {
-      const i = /* @__PURE__ */ new Date(), e = new Date(a), t = i - e, x = Math.floor(t / 1e3), c = Math.floor(x / 60), m = Math.floor(c / 60), u = Number(Math.floor(m / 24)), h = Number(Math.floor(u / 7));
+      const i = /* @__PURE__ */ new Date(), e = new Date(a), t = i - e, f = Math.floor(t / 1e3), c = Math.floor(f / 60), m = Math.floor(c / 60), u = Number(Math.floor(m / 24)), h = Number(Math.floor(u / 7));
       return h >= 2 ? o("cms.table.time.weeksAgo", { count: h }) : h === 1 ? o("cms.table.time.weekAgo") : u >= 2 ? o("cms.table.time.daysAgo", { count: u }) : u === 1 ? o("cms.table.time.dayAgo") : m >= 2 ? o("cms.table.time.hoursAgo", { count: m }) : m === 1 ? o("cms.table.time.hourAgo") : c >= 2 ? o("cms.table.time.minutesAgo", { count: c }) : o(c === 1 ? "cms.table.time.minuteAgo" : "cms.table.time.justNow");
     };
     return (a, i) => (s(), n("div", K, [
@@ -107,7 +107,7 @@ const K = { class: "text-card-foreground border-0 bg-white/80 dark:bg-slate-800/
                     }])
                   }, [
                     r("div", ee, [
-                      e.icon ? (s(), f(A(e.icon), {
+                      e.icon ? (s(), x(A(e.icon), {
                         key: 0,
                         class: "w-5 h-5"
                       })) : M("", !0),
@@ -122,17 +122,17 @@ const K = { class: "text-card-foreground border-0 bg-white/80 dark:bg-slate-800/
                   key: e.id || e._id || e.name,
                   class: "transition-all duration-200 hover:bg-slate-100 dark:hover:bg-slate-700/60"
                 }, [
-                  (s(!0), n(v, null, C(b.columns, (t, x) => {
+                  (s(!0), n(v, null, C(b.columns, (t, f) => {
                     var c, m, u, h, D;
                     return s(), n("td", {
                       key: t.name,
                       class: g(["py-2 px-4 align-middle max-w-80", {
-                        "font-medium text-slate-800 dark:text-white cursor-pointer": x === 0,
-                        "text-slate-600 dark:text-slate-400 font-mono text-sm": x !== 0
+                        "font-medium text-slate-800 dark:text-white cursor-pointer": f === 0,
+                        "text-slate-600 dark:text-slate-400 font-mono text-sm": f !== 0
                       }]),
-                      onClick: (xe) => x === 0 ? R(e) : void 0
+                      onClick: (fe) => f === 0 ? R(e) : void 0
                     }, [
-                      b.customRender && b.customRender[t.name] ? (s(), f(A(b.customRender[t.name](e[t.name], e)), { key: 0 })) : M("", !0),
+                      b.customRender && b.customRender[t.name] ? (s(), x(A(b.customRender[t.name](e[t.name], e)), { key: 0 })) : M("", !0),
                       [
                         "published_at",
                         "publish_at",
@@ -150,10 +150,10 @@ const K = { class: "text-card-foreground border-0 bg-white/80 dark:bg-slate-800/
                           class: g(["whitespace-nowrap inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors border-transparent hover:bg-secondary/80", e[t.name] === "pages" ? "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300" : "bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300"])
                         }, l(e[t.name] || "-"), 3)
                       ])) : t.name === "name" ? (s(), n("div", de, [
-                        e.type === "single" ? (s(), f(p(P), {
+                        e.type === "single" ? (s(), x(p(P), {
                           key: 0,
                           class: "shrink-0 lucide lucide-page w-5 h-5 text-blue-600"
-                        })) : (s(), f(p(z), {
+                        })) : (s(), x(p(z), {
                           key: 1,
                           class: "shrink-0 lucide lucide-layers w-5 h-5 text-blue-600"
                         })),
@@ -163,7 +163,7 @@ const K = { class: "text-card-foreground border-0 bg-white/80 dark:bg-slate-800/
                           key: 0,
                           class: g(["whitespace-nowrap rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors hover:bg-secondary/80 flex items-center w-fit bg-green-100 text-green-800 border-green-200 dark:bg-green-900/30 dark:text-green-300 dark:border-green-700", (u = y(e[t.name])) == null ? void 0 : u.classes])
                         }, [
-                          (s(), f(A((h = y(e[t.name])) == null ? void 0 : h.icon), { class: "w-3 h-3 mr-1" })),
+                          (s(), x(A((h = y(e[t.name])) == null ? void 0 : h.icon), { class: "w-3 h-3 mr-1" })),
                           _(" " + l((D = y(e[t.name])) == null ? void 0 : D.text), 1)
                         ], 2)) : M("", !0)
                       ], 64)) : t.name === "slug" ? (s(), n("div", le, l(e[t.name] ? "/" + e[t.name] : "-"), 1)) : t.name === "color" ? (s(), n("span", {
@@ -206,5 +206,5 @@ const K = { class: "text-card-foreground border-0 bg-white/80 dark:bg-slate-800/
   }
 });
 export {
-  ye as _
+  ye as default
 };

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

@@ -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
+};