@opengis/widgets 0.0.18 → 0.0.20

package/dist/index.js

@@ -1,24 +1,25 @@
-import { h as le, defineComponent as V, mergeModels as se, useModel as ge, ref as M, createElementBlock as a, openBlock as t, createElementVNode as e, createVNode as z, unref as D, withDirectives as R, vModelText as he, createCommentVNode as $, createTextVNode as O, onMounted as ee, onUnmounted as Ce, resolveComponent as ne, normalizeClass as I, createBlock as H, toDisplayString as _, Fragment as T, renderList as j, normalizeStyle as J, resolveDynamicComponent as B, withModifiers as U, computed as N, renderSlot as W, getCurrentInstance as Le, vModelRadio as He, vModelCheckbox as be, createStaticVNode as Se, mergeProps as K, nextTick as xe, onBeforeUnmount as Fe, watch as Oe, vShow as ke, Teleport as Ne, TransitionGroup as Pe, withCtx as Be } from "vue";
+import { h as re, defineComponent as H, mergeModels as oe, useModel as fe, ref as T, createElementBlock as a, openBlock as t, createElementVNode as e, createVNode as V, unref as I, withDirectives as U, vModelText as ye, createCommentVNode as C, createTextVNode as B, onMounted as se, onUnmounted as Le, resolveComponent as ae, normalizeClass as z, createBlock as S, toDisplayString as _, Fragment as j, renderList as A, normalizeStyle as Q, resolveDynamicComponent as W, withModifiers as Z, computed as P, renderSlot as R, getCurrentInstance as Te, watch as De, vModelRadio as Oe, vModelCheckbox as ke, createStaticVNode as Be, mergeProps as J, nextTick as _e, onBeforeUnmount as Pe, vShow as we, Teleport as Ne, TransitionGroup as We, withCtx as Re } from "vue";
+import { notify as Ue } from "@opengis/core";
 /**
  * @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 _e = (c) => c.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), We = (c) => c.replace(
+const $e = (d) => d.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Ge = (d) => d.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (l, s, n) => n ? n.toUpperCase() : s.toLowerCase()
-), Re = (c) => {
-  const l = We(c);
+), qe = (d) => {
+  const l = Ge(d);
   return l.charAt(0).toUpperCase() + l.slice(1);
-}, Ue = (...c) => c.filter((l, s, n) => !!l && l.trim() !== "" && n.indexOf(l) === s).join(" ").trim();
+}, Ze = (...d) => d.filter((l, s, n) => !!l && l.trim() !== "" && n.indexOf(l) === s).join(" ").trim();
 /**
  * @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.
  */
-var te = {
+var ne = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -35,21 +36,21 @@ var te = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ge = ({ size: c, strokeWidth: l = 2, absoluteStrokeWidth: s, color: n, iconNode: o, name: f, class: r, ...v }, { slots: g }) => le(
+const Ke = ({ size: d, strokeWidth: l = 2, absoluteStrokeWidth: s, color: n, iconNode: o, name: h, class: r, ...y }, { slots: m }) => re(
   "svg",
   {
-    ...te,
-    width: c || te.width,
-    height: c || te.height,
-    stroke: n || te.stroke,
-    "stroke-width": s ? Number(l) * 24 / Number(c) : l,
-    class: Ue(
+    ...ne,
+    width: d || ne.width,
+    height: d || ne.height,
+    stroke: n || ne.stroke,
+    "stroke-width": s ? Number(l) * 24 / Number(d) : l,
+    class: Ze(
       "lucide",
-      ...f ? [`lucide-${_e(Re(f))}-icon`, `lucide-${_e(f)}`] : ["lucide-icon"]
+      ...h ? [`lucide-${$e(qe(h))}-icon`, `lucide-${$e(h)}`] : ["lucide-icon"]
     ),
-    ...v
+    ...y
   },
-  [...o.map((k) => le(...k)), ...g.default ? [g.default()] : []]
+  [...o.map((k) => re(...k)), ...m.default ? [m.default()] : []]
 );
 /**
  * @license lucide-vue-next v0.535.0 - ISC
@@ -57,12 +58,12 @@ const Ge = ({ size: c, strokeWidth: l = 2, absoluteStrokeWidth: s, color: n, ico
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const S = (c, l) => (s, { slots: n }) => le(
-  Ge,
+const F = (d, l) => (s, { slots: n }) => re(
+  Ke,
   {
     ...s,
     iconNode: l,
-    name: c
+    name: d
   },
   n
 );
@@ -72,7 +73,7 @@ const S = (c, l) => (s, { slots: n }) => le(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const qe = S("archive", [
+const Je = F("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 +84,7 @@ const qe = S("archive", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ke = S("arrow-right", [
+const Xe = F("arrow-right", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ]);
@@ -93,7 +94,7 @@ const Ke = S("arrow-right", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ze = S("circle-check-big", [
+const Qe = F("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 +104,7 @@ const Ze = S("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 Me = S("download", [
+const je = F("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 +115,7 @@ const Me = S("download", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Je = S("ellipsis", [
+const Ye = F("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 +126,7 @@ const Je = S("ellipsis", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Z = S("file-text", [
+const X = F("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 +139,7 @@ const Z = S("file-text", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Xe = S("file", [
+const et = F("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 +149,7 @@ const Xe = S("file", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Qe = S("grid-3x3", [
+const tt = F("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 +162,7 @@ const Qe = S("grid-3x3", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ye = S("heart", [
+const st = F("heart", [
   [
     "path",
     {
@@ -176,7 +177,7 @@ const Ye = S("heart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const et = S("history", [
+const nt = F("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 +188,7 @@ const et = S("history", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const we = S("image", [
+const Ce = F("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 +199,7 @@ const we = S("image", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const tt = S("list", [
+const ot = F("list", [
   ["path", { d: "M3 12h.01", key: "nlz23k" }],
   ["path", { d: "M3 18h.01", key: "1tta3j" }],
   ["path", { d: "M3 6h.01", key: "1rqtza" }],
@@ -212,7 +213,7 @@ const tt = S("list", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Te = S("plus", [
+const Ie = F("plus", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ]);
@@ -222,7 +223,7 @@ const Te = S("plus", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const st = S("reply", [
+const at = F("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 +233,7 @@ const st = S("reply", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const De = S("send", [
+const ze = F("send", [
   [
     "path",
     {
@@ -248,7 +249,7 @@ const De = S("send", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const nt = S("sheet", [
+const lt = F("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" }],
@@ -261,7 +262,7 @@ const nt = S("sheet", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ot = S("square-pen", [
+const it = F("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",
@@ -277,7 +278,7 @@ const ot = S("square-pen", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const fe = S("trash-2", [
+const ve = F("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" }],
@@ -290,7 +291,7 @@ const fe = S("trash-2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const at = S("user-check", [
+const rt = F("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" }]
@@ -301,7 +302,7 @@ const at = S("user-check", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ye = S("user", [
+const be = F("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" }]
 ]);
@@ -311,7 +312,7 @@ const ye = S("user", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const lt = S("video", [
+const dt = F("video", [
   [
     "path",
     {
@@ -327,234 +328,234 @@ const lt = S("video", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ve = S("x", [
+const xe = F("x", [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-]), it = { class: "border-t pt-3 mt-4" }, rt = { class: "flex gap-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 space-y-2" }, ut = { class: "flex justify-between items-center" }, pt = { class: "flex gap-2" }, mt = ["disabled"], je = /* @__PURE__ */ V({
+]), ct = { class: "border-t pt-3 mt-4" }, ut = { class: "flex gap-2" }, pt = { class: "relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200" }, mt = { class: "flex-1 space-y-2" }, gt = { class: "flex justify-between items-center" }, ht = { class: "flex gap-2" }, ft = ["disabled"], Ae = /* @__PURE__ */ H({
   __name: "CommentInputZone",
   props: {
     isReply: { type: Boolean, required: !1, default: !1 },
     isReplyModifiers: {}
   },
-  emits: /* @__PURE__ */ se(["sendComment"], ["update:isReply"]),
-  setup(c, { emit: l }) {
-    const s = ge(c, "isReply"), n = M(""), o = l, f = () => {
+  emits: /* @__PURE__ */ oe(["sendComment"], ["update:isReply"]),
+  setup(d, { emit: l }) {
+    const s = fe(d, "isReply"), n = T(""), o = l, h = () => {
       n.value.trim() && (o("sendComment", n.value), n.value = "");
-    }, r = (v) => {
-      (v.ctrlKey || v.metaKey) && v.key === "Enter" && (v.preventDefault(), f());
+    }, r = (y) => {
+      (y.ctrlKey || y.metaKey) && y.key === "Enter" && (y.preventDefault(), h());
     };
-    return (v, g) => (t(), a("div", it, [
-      e("div", rt, [
-        e("span", dt, [
-          z(D(ye), { class: "h-3 w-3 text-gray-500" })
+    return (y, m) => (t(), a("div", ct, [
+      e("div", ut, [
+        e("span", pt, [
+          V(I(be), { class: "h-3 w-3 text-gray-500" })
         ]),
-        e("div", ct, [
-          R(e("textarea", {
-            "onUpdate:modelValue": g[0] || (g[0] = (k) => n.value = k),
+        e("div", mt, [
+          U(e("textarea", {
+            "onUpdate:modelValue": m[0] || (m[0] = (k) => n.value = k),
             onKeydown: r,
             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), [
-            [he, n.value]
+            [ye, n.value]
           ]),
-          e("div", ut, [
-            g[4] || (g[4] = e("span", { class: "text-xs text-gray-500 hidden sm:inline" }, "Cmd+Enter to send", -1)),
-            e("div", pt, [
+          e("div", gt, [
+            m[4] || (m[4] = e("span", { class: "text-xs text-gray-500 hidden sm:inline" }, "Cmd+Enter to send", -1)),
+            e("div", ht, [
               s.value ? (t(), a("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: g[1] || (g[1] = (k) => s.value = !1)
+                onClick: m[1] || (m[1] = (k) => s.value = !1)
               }, [
-                z(D(ve), { class: "h-3 w-3" }),
-                g[2] || (g[2] = O(" Cancel ", -1))
-              ])) : $("", !0),
+                V(I(xe), { class: "h-3 w-3" }),
+                m[2] || (m[2] = B(" Cancel ", -1))
+              ])) : C("", !0),
               e("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: !n.value.trim(),
-                onClick: f
+                onClick: h
               }, [
-                z(D(De), { class: "h-3 w-3 mr-1" }),
-                g[3] || (g[3] = O(" Send ", -1))
-              ], 8, mt)
+                V(I(ze), { class: "h-3 w-3 mr-1" }),
+                m[3] || (m[3] = B(" Send ", -1))
+              ], 8, ft)
             ])
           ])
         ])
       ])
     ]));
   }
-}), gt = { class: "z-50 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md w-32 outline-none pointer-events-auto" }, ht = /* @__PURE__ */ V({
+}), yt = { class: "z-50 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md w-32 outline-none pointer-events-auto" }, vt = /* @__PURE__ */ H({
   __name: "CommentDetails",
   props: {
     showMoreOptions: { type: Boolean, required: !0, default: !1 },
     showMoreOptionsModifiers: {}
   },
-  emits: /* @__PURE__ */ se(["edit", "delete"], ["update:showMoreOptions"]),
-  setup(c, { emit: l }) {
-    const s = l, n = ge(c, "showMoreOptions"), o = M(), f = M(!0), r = async (k) => {
-      n.value && o.value && !o.value.contains(k.target) && !f.value && (n.value = !1), f.value = !1;
-    }, v = () => {
+  emits: /* @__PURE__ */ oe(["edit", "delete"], ["update:showMoreOptions"]),
+  setup(d, { emit: l }) {
+    const s = l, n = fe(d, "showMoreOptions"), o = T(), h = T(!0), r = async (k) => {
+      n.value && o.value && !o.value.contains(k.target) && !h.value && (n.value = !1), h.value = !1;
+    }, y = () => {
       n.value = !1, s("edit");
-    }, g = () => {
+    }, m = () => {
       n.value = !1, s("delete");
     };
-    return ee(() => {
+    return se(() => {
       document.addEventListener("click", r);
-    }), Ce(() => {
+    }), Le(() => {
       document.removeEventListener("click", r);
-    }), (k, x) => (t(), a("div", {
+    }), (k, b) => (t(), a("div", {
       class: "absolute bg-white left-0 top-full transform min-w-max z-50",
       ref_key: "moreOptionsRef",
       ref: o
     }, [
-      e("div", gt, [
+      e("div", yt, [
         e("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: v
+          onClick: y
         }, [
-          z(D(ot), { class: "h-3 w-3 mr-2" }),
-          x[0] || (x[0] = O(" Edit ", -1))
+          V(I(it), { class: "h-3 w-3 mr-2" }),
+          b[0] || (b[0] = B(" Edit ", -1))
         ]),
         e("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: g
+          onClick: m
         }, [
-          z(D(fe), { class: "h-3 w-3 mr-2" }),
-          x[1] || (x[1] = O(" Delete ", -1))
+          V(I(ve), { class: "h-3 w-3 mr-2" }),
+          b[1] || (b[1] = B(" Delete ", -1))
         ])
       ])
     ], 512));
   }
-}), ft = { class: "space-y-2" }, yt = { class: "relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200" }, vt = { class: "flex-1 min-w-0 space-y-1 relative" }, bt = { class: "flex items-center gap-2" }, xt = { class: "font-medium text-xs" }, kt = { class: "text-xs text-gray-500" }, _t = {
+}), bt = { class: "space-y-2" }, xt = { class: "relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200" }, kt = { class: "flex-1 min-w-0 space-y-1 relative" }, _t = { class: "flex items-center gap-2" }, wt = { class: "font-medium text-xs" }, $t = { class: "text-xs text-gray-500" }, Ct = {
   key: 0,
   class: "text-xs text-gray-700 leading-relaxed"
-}, wt = { class: "flex justify-between text-xs" }, $t = { class: "flex items-center gap-2" }, Ct = {
+}, Mt = { class: "flex justify-between text-xs" }, Lt = { class: "flex items-center gap-2" }, Tt = {
   key: 0,
   class: "flex gap-2"
-}, Lt = ["disabled"], Mt = {
+}, Dt = ["disabled"], jt = {
   key: 0,
   class: "ml-8 space-y-1 border-l-2 border-gray-100 pl-3"
-}, Tt = /* @__PURE__ */ V({
+}, It = /* @__PURE__ */ H({
   __name: "CommentItem",
   props: {
     comment: {},
     isInside: { type: Boolean }
   },
   emits: ["like", "reply", "edit", "delete"],
-  setup(c, { emit: l }) {
-    const s = l, n = c, o = M(n.comment.text), f = M("w-full p-2 rounded text-xs resize-none bg-transparent outline-none"), r = M("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"), v = M(!1), g = M(!1), k = M(!1), x = M(!1), m = (i) => {
-      const p = /* @__PURE__ */ new Date(), u = Math.floor(
-        (p.getTime() - i.getTime()) / (1e3 * 60 * 60)
+  setup(d, { emit: l }) {
+    const s = l, n = d, o = T(n.comment.text), h = T("w-full p-2 rounded text-xs resize-none bg-transparent outline-none"), r = T("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 = T(!1), m = T(!1), k = T(!1), b = T(!1), p = (i) => {
+      const u = /* @__PURE__ */ new Date(), c = Math.floor(
+        (u.getTime() - i.getTime()) / (1e3 * 60 * 60)
       );
-      return u < 1 ? `${Math.floor(
-        (p.getTime() - i.getTime()) / 6e4
-      )}m` : u < 24 ? `${u}h` : `${Math.floor(u / 24)}d`;
-    }, b = () => {
-      x.value = !x.value, x.value ? s("like", n.comment.id, "add") : s("like", n.comment.id, "delete");
-    }, F = () => {
+      return c < 1 ? `${Math.floor(
+        (u.getTime() - i.getTime()) / 6e4
+      )}m` : c < 24 ? `${c}h` : `${Math.floor(c / 24)}d`;
+    }, v = () => {
+      b.value = !b.value, b.value ? s("like", n.comment.id, "add") : s("like", n.comment.id, "delete");
+    }, O = () => {
       s("edit", n.comment.id, o.value), k.value = !1;
-    }, w = (i, p) => {
-      s("like", i, p);
-    }, C = (i, p) => {
-      s("edit", i, p);
+    }, w = (i, u) => {
+      s("like", i, u);
+    }, M = (i, u) => {
+      s("edit", i, u);
     };
-    return (i, p) => {
-      const u = ne("CommentItem", !0);
-      return t(), a("div", ft, [
+    return (i, u) => {
+      const c = ae("CommentItem", !0);
+      return t(), a("div", bt, [
         e("div", {
-          class: I(["group flex gap-2 p-2 rounded hover:bg-gray-50 transition-colors relative", k.value ? "bg-gray-50" : ""])
+          class: z(["group flex gap-2 p-2 rounded hover:bg-gray-50 transition-colors relative", k.value ? "bg-gray-50" : ""])
         }, [
-          e("span", yt, [
-            z(D(ye), { class: "h-3 w-3 text-gray-500" })
+          e("span", xt, [
+            V(I(be), { class: "h-3 w-3 text-gray-500" })
           ]),
-          e("div", vt, [
-            e("div", bt, [
-              e("span", xt, _(i.comment?.author), 1),
-              e("span", kt, _(m(i.comment?.createdAt)), 1)
+          e("div", kt, [
+            e("div", _t, [
+              e("span", wt, _(i.comment?.author), 1),
+              e("span", $t, _(p(i.comment?.createdAt)), 1)
             ]),
-            k.value ? R((t(), a("textarea", {
+            k.value ? U((t(), a("textarea", {
               key: 1,
-              "onUpdate:modelValue": p[0] || (p[0] = (h) => o.value = h),
-              class: I(k.value ? r.value : f.value)
+              "onUpdate:modelValue": u[0] || (u[0] = (g) => o.value = g),
+              class: z(k.value ? r.value : h.value)
             }, null, 2)), [
-              [he, o.value]
-            ]) : (t(), a("p", _t, _(i.comment?.text), 1)),
-            e("div", wt, [
-              e("div", $t, [
+              [ye, o.value]
+            ]) : (t(), a("p", Ct, _(i.comment?.text), 1)),
+            e("div", Mt, [
+              e("div", Lt, [
                 e("button", {
-                  class: I(["flex items-center gap-1", x.value ? "text-blue-600" : "text-gray-500 hover:text-blue-600 transition-colors"]),
-                  onClick: p[1] || (p[1] = (h) => b())
+                  class: z(["flex items-center gap-1", b.value ? "text-blue-600" : "text-gray-500 hover:text-blue-600 transition-colors"]),
+                  onClick: u[1] || (u[1] = (g) => v())
                 }, [
-                  z(D(Ye), {
-                    class: I(["h-3 w-3", x.value ? "fill-blue-600" : ""])
+                  V(I(st), {
+                    class: z(["h-3 w-3", b.value ? "fill-blue-600" : ""])
                   }, null, 8, ["class"]),
-                  O(" " + _(i.comment?.likes), 1)
+                  B(" " + _(i.comment?.likes), 1)
                 ], 2),
-                i.isInside ? $("", !0) : (t(), a("button", {
+                i.isInside ? C("", !0) : (t(), a("button", {
                   key: 0,
                   class: "text-gray-500 hover:text-blue-600 transition-colors",
-                  onClick: p[2] || (p[2] = (h) => g.value = !0)
+                  onClick: u[2] || (u[2] = (g) => m.value = !0)
                 }, [
-                  z(D(st), { class: "h-3 w-3" })
+                  V(I(at), { class: "h-3 w-3" })
                 ])),
                 e("button", {
                   class: "text-gray-400 hover:text-gray-600 transition-colors opacity-0 group-hover:opacity-100",
                   type: "button",
-                  onClick: p[3] || (p[3] = (h) => v.value = !0)
+                  onClick: u[3] || (u[3] = (g) => y.value = !0)
                 }, [
-                  z(D(Je), { class: "h-3 w-3" })
+                  V(I(Ye), { class: "h-3 w-3" })
                 ])
               ]),
-              k.value ? (t(), a("div", Ct, [
+              k.value ? (t(), a("div", Tt, [
                 e("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: p[4] || (p[4] = (h) => k.value = !1)
+                  onClick: u[4] || (u[4] = (g) => k.value = !1)
                 }, [
-                  z(D(ve), { class: "h-3 w-3" }),
-                  p[11] || (p[11] = O(" Cancel ", -1))
+                  V(I(xe), { class: "h-3 w-3" }),
+                  u[11] || (u[11] = B(" Cancel ", -1))
                 ]),
                 e("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: !o.value.trim(),
-                  onClick: p[5] || (p[5] = (h) => F())
+                  onClick: u[5] || (u[5] = (g) => O())
                 }, [
-                  z(D(De), { class: "h-3 w-3 mr-1" }),
-                  p[12] || (p[12] = O(" Send ", -1))
-                ], 8, Lt)
-              ])) : $("", !0)
+                  V(I(ze), { class: "h-3 w-3 mr-1" }),
+                  u[12] || (u[12] = B(" Send ", -1))
+                ], 8, Dt)
+              ])) : C("", !0)
             ])
           ]),
-          v.value ? (t(), H(ht, {
+          y.value ? (t(), S(vt, {
             key: 0,
-            showMoreOptions: v.value,
-            "onUpdate:showMoreOptions": p[6] || (p[6] = (h) => v.value = h),
-            onEdit: p[7] || (p[7] = (h) => k.value = !0),
-            onDelete: p[8] || (p[8] = (h) => i.$emit("delete", i.comment?.id)),
+            showMoreOptions: y.value,
+            "onUpdate:showMoreOptions": u[6] || (u[6] = (g) => y.value = g),
+            onEdit: u[7] || (u[7] = (g) => k.value = !0),
+            onDelete: u[8] || (u[8] = (g) => i.$emit("delete", i.comment?.id)),
             comment: i.comment
-          }, null, 8, ["showMoreOptions", "comment"])) : $("", !0)
+          }, null, 8, ["showMoreOptions", "comment"])) : C("", !0)
         ], 2),
-        i.isInside ? $("", !0) : (t(), a("div", Mt, [
-          (t(!0), a(T, null, j(i.comment?.replies, (h) => (t(), H(u, {
-            key: h.id,
-            comment: h,
+        i.isInside ? C("", !0) : (t(), a("div", jt, [
+          (t(!0), a(j, null, A(i.comment?.replies, (g) => (t(), S(c, {
+            key: g.id,
+            comment: g,
             isInside: !0,
-            onDelete: (y) => i.$emit("delete", h.id),
+            onDelete: ($) => i.$emit("delete", g.id),
             onLike: w,
-            onEdit: C
+            onEdit: M
           }, null, 8, ["comment", "onDelete"]))), 128)),
-          g.value && !i.isInside ? (t(), H(je, {
+          m.value && !i.isInside ? (t(), S(Ae, {
             key: 0,
-            onSendComment: p[9] || (p[9] = (h) => i.$emit("reply", i.comment?.id, h)),
-            isReply: g.value,
-            "onUpdate:isReply": p[10] || (p[10] = (h) => g.value = h)
-          }, null, 8, ["isReply"])) : $("", !0)
+            onSendComment: u[9] || (u[9] = (g) => i.$emit("reply", i.comment?.id, g)),
+            isReply: m.value,
+            "onUpdate:isReply": u[10] || (u[10] = (g) => m.value = g)
+          }, null, 8, ["isReply"])) : C("", !0)
         ]))
       ]);
     };
   }
-}), Dt = ["id"], jt = {
+}), zt = ["id"], At = {
   key: 0,
   class: "text-xl font-semibold text-gray-900 mb-4"
-}, ie = /* @__PURE__ */ V({
+}, de = /* @__PURE__ */ H({
   __name: "CommentsWidget",
   props: {
     title: {},
@@ -570,101 +571,101 @@ const ve = S("x", [
     style: {}
   },
   emits: ["add", "reply", "like", "delete", "edit"],
-  setup(c, { emit: l }) {
-    const s = c, n = l, o = M(s.comments ?? []);
-    async function f() {
+  setup(d, { emit: l }) {
+    const s = d, n = l, o = T(s.comments ?? []);
+    async function h() {
       if (!s.id) return;
-      const m = await fetch(`/api/widget/comment/${s.id}`).then((b) => b.json());
-      o.value = m.rows.map((b) => ({
-        id: b.communication_id,
-        author: b.username,
-        text: b.body,
-        createdAt: new Date(b.cdate)
+      const p = await fetch(`/api/widget/comment/${s.id}`).then((v) => v.json());
+      o.value = p.rows.map((v) => ({
+        id: v.communication_id,
+        author: v.username,
+        text: v.body,
+        createdAt: new Date(v.cdate)
       }));
     }
-    o.value.length === 0 && f();
-    const r = async (m) => {
-      s.onAddComment ? s.onAddComment(m) : s.id && (await fetch(`/api/widget/comment/${s.id}`, {
+    o.value.length === 0 && h();
+    const r = async (p) => {
+      s.onAddComment ? s.onAddComment(p) : s.id && (await fetch(`/api/widget/comment/${s.id}`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ body: m })
-      }), await f()), n("add", m);
-    }, v = (m, b) => {
-      s?.onLike?.(m, b), n("like", m, b);
-    }, g = (m, b) => {
-      s.onReply?.(m, b), n("reply", m, b);
-    }, k = async (m, b) => {
-      s.onEdit ? s.onEdit(m, b) : s.id && (await fetch(`/api/widget/comment/${s.id}/${m}`, {
+        body: JSON.stringify({ body: p })
+      }), await h()), n("add", p);
+    }, y = (p, v) => {
+      s?.onLike?.(p, v), n("like", p, v);
+    }, m = (p, v) => {
+      s.onReply?.(p, v), n("reply", p, v);
+    }, k = async (p, v) => {
+      s.onEdit ? s.onEdit(p, v) : s.id && (await fetch(`/api/widget/comment/${s.id}/${p}`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ body: b })
-      }), await f()), n("edit", m, b);
-    }, x = async (m) => {
-      s.onDelete ? s.onDelete(m) : s.id && (await fetch(`/api/widget/comment/${s.id}/${m}`, {
+        body: JSON.stringify({ body: v })
+      }), await h()), n("edit", p, v);
+    }, b = async (p) => {
+      s.onDelete ? s.onDelete(p) : s.id && (await fetch(`/api/widget/comment/${s.id}/${p}`, {
         method: "DELETE"
-      }), await f()), n("delete", m);
+      }), await h()), n("delete", p);
     };
-    return (m, b) => (t(), a("div", {
-      class: I(["mx-auto font-sans", m.className]),
-      id: m.id,
-      style: J(m.style)
+    return (p, v) => (t(), a("div", {
+      class: z(["mx-auto font-sans", p.className]),
+      id: p.id,
+      style: Q(p.style)
     }, [
-      m.title ? (t(), a("h3", jt, _(m.title), 1)) : $("", !0),
+      p.title ? (t(), a("h3", At, _(p.title), 1)) : C("", !0),
       e("div", {
-        class: I([m.maxHeight ? "overflow-y-auto" : "", "space-y-3"]),
-        style: J({ maxHeight: m.maxHeight + "px" })
+        class: z([p.maxHeight ? "overflow-y-auto" : "", "space-y-3"]),
+        style: Q({ maxHeight: p.maxHeight + "px" })
       }, [
-        (t(!0), a(T, null, j(o.value, (F) => (t(), H(Tt, {
-          key: F.id,
-          comment: F,
-          onReply: g,
-          onLike: v,
-          onDelete: b[0] || (b[0] = (w) => x(w)),
+        (t(!0), a(j, null, A(o.value, (O) => (t(), S(It, {
+          key: O.id,
+          comment: O,
+          onReply: m,
+          onLike: y,
+          onDelete: v[0] || (v[0] = (w) => b(w)),
           onEdit: k
         }, null, 8, ["comment"]))), 128))
       ], 6),
-      z(je, {
-        onSendComment: b[1] || (b[1] = (F) => r(F))
+      V(Ae, {
+        onSendComment: v[1] || (v[1] = (O) => r(O))
       })
-    ], 14, Dt));
+    ], 14, zt));
   }
-}), $e = /* @__PURE__ */ new Map([
+}), Me = /* @__PURE__ */ new Map([
   ["file", {
     name: "File",
     color: "bg-green-100 text-green-700 border-green-200",
-    icon: Z
+    icon: X
   }],
   ["post", {
     name: "Post",
     color: "bg-blue-100 text-blue-700 border-blue-200",
-    icon: nt
+    icon: lt
   }],
   ["user", {
     name: "User",
     color: "bg-purple-100 text-purple-700 border-purple-200",
-    icon: at
+    icon: rt
   }],
   ["custom", {
     name: "Custom",
     color: "bg-gray-100 text-gray-700 border-gray-200",
-    icon: et
+    icon: nt
   }]
-]), It = { class: "mx-auto font-sans" }, At = {
+]), Vt = { class: "mx-auto font-sans" }, Et = {
   key: 0,
   class: "text-xl font-semibold text-gray-900 mb-4"
-}, zt = { class: "relative" }, Vt = { class: "space-y-3" }, Et = { class: "flex-1 min-w-0 pb-2" }, Ht = { class: "flex items-center gap-1.5 mb-1 mt-0.5" }, St = { class: "relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200" }, Ft = { class: "font-medium text-xs" }, Ot = { class: "text-xs text-gray-500" }, Nt = { class: "space-y-1" }, Pt = { class: "text-xs text-gray-700" }, Bt = { class: "capitalize mr-1" }, Wt = {
+}, Ht = { class: "relative" }, St = { class: "space-y-3" }, Ft = { class: "flex-1 min-w-0 pb-2" }, Ot = { class: "flex items-center gap-1.5 mb-1 mt-0.5" }, Bt = { class: "relative flex items-center justify-center shrink-0 overflow-hidden rounded-full h-5 w-5 bg-gray-200" }, Pt = { class: "font-medium text-xs" }, Nt = { class: "text-xs text-gray-500" }, Wt = { class: "space-y-1" }, Rt = { class: "text-xs text-gray-700" }, Ut = { class: "capitalize mr-1" }, Gt = {
   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"
-}, Rt = {
+}, qt = {
   key: 0,
   class: "flex items-center gap-1 text-xs"
-}, Ut = {
+}, Zt = {
   key: 0,
   class: "bg-red-50 text-red-600 px-1.5 py-0.5 rounded text-xs border border-red-200"
-}, Gt = {
+}, Kt = {
   key: 2,
   class: "bg-green-50 text-green-600 px-1.5 py-0.5 rounded text-xs border border-green-200"
-}, re = /* @__PURE__ */ V({
+}, ce = /* @__PURE__ */ H({
   __name: "HistoryWidget",
   props: {
     data: {},
@@ -674,57 +675,57 @@ const ve = S("x", [
     className: {},
     style: {}
   },
-  setup(c) {
-    const l = c, s = M(Array.isArray(l.data) ? l.data : []);
+  setup(d) {
+    const l = d, s = T(Array.isArray(l.data) ? l.data : []);
     s.value.length === 0 && l.id && n();
     async function n() {
       const o = await fetch(`/api/widget/history/${l.id}`);
       if (!o.ok)
         return { data: [] };
-      const f = await o.json();
-      f.rows.forEach((r) => {
+      const h = await o.json();
+      h.rows.forEach((r) => {
         r.timestamp = new Date(r.cdate), r.id = r.entity_id, r.entityType = r.entity_type, r.entityId = r.entity_id, r.action = r.change_type, r.userId = r.change_user_id, r.userName = r.username, r.timestamp = new Date(r.cdate), r.description = r.username, r.status = r.username;
-      }), s.value = f.rows;
+      }), s.value = h.rows;
     }
-    return (o, f) => (t(), a("div", It, [
-      o.title ? (t(), a("h3", At, _(o.title), 1)) : $("", !0),
+    return (o, h) => (t(), a("div", Vt, [
+      o.title ? (t(), a("h3", Et, _(o.title), 1)) : C("", !0),
       e("div", {
-        class: I(o.maxHeight ? "overflow-y-auto" : ""),
-        style: J({ maxHeight: o.maxHeight + "px" })
+        class: z(o.maxHeight ? "overflow-y-auto" : ""),
+        style: Q({ maxHeight: o.maxHeight + "px" })
       }, [
-        e("div", zt, [
-          f[0] || (f[0] = e("div", { class: "absolute left-3 top-0 bottom-0 w-0.5 bg-gray-200" }, null, -1)),
-          e("div", Vt, [
-            (t(!0), a(T, null, j(s.value, (r) => (t(), a("div", {
+        e("div", Ht, [
+          h[0] || (h[0] = e("div", { class: "absolute left-3 top-0 bottom-0 w-0.5 bg-gray-200" }, null, -1)),
+          e("div", St, [
+            (t(!0), a(j, null, A(s.value, (r) => (t(), a("div", {
               class: "relative flex items-start gap-2",
               key: r?.id
             }, [
               e("div", {
-                class: I(`flex-shrink-0 w-6 h-6 rounded-full flex items-center justify-center border bg-white relative z-10 ${D($e).get(r?.entityType)?.color}`)
+                class: z(`flex-shrink-0 w-6 h-6 rounded-full flex items-center justify-center border bg-white relative z-10 ${I(Me).get(r?.entityType)?.color}`)
               }, [
-                (t(), H(B(D($e).get(r?.entityType)?.icon), { class: "h-3 w-3" }))
+                (t(), S(W(I(Me).get(r?.entityType)?.icon), { class: "h-3 w-3" }))
               ], 2),
-              e("div", Et, [
-                e("div", Ht, [
-                  e("span", St, [
-                    z(D(ye), { class: "h-3 w-3 text-gray-500" })
+              e("div", Ft, [
+                e("div", Ot, [
+                  e("span", Bt, [
+                    V(I(be), { class: "h-3 w-3 text-gray-500" })
                   ]),
-                  e("span", Ft, _(r?.userName), 1),
-                  e("span", Ot, _(r?.timestamp.toLocaleTimeString("ua-UA", { hour: "2-digit", minute: "2-digit" })), 1)
+                  e("span", Pt, _(r?.userName), 1),
+                  e("span", Nt, _(r?.timestamp.toLocaleTimeString("ua-UA", { hour: "2-digit", minute: "2-digit" })), 1)
                 ]),
-                e("div", Nt, [
-                  e("div", Pt, [
-                    e("span", Bt, _(r?.action), 1),
-                    r?.entityId ? (t(), a("span", Wt, _(r?.entityId), 1)) : $("", !0)
+                e("div", Wt, [
+                  e("div", Rt, [
+                    e("span", Ut, _(r?.action), 1),
+                    r?.entityId ? (t(), a("span", Gt, _(r?.entityId), 1)) : C("", !0)
                   ]),
-                  r?.changes?.[r?.entityId] ? (t(), a("div", Rt, [
-                    r?.changes?.[r?.entityId]?.old ? (t(), a("span", Ut, _(r?.changes?.[r?.entityId]?.old), 1)) : $("", !0),
-                    r?.changes?.[r?.entityId]?.old && r?.changes?.[r?.entityId]?.new ? (t(), H(D(Ke), {
+                  r?.changes?.[r?.entityId] ? (t(), a("div", qt, [
+                    r?.changes?.[r?.entityId]?.old ? (t(), a("span", Zt, _(r?.changes?.[r?.entityId]?.old), 1)) : C("", !0),
+                    r?.changes?.[r?.entityId]?.old && r?.changes?.[r?.entityId]?.new ? (t(), S(I(Xe), {
                       key: 1,
                       class: "h-2 w-2 text-gray-400"
-                    })) : $("", !0),
-                    r?.changes?.[r?.entityId]?.new ? (t(), a("span", Gt, _(r?.changes?.[r?.entityId]?.new), 1)) : $("", !0)
-                  ])) : $("", !0)
+                    })) : C("", !0),
+                    r?.changes?.[r?.entityId]?.new ? (t(), a("span", Kt, _(r?.changes?.[r?.entityId]?.new), 1)) : C("", !0)
+                  ])) : C("", !0)
                 ])
               ])
             ]))), 128))
@@ -733,209 +734,209 @@ const ve = S("x", [
       ], 6)
     ]));
   }
-}), qt = {
+}), Jt = {
   key: 0,
   class: "text-xl font-semibold"
-}, Kt = { class: "flex gap-1" }, Zt = { 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" }, Jt = /* @__PURE__ */ V({
+}, Xt = { class: "flex gap-1" }, Qt = { 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" }, Yt = /* @__PURE__ */ H({
   __name: "FileHeader",
-  props: /* @__PURE__ */ se({
+  props: /* @__PURE__ */ oe({
     title: {}
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ se(["onAddFile"], ["update:modelValue"]),
-  setup(c) {
-    const l = ge(c, "modelValue"), s = {
+  emits: /* @__PURE__ */ oe(["onAddFile"], ["update:modelValue"]),
+  setup(d) {
+    const l = fe(d, "modelValue"), s = {
       active: "bg-blue-100 text-black hover:bg-blue-100",
       inactive: "bg-white text-black hover:bg-blue-100"
     };
     return (n, o) => (t(), a("div", {
-      class: I(["flex flex-col sm:flex-row gap-3 mb-4", n.title ? "justify-between sm:items-center" : "justify-end sm:items-center"])
+      class: z(["flex flex-col sm:flex-row gap-3 mb-4", n.title ? "justify-between sm:items-center" : "justify-end sm:items-center"])
     }, [
-      n.title ? (t(), a("h3", qt, _(n.title), 1)) : $("", !0),
-      e("div", Kt, [
+      n.title ? (t(), a("h3", Jt, _(n.title), 1)) : C("", !0),
+      e("div", Xt, [
         e("button", {
-          class: I(["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" ? s.active : s.inactive]),
-          onClick: o[0] || (o[0] = (f) => l.value = "list")
+          class: z(["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" ? s.active : s.inactive]),
+          onClick: o[0] || (o[0] = (h) => l.value = "list")
         }, [
-          z(D(tt), { class: "h-4 w-4" })
+          V(I(ot), { class: "h-4 w-4" })
         ], 2),
         e("button", {
-          class: I(["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" ? s.active : s.inactive]),
-          onClick: o[1] || (o[1] = (f) => l.value = "grid")
+          class: z(["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" ? s.active : s.inactive]),
+          onClick: o[1] || (o[1] = (h) => l.value = "grid")
         }, [
-          z(D(Qe), { class: "h-4 w-4" })
+          V(I(tt), { class: "h-4 w-4" })
         ], 2),
         e("label", null, [
           e("input", {
             type: "file",
             class: "hidden",
-            onChange: o[2] || (o[2] = (f) => n.$emit("onAddFile", f))
+            onChange: o[2] || (o[2] = (h) => n.$emit("onAddFile", h))
           }, null, 32),
-          e("div", Zt, [
-            z(D(Te), { class: "h-4 w-4" }),
-            o[3] || (o[3] = O(" Додати файл ", -1))
+          e("div", Qt, [
+            V(I(Ie), { class: "h-4 w-4" }),
+            o[3] || (o[3] = B(" Додати файл ", -1))
           ])
         ])
       ])
     ], 2));
   }
-}), ae = {
+}), ie = {
   pdf: {
     color: "bg-red-100 text-red-700 border-red-200",
-    icon: Z,
+    icon: X,
     label: "PDF"
   },
   sketch: {
     color: "bg-gray-100 text-gray-700 border-gray-200",
-    icon: Xe,
+    icon: et,
     label: "SKETCH"
   },
   mp4: {
     color: "bg-purple-100 text-purple-700 border-purple-200",
-    icon: lt,
+    icon: dt,
     label: "VIDEO"
   },
   docx: {
     color: "bg-blue-100 text-blue-700 border-blue-200",
-    icon: Z,
+    icon: X,
     label: "DOC"
   },
   zip: {
     color: "bg-orange-100 text-orange-700 border-orange-200",
-    icon: qe,
+    icon: Je,
     label: "ARCHIVE"
   },
   png: {
     color: "bg-green-100 text-green-700 border-green-200",
-    icon: we,
+    icon: Ce,
     label: "IMAGE"
   },
   jpg: {
     color: "bg-green-100 text-green-700 border-green-200",
-    icon: we,
+    icon: Ce,
     label: "IMAGE"
   },
   xlsx: {
     color: "bg-emerald-100 text-emerald-700 border-emerald-200",
-    icon: Z,
+    icon: X,
     label: "EXCEL"
   },
   pptx: {
     color: "bg-amber-100 text-amber-700 border-amber-200",
-    icon: Z,
+    icon: X,
     label: "PPT"
   }
 };
-function Ie(c, l = "en") {
+function Ve(d, l = "en") {
   const s = {
     month: "short",
     day: "numeric"
   };
-  return new Intl.DateTimeFormat(l, s).format(c);
+  return new Intl.DateTimeFormat(l, s).format(d);
 }
-function Ae(c) {
-  if (c === 0) return "0 B";
-  const l = 1024, s = ["B", "KB", "MB", "GB", "TB"], n = Math.floor(Math.log(c) / Math.log(l));
-  return `${parseFloat((c / Math.pow(l, n)).toFixed(1))} ${s[n]}`;
+function Ee(d) {
+  if (d === 0) return "0 B";
+  const l = 1024, s = ["B", "KB", "MB", "GB", "TB"], n = Math.floor(Math.log(d) / Math.log(l));
+  return `${parseFloat((d / Math.pow(l, n)).toFixed(1))} ${s[n]}`;
 }
-const Xt = { class: "space-y-0.5" }, Qt = ["onClick"], Yt = ["onClick"], es = { class: "flex items-center gap-2" }, ts = { class: "font-medium text-xs truncate hover:text-blue-600 cursor-pointer" }, ss = { class: "hidden sm:block text-xs text-gray-500 w-16 text-right" }, ns = { class: "hidden md:block text-xs text-gray-500 w-12 text-right" }, os = { class: "flex items-center gap-1" }, as = ["onClick"], ls = ["onClick"], is = /* @__PURE__ */ V({
+const es = { class: "space-y-0.5" }, ts = ["onClick"], ss = ["onClick"], ns = { class: "flex items-center gap-2" }, os = { class: "font-medium text-xs truncate hover:text-blue-600 cursor-pointer" }, as = { class: "hidden sm:block text-xs text-gray-500 w-16 text-right" }, ls = { class: "hidden md:block text-xs text-gray-500 w-12 text-right" }, is = { class: "flex items-center gap-1" }, rs = ["onClick"], ds = ["onClick"], cs = /* @__PURE__ */ H({
   __name: "FileList",
   props: {
     files: {}
   },
   emits: ["delete", "download", "openLightbox"],
-  setup(c) {
-    return (l, s) => (t(), a("div", Xt, [
-      (t(!0), a(T, null, j(l.files, (n) => (t(), a("div", {
+  setup(d) {
+    return (l, s) => (t(), a("div", es, [
+      (t(!0), a(j, null, A(l.files, (n) => (t(), a("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: n.id,
-        onClick: U((o) => l.$emit("openLightbox", n), ["stop"])
+        onClick: Z((o) => l.$emit("openLightbox", n), ["stop"])
       }, [
         e("div", {
-          class: I(["p-1 rounded", D(ae)[n?.ext]?.color || "bg-blue-100 text-blue-700 border-blue-200"])
+          class: z(["p-1 rounded", I(ie)[n?.ext]?.color || "bg-blue-100 text-blue-700 border-blue-200"])
         }, [
-          (t(), H(B(D(ae)[n?.ext]?.icon || D(ae).pdf.icon), { class: "h-3 w-3" }))
+          (t(), S(W(I(ie)[n?.ext]?.icon || I(ie).pdf.icon), { class: "h-3 w-3" }))
         ], 2),
         e("div", {
           class: "flex-1 min-w-0",
           onClick: (o) => l.$emit("openLightbox", n)
         }, [
-          e("div", es, [
-            e("span", ts, _(n?.uploaded_name || n?.name), 1)
+          e("div", ns, [
+            e("span", os, _(n?.uploaded_name || n?.name), 1)
           ])
-        ], 8, Yt),
-        e("div", ss, _(D(Ae)(n.size)), 1),
-        e("div", ns, _(D(Ie)(n.createdAt)), 1),
-        e("div", os, [
+        ], 8, ss),
+        e("div", as, _(I(Ee)(n.size)), 1),
+        e("div", ls, _(I(Ve)(n.createdAt)), 1),
+        e("div", is, [
           e("button", {
-            onClick: U((o) => l.$emit("download", n), ["stop"]),
+            onClick: Z((o) => l.$emit("download", n), ["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"
           }, [
-            z(D(Me), { class: "h-3 w-3" })
-          ], 8, as),
+            V(I(je), { class: "h-3 w-3" })
+          ], 8, rs),
           e("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: U((o) => l.$emit("delete", o, n?.file_id), ["stop"])
+            onClick: Z((o) => l.$emit("delete", o, n?.file_id), ["stop"])
           }, [
-            z(D(fe), { class: "h-3 w-3" })
-          ], 8, ls)
+            V(I(ve), { class: "h-3 w-3" })
+          ], 8, ds)
         ])
-      ], 8, Qt))), 128))
+      ], 8, ts))), 128))
     ]));
   }
-}), rs = { class: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3" }, ds = ["onClick"], cs = { class: "space-y-2" }, us = { class: "flex justify-center items-center w-full aspect-[4/3] bg-gray-100 rounded overflow-hidden" }, ps = ["src"], ms = { class: "space-y-1" }, gs = ["title"], hs = { class: "text-xs text-gray-500 text-left" }, fs = { class: "absolute top-2 right-1 flex items-center gap-1" }, ys = ["onClick"], vs = ["onClick"], bs = /* @__PURE__ */ V({
+}), us = { class: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3" }, ps = ["onClick"], ms = { class: "space-y-2" }, gs = { class: "flex justify-center items-center w-full aspect-[4/3] bg-gray-100 rounded overflow-hidden" }, hs = ["src"], fs = { class: "space-y-1" }, ys = ["title"], vs = { class: "text-xs text-gray-500 text-left" }, bs = { class: "absolute top-2 right-1 flex items-center gap-1" }, xs = ["onClick"], ks = ["onClick"], _s = /* @__PURE__ */ H({
   __name: "FileGrid",
   props: {
     files: {}
   },
   emits: ["delete", "download", "openLightbox"],
-  setup(c) {
-    return (l, s) => (t(), a("div", rs, [
-      (t(!0), a(T, null, j(l.files, (n) => (t(), a("div", {
+  setup(d) {
+    return (l, s) => (t(), a("div", us, [
+      (t(!0), a(j, null, A(l.files, (n) => (t(), a("div", {
         key: n.id,
-        onClick: U((o) => l.$emit("openLightbox", n), ["stop"]),
+        onClick: Z((o) => l.$emit("openLightbox", n), ["stop"]),
         class: "group relative border rounded-lg p-2 hover:shadow-md transition-all bg-white hover:bg-gray-50 cursor-pointer"
       }, [
-        e("div", cs, [
-          e("div", us, [
+        e("div", ms, [
+          e("div", gs, [
             n.ext === "png" || n.ext === "jpg" || n.ext === "jpeg" || n.ext === "gif" || n.ext === "svg" || n.ext === "webp" ? (t(), a("img", {
               key: 0,
               src: `/file/resize?filepath=${n?.file_path}&w=500`,
               alt: "file",
               class: "w-full h-full object-cover"
-            }, null, 8, ps)) : (t(), H(D(Z), {
+            }, null, 8, hs)) : (t(), S(I(X), {
               key: 1,
               class: "h-10 w-10 text-gray-500"
             }))
           ]),
-          e("div", ms, [
+          e("div", fs, [
             e("h3", {
               class: "font-medium text-xs leading-tight text-left",
               title: n.uploaded_name || n.name
-            }, _(n.uploaded_name || n.name), 9, gs),
-            e("p", hs, _(D(Ie)(n.createdAt)) + ", " + _(D(Ae)(n.size)), 1)
+            }, _(n.uploaded_name || n.name), 9, ys),
+            e("p", vs, _(I(Ve)(n.createdAt)) + ", " + _(I(Ee)(n.size)), 1)
           ])
         ]),
-        e("div", fs, [
+        e("div", bs, [
           e("button", {
-            onClick: U((o) => l.$emit("download", n), ["stop"]),
+            onClick: Z((o) => l.$emit("download", n), ["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"
           }, [
-            z(D(Me), { class: "h-3 w-3" })
-          ], 8, ys),
+            V(I(je), { class: "h-3 w-3" })
+          ], 8, xs),
           e("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: U((o) => l.$emit("delete", o, n?.file_id), ["stop"])
+            onClick: Z((o) => l.$emit("delete", o, n?.file_id), ["stop"])
           }, [
-            z(D(fe), { class: "h-3 w-3" })
-          ], 8, vs)
+            V(I(ve), { class: "h-3 w-3" })
+          ], 8, ks)
         ])
-      ], 8, ds))), 128))
+      ], 8, ps))), 128))
     ]));
   }
-}), xs = { class: "mx-auto font-sans" }, ks = { key: 1 }, de = /* @__PURE__ */ V({
+}), ws = { class: "mx-auto font-sans" }, $s = { key: 1 }, ue = /* @__PURE__ */ H({
   __name: "FilesWidget",
   props: {
     title: {},
@@ -949,128 +950,128 @@ const Xt = { class: "space-y-0.5" }, Qt = ["onClick"], Yt = ["onClick"], es = {
     onDelete: {}
   },
   emits: ["delete", "add", "openLightbox"],
-  setup(c, { emit: l }) {
-    const s = c, n = M(!1), o = M(null), f = M(!1), r = M(0), v = M(s.files ?? []), g = l;
-    v.value.length === 0 && p();
-    const k = (y, d) => {
-      o.value = d, n.value = !0;
-    }, x = () => {
+  setup(d, { emit: l }) {
+    const s = d, n = T(!1), o = T(null), h = T(!1), r = T(0), y = T(s.files ?? []), m = l;
+    y.value.length === 0 && u();
+    const k = ($, f) => {
+      o.value = f, n.value = !0;
+    }, b = () => {
       o.value && (w(o.value), o.value = null, n.value = !1);
-    }, m = N(() => Array.isArray(v.value) ? v.value.map((y) => y?.file_path) : []), b = (y) => {
-      const d = m.value.findIndex((A) => A === y.file_path);
-      d !== -1 && (f.value = !0, r.value = d);
-    }, F = (y) => {
-      s.onAddFile ? s.onAddFile(y) : u(y), g("add", y);
-    }, w = (y) => {
-      s.onDelete ? s.onDelete(y) : h(y), g("delete", y);
-    }, C = (y) => {
-      const d = document.createElement("a");
-      d.setAttribute("download", y?.uploaded_name || y?.name), d.href = y?.file_path || y?.path, d.click();
-    }, i = M("list");
-    async function p() {
+    }, p = P(() => Array.isArray(y.value) ? y.value.map(($) => $?.file_path) : []), v = ($) => {
+      const f = p.value.findIndex((E) => E === $.file_path);
+      f !== -1 && (h.value = !0, r.value = f);
+    }, O = ($) => {
+      s.onAddFile ? s.onAddFile($) : c($), m("add", $);
+    }, w = ($) => {
+      s.onDelete ? s.onDelete($) : g($), m("delete", $);
+    }, M = ($) => {
+      const f = document.createElement("a");
+      f.setAttribute("download", $?.uploaded_name || $?.name), f.href = $?.file_path || $?.path, f.click();
+    }, i = T("list");
+    async function u() {
       if (!s.id)
         return;
-      const y = await fetch(`/api/widget/file/${s.id}`).then((d) => d.json());
-      y.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.entityType = d.entity_type, 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;
-      }), v.value = y.rows;
+      const $ = await fetch(`/api/widget/file/${s.id}`).then((f) => f.json());
+      $.rows.forEach((f) => {
+        f.timestamp = new Date(f.cdate), f.id = f.entity_id, f.entityType = f.entity_type, f.entityId = f.entity_id, f.entityType = f.entity_type, f.action = f.change_type, f.userId = f.change_user_id, f.userName = f.username, f.timestamp = new Date(f.cdate), f.description = f.username, f.status = f.username;
+      }), y.value = $.rows;
     }
-    const u = async (y) => {
-      if (!(!y.target || !y.target.files || y.target.files.length === 0))
+    const c = async ($) => {
+      if (!(!$.target || !$.target.files || $.target.files.length === 0))
         try {
           await Promise.all(
-            Array.from(y.target.files).map(async (d) => {
-              const A = new FormData();
-              A.append("file", d);
-              const P = `/api/widget/file/${s.id}`, E = await fetch(P, {
+            Array.from($.target.files).map(async (f) => {
+              const E = new FormData();
+              E.append("file", f);
+              const x = `/api/widget/file/${s.id}`, D = await fetch(x, {
                 method: "POST",
-                body: A
+                body: E
               });
-              if (!E.ok)
-                throw new Error(`HTTP error! status: ${E.status}`);
-              return d;
+              if (!D.ok)
+                throw new Error(`HTTP error! status: ${D.status}`);
+              return f;
             })
-          ), await p();
-        } catch (d) {
-          console.error("Помилка при завантаженні файлів:", d);
+          ), await u();
+        } catch (f) {
+          console.error("Помилка при завантаженні файлів:", f);
         }
-    }, h = async (y) => {
+    }, g = async ($) => {
       try {
         await fetch(
-          `/api/widget/file/${s.id}/${y}`,
+          `/api/widget/file/${s.id}/${$}`,
           {
             method: "DELETE"
           }
-        ), await p();
-      } catch (d) {
-        console.error(d);
+        ), await u();
+      } catch (f) {
+        console.error(f);
       }
     };
-    return (y, d) => {
-      const A = ne("MessageBox"), P = ne("Lightbox");
-      return t(), a(T, null, [
-        e("div", xs, [
-          z(Jt, {
+    return ($, f) => {
+      const E = ae("MessageBox"), x = ae("Lightbox");
+      return t(), a(j, null, [
+        e("div", ws, [
+          V(Yt, {
             modelValue: i.value,
-            "onUpdate:modelValue": d[0] || (d[0] = (E) => i.value = E),
+            "onUpdate:modelValue": f[0] || (f[0] = (D) => i.value = D),
             title: s.title,
-            onOnAddFile: d[1] || (d[1] = (E) => F(E))
+            onOnAddFile: f[1] || (f[1] = (D) => O(D))
           }, null, 8, ["modelValue", "title"]),
-          v.value.length > 0 ? (t(), a("div", {
+          y.value.length > 0 ? (t(), a("div", {
             key: 0,
-            class: I(y.maxHeight ? "overflow-y-auto" : ""),
-            style: J({ maxHeight: y.maxHeight + "px" })
+            class: z($.maxHeight ? "overflow-y-auto" : ""),
+            style: Q({ maxHeight: $.maxHeight + "px" })
           }, [
-            i.value === "list" ? (t(), H(is, {
+            i.value === "list" ? (t(), S(cs, {
               key: 0,
               onDelete: k,
-              onDownload: C,
-              onOpenLightbox: d[2] || (d[2] = (E) => b(E)),
-              files: v.value
-            }, null, 8, ["files"])) : $("", !0),
-            i.value === "grid" ? (t(), H(bs, {
+              onDownload: M,
+              onOpenLightbox: f[2] || (f[2] = (D) => v(D)),
+              files: y.value
+            }, null, 8, ["files"])) : C("", !0),
+            i.value === "grid" ? (t(), S(_s, {
               key: 1,
               onDelete: k,
-              onDownload: C,
-              onOpenLightbox: d[3] || (d[3] = (E) => b(E)),
-              files: v.value
-            }, null, 8, ["files"])) : $("", !0)
-          ], 6)) : (t(), a("div", ks, d[6] || (d[6] = [
+              onDownload: M,
+              onOpenLightbox: f[3] || (f[3] = (D) => v(D)),
+              files: y.value
+            }, null, 8, ["files"])) : C("", !0)
+          ], 6)) : (t(), a("div", $s, f[6] || (f[6] = [
             e("div", { class: "flex items-center justify-center h-full" }, [
               e("p", { class: "text-gray-500 leading-[3]" }, "Файлів не знайдено")
             ], -1)
           ])))
         ]),
-        z(A, {
+        V(E, {
           modelValue: n.value,
-          "onUpdate:modelValue": d[4] || (d[4] = (E) => n.value = E),
-          onConfirm: x,
+          "onUpdate:modelValue": f[4] || (f[4] = (D) => n.value = D),
+          onConfirm: b,
           title: "Ви впевнені?",
           message: "Ви впевнені, що хочете видалити цей файл?",
           confirmButtonText: "Так, я впевнена/ий",
           cancelButtonText: "Скасувати"
         }, null, 8, ["modelValue"]),
-        z(P, {
-          modelValue: f.value,
-          "onUpdate:modelValue": d[5] || (d[5] = (E) => f.value = E),
-          images: m.value,
+        V(x, {
+          modelValue: h.value,
+          "onUpdate:modelValue": f[5] || (f[5] = (D) => h.value = D),
+          images: p.value,
           "start-index": r.value
         }, null, 8, ["modelValue", "images", "start-index"])
       ], 64);
     };
   }
-}), _s = {
+}), Cs = {
   key: 0,
   class: "image-wrapper h-full max-h-[400px]",
   id: "lightbox-gallery"
-}, ws = ["onClick"], $s = {
+}, Ms = ["onClick"], Ls = {
   key: 0,
   rel: "noreferrer",
   class: "relative block h-full w-full"
-}, Cs = ["src"], Ls = {
+}, Ts = ["src"], Ds = {
   key: 0,
   class: "thumb-cover"
-}, Ms = /* @__PURE__ */ V({
+}, js = /* @__PURE__ */ H({
   __name: "GalleryContent",
   props: {
     title: {},
@@ -1084,86 +1085,86 @@ const Xt = { class: "space-y-0.5" }, Qt = ["onClick"], Yt = ["onClick"], es = {
     style: {}
   },
   emits: ["delete"],
-  setup(c, { emit: l }) {
-    const s = l, n = M(!1), o = M(0), f = c, r = N(
-      () => Array.isArray(f.items) ? f.items.map((g) => g?.file_path) : []
-    ), v = (g) => {
+  setup(d, { emit: l }) {
+    const s = l, n = T(!1), o = T(0), h = d, r = P(
+      () => Array.isArray(h.items) ? h.items.map((m) => m?.file_path) : []
+    ), y = (m) => {
       const k = r.value.findIndex(
-        (x) => x === g.file_path
+        (b) => b === m.file_path
       );
       k !== -1 && (n.value = !0, o.value = k);
     };
-    return (g, k) => {
-      const x = ne("Lightbox");
-      return g.items?.length >= 1 ? (t(), a("div", _s, [
-        (t(!0), a(T, null, j(g.items, (m, b) => (t(), a("div", {
-          class: I(["h-full w-full image" + b, "cursor-pointer bg-teal-500 rounded-[3px]"]),
-          key: b,
-          onClick: U((F) => v(m), ["stop"])
+    return (m, k) => {
+      const b = ae("Lightbox");
+      return m.items?.length >= 1 ? (t(), a("div", Cs, [
+        (t(!0), a(j, null, A(m.items, (p, v) => (t(), a("div", {
+          class: z(["h-full w-full image" + v, "cursor-pointer bg-teal-500 rounded-[3px]"]),
+          key: v,
+          onClick: Z((O) => y(p), ["stop"])
         }, [
-          b < 5 ? (t(), a("div", $s, [
+          v < 5 ? (t(), a("div", Ls, [
             e("img", {
-              src: `/file/resize?filepath=${m?.file_path}&w=500`,
+              src: `/file/resize?filepath=${p?.file_path}&w=500`,
               alt: "alt",
               height: "auto",
               width: "100%",
-              class: I([
+              class: z([
                 "object-cover h-full w-full bg-gray-200 rounded-[3px]",
-                b === 0 ? "max-h-[411px]" : "max-h-[calc((411px-3px)/2)]"
+                v === 0 ? "max-h-[411px]" : "max-h-[calc((411px-3px)/2)]"
               ])
-            }, null, 10, Cs),
-            b === 4 && g.items?.length > 5 ? (t(), a("div", Ls, " +" + _(g.items?.length - 5), 1)) : $("", !0)
-          ])) : $("", !0)
-        ], 10, ws))), 128)),
-        (t(!0), a(T, null, j(Math.max(0, 5 - g.items.length), (m) => (t(), a("div", {
-          key: "empty-" + m,
-          class: I(["h-full w-full image" + (g.items.length + m - 1), "bg-gray-300 rounded-[3px]"])
+            }, null, 10, Ts),
+            v === 4 && m.items?.length > 5 ? (t(), a("div", Ds, " +" + _(m.items?.length - 5), 1)) : C("", !0)
+          ])) : C("", !0)
+        ], 10, Ms))), 128)),
+        (t(!0), a(j, null, A(Math.max(0, 5 - m.items.length), (p) => (t(), a("div", {
+          key: "empty-" + p,
+          class: z(["h-full w-full image" + (m.items.length + p - 1), "bg-gray-300 rounded-[3px]"])
         }, null, 2))), 128)),
-        z(x, {
+        V(b, {
           modelValue: n.value,
-          "onUpdate:modelValue": k[0] || (k[0] = (m) => n.value = m),
+          "onUpdate:modelValue": k[0] || (k[0] = (p) => n.value = p),
           images: r.value,
           "start-index": o.value,
           delete: "true",
           download: "true",
-          onDelete: k[1] || (k[1] = (m) => s("delete", m))
+          onDelete: k[1] || (k[1] = (p) => s("delete", p))
         }, null, 8, ["modelValue", "images", "start-index"])
-      ])) : $("", !0);
+      ])) : C("", !0);
     };
   }
-}), Ts = {
+}), Is = {
   key: 0,
   class: "text-xl font-semibold"
-}, Ds = { class: "flex gap-1" }, js = { 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" }, Is = /* @__PURE__ */ V({
+}, zs = { class: "flex gap-1" }, As = { 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" }, Vs = /* @__PURE__ */ H({
   __name: "widgetHeader",
   props: {
     title: {}
   },
   emits: ["onAddImage"],
-  setup(c) {
+  setup(d) {
     return (l, s) => (t(), a("div", {
-      class: I(["flex flex-col sm:flex-row gap-3 mb-4", l.title ? "justify-between sm:items-center" : "justify-end sm:items-center"])
+      class: z(["flex flex-col sm:flex-row gap-3 mb-4", l.title ? "justify-between sm:items-center" : "justify-end sm:items-center"])
     }, [
-      l.title ? (t(), a("h3", Ts, _(l.title), 1)) : $("", !0),
-      e("div", Ds, [
+      l.title ? (t(), a("h3", Is, _(l.title), 1)) : C("", !0),
+      e("div", zs, [
         e("label", null, [
           e("input", {
             type: "file",
             class: "hidden",
             onChange: s[0] || (s[0] = (n) => l.$emit("onAddImage", n))
           }, null, 32),
-          e("div", js, [
-            z(D(Te), { class: "h-4 w-4" }),
-            s[1] || (s[1] = O(" Додати зображення ", -1))
+          e("div", As, [
+            V(I(Ie), { class: "h-4 w-4" }),
+            s[1] || (s[1] = B(" Додати зображення ", -1))
           ])
         ])
       ])
     ], 2));
   }
-}), As = {
+}), Es = {
   class: "w-full mx-auto font-sans",
   ref: "containerRef"
-}, zs = { key: 1 }, ce = /* @__PURE__ */ V({
+}, Hs = { key: 1 }, pe = /* @__PURE__ */ H({
   __name: "GalleryWidget",
   props: {
     title: {},
@@ -1177,95 +1178,95 @@ const Xt = { class: "space-y-0.5" }, Qt = ["onClick"], Yt = ["onClick"], es = {
     style: {}
   },
   emits: ["delete", "add", "openLightbox"],
-  setup(c, { emit: l }) {
-    const s = c, n = M(s.items ?? []), o = l;
-    n.value.length === 0 && g();
-    const f = (x) => {
-      s.onAddImage ? s.onAddImage(x) : v(x), o("add", x);
-    }, r = (x) => {
-      const m = n.value.find(
-        (b) => b.file_path === x
+  setup(d, { emit: l }) {
+    const s = d, n = T(s.items ?? []), o = l;
+    n.value.length === 0 && m();
+    const h = (b) => {
+      s.onAddImage ? s.onAddImage(b) : y(b), o("add", b);
+    }, r = (b) => {
+      const p = n.value.find(
+        (v) => v.file_path === b
       )?.file_id;
-      m && (s.onDelete ? s.onDelete(m) : k(m));
-    }, v = async (x) => {
-      if (!(!x.target || !x.target.files || x.target.files.length === 0))
+      p && (s.onDelete ? s.onDelete(p) : k(p));
+    }, y = async (b) => {
+      if (!(!b.target || !b.target.files || b.target.files.length === 0))
         try {
           await Promise.all(
-            Array.from(x.target.files).map(async (m) => {
-              const b = new FormData();
-              b.append("file", m);
-              const F = `/api/widget/file/${s.id}`, w = await fetch(F, {
+            Array.from(b.target.files).map(async (p) => {
+              const v = new FormData();
+              v.append("file", p);
+              const O = `/api/widget/file/${s.id}`, w = await fetch(O, {
                 method: "POST",
-                body: b
+                body: v
               });
               if (!w.ok)
                 throw new Error(`HTTP error! status: ${w.status}`);
-              return m;
+              return p;
             })
-          ), await g();
-        } catch (m) {
-          console.error("Помилка при завантаженні файлів:", m);
+          ), await m();
+        } catch (p) {
+          console.error("Помилка при завантаженні файлів:", p);
         }
     };
-    async function g() {
+    async function m() {
       if (!s.id)
         return;
-      const x = await fetch(`/api/widget/file/${s.id}`).then(
-        (m) => m.json()
+      const b = await fetch(`/api/widget/file/${s.id}`).then(
+        (p) => p.json()
       );
-      n.value = x.rows;
+      n.value = b.rows;
     }
-    const k = async (x) => {
+    const k = async (b) => {
       try {
-        await fetch(`/api/widget/file/${s.id}/${x}`, {
+        await fetch(`/api/widget/file/${s.id}/${b}`, {
           method: "DELETE"
-        }), await g();
-      } catch (m) {
-        console.error(m);
+        }), await m();
+      } catch (p) {
+        console.error(p);
       }
     };
-    return (x, m) => (t(), a("div", As, [
-      z(Is, {
-        title: x.title,
-        onOnAddImage: m[0] || (m[0] = (b) => f(b))
+    return (b, p) => (t(), a("div", Es, [
+      V(Vs, {
+        title: b.title,
+        onOnAddImage: p[0] || (p[0] = (v) => h(v))
       }, null, 8, ["title"]),
-      n.value.length > 0 ? (t(), H(Ms, {
+      n.value.length > 0 ? (t(), S(js, {
         key: 0,
         items: n.value,
-        onDelete: m[1] || (m[1] = (b) => r(b))
-      }, null, 8, ["items"])) : (t(), a("div", zs, m[2] || (m[2] = [
+        onDelete: p[1] || (p[1] = (v) => r(v))
+      }, null, 8, ["items"])) : (t(), a("div", Hs, p[2] || (p[2] = [
         e("div", { class: "flex items-center justify-center h-full" }, [
           e("p", { class: "text-gray-500 leading-[3]" }, "Зображень не знайдено")
         ], -1)
       ])))
     ], 512));
   }
-}), Vs = { class: "text-value" }, Es = { class: "text-sm text-gray-900" }, Hs = /* @__PURE__ */ V({
+}), Ss = { class: "text-value" }, Fs = { class: "text-sm text-gray-900" }, Os = /* @__PURE__ */ H({
   __name: "TextValue",
   props: {
     item: {}
   },
-  setup(c) {
-    const l = c, s = N(() => {
+  setup(d) {
+    const l = d, s = P(() => {
       const n = l.item.value;
       return typeof n == "boolean" ? n ? "Так" : "Ні" : n == null ? "—" : String(n);
     });
-    return (n, o) => (t(), a("div", Vs, [
-      e("span", Es, _(s.value), 1)
+    return (n, o) => (t(), a("div", Ss, [
+      e("span", Fs, _(s.value), 1)
     ]));
   }
-}), G = (c, l) => {
-  const s = c.__vccOpts || c;
+}), G = (d, l) => {
+  const s = d.__vccOpts || d;
   for (const [n, o] of l)
     s[n] = o;
   return s;
-}, Ss = /* @__PURE__ */ G(Hs, [["__scopeId", "data-v-c14550b7"]]), Fs = { class: "link-value" }, Os = ["href"], Ns = /* @__PURE__ */ V({
+}, Bs = /* @__PURE__ */ G(Os, [["__scopeId", "data-v-c14550b7"]]), Ps = { class: "link-value" }, Ns = ["href"], Ws = /* @__PURE__ */ H({
   __name: "LinkValue",
   props: {
     item: {}
   },
-  setup(c) {
-    const l = c, s = N(() => {
+  setup(d) {
+    const l = d, s = P(() => {
       const n = String(l.item.value);
       try {
         const o = new URL(n);
@@ -1274,25 +1275,25 @@ const Xt = { class: "space-y-0.5" }, Qt = ["onClick"], Yt = ["onClick"], es = {
         return n;
       }
     });
-    return (n, o) => (t(), a("div", Fs, [
+    return (n, o) => (t(), a("div", Ps, [
       e("a", {
         href: String(n.item.value),
         target: "_blank",
         rel: "noopener noreferrer",
         class: "text-blue-600 hover:text-blue-800 underline text-sm"
       }, [
-        O(_(s.value) + " ", 1),
+        B(_(s.value) + " ", 1),
         o[0] || (o[0] = e("i", { class: "fas fa-external-link-alt ml-1 text-xs" }, null, -1))
-      ], 8, Os)
+      ], 8, Ns)
     ]));
   }
-}), Ps = /* @__PURE__ */ G(Ns, [["__scopeId", "data-v-e6eb07a6"]]), Bs = { class: "date-value" }, Ws = { class: "text-sm text-gray-900" }, Rs = /* @__PURE__ */ V({
+}), Rs = /* @__PURE__ */ G(Ws, [["__scopeId", "data-v-e6eb07a6"]]), Us = { class: "date-value" }, Gs = { class: "text-sm text-gray-900" }, qs = /* @__PURE__ */ H({
   __name: "DateValue",
   props: {
     item: {}
   },
-  setup(c) {
-    const l = c, s = N(() => {
+  setup(d) {
+    const l = d, s = P(() => {
       const n = l.item.value;
       if (n instanceof Date)
         return n.toLocaleDateString("uk-UA", {
@@ -1315,20 +1316,20 @@ const Xt = { class: "space-y-0.5" }, Qt = ["onClick"], Yt = ["onClick"], es = {
       }
       return String(n);
     });
-    return (n, o) => (t(), a("div", Bs, [
-      e("span", Ws, _(s.value), 1)
+    return (n, o) => (t(), a("div", Us, [
+      e("span", Gs, _(s.value), 1)
     ]));
   }
-}), Us = /* @__PURE__ */ G(Rs, [["__scopeId", "data-v-b9600618"]]), Gs = { class: "status-value" }, qs = {
+}), Zs = /* @__PURE__ */ G(qs, [["__scopeId", "data-v-b9600618"]]), Ks = { class: "status-value" }, Js = {
   key: 0,
   class: "mr-1"
-}, Ks = /* @__PURE__ */ V({
+}, Xs = /* @__PURE__ */ H({
   __name: "StatusValue",
   props: {
     item: {}
   },
-  setup(c) {
-    const l = c, s = N(() => {
+  setup(d) {
+    const l = d, s = P(() => {
       switch (String(l.item.value).toLowerCase()) {
         case "active":
         case "активний":
@@ -1351,7 +1352,7 @@ const Xt = { class: "space-y-0.5" }, Qt = ["onClick"], Yt = ["onClick"], es = {
         default:
           return "bg-blue-100 text-blue-800";
       }
-    }), n = N(() => {
+    }), n = P(() => {
       switch (String(l.item.value).toLowerCase()) {
         case "active":
         case "активний":
@@ -1375,50 +1376,50 @@ const Xt = { class: "space-y-0.5" }, Qt = ["onClick"], Yt = ["onClick"], es = {
           return "fas fa-info-circle";
       }
     });
-    return (o, f) => (t(), a("div", Gs, [
+    return (o, h) => (t(), a("div", Ks, [
       e("span", {
-        class: I(["inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium", s.value])
+        class: z(["inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium", s.value])
       }, [
-        n.value ? (t(), a("span", qs, [
+        n.value ? (t(), a("span", Js, [
           e("i", {
-            class: I(n.value)
+            class: z(n.value)
           }, null, 2)
-        ])) : $("", !0),
-        O(" " + _(String(o.item.value)), 1)
+        ])) : C("", !0),
+        B(" " + _(String(o.item.value)), 1)
       ], 2)
     ]));
   }
-}), Zs = /* @__PURE__ */ G(Ks, [["__scopeId", "data-v-c72e0b01"]]), Js = { class: "custom-value" }, Xs = { class: "text-sm text-gray-900" }, Qs = /* @__PURE__ */ V({
+}), Qs = /* @__PURE__ */ G(Xs, [["__scopeId", "data-v-c72e0b01"]]), Ys = { class: "custom-value" }, en = { class: "text-sm text-gray-900" }, tn = /* @__PURE__ */ H({
   __name: "CustomValue",
   props: {
     item: {}
   },
-  setup(c) {
-    return (l, s) => (t(), a("div", Js, [
-      W(l.$slots, "default", {
+  setup(d) {
+    return (l, s) => (t(), a("div", Ys, [
+      R(l.$slots, "default", {
         item: l.item,
         value: l.item.value
       }, () => [
-        e("span", Xs, _(String(l.item.value)), 1)
+        e("span", en, _(String(l.item.value)), 1)
       ], !0)
     ]));
   }
-}), Ys = /* @__PURE__ */ G(Qs, [["__scopeId", "data-v-11a73810"]]), en = ["id"], tn = {
+}), sn = /* @__PURE__ */ G(tn, [["__scopeId", "data-v-11a73810"]]), nn = ["id"], on = {
   key: 0,
   class: "text-xl font-semibold text-gray-900 mb-4"
-}, sn = {
+}, an = {
   key: 1,
   class: "overflow-x-auto"
-}, nn = { class: "min-w-full divide-y divide-gray-200" }, on = { class: "bg-white divide-y divide-gray-200" }, an = { class: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900" }, ln = { class: "flex items-center gap-2" }, rn = ["title"], dn = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, cn = {
+}, ln = { class: "min-w-full divide-y divide-gray-200" }, rn = { class: "bg-white divide-y divide-gray-200" }, dn = { class: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900" }, cn = { class: "flex items-center gap-2" }, un = ["title"], pn = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, mn = {
   key: 2,
   class: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"
-}, un = { class: "flex items-start gap-3" }, pn = {
+}, gn = { class: "flex items-start gap-3" }, hn = {
   key: 0,
   class: "flex-shrink-0"
-}, mn = { class: "flex-1 min-w-0" }, gn = { class: "flex items-center gap-2 mb-2" }, hn = { class: "text-sm font-medium text-gray-900" }, fn = ["title"], yn = {
+}, fn = { class: "flex-1 min-w-0" }, yn = { class: "flex items-center gap-2 mb-2" }, vn = { class: "text-sm font-medium text-gray-900" }, bn = ["title"], xn = {
   key: 3,
   class: "overflow-x-auto"
-}, vn = { class: "min-w-full divide-y divide-gray-200" }, bn = { class: "bg-white divide-y divide-gray-200" }, xn = { class: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900" }, kn = { class: "flex items-center gap-2" }, _n = ["title"], wn = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, $n = /* @__PURE__ */ V({
+}, kn = { class: "min-w-full divide-y divide-gray-200" }, _n = { class: "bg-white divide-y divide-gray-200" }, wn = { class: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900" }, $n = { class: "flex items-center gap-2" }, Cn = ["title"], Mn = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, Ln = /* @__PURE__ */ H({
   __name: "DescriptionListWidget",
   props: {
     title: {},
@@ -1428,113 +1429,113 @@ const Xt = { class: "space-y-0.5" }, Qt = ["onClick"], Yt = ["onClick"], es = {
     className: {},
     style: {}
   },
-  setup(c) {
+  setup(d) {
     const l = (s) => {
       switch (s.type) {
         case "link":
-          return Ps;
+          return Rs;
         case "date":
-          return Us;
-        case "status":
           return Zs;
+        case "status":
+          return Qs;
         case "custom":
-          return Ys;
+          return sn;
         default:
-          return Ss;
+          return Bs;
       }
     };
     return (s, n) => (t(), a("div", {
-      class: I(["description-list-widget", s.className]),
+      class: z(["description-list-widget", s.className]),
       id: s.id,
-      style: J(s.style)
+      style: Q(s.style)
     }, [
-      s.title ? (t(), a("h3", tn, _(s.title), 1)) : $("", !0),
-      s.view === "table" ? (t(), a("div", sn, [
-        e("table", nn, [
-          e("tbody", on, [
-            (t(!0), a(T, null, j(s.items, (o) => (t(), a("tr", {
+      s.title ? (t(), a("h3", on, _(s.title), 1)) : C("", !0),
+      s.view === "table" ? (t(), a("div", an, [
+        e("table", ln, [
+          e("tbody", rn, [
+            (t(!0), a(j, null, A(s.items, (o) => (t(), a("tr", {
               key: o.id || o.label
             }, [
-              e("td", an, [
-                e("div", ln, [
+              e("td", dn, [
+                e("div", cn, [
                   o.icon ? (t(), a("i", {
                     key: 0,
-                    class: I([o.icon, "text-gray-500"])
-                  }, null, 2)) : $("", !0),
-                  O(" " + _(o.label) + " ", 1),
+                    class: z([o.icon, "text-gray-500"])
+                  }, null, 2)) : C("", !0),
+                  B(" " + _(o.label) + " ", 1),
                   o.tooltip ? (t(), a("span", {
                     key: 1,
                     class: "text-gray-400 cursor-help",
                     title: o.tooltip
                   }, n[0] || (n[0] = [
                     e("i", { class: "fas fa-info-circle text-xs" }, null, -1)
-                  ]), 8, rn)) : $("", !0)
+                  ]), 8, un)) : C("", !0)
                 ])
               ]),
-              e("td", dn, [
-                (t(), H(B(l(o)), { item: o }, null, 8, ["item"]))
+              e("td", pn, [
+                (t(), S(W(l(o)), { item: o }, null, 8, ["item"]))
               ])
             ]))), 128))
           ])
         ])
-      ])) : s.view === "grid" ? (t(), a("div", cn, [
-        (t(!0), a(T, null, j(s.items, (o) => (t(), a("div", {
+      ])) : s.view === "grid" ? (t(), a("div", mn, [
+        (t(!0), a(j, null, A(s.items, (o) => (t(), a("div", {
           key: o.id || o.label,
           class: "description-item-card bg-white border border-gray-200 rounded-lg p-4"
         }, [
-          e("div", un, [
-            o.icon ? (t(), a("div", pn, [
+          e("div", gn, [
+            o.icon ? (t(), a("div", hn, [
               e("i", {
-                class: I([o.icon, "text-gray-500 text-lg"])
+                class: z([o.icon, "text-gray-500 text-lg"])
               }, null, 2)
-            ])) : $("", !0),
-            e("div", mn, [
-              e("div", gn, [
-                e("h4", hn, _(o.label), 1),
+            ])) : C("", !0),
+            e("div", fn, [
+              e("div", yn, [
+                e("h4", vn, _(o.label), 1),
                 o.tooltip ? (t(), a("span", {
                   key: 0,
                   class: "text-gray-400 cursor-help",
                   title: o.tooltip
                 }, n[1] || (n[1] = [
                   e("i", { class: "fas fa-info-circle text-xs" }, null, -1)
-                ]), 8, fn)) : $("", !0)
+                ]), 8, bn)) : C("", !0)
               ]),
-              (t(), H(B(l(o)), { item: o }, null, 8, ["item"]))
+              (t(), S(W(l(o)), { item: o }, null, 8, ["item"]))
             ])
           ])
         ]))), 128))
-      ])) : (t(), a("div", yn, [
-        e("table", vn, [
-          e("tbody", bn, [
-            (t(!0), a(T, null, j(s.items, (o) => (t(), a("tr", {
+      ])) : (t(), a("div", xn, [
+        e("table", kn, [
+          e("tbody", _n, [
+            (t(!0), a(j, null, A(s.items, (o) => (t(), a("tr", {
               key: o.id || o.label
             }, [
-              e("td", xn, [
-                e("div", kn, [
+              e("td", wn, [
+                e("div", $n, [
                   o.icon ? (t(), a("i", {
                     key: 0,
-                    class: I([o.icon, "text-gray-500"])
-                  }, null, 2)) : $("", !0),
-                  O(" " + _(o.label) + " ", 1),
+                    class: z([o.icon, "text-gray-500"])
+                  }, null, 2)) : C("", !0),
+                  B(" " + _(o.label) + " ", 1),
                   o.tooltip ? (t(), a("span", {
                     key: 1,
                     class: "text-gray-400 cursor-help",
                     title: o.tooltip
                   }, n[2] || (n[2] = [
                     e("i", { class: "fas fa-info-circle text-xs" }, null, -1)
-                  ]), 8, _n)) : $("", !0)
+                  ]), 8, Cn)) : C("", !0)
                 ])
               ]),
-              e("td", wn, [
-                (t(), H(B(l(o)), { item: o }, null, 8, ["item"]))
+              e("td", Mn, [
+                (t(), S(W(l(o)), { item: o }, null, 8, ["item"]))
               ])
             ]))), 128))
           ])
         ])
       ]))
-    ], 14, en));
+    ], 14, nn));
   }
-}), ze = /* @__PURE__ */ G($n, [["__scopeId", "data-v-36d43e50"]]), Cn = {
+}), He = /* @__PURE__ */ G(Ln, [["__scopeId", "data-v-36d43e50"]]), Tn = {
   draw: {
     toolbar: {
       actions: {
@@ -1642,24 +1643,24 @@ const Xt = { class: "space-y-0.5" }, Qt = ["onClick"], Yt = ["onClick"], es = {
     }
   }
 };
-function Ln(c) {
-  return c ? c.type === "FeatureCollection" || c.type === "Feature" ? c : c.geom ? {
+function Dn(d) {
+  return d ? d.type === "FeatureCollection" || d.type === "Feature" ? d : d.geom ? {
     type: "Feature",
     geometry: {
-      type: c.geom.type,
-      coordinates: c.geom.coordinates
+      type: d.geom.type,
+      coordinates: d.geom.coordinates
     },
     properties: {}
-  } : c.type && c.coordinates ? {
+  } : d.type && d.coordinates ? {
     type: "Feature",
-    geometry: c,
+    geometry: d,
     properties: {}
   } : null : null;
 }
-const Mn = { class: "relative min-h-[300px] h-full pb-[3.25rem]" }, Tn = {
+const jn = {
   key: 1,
   class: "bg-white absolute top-[10px] right-[10px] z-[500] border rounded-lg cursor-pointer"
-}, Dn = { class: "flex items-center justify-between p-2 border-b" }, jn = { class: "p-2 border-b" }, In = { class: "flex items-center" }, An = ["value"], zn = { class: "ml-2" }, Vn = { class: "p-2" }, En = { class: "flex items-center" }, Hn = { class: "flex items-center" }, Sn = ["onUpdate:modelValue", "onChange"], Fn = { class: "ml-2" }, ue = /* @__PURE__ */ V({
+}, In = { class: "flex items-center justify-between p-2 border-b" }, zn = { class: "p-2 border-b" }, An = { class: "flex items-center" }, Vn = ["value"], En = { class: "ml-2" }, Hn = { class: "p-2" }, Sn = { class: "flex items-center" }, Fn = { class: "flex items-center" }, On = ["onUpdate:modelValue", "onChange"], Bn = { class: "ml-2" }, Pn = /* @__PURE__ */ H({
   __name: "MapWidget",
   props: {
     pattern: {},
@@ -1667,64 +1668,70 @@ const Mn = { class: "relative min-h-[300px] h-full pb-[3.25rem]" }, Tn = {
     id: {},
     tms: {}
   },
-  setup(c) {
-    const l = Le(), s = c, n = M(null);
-    let o, f;
-    const r = h(), v = M(Object.keys(r)[0]);
-    let g;
-    const k = M(!0), x = M(!1), m = M(b());
-    function b() {
-      return s.tms ? (Array.isArray(s.tms) ? s.tms : s.tms?.split(",")).map((d, A) => ({ url: s.pattern ? s.pattern.replace("{{id}}", d) : d, name: "Шар " + A, visible: !0, i: A })) : [];
+  setup(d) {
+    const l = Te(), s = d, n = T(null);
+    let o, h;
+    const r = f(), y = T(Object.keys(r)[0]);
+    let m;
+    const k = T(!0), b = T(!1), p = T(!1), v = T(O());
+    function O() {
+      return s.tms ? (Array.isArray(s.tms) ? s.tms : s.tms?.split(",")).map((x, D) => ({ url: s.pattern ? s.pattern.replace("{{id}}", x) : x, name: "Шар " + D, visible: !0, i: D })) : [];
     }
-    function F() {
-      return new Promise((y, d) => {
-        if (window.L && window.L.Draw) return y(0);
-        const A = (E) => {
-          if (Array.from(document.styleSheets).some((X) => X?.href?.includes(E))) return;
-          const q = document.createElement("link");
-          q.rel = "stylesheet", q.href = E, document.head.appendChild(q);
-        }, P = (E) => new Promise((oe, q) => {
-          const X = Array.from(document.scripts).find((Y) => Y.src === E);
-          if (X) {
-            X.addEventListener("load", () => oe()), X.addEventListener("error", (Y) => q(Y));
+    function w() {
+      return new Promise((E, x) => {
+        if (window.L && window.L.Draw) return E(0);
+        const D = (q) => {
+          if (Array.from(document.styleSheets).some((Y) => Y?.href?.includes(q))) return;
+          const K = document.createElement("link");
+          K.rel = "stylesheet", K.href = q, document.head.appendChild(K);
+        }, N = (q) => new Promise((le, K) => {
+          const Y = Array.from(document.scripts).find((te) => te.src === q);
+          if (Y) {
+            Y.addEventListener("load", () => le()), Y.addEventListener("error", (te) => K(te));
             return;
           }
-          const Q = document.createElement("script");
-          Q.src = E, Q.async = !0, Q.onload = () => oe(), Q.onerror = (Y) => q(Y), document.body.appendChild(Q);
+          const ee = document.createElement("script");
+          ee.src = q, ee.async = !0, ee.onload = () => le(), ee.onerror = (te) => K(te), document.body.appendChild(ee);
         });
-        A("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), A("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"), P("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(() => P("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(() => y(0)).catch(d);
+        D("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"), D("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.css"), N("https://unpkg.com/leaflet@1.9.4/dist/leaflet.js").then(() => N("https://unpkg.com/leaflet-draw@1.0.4/dist/leaflet.draw.js")).then(() => E(0)).catch(x);
       });
     }
-    let w = !1;
-    ee(async () => {
-      await F(), L.drawLocal = Cn;
-      const y = l?.appContext.config.globalProperties.$settings?.center || [50, 30];
-      o = L.map(n.value, { zoomControl: !1 }).setView(y, 10), o.on("mousemove", (A) => {
-        w || (o.invalidateSize(), w = !0);
-      }), L.control.zoom({ position: "bottomright" }).addTo(o), g = L.tileLayer(r[v.value].url, { maxZoom: 19 }).addTo(o), v.value = "topo100", f = new L.FeatureGroup().addTo(o), m.value.length && u(0);
-      const d = Ln(s.geom);
-      if (d) {
-        const A = [];
-        L.geoJSON(d).eachLayer((P) => A.push(P)), A.length && f.addLayer(A[0]), f.toGeoJSON();
+    let M = !1;
+    se(async () => {
+      await w(), L.drawLocal = Tn;
+      const E = l?.appContext.config.globalProperties.$settings?.center || [50, 30];
+      o = L.map(n.value, { zoomControl: !1 }).setView(E, 10), o.on("mousemove", (D) => {
+        M || (o.invalidateSize(), M = !0);
+      }), L.control.zoom({ position: "bottomright" }).addTo(o), m = L.tileLayer(r[y.value].url, { maxZoom: 19 }).addTo(o), h = new L.FeatureGroup().addTo(o), v.value.length && $(0);
+      const x = Dn(s.geom);
+      if (x) {
+        const D = [];
+        L.geoJSON(x).eachLayer((N) => D.push(N)), D.length && h.addLayer(D[0]), h.toGeoJSON(), i();
       }
     });
-    function C(y) {
-      g && g.removeFrom(o);
-      const d = r[y];
-      g = L.tileLayer(d.url, d.options || {}).addTo(o), v.value = y;
+    function i(E = 30) {
+      const x = h.getLayers();
+      if (!x.length) return;
+      const N = L.featureGroup(x).getBounds();
+      N && N.isValid() && o.fitBounds(N, { padding: [E, E], maxZoom: 16 });
     }
-    function i() {
-      C(v.value);
+    function u(E) {
+      m && m.removeFrom(o);
+      const x = r[E];
+      m = L.tileLayer(x.url, x.options || {}).addTo(o), m.bringToBack(), y.value = E;
     }
-    function p() {
-      f && (k.value ? f.addTo(o) : f.removeFrom(o));
+    function c() {
+      u(y.value);
     }
-    function u(y) {
-      const d = m.value[y];
-      d.layer || (d.layer = L.tileLayer(d.url, { maxZoom: 19 })), d.visible ? d.layer.addTo(o) : d.layer.removeFrom(o);
+    function g() {
+      h && (k.value ? h.addTo(o) : h.removeFrom(o));
     }
-    function h() {
-      return l?.appContext.config.globalProperties.$settings?.basemaps ? l?.appContext.config.globalProperties.$settings?.basemaps.map((y, d) => Object.assign(y, { key: `b${d}`, preview: y.preview || y.url.replace("{z}/{x}/{y}.png", "13/4790/2762.png") })).reduce((y, d) => ({ ...y, [d.key]: d }), {}) : {
+    function $(E) {
+      const x = v.value[E];
+      x.layer || (x.layer = L.tileLayer(x.url, { maxZoom: 19 })), x.visible ? x.layer.addTo(o) : x.layer.removeFrom(o);
+    }
+    function f() {
+      return l?.appContext.config.globalProperties.$settings?.basemaps ? l?.appContext.config.globalProperties.$settings?.basemaps.map((E, x) => Object.assign(E, { key: `b${x}`, preview: E.preview || E.url.replace("{z}/{x}/{y}.png", "13/4790/2762.png") })).reduce((E, x) => ({ ...E, [x.key]: x }), {}) : {
         topo100: {
           url: "https://data.gki.com.ua/api-user/rtile/voyager/ua/{z}/{x}/{y}.png",
           preview: "https://data.gki.com.ua/api-user/rtile/voyager/ua/13/4790/2762.png"
@@ -1739,22 +1746,28 @@ const Mn = { class: "relative min-h-[300px] h-full pb-[3.25rem]" }, Tn = {
         }
       };
     }
-    return (y, d) => (t(), a("div", Mn, [
+    return De(b, () => {
+      setTimeout(() => {
+        o.invalidateSize();
+      }, 50);
+    }), (E, x) => (t(), a("div", {
+      class: z(["relative min-h-[300px] h-full", b.value ? "fullscreen" : "pb-[3.25rem]"])
+    }, [
       e("div", {
         ref_key: "mapContainer",
         ref: n,
         class: "w-full h-full min-h-[300px]"
       }, null, 512),
-      x.value ? $("", !0) : (t(), a("div", {
+      p.value ? C("", !0) : (t(), a("div", {
         key: 0,
-        onClick: d[0] || (d[0] = (A) => x.value = !0),
+        onClick: x[0] || (x[0] = (D) => p.value = !0),
         class: "z-[500] bg-white absolute top-[10px] right-[10px] p-2 border rounded-lg cursor-pointer"
       }, " Шари ")),
-      x.value ? (t(), a("div", Tn, [
-        e("div", Dn, [
-          d[5] || (d[5] = e("div", null, "Шари", -1)),
+      p.value ? (t(), a("div", jn, [
+        e("div", In, [
+          x[6] || (x[6] = e("div", null, "Шари", -1)),
           (t(), a("svg", {
-            onClick: d[1] || (d[1] = (A) => x.value = !1),
+            onClick: x[1] || (x[1] = (D) => p.value = !1),
             xmlns: "http://www.w3.org/2000/svg",
             viewBox: "0 0 24 24",
             fill: "none",
@@ -1763,7 +1776,7 @@ const Mn = { class: "relative min-h-[300px] h-full pb-[3.25rem]" }, Tn = {
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             class: "icon icon-tabler icons-tabler-outline icon-tabler-x w-4 h-4"
-          }, d[4] || (d[4] = [
+          }, x[5] || (x[5] = [
             e("path", {
               stroke: "none",
               d: "M0 0h24v24H0z",
@@ -1773,51 +1786,70 @@ const Mn = { class: "relative min-h-[300px] h-full pb-[3.25rem]" }, Tn = {
             e("path", { d: "M6 6l12 12" }, null, -1)
           ])))
         ]),
-        e("div", jn, [
-          (t(!0), a(T, null, j(D(r), (A, P) => (t(), a("div", null, [
-            e("label", In, [
-              R(e("input", {
+        e("div", zn, [
+          (t(!0), a(j, null, A(I(r), (D, N) => (t(), a("div", null, [
+            e("label", An, [
+              U(e("input", {
                 type: "radio",
                 name: "base-layer",
-                value: P,
-                "onUpdate:modelValue": d[2] || (d[2] = (E) => v.value = E),
-                onChange: i
-              }, null, 40, An), [
-                [He, v.value]
+                value: N,
+                "onUpdate:modelValue": x[2] || (x[2] = (q) => y.value = q),
+                onChange: c
+              }, null, 40, Vn), [
+                [Oe, y.value]
               ]),
-              e("span", zn, _(A.name || P), 1)
+              e("span", En, _(D.name || N), 1)
             ])
           ]))), 256))
         ]),
-        e("div", Vn, [
-          e("label", En, [
-            R(e("input", {
+        e("div", Hn, [
+          e("label", Sn, [
+            U(e("input", {
               type: "checkbox",
-              "onUpdate:modelValue": d[3] || (d[3] = (A) => k.value = A),
-              onChange: p
+              "onUpdate:modelValue": x[3] || (x[3] = (D) => k.value = D),
+              onChange: g
             }, null, 544), [
-              [be, k.value]
+              [ke, k.value]
             ]),
-            d[6] || (d[6] = e("span", { class: "ml-2" }, " Геометрія/Межі ", -1))
+            x[7] || (x[7] = e("span", { class: "ml-2" }, " Геометрія/Межі ", -1))
           ]),
-          s.tms ? (t(!0), a(T, { key: 0 }, j(m.value, (A) => (t(), a("label", Hn, [
-            R(e("input", {
+          s.tms ? (t(!0), a(j, { key: 0 }, A(v.value, (D) => (t(), a("label", Fn, [
+            U(e("input", {
               type: "checkbox",
-              "onUpdate:modelValue": (P) => A.visible = P,
-              onChange: (P) => u(A.i)
-            }, null, 40, Sn), [
-              [be, A.visible]
+              "onUpdate:modelValue": (N) => D.visible = N,
+              onChange: (N) => $(D.i)
+            }, null, 40, On), [
+              [ke, D.visible]
             ]),
-            e("span", Fn, _(A.name), 1)
-          ]))), 256)) : $("", !0)
+            e("span", Bn, _(D.name), 1)
+          ]))), 256)) : C("", !0)
         ])
-      ])) : $("", !0)
-    ]));
+      ])) : C("", !0),
+      e("div", {
+        class: z(["absolute z-[500] bg-white p-2 border rounded-lg cursor-pointer", b.value ? "bottom-[100px] right-[7px]" : "bottom-[150px] right-[7px]"]),
+        onClick: x[4] || (x[4] = (D) => b.value = !b.value)
+      }, x[8] || (x[8] = [
+        e("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          "stroke-width": "2",
+          stroke: "currentColor",
+          class: "w-5 h-5"
+        }, [
+          e("path", {
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            d: "M4 8V4h4M20 8V4h-4M4 16v4h4m12-4v4h-4"
+          })
+        ], -1)
+      ]), 2)
+    ], 2));
   }
-}), On = { class: "flex justify-between items-center mb-[15px]" }, Nn = { class: "font-semibold text-[16px]" }, Pn = { class: "overflow-x-auto" }, Bn = { 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" }, Wn = { class: "text-left font-medium text-gray-700" }, Rn = { class: "py-2 min-w-[200px]" }, Un = {
+}), me = /* @__PURE__ */ G(Pn, [["__scopeId", "data-v-e3aa0e7d"]]), Nn = { class: "flex justify-between items-center mb-[15px]" }, Wn = { class: "font-semibold text-[16px]" }, Rn = { class: "overflow-x-auto" }, Un = { 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" }, Gn = { class: "text-left font-medium text-gray-700" }, qn = { class: "py-2 min-w-[200px]" }, Zn = {
   key: 0,
   class: "py-2 min-w-[200px]"
-}, Gn = { class: "divide-y divide-gray-200" }, qn = { class: "bg-white odd:bg-gray-50" }, Kn = { class: "py-2 pr-5" }, Zn = ["href"], Jn = { class: "py-2 pr-5 gap-2 inline-flex" }, Xn = ["onClick"], Qn = ["onClick"], Yn = /* @__PURE__ */ V({
+}, Kn = { class: "divide-y divide-gray-200" }, Jn = { class: "bg-white odd:bg-gray-50" }, Xn = { class: "py-2 pr-5" }, Qn = ["href"], Yn = { class: "py-2 pr-5 gap-2 inline-flex" }, eo = ["onClick"], to = ["onClick"], so = /* @__PURE__ */ H({
   __name: "TableWidget",
   props: {
     name: {},
@@ -1834,75 +1866,75 @@ const Mn = { class: "relative min-h-[300px] h-full pb-[3.25rem]" }, Tn = {
     props: {},
     items: {}
   },
-  setup(c) {
-    const l = Le(), s = M([]), n = M([]), o = c, f = M([]), r = M(""), v = M("");
-    async function g() {
-      const i = await fetch("/api/data/" + o.token).then((p) => p.json());
-      s.value = i.rows, n.value = i.columns, f.value = i.actions, r.value = i.form, v.value = i.addToken;
+  setup(d) {
+    const l = Te(), s = T([]), n = T([]), o = d, h = T([]), r = T(""), y = T("");
+    async function m() {
+      const i = await fetch("/api/data/" + o.token).then((u) => u.json());
+      s.value = i.rows, n.value = i.columns, h.value = i.actions, r.value = i.form, y.value = i.addToken;
     }
-    const { $notify: k = console.log, $confirm: x, $form: m } = l?.appContext?.config?.globalProperties || {};
-    async function b(i) {
-      await m({ token: i.token }), g();
+    const { $notify: k = console.log, $confirm: b, $form: p } = l?.appContext?.config?.globalProperties || {};
+    async function v(i) {
+      await p({ token: i.token }), m();
     }
-    function F() {
-      m({ token: v.value });
+    function O() {
+      p({ token: y.value });
     }
     function w(i) {
-      x({
+      b({
         title: "Підтвердіть дію",
         type: "error",
         message: "Ви впевненні що бажаєте видалити даний рядок?",
         onConfirm: async () => {
-          const p = await fetch(`/api/table/${i.token}`, { method: "DELETE" });
-          if (!p.ok) {
-            const { error: u, code: h } = await p.json();
-            k({ title: "Помилка", type: "warning", message: u });
+          const u = await fetch(`/api/table/${i.token}`, { method: "DELETE" });
+          if (!u.ok) {
+            const { error: c, code: g } = await u.json();
+            k({ title: "Помилка", type: "warning", message: c });
             return;
           }
-          k({ title: "Видаленно", message: "Успішно видалено" }), await g();
+          k({ title: "Видаленно", message: "Успішно видалено" }), await m();
         }
       });
     }
-    ee(async () => {
-      await g();
+    se(async () => {
+      await m();
     });
-    function C(i, p) {
-      return p.format?.toLowerCase() === "text" ? i[p.name] : i[p.name + "_data"] ?? i[p.name + "_text"] ?? "-";
+    function M(i, u) {
+      return u.format?.toLowerCase() === "text" ? i[u.name] : i[u.name + "_data"] ?? i[u.name + "_text"] ?? "-";
     }
-    return (i, p) => (t(), a("div", null, [
-      e("div", On, [
-        e("div", Nn, _(i.title), 1),
-        f.value.includes("add") && v.value ? (t(), a("button", {
+    return (i, u) => (t(), a("div", null, [
+      e("div", Nn, [
+        e("div", Wn, _(i.title), 1),
+        h.value.includes("add") && y.value ? (t(), a("button", {
           key: 0,
-          onClick: F,
+          onClick: O,
           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"
-        }, "Додати")) : $("", !0)
+        }, "Додати")) : C("", !0)
       ]),
-      e("div", Pn, [
-        e("table", Bn, [
-          e("thead", Wn, [
+      e("div", Rn, [
+        e("table", Un, [
+          e("thead", Gn, [
             e("tr", null, [
-              (t(!0), a(T, null, j(n.value, (u) => (t(), a("th", Rn, _(u.ua), 1))), 256)),
-              f.value.includes("edit") ? (t(), a("th", Un, " Дії ")) : $("", !0)
+              (t(!0), a(j, null, A(n.value, (c) => (t(), a("th", qn, _(c.ua), 1))), 256)),
+              h.value.includes("edit") ? (t(), a("th", Zn, " Дії ")) : C("", !0)
             ])
           ]),
-          e("tbody", Gn, [
-            (t(!0), a(T, null, j(s.value, (u) => (t(), a("tr", qn, [
-              (t(!0), a(T, null, j(n.value, (h) => (t(), a("td", Kn, [
-                h.link ? (t(), a("a", {
+          e("tbody", Kn, [
+            (t(!0), a(j, null, A(s.value, (c) => (t(), a("tr", Jn, [
+              (t(!0), a(j, null, A(n.value, (g) => (t(), a("td", Xn, [
+                g.link ? (t(), a("a", {
                   key: 0,
-                  href: h.link.replace("{{id}}", u.id),
+                  href: g.link.replace("{{id}}", c.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"
-                }, _(C(u, h)), 9, Zn)) : (t(), a(T, { key: 1 }, [
-                  O(_(C(u, h)), 1)
+                }, _(M(c, g)), 9, Qn)) : (t(), a(j, { key: 1 }, [
+                  B(_(M(c, g)), 1)
                 ], 64))
               ]))), 256)),
-              e("td", Jn, [
-                u.token ? (t(), a("button", {
+              e("td", Yn, [
+                c.token ? (t(), a("button", {
                   key: 0,
-                  onClick: (h) => b(u),
+                  onClick: (g) => v(c),
                   class: "inline-flex items-center justify-center bg-white border rounded-md size-7 gap-x-2 hover:bg-gray-100"
-                }, p[0] || (p[0] = [
+                }, u[0] || (u[0] = [
                   e("svg", {
                     xmlns: "http://www.w3.org/2000/svg",
                     width: "12px",
@@ -1931,14 +1963,14 @@ const Mn = { class: "relative min-h-[300px] h-full pb-[3.25rem]" }, Tn = {
                       "stroke-width": "2"
                     })
                   ], -1)
-                ]), 8, Xn)) : $("", !0),
-                u.token ? (t(), a("button", {
+                ]), 8, eo)) : C("", !0),
+                c.token ? (t(), a("button", {
                   key: 1,
-                  onClick: (h) => w(u),
+                  onClick: (g) => w(c),
                   class: "inline-flex items-center justify-center bg-white border rounded-md size-7 gap-x-2 hover:bg-gray-100"
-                }, p[1] || (p[1] = [
-                  Se('<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, Qn)) : $("", !0)
+                }, u[1] || (u[1] = [
+                  Be('<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, to)) : C("", !0)
               ])
             ]))), 256))
           ])
@@ -1946,73 +1978,73 @@ const Mn = { class: "relative min-h-[300px] h-full pb-[3.25rem]" }, Tn = {
       ])
     ]));
   }
-}), eo = { class: "p-[20px]" }, to = { class: "flex gap-[6px] mb-5" }, so = { class: "vs-form-text relative bg-white rounded-lg flex-grow" }, no = { class: "grid p-3 lg:gap-x-3 md:gap-x-6 md:p-5 grid-cols-6" }, oo = { class: "mt-2 text-sm font-medium text-gray-800 dark:text-neutral-200" }, ao = { class: "space-y-8" }, lo = { key: 0 }, io = { class: "grid p-3 bg-gray-100 rounded-lg md:gap-x-6 md:p-5 dark:bg-neutral-700 grid-cols-6" }, ro = ["onClick"], co = { class: "md:col-span-2" }, uo = { class: "text-sm font-medium text-gray-800 dark:text-neutral-200" }, po = { class: "text-sm text-gray-500 dark:text-neutral-500" }, mo = { class: "grid items-center grid-cols-2 md:block text-end md:text-center" }, go = ["checked", "onChange"], ho = { class: "grid p-3 bg-gray-100 rounded-lg md:gap-x-6 md:p-5 dark:bg-neutral-700 grid-cols-6" }, fo = { class: "md:col-span-2" }, yo = { class: "font-semibold text-gray-800 dark:text-neutral-200" }, vo = ["onClick"], bo = { class: "md:col-span-2" }, xo = { class: "text-sm font-medium text-gray-800 dark:text-neutral-200" }, ko = { class: "text-sm text-gray-500 dark:text-neutral-500" }, _o = { class: "grid items-center grid-cols-2 md:block text-end md:text-center" }, wo = ["checked", "onChange"], pe = /* @__PURE__ */ V({
+}), no = { class: "p-[20px]" }, oo = { class: "flex gap-[6px] mb-5" }, ao = { class: "vs-form-text relative bg-white rounded-lg flex-grow" }, lo = { class: "grid p-3 lg:gap-x-3 md:gap-x-6 md:p-5 grid-cols-6" }, io = { class: "mt-2 text-sm font-medium text-gray-800 dark:text-neutral-200" }, ro = { class: "space-y-8" }, co = { key: 0 }, uo = { class: "grid p-3 bg-gray-100 rounded-lg md:gap-x-6 md:p-5 dark:bg-neutral-700 grid-cols-6" }, po = ["onClick"], mo = { class: "md:col-span-2" }, go = { class: "text-sm font-medium text-gray-800 dark:text-neutral-200" }, ho = { class: "text-sm text-gray-500 dark:text-neutral-500" }, fo = { class: "grid items-center grid-cols-2 md:block text-end md:text-center" }, yo = ["checked", "onChange"], vo = { class: "grid p-3 bg-gray-100 rounded-lg md:gap-x-6 md:p-5 dark:bg-neutral-700 grid-cols-6" }, bo = { class: "md:col-span-2" }, xo = { class: "font-semibold text-gray-800 dark:text-neutral-200" }, ko = ["onClick"], _o = { class: "md:col-span-2" }, wo = { class: "text-sm font-medium text-gray-800 dark:text-neutral-200" }, $o = { class: "text-sm text-gray-500 dark:text-neutral-500" }, Co = { class: "grid items-center grid-cols-2 md:block text-end md:text-center" }, Mo = ["checked", "onChange"], ge = /* @__PURE__ */ H({
   __name: "GroupInterfaceWidget",
   props: {
     data: {},
     id: {}
   },
-  setup(c) {
-    const l = c, s = M(""), n = ["view", "add", "edit", "del"], o = M({});
-    ee(async () => {
-      const C = await (await fetch(
+  setup(d) {
+    const l = d, s = T(""), n = ["view", "add", "edit", "del"], o = T({});
+    se(async () => {
+      const M = await (await fetch(
         `/api/access-group/${l.id}?tab=vs-group-interface`
       )).json();
-      C.routes && C.routes.forEach((i) => {
+      M.routes && M.routes.forEach((i) => {
         o.value[i.path] = new Set(i.actions);
       });
     });
-    const f = (w, C) => o.value[w]?.has(C) ?? !1, r = (w, C) => {
-      o.value[w] || (o.value[w] = /* @__PURE__ */ new Set()), o.value[w].has(C) ? o.value[w].delete(C) : o.value[w].add(C);
-    }, v = (w, C) => {
+    const h = (w, M) => o.value[w]?.has(M) ?? !1, r = (w, M) => {
+      o.value[w] || (o.value[w] = /* @__PURE__ */ new Set()), o.value[w].has(M) ? o.value[w].delete(M) : o.value[w].add(M);
+    }, y = (w, M) => {
       w.forEach((i) => {
-        i.path && (o.value[i.path] || (o.value[i.path] = /* @__PURE__ */ new Set()), o.value[i.path].has(C) ? o.value[i.path].delete(C) : o.value[i.path].add(C));
+        i.path && (o.value[i.path] || (o.value[i.path] = /* @__PURE__ */ new Set()), o.value[i.path].has(M) ? o.value[i.path].delete(M) : o.value[i.path].add(M));
       });
-    }, g = N(
-      () => Object.entries(o.value).map(([w, C]) => ({
+    }, m = P(
+      () => Object.entries(o.value).map(([w, M]) => ({
         path: w,
-        actions: Array.from(C)
-      }))
+        actions: Array.from(M)
+      })).filter((w) => w.actions.length)
     ), k = async () => {
       await fetch(
         `/api/access-group/${l.id}?tab=vs-group-interface`,
         {
           method: "POST",
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ routes: g.value })
+          body: JSON.stringify({ routes: m.value })
         }
-      ), console.log("Saved", g.value);
-    }, x = () => {
+      ), console.log("Saved", m.value), Ue({ title: "Success!", message: "Permissions saved." });
+    }, b = () => {
       o.value = {};
-    }, m = (w) => {
+    }, p = (w) => {
       if (!s.value.trim()) return w;
-      const C = s.value.toLowerCase();
+      const M = s.value.toLowerCase();
       return w.filter(
-        (i) => i.ua.toLowerCase().includes(C) || i.path && i.path.toLowerCase().includes(C)
+        (i) => i.ua.toLowerCase().includes(M) || i.path && i.path.toLowerCase().includes(M)
       );
-    }, b = N(
-      () => m(l.data.routers.filter((w) => !w.menu))
-    ), F = N(
+    }, v = P(
+      () => p(l.data.routers.filter((w) => !w.menu))
+    ), O = P(
       () => l.data.routers.filter((w) => w.menu).map((w) => ({
         ...w,
-        menu: m(w.menu || [])
+        menu: p(w.menu || [])
       })).filter((w) => w.menu && w.menu.length > 0)
     );
-    return (w, C) => (t(), a("div", eo, [
-      e("div", to, [
-        e("div", so, [
-          C[1] || (C[1] = e("i", { class: "absolute bottom-2/4 translate-y-2/4 text-gray-500 cursor-pointer ti" }, null, -1)),
-          R(e("input", {
+    return (w, M) => (t(), a("div", no, [
+      e("div", oo, [
+        e("div", ao, [
+          M[1] || (M[1] = e("i", { class: "absolute bottom-2/4 translate-y-2/4 text-gray-500 cursor-pointer ti" }, null, -1)),
+          U(e("input", {
             type: "text",
             placeholder: "Пошук",
-            "onUpdate:modelValue": C[0] || (C[0] = (i) => s.value = i),
+            "onUpdate:modelValue": M[0] || (M[0] = (i) => s.value = i),
             class: "bg-white h-[38px] text-sm py-2 px-3 block w-full border border-solid placeholder:text-nowrap border-stone-200 rounded-lg text-sm text-stone-800 placeholder:text-stone-400 focus:outline focus:z-10 focus:border-blue-500 focus:ring-blue-500 focus:outline-blue-500"
           }, null, 512), [
-            [he, s.value]
+            [ye, s.value]
           ])
         ]),
         e("button", {
-          onClick: x,
+          onClick: b,
           class: "inline-flex items-center px-3 py-2 text-sm font-medium duration-300 bg-white border rounded-lg gap-x-2 hover:bg-gray-100"
         }, " Скинути всі "),
         e("button", {
@@ -2020,95 +2052,95 @@ const Mn = { class: "relative min-h-[300px] h-full pb-[3.25rem]" }, Tn = {
           class: "inline-flex items-center px-3 py-2 text-sm font-medium text-white duration-300 bg-blue-600 border border-transparent rounded-lg gap-x-2 hover:bg-blue-700 hover:text-white"
         }, " Зберегти ")
       ]),
-      e("div", no, [
-        C[2] || (C[2] = e("div", { class: "self-center col-span-2" }, [
+      e("div", lo, [
+        M[2] || (M[2] = e("div", { class: "self-center col-span-2" }, [
           e("h2", { class: "font-semibold text-gray-800 dark:text-neutral-200" }, "Групи")
         ], -1)),
-        (t(), a(T, null, j(n, (i, p) => e("div", {
+        (t(), a(j, null, A(n, (i, u) => e("div", {
           class: "col-span-1 text-center",
-          key: p
+          key: u
         }, [
-          e("h3", oo, _(i), 1)
+          e("h3", io, _(i), 1)
         ])), 64))
       ]),
-      e("div", ao, [
-        b.value.length ? (t(), a("div", lo, [
-          e("ul", io, [
-            C[3] || (C[3] = e("li", { class: "md:col-span-2" }, [
+      e("div", ro, [
+        v.value.length ? (t(), a("div", co, [
+          e("ul", uo, [
+            M[3] || (M[3] = e("li", { class: "md:col-span-2" }, [
               e("h3", { class: "font-semibold text-gray-800 dark:text-neutral-200" }, "Без категорії")
             ], -1)),
-            (t(), a(T, null, j(n, (i, p) => e("li", {
-              key: p,
+            (t(), a(j, null, A(n, (i, u) => e("li", {
+              key: u,
               class: "md:block md:col-span-1 md:text-center"
             }, [
               e("button", {
                 type: "button",
                 class: "text-xs font-medium text-blue-600 decoration-2 hover:underline",
-                onClick: (u) => v(b.value, n[p])
-              }, " Toggle all ", 8, ro)
+                onClick: (c) => y(v.value, n[u])
+              }, " Toggle all ", 8, po)
             ])), 64))
           ]),
-          (t(!0), a(T, null, j(b.value, (i, p) => (t(), a("ul", {
-            key: "uncat-" + p,
+          (t(!0), a(j, null, A(v.value, (i, u) => (t(), a("ul", {
+            key: "uncat-" + u,
             class: "grid md:items-center gap-1.5 md:gap-6 px-3 md:px-5 mt-3 grid-cols-6"
           }, [
-            e("li", co, [
-              e("p", uo, _(i.ua), 1),
-              e("p", po, _(i.path), 1)
+            e("li", mo, [
+              e("p", go, _(i.ua), 1),
+              e("p", ho, _(i.path), 1)
             ]),
-            (t(), a(T, null, j(n, (u, h) => e("li", {
-              key: h,
+            (t(), a(j, null, A(n, (c, g) => e("li", {
+              key: g,
               class: "col-span-1"
             }, [
-              e("div", mo, [
+              e("div", fo, [
                 e("input", {
                   type: "checkbox",
-                  checked: f(i.path, u),
-                  onChange: (y) => r(i.path, u),
+                  checked: h(i.path, c),
+                  onChange: ($) => r(i.path, c),
                   class: "text-blue-600 border-gray-300 rounded shrink-0 focus:ring-blue-500"
-                }, null, 40, go)
+                }, null, 40, yo)
               ])
             ])), 64))
           ]))), 128))
-        ])) : $("", !0),
-        (t(!0), a(T, null, j(F.value, (i, p) => (t(), a("div", {
-          key: p,
+        ])) : C("", !0),
+        (t(!0), a(j, null, A(O.value, (i, u) => (t(), a("div", {
+          key: u,
           class: "space-y-5"
         }, [
-          e("ul", ho, [
-            e("li", fo, [
-              e("h3", yo, _(i.ua), 1)
+          e("ul", vo, [
+            e("li", bo, [
+              e("h3", xo, _(i.ua), 1)
             ]),
-            (t(), a(T, null, j(n, (u, h) => e("li", {
-              key: h,
+            (t(), a(j, null, A(n, (c, g) => e("li", {
+              key: g,
               class: "md:block md:col-span-1 md:text-center"
             }, [
               e("button", {
                 type: "button",
                 class: "text-xs font-medium text-blue-600 decoration-2 hover:underline",
-                onClick: (y) => v(i.menu, n[h])
-              }, " Toggle all ", 8, vo)
+                onClick: ($) => y(i.menu, n[g])
+              }, " Toggle all ", 8, ko)
             ])), 64))
           ]),
-          (t(!0), a(T, null, j(i.menu, (u, h) => (t(), a("ul", {
-            key: h,
+          (t(!0), a(j, null, A(i.menu, (c, g) => (t(), a("ul", {
+            key: g,
             class: "grid md:items-center gap-1.5 md:gap-6 px-3 md:px-5 mt-3 grid-cols-6"
           }, [
-            e("li", bo, [
-              e("p", xo, _(u.ua), 1),
-              e("p", ko, _(u.path), 1)
+            e("li", _o, [
+              e("p", wo, _(c.ua), 1),
+              e("p", $o, _(c.path), 1)
             ]),
-            (t(), a(T, null, j(n, (y, d) => e("li", {
-              key: d,
+            (t(), a(j, null, A(n, ($, f) => e("li", {
+              key: f,
               class: "col-span-1"
             }, [
-              e("div", _o, [
+              e("div", Co, [
                 e("input", {
                   type: "checkbox",
-                  checked: f(u.path, y),
-                  onChange: (A) => r(u.path, y),
+                  checked: h(c.path, $),
+                  onChange: (E) => r(c.path, $),
                   class: "text-blue-600 border-gray-300 rounded shrink-0 focus:ring-blue-500"
-                }, null, 40, wo)
+                }, null, 40, Mo)
               ])
             ])), 64))
           ]))), 128))
@@ -2116,22 +2148,22 @@ const Mn = { class: "relative min-h-[300px] h-full pb-[3.25rem]" }, Tn = {
       ])
     ]));
   }
-}), Ve = {
-  "vs-widget-map": ue,
-  "vs-widget-comments": ie,
-  "vs-widget-history": re,
-  "vs-widget-gallery": ce,
-  "vs-widget-file": de,
-  "vs-widget-list": ze,
-  "vs-widget-table": Yn,
-  "vs-group-interface": pe
-}, $o = {
+}), Se = {
+  "vs-widget-map": me,
+  "vs-widget-comments": de,
+  "vs-widget-history": ce,
+  "vs-widget-gallery": pe,
+  "vs-widget-file": ue,
+  "vs-widget-list": He,
+  "vs-widget-table": so,
+  "vs-group-interface": ge
+}, Lo = {
   key: 0,
   class: "mb-4 pb-2 border-b border-gray-200"
-}, Co = { class: "text-lg font-semibold text-gray-900" }, Lo = ["innerHTML"], Mo = {
+}, To = { class: "text-lg font-semibold text-gray-900" }, Do = ["innerHTML"], jo = {
   key: 0,
   class: "mb-4 pb-2 border-b border-gray-200"
-}, To = { class: "text-lg font-semibold text-gray-900" }, Do = ["innerHTML"], Ee = /* @__PURE__ */ V({
+}, Io = { class: "text-lg font-semibold text-gray-900" }, zo = ["innerHTML"], Fe = /* @__PURE__ */ H({
   __name: "CardItem",
   props: {
     items: {},
@@ -2148,69 +2180,69 @@ const Mn = { class: "relative min-h-[300px] h-full pb-[3.25rem]" }, Tn = {
     className: {},
     style: {}
   },
-  setup(c) {
-    const l = c;
+  setup(d) {
+    const l = d;
     console.log(l.data);
-    const s = N(() => l.col ? {
+    const s = P(() => l.col ? {
       [`lg:col-span-${l.col}`]: !0
     } : {});
     function n(r) {
-      return Ve[r] || r;
+      return Se[r] || r;
     }
     const o = function(r = {}) {
-      return r.props && Object.entries(r.props).forEach(([v, g]) => {
-        r[v] = l.data[g];
+      return r.props && Object.entries(r.props).forEach(([y, m]) => {
+        r[y] = l.data[m];
       }), r;
-    }, f = N(() => {
+    }, h = P(() => {
       const r = {};
       return l.col && (r.col = l.col), r;
     });
-    return (r, v) => (t(), a("div", {
-      class: I(["w-full bg-gray-50 rounded-lg p-4 col-span-12", s.value])
+    return (r, y) => (t(), a("div", {
+      class: z(["w-full bg-gray-50 rounded-lg p-4 col-span-12", s.value])
     }, [
-      r.title ? (t(), a("div", $o, [
-        e("h3", Co, _(r.title), 1)
-      ])) : $("", !0),
+      r.title ? (t(), a("div", Lo, [
+        e("h3", To, _(r.title), 1)
+      ])) : C("", !0),
       r.html ? (t(), a("div", {
         key: 1,
         innerHTML: r.html,
         class: "text-gray-900 leading-relaxed"
-      }, null, 8, Lo)) : r.type?.includes("tabs") ? (t(), H(me, {
+      }, null, 8, Do)) : r.type?.includes("tabs") ? (t(), S(he, {
         key: 2,
         view: r.type,
         panels: r.items,
         data: r.data
-      }, null, 8, ["view", "panels", "data"])) : (t(!0), a(T, { key: 3 }, j(r.items, (g) => (t(), a(T, null, [
-        g.title || g.label ? (t(), a("div", Mo, [
-          e("h3", To, _(g.title || g.label), 1)
-        ])) : $("", !0),
-        g.html ? (t(), a("div", {
+      }, null, 8, ["view", "panels", "data"])) : (t(!0), a(j, { key: 3 }, A(r.items, (m) => (t(), a(j, null, [
+        m.title || m.label ? (t(), a("div", jo, [
+          e("h3", Io, _(m.title || m.label), 1)
+        ])) : C("", !0),
+        m.html ? (t(), a("div", {
           key: 1,
-          innerHTML: g.html,
+          innerHTML: m.html,
           class: "text-gray-900 leading-relaxed"
-        }, null, 8, Do)) : g.component ? (t(), H(B(n(g.component)), K({
+        }, null, 8, zo)) : m.component ? (t(), S(W(n(m.component)), J({
           key: 2,
           ref_for: !0
-        }, { geom: r.data.geom, id: r.data.id, ...f.value, ...o(g), data: r.data }, { class: "w-full" }), null, 16)) : W(r.$slots, "default", { key: 3 })
+        }, { geom: r.data.geom, id: r.data.id, ...h.value, ...o(m), data: r.data }, { class: "w-full" }), null, 16)) : R(r.$slots, "default", { key: 3 })
       ], 64))), 256))
     ], 2));
   }
-}), jo = { class: "grid grid-cols-12 gap-[20px]" }, Io = {
+}), Ao = { class: "grid grid-cols-12 gap-[20px]" }, Vo = {
   key: 0,
   class: "col-span-4"
-}, Ao = ["innerHTML"], zo = {
+}, Eo = ["innerHTML"], Ho = {
   key: 0,
   class: "overflow-hidden w-full"
-}, Vo = { class: "flex border-b border-gray-200 bg-gray-50 relative" }, Eo = ["onClick"], Ho = { class: "p-1" }, So = ["innerHTML"], Fo = {
+}, So = { class: "flex border-b border-gray-200 bg-gray-50 relative" }, Fo = ["onClick"], Oo = { class: "p-1" }, Bo = ["innerHTML"], Po = {
   key: 1,
   class: "flex w-full"
-}, Oo = { class: "flex flex-col w-56 border-r border-gray-200 bg-gray-50 relative" }, No = ["onClick"], Po = {
+}, No = { class: "flex flex-col w-56 border-r border-gray-200 bg-gray-50 relative" }, Wo = ["onClick"], Ro = {
   key: 0,
   class: "absolute right-3 top-1/2 -translate-y-1/2 transition-all duration-300"
-}, Bo = { class: "flex-1 p-4" }, Wo = ["innerHTML"], Ro = {
+}, Uo = { class: "flex-1 p-4" }, Go = ["innerHTML"], qo = {
   key: 2,
   class: "p-1 w-full"
-}, Uo = { class: "grid grid-cols-12 gap-4" }, me = /* @__PURE__ */ V({
+}, Zo = { class: "grid grid-cols-12 gap-4" }, he = /* @__PURE__ */ H({
   __name: "Card",
   props: {
     panels: { default: () => [] },
@@ -2223,129 +2255,129 @@ const Mn = { class: "relative min-h-[300px] h-full pb-[3.25rem]" }, Tn = {
     className: {},
     style: {}
   },
-  setup(c) {
-    const l = c, s = M(0), n = M([]);
+  setup(d) {
+    const l = d, s = T(0), n = T([]);
     function o(i) {
-      return Ve[i] || i;
+      return Se[i] || i;
     }
-    function f(i) {
-      return i.forEach((p) => {
-        p.type && (p.view = p.type);
-      }), n.value = i.filter((p) => p.type === "pin"), i.filter((p) => p.type !== "pin");
+    function h(i) {
+      return i.forEach((u) => {
+        u.type && (u.view = u.type);
+      }), n.value = i.filter((u) => u.type === "pin"), i.filter((u) => u.type !== "pin");
     }
-    const r = N(() => l.panels && l.panels.length > 0 ? l.normalizeTabs ? f(l.panels) : l.panels : l.data && Array.isArray(l.data) ? l.data.filter((p) => p.type.includes("tabs"))[0]?.items || [] : []), v = N(() => l.panels && l.panels.length > 0 ? l.normalizeTabs ? f(l.panels) : l.panels : l.data && Array.isArray(l.data) ? l.data : []), g = N(() => ({
+    const r = P(() => l.panels && l.panels.length > 0 ? l.normalizeTabs ? h(l.panels) : l.panels : l.data && Array.isArray(l.data) ? l.data.filter((u) => u.type.includes("tabs"))[0]?.items || [] : []), y = P(() => l.panels && l.panels.length > 0 ? l.normalizeTabs ? h(l.panels) : l.panels : l.data && Array.isArray(l.data) ? l.data : []), m = P(() => ({
       [`view-${l.view}`]: !0
     })), k = (i) => {
-      const p = { ...i };
-      return l.data && (p.data = l.data), p;
-    }, x = M([]), m = M([]), b = M([]);
-    function F(i, p) {
-      i && i instanceof HTMLElement && (x.value[p] = i);
+      const u = { ...i };
+      return l.data && (u.data = l.data), u;
+    }, b = T([]), p = T([]), v = T([]);
+    function O(i, u) {
+      i && i instanceof HTMLElement && (b.value[u] = i);
     }
     function w() {
-      m.value = x.value.map((i) => i.offsetWidth), b.value = x.value.map((i) => i.offsetLeft);
+      p.value = b.value.map((i) => i.offsetWidth), v.value = b.value.map((i) => i.offsetLeft);
     }
-    let C = null;
-    return ee(() => {
-      xe(() => {
+    let M = null;
+    return se(() => {
+      _e(() => {
         w();
-      }), C = new ResizeObserver(() => w()), C.observe(document.body);
-    }), Fe(() => {
-      C?.disconnect();
-    }), Oe(s, () => {
-      xe(() => {
+      }), M = new ResizeObserver(() => w()), M.observe(document.body);
+    }), Pe(() => {
+      M?.disconnect();
+    }), De(s, () => {
+      _e(() => {
         w();
       });
-    }), (i, p) => (t(), a("div", {
-      class: I(i.classWrapper || g.value)
+    }), (i, u) => (t(), a("div", {
+      class: z(i.classWrapper || m.value)
     }, [
-      e("div", jo, [
-        n.value.length !== 0 ? (t(), a("div", Io, [
-          (t(!0), a(T, null, j(n.value[0].items, (u, h) => (t(), a("div", {
-            key: u.name || h,
+      e("div", Ao, [
+        n.value.length !== 0 ? (t(), a("div", Vo, [
+          (t(!0), a(j, null, A(n.value[0].items, (c, g) => (t(), a("div", {
+            key: c.name || g,
             class: "w-full bg-gray-50 rounded-lg p-4 col-span-12 m-1 mb-3"
           }, [
-            u.html ? (t(), a("div", {
+            c.html ? (t(), a("div", {
               key: 0,
-              innerHTML: u.html,
+              innerHTML: c.html,
               class: "text-gray-900 leading-relaxed"
-            }, null, 8, Ao)) : u.component ? (t(), H(B(o(u.component)), K({
+            }, null, 8, Eo)) : c.component ? (t(), S(W(o(c.component)), J({
               key: 1,
               ref_for: !0
-            }, u.component === "Card" ? u : k(u), {
+            }, c.component === "Card" ? c : k(c), {
               id: i.data.id,
               class: "w-full h-full"
-            }), null, 16, ["id"])) : $("", !0)
+            }), null, 16, ["id"])) : C("", !0)
           ]))), 128))
-        ])) : $("", !0),
+        ])) : C("", !0),
         e("div", {
-          class: I(n.value.length !== 0 ? "col-span-8" : "col-span-12")
+          class: z(n.value.length !== 0 ? "col-span-8" : "col-span-12")
         }, [
-          i.view === "tabs" ? (t(), a("div", zo, [
-            e("div", Vo, [
-              m.value.length ? (t(), a("div", {
+          i.view === "tabs" ? (t(), a("div", Ho, [
+            e("div", So, [
+              p.value.length ? (t(), a("div", {
                 key: 0,
                 class: "absolute bottom-0 h-[2px] bg-blue-600 transition-all duration-300",
-                style: J({
-                  width: m.value[s.value] + "px",
-                  left: b.value[s.value] + "px"
+                style: Q({
+                  width: p.value[s.value] + "px",
+                  left: v.value[s.value] + "px"
                 })
-              }, null, 4)) : $("", !0),
-              (t(!0), a(T, null, j(r.value, (u, h) => (t(), a("button", {
-                key: u.name || h,
+              }, null, 4)) : C("", !0),
+              (t(!0), a(j, null, A(r.value, (c, g) => (t(), a("button", {
+                key: c.name || g,
                 ref_for: !0,
-                ref: (y) => F(y, h),
-                onClick: (y) => s.value = h,
-                class: I([
+                ref: ($) => O($, g),
+                onClick: ($) => s.value = g,
+                class: z([
                   "relative px-4 py-3 text-sm font-medium transition-colors duration-300",
-                  s.value === h ? "text-blue-600" : "text-gray-600 hover:text-gray-800"
+                  s.value === g ? "text-blue-600" : "text-gray-600 hover:text-gray-800"
                 ])
-              }, _(u.title || u.label || u.name || `Tab ${h + 1}`), 11, Eo))), 128))
+              }, _(c.title || c.label || c.name || `Tab ${g + 1}`), 11, Fo))), 128))
             ]),
-            e("div", Ho, [
-              (t(!0), a(T, null, j(r.value, (u, h) => R((t(), a("div", {
-                key: u.name || h,
-                class: I([
+            e("div", Oo, [
+              (t(!0), a(j, null, A(r.value, (c, g) => U((t(), a("div", {
+                key: c.name || g,
+                class: z([
                   "transition-all duration-300 ease-in-out",
-                  s.value === h ? "opacity-100 translate-y-0" : "opacity-0 -translate-y-2",
+                  s.value === g ? "opacity-100 translate-y-0" : "opacity-0 -translate-y-2",
                   i.classPanel || "w-full border-gray-100 py-2"
                 ])
               }, [
-                u.html ? (t(), a("div", {
+                c.html ? (t(), a("div", {
                   key: 0,
-                  innerHTML: u.html,
+                  innerHTML: c.html,
                   class: "text-gray-900 leading-relaxed"
-                }, null, 8, So)) : i.$slots[`tab-${h}`] ? W(i.$slots, `tab-${h}`, {
+                }, null, 8, Bo)) : i.$slots[`tab-${g}`] ? R(i.$slots, `tab-${g}`, {
                   key: 1,
-                  item: u,
+                  item: c,
                   data: i.data
-                }) : u.component || u.name ? (t(), H(B(o(u.component || u.name)), K({
+                }) : c.component || c.name ? (t(), S(W(o(c.component || c.name)), J({
                   key: 2,
                   ref_for: !0
-                }, u.component === "Card" ? u : k(u), {
+                }, c.component === "Card" ? c : k(c), {
                   id: i.data.id,
                   class: "w-full h-full"
-                }), null, 16, ["id"])) : W(i.$slots, u.slot || `tab-${h}`, {
+                }), null, 16, ["id"])) : R(i.$slots, c.slot || `tab-${g}`, {
                   key: 3,
-                  item: u,
+                  item: c,
                   data: i.data
                 })
               ], 2)), [
-                [ke, s.value === h]
+                [we, s.value === g]
               ])), 128))
             ])
-          ])) : i.view === "vertical-tabs" ? (t(), a("div", Fo, [
-            e("div", Oo, [
-              (t(!0), a(T, null, j(r.value, (u, h) => (t(), a("button", {
-                key: u.name || h,
-                onClick: (y) => s.value = h,
-                class: I([
+          ])) : i.view === "vertical-tabs" ? (t(), a("div", Po, [
+            e("div", No, [
+              (t(!0), a(j, null, A(r.value, (c, g) => (t(), a("button", {
+                key: c.name || g,
+                onClick: ($) => s.value = g,
+                class: z([
                   "relative px-4 py-3 text-sm font-medium text-left transition-colors duration-300",
-                  s.value === h ? "text-blue-600 bg-white" : "text-gray-600 hover:text-gray-800 hover:bg-gray-100"
+                  s.value === g ? "text-blue-600 bg-white" : "text-gray-600 hover:text-gray-800 hover:bg-gray-100"
                 ])
               }, [
-                O(_(u.title || u.label || u.name || `Tab ${h + 1}`) + " ", 1),
-                s.value === h ? (t(), a("span", Po, p[0] || (p[0] = [
+                B(_(c.title || c.label || c.name || `Tab ${g + 1}`) + " ", 1),
+                s.value === g ? (t(), a("span", Ro, u[0] || (u[0] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
                     xmlns: "http://www.w3.org/2000/svg",
@@ -2356,62 +2388,62 @@ const Mn = { class: "relative min-h-[300px] h-full pb-[3.25rem]" }, Tn = {
                   }, [
                     e("path", { d: "M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z" })
                   ], -1)
-                ]))) : $("", !0)
-              ], 10, No))), 128))
+                ]))) : C("", !0)
+              ], 10, Wo))), 128))
             ]),
-            e("div", Bo, [
-              (t(!0), a(T, null, j(r.value, (u, h) => R((t(), a("div", {
-                key: u.name || h,
-                class: I([
+            e("div", Uo, [
+              (t(!0), a(j, null, A(r.value, (c, g) => U((t(), a("div", {
+                key: c.name || g,
+                class: z([
                   "transition-all duration-300 ease-in-out",
-                  s.value === h ? "opacity-100 translate-y-0" : "opacity-0 -translate-y-2",
+                  s.value === g ? "opacity-100 translate-y-0" : "opacity-0 -translate-y-2",
                   i.classPanel || "w-full border-gray-100 py-2"
                 ])
               }, [
-                u.html ? (t(), a("div", {
+                c.html ? (t(), a("div", {
                   key: 0,
-                  innerHTML: u.html,
+                  innerHTML: c.html,
                   class: "text-gray-900 leading-relaxed"
-                }, null, 8, Wo)) : i.$slots[`tab-${h}`] ? W(i.$slots, `tab-${h}`, {
+                }, null, 8, Go)) : i.$slots[`tab-${g}`] ? R(i.$slots, `tab-${g}`, {
                   key: 1,
-                  item: u,
+                  item: c,
                   data: i.data
-                }) : u.component || u.name ? (t(), H(B(o(u.component || u.name)), K({
+                }) : c.component || c.name ? (t(), S(W(o(c.component || c.name)), J({
                   key: 2,
                   ref_for: !0
-                }, u.component === "Card" ? u : k(u), {
+                }, c.component === "Card" ? c : k(c), {
                   id: i.data.id,
                   class: "w-full h-full"
-                }), null, 16, ["id"])) : W(i.$slots, u.slot || `tab-${h}`, {
+                }), null, 16, ["id"])) : R(i.$slots, c.slot || `tab-${g}`, {
                   key: 3,
-                  item: u,
+                  item: c,
                   data: i.data
                 })
               ], 2)), [
-                [ke, s.value === h]
+                [we, s.value === g]
               ])), 128))
             ])
-          ])) : (t(), a("div", Ro, [
-            e("div", Uo, [
-              (t(!0), a(T, null, j(v.value, (u, h) => (t(), a(T, {
-                key: u.name || h
+          ])) : (t(), a("div", qo, [
+            e("div", Zo, [
+              (t(!0), a(j, null, A(y.value, (c, g) => (t(), a(j, {
+                key: c.name || g
               }, [
-                i.$slots[`panel-${h}`] ? W(i.$slots, `panel-${h}`, {
+                i.$slots[`panel-${g}`] ? R(i.$slots, `panel-${g}`, {
                   key: 0,
-                  item: u,
+                  item: c,
                   data: i.data
-                }) : u.items || u.html ? (t(), H(B(Ee), K({
+                }) : c.items || c.html ? (t(), S(W(Fe), J({
                   key: 1,
                   ref_for: !0
-                }, k(u), {
-                  items: u.items,
+                }, k(c), {
+                  items: c.items,
                   class: "w-full h-full"
-                }), null, 16, ["items"])) : u.component ? (t(), H(B(o(u.component)), K({
+                }), null, 16, ["items"])) : c.component ? (t(), S(W(o(c.component)), J({
                   key: 2,
                   ref_for: !0
-                }, k(u), { class: "w-full h-full" }), null, 16)) : W(i.$slots, u.slot || `panel-${h}`, {
+                }, k(c), { class: "w-full h-full" }), null, 16)) : R(i.$slots, c.slot || `panel-${g}`, {
                   key: 3,
-                  item: u,
+                  item: c,
                   data: i.data
                 })
               ], 64))), 128))
@@ -2421,79 +2453,79 @@ const Mn = { class: "relative min-h-[300px] h-full pb-[3.25rem]" }, Tn = {
       ])
     ], 2));
   }
-}), Go = ["onClick"], qo = /* @__PURE__ */ V({
+}), Ko = ["onClick"], Jo = /* @__PURE__ */ H({
   __name: "CopyNotification",
-  setup(c, { expose: l }) {
-    const s = M([]);
+  setup(d, { expose: l }) {
+    const s = T([]);
     let n = 1;
     const o = () => {
       if (s.value.length >= 10) {
-        const v = s.value[0];
-        clearTimeout(v.timer), s.value.shift();
+        const y = s.value[0];
+        clearTimeout(y.timer), s.value.shift();
       }
       const r = {
         id: n++,
         timer: setTimeout(() => {
-          f(r.id);
+          h(r.id);
         }, 1500)
       };
       s.value.push(r);
-    }, f = (r) => {
-      const v = s.value.findIndex((g) => g.id === r);
-      if (v !== -1) {
-        const g = s.value[v];
-        clearTimeout(g.timer), s.value.splice(v, 1);
+    }, h = (r) => {
+      const y = s.value.findIndex((m) => m.id === r);
+      if (y !== -1) {
+        const m = s.value[y];
+        clearTimeout(m.timer), s.value.splice(y, 1);
       }
     };
     return l({
       addNotification: o
-    }), Ce(() => {
+    }), Le(() => {
       s.value.forEach((r) => {
         clearTimeout(r.timer);
       });
-    }), (r, v) => (t(), H(Ne, { to: "body" }, [
-      z(Pe, {
+    }), (r, y) => (t(), S(Ne, { to: "body" }, [
+      V(We, {
         name: "notification",
         tag: "div",
         class: "fixed top-4 right-4 z-50 space-y-2"
       }, {
-        default: Be(() => [
-          (t(!0), a(T, null, j(s.value, (g) => (t(), a("div", {
-            key: g.id,
+        default: Re(() => [
+          (t(!0), a(j, null, A(s.value, (m) => (t(), a("div", {
+            key: m.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"
           }, [
-            z(D(Ze), { class: "h-5 w-5 text-green-100 flex-shrink-0" }),
-            v[0] || (v[0] = e("div", { class: "flex-1" }, [
+            V(I(Qe), { class: "h-5 w-5 text-green-100 flex-shrink-0" }),
+            y[0] || (y[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: (k) => f(g.id),
+              onClick: (k) => h(m.id),
               class: "text-green-100 hover:text-white transition-colors flex-shrink-0"
             }, [
-              z(D(ve), { class: "h-4 w-4" })
-            ], 8, Go)
+              V(I(xe), { class: "h-4 w-4" })
+            ], 8, Ko)
           ]))), 128))
         ]),
         _: 1
       })
     ]));
   }
-}), Ko = /* @__PURE__ */ G(qo, [["__scopeId", "data-v-55903525"]]);
-me.install = function(c) {
-  c.component("vs-widget-file", de), c.component("vs-widget-comments", ie), c.component("vs-widget-history", re), c.component("vs-widget-gallery", ce), c.component("vs-widget-map", ue), c.component("vs-group-interface", pe), c.component("CommentsWidget", ie), c.component("HistoryWidget", re), c.component("GalleryWidget", ce), c.component("FilesWidget", de), c.component("MapWidget", ue), c.component("Card", me), c.component("CardItem", Ee), c.component("DescriptionListWidget", ze), c.component("CopyNotification", Ko), c.component("GroupInterfaceWidget", pe);
+}), Xo = /* @__PURE__ */ G(Jo, [["__scopeId", "data-v-55903525"]]);
+he.install = function(d) {
+  d.component("vs-widget-file", ue), d.component("vs-widget-comments", de), d.component("vs-widget-history", ce), d.component("vs-widget-gallery", pe), d.component("vs-widget-map", me), d.component("vs-group-interface", ge), d.component("CommentsWidget", de), d.component("HistoryWidget", ce), d.component("GalleryWidget", pe), d.component("FilesWidget", ue), d.component("MapWidget", me), d.component("Card", he), d.component("CardItem", Fe), d.component("DescriptionListWidget", He), d.component("CopyNotification", Xo), d.component("GroupInterfaceWidget", ge);
 };
 export {
-  me as Card,
-  Ee as CardItem,
-  ie as CommentsWidget,
-  Ko as CopyNotification,
-  ze as DescriptionListWidget,
-  de as FilesWidget,
-  ce as GalleryWidget,
-  pe as GroupInterfaceWidget,
-  re as HistoryWidget,
-  ue as MapWidget,
-  Yn as TableWidget,
-  me as default
+  he as Card,
+  Fe as CardItem,
+  de as CommentsWidget,
+  Xo as CopyNotification,
+  He as DescriptionListWidget,
+  ue as FilesWidget,
+  pe as GalleryWidget,
+  ge as GroupInterfaceWidget,
+  ce as HistoryWidget,
+  me as MapWidget,
+  so as TableWidget,
+  he as default
 };