@opengis/widgets 0.0.14 → 0.0.15

package/dist/index.js

@@ -1,17 +1,17 @@
-import { h as te, defineComponent as j, mergeModels as X, useModel as de, ref as w, createElementBlock as a, openBlock as o, createElementVNode as e, createVNode as $, unref as k, withDirectives as R, vModelText as ye, createCommentVNode as _, createTextVNode as S, onMounted as Q, onUnmounted as ce, resolveComponent as se, normalizeClass as D, createBlock as I, toDisplayString as b, Fragment as V, renderList as A, normalizeStyle as U, resolveDynamicComponent as B, withModifiers as K, computed as O, Teleport as be, TransitionGroup as De, withCtx as Te, nextTick as Ie, renderSlot as G, vModelRadio as ee, vModelCheckbox as je, mergeProps as Z, vShow as ze } from "vue";
+import { h as te, defineComponent as j, mergeModels as X, useModel as ae, ref as $, createElementBlock as i, openBlock as s, createElementVNode as t, createVNode as M, unref as w, withDirectives as R, vModelText as fe, createCommentVNode as b, createTextVNode as F, onMounted as re, onUnmounted as ye, resolveComponent as Q, normalizeClass as D, createBlock as A, toDisplayString as x, Fragment as I, renderList as E, normalizeStyle as Z, resolveDynamicComponent as B, withModifiers as U, computed as N, renderSlot as q, vModelRadio as Y, vModelCheckbox as Te, getCurrentInstance as De, createStaticVNode as Ie, mergeProps as K, vShow as je, Teleport as Ve, TransitionGroup as Ae, withCtx as ze } from "vue";
 /**
  * @license lucide-vue-next v0.535.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ge = (r) => r.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Ve = (r) => r.replace(
+const pe = (a) => a.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), He = (a) => a.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
-  (l, i, t) => t ? t.toUpperCase() : i.toLowerCase()
-), Fe = (r) => {
-  const l = Ve(r);
+  (l, o, e) => e ? e.toUpperCase() : o.toLowerCase()
+), Ee = (a) => {
+  const l = He(a);
   return l.charAt(0).toUpperCase() + l.slice(1);
-}, He = (...r) => r.filter((l, i, t) => !!l && l.trim() !== "" && t.indexOf(l) === i).join(" ").trim();
+}, Fe = (...a) => a.filter((l, o, e) => !!l && l.trim() !== "" && e.indexOf(l) === o).join(" ").trim();
 /**
  * @license lucide-vue-next v0.535.0 - ISC
  *
@@ -35,21 +35,21 @@ var J = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ae = ({ size: r, strokeWidth: l = 2, absoluteStrokeWidth: i, color: t, iconNode: s, name: c, class: n, ...u }, { slots: v }) => te(
+const Se = ({ size: a, strokeWidth: l = 2, absoluteStrokeWidth: o, color: e, iconNode: n, name: g, class: d, ...y }, { slots: v }) => te(
   "svg",
   {
     ...J,
-    width: r || J.width,
-    height: r || J.height,
-    stroke: t || J.stroke,
-    "stroke-width": i ? Number(l) * 24 / Number(r) : l,
-    class: He(
+    width: a || J.width,
+    height: a || J.height,
+    stroke: e || J.stroke,
+    "stroke-width": o ? Number(l) * 24 / Number(a) : l,
+    class: Fe(
       "lucide",
-      ...c ? [`lucide-${ge(Fe(c))}-icon`, `lucide-${ge(c)}`] : ["lucide-icon"]
+      ...g ? [`lucide-${pe(Ee(g))}-icon`, `lucide-${pe(g)}`] : ["lucide-icon"]
     ),
-    ...u
+    ...y
   },
-  [...s.map((g) => te(...g)), ...v.default ? [v.default()] : []]
+  [...n.map((p) => te(...p)), ...v.default ? [v.default()] : []]
 );
 /**
  * @license lucide-vue-next v0.535.0 - ISC
@@ -57,14 +57,14 @@ const Ae = ({ size: r, strokeWidth: l = 2, absoluteStrokeWidth: i, color: t, ico
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const T = (r, l) => (i, { slots: t }) => te(
-  Ae,
+const V = (a, l) => (o, { slots: e }) => te(
+  Se,
   {
-    ...i,
+    ...o,
     iconNode: l,
-    name: r
+    name: a
   },
-  t
+  e
 );
 /**
  * @license lucide-vue-next v0.535.0 - ISC
@@ -72,7 +72,7 @@ const T = (r, l) => (i, { slots: t }) => te(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Se = T("archive", [
+const Ne = V("archive", [
   ["rect", { width: "20", height: "5", x: "2", y: "3", rx: "1", key: "1wp1u1" }],
   ["path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8", key: "1s80jp" }],
   ["path", { d: "M10 12h4", key: "a56b0p" }]
@@ -83,7 +83,7 @@ const Se = T("archive", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ee = T("arrow-right", [
+const Oe = V("arrow-right", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ]);
@@ -93,7 +93,7 @@ const Ee = T("arrow-right", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Oe = T("circle-check-big", [
+const Be = V("circle-check-big", [
   ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
   ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
 ]);
@@ -103,7 +103,7 @@ const Oe = T("circle-check-big", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ue = T("download", [
+const ve = V("download", [
   ["path", { d: "M12 15V3", key: "m9g1x1" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
@@ -114,7 +114,7 @@ const ue = T("download", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Be = T("ellipsis", [
+const Pe = V("ellipsis", [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
   ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
@@ -125,7 +125,7 @@ const Be = T("ellipsis", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const q = T("file-text", [
+const G = V("file-text", [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M10 9H8", key: "b1mrlr" }],
@@ -138,7 +138,7 @@ const q = T("file-text", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ne = T("file", [
+const Re = V("file", [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }]
 ]);
@@ -148,7 +148,7 @@ const Ne = T("file", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Re = T("grid-3x3", [
+const Ue = V("grid-3x3", [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M3 9h18", key: "1pudct" }],
   ["path", { d: "M3 15h18", key: "5xshup" }],
@@ -161,7 +161,7 @@ const Re = T("grid-3x3", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ue = T("heart", [
+const We = V("heart", [
   [
     "path",
     {
@@ -176,7 +176,7 @@ const Ue = T("heart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const We = T("history", [
+const qe = V("history", [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
   ["path", { d: "M12 7v5l4 2", key: "1fdv2h" }]
@@ -187,7 +187,7 @@ const We = T("history", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const he = T("image", [
+const me = V("image", [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
   ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
   ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
@@ -198,7 +198,7 @@ const he = T("image", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Pe = T("list", [
+const Ge = V("list", [
   ["path", { d: "M3 12h.01", key: "nlz23k" }],
   ["path", { d: "M3 18h.01", key: "1tta3j" }],
   ["path", { d: "M3 6h.01", key: "1rqtza" }],
@@ -212,7 +212,7 @@ const Pe = T("list", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ge = T("plus", [
+const be = V("plus", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ]);
@@ -222,7 +222,7 @@ const Ge = T("plus", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const qe = T("reply", [
+const Ke = V("reply", [
   ["path", { d: "M20 18v-2a4 4 0 0 0-4-4H4", key: "5vmcpk" }],
   ["path", { d: "m9 17-5-5 5-5", key: "nvlc11" }]
 ]);
@@ -232,7 +232,7 @@ const qe = T("reply", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const xe = T("send", [
+const xe = V("send", [
   [
     "path",
     {
@@ -248,18 +248,7 @@ const xe = T("send", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ke = T("share", [
-  ["path", { d: "M12 2v13", key: "1km8f5" }],
-  ["path", { d: "m16 6-4-4-4 4", key: "13yo43" }],
-  ["path", { d: "M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8", key: "1b2hhj" }]
-]);
-/**
- * @license lucide-vue-next v0.535.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ze = T("sheet", [
+const Ze = V("sheet", [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
   ["line", { x1: "3", x2: "21", y1: "9", y2: "9", key: "1vqk6q" }],
   ["line", { x1: "3", x2: "21", y1: "15", y2: "15", key: "o2sbyz" }],
@@ -272,7 +261,7 @@ const Ze = T("sheet", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Je = T("square-pen", [
+const Je = V("square-pen", [
   ["path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7", key: "1m0v6g" }],
   [
     "path",
@@ -288,7 +277,7 @@ const Je = T("square-pen", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const pe = T("trash-2", [
+const de = V("trash-2", [
   ["path", { d: "M10 11v6", key: "nco0om" }],
   ["path", { d: "M14 11v6", key: "outv1u" }],
   ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
@@ -301,7 +290,7 @@ const pe = T("trash-2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Xe = T("user-check", [
+const Xe = V("user-check", [
   ["path", { d: "m16 11 2 2 4-4", key: "9rsbq5" }],
   ["path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2", key: "1yyitq" }],
   ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }]
@@ -312,7 +301,7 @@ const Xe = T("user-check", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const me = T("user", [
+const ce = V("user", [
   ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
   ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
 ]);
@@ -322,7 +311,7 @@ const me = T("user", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Qe = T("video", [
+const Qe = V("video", [
   [
     "path",
     {
@@ -338,7 +327,7 @@ const Qe = T("video", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Y = T("x", [
+const ue = V("x", [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ]), Ye = { class: "border-t pt-3 mt-4" }, et = { class: "flex gap-2" }, tt = { class: "relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200" }, st = { class: "flex-1 space-y-2" }, ot = { class: "flex justify-between items-center" }, nt = { class: "flex gap-2" }, it = ["disabled"], ke = /* @__PURE__ */ j({
@@ -348,44 +337,44 @@ const Y = T("x", [
     isReplyModifiers: {}
   },
   emits: /* @__PURE__ */ X(["sendComment"], ["update:isReply"]),
-  setup(r, { emit: l }) {
-    const i = de(r, "isReply"), t = w(""), s = l, c = () => {
-      t.value.trim() && (s("sendComment", t.value), t.value = "");
-    }, n = (u) => {
-      (u.ctrlKey || u.metaKey) && u.key === "Enter" && (u.preventDefault(), c());
+  setup(a, { emit: l }) {
+    const o = ae(a, "isReply"), e = $(""), n = l, g = () => {
+      e.value.trim() && (n("sendComment", e.value), e.value = "");
+    }, d = (y) => {
+      (y.ctrlKey || y.metaKey) && y.key === "Enter" && (y.preventDefault(), g());
     };
-    return (u, v) => (o(), a("div", Ye, [
-      e("div", et, [
-        e("span", tt, [
-          $(k(me), { class: "h-3 w-3 text-gray-500" })
+    return (y, v) => (s(), i("div", Ye, [
+      t("div", et, [
+        t("span", tt, [
+          M(w(ce), { class: "h-3 w-3 text-gray-500" })
         ]),
-        e("div", st, [
-          R(e("textarea", {
-            "onUpdate:modelValue": v[0] || (v[0] = (g) => t.value = g),
-            onKeydown: n,
+        t("div", st, [
+          R(t("textarea", {
+            "onUpdate:modelValue": v[0] || (v[0] = (p) => e.value = p),
+            onKeydown: d,
             placeholder: "Add a comment...",
             class: "w-full min-h-[60px] p-2 border border-gray-200 rounded text-xs resize-none focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-transparent"
           }, null, 544), [
-            [ye, t.value]
+            [fe, e.value]
           ]),
-          e("div", ot, [
-            v[4] || (v[4] = e("span", { class: "text-xs text-gray-500 hidden sm:inline" }, "Cmd+Enter to send", -1)),
-            e("div", nt, [
-              i.value ? (o(), a("button", {
+          t("div", ot, [
+            v[4] || (v[4] = t("span", { class: "text-xs text-gray-500 hidden sm:inline" }, "Cmd+Enter to send", -1)),
+            t("div", nt, [
+              o.value ? (s(), i("button", {
                 key: 0,
                 class: "inline-flex items-center justify-center gap-2 text-white whitespace-nowrap font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 bg-red-500 hover:bg-opacity-80 rounded-md h-6 text-xs px-2",
-                onClick: v[1] || (v[1] = (g) => i.value = !1)
+                onClick: v[1] || (v[1] = (p) => o.value = !1)
               }, [
-                $(k(Y), { class: "h-3 w-3" }),
-                v[2] || (v[2] = S(" Cancel ", -1))
-              ])) : _("", !0),
-              e("button", {
+                M(w(ue), { class: "h-3 w-3" }),
+                v[2] || (v[2] = F(" Cancel ", -1))
+              ])) : b("", !0),
+              t("button", {
                 class: "inline-flex items-center justify-center gap-2 text-white whitespace-nowrap font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 bg-black text-primary-foreground hover:bg-opacity-80 rounded-md h-6 text-xs px-2",
-                disabled: !t.value.trim(),
-                onClick: c
+                disabled: !e.value.trim(),
+                onClick: g
               }, [
-                $(k(xe), { class: "h-3 w-3 mr-1" }),
-                v[3] || (v[3] = S(" Send ", -1))
+                M(w(xe), { class: "h-3 w-3 mr-1" }),
+                v[3] || (v[3] = F(" Send ", -1))
               ], 8, it)
             ])
           ])
@@ -400,37 +389,37 @@ const Y = T("x", [
     showMoreOptionsModifiers: {}
   },
   emits: /* @__PURE__ */ X(["edit", "delete"], ["update:showMoreOptions"]),
-  setup(r, { emit: l }) {
-    const i = l, t = de(r, "showMoreOptions"), s = w(), c = w(!0), n = async (g) => {
-      t.value && s.value && !s.value.contains(g.target) && !c.value && (t.value = !1), c.value = !1;
-    }, u = () => {
-      t.value = !1, i("edit");
+  setup(a, { emit: l }) {
+    const o = l, e = ae(a, "showMoreOptions"), n = $(), g = $(!0), d = async (p) => {
+      e.value && n.value && !n.value.contains(p.target) && !g.value && (e.value = !1), g.value = !1;
+    }, y = () => {
+      e.value = !1, o("edit");
     }, v = () => {
-      t.value = !1, i("delete");
+      e.value = !1, o("delete");
     };
-    return Q(() => {
-      document.addEventListener("click", n);
-    }), ce(() => {
-      document.removeEventListener("click", n);
-    }), (g, d) => (o(), a("div", {
+    return re(() => {
+      document.addEventListener("click", d);
+    }), ye(() => {
+      document.removeEventListener("click", d);
+    }), (p, r) => (s(), i("div", {
       class: "absolute bg-white left-0 top-full transform min-w-max z-50",
       ref_key: "moreOptionsRef",
-      ref: s
+      ref: n
     }, [
-      e("div", lt, [
-        e("div", {
+      t("div", lt, [
+        t("div", {
           class: "relative cursor-pointer flex select-none items-center gap-2 rounded-sm px-2 py-2 outline-hidden transition-colors disabled:pointer-events-none disabled:opacity-50 text-xs hover:bg-gray-100 transition-colors duration-300",
-          onClick: u
+          onClick: y
         }, [
-          $(k(Je), { class: "h-3 w-3 mr-2" }),
-          d[0] || (d[0] = S(" Edit ", -1))
+          M(w(Je), { class: "h-3 w-3 mr-2" }),
+          r[0] || (r[0] = F(" Edit ", -1))
         ]),
-        e("div", {
+        t("div", {
           class: "relative cursor-pointer flex select-none items-center gap-2 rounded-sm px-2 py-2 outline-hidden transition-colors disabled:pointer-events-none disabled:opacity-50 text-xs text-red-600 hover:bg-gray-100 transition-colors duration-300",
           onClick: v
         }, [
-          $(k(pe), { class: "h-3 w-3 mr-2" }),
-          d[1] || (d[1] = S(" Delete ", -1))
+          M(w(de), { class: "h-3 w-3 mr-2" }),
+          r[1] || (r[1] = F(" Delete ", -1))
         ])
       ])
     ], 512));
@@ -438,10 +427,10 @@ const Y = T("x", [
 }), rt = { class: "space-y-2" }, dt = { class: "relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200" }, ct = { class: "flex-1 min-w-0 space-y-1 relative" }, ut = { class: "flex items-center gap-2" }, pt = { class: "font-medium text-xs" }, mt = { class: "text-xs text-gray-500" }, gt = {
   key: 0,
   class: "text-xs text-gray-700 leading-relaxed"
-}, ht = { class: "flex justify-between text-xs" }, ft = { class: "flex items-center gap-2" }, vt = {
+}, ht = { class: "flex justify-between text-xs" }, ft = { class: "flex items-center gap-2" }, yt = {
   key: 0,
   class: "flex gap-2"
-}, yt = ["disabled"], bt = {
+}, vt = ["disabled"], bt = {
   key: 0,
   class: "ml-8 space-y-1 border-l-2 border-gray-100 pl-3"
 }, xt = /* @__PURE__ */ j({
@@ -451,113 +440,113 @@ const Y = T("x", [
     isInside: { type: Boolean }
   },
   emits: ["like", "reply", "edit", "delete"],
-  setup(r, { emit: l }) {
-    const i = l, t = r, s = w(t.comment.text), c = w("w-full p-2 rounded text-xs resize-none bg-transparent outline-none"), n = w("w-full min-h-[60px] p-2 border border-gray-200 rounded text-xs resize-none focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-transparent"), u = w(!1), v = w(!1), g = w(!1), d = w(!1), y = (p) => {
-      const f = /* @__PURE__ */ new Date(), H = Math.floor(
-        (f.getTime() - p.getTime()) / (1e3 * 60 * 60)
+  setup(a, { emit: l }) {
+    const o = l, e = a, n = $(e.comment.text), g = $("w-full p-2 rounded text-xs resize-none bg-transparent outline-none"), d = $("w-full min-h-[60px] p-2 border border-gray-200 rounded text-xs resize-none focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-transparent"), y = $(!1), v = $(!1), p = $(!1), r = $(!1), f = (c) => {
+      const u = /* @__PURE__ */ new Date(), T = Math.floor(
+        (u.getTime() - c.getTime()) / (1e3 * 60 * 60)
       );
-      return H < 1 ? `${Math.floor(
-        (f.getTime() - p.getTime()) / 6e4
-      )}m` : H < 24 ? `${H}h` : `${Math.floor(H / 24)}d`;
-    }, h = () => {
-      d.value = !d.value, d.value ? i("like", t.comment.id, "add") : i("like", t.comment.id, "delete");
-    }, M = () => {
-      i("edit", t.comment.id, s.value), g.value = !1;
-    }, P = (p, f) => {
-      i("like", p, f);
-    }, F = (p, f) => {
-      i("edit", p, f);
+      return T < 1 ? `${Math.floor(
+        (u.getTime() - c.getTime()) / 6e4
+      )}m` : T < 24 ? `${T}h` : `${Math.floor(T / 24)}d`;
+    }, m = () => {
+      r.value = !r.value, r.value ? o("like", e.comment.id, "add") : o("like", e.comment.id, "delete");
+    }, C = () => {
+      o("edit", e.comment.id, n.value), p.value = !1;
+    }, O = (c, u) => {
+      o("like", c, u);
+    }, z = (c, u) => {
+      o("edit", c, u);
     };
-    return (p, f) => {
-      const H = se("CommentItem", !0);
-      return o(), a("div", rt, [
-        e("div", {
-          class: D(["group flex gap-2 p-2 rounded hover:bg-gray-50 transition-colors relative", g.value ? "bg-gray-50" : ""])
+    return (c, u) => {
+      const T = Q("CommentItem", !0);
+      return s(), i("div", rt, [
+        t("div", {
+          class: D(["group flex gap-2 p-2 rounded hover:bg-gray-50 transition-colors relative", p.value ? "bg-gray-50" : ""])
         }, [
-          e("span", dt, [
-            $(k(me), { class: "h-3 w-3 text-gray-500" })
+          t("span", dt, [
+            M(w(ce), { class: "h-3 w-3 text-gray-500" })
           ]),
-          e("div", ct, [
-            e("div", ut, [
-              e("span", pt, b(p.comment?.author), 1),
-              e("span", mt, b(y(p.comment?.createdAt)), 1)
+          t("div", ct, [
+            t("div", ut, [
+              t("span", pt, x(c.comment?.author), 1),
+              t("span", mt, x(f(c.comment?.createdAt)), 1)
             ]),
-            g.value ? R((o(), a("textarea", {
+            p.value ? R((s(), i("textarea", {
               key: 1,
-              "onUpdate:modelValue": f[0] || (f[0] = (C) => s.value = C),
-              class: D(g.value ? n.value : c.value)
+              "onUpdate:modelValue": u[0] || (u[0] = (k) => n.value = k),
+              class: D(p.value ? d.value : g.value)
             }, null, 2)), [
-              [ye, s.value]
-            ]) : (o(), a("p", gt, b(p.comment?.text), 1)),
-            e("div", ht, [
-              e("div", ft, [
-                e("button", {
-                  class: D(["flex items-center gap-1", d.value ? "text-blue-600" : "text-gray-500 hover:text-blue-600 transition-colors"]),
-                  onClick: f[1] || (f[1] = (C) => h())
+              [fe, n.value]
+            ]) : (s(), i("p", gt, x(c.comment?.text), 1)),
+            t("div", ht, [
+              t("div", ft, [
+                t("button", {
+                  class: D(["flex items-center gap-1", r.value ? "text-blue-600" : "text-gray-500 hover:text-blue-600 transition-colors"]),
+                  onClick: u[1] || (u[1] = (k) => m())
                 }, [
-                  $(k(Ue), {
-                    class: D(["h-3 w-3", d.value ? "fill-blue-600" : ""])
+                  M(w(We), {
+                    class: D(["h-3 w-3", r.value ? "fill-blue-600" : ""])
                   }, null, 8, ["class"]),
-                  S(" " + b(p.comment?.likes), 1)
+                  F(" " + x(c.comment?.likes), 1)
                 ], 2),
-                p.isInside ? _("", !0) : (o(), a("button", {
+                c.isInside ? b("", !0) : (s(), i("button", {
                   key: 0,
                   class: "text-gray-500 hover:text-blue-600 transition-colors",
-                  onClick: f[2] || (f[2] = (C) => v.value = !0)
+                  onClick: u[2] || (u[2] = (k) => v.value = !0)
                 }, [
-                  $(k(qe), { class: "h-3 w-3" })
+                  M(w(Ke), { class: "h-3 w-3" })
                 ])),
-                e("button", {
+                t("button", {
                   class: "text-gray-400 hover:text-gray-600 transition-colors opacity-0 group-hover:opacity-100",
                   type: "button",
-                  onClick: f[3] || (f[3] = (C) => u.value = !0)
+                  onClick: u[3] || (u[3] = (k) => y.value = !0)
                 }, [
-                  $(k(Be), { class: "h-3 w-3" })
+                  M(w(Pe), { class: "h-3 w-3" })
                 ])
               ]),
-              g.value ? (o(), a("div", vt, [
-                e("button", {
+              p.value ? (s(), i("div", yt, [
+                t("button", {
                   class: "inline-flex items-center justify-center gap-2 text-white whitespace-nowrap font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 bg-red-500 hover:bg-opacity-80 rounded-md h-6 text-xs px-2",
-                  onClick: f[4] || (f[4] = (C) => g.value = !1)
+                  onClick: u[4] || (u[4] = (k) => p.value = !1)
                 }, [
-                  $(k(Y), { class: "h-3 w-3" }),
-                  f[11] || (f[11] = S(" Cancel ", -1))
+                  M(w(ue), { class: "h-3 w-3" }),
+                  u[11] || (u[11] = F(" Cancel ", -1))
                 ]),
-                e("button", {
+                t("button", {
                   class: "inline-flex items-center justify-center gap-2 text-white whitespace-nowrap font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 bg-black text-primary-foreground hover:bg-opacity-80 rounded-md h-6 text-xs px-2",
-                  disabled: !s.value.trim(),
-                  onClick: f[5] || (f[5] = (C) => M())
+                  disabled: !n.value.trim(),
+                  onClick: u[5] || (u[5] = (k) => C())
                 }, [
-                  $(k(xe), { class: "h-3 w-3 mr-1" }),
-                  f[12] || (f[12] = S(" Send ", -1))
-                ], 8, yt)
-              ])) : _("", !0)
+                  M(w(xe), { class: "h-3 w-3 mr-1" }),
+                  u[12] || (u[12] = F(" Send ", -1))
+                ], 8, vt)
+              ])) : b("", !0)
             ])
           ]),
-          u.value ? (o(), I(at, {
+          y.value ? (s(), A(at, {
             key: 0,
-            showMoreOptions: u.value,
-            "onUpdate:showMoreOptions": f[6] || (f[6] = (C) => u.value = C),
-            onEdit: f[7] || (f[7] = (C) => g.value = !0),
-            onDelete: f[8] || (f[8] = (C) => p.$emit("delete", p.comment?.id)),
-            comment: p.comment
-          }, null, 8, ["showMoreOptions", "comment"])) : _("", !0)
+            showMoreOptions: y.value,
+            "onUpdate:showMoreOptions": u[6] || (u[6] = (k) => y.value = k),
+            onEdit: u[7] || (u[7] = (k) => p.value = !0),
+            onDelete: u[8] || (u[8] = (k) => c.$emit("delete", c.comment?.id)),
+            comment: c.comment
+          }, null, 8, ["showMoreOptions", "comment"])) : b("", !0)
         ], 2),
-        p.isInside ? _("", !0) : (o(), a("div", bt, [
-          (o(!0), a(V, null, A(p.comment?.replies, (C) => (o(), I(H, {
-            key: C.id,
-            comment: C,
+        c.isInside ? b("", !0) : (s(), i("div", bt, [
+          (s(!0), i(I, null, E(c.comment?.replies, (k) => (s(), A(T, {
+            key: k.id,
+            comment: k,
             isInside: !0,
-            onDelete: (x) => p.$emit("delete", C.id),
-            onLike: P,
-            onEdit: F
+            onDelete: (_) => c.$emit("delete", k.id),
+            onLike: O,
+            onEdit: z
           }, null, 8, ["comment", "onDelete"]))), 128)),
-          v.value && !p.isInside ? (o(), I(ke, {
+          v.value && !c.isInside ? (s(), A(ke, {
             key: 0,
-            onSendComment: f[9] || (f[9] = (C) => p.$emit("reply", p.comment?.id, C)),
+            onSendComment: u[9] || (u[9] = (k) => c.$emit("reply", c.comment?.id, k)),
             isReply: v.value,
-            "onUpdate:isReply": f[10] || (f[10] = (C) => v.value = C)
-          }, null, 8, ["isReply"])) : _("", !0)
+            "onUpdate:isReply": u[10] || (u[10] = (k) => v.value = k)
+          }, null, 8, ["isReply"])) : b("", !0)
         ]))
       ]);
     };
@@ -565,7 +554,7 @@ const Y = T("x", [
 }), kt = ["id"], _t = {
   key: 0,
   class: "text-xl font-semibold text-gray-900 mb-4"
-}, oe = /* @__PURE__ */ j({
+}, se = /* @__PURE__ */ j({
   __name: "CommentsWidget",
   props: {
     title: {},
@@ -581,47 +570,47 @@ const Y = T("x", [
     style: {}
   },
   emits: ["add", "reply", "like", "delete", "edit"],
-  setup(r, { emit: l }) {
-    const i = r, t = l, s = (g) => {
-      i?.onAddComment?.(g), t("add", g);
-    }, c = (g, d) => {
-      i?.onLike?.(g, d), t("like", g, d);
-    }, n = (g, d) => {
-      i.onReply?.(g, d), t("reply", g, d);
-    }, u = (g, d) => {
-      i.onEdit?.(g, d), t("edit", g, d);
-    }, v = (g) => {
-      i.onDelete?.(g), t("delete", g);
+  setup(a, { emit: l }) {
+    const o = a, e = l, n = (p) => {
+      o?.onAddComment?.(p), e("add", p);
+    }, g = (p, r) => {
+      o?.onLike?.(p, r), e("like", p, r);
+    }, d = (p, r) => {
+      o.onReply?.(p, r), e("reply", p, r);
+    }, y = (p, r) => {
+      o.onEdit?.(p, r), e("edit", p, r);
+    }, v = (p) => {
+      o.onDelete?.(p), e("delete", p);
     };
-    return (g, d) => (o(), a("div", {
-      class: D(["mx-auto font-sans", g.className]),
-      id: g.id,
-      style: U(g.style)
+    return (p, r) => (s(), i("div", {
+      class: D(["mx-auto font-sans", p.className]),
+      id: p.id,
+      style: Z(p.style)
     }, [
-      g.title ? (o(), a("h3", _t, b(g.title), 1)) : _("", !0),
-      e("div", {
-        class: D([g.maxHeight ? "overflow-y-auto" : "", "space-y-3"]),
-        style: U({ maxHeight: g.maxHeight + "px" })
+      p.title ? (s(), i("h3", _t, x(p.title), 1)) : b("", !0),
+      t("div", {
+        class: D([p.maxHeight ? "overflow-y-auto" : "", "space-y-3"]),
+        style: Z({ maxHeight: p.maxHeight + "px" })
       }, [
-        (o(!0), a(V, null, A(g.comments, (y) => (o(), I(xt, {
-          key: y.id,
-          comment: y,
-          onReply: n,
-          onLike: c,
-          onDelete: d[0] || (d[0] = (h) => v(h)),
-          onEdit: u
+        (s(!0), i(I, null, E(p.comments, (f) => (s(), A(xt, {
+          key: f.id,
+          comment: f,
+          onReply: d,
+          onLike: g,
+          onDelete: r[0] || (r[0] = (m) => v(m)),
+          onEdit: y
         }, null, 8, ["comment"]))), 128))
       ], 6),
-      $(ke, {
-        onSendComment: d[1] || (d[1] = (y) => s(y))
+      M(ke, {
+        onSendComment: r[1] || (r[1] = (f) => n(f))
       })
     ], 14, kt));
   }
-}), fe = /* @__PURE__ */ new Map([
+}), ge = /* @__PURE__ */ new Map([
   ["file", {
     name: "File",
     color: "bg-green-100 text-green-700 border-green-200",
-    icon: q
+    icon: G
   }],
   ["post", {
     name: "Post",
@@ -636,24 +625,24 @@ const Y = T("x", [
   ["custom", {
     name: "Custom",
     color: "bg-gray-100 text-gray-700 border-gray-200",
-    icon: We
+    icon: qe
   }]
 ]), wt = { class: "mx-auto font-sans" }, $t = {
   key: 0,
   class: "text-xl font-semibold text-gray-900 mb-4"
-}, Ct = { class: "relative" }, Mt = { class: "space-y-3" }, Lt = { class: "flex-1 min-w-0 pb-2" }, Dt = { class: "flex items-center gap-1.5 mb-1 mt-0.5" }, Tt = { class: "relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200" }, It = { class: "font-medium text-xs" }, jt = { class: "text-xs text-gray-500" }, zt = { class: "space-y-1" }, Vt = { class: "text-xs text-gray-700" }, Ft = { class: "capitalize mr-1" }, Ht = {
+}, Ct = { class: "relative" }, Mt = { class: "space-y-3" }, Lt = { class: "flex-1 min-w-0 pb-2" }, Tt = { class: "flex items-center gap-1.5 mb-1 mt-0.5" }, Dt = { class: "relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200" }, It = { class: "font-medium text-xs" }, jt = { class: "text-xs text-gray-500" }, Vt = { class: "space-y-1" }, At = { class: "text-xs text-gray-700" }, zt = { class: "capitalize mr-1" }, Ht = {
   key: 0,
   class: "inline-flex items-center rounded-full border py-0.5 font-semibold transition-colors text-foreground text-xs h-4 px-1 capitalize"
-}, At = {
+}, Et = {
   key: 0,
   class: "flex items-center gap-1 text-xs"
-}, St = {
+}, Ft = {
   key: 0,
   class: "bg-red-50 text-red-600 px-1.5 py-0.5 rounded text-xs border border-red-200"
-}, Et = {
+}, St = {
   key: 2,
   class: "bg-green-50 text-green-600 px-1.5 py-0.5 rounded text-xs border border-green-200"
-}, ne = /* @__PURE__ */ j({
+}, oe = /* @__PURE__ */ j({
   __name: "HistoryWidget",
   props: {
     data: {},
@@ -663,57 +652,57 @@ const Y = T("x", [
     className: {},
     style: {}
   },
-  setup(r) {
-    const l = r, i = w(Array.isArray(l.data) ? l.data : []);
-    i.value.length === 0 && l.id && t();
-    async function t() {
-      const s = await fetch(`/api/widget/history/${l.id}`);
-      if (!s.ok)
+  setup(a) {
+    const l = a, o = $(Array.isArray(l.data) ? l.data : []);
+    o.value.length === 0 && l.id && e();
+    async function e() {
+      const n = await fetch(`/api/widget/history/${l.id}`);
+      if (!n.ok)
         return { data: [] };
-      const c = await s.json();
-      c.rows.forEach((n) => {
-        n.timestamp = new Date(n.cdate), n.id = n.entity_id, n.entityType = n.entity_type, n.entityId = n.entity_id, n.action = n.change_type, n.userId = n.change_user_id, n.userName = n.username, n.timestamp = new Date(n.cdate), n.description = n.username, n.status = n.username;
-      }), i.value = c.rows;
+      const g = await n.json();
+      g.rows.forEach((d) => {
+        d.timestamp = new Date(d.cdate), d.id = d.entity_id, d.entityType = d.entity_type, d.entityId = d.entity_id, d.action = d.change_type, d.userId = d.change_user_id, d.userName = d.username, d.timestamp = new Date(d.cdate), d.description = d.username, d.status = d.username;
+      }), o.value = g.rows;
     }
-    return (s, c) => (o(), a("div", wt, [
-      s.title ? (o(), a("h3", $t, b(s.title), 1)) : _("", !0),
-      e("div", {
-        class: D(s.maxHeight ? "overflow-y-auto" : ""),
-        style: U({ maxHeight: s.maxHeight + "px" })
+    return (n, g) => (s(), i("div", wt, [
+      n.title ? (s(), i("h3", $t, x(n.title), 1)) : b("", !0),
+      t("div", {
+        class: D(n.maxHeight ? "overflow-y-auto" : ""),
+        style: Z({ maxHeight: n.maxHeight + "px" })
       }, [
-        e("div", Ct, [
-          c[0] || (c[0] = e("div", { class: "absolute left-3 top-0 bottom-0 w-0.5 bg-gray-200" }, null, -1)),
-          e("div", Mt, [
-            (o(!0), a(V, null, A(i.value, (n) => (o(), a("div", {
+        t("div", Ct, [
+          g[0] || (g[0] = t("div", { class: "absolute left-3 top-0 bottom-0 w-0.5 bg-gray-200" }, null, -1)),
+          t("div", Mt, [
+            (s(!0), i(I, null, E(o.value, (d) => (s(), i("div", {
               class: "relative flex items-start gap-2",
-              key: n?.id
+              key: d?.id
             }, [
-              e("div", {
-                class: D(`flex-shrink-0 w-6 h-6 rounded-full flex items-center justify-center border bg-white relative z-10 ${k(fe).get(n?.entityType)?.color}`)
+              t("div", {
+                class: D(`flex-shrink-0 w-6 h-6 rounded-full flex items-center justify-center border bg-white relative z-10 ${w(ge).get(d?.entityType)?.color}`)
               }, [
-                (o(), I(B(k(fe).get(n?.entityType)?.icon), { class: "h-3 w-3" }))
+                (s(), A(B(w(ge).get(d?.entityType)?.icon), { class: "h-3 w-3" }))
               ], 2),
-              e("div", Lt, [
-                e("div", Dt, [
-                  e("span", Tt, [
-                    $(k(me), { class: "h-3 w-3 text-gray-500" })
+              t("div", Lt, [
+                t("div", Tt, [
+                  t("span", Dt, [
+                    M(w(ce), { class: "h-3 w-3 text-gray-500" })
                   ]),
-                  e("span", It, b(n?.userName), 1),
-                  e("span", jt, b(n?.timestamp.toLocaleTimeString("ua-UA", { hour: "2-digit", minute: "2-digit" })), 1)
+                  t("span", It, x(d?.userName), 1),
+                  t("span", jt, x(d?.timestamp.toLocaleTimeString("ua-UA", { hour: "2-digit", minute: "2-digit" })), 1)
                 ]),
-                e("div", zt, [
-                  e("div", Vt, [
-                    e("span", Ft, b(n?.action), 1),
-                    n?.entityId ? (o(), a("span", Ht, b(n?.entityId), 1)) : _("", !0)
+                t("div", Vt, [
+                  t("div", At, [
+                    t("span", zt, x(d?.action), 1),
+                    d?.entityId ? (s(), i("span", Ht, x(d?.entityId), 1)) : b("", !0)
                   ]),
-                  n?.changes?.[n?.entityId] ? (o(), a("div", At, [
-                    n?.changes?.[n?.entityId]?.old ? (o(), a("span", St, b(n?.changes?.[n?.entityId]?.old), 1)) : _("", !0),
-                    n?.changes?.[n?.entityId]?.old && n?.changes?.[n?.entityId]?.new ? (o(), I(k(Ee), {
+                  d?.changes?.[d?.entityId] ? (s(), i("div", Et, [
+                    d?.changes?.[d?.entityId]?.old ? (s(), i("span", Ft, x(d?.changes?.[d?.entityId]?.old), 1)) : b("", !0),
+                    d?.changes?.[d?.entityId]?.old && d?.changes?.[d?.entityId]?.new ? (s(), A(w(Oe), {
                       key: 1,
                       class: "h-2 w-2 text-gray-400"
-                    })) : _("", !0),
-                    n?.changes?.[n?.entityId]?.new ? (o(), a("span", Et, b(n?.changes?.[n?.entityId]?.new), 1)) : _("", !0)
-                  ])) : _("", !0)
+                    })) : b("", !0),
+                    d?.changes?.[d?.entityId]?.new ? (s(), i("span", St, x(d?.changes?.[d?.entityId]?.new), 1)) : b("", !0)
+                  ])) : b("", !0)
                 ])
               ])
             ]))), 128))
@@ -722,10 +711,10 @@ const Y = T("x", [
       ], 6)
     ]));
   }
-}), Ot = {
+}), Nt = {
   key: 0,
   class: "text-xl font-semibold"
-}, Bt = { class: "flex gap-1" }, Nt = { class: "ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border-input bg-background hover:bg-accent hover:text-accent-foreground border rounded-md text-xs h-7 px-2 cursor-pointer" }, Rt = /* @__PURE__ */ j({
+}, Ot = { class: "flex gap-1" }, Bt = { class: "ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border-input bg-background hover:bg-accent hover:text-accent-foreground border rounded-md text-xs h-7 px-2 cursor-pointer" }, Pt = /* @__PURE__ */ j({
   __name: "FileHeader",
   props: /* @__PURE__ */ X({
     title: {}
@@ -734,51 +723,51 @@ const Y = T("x", [
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ X(["onAddFile"], ["update:modelValue"]),
-  setup(r) {
-    const l = de(r, "modelValue"), i = {
+  setup(a) {
+    const l = ae(a, "modelValue"), o = {
       active: "bg-blue-100 text-black hover:bg-blue-100",
       inactive: "bg-white text-black hover:bg-blue-100"
     };
-    return (t, s) => (o(), a("div", {
-      class: D(["flex flex-col sm:flex-row gap-3 mb-4", t.title ? "justify-between sm:items-center" : "justify-end sm:items-center"])
+    return (e, n) => (s(), i("div", {
+      class: D(["flex flex-col sm:flex-row gap-3 mb-4", e.title ? "justify-between sm:items-center" : "justify-end sm:items-center"])
     }, [
-      t.title ? (o(), a("h3", Ot, b(t.title), 1)) : _("", !0),
-      e("div", Bt, [
-        e("button", {
-          class: D(["ring-offset-background inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors border-input border rounded-md text-xs h-7 px-2", l.value === "list" ? i.active : i.inactive]),
-          onClick: s[0] || (s[0] = (c) => l.value = "list")
+      e.title ? (s(), i("h3", Nt, x(e.title), 1)) : b("", !0),
+      t("div", Ot, [
+        t("button", {
+          class: D(["ring-offset-background inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors border-input border rounded-md text-xs h-7 px-2", l.value === "list" ? o.active : o.inactive]),
+          onClick: n[0] || (n[0] = (g) => l.value = "list")
         }, [
-          $(k(Pe), { class: "h-4 w-4" })
+          M(w(Ge), { class: "h-4 w-4" })
         ], 2),
-        e("button", {
-          class: D(["ring-offset-background inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors border-input border rounded-md text-xs h-7 px-2", l.value === "grid" ? i.active : i.inactive]),
-          onClick: s[1] || (s[1] = (c) => l.value = "grid")
+        t("button", {
+          class: D(["ring-offset-background inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors border-input border rounded-md text-xs h-7 px-2", l.value === "grid" ? o.active : o.inactive]),
+          onClick: n[1] || (n[1] = (g) => l.value = "grid")
         }, [
-          $(k(Re), { class: "h-4 w-4" })
+          M(w(Ue), { class: "h-4 w-4" })
         ], 2),
-        e("label", null, [
-          e("input", {
+        t("label", null, [
+          t("input", {
             type: "file",
             class: "hidden",
-            onChange: s[2] || (s[2] = (c) => t.$emit("onAddFile", c))
+            onChange: n[2] || (n[2] = (g) => e.$emit("onAddFile", g))
           }, null, 32),
-          e("div", Nt, [
-            $(k(Ge), { class: "h-4 w-4" }),
-            s[3] || (s[3] = S(" Додати файл ", -1))
+          t("div", Bt, [
+            M(w(be), { class: "h-4 w-4" }),
+            n[3] || (n[3] = F(" Додати файл ", -1))
           ])
         ])
       ])
     ], 2));
   }
-}), ve = {
+}), ee = {
   pdf: {
     color: "bg-red-100 text-red-700 border-red-200",
-    icon: q,
+    icon: G,
     label: "PDF"
   },
   sketch: {
     color: "bg-gray-100 text-gray-700 border-gray-200",
-    icon: Ne,
+    icon: Re,
     label: "SKETCH"
   },
   mp4: {
@@ -788,143 +777,143 @@ const Y = T("x", [
   },
   docx: {
     color: "bg-blue-100 text-blue-700 border-blue-200",
-    icon: q,
+    icon: G,
     label: "DOC"
   },
   zip: {
     color: "bg-orange-100 text-orange-700 border-orange-200",
-    icon: Se,
+    icon: Ne,
     label: "ARCHIVE"
   },
   png: {
     color: "bg-green-100 text-green-700 border-green-200",
-    icon: he,
+    icon: me,
     label: "IMAGE"
   },
   jpg: {
     color: "bg-green-100 text-green-700 border-green-200",
-    icon: he,
+    icon: me,
     label: "IMAGE"
   },
   xlsx: {
     color: "bg-emerald-100 text-emerald-700 border-emerald-200",
-    icon: q,
+    icon: G,
     label: "EXCEL"
   },
   pptx: {
     color: "bg-amber-100 text-amber-700 border-amber-200",
-    icon: q,
+    icon: G,
     label: "PPT"
   }
 };
-function _e(r, l = "en") {
-  const i = {
+function _e(a, l = "en") {
+  const o = {
     month: "short",
     day: "numeric"
   };
-  return new Intl.DateTimeFormat(l, i).format(r);
+  return new Intl.DateTimeFormat(l, o).format(a);
 }
-function we(r) {
-  if (r === 0) return "0 B";
-  const l = 1024, i = ["B", "KB", "MB", "GB", "TB"], t = Math.floor(Math.log(r) / Math.log(l));
-  return `${parseFloat((r / Math.pow(l, t)).toFixed(1))} ${i[t]}`;
+function we(a) {
+  if (a === 0) return "0 B";
+  const l = 1024, o = ["B", "KB", "MB", "GB", "TB"], e = Math.floor(Math.log(a) / Math.log(l));
+  return `${parseFloat((a / Math.pow(l, e)).toFixed(1))} ${o[e]}`;
 }
-const Ut = { class: "space-y-0.5" }, Wt = ["onClick"], Pt = ["onClick"], Gt = { class: "flex items-center gap-2" }, qt = { class: "font-medium text-xs truncate hover:text-blue-600 cursor-pointer" }, Kt = { class: "hidden sm:block text-xs text-gray-500 w-16 text-right" }, Zt = { class: "hidden md:block text-xs text-gray-500 w-12 text-right" }, Jt = { class: "flex items-center gap-1" }, Xt = ["onClick"], Qt = ["onClick"], Yt = /* @__PURE__ */ j({
+const Rt = { class: "space-y-0.5" }, Ut = ["onClick"], Wt = ["onClick"], qt = { class: "flex items-center gap-2" }, Gt = { class: "font-medium text-xs truncate hover:text-blue-600 cursor-pointer" }, Kt = { class: "hidden sm:block text-xs text-gray-500 w-16 text-right" }, Zt = { class: "hidden md:block text-xs text-gray-500 w-12 text-right" }, Jt = { class: "flex items-center gap-1" }, Xt = ["onClick"], Qt = ["onClick"], $e = /* @__PURE__ */ j({
   __name: "FileList",
   props: {
     files: {}
   },
   emits: ["delete", "download", "openLightbox"],
-  setup(r) {
-    return (l, i) => (o(), a("div", Ut, [
-      (o(!0), a(V, null, A(l.files, (t) => (o(), a("div", {
+  setup(a) {
+    return (l, o) => (s(), i("div", Rt, [
+      (s(!0), i(I, null, E(l.files, (e) => (s(), i("div", {
         class: "flex items-center gap-2 p-1.5 rounded hover:bg-gray-50 group border-b border-gray-100 last:border-b-0",
-        key: t.id,
-        onClick: K((s) => l.$emit("openLightbox", t), ["stop"])
+        key: e.id,
+        onClick: U((n) => l.$emit("openLightbox", e), ["stop"])
       }, [
-        e("div", {
-          class: D(["p-1 rounded", k(ve)[t?.ext]?.color])
+        t("div", {
+          class: D(["p-1 rounded", w(ee)[e?.ext]?.color || "bg-blue-100 text-blue-700 border-blue-200"])
         }, [
-          (o(), I(B(k(ve)[t?.ext]?.icon), { class: "h-3 w-3" }))
+          (s(), A(B(w(ee)[e?.ext]?.icon || w(ee).pdf.icon), { class: "h-3 w-3" }))
         ], 2),
-        e("div", {
+        t("div", {
           class: "flex-1 min-w-0",
-          onClick: (s) => l.$emit("openLightbox", t)
+          onClick: (n) => l.$emit("openLightbox", e)
         }, [
-          e("div", Gt, [
-            e("span", qt, b(t?.uploaded_name || t?.name), 1)
+          t("div", qt, [
+            t("span", Gt, x(e?.uploaded_name || e?.name), 1)
           ])
-        ], 8, Pt),
-        e("div", Kt, b(k(we)(t.size)), 1),
-        e("div", Zt, b(k(_e)(t.createdAt)), 1),
-        e("div", Jt, [
-          e("button", {
-            onClick: K((s) => l.$emit("download", t), ["stop"]),
+        ], 8, Wt),
+        t("div", Kt, x(w(we)(e.size)), 1),
+        t("div", Zt, x(w(_e)(e.createdAt)), 1),
+        t("div", Jt, [
+          t("button", {
+            onClick: U((n) => l.$emit("download", e), ["stop"]),
             class: "ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground rounded-md h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity"
           }, [
-            $(k(ue), { class: "h-3 w-3" })
+            M(w(ve), { class: "h-3 w-3" })
           ], 8, Xt),
-          e("button", {
+          t("button", {
             class: "ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent rounded-md h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity text-red-600 hover:text-red-700",
-            onClick: K((s) => l.$emit("delete", s, t?.file_id), ["stop"])
+            onClick: U((n) => l.$emit("delete", n, e?.file_id), ["stop"])
           }, [
-            $(k(pe), { class: "h-3 w-3" })
+            M(w(de), { class: "h-3 w-3" })
           ], 8, Qt)
         ])
-      ], 8, Wt))), 128))
+      ], 8, Ut))), 128))
     ]));
   }
-}), es = { class: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3" }, ts = ["onClick"], ss = { class: "space-y-2" }, os = { class: "flex justify-center items-center w-full aspect-[4/3] bg-gray-100 rounded overflow-hidden" }, ns = ["src"], is = { class: "space-y-1" }, ls = ["title"], as = { class: "text-xs text-gray-500 text-left" }, rs = { class: "absolute top-2 right-1 flex items-center gap-1" }, ds = ["onClick"], cs = ["onClick"], us = /* @__PURE__ */ j({
+}), Yt = { class: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3" }, es = ["onClick"], ts = { class: "space-y-2" }, ss = { class: "flex justify-center items-center w-full aspect-[4/3] bg-gray-100 rounded overflow-hidden" }, os = ["src"], ns = { class: "space-y-1" }, is = ["title"], ls = { class: "text-xs text-gray-500 text-left" }, as = { class: "absolute top-2 right-1 flex items-center gap-1" }, rs = ["onClick"], ds = ["onClick"], cs = /* @__PURE__ */ j({
   __name: "FileGrid",
   props: {
     files: {}
   },
   emits: ["delete", "download", "openLightbox"],
-  setup(r) {
-    return (l, i) => (o(), a("div", es, [
-      (o(!0), a(V, null, A(l.files, (t) => (o(), a("div", {
-        key: t.id,
-        onClick: K((s) => l.$emit("openLightbox", t), ["stop"]),
+  setup(a) {
+    return (l, o) => (s(), i("div", Yt, [
+      (s(!0), i(I, null, E(l.files, (e) => (s(), i("div", {
+        key: e.id,
+        onClick: U((n) => l.$emit("openLightbox", e), ["stop"]),
         class: "group relative border rounded-lg p-2 hover:shadow-md transition-all bg-white hover:bg-gray-50 cursor-pointer"
       }, [
-        e("div", ss, [
-          e("div", os, [
-            t.ext === "png" || t.ext === "jpg" || t.ext === "jpeg" || t.ext === "gif" || t.ext === "svg" || t.ext === "webp" ? (o(), a("img", {
+        t("div", ts, [
+          t("div", ss, [
+            e.ext === "png" || e.ext === "jpg" || e.ext === "jpeg" || e.ext === "gif" || e.ext === "svg" || e.ext === "webp" ? (s(), i("img", {
               key: 0,
-              src: `/file/resize?filepath=${t?.file_path}&w=500`,
+              src: `/file/resize?filepath=${e?.file_path}&w=500`,
               alt: "file",
               class: "w-full h-full object-cover"
-            }, null, 8, ns)) : (o(), I(k(q), {
+            }, null, 8, os)) : (s(), A(w(G), {
               key: 1,
               class: "h-10 w-10 text-gray-500"
             }))
           ]),
-          e("div", is, [
-            e("h3", {
+          t("div", ns, [
+            t("h3", {
               class: "font-medium text-xs leading-tight text-left",
-              title: t.uploaded_name || t.name
-            }, b(t.uploaded_name || t.name), 9, ls),
-            e("p", as, b(k(_e)(t.createdAt)) + ", " + b(k(we)(t.size)), 1)
+              title: e.uploaded_name || e.name
+            }, x(e.uploaded_name || e.name), 9, is),
+            t("p", ls, x(w(_e)(e.createdAt)) + ", " + x(w(we)(e.size)), 1)
           ])
         ]),
-        e("div", rs, [
-          e("button", {
-            onClick: K((s) => l.$emit("download", t), ["stop"]),
+        t("div", as, [
+          t("button", {
+            onClick: U((n) => l.$emit("download", e), ["stop"]),
             class: "ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground rounded-md h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity hover:bg-red-50"
           }, [
-            $(k(ue), { class: "h-3 w-3" })
-          ], 8, ds),
-          e("a", {
+            M(w(ve), { class: "h-3 w-3" })
+          ], 8, rs),
+          t("button", {
             class: "ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 rounded-md h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity text-red-600 hover:text-red-700 hover:bg-red-50",
-            onClick: K((s) => l.$emit("delete", s, t?.file_id), ["stop"])
+            onClick: U((n) => l.$emit("delete", n, e?.file_id), ["stop"])
           }, [
-            $(k(pe), { class: "h-3 w-3" })
-          ], 8, cs)
+            M(w(de), { class: "h-3 w-3" })
+          ], 8, ds)
         ])
-      ], 8, ts))), 128))
+      ], 8, es))), 128))
     ]));
   }
-}), ps = { class: "mx-auto font-sans" }, ms = { key: 1 }, ie = /* @__PURE__ */ j({
+}), us = { class: "mx-auto font-sans" }, ps = { key: 1 }, he = /* @__PURE__ */ j({
   __name: "FilesWidget",
   props: {
     title: {},
@@ -938,392 +927,363 @@ const Ut = { class: "space-y-0.5" }, Wt = ["onClick"], Pt = ["onClick"], Gt = {
     onDelete: {}
   },
   emits: ["delete", "add", "openLightbox"],
-  setup(r, { emit: l }) {
-    const i = r, t = w(!1), s = w(null), c = w(!1), n = w(0), u = w(i.files ?? []), v = l;
-    u.value.length === 0 && f();
-    const g = (x, m) => {
-      s.value = m, t.value = !0;
-    }, d = () => {
-      s.value && (P(s.value), s.value = null, t.value = !1);
-    }, y = O(() => Array.isArray(u.value) ? u.value.map((x) => x?.file_path) : []), h = (x) => {
-      const m = y.value.findIndex((E) => E === x.file_path);
-      m !== -1 && (c.value = !0, n.value = m);
-    }, M = (x) => {
-      i.onAddFile ? i.onAddFile(x) : H(x), v("add", x);
-    }, P = (x) => {
-      i.onDelete ? i.onDelete(x) : C(x), v("delete", x);
-    }, F = (x) => {
-      const m = document.createElement("a");
-      m.setAttribute("download", x?.uploaded_name || x?.name), m.href = x?.file_path || x?.path, m.click();
-    }, p = w("list");
-    async function f() {
-      if (!i.id)
+  setup(a, { emit: l }) {
+    const o = a, e = $(!1), n = $(null), g = $(!1), d = $(0), y = $(o.files ?? []), v = l;
+    y.value.length === 0 && u();
+    const p = (_, h) => {
+      n.value = h, e.value = !0;
+    }, r = () => {
+      n.value && (O(n.value), n.value = null, e.value = !1);
+    }, f = N(() => Array.isArray(y.value) ? y.value.map((_) => _?.file_path) : []), m = (_) => {
+      const h = f.value.findIndex((S) => S === _.file_path);
+      h !== -1 && (g.value = !0, d.value = h);
+    }, C = (_) => {
+      o.onAddFile ? o.onAddFile(_) : T(_), v("add", _);
+    }, O = (_) => {
+      o.onDelete ? o.onDelete(_) : k(_), v("delete", _);
+    }, z = (_) => {
+      const h = document.createElement("a");
+      h.setAttribute("download", _?.uploaded_name || _?.name), h.href = _?.file_path || _?.path, h.click();
+    }, c = $("list");
+    async function u() {
+      if (!o.id)
         return;
-      const x = await fetch(`/api/widget/file/${i.id}`).then((m) => m.json());
-      x.rows.forEach((m) => {
-        m.timestamp = new Date(m.cdate), m.id = m.entity_id, m.entityType = m.entity_type, m.entityId = m.entity_id, m.entityType = m.entity_type, m.action = m.change_type, m.userId = m.change_user_id, m.userName = m.username, m.timestamp = new Date(m.cdate), m.description = m.username, m.status = m.username;
-      }), u.value = x.rows;
+      const _ = await fetch(`/api/widget/file/${o.id}`).then((h) => h.json());
+      _.rows.forEach((h) => {
+        h.timestamp = new Date(h.cdate), h.id = h.entity_id, h.entityType = h.entity_type, h.entityId = h.entity_id, h.entityType = h.entity_type, h.action = h.change_type, h.userId = h.change_user_id, h.userName = h.username, h.timestamp = new Date(h.cdate), h.description = h.username, h.status = h.username;
+      }), y.value = _.rows;
     }
-    const H = async (x) => {
-      if (!(!x.target || !x.target.files || x.target.files.length === 0))
+    const T = async (_) => {
+      if (!(!_.target || !_.target.files || _.target.files.length === 0))
         try {
           await Promise.all(
-            Array.from(x.target.files).map(async (m) => {
-              const E = new FormData();
-              E.append("file", m);
-              const N = `/api/widget/file/${i.id}`, z = await fetch(N, {
+            Array.from(_.target.files).map(async (h) => {
+              const S = new FormData();
+              S.append("file", h);
+              const P = `/api/widget/file/${o.id}`, H = await fetch(P, {
                 method: "POST",
-                body: E
+                body: S
               });
-              if (!z.ok)
-                throw new Error(`HTTP error! status: ${z.status}`);
-              return m;
+              if (!H.ok)
+                throw new Error(`HTTP error! status: ${H.status}`);
+              return h;
             })
-          ), await f();
-        } catch (m) {
-          console.error("Помилка при завантаженні файлів:", m);
+          ), await u();
+        } catch (h) {
+          console.error("Помилка при завантаженні файлів:", h);
         }
-    }, C = async (x) => {
+    }, k = async (_) => {
       try {
         await fetch(
-          `/api/widget/file/${i.id}/${x}`,
+          `/api/widget/file/${o.id}/${_}`,
           {
             method: "DELETE"
           }
-        ), await f();
-      } catch (m) {
-        console.error(m);
+        ), await u();
+      } catch (h) {
+        console.error(h);
       }
     };
-    return (x, m) => {
-      const E = se("MessageBox"), N = se("Lightbox");
-      return o(), a(V, null, [
-        e("div", ps, [
-          $(Rt, {
-            modelValue: p.value,
-            "onUpdate:modelValue": m[0] || (m[0] = (z) => p.value = z),
-            title: i.title,
-            onOnAddFile: m[1] || (m[1] = (z) => M(z))
+    return (_, h) => {
+      const S = Q("MessageBox"), P = Q("Lightbox");
+      return s(), i(I, null, [
+        t("div", us, [
+          M(Pt, {
+            modelValue: c.value,
+            "onUpdate:modelValue": h[0] || (h[0] = (H) => c.value = H),
+            title: o.title,
+            onOnAddFile: h[1] || (h[1] = (H) => C(H))
           }, null, 8, ["modelValue", "title"]),
-          u.value.length > 0 ? (o(), a("div", {
+          y.value.length > 0 ? (s(), i("div", {
             key: 0,
-            class: D(x.maxHeight ? "overflow-y-auto" : ""),
-            style: U({ maxHeight: x.maxHeight + "px" })
+            class: D(_.maxHeight ? "overflow-y-auto" : ""),
+            style: Z({ maxHeight: _.maxHeight + "px" })
           }, [
-            p.value === "list" ? (o(), I(Yt, {
+            c.value === "list" ? (s(), A($e, {
               key: 0,
-              onDelete: g,
-              onDownload: F,
-              onOpenLightbox: m[2] || (m[2] = (z) => h(z)),
-              files: u.value
-            }, null, 8, ["files"])) : _("", !0),
-            p.value === "grid" ? (o(), I(us, {
+              onDelete: p,
+              onDownload: z,
+              onOpenLightbox: h[2] || (h[2] = (H) => m(H)),
+              files: y.value
+            }, null, 8, ["files"])) : b("", !0),
+            c.value === "grid" ? (s(), A(cs, {
               key: 1,
-              onDelete: g,
-              onDownload: F,
-              onOpenLightbox: m[3] || (m[3] = (z) => h(z)),
-              files: u.value
-            }, null, 8, ["files"])) : _("", !0)
-          ], 6)) : (o(), a("div", ms, m[6] || (m[6] = [
-            e("div", { class: "flex items-center justify-center h-full" }, [
-              e("p", { class: "text-gray-500 leading-[3]" }, "Файлів не знайдено")
+              onDelete: p,
+              onDownload: z,
+              onOpenLightbox: h[3] || (h[3] = (H) => m(H)),
+              files: y.value
+            }, null, 8, ["files"])) : b("", !0)
+          ], 6)) : (s(), i("div", ps, [...h[6] || (h[6] = [
+            t("div", { class: "flex items-center justify-center h-full" }, [
+              t("p", { class: "text-gray-500 leading-[3]" }, "Файлів не знайдено")
             ], -1)
-          ])))
+          ])]))
         ]),
-        $(E, {
-          modelValue: t.value,
-          "onUpdate:modelValue": m[4] || (m[4] = (z) => t.value = z),
-          onConfirm: d,
+        M(S, {
+          modelValue: e.value,
+          "onUpdate:modelValue": h[4] || (h[4] = (H) => e.value = H),
+          onConfirm: r,
           title: "Ви впевнені?",
           message: "Ви впевнені, що хочете видалити цей файл?",
           confirmButtonText: "Так, я впевнена/ий",
           cancelButtonText: "Скасувати"
         }, null, 8, ["modelValue"]),
-        $(N, {
-          modelValue: c.value,
-          "onUpdate:modelValue": m[5] || (m[5] = (z) => c.value = z),
-          images: y.value,
-          "start-index": n.value
+        M(P, {
+          modelValue: g.value,
+          "onUpdate:modelValue": h[5] || (h[5] = (H) => g.value = H),
+          images: f.value,
+          "start-index": d.value
         }, null, 8, ["modelValue", "images", "start-index"])
       ], 64);
     };
   }
-}), gs = ["onClick"], hs = /* @__PURE__ */ j({
-  __name: "CopyNotification",
-  setup(r, { expose: l }) {
-    const i = w([]);
-    let t = 1;
-    const s = () => {
-      if (i.value.length >= 10) {
-        const u = i.value[0];
-        clearTimeout(u.timer), i.value.shift();
-      }
-      const n = {
-        id: t++,
-        timer: setTimeout(() => {
-          c(n.id);
-        }, 1500)
-      };
-      i.value.push(n);
-    }, c = (n) => {
-      const u = i.value.findIndex((v) => v.id === n);
-      if (u !== -1) {
-        const v = i.value[u];
-        clearTimeout(v.timer), i.value.splice(u, 1);
-      }
-    };
-    return l({
-      addNotification: s
-    }), ce(() => {
-      i.value.forEach((n) => {
-        clearTimeout(n.timer);
-      });
-    }), (n, u) => (o(), I(be, { to: "body" }, [
-      $(De, {
-        name: "notification",
-        tag: "div",
-        class: "fixed top-4 right-4 z-50 space-y-2"
-      }, {
-        default: Te(() => [
-          (o(!0), a(V, null, A(i.value, (v) => (o(), a("div", {
-            key: v.id,
-            class: "bg-green-500 text-white px-4 py-3 rounded-lg shadow-lg flex items-center gap-3 min-w-64 max-w-sm"
-          }, [
-            $(k(Oe), { class: "h-5 w-5 text-green-100 flex-shrink-0" }),
-            u[0] || (u[0] = e("div", { class: "flex-1" }, [
-              e("p", { class: "font-medium text-sm" }, "Ссылка скопирована!"),
-              e("p", { class: "text-xs text-green-100 opacity-90" }, "Файл добавлен в буфер обмена")
-            ], -1)),
-            e("button", {
-              onClick: (g) => c(v.id),
-              class: "text-green-100 hover:text-white transition-colors flex-shrink-0"
-            }, [
-              $(k(Y), { class: "h-4 w-4" })
-            ], 8, gs)
-          ]))), 128))
-        ]),
-        _: 1
-      })
-    ]));
-  }
-}), W = (r, l) => {
-  const i = r.__vccOpts || r;
-  for (const [t, s] of l)
-    i[t] = s;
-  return i;
-}, $e = /* @__PURE__ */ W(hs, [["__scopeId", "data-v-55903525"]]), fs = { class: "fixed inset-0 z-50 bg-black/80" }, vs = { class: "fixed bg-white left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background shadow-lg duration-200 sm:rounded-lg max-w-4xl max-h-[90vh] p-0" }, ys = { class: "flex flex-col space-y-1.5 text-center sm:text-left p-4 pb-2" }, bs = { class: "flex items-center justify-between" }, xs = { class: "flex items-center gap-2" }, ks = { class: "tracking-tight text-base font-medium" }, _s = { class: "p-4 pt-0" }, ws = { class: "flex flex-col items-center" }, $s = ["src", "alt"], Cs = { class: "mt-3 flex items-center gap-4 text-sm text-gray-600" }, Ms = { class: "mt-3 flex gap-2" }, Ls = /* @__PURE__ */ j({
-  __name: "GalleryModal",
+}), ms = {
+  key: 0,
+  class: "image-wrapper h-full max-h-[400px]",
+  id: "lightbox-gallery"
+}, gs = ["onClick"], hs = {
+  key: 0,
+  rel: "noreferrer",
+  class: "relative block h-full w-full"
+}, fs = ["src"], ys = {
+  key: 0,
+  class: "thumb-cover"
+}, vs = /* @__PURE__ */ j({
+  __name: "GalleryContent",
   props: {
-    item: {}
+    title: {},
+    items: {},
+    columns: {},
+    maxHeight: {},
+    onAddImage: { type: Function },
+    onDelete: { type: Function },
+    id: {},
+    className: {},
+    style: {}
   },
-  emits: ["close"],
-  setup(r) {
-    const l = w(), i = (n) => new Date(n).toLocaleDateString("uk-UA", {
-      day: "2-digit",
-      month: "2-digit",
-      year: "numeric"
-    }), t = (n) => n >= 1024 * 1024 * 1024 ? (n / (1024 * 1024 * 1024)).toFixed(2) + " GB" : n >= 1024 * 1024 ? (n / (1024 * 1024)).toFixed(2) + " MB" : n >= 1024 ? (n / 1024).toFixed(2) + " KB" : n + " B", s = (n) => {
-      navigator.clipboard.writeText(n), l.value?.addNotification();
-    }, c = async (n, u) => {
-      try {
-        const g = await (await fetch(n)).blob(), d = window.URL.createObjectURL(g), y = document.createElement("a");
-        y.href = d, y.download = u, document.body.appendChild(y), y.click(), window.URL.revokeObjectURL(d), document.body.removeChild(y);
-      } catch (v) {
-        console.error("Download failed:", v), alert("Download failed. Please try opening the image in a new tab.");
-      }
+  emits: ["delete"],
+  setup(a, { emit: l }) {
+    const o = l, e = $(!1), n = $(0), g = a, d = N(
+      () => Array.isArray(g.items) ? g.items.map((v) => v?.file_path) : []
+    ), y = (v) => {
+      const p = d.value.findIndex(
+        (r) => r === v.file_path
+      );
+      p !== -1 && (e.value = !0, n.value = p);
     };
-    return (n, u) => (o(), a("div", fs, [
-      e("div", vs, [
-        e("div", ys, [
-          e("div", bs, [
-            e("div", xs, [
-              e("h2", ks, b(n.item.name), 1)
-            ])
-          ])
-        ]),
-        e("div", _s, [
-          e("div", ws, [
-            e("img", {
-              src: n.item.path,
-              alt: n.item.name,
-              class: "max-w-full max-h-[60vh] object-contain rounded border"
-            }, null, 8, $s),
-            e("div", Cs, [
-              e("span", null, "Size: " + b(t(n.item.size)), 1),
-              u[3] || (u[3] = e("span", null, "•", -1)),
-              e("span", null, "Date: " + b(i(n.item.createdAt)), 1)
-            ]),
-            e("div", Ms, [
-              e("button", {
-                onClick: u[0] || (u[0] = (v) => c(n.item.path, n.item.name)),
-                class: "ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border-input bg-background hover:bg-accent hover:text-accent-foreground border h-9 rounded-md px-3"
-              }, [
-                $(k(ue), { class: "h-3 w-3 mr-1" }),
-                u[4] || (u[4] = S(" Download ", -1))
-              ]),
-              e("button", {
-                onClick: u[1] || (u[1] = (v) => s(n.item.path)),
-                class: "ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border-input bg-background hover:bg-accent hover:text-accent-foreground border h-9 rounded-md px-3"
-              }, [
-                $(k(Ke), { class: "h-3 w-3 mr-1" }),
-                u[5] || (u[5] = S(" Share ", -1))
+    return (v, p) => {
+      const r = Q("Lightbox");
+      return v.items?.length >= 1 ? (s(), i("div", ms, [
+        (s(!0), i(I, null, E(v.items, (f, m) => (s(), i("div", {
+          class: D(["h-full w-full image" + m, "cursor-pointer bg-teal-500 rounded-[3px]"]),
+          key: m,
+          onClick: U((C) => y(f), ["stop"])
+        }, [
+          m < 5 ? (s(), i("div", hs, [
+            t("img", {
+              src: `/file/resize?filepath=${f?.file_path}&w=500`,
+              alt: "alt",
+              height: "auto",
+              width: "100%",
+              class: D([
+                "object-cover h-full w-full bg-gray-200 rounded-[3px]",
+                m === 0 ? "max-h-[411px]" : "max-h-[calc((411px-3px)/2)]"
               ])
-            ])
+            }, null, 10, fs),
+            m === 4 && v.items?.length > 5 ? (s(), i("div", ys, " +" + x(v.items?.length - 5), 1)) : b("", !0)
+          ])) : b("", !0)
+        ], 10, gs))), 128)),
+        (s(!0), i(I, null, E(Math.max(0, 5 - v.items.length), (f) => (s(), i("div", {
+          key: "empty-" + f,
+          class: D(["h-full w-full image" + (v.items.length + f - 1), "bg-gray-300 rounded-[3px]"])
+        }, null, 2))), 128)),
+        M(r, {
+          modelValue: e.value,
+          "onUpdate:modelValue": p[0] || (p[0] = (f) => e.value = f),
+          images: d.value,
+          "start-index": n.value,
+          delete: "true",
+          download: "true",
+          onDelete: p[1] || (p[1] = (f) => o("delete", f))
+        }, null, 8, ["modelValue", "images", "start-index"])
+      ])) : b("", !0);
+    };
+  }
+}), bs = {
+  key: 0,
+  class: "text-xl font-semibold"
+}, xs = { class: "flex gap-1" }, ks = { class: "ring-offset-background focus-visible:outline-hidden focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border-input bg-background hover:bg-accent hover:text-accent-foreground border rounded-md text-xs h-7 px-2 cursor-pointer" }, _s = /* @__PURE__ */ j({
+  __name: "widgetHeader",
+  props: {
+    title: {}
+  },
+  emits: ["onAddImage"],
+  setup(a) {
+    return (l, o) => (s(), i("div", {
+      class: D(["flex flex-col sm:flex-row gap-3 mb-4", l.title ? "justify-between sm:items-center" : "justify-end sm:items-center"])
+    }, [
+      l.title ? (s(), i("h3", bs, x(l.title), 1)) : b("", !0),
+      t("div", xs, [
+        t("label", null, [
+          t("input", {
+            type: "file",
+            class: "hidden",
+            onChange: o[0] || (o[0] = (e) => l.$emit("onAddImage", e))
+          }, null, 32),
+          t("div", ks, [
+            M(w(be), { class: "h-4 w-4" }),
+            o[1] || (o[1] = F(" Додати зображення ", -1))
           ])
-        ]),
-        e("button", {
-          type: "button",
-          onClick: u[2] || (u[2] = (v) => n.$emit("close")),
-          class: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"
-        }, [
-          $(k(Y), { class: "h-4 w-4" }),
-          u[6] || (u[6] = e("span", { class: "sr-only" }, "Close", -1))
         ])
-      ]),
-      $($e, {
-        ref_key: "copyNotificationRef",
-        ref: l
-      }, null, 512)
-    ]));
+      ])
+    ], 2));
   }
-}), Ds = {
-  key: 0,
-  class: "text-xl font-semibold text-gray-900 mb-4"
-}, Ts = ["onClick"], Is = ["src", "alt"], le = /* @__PURE__ */ j({
+}), ws = {
+  class: "w-full mx-auto font-sans",
+  ref: "containerRef"
+}, $s = { key: 1 }, ne = /* @__PURE__ */ j({
   __name: "GalleryWidget",
   props: {
     title: {},
-    items: {},
+    items: { default: () => [] },
     columns: {},
     maxHeight: {},
+    onAddImage: {},
+    onDelete: {},
     id: {},
     className: {},
     style: {}
   },
-  setup(r) {
-    const l = r, i = w(!1), t = w(null), s = w(), c = w(0);
-    let n = null;
-    const u = O(() => {
-      const d = l.columns || 4;
-      return c.value >= 1440 ? d : c.value >= 1024 ? Math.max(1, d - 1) : c.value >= 768 ? Math.max(1, d - 2) : c.value >= 640 ? Math.max(1, d - 3) : 1;
-    }), v = () => {
-      s.value && (c.value = s.value.offsetWidth);
+  emits: ["delete", "add", "openLightbox"],
+  setup(a, { emit: l }) {
+    const o = a, e = $(o.items ?? []), n = l;
+    e.value.length === 0 && v();
+    const g = (r) => {
+      o.onAddImage ? o.onAddImage(r) : y(r), n("add", r);
+    }, d = (r) => {
+      const f = e.value.find(
+        (m) => m.file_path === r
+      )?.file_id;
+      f && (o.onDelete ? o.onDelete(f) : p(f));
+    }, y = async (r) => {
+      if (!(!r.target || !r.target.files || r.target.files.length === 0))
+        try {
+          await Promise.all(
+            Array.from(r.target.files).map(async (f) => {
+              const m = new FormData();
+              m.append("file", f);
+              const C = `/api/widget/file/${o.id}`, O = await fetch(C, {
+                method: "POST",
+                body: m
+              });
+              if (!O.ok)
+                throw new Error(`HTTP error! status: ${O.status}`);
+              return f;
+            })
+          ), await v();
+        } catch (f) {
+          console.error("Помилка при завантаженні файлів:", f);
+        }
     };
-    Q(() => {
-      Ie(() => {
-        s.value && (n = new ResizeObserver((d) => {
-          for (const y of d)
-            y.target === s.value && (c.value = y.contentRect.width);
-        }), n.observe(s.value), v());
-      });
-    }), ce(() => {
-      n && n.disconnect();
-    });
-    const g = (d) => {
-      t.value = d, i.value = !0;
+    async function v() {
+      if (!o.id)
+        return;
+      const r = await fetch(`/api/widget/file/${o.id}`).then(
+        (f) => f.json()
+      );
+      e.value = r.rows;
+    }
+    const p = async (r) => {
+      try {
+        await fetch(`/api/widget/file/${o.id}/${r}`, {
+          method: "DELETE"
+        }), await v();
+      } catch (f) {
+        console.error(f);
+      }
     };
-    return (d, y) => (o(), a("div", {
-      class: "w-full mx-auto font-sans",
-      ref_key: "containerRef",
-      ref: s
-    }, [
-      d.title ? (o(), a("h3", Ds, b(d.title), 1)) : _("", !0),
-      e("div", {
-        class: D(d.maxHeight ? "overflow-y-auto" : ""),
-        style: U({ maxHeight: d.maxHeight + "px" })
-      }, [
-        e("div", {
-          style: U({ columns: u.value + " auto", gap: "12px" }),
-          class: "space-y-3"
-        }, [
-          (o(!0), a(V, null, A(d.items, (h) => (o(), a("div", {
-            key: h.id,
-            onClick: (M) => g(h),
-            class: "group relative break-inside-avoid bg-gray-200 rounded-lg overflow-hidden cursor-pointer hover:shadow-md transition-all mb-3"
-          }, [
-            e("img", {
-              src: h.path,
-              alt: h.name,
-              class: "w-full h-auto min-h-40 rounded-md object-contain"
-            }, null, 8, Is),
-            y[1] || (y[1] = e("div", { class: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 via-black/40 to-transparent p-4 pt-12" }, [
-              e("h3", { class: "text-white font-medium text-base leading-tight mb-1" }, "Mountain Landscape"),
-              e("p", { class: "text-white/90 text-sm" }, "2.4 MB")
-            ], -1)),
-            y[2] || (y[2] = e("div", { class: "absolute inset-0 bg-black/0 group-hover:bg-black/10 transition-colors duration-200" }, null, -1))
-          ], 8, Ts))), 128))
-        ], 4)
-      ], 6),
-      (o(), I(be, { to: "body" }, [
-        i.value && t.value ? (o(), I(Ls, {
-          key: 0,
-          item: t.value,
-          onClose: y[0] || (y[0] = (h) => i.value = !1)
-        }, null, 8, ["item"])) : _("", !0)
-      ]))
+    return (r, f) => (s(), i("div", ws, [
+      M(_s, {
+        title: r.title,
+        onOnAddImage: f[0] || (f[0] = (m) => g(m))
+      }, null, 8, ["title"]),
+      e.value.length > 0 ? (s(), A(vs, {
+        key: 0,
+        items: e.value,
+        onDelete: f[1] || (f[1] = (m) => d(m))
+      }, null, 8, ["items"])) : (s(), i("div", $s, [...f[2] || (f[2] = [
+        t("div", { class: "flex items-center justify-center h-full" }, [
+          t("p", { class: "text-gray-500 leading-[3]" }, "Зображень не знайдено")
+        ], -1)
+      ])]))
     ], 512));
   }
-}), js = { class: "text-value" }, zs = { class: "text-sm text-gray-900" }, Vs = /* @__PURE__ */ j({
+}), Cs = { class: "text-value" }, Ms = { class: "text-sm text-gray-900" }, Ls = /* @__PURE__ */ j({
   __name: "TextValue",
   props: {
     item: {}
   },
-  setup(r) {
-    const l = r, i = O(() => {
-      const t = l.item.value;
-      return typeof t == "boolean" ? t ? "Так" : "Ні" : t == null ? "—" : String(t);
+  setup(a) {
+    const l = a, o = N(() => {
+      const e = l.item.value;
+      return typeof e == "boolean" ? e ? "Так" : "Ні" : e == null ? "—" : String(e);
     });
-    return (t, s) => (o(), a("div", js, [
-      e("span", zs, b(i.value), 1)
+    return (e, n) => (s(), i("div", Cs, [
+      t("span", Ms, x(o.value), 1)
     ]));
   }
-}), Fs = /* @__PURE__ */ W(Vs, [["__scopeId", "data-v-c14550b7"]]), Hs = { class: "link-value" }, As = ["href"], Ss = /* @__PURE__ */ j({
+}), W = (a, l) => {
+  const o = a.__vccOpts || a;
+  for (const [e, n] of l)
+    o[e] = n;
+  return o;
+}, Ts = /* @__PURE__ */ W(Ls, [["__scopeId", "data-v-c14550b7"]]), Ds = { class: "link-value" }, Is = ["href"], js = /* @__PURE__ */ j({
   __name: "LinkValue",
   props: {
     item: {}
   },
-  setup(r) {
-    const l = r, i = O(() => {
-      const t = String(l.item.value);
+  setup(a) {
+    const l = a, o = N(() => {
+      const e = String(l.item.value);
       try {
-        const s = new URL(t);
-        return s.hostname + s.pathname;
+        const n = new URL(e);
+        return n.hostname + n.pathname;
       } catch {
-        return t;
+        return e;
       }
     });
-    return (t, s) => (o(), a("div", Hs, [
-      e("a", {
-        href: String(t.item.value),
+    return (e, n) => (s(), i("div", Ds, [
+      t("a", {
+        href: String(e.item.value),
         target: "_blank",
         rel: "noopener noreferrer",
         class: "text-blue-600 hover:text-blue-800 underline text-sm"
       }, [
-        S(b(i.value) + " ", 1),
-        s[0] || (s[0] = e("i", { class: "fas fa-external-link-alt ml-1 text-xs" }, null, -1))
-      ], 8, As)
+        F(x(o.value) + " ", 1),
+        n[0] || (n[0] = t("i", { class: "fas fa-external-link-alt ml-1 text-xs" }, null, -1))
+      ], 8, Is)
     ]));
   }
-}), Es = /* @__PURE__ */ W(Ss, [["__scopeId", "data-v-e6eb07a6"]]), Os = { class: "date-value" }, Bs = { class: "text-sm text-gray-900" }, Ns = /* @__PURE__ */ j({
+}), Vs = /* @__PURE__ */ W(js, [["__scopeId", "data-v-e6eb07a6"]]), As = { class: "date-value" }, zs = { class: "text-sm text-gray-900" }, Hs = /* @__PURE__ */ j({
   __name: "DateValue",
   props: {
     item: {}
   },
-  setup(r) {
-    const l = r, i = O(() => {
-      const t = l.item.value;
-      if (t instanceof Date)
-        return t.toLocaleDateString("uk-UA", {
+  setup(a) {
+    const l = a, o = N(() => {
+      const e = l.item.value;
+      if (e instanceof Date)
+        return e.toLocaleDateString("uk-UA", {
           year: "numeric",
           month: "long",
           day: "numeric",
           hour: "2-digit",
           minute: "2-digit"
         });
-      if (typeof t == "string") {
-        const s = new Date(t);
-        if (!isNaN(s.getTime()))
-          return s.toLocaleDateString("uk-UA", {
+      if (typeof e == "string") {
+        const n = new Date(e);
+        if (!isNaN(n.getTime()))
+          return n.toLocaleDateString("uk-UA", {
             year: "numeric",
             month: "long",
             day: "numeric",
@@ -1331,22 +1291,22 @@ const Ut = { class: "space-y-0.5" }, Wt = ["onClick"], Pt = ["onClick"], Gt = {
             minute: "2-digit"
           });
       }
-      return String(t);
+      return String(e);
     });
-    return (t, s) => (o(), a("div", Os, [
-      e("span", Bs, b(i.value), 1)
+    return (e, n) => (s(), i("div", As, [
+      t("span", zs, x(o.value), 1)
     ]));
   }
-}), Rs = /* @__PURE__ */ W(Ns, [["__scopeId", "data-v-b9600618"]]), Us = { class: "status-value" }, Ws = {
+}), Es = /* @__PURE__ */ W(Hs, [["__scopeId", "data-v-b9600618"]]), Fs = { class: "status-value" }, Ss = {
   key: 0,
   class: "mr-1"
-}, Ps = /* @__PURE__ */ j({
+}, Ns = /* @__PURE__ */ j({
   __name: "StatusValue",
   props: {
     item: {}
   },
-  setup(r) {
-    const l = r, i = O(() => {
+  setup(a) {
+    const l = a, o = N(() => {
       switch (String(l.item.value).toLowerCase()) {
         case "active":
         case "активний":
@@ -1369,7 +1329,7 @@ const Ut = { class: "space-y-0.5" }, Wt = ["onClick"], Pt = ["onClick"], Gt = {
         default:
           return "bg-blue-100 text-blue-800";
       }
-    }), t = O(() => {
+    }), e = N(() => {
       switch (String(l.item.value).toLowerCase()) {
         case "active":
         case "активний":
@@ -1393,50 +1353,50 @@ const Ut = { class: "space-y-0.5" }, Wt = ["onClick"], Pt = ["onClick"], Gt = {
           return "fas fa-info-circle";
       }
     });
-    return (s, c) => (o(), a("div", Us, [
-      e("span", {
-        class: D(["inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium", i.value])
+    return (n, g) => (s(), i("div", Fs, [
+      t("span", {
+        class: D(["inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium", o.value])
       }, [
-        t.value ? (o(), a("span", Ws, [
-          e("i", {
-            class: D(t.value)
+        e.value ? (s(), i("span", Ss, [
+          t("i", {
+            class: D(e.value)
           }, null, 2)
-        ])) : _("", !0),
-        S(" " + b(String(s.item.value)), 1)
+        ])) : b("", !0),
+        F(" " + x(String(n.item.value)), 1)
       ], 2)
     ]));
   }
-}), Gs = /* @__PURE__ */ W(Ps, [["__scopeId", "data-v-c72e0b01"]]), qs = { class: "custom-value" }, Ks = { class: "text-sm text-gray-900" }, Zs = /* @__PURE__ */ j({
+}), Os = /* @__PURE__ */ W(Ns, [["__scopeId", "data-v-c72e0b01"]]), Bs = { class: "custom-value" }, Ps = { class: "text-sm text-gray-900" }, Rs = /* @__PURE__ */ j({
   __name: "CustomValue",
   props: {
     item: {}
   },
-  setup(r) {
-    return (l, i) => (o(), a("div", qs, [
-      G(l.$slots, "default", {
+  setup(a) {
+    return (l, o) => (s(), i("div", Bs, [
+      q(l.$slots, "default", {
         item: l.item,
         value: l.item.value
       }, () => [
-        e("span", Ks, b(String(l.item.value)), 1)
+        t("span", Ps, x(String(l.item.value)), 1)
       ], !0)
     ]));
   }
-}), Js = /* @__PURE__ */ W(Zs, [["__scopeId", "data-v-11a73810"]]), Xs = ["id"], Qs = {
+}), Us = /* @__PURE__ */ W(Rs, [["__scopeId", "data-v-11a73810"]]), Ws = ["id"], qs = {
   key: 0,
   class: "text-xl font-semibold text-gray-900 mb-4"
-}, Ys = {
+}, Gs = {
   key: 1,
   class: "overflow-x-auto"
-}, eo = { class: "min-w-full divide-y divide-gray-200" }, to = { class: "bg-white divide-y divide-gray-200" }, so = { class: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900" }, oo = { class: "flex items-center gap-2" }, no = ["title"], io = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, lo = {
+}, Ks = { class: "min-w-full divide-y divide-gray-200" }, Zs = { class: "bg-white divide-y divide-gray-200" }, Js = { class: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900" }, Xs = { class: "flex items-center gap-2" }, Qs = ["title"], Ys = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, eo = {
   key: 2,
   class: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"
-}, ao = { class: "flex items-start gap-3" }, ro = {
+}, to = { class: "flex items-start gap-3" }, so = {
   key: 0,
   class: "flex-shrink-0"
-}, co = { class: "flex-1 min-w-0" }, uo = { class: "flex items-center gap-2 mb-2" }, po = { class: "text-sm font-medium text-gray-900" }, mo = ["title"], go = {
+}, oo = { class: "flex-1 min-w-0" }, no = { class: "flex items-center gap-2 mb-2" }, io = { class: "text-sm font-medium text-gray-900" }, lo = ["title"], ao = {
   key: 3,
   class: "overflow-x-auto"
-}, ho = { class: "min-w-full divide-y divide-gray-200" }, fo = { class: "bg-white divide-y divide-gray-200" }, vo = { class: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900" }, yo = { class: "flex items-center gap-2" }, bo = ["title"], xo = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, ko = /* @__PURE__ */ j({
+}, ro = { class: "min-w-full divide-y divide-gray-200" }, co = { class: "bg-white divide-y divide-gray-200" }, uo = { class: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900" }, po = { class: "flex items-center gap-2" }, mo = ["title"], go = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, ho = /* @__PURE__ */ j({
   __name: "DescriptionListWidget",
   props: {
     title: {},
@@ -1446,113 +1406,113 @@ const Ut = { class: "space-y-0.5" }, Wt = ["onClick"], Pt = ["onClick"], Gt = {
     className: {},
     style: {}
   },
-  setup(r) {
-    const l = (i) => {
-      switch (i.type) {
+  setup(a) {
+    const l = (o) => {
+      switch (o.type) {
         case "link":
-          return Es;
+          return Vs;
         case "date":
-          return Rs;
+          return Es;
         case "status":
-          return Gs;
+          return Os;
         case "custom":
-          return Js;
+          return Us;
         default:
-          return Fs;
+          return Ts;
       }
     };
-    return (i, t) => (o(), a("div", {
-      class: D(["description-list-widget", i.className]),
-      id: i.id,
-      style: U(i.style)
+    return (o, e) => (s(), i("div", {
+      class: D(["description-list-widget", o.className]),
+      id: o.id,
+      style: Z(o.style)
     }, [
-      i.title ? (o(), a("h3", Qs, b(i.title), 1)) : _("", !0),
-      i.view === "table" ? (o(), a("div", Ys, [
-        e("table", eo, [
-          e("tbody", to, [
-            (o(!0), a(V, null, A(i.items, (s) => (o(), a("tr", {
-              key: s.id || s.label
+      o.title ? (s(), i("h3", qs, x(o.title), 1)) : b("", !0),
+      o.view === "table" ? (s(), i("div", Gs, [
+        t("table", Ks, [
+          t("tbody", Zs, [
+            (s(!0), i(I, null, E(o.items, (n) => (s(), i("tr", {
+              key: n.id || n.label
             }, [
-              e("td", so, [
-                e("div", oo, [
-                  s.icon ? (o(), a("i", {
+              t("td", Js, [
+                t("div", Xs, [
+                  n.icon ? (s(), i("i", {
                     key: 0,
-                    class: D([s.icon, "text-gray-500"])
-                  }, null, 2)) : _("", !0),
-                  S(" " + b(s.label) + " ", 1),
-                  s.tooltip ? (o(), a("span", {
+                    class: D([n.icon, "text-gray-500"])
+                  }, null, 2)) : b("", !0),
+                  F(" " + x(n.label) + " ", 1),
+                  n.tooltip ? (s(), i("span", {
                     key: 1,
                     class: "text-gray-400 cursor-help",
-                    title: s.tooltip
-                  }, t[0] || (t[0] = [
-                    e("i", { class: "fas fa-info-circle text-xs" }, null, -1)
-                  ]), 8, no)) : _("", !0)
+                    title: n.tooltip
+                  }, [...e[0] || (e[0] = [
+                    t("i", { class: "fas fa-info-circle text-xs" }, null, -1)
+                  ])], 8, Qs)) : b("", !0)
                 ])
               ]),
-              e("td", io, [
-                (o(), I(B(l(s)), { item: s }, null, 8, ["item"]))
+              t("td", Ys, [
+                (s(), A(B(l(n)), { item: n }, null, 8, ["item"]))
               ])
             ]))), 128))
           ])
         ])
-      ])) : i.view === "grid" ? (o(), a("div", lo, [
-        (o(!0), a(V, null, A(i.items, (s) => (o(), a("div", {
-          key: s.id || s.label,
+      ])) : o.view === "grid" ? (s(), i("div", eo, [
+        (s(!0), i(I, null, E(o.items, (n) => (s(), i("div", {
+          key: n.id || n.label,
           class: "description-item-card bg-white border border-gray-200 rounded-lg p-4"
         }, [
-          e("div", ao, [
-            s.icon ? (o(), a("div", ro, [
-              e("i", {
-                class: D([s.icon, "text-gray-500 text-lg"])
+          t("div", to, [
+            n.icon ? (s(), i("div", so, [
+              t("i", {
+                class: D([n.icon, "text-gray-500 text-lg"])
               }, null, 2)
-            ])) : _("", !0),
-            e("div", co, [
-              e("div", uo, [
-                e("h4", po, b(s.label), 1),
-                s.tooltip ? (o(), a("span", {
+            ])) : b("", !0),
+            t("div", oo, [
+              t("div", no, [
+                t("h4", io, x(n.label), 1),
+                n.tooltip ? (s(), i("span", {
                   key: 0,
                   class: "text-gray-400 cursor-help",
-                  title: s.tooltip
-                }, t[1] || (t[1] = [
-                  e("i", { class: "fas fa-info-circle text-xs" }, null, -1)
-                ]), 8, mo)) : _("", !0)
+                  title: n.tooltip
+                }, [...e[1] || (e[1] = [
+                  t("i", { class: "fas fa-info-circle text-xs" }, null, -1)
+                ])], 8, lo)) : b("", !0)
               ]),
-              (o(), I(B(l(s)), { item: s }, null, 8, ["item"]))
+              (s(), A(B(l(n)), { item: n }, null, 8, ["item"]))
             ])
           ])
         ]))), 128))
-      ])) : (o(), a("div", go, [
-        e("table", ho, [
-          e("tbody", fo, [
-            (o(!0), a(V, null, A(i.items, (s) => (o(), a("tr", {
-              key: s.id || s.label
+      ])) : (s(), i("div", ao, [
+        t("table", ro, [
+          t("tbody", co, [
+            (s(!0), i(I, null, E(o.items, (n) => (s(), i("tr", {
+              key: n.id || n.label
             }, [
-              e("td", vo, [
-                e("div", yo, [
-                  s.icon ? (o(), a("i", {
+              t("td", uo, [
+                t("div", po, [
+                  n.icon ? (s(), i("i", {
                     key: 0,
-                    class: D([s.icon, "text-gray-500"])
-                  }, null, 2)) : _("", !0),
-                  S(" " + b(s.label) + " ", 1),
-                  s.tooltip ? (o(), a("span", {
+                    class: D([n.icon, "text-gray-500"])
+                  }, null, 2)) : b("", !0),
+                  F(" " + x(n.label) + " ", 1),
+                  n.tooltip ? (s(), i("span", {
                     key: 1,
                     class: "text-gray-400 cursor-help",
-                    title: s.tooltip
-                  }, t[2] || (t[2] = [
-                    e("i", { class: "fas fa-info-circle text-xs" }, null, -1)
-                  ]), 8, bo)) : _("", !0)
+                    title: n.tooltip
+                  }, [...e[2] || (e[2] = [
+                    t("i", { class: "fas fa-info-circle text-xs" }, null, -1)
+                  ])], 8, mo)) : b("", !0)
                 ])
               ]),
-              e("td", xo, [
-                (o(), I(B(l(s)), { item: s }, null, 8, ["item"]))
+              t("td", go, [
+                (s(), A(B(l(n)), { item: n }, null, 8, ["item"]))
               ])
             ]))), 128))
           ])
         ])
       ]))
-    ], 14, Xs));
+    ], 14, Ws));
   }
-}), Ce = /* @__PURE__ */ W(ko, [["__scopeId", "data-v-36d43e50"]]), _o = {
+}), Ce = /* @__PURE__ */ W(ho, [["__scopeId", "data-v-36d43e50"]]), fo = {
   draw: {
     toolbar: {
       actions: {
@@ -1660,24 +1620,24 @@ const Ut = { class: "space-y-0.5" }, Wt = ["onClick"], Pt = ["onClick"], Gt = {
     }
   }
 };
-function wo(r) {
-  return r ? r.type === "FeatureCollection" || r.type === "Feature" ? r : r.geom ? {
+function yo(a) {
+  return a ? a.type === "FeatureCollection" || a.type === "Feature" ? a : a.geom ? {
     type: "Feature",
     geometry: {
-      type: r.geom.type,
-      coordinates: r.geom.coordinates
+      type: a.geom.type,
+      coordinates: a.geom.coordinates
     },
     properties: {}
-  } : r.type && r.coordinates ? {
+  } : a.type && a.coordinates ? {
     type: "Feature",
-    geometry: r,
+    geometry: a,
     properties: {}
   } : null : null;
 }
-const $o = { class: "relative min-h-[300px] h-full pb-[3.25rem]" }, Co = {
+const vo = { class: "relative min-h-[300px] h-full pb-[3.25rem]" }, bo = {
   key: 1,
   class: "bg-white absolute top-[10px] right-[10px] z-[500] border rounded-lg cursor-pointer"
-}, Mo = { class: "flex items-center justify-between p-2 border-b" }, Lo = { class: "p-2 border-b" }, Do = { class: "flex items-center" }, To = { class: "flex items-center" }, Io = { class: "flex items-center" }, jo = { class: "p-2" }, zo = { class: "flex items-center" }, ae = /* @__PURE__ */ j({
+}, xo = { class: "flex items-center justify-between p-2 border-b" }, ko = { class: "p-2 border-b" }, _o = { class: "flex items-center" }, wo = { class: "flex items-center" }, $o = { class: "flex items-center" }, Co = { class: "p-2" }, Mo = { class: "flex items-center" }, ie = /* @__PURE__ */ j({
   __name: "MapWidget",
   props: {
     geom: {},
@@ -1685,10 +1645,10 @@ const $o = { class: "relative min-h-[300px] h-full pb-[3.25rem]" }, Co = {
     className: {},
     style: {}
   },
-  setup(r) {
-    const l = r, i = w(null);
-    let t, s;
-    const c = {
+  setup(a) {
+    const l = a, o = $(null);
+    let e, n;
+    const g = {
       topo100: {
         url: "https://data.gki.com.ua/api-user/rtile/voyager/ua/{z}/{x}/{y}.png"
       },
@@ -1698,69 +1658,69 @@ const $o = { class: "relative min-h-[300px] h-full pb-[3.25rem]" }, Co = {
       osmb: {
         url: "https://tile.openstreetmap.org.ua/styles/osm-bright/{z}/{x}/{y}.png"
       }
-    }, n = w("topo100");
-    let u;
-    const v = w(!0), g = w(!1);
-    function d() {
-      return new Promise((F, p) => {
-        if (window.L && window.L.Draw) return F(0);
-        const f = (C) => {
-          if (Array.from(document.styleSheets).some((E) => E?.href?.includes(C))) return;
-          const m = document.createElement("link");
-          m.rel = "stylesheet", m.href = C, document.head.appendChild(m);
-        }, H = (C) => new Promise((x, m) => {
-          const E = Array.from(document.scripts).find((z) => z.src === C);
-          if (E) {
-            E.addEventListener("load", () => x()), E.addEventListener("error", (z) => m(z));
+    }, d = $("topo100");
+    let y;
+    const v = $(!0), p = $(!1);
+    function r() {
+      return new Promise((z, c) => {
+        if (window.L && window.L.Draw) return z(0);
+        const u = (k) => {
+          if (Array.from(document.styleSheets).some((S) => S?.href?.includes(k))) return;
+          const h = document.createElement("link");
+          h.rel = "stylesheet", h.href = k, document.head.appendChild(h);
+        }, T = (k) => new Promise((_, h) => {
+          const S = Array.from(document.scripts).find((H) => H.src === k);
+          if (S) {
+            S.addEventListener("load", () => _()), S.addEventListener("error", (H) => h(H));
             return;
           }
-          const N = document.createElement("script");
-          N.src = C, N.async = !0, N.onload = () => x(), N.onerror = (z) => m(z), document.body.appendChild(N);
+          const P = document.createElement("script");
+          P.src = k, P.async = !0, P.onload = () => _(), P.onerror = (H) => h(H), document.body.appendChild(P);
         });
-        f("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), f("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"), H("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(() => H("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(() => F(0)).catch(p);
+        u("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), u("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"), T("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(() => T("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(() => z(0)).catch(c);
       });
     }
-    Q(async () => {
-      await d(), L.drawLocal = _o, t = L.map(i.value, { zoomControl: !1 }).setView([50, 30], 10), L.control.zoom({ position: "bottomright" }).addTo(t), u = L.tileLayer(c.topo100.url, { maxZoom: 19 }).addTo(t), n.value = "topo100", s = new L.FeatureGroup().addTo(t);
-      const F = wo(l.geom);
-      if (F) {
-        const p = [];
-        L.geoJSON(F).eachLayer((f) => p.push(f)), p.length && s.addLayer(p[0]), s.toGeoJSON(), y();
+    re(async () => {
+      await r(), L.drawLocal = fo, e = L.map(o.value, { zoomControl: !1 }).setView([50, 30], 10), L.control.zoom({ position: "bottomright" }).addTo(e), y = L.tileLayer(g.topo100.url, { maxZoom: 19 }).addTo(e), d.value = "topo100", n = new L.FeatureGroup().addTo(e);
+      const z = yo(l.geom);
+      if (z) {
+        const c = [];
+        L.geoJSON(z).eachLayer((u) => c.push(u)), c.length && n.addLayer(c[0]), n.toGeoJSON(), f();
       }
     });
-    function y(F = 30) {
-      const p = s.getLayers();
-      if (!p.length) return;
-      const H = L.featureGroup(p).getBounds();
-      H && H.isValid() && t.fitBounds(H, { padding: [F, F] });
+    function f(z = 30) {
+      const c = n.getLayers();
+      if (!c.length) return;
+      const T = L.featureGroup(c).getBounds();
+      T && T.isValid() && e.fitBounds(T, { padding: [z, z] });
     }
-    function h(F) {
-      u && u.removeFrom(t);
-      const p = c[F];
-      u = L.tileLayer(p.url, p.options || {}).addTo(t), n.value = F;
+    function m(z) {
+      y && y.removeFrom(e);
+      const c = g[z];
+      y = L.tileLayer(c.url, c.options || {}).addTo(e), d.value = z;
     }
-    function M() {
-      h(n.value);
+    function C() {
+      m(d.value);
     }
-    function P() {
-      s && (v.value ? s.addTo(t) : s.removeFrom(t));
+    function O() {
+      n && (v.value ? n.addTo(e) : n.removeFrom(e));
     }
-    return (F, p) => (o(), a("div", $o, [
-      e("div", {
+    return (z, c) => (s(), i("div", vo, [
+      t("div", {
         ref_key: "mapContainer",
-        ref: i,
+        ref: o,
         class: "w-full h-full min-h-[300px]"
       }, null, 512),
-      g.value ? _("", !0) : (o(), a("div", {
+      p.value ? b("", !0) : (s(), i("div", {
         key: 0,
-        onClick: p[0] || (p[0] = (f) => g.value = !0),
+        onClick: c[0] || (c[0] = (u) => p.value = !0),
         class: "z-[500] bg-white absolute top-[10px] right-[10px] p-2 border rounded-lg cursor-pointer"
       }, " Шари ")),
-      g.value ? (o(), a("div", Co, [
-        e("div", Mo, [
-          p[7] || (p[7] = e("div", null, "Шари", -1)),
-          (o(), a("svg", {
-            onClick: p[1] || (p[1] = (f) => g.value = !1),
+      p.value ? (s(), i("div", bo, [
+        t("div", xo, [
+          c[7] || (c[7] = t("div", null, "Шари", -1)),
+          (s(), i("svg", {
+            onClick: c[1] || (c[1] = (u) => p.value = !1),
             xmlns: "http://www.w3.org/2000/svg",
             viewBox: "0 0 24 24",
             fill: "none",
@@ -1769,77 +1729,80 @@ const $o = { class: "relative min-h-[300px] h-full pb-[3.25rem]" }, Co = {
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             class: "icon icon-tabler icons-tabler-outline icon-tabler-x w-4 h-4"
-          }, p[6] || (p[6] = [
-            e("path", {
+          }, [...c[6] || (c[6] = [
+            t("path", {
               stroke: "none",
               d: "M0 0h24v24H0z",
               fill: "none"
             }, null, -1),
-            e("path", { d: "M18 6l-12 12" }, null, -1),
-            e("path", { d: "M6 6l12 12" }, null, -1)
-          ])))
+            t("path", { d: "M18 6l-12 12" }, null, -1),
+            t("path", { d: "M6 6l12 12" }, null, -1)
+          ])]))
         ]),
-        e("div", Lo, [
-          e("div", null, [
-            e("label", Do, [
-              R(e("input", {
+        t("div", ko, [
+          t("div", null, [
+            t("label", _o, [
+              R(t("input", {
                 type: "radio",
                 name: "base-layer",
                 value: "topo100",
-                "onUpdate:modelValue": p[2] || (p[2] = (f) => n.value = f),
-                onChange: M
+                "onUpdate:modelValue": c[2] || (c[2] = (u) => d.value = u),
+                onChange: C
               }, null, 544), [
-                [ee, n.value]
+                [Y, d.value]
               ]),
-              p[8] || (p[8] = e("span", { class: "ml-2" }, "Карта України", -1))
+              c[8] || (c[8] = t("span", { class: "ml-2" }, "Карта України", -1))
             ])
           ]),
-          e("div", null, [
-            e("label", To, [
-              R(e("input", {
+          t("div", null, [
+            t("label", wo, [
+              R(t("input", {
                 type: "radio",
                 name: "base-layer",
                 value: "orto10",
-                "onUpdate:modelValue": p[3] || (p[3] = (f) => n.value = f),
-                onChange: M
+                "onUpdate:modelValue": c[3] || (c[3] = (u) => d.value = u),
+                onChange: C
               }, null, 544), [
-                [ee, n.value]
+                [Y, d.value]
               ]),
-              p[9] || (p[9] = e("span", { class: "ml-2" }, "Ortophoto 1:10К", -1))
+              c[9] || (c[9] = t("span", { class: "ml-2" }, "Ortophoto 1:10К", -1))
             ])
           ]),
-          e("div", null, [
-            e("label", Io, [
-              R(e("input", {
+          t("div", null, [
+            t("label", $o, [
+              R(t("input", {
                 type: "radio",
                 name: "base-layer",
                 value: "osmb",
-                "onUpdate:modelValue": p[4] || (p[4] = (f) => n.value = f),
-                onChange: M
+                "onUpdate:modelValue": c[4] || (c[4] = (u) => d.value = u),
+                onChange: C
               }, null, 544), [
-                [ee, n.value]
+                [Y, d.value]
               ]),
-              p[10] || (p[10] = e("span", { class: "ml-2" }, "Open Street Map", -1))
+              c[10] || (c[10] = t("span", { class: "ml-2" }, "Open Street Map", -1))
             ])
           ])
         ]),
-        e("div", jo, [
-          e("label", zo, [
-            R(e("input", {
+        t("div", Co, [
+          t("label", Mo, [
+            R(t("input", {
               type: "checkbox",
-              "onUpdate:modelValue": p[5] || (p[5] = (f) => v.value = f),
-              onChange: P
+              "onUpdate:modelValue": c[5] || (c[5] = (u) => v.value = u),
+              onChange: O
             }, null, 544), [
-              [je, v.value]
+              [Te, v.value]
             ]),
-            p[11] || (p[11] = e("span", { class: "ml-2" }, " Показати геометрію ", -1))
+            c[11] || (c[11] = t("span", { class: "ml-2" }, " Показати геометрію ", -1))
           ])
         ])
-      ])) : _("", !0)
+      ])) : b("", !0)
     ]));
   }
-}), Vo = /* @__PURE__ */ j({
-  __name: "table",
+}), Lo = { class: "flex justify-between items-center mb-[15px]" }, To = { class: "font-semibold text-[16px]" }, Do = { class: "overflow-x-auto" }, Io = { class: "min-w-full relative divide-y-2 divide-gray-200 bg-white min-w-full overflow-auto divide-y-2 divide-gray-200 bg-white text-[12px] text-gray-600" }, jo = { class: "text-left font-medium text-gray-700" }, Vo = { class: "py-2 min-w-[200px]" }, Ao = {
+  key: 0,
+  class: "py-2 min-w-[200px]"
+}, zo = { class: "divide-y divide-gray-200" }, Ho = { class: "bg-white odd:bg-gray-50" }, Eo = { class: "py-2 pr-5" }, Fo = ["href"], So = { class: "py-2 pr-5 gap-2 inline-flex" }, No = ["onClick"], Oo = ["onClick"], Bo = /* @__PURE__ */ j({
+  __name: "TableWidget",
   props: {
     name: {},
     label: {},
@@ -1854,28 +1817,133 @@ const $o = { class: "relative min-h-[300px] h-full pb-[3.25rem]" }, Co = {
     count: {},
     items: {}
   },
-  setup(r) {
-    const l = w([]), i = w([]), t = r;
-    return Q(async () => {
-      const s = await fetch("/api/data/" + t.token).then((c) => c.json());
-      l.value = s.rows, i.value = s.columns;
-    }), (s, c) => b(t) + " " + b(i.value) + " " + b(l.value);
+  setup(a) {
+    const l = De(), o = $([]), e = $([]), n = a, g = $([]), d = $(""), y = $("");
+    async function v() {
+      const c = await fetch("/api/data/" + n.token).then((u) => u.json());
+      o.value = c.rows, e.value = c.columns, g.value = c.actions, d.value = c.form, y.value = c.addToken;
+    }
+    const { $notify: p = console.log, $confirm: r, $form: f } = l?.appContext?.config?.globalProperties || {};
+    async function m(c) {
+      await f({ token: c.token }), v();
+    }
+    function C() {
+      f({ token: y.value });
+    }
+    function O(c) {
+      r({
+        title: "Підтвердіть дію",
+        type: "error",
+        message: "Ви впевненні що бажаєте видалити даний рядок?",
+        onConfirm: async () => {
+          const u = await fetch(`/api/table/${c.token}`, { method: "DELETE" });
+          if (!u.ok) {
+            const { error: T, code: k } = await u.json();
+            p({ title: "Помилка", type: "warning", message: T });
+            return;
+          }
+          p({ title: "Видаленно", message: "Успішно видалено" }), await v();
+        }
+      });
+    }
+    re(async () => {
+      await v();
+    });
+    function z(c, u) {
+      return u.format?.toLowerCase() === "text" ? c[u.name] : c[u.name + "_data"] ?? c[u.name + "_text"] ?? "-";
+    }
+    return (c, u) => (s(), i("div", null, [
+      t("div", Lo, [
+        t("div", To, x(c.title), 1),
+        g.value.includes("add") && y.value ? (s(), i("button", {
+          key: 0,
+          onClick: C,
+          class: "px-2 py-1 inline-flex border-solid justify-center items-center gap-2 rounded-md font-semibold focus:outline-none text-sm transition-all border border-transparent hover:text-white ring-offset-white bg-blue-100 text-blue-500 hover:bg-blue-500 focus:ring-blue-500"
+        }, "Додати")) : b("", !0)
+      ]),
+      t("div", Do, [
+        t("table", Io, [
+          t("thead", jo, [
+            t("tr", null, [
+              (s(!0), i(I, null, E(e.value, (T) => (s(), i("th", Vo, x(T.ua), 1))), 256)),
+              g.value.includes("edit") ? (s(), i("th", Ao, " Дії ")) : b("", !0)
+            ])
+          ]),
+          t("tbody", zo, [
+            (s(!0), i(I, null, E(o.value, (T) => (s(), i("tr", Ho, [
+              (s(!0), i(I, null, E(e.value, (k) => (s(), i("td", Eo, [
+                k.link ? (s(), i("a", {
+                  key: 0,
+                  href: k.link.replace("{{id}}", T.id),
+                  class: "font-medium cursor-pointer text-start text-wrap text-cyan-800 decoration-2 focus:outline-none focus:underline hover:text-cyan-700 hover:underline"
+                }, x(z(T, k)), 9, Fo)) : (s(), i(I, { key: 1 }, [
+                  F(x(z(T, k)), 1)
+                ], 64))
+              ]))), 256)),
+              t("td", So, [
+                T.token ? (s(), i("button", {
+                  key: 0,
+                  onClick: (k) => m(T),
+                  class: "inline-flex items-center justify-center bg-white border rounded-md size-7 gap-x-2 hover:bg-gray-100"
+                }, [...u[0] || (u[0] = [
+                  t("svg", {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    width: "12px",
+                    height: "24",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "2",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                  }, [
+                    t("path", {
+                      d: "M20,16v4a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V6A2,2,0,0,1,4,4H8",
+                      fill: "none",
+                      stroke: "#000000",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "stroke-width": "2"
+                    }),
+                    t("polygon", {
+                      fill: "none",
+                      points: "12.5 15.8 22 6.2 17.8 2 8.3 11.5 8 16 12.5 15.8",
+                      stroke: "#000000",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "stroke-width": "2"
+                    })
+                  ], -1)
+                ])], 8, No)) : b("", !0),
+                T.token ? (s(), i("button", {
+                  key: 1,
+                  onClick: (k) => O(T),
+                  class: "inline-flex items-center justify-center bg-white border rounded-md size-7 gap-x-2 hover:bg-gray-100"
+                }, [...u[1] || (u[1] = [
+                  Ie('<svg class="flex-shrink-0 size-3.5" xmlns="http://www.w3.org/2000/svg" width="12px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path><line x1="10" x2="10" y1="11" y2="17"></line><line x1="14" x2="14" y1="11" y2="17"></line></svg>', 1)
+                ])], 8, Oo)) : b("", !0)
+              ])
+            ]))), 256))
+          ])
+        ])
+      ])
+    ]));
   }
 }), Me = {
-  "vs-widget-map": ae,
-  "vs-widget-comments": oe,
-  "vs-widget-history": ne,
-  "vs-widget-gallery": le,
-  "vs-widget-file": ie,
+  "vs-widget-map": ie,
+  "vs-widget-comments": se,
+  "vs-widget-history": oe,
+  "vs-widget-gallery": ne,
+  "vs-widget-file": $e,
   "vs-widget-list": Ce,
-  "vs-widget-table": Vo
-}, Fo = {
+  "vs-widget-table": Bo
+}, Po = {
   key: 0,
   class: "mb-4 pb-2 border-b border-gray-200"
-}, Ho = { class: "text-lg font-semibold text-gray-900" }, Ao = ["innerHTML"], So = {
+}, Ro = { class: "text-lg font-semibold text-gray-900" }, Uo = ["innerHTML"], Wo = {
   key: 0,
   class: "mb-4 pb-2 border-b border-gray-200"
-}, Eo = { class: "text-lg font-semibold text-gray-900" }, Oo = ["innerHTML"], Le = /* @__PURE__ */ j({
+}, qo = { class: "text-lg font-semibold text-gray-900" }, Go = ["innerHTML"], Le = /* @__PURE__ */ j({
   __name: "CardItem",
   props: {
     items: {},
@@ -1892,57 +1960,57 @@ const $o = { class: "relative min-h-[300px] h-full pb-[3.25rem]" }, Co = {
     className: {},
     style: {}
   },
-  setup(r) {
-    const l = r, i = O(() => l.col ? {
+  setup(a) {
+    const l = a, o = N(() => l.col ? {
       [`lg:col-span-${l.col}`]: !0
     } : {});
-    function t(c) {
-      return Me[c] || c;
+    function e(g) {
+      return Me[g] || g;
     }
-    const s = O(() => {
-      const c = {};
-      return c.col && (c.col = c.col), c;
+    const n = N(() => {
+      const g = {};
+      return g.col && (g.col = g.col), g;
     });
-    return (c, n) => (o(), a("div", {
-      class: D(["w-full bg-gray-50 rounded-lg p-4 col-span-12", i.value])
+    return (g, d) => (s(), i("div", {
+      class: D(["w-full bg-gray-50 rounded-lg p-4 col-span-12", o.value])
     }, [
-      c.title ? (o(), a("div", Fo, [
-        e("h3", Ho, b(c.title), 1)
-      ])) : _("", !0),
-      c.html ? (o(), a("div", {
+      g.title ? (s(), i("div", Po, [
+        t("h3", Ro, x(g.title), 1)
+      ])) : b("", !0),
+      g.html ? (s(), i("div", {
         key: 1,
-        innerHTML: c.html,
+        innerHTML: g.html,
         class: "text-gray-900 leading-relaxed [&>h1]:font-semibold [&>h1]:text-gray-900 [&>h1]:mb-2 [&>h2]:font-semibold [&>h2]:text-gray-900 [&>h2]:mb-2 [&>h3]:font-semibold [&>h3]:text-gray-900 [&>h3]:mb-2 [&>h4]:font-semibold [&>h4]:text-gray-900 [&>h4]:mb-2 [&>h5]:font-semibold [&>h5]:text-gray-900 [&>h5]:mb-2 [&>h6]:font-semibold [&>h6]:text-gray-900 [&>h6]:mb-2 [&>p]:mb-3 [&>ul]:mb-3 [&>ul]:pl-5 [&>ol]:mb-3 [&>ol]:pl-5 [&>li]:mb-1"
-      }, null, 8, Ao)) : c.type?.includes("tabs") ? (o(), I(re, {
+      }, null, 8, Uo)) : g.type?.includes("tabs") ? (s(), A(le, {
         key: 2,
         view: "tab",
-        panels: c.items,
-        data: c.data
-      }, null, 8, ["panels", "data"])) : (o(!0), a(V, { key: 3 }, A(c.items, (u) => (o(), a(V, null, [
-        u.title || u.label ? (o(), a("div", So, [
-          e("h3", Eo, b(u.title || u.label), 1)
-        ])) : _("", !0),
-        u.html ? (o(), a("div", {
+        panels: g.items,
+        data: g.data
+      }, null, 8, ["panels", "data"])) : (s(!0), i(I, { key: 3 }, E(g.items, (y) => (s(), i(I, null, [
+        y.title || y.label ? (s(), i("div", Wo, [
+          t("h3", qo, x(y.title || y.label), 1)
+        ])) : b("", !0),
+        y.html ? (s(), i("div", {
           key: 1,
-          innerHTML: u.html,
+          innerHTML: y.html,
           class: "text-gray-900 leading-relaxed [&>h1]:font-semibold [&>h1]:text-gray-900 [&>h1]:mb-2 [&>h2]:font-semibold [&>h2]:text-gray-900 [&>h2]:mb-2 [&>h3]:font-semibold [&>h3]:text-gray-900 [&>h3]:mb-2 [&>h4]:font-semibold [&>h4]:text-gray-900 [&>h4]:mb-2 [&>h5]:font-semibold [&>h5]:text-gray-900 [&>h5]:mb-2 [&>h6]:font-semibold [&>h6]:text-gray-900 [&>h6]:mb-2 [&>p]:mb-3 [&>ul]:mb-3 [&>ul]:pl-5 [&>ol]:mb-3 [&>ol]:pl-5 [&>li]:mb-1"
-        }, null, 8, Oo)) : u.component ? (o(), I(B(t(u.component)), Z({
+        }, null, 8, Go)) : y.component ? (s(), A(B(e(y.component)), K({
           key: 2,
           ref_for: !0
-        }, { ...s.value, ...c.data }, { class: "w-full" }), null, 16)) : G(c.$slots, "default", { key: 3 })
+        }, { ...n.value, ...g.data }, { class: "w-full" }), null, 16)) : q(g.$slots, "default", { key: 3 })
       ], 64))), 256))
     ], 2));
   }
-}), Bo = { class: "md:flex gap-[20px]" }, No = {
+}), Ko = { class: "md:flex gap-[20px]" }, Zo = {
   key: 0,
   class: "col-span-4"
-}, Ro = ["innerHTML"], Uo = {
+}, Jo = ["innerHTML"], Xo = {
   key: 1,
   class: "overflow-hidden w-full"
-}, Wo = { class: "flex border-b border-gray-200 bg-gray-50" }, Po = ["onClick"], Go = { class: "p-1" }, qo = ["innerHTML"], Ko = {
+}, Qo = { class: "flex border-b border-gray-200 bg-gray-50" }, Yo = ["onClick"], en = { class: "p-1" }, tn = ["innerHTML"], sn = {
   key: 2,
   class: "p-1 w-full"
-}, Zo = { class: "grid grid-cols-12 gap-4" }, re = /* @__PURE__ */ j({
+}, on = { class: "grid grid-cols-12 gap-4" }, le = /* @__PURE__ */ j({
   __name: "Card",
   props: {
     panels: { default: () => [] },
@@ -1955,106 +2023,106 @@ const $o = { class: "relative min-h-[300px] h-full pb-[3.25rem]" }, Co = {
     className: {},
     style: {}
   },
-  setup(r) {
-    const l = r, i = w(0), t = w([]);
-    function s(d) {
-      return Me[d] || d;
+  setup(a) {
+    const l = a, o = $(0), e = $([]);
+    function n(r) {
+      return Me[r] || r;
     }
-    function c(d) {
-      return t.value = d.filter((y) => y.type === "pin"), d.filter((y) => y.type !== "pin");
+    function g(r) {
+      return e.value = r.filter((f) => f.type === "pin"), r.filter((f) => f.type !== "pin");
     }
-    const n = O(() => l.panels && l.panels.length > 0 ? l.normalizeTabs ? c(l.panels) : l.panels : l.data && Array.isArray(l.data) ? l.data.filter((y) => y.type === "tabs")[0]?.items || [] : []), u = O(() => l.panels && l.panels.length > 0 ? l.normalizeTabs ? c(l.panels) : l.panels : l.data && Array.isArray(l.data) ? l.data : []), v = O(() => ({
+    const d = N(() => l.panels && l.panels.length > 0 ? l.normalizeTabs ? g(l.panels) : l.panels : l.data && Array.isArray(l.data) ? l.data.filter((f) => f.type === "tabs")[0]?.items || [] : []), y = N(() => l.panels && l.panels.length > 0 ? l.normalizeTabs ? g(l.panels) : l.panels : l.data && Array.isArray(l.data) ? l.data : []), v = N(() => ({
       [`view-${l.view}`]: !0
-    })), g = (d) => {
-      const y = {};
-      return d.count && (y.count = d.count), d.col && (y.col = d.col), d.html && (y.html = d.html), d.title && (y.title = d.title), d.type && (y.type = d.type), d.token && (y.token = d.token), l.data && (y.data = l.data), y;
+    })), p = (r) => {
+      const f = {};
+      return r.count && (f.count = r.count), r.col && (f.col = r.col), r.html && (f.html = r.html), r.title && (f.title = r.title), r.type && (f.type = r.type), r.token && (f.token = r.token), l.data && (f.data = l.data), f;
     };
-    return (d, y) => (o(), a("div", {
-      class: D(d.classWrapper || v.value)
+    return (r, f) => (s(), i("div", {
+      class: D(r.classWrapper || v.value)
     }, [
-      e("div", Bo, [
-        t.value.length !== 0 ? (o(), a("div", No, [
-          (o(!0), a(V, null, A(t.value[0].items, (h, M) => (o(), a("div", {
-            key: h.name || M,
+      t("div", Ko, [
+        e.value.length !== 0 ? (s(), i("div", Zo, [
+          (s(!0), i(I, null, E(e.value[0].items, (m, C) => (s(), i("div", {
+            key: m.name || C,
             class: "w-full bg-gray-50 rounded-lg p-4 col-span-12 w-full m-1 mb-3"
           }, [
-            h.html ? (o(), a("div", {
+            m.html ? (s(), i("div", {
               key: 0,
-              innerHTML: h.html,
+              innerHTML: m.html,
               class: "text-gray-900 leading-relaxed"
-            }, null, 8, Ro)) : h.component ? (o(), I(B(s(h.component)), Z({
+            }, null, 8, Jo)) : m.component ? (s(), A(B(n(m.component)), K({
               key: 1,
               ref_for: !0
-            }, h.component === "Card" ? h : g(h), {
-              id: d.data.id,
+            }, m.component === "Card" ? m : p(m), {
+              id: r.data.id,
               class: "w-full h-full"
-            }), null, 16, ["id"])) : _("", !0)
+            }), null, 16, ["id"])) : b("", !0)
           ]))), 128))
-        ])) : _("", !0),
-        d.view === "tab" ? (o(), a("div", Uo, [
-          e("div", Wo, [
-            (o(!0), a(V, null, A(n.value, (h, M) => (o(), a("button", {
-              key: h.name || M,
-              onClick: (P) => i.value = M,
+        ])) : b("", !0),
+        r.view === "tab" ? (s(), i("div", Xo, [
+          t("div", Qo, [
+            (s(!0), i(I, null, E(d.value, (m, C) => (s(), i("button", {
+              key: m.name || C,
+              onClick: (O) => o.value = C,
               class: D([
                 "px-4 py-3 text-sm font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-100 transition-colors",
-                { "text-blue-600 bg-white border-b-2 border-blue-600": i.value === M }
+                { "text-blue-600 bg-white border-b-2 border-blue-600": o.value === C }
               ])
-            }, b(h.title || h.label || h.name || `Tab ${M + 1}`), 11, Po))), 128))
+            }, x(m.title || m.label || m.name || `Tab ${C + 1}`), 11, Yo))), 128))
           ]),
-          e("div", Go, [
-            (o(!0), a(V, null, A(n.value, (h, M) => R((o(), a("div", {
-              key: h.name || M,
+          t("div", en, [
+            (s(!0), i(I, null, E(d.value, (m, C) => R((s(), i("div", {
+              key: m.name || C,
               class: D([
-                d.classPanel || "w-full border-gray-100 py-2",
-                `col-span-${h.col || 12}`
+                r.classPanel || "w-full border-gray-100 py-2",
+                `col-span-${m.col || 12}`
               ])
             }, [
-              h.html ? (o(), a("div", {
+              m.html ? (s(), i("div", {
                 key: 0,
-                innerHTML: h.html,
+                innerHTML: m.html,
                 class: "text-gray-900 leading-relaxed"
-              }, null, 8, qo)) : d.$slots[`tab-${M}`] ? G(d.$slots, `tab-${M}`, {
+              }, null, 8, tn)) : r.$slots[`tab-${C}`] ? q(r.$slots, `tab-${C}`, {
                 key: 1,
-                item: h,
-                data: d.data
-              }) : h.component || h.name ? (o(), I(B(s(h.component || h.name)), Z({
+                item: m,
+                data: r.data
+              }) : m.component || m.name ? (s(), A(B(n(m.component || m.name)), K({
                 key: 2,
                 ref_for: !0
-              }, h.component === "Card" ? h : g(h), {
-                id: d.data.id,
+              }, m.component === "Card" ? m : p(m), {
+                id: r.data.id,
                 class: "w-full h-full"
-              }), null, 16, ["id"])) : G(d.$slots, h.slot || `tab-${M}`, {
+              }), null, 16, ["id"])) : q(r.$slots, m.slot || `tab-${C}`, {
                 key: 3,
-                item: h,
-                data: d.data
+                item: m,
+                data: r.data
               })
             ], 2)), [
-              [ze, i.value === M]
+              [je, o.value === C]
             ])), 128))
           ])
-        ])) : (o(), a("div", Ko, [
-          e("div", Zo, [
-            (o(!0), a(V, null, A(u.value, (h, M) => (o(), a(V, {
-              key: h.name || M
+        ])) : (s(), i("div", sn, [
+          t("div", on, [
+            (s(!0), i(I, null, E(y.value, (m, C) => (s(), i(I, {
+              key: m.name || C
             }, [
-              d.$slots[`panel-${M}`] ? G(d.$slots, `panel-${M}`, {
+              r.$slots[`panel-${C}`] ? q(r.$slots, `panel-${C}`, {
                 key: 0,
-                item: h,
-                data: d.data
-              }) : h.items || h.html ? (o(), I(B(Le), Z({
+                item: m,
+                data: r.data
+              }) : m.items || m.html ? (s(), A(B(Le), K({
                 key: 1,
                 ref_for: !0
-              }, g(h), {
-                items: h.items,
+              }, p(m), {
+                items: m.items,
                 class: "w-full h-full"
-              }), null, 16, ["items"])) : h.component ? (o(), I(B(s(h.component)), Z({
+              }), null, 16, ["items"])) : m.component ? (s(), A(B(n(m.component)), K({
                 key: 2,
                 ref_for: !0
-              }, g(h), { class: "w-full h-full" }), null, 16)) : G(d.$slots, h.slot || `panel-${M}`, {
+              }, p(m), { class: "w-full h-full" }), null, 16)) : q(r.$slots, m.slot || `panel-${C}`, {
                 key: 3,
-                item: h,
-                data: d.data
+                item: m,
+                data: r.data
               })
             ], 64))), 128))
           ])
@@ -2062,19 +2130,78 @@ const $o = { class: "relative min-h-[300px] h-full pb-[3.25rem]" }, Co = {
       ])
     ], 2));
   }
-});
-re.install = function(r) {
-  r.component("vs-widget-file", ie), r.component("vs-widget-comments", oe), r.component("vs-widget-history", ne), r.component("vs-widget-gallery", le), r.component("vs-widget-map", ae), r.component("CommentsWidget", oe), r.component("HistoryWidget", ne), r.component("GalleryWidget", le), r.component("FilesWidget", ie), r.component("MapWidget", ae), r.component("Card", re), r.component("CardItem", Le), r.component("DescriptionListWidget", Ce), r.component("CopyNotification", $e);
+}), nn = ["onClick"], ln = /* @__PURE__ */ j({
+  __name: "CopyNotification",
+  setup(a, { expose: l }) {
+    const o = $([]);
+    let e = 1;
+    const n = () => {
+      if (o.value.length >= 10) {
+        const y = o.value[0];
+        clearTimeout(y.timer), o.value.shift();
+      }
+      const d = {
+        id: e++,
+        timer: setTimeout(() => {
+          g(d.id);
+        }, 1500)
+      };
+      o.value.push(d);
+    }, g = (d) => {
+      const y = o.value.findIndex((v) => v.id === d);
+      if (y !== -1) {
+        const v = o.value[y];
+        clearTimeout(v.timer), o.value.splice(y, 1);
+      }
+    };
+    return l({
+      addNotification: n
+    }), ye(() => {
+      o.value.forEach((d) => {
+        clearTimeout(d.timer);
+      });
+    }), (d, y) => (s(), A(Ve, { to: "body" }, [
+      M(Ae, {
+        name: "notification",
+        tag: "div",
+        class: "fixed top-4 right-4 z-50 space-y-2"
+      }, {
+        default: ze(() => [
+          (s(!0), i(I, null, E(o.value, (v) => (s(), i("div", {
+            key: v.id,
+            class: "bg-green-500 text-white px-4 py-3 rounded-lg shadow-lg flex items-center gap-3 min-w-64 max-w-sm"
+          }, [
+            M(w(Be), { class: "h-5 w-5 text-green-100 flex-shrink-0" }),
+            y[0] || (y[0] = t("div", { class: "flex-1" }, [
+              t("p", { class: "font-medium text-sm" }, "Ссылка скопирована!"),
+              t("p", { class: "text-xs text-green-100 opacity-90" }, "Файл добавлен в буфер обмена")
+            ], -1)),
+            t("button", {
+              onClick: (p) => g(v.id),
+              class: "text-green-100 hover:text-white transition-colors flex-shrink-0"
+            }, [
+              M(w(ue), { class: "h-4 w-4" })
+            ], 8, nn)
+          ]))), 128))
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}), an = /* @__PURE__ */ W(ln, [["__scopeId", "data-v-55903525"]]);
+le.install = function(a) {
+  a.component("vs-widget-file", he), a.component("vs-widget-comments", se), a.component("vs-widget-history", oe), a.component("vs-widget-gallery", ne), a.component("vs-widget-map", ie), a.component("CommentsWidget", se), a.component("HistoryWidget", oe), a.component("GalleryWidget", ne), a.component("FilesWidget", he), a.component("MapWidget", ie), a.component("Card", le), a.component("CardItem", Le), a.component("DescriptionListWidget", Ce), a.component("CopyNotification", an);
 };
 export {
-  re as Card,
+  le as Card,
   Le as CardItem,
-  oe as CommentsWidget,
-  $e as CopyNotification,
+  se as CommentsWidget,
+  an as CopyNotification,
   Ce as DescriptionListWidget,
-  ie as FilesWidget,
-  le as GalleryWidget,
-  ne as HistoryWidget,
-  ae as MapWidget,
-  re as default
+  he as FilesWidget,
+  ne as GalleryWidget,
+  oe as HistoryWidget,
+  ie as MapWidget,
+  Bo as TableWidget,
+  le as default
 };