@opengis/admin 0.3.25 → 0.3.27

package/dist/{admin-interface-DDP6KpGO.js → admin-interface-BrB1qb2I.js}

@@ -1,6 +1,6 @@
-import { _ as T, g as We, h as Re, i as He, e as M, I as Ke, j as Be, k as G, V as Je, l as Ge, m as Qe, n as Xe, A as Q, o as Ye, p as Ze, q as et, r as tt, a as st, t as nt, u as qe, s as lt } from "./import-file-B8gDejaq.js";
-import { createElementBlock as i, openBlock as r, createTextVNode as L, createElementVNode as l, toDisplayString as S, createCommentVNode as v, normalizeClass as D, resolveComponent as h, Fragment as $, createVNode as y, withCtx as I, createBlock as k, renderList as V, withModifiers as at, createStaticVNode as rt, withDirectives as N, vModelCheckbox as ot, Transition as R, vModelText as it, renderSlot as dt, vShow as X, Teleport as ut, getCurrentInstance as Oe, ref as K, resolveDynamicComponent as J, defineComponent as ct, withKeys as pt, normalizeStyle as H } from "vue";
-const ht = {
+import { _ as S, g as Je, h as Ge, i as Qe, f as M, I as Xe, s as E, j as Ue, k as Q, A as X, V as Ye, l as Ze, m as et, n as tt, o as st, p as nt, q as lt, a as at, r as rt, t as ot, u as Ee } from "./import-file-CPyXYrIv.js";
+import { openBlock as r, createElementBlock as i, createTextVNode as P, toDisplayString as A, createElementVNode as a, normalizeClass as w, createCommentVNode as k, resolveComponent as f, Fragment as $, createVNode as x, withCtx as D, createBlock as v, renderList as V, withModifiers as it, createStaticVNode as dt, withDirectives as U, vModelCheckbox as ut, Transition as W, vModelText as ct, renderSlot as ht, vShow as Y, Teleport as pt, getCurrentInstance as Re, ref as J, resolveDynamicComponent as G, defineComponent as bt, withKeys as ft, normalizeStyle as K } from "vue";
+const gt = {
   data() {
     return {
       currentSort: ""
@@ -61,27 +61,27 @@ const ht = {
       return `${this.data.name}-${t}` === this.selectedSortParam;
     }
   }
-}, bt = {
+}, mt = {
   scope: "col",
-  class: "py-1 pe-2 text-start",
+  class: "text-start",
   ref: "column"
-}, ft = { class: "w-[24px]" }, gt = {
+}, xt = { class: "w-[24px]" }, yt = {
   key: 1,
   class: "flex items-center px-1 py-3 font-medium text-gray-800 text-start gap-x-1 dark:text-neutral-200"
 };
-function mt(t, e, n, o, s, a) {
-  return r(), i("th", bt, [
-    a.getVisibleIcon ? (r(), i("button", {
+function vt(t, e, n, o, s, l) {
+  return r(), i("th", mt, [
+    l.getVisibleIcon ? (r(), i("button", {
       key: 0,
       type: "button",
-      class: "flex items-center px-1 py-3 font-medium text-gray-800 text-start gap-x-1 dark:text-neutral-200",
-      onClick: e[0] || (e[0] = (c) => a.handleClickSortBtn(s.currentSort))
+      class: "flex items-center px-1 py-2 font-medium text-gray-800 text-start gap-x-1 dark:text-neutral-200",
+      onClick: e[0] || (e[0] = (c) => l.handleClickSortBtn(s.currentSort))
     }, [
-      L(S(a.label) + " ", 1),
-      l("span", ft, [
+      P(A(l.label) + " ", 1),
+      a("span", xt, [
         s.currentSort ? (r(), i("svg", {
           key: 0,
-          class: D(["shrink-0 size-3.5", { "rotate-180": s.currentSort === "asc" }]),
+          class: w(["shrink-0 size-3.5", { "rotate-180": s.currentSort === "asc" }]),
           xmlns: "http://www.w3.org/2000/svg",
           width: "24",
           height: "24",
@@ -92,18 +92,18 @@ function mt(t, e, n, o, s, a) {
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
         }, e[1] || (e[1] = [
-          l("path", { d: "m5 12 7-7 7 7" }, null, -1),
-          l("path", { d: "M12 19V5" }, null, -1)
-        ]), 2)) : v("", !0)
+          a("path", { d: "m5 12 7-7 7 7" }, null, -1),
+          a("path", { d: "M12 19V5" }, null, -1)
+        ]), 2)) : k("", !0)
       ])
-    ])) : (r(), i("p", gt, S(a.label), 1))
+    ])) : (r(), i("p", yt, A(l.label), 1))
   ], 512);
 }
-const xt = /* @__PURE__ */ T(ht, [["render", mt]]), yt = {
+const kt = /* @__PURE__ */ S(gt, [["render", vt]]), _t = {
   components: {
-    IconMore: He,
-    IconDelete: Re,
-    IconEdit: We
+    IconMore: Je,
+    IconDelete: Ge,
+    IconEdit: Qe
   },
   emits: ["updateTable"],
   props: {
@@ -182,82 +182,82 @@ const xt = /* @__PURE__ */ T(ht, [["render", mt]]), yt = {
       }), await this.$emit("update-table"));
     }
   }
-}, kt = { class: "inline-flex" }, vt = { class: "inline-flex items-center justify-center bg-white border rounded-lg shadow-sm size-7 gap-x-2 border-stone-200 text-stone-800 hover:bg-stone-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-stone-50" }, _t = { class: "flex flex-col items-start" }, Ct = ["onClick"], wt = { class: "text-gray-800" }, $t = {
+}, Ct = { class: "inline-flex" }, wt = { class: "inline-flex items-center justify-center bg-white border rounded-lg shadow-sm size-7 gap-x-2 border-stone-200 text-stone-800 hover:bg-stone-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-stone-50" }, $t = { class: "flex flex-col items-start" }, St = ["onClick"], Tt = { class: "text-gray-800" }, At = {
   key: 1,
   class: "h-[1px] w-[80%] bg-gray-200 ml-auto mr-auto"
-}, Tt = { class: "flex justify-end p-[16px] pr-0 gap-x-3" };
-function At(t, e, n, o, s, a) {
-  const c = h("IconMore"), g = h("IconEdit"), p = h("router-link"), b = h("IconDelete"), d = h("VsPopover"), _ = h("VsConfirm");
+}, It = { class: "flex justify-end p-[16px] pr-0 gap-x-3" };
+function Dt(t, e, n, o, s, l) {
+  const c = f("IconMore"), g = f("IconEdit"), p = f("router-link"), b = f("IconDelete"), d = f("VsPopover"), y = f("VsConfirm");
   return r(), i($, null, [
-    l("div", kt, [
-      y(d, {
+    a("div", Ct, [
+      x(d, {
         trigger: "click",
         placement: "bottom-left"
       }, {
-        reference: I(() => [
-          l("button", vt, [
-            y(c, {
+        reference: D(() => [
+          a("button", wt, [
+            x(c, {
               height: "16",
               width: "16"
             })
           ])
         ]),
-        default: I(() => {
-          var x, f, C, m, w;
+        default: D(() => {
+          var m, h, _, C, I;
           return [
-            l("div", _t, [
-              (x = n.actions) != null && x.includes("edit") && n.isForm ? (r(), k(p, {
+            a("div", $t, [
+              (m = n.actions) != null && m.includes("edit") && n.isForm ? (r(), v(p, {
                 key: 0,
-                to: `/edit?table=${(C = (f = t.$route) == null ? void 0 : f.params) == null ? void 0 : C.catchAll}&id=${(m = n.item) == null ? void 0 : m.id}`,
+                to: `/edit?table=${(_ = (h = t.$route) == null ? void 0 : h.params) == null ? void 0 : _.catchAll}&id=${(C = n.item) == null ? void 0 : C.id}`,
                 class: "w-full flex items-center gap-x-3 py-1.5 px-2 rounded-lg text-[13px] text-stone-800 hover:bg-stone-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-stone-100"
               }, {
-                default: I(() => [
-                  y(g, { color: "#000" }),
-                  e[4] || (e[4] = L(" Редагувати "))
+                default: D(() => [
+                  x(g, { color: "#000" }),
+                  e[4] || (e[4] = P(" Редагувати "))
                 ]),
                 _: 1
-              }, 8, ["to"])) : v("", !0),
-              (r(!0), i($, null, V(a.getCustomActions, (A, P) => (r(), i("button", {
-                key: P,
-                onClick: (F) => a.customButtonAction(A),
+              }, 8, ["to"])) : k("", !0),
+              (r(!0), i($, null, V(l.getCustomActions, (T, F) => (r(), i("button", {
+                key: F,
+                onClick: (j) => l.customButtonAction(T),
                 class: "w-full flex items-center gap-x-3 py-1.5 px-2 rounded-lg text-[13px] text-stone-800 hover:bg-stone-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-stone-100"
               }, [
-                y(b, { class: "opacity-0" }),
-                l("span", wt, S(A == null ? void 0 : A.label), 1)
-              ], 8, Ct))), 128)),
-              n.isForm ? (r(), i("div", $t)) : v("", !0),
-              (w = n.actions) != null && w.includes("del") ? (r(), i("button", {
+                x(b, { class: "opacity-0" }),
+                a("span", Tt, A(T == null ? void 0 : T.label), 1)
+              ], 8, St))), 128)),
+              n.isForm ? (r(), i("div", At)) : k("", !0),
+              (I = n.actions) != null && I.includes("del") ? (r(), i("button", {
                 key: 2,
-                onClick: e[0] || (e[0] = at((...A) => a.openConfirm && a.openConfirm(...A), ["stop"])),
+                onClick: e[0] || (e[0] = it((...T) => l.openConfirm && l.openConfirm(...T), ["stop"])),
                 class: "w-full flex items-center gap-x-3 py-1.5 px-2 rounded-lg text-[13px] text-stone-800 hover:bg-stone-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-stone-100"
               }, [
-                y(b),
-                e[5] || (e[5] = l("span", { class: "text-gray-800" }, "Видалити", -1))
-              ])) : v("", !0)
+                x(b),
+                e[5] || (e[5] = a("span", { class: "text-gray-800" }, "Видалити", -1))
+              ])) : k("", !0)
             ])
           ];
         }),
         _: 1
       })
     ]),
-    y(_, {
+    x(y, {
       visible: s.isDeleteConfirm,
-      "onUpdate:visible": e[3] || (e[3] = (x) => s.isDeleteConfirm = x),
+      "onUpdate:visible": e[3] || (e[3] = (m) => s.isDeleteConfirm = m),
       size: "small",
       title: "Ви впевнені?"
     }, {
-      default: I(() => [
-        e[6] || (e[6] = l("p", { class: "mt-1 text-sm text-gray-600 dark:text-neutral-400" }, " Ви впевнені, що хочете видалити цей об'єкт? ", -1)),
-        l("div", Tt, [
-          l("button", {
+      default: D(() => [
+        e[6] || (e[6] = a("p", { class: "mt-1 text-sm text-gray-600 dark:text-neutral-400" }, " Ви впевнені, що хочете видалити цей об'єкт? ", -1)),
+        a("div", It, [
+          a("button", {
             type: "button",
             class: "inline-flex items-center px-3 py-2 text-xs font-medium duration-300 border rounded-lg shadow-sm hover:bg-gray-100 gap-x-2 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-50",
-            onClick: e[1] || (e[1] = (x) => s.isDeleteConfirm = !1)
+            onClick: e[1] || (e[1] = (m) => s.isDeleteConfirm = !1)
           }, " Скасувати "),
-          l("button", {
+          a("button", {
             type: "button",
             class: "inline-flex items-center px-3 py-2 text-xs font-medium text-white duration-300 bg-red-500 rounded-lg gap-x-2 hover:bg-red-700 disabled:opacity-50 disabled:pointer-events-none",
-            onClick: e[2] || (e[2] = (...x) => a.deleteElement && a.deleteElement(...x))
+            onClick: e[2] || (e[2] = (...m) => l.deleteElement && l.deleteElement(...m))
           }, " Так, я впевнена(ий) ")
         ])
       ]),
@@ -265,7 +265,7 @@ function At(t, e, n, o, s, a) {
     }, 8, ["visible"])
   ], 64);
 }
-const St = /* @__PURE__ */ T(yt, [["render", At]]), It = {}, Dt = {
+const Vt = /* @__PURE__ */ S(_t, [["render", Dt]]), Pt = {}, Ft = {
   class: "flex-shrink-0 mt-0.5 size-3.5",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -275,15 +275,15 @@ const St = /* @__PURE__ */ T(yt, [["render", At]]), It = {}, Dt = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Vt(t, e, n, o, s, a) {
-  return r(), i("svg", Dt, e[0] || (e[0] = [
-    l("path", { d: "m3 16 4 4 4-4" }, null, -1),
-    l("path", { d: "M7 20V4" }, null, -1),
-    l("path", { d: "m21 8-4-4-4 4" }, null, -1),
-    l("path", { d: "M17 4v16" }, null, -1)
+function jt(t, e, n, o, s, l) {
+  return r(), i("svg", Ft, e[0] || (e[0] = [
+    a("path", { d: "m3 16 4 4 4-4" }, null, -1),
+    a("path", { d: "M7 20V4" }, null, -1),
+    a("path", { d: "m21 8-4-4-4 4" }, null, -1),
+    a("path", { d: "M17 4v16" }, null, -1)
   ]));
 }
-const Pt = /* @__PURE__ */ T(It, [["render", Vt]]), Ft = {}, jt = {
+const Lt = /* @__PURE__ */ S(Pt, [["render", jt]]), Mt = {}, zt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -295,19 +295,19 @@ const Pt = /* @__PURE__ */ T(It, [["render", Vt]]), Ft = {}, jt = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-rosette-discount-check"
 };
-function Lt(t, e, n, o, s, a) {
-  return r(), i("svg", jt, e[0] || (e[0] = [
-    l("path", {
+function qt(t, e, n, o, s, l) {
+  return r(), i("svg", zt, e[0] || (e[0] = [
+    a("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    l("path", { d: "M5 7.2a2.2 2.2 0 0 1 2.2 -2.2h1a2.2 2.2 0 0 0 1.55 -.64l.7 -.7a2.2 2.2 0 0 1 3.12 0l.7 .7c.412 .41 .97 .64 1.55 .64h1a2.2 2.2 0 0 1 2.2 2.2v1c0 .58 .23 1.138 .64 1.55l.7 .7a2.2 2.2 0 0 1 0 3.12l-.7 .7a2.2 2.2 0 0 0 -.64 1.55v1a2.2 2.2 0 0 1 -2.2 2.2h-1a2.2 2.2 0 0 0 -1.55 .64l-.7 .7a2.2 2.2 0 0 1 -3.12 0l-.7 -.7a2.2 2.2 0 0 0 -1.55 -.64h-1a2.2 2.2 0 0 1 -2.2 -2.2v-1a2.2 2.2 0 0 0 -.64 -1.55l-.7 -.7a2.2 2.2 0 0 1 0 -3.12l.7 -.7a2.2 2.2 0 0 0 .64 -1.55v-1" }, null, -1),
-    l("path", { d: "M9 12l2 2l4 -4" }, null, -1)
+    a("path", { d: "M5 7.2a2.2 2.2 0 0 1 2.2 -2.2h1a2.2 2.2 0 0 0 1.55 -.64l.7 -.7a2.2 2.2 0 0 1 3.12 0l.7 .7c.412 .41 .97 .64 1.55 .64h1a2.2 2.2 0 0 1 2.2 2.2v1c0 .58 .23 1.138 .64 1.55l.7 .7a2.2 2.2 0 0 1 0 3.12l-.7 .7a2.2 2.2 0 0 0 -.64 1.55v1a2.2 2.2 0 0 1 -2.2 2.2h-1a2.2 2.2 0 0 0 -1.55 .64l-.7 .7a2.2 2.2 0 0 1 -3.12 0l-.7 -.7a2.2 2.2 0 0 0 -1.55 -.64h-1a2.2 2.2 0 0 1 -2.2 -2.2v-1a2.2 2.2 0 0 0 -.64 -1.55l-.7 -.7a2.2 2.2 0 0 1 0 -3.12l.7 -.7a2.2 2.2 0 0 0 .64 -1.55v-1" }, null, -1),
+    a("path", { d: "M9 12l2 2l4 -4" }, null, -1)
   ]));
 }
-const Mt = /* @__PURE__ */ T(Ft, [["render", Lt]]), zt = {
-  components: { IconExport: Pt, IconChevronDown: Ke, IconSuccess: Mt },
+const Bt = /* @__PURE__ */ S(Mt, [["render", qt]]), Ot = {
+  components: { IconExport: Lt, IconChevronDown: Xe, IconSuccess: Bt },
   props: {
     table: String,
     columns: Array,
@@ -340,6 +340,11 @@ const Mt = /* @__PURE__ */ T(Ft, [["render", Lt]]), zt = {
       t || (this.format = "", this.cols = [], this.activeAction = "", this.isSuccessTemplate = !1);
     }
   },
+  computed: {
+    color() {
+      return E.value.sidebarColor || "blue";
+    }
+  },
   methods: {
     async exportTable() {
       var t;
@@ -373,15 +378,15 @@ const Mt = /* @__PURE__ */ T(Ft, [["render", Lt]]), zt = {
           responseType: "blob"
         }), n = await e.data.text(), o = n != null && n.includes(";") ? null : JSON == null ? void 0 : JSON.parse(n), s = new Blob([e.data], {
           type: "application/octet-stream"
-        }), a = window.URL.createObjectURL(s), c = document.createElement("a");
-        if (c.href = a, c.setAttribute(
+        }), l = window.URL.createObjectURL(s), c = document.createElement("a");
+        if (c.href = l, c.setAttribute(
           "download",
           `${this.table.split(".")[0]}.${this.format}`
         ), document.body.appendChild(c), typeof o == "string") {
           this.exportTable();
           return;
         }
-        c.click(), document.body.removeChild(c), window.URL.revokeObjectURL(a), this.$notify({
+        c.click(), document.body.removeChild(c), window.URL.revokeObjectURL(l), this.$notify({
           type: "success",
           title: "Експорт",
           message: "Файл успішно експортовано!"
@@ -409,126 +414,126 @@ const Mt = /* @__PURE__ */ T(Ft, [["render", Lt]]), zt = {
       this.cols = (e = (t = this.columns) == null ? void 0 : t.filter((n) => (n == null ? void 0 : n.hidden) !== !0)) == null ? void 0 : e.map((n) => n == null ? void 0 : n.name), this.activeAction = "choceVisible";
     }
   }
-}, qt = {
+}, Nt = {
   key: 0,
   class: "flex flex-col items-center"
-}, Bt = {
+}, Et = {
   key: 1,
   class: "p-4"
-}, Ot = { class: "pb-5 mb-5 border-b border-gray-200 last:pb-0 last:mb-0 last:border-b-0 dark:border-neutral-700" }, Nt = { class: "flex items-center gap-[10px] -ml-[10px] my-[10px]" }, Et = ["onClick"], Ut = {
+}, Ut = { class: "pb-5 mb-5 border-b border-gray-200 last:pb-0 last:mb-0 last:border-b-0 dark:border-neutral-700" }, Rt = { class: "flex items-center gap-[10px] -ml-[10px] my-[10px]" }, Ht = ["onClick"], Wt = {
   key: 0,
   class: "block h-[8px] w-[8px] rounded-full bg-blue-500"
-}, Wt = { class: "mt-2 flex row flex-wrap gap-y-[5px] gap-x-[10px]" }, Rt = { class: "pb-5 mb-5 border-b border-gray-200 last:pb-0 last:mb-0 last:border-b-0 dark:border-neutral-700" }, Ht = { class: "mt-2 space-y-2" }, Kt = ["id", "onChange"], Jt = ["for"], Gt = {
+}, Kt = { class: "mt-2 flex row flex-wrap gap-y-[5px] gap-x-[10px]" }, Jt = { class: "pb-5 mb-5 border-b border-gray-200 last:pb-0 last:mb-0 last:border-b-0 dark:border-neutral-700" }, Gt = { class: "mt-2 space-y-2" }, Qt = ["id", "onChange"], Xt = ["for"], Yt = {
   key: 0,
   class: "flex w-full justify-end p-[20px] gap-[6px] border-t"
-}, Qt = {
+}, Zt = {
   key: 1,
   class: "flex w-full justify-end p-[20px] gap-[6px] border-t"
 };
-function Xt(t, e, n, o, s, a) {
-  const c = h("IconExport"), g = h("IconSuccess"), p = h("VsCheckbox"), b = h("VsDialog");
+function es(t, e, n, o, s, l) {
+  const c = f("IconExport"), g = f("IconSuccess"), p = f("VsCheckbox"), b = f("VsDialog");
   return r(), i($, null, [
-    l("button", {
+    a("button", {
       onClick: e[0] || (e[0] = (d) => s.isOpen = !0),
       class: "py-2 max-h-[34px] px-2.5 md:inline-flex hidden items-center gap-x-1.5 text-xs font-medium rounded-lg border border-gray-200 bg-white text-gray-800 shadow-sm hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-50 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"
     }, [
-      y(c, {
+      x(c, {
         height: "16",
         width: "16"
       }),
-      e[7] || (e[7] = L(" Експорт "))
+      e[7] || (e[7] = P(" Експорт "))
     ]),
-    y(b, {
+    x(b, {
       visible: s.isOpen,
       "onUpdate:visible": e[6] || (e[6] = (d) => s.isOpen = d),
       title: "Експорт таблиці",
       size: "small",
       closeClickBack: !0
     }, {
-      footer: I(() => [
-        s.isSuccessTemplate ? (r(), i("div", Gt, [
-          l("button", {
+      footer: D(() => [
+        s.isSuccessTemplate ? (r(), i("div", Yt, [
+          a("button", {
             type: "button",
             class: "inline-flex items-center justify-center px-3 py-2 text-sm font-medium text-gray-800 align-middle bg-white border border-gray-200 rounded-lg shadow-sm text-nowrap text-start hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
             onClick: e[2] || (e[2] = (d) => s.isOpen = !1)
           }, " Закрити "),
-          l("button", {
+          a("button", {
             type: "button",
             class: "inline-flex items-center justify-center px-3 py-2 text-sm font-medium text-white align-middle bg-blue-600 border border-blue-600 rounded-lg shadow-sm text-nowrap gap-x-2 text-start hover:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:ring-1 focus:ring-blue-300 dark:focus:ring-blue-500",
             onClick: e[3] || (e[3] = (d) => s.isSuccessTemplate = !1)
           }, " Вигрузити ще ")
-        ])) : (r(), i("div", Qt, [
-          l("button", {
+        ])) : (r(), i("div", Zt, [
+          a("button", {
             type: "button",
             class: "inline-flex items-center justify-center px-3 py-2 text-sm font-medium text-gray-800 align-middle bg-white border border-gray-200 rounded-lg shadow-sm text-nowrap text-start hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
             onClick: e[4] || (e[4] = (d) => s.isOpen = !1)
           }, " Скасувати "),
-          l("button", {
+          a("button", {
             type: "button",
-            class: "inline-flex items-center justify-center px-3 py-2 text-sm font-medium text-white align-middle bg-blue-600 border border-blue-600 rounded-lg shadow-sm text-nowrap gap-x-2 text-start hover:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:ring-1 focus:ring-blue-300 dark:focus:ring-blue-500",
-            onClick: e[5] || (e[5] = (...d) => a.exportTable && a.exportTable(...d))
-          }, " Завантажити таблицю ")
+            class: w(`inline-flex items-center justify-center px-3 py-2 text-sm font-medium text-white align-middle bg-${l.color}-700 rounded-lg shadow-sm text-nowrap gap-x-2 text-start hover:bg-${l.color}-800 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:ring-1 focus:ring-${l.color}-300 dark:focus:ring-${l.color}-500`),
+            onClick: e[5] || (e[5] = (...d) => l.exportTable && l.exportTable(...d))
+          }, " Завантажити таблицю ", 2)
         ]))
       ]),
-      default: I(() => [
-        s.isSuccessTemplate ? (r(), i("div", qt, [
-          y(g, {
+      default: D(() => [
+        s.isSuccessTemplate ? (r(), i("div", Nt, [
+          x(g, {
             height: "100",
             width: "100",
             class: "text-green-200 mb-[20px]"
           }),
-          e[8] || (e[8] = l("h2", null, "Звіт сформовано і збережено", -1))
-        ])) : (r(), i("div", Bt, [
-          l("div", Ot, [
-            e[9] || (e[9] = l("h2", { class: "text-sm font-[600] text-gray-500" }, " Виберіть стовпці таблиці для експорту: ", -1)),
-            l("div", Nt, [
+          e[8] || (e[8] = a("h2", null, "Звіт сформовано і збережено", -1))
+        ])) : (r(), i("div", Et, [
+          a("div", Ut, [
+            e[9] || (e[9] = a("h2", { class: "text-sm font-[600] text-gray-500" }, " Виберіть стовпці таблиці для експорту: ", -1)),
+            a("div", Rt, [
               (r(!0), i($, null, V(s.actions, (d) => (r(), i("button", {
                 key: d == null ? void 0 : d.name,
                 onClick: d == null ? void 0 : d.function,
                 class: "inline-flex items-center gap-[8px] justify-center px-3 py-2 text-sm font-medium text-gray-800 align-middle bg-white border-gray-200 text-nowrap text-start"
               }, [
-                l("span", {
-                  class: D(["h-[14px] w-[14px] border rounded-full flex items-center justify-center", { "border-blue-500": (d == null ? void 0 : d.name) === s.activeAction }])
+                a("span", {
+                  class: w(["h-[14px] w-[14px] border rounded-full flex items-center justify-center", { "border-blue-500": (d == null ? void 0 : d.name) === s.activeAction }])
                 }, [
-                  (d == null ? void 0 : d.name) === s.activeAction ? (r(), i("span", Ut)) : v("", !0)
+                  (d == null ? void 0 : d.name) === s.activeAction ? (r(), i("span", Wt)) : k("", !0)
                 ], 2),
-                L(" " + S(d == null ? void 0 : d.label), 1)
-              ], 8, Et))), 128))
+                P(" " + A(d == null ? void 0 : d.label), 1)
+              ], 8, Ht))), 128))
             ]),
-            l("div", Wt, [
-              (r(!0), i($, null, V(n.columns, (d, _) => (r(), i("div", {
+            a("div", Kt, [
+              (r(!0), i($, null, V(n.columns, (d, y) => (r(), i("div", {
                 class: "flex items-center",
-                key: _,
+                key: y,
                 style: { width: "calc((100% - 10px) / 2)" }
               }, [
-                y(p, {
+                x(p, {
                   class: "[&>label]:text-sm [&>label]:text-gray-800 [&>label]:ms-3 !gap-x-[1px] !p-0",
                   modelValue: s.cols,
-                  "onUpdate:modelValue": e[1] || (e[1] = (x) => s.cols = x),
+                  "onUpdate:modelValue": e[1] || (e[1] = (m) => s.cols = m),
                   value: d == null ? void 0 : d.name,
                   label: d == null ? void 0 : d.ua
                 }, null, 8, ["modelValue", "value", "label"])
               ]))), 128))
             ])
           ]),
-          l("div", Rt, [
-            e[10] || (e[10] = l("h2", { class: "text-sm font-[600] text-gray-500" }, "Виберіть формат таблиці:", -1)),
-            l("div", Ht, [
-              (r(!0), i($, null, V(s.tableFormats, (d, _) => (r(), i("div", {
+          a("div", Jt, [
+            e[10] || (e[10] = a("h2", { class: "text-sm font-[600] text-gray-500" }, " Виберіть формат таблиці: ", -1)),
+            a("div", Gt, [
+              (r(!0), i($, null, V(s.tableFormats, (d, y) => (r(), i("div", {
                 class: "flex items-center",
-                key: _
+                key: y
               }, [
-                l("input", {
+                a("input", {
                   type: "radio",
                   name: "hs-pro-duecmfm",
                   class: "text-blue-600 border-gray-300 rounded-full shrink-0 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-500 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800",
                   id: d,
-                  onChange: (x) => a.selectFormat(d)
-                }, null, 40, Kt),
-                l("label", {
+                  onChange: (m) => l.selectFormat(d)
+                }, null, 40, Qt),
+                a("label", {
                   for: d,
                   class: "text-sm text-gray-800 ms-3 dark:text-neutral-400"
-                }, " Формат " + S(d), 9, Jt)
+                }, " Формат " + A(d), 9, Xt)
               ]))), 128))
             ])
           ])
@@ -538,7 +543,7 @@ function Xt(t, e, n, o, s, a) {
     }, 8, ["visible"])
   ], 64);
 }
-const Yt = /* @__PURE__ */ T(zt, [["render", Xt]]), Zt = {}, es = {
+const ts = /* @__PURE__ */ S(Ot, [["render", es]]), ss = {}, ns = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -548,16 +553,16 @@ const Yt = /* @__PURE__ */ T(zt, [["render", Xt]]), Zt = {}, es = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-columns"
 };
-function ts(t, e, n, o, s, a) {
-  return r(), i("svg", es, e[0] || (e[0] = [
-    rt('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M4 6l5.5 0"></path><path d="M4 10l5.5 0"></path><path d="M4 14l5.5 0"></path><path d="M4 18l5.5 0"></path><path d="M14.5 6l5.5 0"></path><path d="M14.5 10l5.5 0"></path><path d="M14.5 14l5.5 0"></path><path d="M14.5 18l5.5 0"></path>', 9)
+function ls(t, e, n, o, s, l) {
+  return r(), i("svg", ns, e[0] || (e[0] = [
+    dt('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M4 6l5.5 0"></path><path d="M4 10l5.5 0"></path><path d="M4 14l5.5 0"></path><path d="M4 18l5.5 0"></path><path d="M14.5 6l5.5 0"></path><path d="M14.5 10l5.5 0"></path><path d="M14.5 14l5.5 0"></path><path d="M14.5 18l5.5 0"></path>', 9)
   ]));
 }
-const ss = /* @__PURE__ */ T(Zt, [["render", ts]]), ns = {
+const as = /* @__PURE__ */ S(ss, [["render", ls]]), rs = {
   props: { column: Object },
   emits: ["update-column"],
   components: {
-    IconCheck2: Be
+    IconCheck2: Ue
   },
   data() {
     return {
@@ -569,28 +574,33 @@ const ss = /* @__PURE__ */ T(Zt, [["render", ts]]), ns = {
       this.$emit("update-column", { ...this.column, hidden: !t });
     }
   },
+  computed: {
+    color() {
+      return E.value.sidebarColor || "blue";
+    }
+  },
   mounted() {
     var t;
     ((t = this.column) == null ? void 0 : t.hidden) !== !0 && (this.value = !0);
   }
-}, ls = { class: "flex justify-between items-center py-1.5 px-3 cursor-pointer rounded-lg hover:bg-gray-100 has-[:disabled]:opacity-50 has-[:disabled]:pointer-events-none dark:hover:bg-neutral-800" }, as = { class: "flex justify-between flex-1 items-center gap-x-2.5 cursor-pointer text-[13px] text-gray-800 dark:text-neutral-300" };
-function rs(t, e, n, o, s, a) {
+}, os = { class: "flex justify-between items-center py-1.5 px-3 cursor-pointer rounded-lg hover:bg-gray-100 has-[:disabled]:opacity-50 has-[:disabled]:pointer-events-none dark:hover:bg-neutral-800" }, is = { class: "flex justify-between flex-1 items-center gap-x-2.5 cursor-pointer text-[13px] text-gray-800 dark:text-neutral-300" };
+function ds(t, e, n, o, s, l) {
   var g, p;
-  const c = h("IconCheck2");
-  return r(), i("div", ls, [
-    l("label", as, [
-      L(S(((g = n.column) == null ? void 0 : g.ua) || ((p = n.column) == null ? void 0 : p.title)) + " ", 1),
-      N(l("input", {
+  const c = f("IconCheck2");
+  return r(), i("div", os, [
+    a("label", is, [
+      P(A(((g = n.column) == null ? void 0 : g.ua) || ((p = n.column) == null ? void 0 : p.title)) + " ", 1),
+      U(a("input", {
         type: "checkbox",
         "onUpdate:modelValue": e[0] || (e[0] = (b) => s.value = b),
         class: "hidden"
       }, null, 512), [
-        [ot, s.value]
+        [ut, s.value]
       ]),
-      l("span", {
-        class: D(["flex items-center justify-center text-white border border-gray-300 rounded shrink-0 size-4 focus:ring-blue-500", [s.value ? "bg-blue-600 border-0" : "bg-white"]])
+      a("span", {
+        class: w(["flex items-center justify-center text-white border border-gray-300 rounded shrink-0 size-4 focus:ring-blue-500", [s.value ? "bg-" + l.color + "-600 border-0" : "bg-white"]])
       }, [
-        y(c, {
+        x(c, {
           height: "12",
           width: "12"
         })
@@ -598,8 +608,8 @@ function rs(t, e, n, o, s, a) {
     ])
   ]);
 }
-const os = /* @__PURE__ */ T(ns, [["render", rs]]), is = {
-  components: { IconColumns: ss, AdminTableColumnsHiddenItem: os },
+const us = /* @__PURE__ */ S(rs, [["render", ds]]), cs = {
+  components: { IconColumns: as, AdminTableColumnsHiddenItem: us },
   emits: ["update-columns"],
   props: { columns: Array },
   data() {
@@ -613,8 +623,8 @@ const os = /* @__PURE__ */ T(ns, [["render", rs]]), is = {
       var t;
       return (t = this.columns) == null ? void 0 : t.filter(
         (e) => {
-          var n, o, s, a, c, g;
-          return ((s = (n = e == null ? void 0 : e.ua) == null ? void 0 : n.toLowerCase()) == null ? void 0 : s.includes((o = this.searchValue) == null ? void 0 : o.toLowerCase())) || ((g = (a = e == null ? void 0 : e.title) == null ? void 0 : a.toLowerCase()) == null ? void 0 : g.includes((c = this.searchValue) == null ? void 0 : c.toLowerCase()));
+          var n, o, s, l, c, g;
+          return ((s = (n = e == null ? void 0 : e.ua) == null ? void 0 : n.toLowerCase()) == null ? void 0 : s.includes((o = this.searchValue) == null ? void 0 : o.toLowerCase())) || ((g = (l = e == null ? void 0 : e.title) == null ? void 0 : l.toLowerCase()) == null ? void 0 : g.includes((c = this.searchValue) == null ? void 0 : c.toLowerCase()));
         }
       );
     }
@@ -635,66 +645,66 @@ const os = /* @__PURE__ */ T(ns, [["render", rs]]), is = {
   beforeUnmount() {
     document.removeEventListener("click", this.handleClickOutside);
   }
-}, ds = {
+}, hs = {
   class: "relative",
   ref: "wrapper"
-}, us = {
+}, ps = {
   key: 0,
   class: "absolute left-[50%] top-[110%] translate-x-[-50%] z-10 w-64 transition-[opacity,margin] duration bg-white rounded-xl shadow-lg dark:bg-neutral-900"
-}, cs = { class: "relative p-1 border-gray-200 border-y dark:border-neutral-800" }, ps = { class: "p-1 pt-3 max-h-80 overflow-y-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500" }, hs = {
+}, bs = { class: "relative p-1 border-gray-200 border-y dark:border-neutral-800" }, fs = { class: "p-1 pt-3 max-h-80 overflow-y-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500" }, gs = {
   key: 0,
   class: "block px-3 mb-2 text-xs text-gray-500 dark:text-neutral-500"
-}, bs = { class: "space-y-1" }, fs = {
+}, ms = { class: "space-y-1" }, xs = {
   key: 1,
   class: "flex items-center px-3 text-[13px] py-1.5 px-3 rounded-md cursor-pointer group"
 };
-function gs(t, e, n, o, s, a) {
-  const c = h("IconColumns"), g = h("AdminTableColumnsHiddenItem");
-  return r(), i("div", ds, [
-    l("button", {
-      onClick: e[0] || (e[0] = (...p) => a.toggleVisible && a.toggleVisible(...p)),
+function ys(t, e, n, o, s, l) {
+  const c = f("IconColumns"), g = f("AdminTableColumnsHiddenItem");
+  return r(), i("div", hs, [
+    a("button", {
+      onClick: e[0] || (e[0] = (...p) => l.toggleVisible && l.toggleVisible(...p)),
       class: "py-2 max-h-[34px] px-2.5 md:inline-flex hidden items-center gap-x-1.5 text-xs font-medium rounded-lg border border-gray-200 bg-white text-gray-800 shadow-sm hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-50 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"
     }, [
-      y(c, {
+      x(c, {
         height: "20",
         width: "16"
       })
     ]),
-    y(R, { name: "fade" }, {
-      default: I(() => {
+    x(W, { name: "fade" }, {
+      default: D(() => {
         var p, b;
         return [
-          s.visible ? (r(), i("div", us, [
-            e[2] || (e[2] = l("div", { class: "flex items-center justify-between h-[48px] px-4 py-2 gap-x-2 text-sm font-medium text-gray-800" }, " Колонки ", -1)),
-            l("div", cs, [
-              N(l("input", {
+          s.visible ? (r(), i("div", ps, [
+            e[2] || (e[2] = a("div", { class: "flex items-center justify-between h-[48px] px-4 py-2 gap-x-2 text-sm font-medium text-gray-800" }, " Колонки ", -1)),
+            a("div", bs, [
+              U(a("input", {
                 "onUpdate:modelValue": e[1] || (e[1] = (d) => s.searchValue = d),
                 type: "text",
                 class: "py-1.5 px-3 block w-full border-transparent rounded-lg sm:text-sm text-base placeholder:text-gray-500 hover:bg-gray-100 focus:outline-none focus:border-transparent focus:ring-0 focus:bg-gray-100 disabled:opacity-100 disabled:pointer-events-none dark:bg-transparent dark:border-transparent dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:ring-neutral-600 dark:focus:bg-neutral-800",
                 placeholder: "Пошук",
                 autofocus: ""
               }, null, 512), [
-                [it, s.searchValue]
+                [ct, s.searchValue]
               ])
             ]),
-            l("div", ps, [
-              (p = a.filteredColumn) != null && p.length ? (r(), i("span", hs, " Оберіть колонки для відображення ")) : v("", !0),
-              l("div", bs, [
-                (b = a.filteredColumn) != null && b.length ? (r(!0), i($, { key: 0 }, V(a.filteredColumn, (d, _) => (r(), k(g, {
-                  key: _,
+            a("div", fs, [
+              (p = l.filteredColumn) != null && p.length ? (r(), i("span", gs, " Оберіть колонки для відображення ")) : k("", !0),
+              a("div", ms, [
+                (b = l.filteredColumn) != null && b.length ? (r(!0), i($, { key: 0 }, V(l.filteredColumn, (d, y) => (r(), v(g, {
+                  key: y,
                   column: d,
-                  onUpdateColumn: a.updateColumn
-                }, null, 8, ["column", "onUpdateColumn"]))), 128)) : (r(), i("div", fs, " Нічого не знайдено "))
+                  onUpdateColumn: l.updateColumn
+                }, null, 8, ["column", "onUpdateColumn"]))), 128)) : (r(), i("div", xs, " Нічого не знайдено "))
               ])
             ])
-          ])) : v("", !0)
+          ])) : k("", !0)
         ];
       }),
       _: 1
     })
   ], 512);
 }
-const ms = /* @__PURE__ */ T(is, [["render", gs]]), xs = {}, ys = {
+const vs = /* @__PURE__ */ S(cs, [["render", ys]]), ks = {}, _s = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -704,18 +714,18 @@ const ms = /* @__PURE__ */ T(is, [["render", gs]]), xs = {}, ys = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-minus"
 };
-function ks(t, e, n, o, s, a) {
-  return r(), i("svg", ys, e[0] || (e[0] = [
-    l("path", {
+function Cs(t, e, n, o, s, l) {
+  return r(), i("svg", _s, e[0] || (e[0] = [
+    a("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    l("path", { d: "M5 12l14 0" }, null, -1)
+    a("path", { d: "M5 12l14 0" }, null, -1)
   ]));
 }
-const vs = /* @__PURE__ */ T(xs, [["render", ks]]), _s = {
-  components: { IconPlus: G, IconMinus: vs },
+const ws = /* @__PURE__ */ S(ks, [["render", Cs]]), $s = {
+  components: { IconPlus: Q, IconMinus: ws },
   props: {
     title: String,
     defaultValue: { type: Boolean, default: () => !1 }
@@ -723,35 +733,35 @@ const vs = /* @__PURE__ */ T(xs, [["render", ks]]), _s = {
   data() {
     return { expanded: this.defaultValue };
   }
-}, Cs = { class: "hs-accordion" }, ws = { class: "py-0.5 flex items-center gap-x-0.5 w-full" }, $s = { class: "text-sm font-medium" }, Ts = { class: "relative inline-block w-full duration-150 cursor-pointer before:block before:absolute b" };
-function As(t, e, n, o, s, a) {
-  const c = h("IconPlus"), g = h("IconMinus");
+}, Ss = { class: "hs-accordion" }, Ts = { class: "py-0.5 flex items-center gap-x-0.5 w-full" }, As = { class: "text-sm font-medium" }, Is = { class: "relative inline-block w-full duration-150 cursor-pointer before:block before:absolute b" };
+function Ds(t, e, n, o, s, l) {
+  const c = f("IconPlus"), g = f("IconMinus");
   return r(), i("div", null, [
-    l("div", null, [
-      l("div", Cs, [
-        l("div", ws, [
-          l("div", {
+    a("div", null, [
+      a("div", Ss, [
+        a("div", Ts, [
+          a("div", {
             onClick: e[0] || (e[0] = (p) => s.expanded = !s.expanded),
             class: "rounded-md cursor-pointer grow"
           }, [
-            l("span", $s, S(n.title), 1)
+            a("span", As, A(n.title), 1)
           ]),
-          l("button", {
+          a("button", {
             class: "flex items-center justify-center rounded-md size-6 hover:bg-gray-100",
             onClick: e[1] || (e[1] = (p) => s.expanded = !s.expanded)
           }, [
-            s.expanded ? (r(), k(g, {
+            s.expanded ? (r(), v(g, {
               key: 1,
               width: "14"
-            })) : (r(), k(c, { key: 0 }))
+            })) : (r(), v(c, { key: 0 }))
           ])
         ]),
-        y(R, { name: "fade" }, {
-          default: I(() => [
-            N(l("div", Ts, [
-              dt(t.$slots, "default", {}, void 0, !0)
+        x(W, { name: "fade" }, {
+          default: D(() => [
+            U(a("div", Is, [
+              ht(t.$slots, "default", {}, void 0, !0)
             ], 512), [
-              [X, s.expanded]
+              [Y, s.expanded]
             ])
           ]),
           _: 3
@@ -760,126 +770,66 @@ function As(t, e, n, o, s, a) {
     ])
   ]);
 }
-const Ss = /* @__PURE__ */ T(_s, [["render", As], ["__scopeId", "data-v-c6318482"]]), Is = {
+const Vs = /* @__PURE__ */ S($s, [["render", Ds], ["__scopeId", "data-v-c6318482"]]), Ps = {
   components: {
-    AdminComponentIs: Q,
-    AdminTree: Ss,
-    VsNoData: Xe,
-    VsWidgetComments: Qe,
-    VsWidgetMap: Ge,
-    VsWidgetFileList: Je
+    AdminComponentIs: X,
+    AdminTree: Vs,
+    VsNoData: Ye,
+    VsWidgetComments: Ze,
+    VsWidgetMap: et,
+    VsWidgetFileList: tt
   },
   props: { table: String, columns: Array, row: Object }
-}, Ds = {
-  class: "hs-accordion border-gray-100 w-[360px] shrink-0 overflow-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar:horizontal]:h-[8px] [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500",
+}, Fs = {
+  class: "pl-2 hs-accordion w-[360px] shrink-0 overflow-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar:horizontal]:h-[8px] [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500",
   style: { height: "calc(100vh - 310px)" }
-}, Vs = {
-  class: "border-l",
-  style: { height: "calc(100vh - 360px)" }
-}, Ps = { class: "flow-root mt-[10px]" }, Fs = { class: "-my-3 text-sm divide-y divide-gray-100" }, js = { class: "flex py-3 sm:grid-cols-3 sm:gap-4" }, Ls = { class: "font-medium text-black w-[50%]" }, Ms = { class: "text-gray-700 sm:col-span-2 w-[50%]" }, zs = { class: "table-info-card" }, qs = { class: "table-info-card" };
-function Bs(t, e, n, o, s, a) {
-  var x, f, C;
-  const c = h("AdminComponentIs"), g = h("AdminTree"), p = h("VsWidgetMap"), b = h("VsNoData"), d = h("VsWidgetComments"), _ = h("VsWidgetFileList");
-  return r(), i("div", Ds, [
-    e[0] || (e[0] = l("div", { class: "p-[10px] pl-[18px] pb-[18px] border-b" }, [
-      l("h2", { class: "text-sm font-medium" }, "Інформація про об'єкт")
+}, js = {
+  style: { height: "calc(100vh - 360px)" },
+  class: "pl-2"
+}, Ls = { class: "flow-root mt-[10px]" }, Ms = { class: "divide-y divide-gray-100 text-[12px]" }, zs = { class: "grid grid-cols-1 gap-1 py-3 even:bg-gray-50 sm:grid-cols-3 sm:gap-4" }, qs = { class: "font-medium text-gray-900" }, Bs = { class: "text-gray-700 sm:col-span-2" };
+function Os(t, e, n, o, s, l) {
+  var b, d, y, m;
+  const c = f("AdminComponentIs"), g = f("VsWidgetFileList"), p = f("VsNoData");
+  return r(), i("div", Fs, [
+    e[0] || (e[0] = a("div", { class: "pl-[10px] py-[9px]" }, [
+      a("h2", { class: "text-sm font-medium text-center" }, "Інформація про об'єкт")
     ], -1)),
-    l("div", Vs, [
-      (f = (x = t.$route) == null ? void 0 : x.query) != null && f.card ? (r(), i($, { key: 0 }, [
-        n.row ? (r(), k(g, {
-          key: 0,
-          defaultValue: !0,
-          title: "Основна інформація",
-          class: "border-b p-[10px] py-[16px]"
-        }, {
-          default: I(() => [
-            l("div", Ps, [
-              l("dl", Fs, [
-                (r(!0), i($, null, V(n.columns, (m) => (r(), i("div", js, [
-                  l("dt", Ls, S((m == null ? void 0 : m.ua) || (m == null ? void 0 : m.title)), 1),
-                  l("dd", Ms, [
-                    y(c, {
-                      row: n.row,
-                      column: m,
-                      table: n.table
-                    }, null, 8, ["row", "column", "table"])
-                  ])
-                ]))), 256))
-              ])
-            ])
-          ]),
-          _: 1
-        })) : v("", !0),
-        (C = n.row) != null && C.geom ? (r(), k(g, {
-          key: 1,
-          title: "Карта",
-          class: "border-b p-[10px] py-[16px]"
-        }, {
-          default: I(() => {
-            var m, w;
-            return [
-              (m = n.row) != null && m.geom ? (r(), k(p, {
-                key: 0,
-                geometry: (w = n.row) == null ? void 0 : w.geom,
-                zoom: 14
-              }, null, 8, ["geometry"])) : (r(), k(b, {
-                key: 1,
-                title: "У об'єкта відсутня геометрія",
-                text: "",
-                class: "[&>div]:h-[200px] [&>div]:min-h-[400px] h-[400px]"
-              }))
-            ];
-          }),
-          _: 1
-        })) : v("", !0),
-        y(g, {
-          title: "Коментарі",
-          class: "border-b p-[10px] py-[16px]"
-        }, {
-          default: I(() => {
-            var m;
-            return [
-              l("div", zs, [
-                y(d, {
-                  id: (m = n.row) == null ? void 0 : m.id
-                }, null, 8, ["id"])
-              ])
-            ];
-          }),
-          _: 1
-        }),
-        y(g, {
-          title: "Файли",
-          class: "border-b p-[10px] py-[16px]"
-        }, {
-          default: I(() => {
-            var m, w;
-            return [
-              l("div", qs, [
-                (r(), k(_, {
-                  key: (m = n.row) == null ? void 0 : m.id,
-                  id: (w = n.row) == null ? void 0 : w.id
-                }, null, 8, ["id"]))
+    a("div", js, [
+      (d = (b = t.$route) == null ? void 0 : b.query) != null && d.card ? (r(), i($, { key: 0 }, [
+        a("div", Ls, [
+          a("dl", Ms, [
+            (r(!0), i($, null, V(n.columns, (h) => (r(), i("div", zs, [
+              a("dt", qs, A((h == null ? void 0 : h.ua) || (h == null ? void 0 : h.title)), 1),
+              a("dd", Bs, [
+                x(c, {
+                  row: n.row,
+                  column: h,
+                  table: n.table
+                }, null, 8, ["row", "column", "table"])
               ])
-            ];
-          }),
-          _: 1
-        })
-      ], 64)) : (r(), k(b, {
+            ]))), 256))
+          ])
+        ]),
+        (r(), v(g, {
+          key: (y = n.row) == null ? void 0 : y.id,
+          id: (m = n.row) == null ? void 0 : m.id,
+          class: "mt-10"
+        }, null, 8, ["id"]))
+      ], 64)) : (r(), v(p, {
         key: 1,
         text: "Оберіть один з об'єктів в таблиці для відображення інформаціі про нього"
       }))
     ])
   ]);
 }
-const Os = /* @__PURE__ */ T(Is, [["render", Bs]]), Ns = {
+const Ns = /* @__PURE__ */ S(Ps, [["render", Os]]), Es = {
   emits: ["filterChange"],
   props: {
     scheme: { type: Object },
     onFilters: { type: Number },
     table: { type: String }
   },
-  components: { IconFilter: Ye },
+  components: { IconFilter: st },
   data() {
     return {
       isFilters: !1
@@ -890,36 +840,36 @@ const Os = /* @__PURE__ */ T(Is, [["render", Bs]]), Ns = {
       this.isFilters && t.classList.contains("filter-container") && (this.isFilters = !1);
     }
   }
-}, Es = {
+}, Us = {
   key: 0,
   class: "px-[7px] text-[10px] py-[1px] font-[700] text-white bg-blue-500 rounded-full"
-}, Us = { class: "filter-content h-screen bg-white w-[400px] overflow-x-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar:horizontal]:h-[8px] [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500" };
-function Ws(t, e, n, o, s, a) {
-  const c = h("IconFilter"), g = h("VsFilter");
+}, Rs = { class: "filter-content h-screen bg-white w-[400px] overflow-x-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar:horizontal]:h-[8px] [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500" };
+function Hs(t, e, n, o, s, l) {
+  const c = f("IconFilter"), g = f("VsFilter");
   return r(), i($, null, [
-    l("button", {
+    a("button", {
       onClick: e[0] || (e[0] = (p) => s.isFilters = !s.isFilters),
       class: "py-2 px-2.5 max-h-[34px] inline-flex items-center gap-x-1.5 text-xs font-medium rounded-lg border border-gray-200 bg-white text-gray-800 shadow-sm hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none"
     }, [
-      y(c, {
+      x(c, {
         height: "16",
         width: "16"
       }),
-      e[4] || (e[4] = L(" Фільтри ")),
-      n.onFilters ? (r(), i("span", Es, S(n.onFilters), 1)) : v("", !0)
+      e[4] || (e[4] = P(" Фільтри ")),
+      n.onFilters ? (r(), i("span", Us, A(n.onFilters), 1)) : k("", !0)
     ]),
-    y(R, { name: "fade" }, {
-      default: I(() => {
+    x(W, { name: "fade" }, {
+      default: D(() => {
         var p;
         return [
-          (r(), k(ut, { to: "#modal" }, [
-            N(l("div", {
-              onClick: e[3] || (e[3] = (...b) => a.closeFilter && a.closeFilter(...b)),
+          (r(), v(pt, { to: "#modal" }, [
+            U(a("div", {
+              onClick: e[3] || (e[3] = (...b) => l.closeFilter && l.closeFilter(...b)),
               style: { height: "100vh" },
               class: "fixed filter-container top-0 flex justify-end items-center z-[12] right-0 left-0 bottom-0 bg-[rgba(0,0,0,0.2)]"
             }, [
-              l("div", Us, [
-                (p = n.scheme) != null && p.length ? (r(), k(g, {
+              a("div", Rs, [
+                (p = n.scheme) != null && p.length ? (r(), v(g, {
                   key: 0,
                   ref: "filter",
                   scheme: n.scheme,
@@ -933,10 +883,10 @@ function Ws(t, e, n, o, s, a) {
                   onFilterChange: e[1] || (e[1] = (b) => t.$emit("filterChange", b)),
                   closeFilterBtn: !0,
                   onFilterClose: e[2] || (e[2] = (b) => s.isFilters = !1)
-                }, null, 8, ["scheme", "token"])) : v("", !0)
+                }, null, 8, ["scheme", "token"])) : k("", !0)
               ])
             ], 512), [
-              [X, s.isFilters]
+              [Y, s.isFilters]
             ])
           ]))
         ];
@@ -945,25 +895,25 @@ function Ws(t, e, n, o, s, a) {
     })
   ], 64);
 }
-const Rs = /* @__PURE__ */ T(Ns, [["render", Ws]]), Hs = {
+const Ws = /* @__PURE__ */ S(Es, [["render", Hs]]), Ks = {
   props: { tabsList: { type: Array, default: () => [] }, filterState: String }
-}, Ks = {
+}, Js = {
   class: "relative flex space-x-1 mb-[20px] after:absolute after:w-[99%] after:bottom-0 after:inset-x-0 after:border-b-2 after:border-gray-200 dark:after:border-neutral-700",
   "aria-label": "Tabs",
   role: "tablist",
   "aria-orientation": "horizontal"
-}, Js = ["onClick"];
-function Gs(t, e, n, o, s, a) {
-  return r(), i("nav", Ks, [
+}, Gs = ["onClick"];
+function Qs(t, e, n, o, s, l) {
+  return r(), i("nav", Js, [
     (r(!0), i($, null, V(n.tabsList, (c) => (r(), i("button", {
       onClick: (g) => t.$emit("update:filterState", c == null ? void 0 : c.name),
-      class: D(["hs-tab-active:after:bg-gray-800 hs-tab-active:text-gray-800 px-2.5 py-1.5 mb-2 relative inline-flex justify-center items-center gap-x-2 hover:bg-gray-100 text-gray-500 hover:text-gray-800 text-sm rounded-lg disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-100 after:absolute after:-bottom-2 after:inset-x-0 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 active", {
+      class: w(["hs-tab-active:after:bg-gray-800 hs-tab-active:text-gray-800 px-2.5 py-1.5 mb-2 relative inline-flex justify-center items-center gap-x-2 hover:bg-gray-100 text-gray-500 hover:text-gray-800 text-sm rounded-lg disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-100 after:absolute after:-bottom-2 after:inset-x-0 after:z-10 after:h-0.5 after:pointer-events-none dark:hs-tab-active:text-neutral-200 dark:hs-tab-active:after:bg-neutral-400 dark:text-neutral-500 dark:hover:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 active", {
         " font-semibold after:absolute after:bottom-[-8px] after:left-2.5 after:right-2.5 after:z-10 after:h-0.5 after:bg-gray-800": (c == null ? void 0 : c.name) === n.filterState
       }])
-    }, S(c == null ? void 0 : c.label), 11, Js))), 256))
+    }, A(c == null ? void 0 : c.label), 11, Gs))), 256))
   ]);
 }
-const Qs = /* @__PURE__ */ T(Hs, [["render", Gs]]), Xs = {}, Ys = {
+const Xs = /* @__PURE__ */ S(Ks, [["render", Qs]]), Ys = {}, Zs = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -973,51 +923,51 @@ const Qs = /* @__PURE__ */ T(Hs, [["render", Gs]]), Xs = {}, Ys = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-filter"
 };
-function Zs(t, e, n, o, s, a) {
-  return r(), i("svg", Ys, e[0] || (e[0] = [
-    l("path", {
+function en(t, e, n, o, s, l) {
+  return r(), i("svg", Zs, e[0] || (e[0] = [
+    a("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    l("path", { d: "M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227z" }, null, -1)
+    a("path", { d: "M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227z" }, null, -1)
   ]));
 }
-const en = /* @__PURE__ */ T(Xs, [["render", Zs]]), tn = {
-  components: { IconFilter2: en, IconCheck2: Be },
+const tn = /* @__PURE__ */ S(Ys, [["render", en]]), sn = {
+  components: { IconFilter2: tn, IconCheck2: Ue },
   props: { filterCustom: String, customList: Array }
-}, sn = { class: "py-2 max-h-[34px] px-2.5 inline-flex items-center gap-x-1.5 text-xs font-medium rounded-lg border border-gray-200 bg-white text-gray-800 shadow-sm hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-50 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" }, nn = { class: "flex flex-col p-[2px] gap-[2px] w-[170px]" }, ln = ["onClick"], an = { class: "text-sm text-gray-800" };
-function rn(t, e, n, o, s, a) {
-  const c = h("IconFilter2"), g = h("IconCheck2"), p = h("VsPopover");
-  return r(), k(p, {
+}, nn = { class: "py-2 max-h-[34px] px-2.5 inline-flex items-center gap-x-1.5 text-xs font-medium rounded-lg border border-gray-200 bg-white text-gray-800 shadow-sm hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-50 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" }, ln = { class: "flex flex-col p-[2px] gap-[2px] w-[170px]" }, an = ["onClick"], rn = { class: "text-sm text-gray-800" };
+function on(t, e, n, o, s, l) {
+  const c = f("IconFilter2"), g = f("IconCheck2"), p = f("VsPopover");
+  return r(), v(p, {
     ref: "popover",
     placement: "bottom"
   }, {
-    reference: I(() => [
-      l("button", sn, [
-        y(c, {
+    reference: D(() => [
+      a("button", nn, [
+        x(c, {
           height: "20",
           width: "20"
         })
       ])
     ]),
-    default: I(() => [
-      l("div", nn, [
+    default: D(() => [
+      a("div", ln, [
         (r(!0), i($, null, V(n.customList, (b, d) => (r(), i("button", {
-          onClick: (_) => {
-            var x;
-            t.$emit("update:filterCustom", b == null ? void 0 : b.name), (x = t.$refs) == null || x.popover.togglePopover();
+          onClick: (y) => {
+            var m;
+            t.$emit("update:filterCustom", b == null ? void 0 : b.name), (m = t.$refs) == null || m.popover.togglePopover();
           },
           key: d,
-          class: D(["flex items-center px-3 py-1 rounded-md cursor-pointer group hover:bg-gray-100", { "bg-gray-100": n.filterCustom === (b == null ? void 0 : b.name) }])
+          class: w(["flex items-center px-3 py-1 rounded-md cursor-pointer group hover:bg-gray-100", { "bg-gray-100": n.filterCustom === (b == null ? void 0 : b.name) }])
         }, [
-          l("span", an, S(b == null ? void 0 : b.label), 1),
-          n.filterCustom === (b == null ? void 0 : b.name) ? (r(), k(g, {
+          a("span", rn, A(b == null ? void 0 : b.label), 1),
+          n.filterCustom === (b == null ? void 0 : b.name) ? (r(), v(g, {
             key: 0,
             class: "ml-auto size-3 shrink-0"
-          })) : v("", !0)
-        ], 10, ln))), 128)),
-        l("button", {
+          })) : k("", !0)
+        ], 10, an))), 128)),
+        a("button", {
           class: "flex items-center px-3 py-1 rounded-md cursor-pointer group hover:bg-gray-100",
           onClick: e[0] || (e[0] = (b) => {
             var d;
@@ -1029,67 +979,67 @@ function rn(t, e, n, o, s, a) {
     _: 1
   }, 512);
 }
-const on = /* @__PURE__ */ T(tn, [["render", rn]]), dn = { class: "flex items-center gap-x-2" }, un = {
+const dn = /* @__PURE__ */ S(sn, [["render", on]]), un = { class: "flex items-center gap-x-2" }, cn = {
   __name: "admin-table-custom-buttons",
   props: {
     slots: Object,
     data: Object
   },
   setup(t) {
-    var g, p, b, d, _;
-    const { asyncTemplateSlot: e } = (_ = (d = (b = (p = (g = Oe()) == null ? void 0 : g.appContext) == null ? void 0 : p.app) == null ? void 0 : b.config) == null ? void 0 : d.globalProperties) == null ? void 0 : _.utils, n = K(""), o = K(""), s = t, a = () => {
-      var x, f, C, m, w;
-      if ((x = s.slots) != null && x.panelLeft || (o.value = "div"), (C = (f = s.slots) == null ? void 0 : f.panelLeft) != null && C.includes("<")) {
-        const A = e("PanelLeft", (m = s.slots) == null ? void 0 : m.panelLeft, [
+    var g, p, b, d, y;
+    const { asyncTemplateSlot: e } = (y = (d = (b = (p = (g = Re()) == null ? void 0 : g.appContext) == null ? void 0 : p.app) == null ? void 0 : b.config) == null ? void 0 : d.globalProperties) == null ? void 0 : y.utils, n = J(""), o = J(""), s = t, l = () => {
+      var m, h, _, C, I;
+      if ((m = s.slots) != null && m.panelLeft || (o.value = "div"), (_ = (h = s.slots) == null ? void 0 : h.panelLeft) != null && _.includes("<")) {
+        const T = e("PanelLeft", (C = s.slots) == null ? void 0 : C.panelLeft, [
           "name"
         ]);
-        o.value = A;
+        o.value = T;
       } else
-        o.value = (w = s.slots) == null ? void 0 : w.panelLeft;
+        o.value = (I = s.slots) == null ? void 0 : I.panelLeft;
     }, c = () => {
-      var x, f, C, m, w;
-      if ((x = s.slots) != null && x.panelRight || (n.value = "div"), (C = (f = s.slots) == null ? void 0 : f.panelRight) != null && C.includes("<")) {
-        const A = e("PanelRight", (m = s.slots) == null ? void 0 : m.panelRight, [
+      var m, h, _, C, I;
+      if ((m = s.slots) != null && m.panelRight || (n.value = "div"), (_ = (h = s.slots) == null ? void 0 : h.panelRight) != null && _.includes("<")) {
+        const T = e("PanelRight", (C = s.slots) == null ? void 0 : C.panelRight, [
           "name"
         ]);
-        n.value = A;
+        n.value = T;
       } else
-        n.value = (w = s.slots) == null ? void 0 : w.panelRight;
+        n.value = (I = s.slots) == null ? void 0 : I.panelRight;
     };
-    return a(), c(), (x, f) => (r(), i("div", dn, [
-      (r(), k(J(o.value), { data: t.data }, null, 8, ["data"])),
-      (r(), k(J(n.value), { data: t.data }, null, 8, ["data"]))
+    return l(), c(), (m, h) => (r(), i("div", un, [
+      (r(), v(G(o.value), { data: t.data }, null, 8, ["data"])),
+      (r(), v(G(n.value), { data: t.data }, null, 8, ["data"]))
     ]));
   }
-}, cn = {
+}, hn = {
   __name: "admin-custom-button-add",
   props: {
     slots: Object
   },
   setup(t) {
-    var a, c, g, p, b;
-    const { asyncTemplateSlot: e } = (b = (p = (g = (c = (a = Oe()) == null ? void 0 : a.appContext) == null ? void 0 : c.app) == null ? void 0 : g.config) == null ? void 0 : p.globalProperties) == null ? void 0 : b.utils, n = K(""), o = t;
+    var l, c, g, p, b;
+    const { asyncTemplateSlot: e } = (b = (p = (g = (c = (l = Re()) == null ? void 0 : l.appContext) == null ? void 0 : c.app) == null ? void 0 : g.config) == null ? void 0 : p.globalProperties) == null ? void 0 : b.utils, n = J(""), o = t;
     return (() => {
-      var d, _, x, f, C;
-      if ((d = o.slots) != null && d.addButton || (n.value = "div"), (x = (_ = o.slots) == null ? void 0 : _.addButton) != null && x.includes("<")) {
-        const m = e("addButton", (f = o.slots) == null ? void 0 : f.addButton, [
+      var d, y, m, h, _;
+      if ((d = o.slots) != null && d.addButton || (n.value = "div"), (m = (y = o.slots) == null ? void 0 : y.addButton) != null && m.includes("<")) {
+        const C = e("addButton", (h = o.slots) == null ? void 0 : h.addButton, [
           "IconPlus"
         ]);
-        n.value = m;
+        n.value = C;
       } else
-        n.value = (C = o.slots) == null ? void 0 : C.addButton;
-    })(), (d, _) => n.value ? (r(), k(J(n.value), {
+        n.value = (_ = o.slots) == null ? void 0 : _.addButton;
+    })(), (d, y) => n.value ? (r(), v(G(n.value), {
       key: 0,
-      IconPlus: G
-    })) : v("", !0);
+      IconPlus: Q
+    })) : k("", !0);
   }
 }, pn = {
   key: 0,
   class: "px-1 py-3 text-gray-800 font-[500]"
-}, hn = {
+}, bn = {
   key: 1,
   class: "px-1 py-3 text-gray-800 font-[700]"
-}, bn = {
+}, fn = {
   __name: "admin-table-totals-list",
   props: {
     columns: { type: Array, default: () => [] },
@@ -1104,16 +1054,16 @@ const on = /* @__PURE__ */ T(tn, [["render", rn]]), dn = { class: "flex items-ce
           key: o == null ? void 0 : o.name
         }, [
           (s = t.agg) != null && s[o == null ? void 0 : o.name] ? (r(), i("td", pn, [
-            y(Q, {
+            x(X, {
               column: o,
               row: t.agg
             }, null, 8, ["column", "row"])
-          ])) : (r(), i("td", hn))
+          ])) : (r(), i("td", bn))
         ], 64);
       }), 128))
     ]));
   }
-}, fn = {}, gn = {
+}, gn = {}, mn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -1123,18 +1073,18 @@ const on = /* @__PURE__ */ T(tn, [["render", rn]]), dn = { class: "flex items-ce
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-check"
 };
-function mn(t, e, n, o, s, a) {
-  return r(), i("svg", gn, e[0] || (e[0] = [
-    l("path", {
+function xn(t, e, n, o, s, l) {
+  return r(), i("svg", mn, e[0] || (e[0] = [
+    a("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    l("path", { d: "M5 12l5 5l10 -10" }, null, -1)
+    a("path", { d: "M5 12l5 5l10 -10" }, null, -1)
   ]));
 }
-const xn = /* @__PURE__ */ T(fn, [["render", mn]]), yn = ct({
-  components: { IconChevronDown: Ze, IconCheck: xn },
+const yn = /* @__PURE__ */ S(gn, [["render", xn]]), vn = bt({
+  components: { IconChevronDown: nt, IconCheck: yn },
   props: {
     total: { type: Number, default: () => 0 },
     pageSize: { type: Number, default: () => 20 },
@@ -1203,7 +1153,7 @@ const xn = /* @__PURE__ */ T(fn, [["render", mn]]), yn = ct({
       let n = Math.max(t - e, 1), o = n + this.maxPages - 1;
       o > this.pagesCount && (o = this.pagesCount, n = Math.max(o - this.maxPages + 1, 1)), this.pages = Array.from(
         { length: o - n + 1 },
-        (s, a) => n + a
+        (s, l) => n + l
       );
     },
     handleClickPrev() {
@@ -1219,64 +1169,64 @@ const xn = /* @__PURE__ */ T(fn, [["render", mn]]), yn = ct({
       t.preventDefault(), t.target.blur();
     }
   }
-}), kn = { class: "flex items-center w-full" }, vn = { class: "flex items-center mx-[8px]" }, _n = { class: "min-h-[38px] flex justify-center items-center text-stone-500 py-2 px-1.5 text-sm" }, Cn = {
+}), kn = { class: "flex items-center w-full" }, _n = { class: "flex items-center mx-[8px]" }, Cn = { class: "min-h-[38px] flex justify-center items-center text-stone-500 py-2 px-1.5 text-sm" }, wn = {
   key: 0,
   class: "flex items-center justify-center ml-3 gap-x-5"
-}, wn = { class: "relative" }, $n = { class: "z-50 bg-white shadow-md rounded-lg p-1 space-y-0.5 dark:bg-neutral-800 dark:border dark:border-neutral-700 dark:divide-neutral-700 absolute bottom-[100%]" }, Tn = ["onClick"];
-function An(t, e, n, o, s, a) {
-  const c = h("IconChevronDown"), g = h("IconCheck");
+}, $n = { class: "relative" }, Sn = { class: "z-50 bg-white shadow-md rounded-lg p-1 space-y-0.5 dark:bg-neutral-800 dark:border dark:border-neutral-700 dark:divide-neutral-700 absolute bottom-[100%]" }, Tn = ["onClick"];
+function An(t, e, n, o, s, l) {
+  const c = f("IconChevronDown"), g = f("IconCheck");
   return r(), i("nav", kn, [
-    l("button", {
+    a("button", {
       type: "button",
       onClick: e[0] || (e[0] = (...p) => t.handleClickPrev && t.handleClickPrev(...p)),
-      class: D(["min-h-[38px] min-w-[38px] py-2 px-2.5 inline-flex justify-center items-center gap-x-2 text-sm rounded-lg text-stone-800 hover:bg-stone-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-stone-100", { "opacity-50 pointer-events-none": t.disablePrevClick }])
+      class: w(["min-h-[38px] min-w-[38px] py-2 px-2.5 inline-flex justify-center items-center gap-x-2 text-sm rounded-lg text-stone-800 hover:bg-stone-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-stone-100", { "opacity-50 pointer-events-none": t.disablePrevClick }])
     }, [
-      y(c, {
+      x(c, {
         height: "16",
         width: "16",
         class: "rotate-90"
       })
     ], 2),
-    l("div", vn, [
-      l("span", {
+    a("div", _n, [
+      a("span", {
         ref: "currentPage",
         contenteditable: "true",
-        onKeydown: e[1] || (e[1] = pt((...p) => t.keydownEnter && t.keydownEnter(...p), ["enter"])),
+        onKeydown: e[1] || (e[1] = ft((...p) => t.keydownEnter && t.keydownEnter(...p), ["enter"])),
         onBlur: e[2] || (e[2] = (p) => t.handleSetPage(p.target.innerText)),
         class: "min-h-[38px] max-h-[38px] overflow-hidden min-w-[38px] flex justify-center items-center bg-stone-100 text-stone-800 py-2 px-3 outline-blue-600 text-sm rounded-lg disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:text-white"
-      }, S(t.page), 545),
-      e[5] || (e[5] = l("span", { class: "min-h-[38px] flex justify-center items-center text-stone-500 py-2 px-1.5 text-sm" }, "з", -1)),
-      l("span", _n, S(t.pagesCount), 1)
+      }, A(t.page), 545),
+      e[5] || (e[5] = a("span", { class: "min-h-[38px] flex justify-center items-center text-stone-500 py-2 px-1.5 text-sm" }, "з", -1)),
+      a("span", Cn, A(t.pagesCount), 1)
     ]),
-    l("button", {
+    a("button", {
       type: "button",
       onClick: e[3] || (e[3] = (...p) => t.handleClickNext && t.handleClickNext(...p)),
-      class: D([{ "opacity-50 pointer-events-none": t.disableNextClick }, "min-h-[38px] min-w-[38px] py-2 px-2.5 inline-flex justify-center items-center gap-x-2 text-sm rounded-lg text-stone-800 hover:bg-stone-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-stone-100"])
+      class: w([{ "opacity-50 pointer-events-none": t.disableNextClick }, "min-h-[38px] min-w-[38px] py-2 px-2.5 inline-flex justify-center items-center gap-x-2 text-sm rounded-lg text-stone-800 hover:bg-stone-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-stone-100"])
     }, [
-      y(c, {
+      x(c, {
         height: "16",
         width: "16",
         class: "-rotate-90"
       })
     ], 2),
-    t.pageSizes.length ? (r(), i("div", Cn, [
-      l("div", wn, [
-        N(l("div", $n, [
+    t.pageSizes.length ? (r(), i("div", wn, [
+      a("div", $n, [
+        U(a("div", Sn, [
           (r(!0), i($, null, V(t.pageSizes, (p) => (r(), i("button", {
             type: "button",
             class: "w-full flex items-center gap-x-3.5 py-2 px-3 rounded-lg text-sm",
             onClick: (b) => t.pageSizeLocal = p
           }, [
-            L(S(p) + " ", 1),
-            p === t.pageSizeLocal ? (r(), k(g, {
+            P(A(p) + " ", 1),
+            p === t.pageSizeLocal ? (r(), v(g, {
               key: 0,
               width: "14",
               height: "14",
               class: "text-blue-600"
-            })) : v("", !0)
+            })) : k("", !0)
           ], 8, Tn))), 256))
         ], 512), [
-          [X, t.isDropdownOpen]
+          [Y, t.isDropdownOpen]
         ]),
         t.pageSizes.length ? (r(), i("button", {
           key: 0,
@@ -1284,37 +1234,37 @@ function An(t, e, n, o, s, a) {
           class: "text-sm h-[32px] min-w-8 py-3 px-3.5 inline-flex items-center gap-x-1 rounded-lg border border-gray-200 text-gray-800 shadow-sm hover:bg-gray-50 focus:outline-none focus:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-700 dark:focus:bg-neutral-700",
           onClick: e[4] || (e[4] = (p) => t.isDropdownOpen = !t.isDropdownOpen)
         }, [
-          L(S(t.pageSizeLocal) + " ", 1),
-          y(c, {
+          P(A(t.pageSizeLocal) + " ", 1),
+          x(c, {
             height: "16",
             width: "16"
           })
-        ])) : v("", !0)
+        ])) : k("", !0)
       ])
-    ])) : v("", !0)
+    ])) : k("", !0)
   ]);
 }
-const Sn = /* @__PURE__ */ T(yn, [["render", An]]), In = {
+const In = /* @__PURE__ */ S(vn, [["render", An]]), Dn = {
   props: { table: String, title: String, search: String },
   components: {
-    AdminTableControl: St,
-    AdminTableExport: Yt,
+    AdminTableControl: Vt,
+    AdminTableExport: ts,
     // AdminTablePrint,
-    AdminTableColumnsHidden: ms,
-    AdminTableColumn: xt,
-    AdminNodata: nt,
-    IconPlus: G,
-    IconSearch: st,
-    AdminTableCardInfo: Os,
-    IconOpenCard: tt,
-    AdminComponentIs: Q,
-    AdminTableFilters: Rs,
-    AdminTableTabs: Qs,
-    AdminTableCustomFilters: on,
-    AdminTableCustomButtons: un,
-    AdminCustomButtonAdd: cn,
-    AdminTableTotalsList: bn,
-    AdminTablePagination: Sn
+    AdminTableColumnsHidden: vs,
+    AdminTableColumn: kt,
+    AdminNodata: lt,
+    IconPlus: Q,
+    IconSearch: at,
+    AdminTableCardInfo: Ns,
+    IconOpenCard: rt,
+    AdminComponentIs: X,
+    AdminTableFilters: Ws,
+    AdminTableTabs: Xs,
+    AdminTableCustomFilters: dn,
+    AdminTableCustomButtons: cn,
+    AdminCustomButtonAdd: hn,
+    AdminTableTotalsList: fn,
+    AdminTablePagination: In
   },
   data() {
     return {
@@ -1341,6 +1291,12 @@ const Sn = /* @__PURE__ */ T(yn, [["render", An]]), In = {
     window.removeEventListener("reloadTablePage", this.getTableData);
   },
   computed: {
+    color() {
+      return E.value.sidebarColor || "blue";
+    },
+    fontSize() {
+      return `text-[${E.value.fontSize || 13}px]`;
+    },
     defaultPage() {
       var t, e;
       return ((e = (t = this.$route) == null ? void 0 : t.query) == null ? void 0 : e.page) || 1;
@@ -1374,7 +1330,7 @@ const Sn = /* @__PURE__ */ T(yn, [["render", An]]), In = {
       this.tableData = null, this.columnsWidth = {}, await this.getTableData();
     },
     searchValue: {
-      handler: et(async function(t) {
+      handler: ot(async function(t) {
         var e;
         this.page = 1, await this.getTableData(), this.$router.push({
           ...this.$route,
@@ -1416,7 +1372,7 @@ const Sn = /* @__PURE__ */ T(yn, [["render", An]]), In = {
     },
     columns(t) {
       var e, n, o, s;
-      this.visibleColumns = t == null ? void 0 : t.map((a) => a == null ? void 0 : a.name), this.initialHiddenColumns === ((e = this.visibleColumns) == null ? void 0 : e.join(",")) && (this.visibleColumns = []), this.$router.replace({
+      this.visibleColumns = t == null ? void 0 : t.map((l) => l == null ? void 0 : l.name), this.initialHiddenColumns === ((e = this.visibleColumns) == null ? void 0 : e.join(",")) && (this.visibleColumns = []), this.$router.replace({
         ...this.$route,
         query: {
           ...(n = this.$route) == null ? void 0 : n.query,
@@ -1427,8 +1383,8 @@ const Sn = /* @__PURE__ */ T(yn, [["render", An]]), In = {
   },
   methods: {
     async checkUrlMounted() {
-      var t, e, n, o, s, a, c, g, p, b, d, _, x, f, C, m, w, A, P, F, z;
-      this.page = ((e = (t = this.$route) == null ? void 0 : t.query) == null ? void 0 : e.page) || 1, this.limit = ((o = (n = this.$route) == null ? void 0 : n.query) == null ? void 0 : o.limit) || 20, (a = (s = this.$route) == null ? void 0 : s.query) != null && a.filter && (this.filters = ((p = decodeURI((g = (c = this.$route) == null ? void 0 : c.query) == null ? void 0 : g.filter)) == null ? void 0 : p.replaceAll("+", " ")) || null), this.filters && (this.onFilters = ((d = (b = this.filters) == null ? void 0 : b.split("=")) == null ? void 0 : d.length) - 1), this.filterState = ((x = (_ = this.$route) == null ? void 0 : _.query) == null ? void 0 : x.state) || null, this.filterCustom = ((C = (f = this.$route) == null ? void 0 : f.query) == null ? void 0 : C.custom) || null, this.searchValue = ((w = (m = this.$route) == null ? void 0 : m.query) == null ? void 0 : w.search) || "", this.visibleColumns = ((F = (P = (A = this.$route) == null ? void 0 : A.query) == null ? void 0 : P.columns) == null ? void 0 : F.split(",")) || [], (z = this.$route) != null && z.query.card && (this.isVisibleCardInfo = !0);
+      var t, e, n, o, s, l, c, g, p, b, d, y, m, h, _, C, I, T, F, j, z;
+      this.page = ((e = (t = this.$route) == null ? void 0 : t.query) == null ? void 0 : e.page) || 1, this.limit = ((o = (n = this.$route) == null ? void 0 : n.query) == null ? void 0 : o.limit) || 20, (l = (s = this.$route) == null ? void 0 : s.query) != null && l.filter && (this.filters = ((p = decodeURI((g = (c = this.$route) == null ? void 0 : c.query) == null ? void 0 : g.filter)) == null ? void 0 : p.replaceAll("+", " ")) || null), this.filters && (this.onFilters = ((d = (b = this.filters) == null ? void 0 : b.split("=")) == null ? void 0 : d.length) - 1), this.filterState = ((m = (y = this.$route) == null ? void 0 : y.query) == null ? void 0 : m.state) || null, this.filterCustom = ((_ = (h = this.$route) == null ? void 0 : h.query) == null ? void 0 : _.custom) || null, this.searchValue = ((I = (C = this.$route) == null ? void 0 : C.query) == null ? void 0 : I.search) || "", this.visibleColumns = ((j = (F = (T = this.$route) == null ? void 0 : T.query) == null ? void 0 : F.columns) == null ? void 0 : j.split(",")) || [], (z = this.$route) != null && z.query.card && (this.isVisibleCardInfo = !0);
     },
     rowWidth(t) {
       var n, o;
@@ -1442,9 +1398,9 @@ const Sn = /* @__PURE__ */ T(yn, [["render", An]]), In = {
       this.page = 1, this.visibleColumns = [], this.filterCustom = null, this.filterState = null, this.isVisibleCardInfo = !1, this.filterScheme = null, this.filters = null, this.onFilters = 0, this.searchValue = "";
     },
     async getTableData() {
-      var t, e, n, o, s, a, c, g, p, b, d;
+      var t, e, n, o, s, l, c, g, p, b, d;
       try {
-        const { data: _ } = await M.get(`/api/template/table/${this.table}`), x = await M.get(`/api/table-data/${this.table}`, {
+        const { data: y } = await M.get(`/api/template/table/${this.table}`), m = await M.get(`/api/table-data/${this.table}`, {
           params: {
             page: this.page,
             search: this.searchValue || null,
@@ -1456,17 +1412,17 @@ const Sn = /* @__PURE__ */ T(yn, [["render", An]]), In = {
           }
         });
         this.tableData = {
-          ..._,
-          ...(x == null ? void 0 : x.data) || {}
-        }, this.initialHiddenColumns = (a = (s = (o = (n = this.tableData) == null ? void 0 : n.columns) == null ? void 0 : o.filter((f) => (f == null ? void 0 : f.hidden) !== !0)) == null ? void 0 : s.map((f) => f == null ? void 0 : f.name)) == null ? void 0 : a.join(","), (c = this.visibleColumns) != null && c.length ? (g = this.tableData) == null || g.columns.forEach((f) => {
-          var C;
-          (C = this.visibleColumns) != null && C.includes(f == null ? void 0 : f.name) ? f.hidden = !1 : f.hidden = !0;
-        }) : this.visibleColumns = (d = (b = (p = this.tableData) == null ? void 0 : p.columns) == null ? void 0 : b.filter((f) => (f == null ? void 0 : f.hidden) !== !0)) == null ? void 0 : d.map((f) => f == null ? void 0 : f.name), setTimeout(() => {
-          var f, C;
-          (C = (f = this.tableData) == null ? void 0 : f.columns) == null || C.forEach(({ name: m }) => {
-            var w, A, P, F, z, E;
-            (A = (w = this.columnsWidth) == null ? void 0 : w[m]) != null && A.ref && (this.columnsWidth[m].width = parseInt(
-              (E = (z = (F = (P = this.columnsWidth) == null ? void 0 : P[m]) == null ? void 0 : F.ref) == null ? void 0 : z.getBoundingClientRect()) == null ? void 0 : E.width
+          ...y,
+          ...(m == null ? void 0 : m.data) || {}
+        }, this.initialHiddenColumns = (l = (s = (o = (n = this.tableData) == null ? void 0 : n.columns) == null ? void 0 : o.filter((h) => (h == null ? void 0 : h.hidden) !== !0)) == null ? void 0 : s.map((h) => h == null ? void 0 : h.name)) == null ? void 0 : l.join(","), (c = this.visibleColumns) != null && c.length ? (g = this.tableData) == null || g.columns.forEach((h) => {
+          var _;
+          (_ = this.visibleColumns) != null && _.includes(h == null ? void 0 : h.name) ? h.hidden = !1 : h.hidden = !0;
+        }) : this.visibleColumns = (d = (b = (p = this.tableData) == null ? void 0 : p.columns) == null ? void 0 : b.filter((h) => (h == null ? void 0 : h.hidden) !== !0)) == null ? void 0 : d.map((h) => h == null ? void 0 : h.name), setTimeout(() => {
+          var h, _;
+          (_ = (h = this.tableData) == null ? void 0 : h.columns) == null || _.forEach(({ name: C }) => {
+            var I, T, F, j, z, R;
+            (T = (I = this.columnsWidth) == null ? void 0 : I[C]) != null && T.ref && (this.columnsWidth[C].width = parseInt(
+              (R = (z = (j = (F = this.columnsWidth) == null ? void 0 : F[C]) == null ? void 0 : j.ref) == null ? void 0 : z.getBoundingClientRect()) == null ? void 0 : R.width
             ) + "px");
           });
         });
@@ -1518,256 +1474,262 @@ const Sn = /* @__PURE__ */ T(yn, [["render", An]]), In = {
     },
     getCustomStyles(t) {
       return [
-        t != null && t.link ? " text-blue-600 hover:underline decoration-2" : "",
+        t != null && t.link ? " text-blue-800 hover:underline decoration-1" : "",
         t != null && t.align ? ` text-${(t == null ? void 0 : t.align) || "left"}` : "",
         `text-${(t == null ? void 0 : t.wrap) || "wrap"}`
       ];
     }
   }
-}, Dn = { class: "w-[calc(100vw - 320px)] bg-gray-50" }, Vn = { class: "h-[76px] mt-[15px] flex items-center justify-between mx-[20px] px-[20px] bg-white border rounded-xl" }, Pn = { class: "text-lg font-semibold text-gray-800 dark:text-neutral-200" }, Fn = { class: "bg-white w-full rounded-xl border p-[20px] pr-0" }, jn = { class: "flex" }, Ln = { class: "flex gap-[6px] ml-auto" }, Mn = { class: "inline-block w-full align-middle" }, zn = {
-  key: 0,
-  class: "relative min-w-full text-[13px] divide-y divide-gray-200 table-fixed w-max dark:divide-neutral-700"
-}, qn = { class: "sticky top-[-1px] z-[2] bg-white w-full after:absolute after:content-[''] after:block after:w-full after:h-px after:bg-stone-200" }, Bn = { class: "right-0" }, On = {
+}, Vn = { class: "w-[calc(100vw - 320px)] bg-gray-100" }, Pn = { class: "h-[76px] mt-[15px] flex items-center justify-between mx-[20px] px-[20px] bg-white rounded-xl" }, Fn = { class: "text-lg font-semibold text-gray-800 dark:text-neutral-200" }, jn = { class: "bg-white w-full rounded-xl p-[20px] pr-0" }, Ln = { class: "flex" }, Mn = { class: "flex gap-[6px] ml-auto" }, zn = { class: "inline-block w-full align-middle" }, qn = { class: "sticky top-[-1px] z-[2] bg-white w-full after:absolute after:content-[''] after:block after:w-full after:h-px after:bg-stone-200" }, Bn = { class: "right-0" }, On = {
   key: 0,
   class: "w-[70px] sticky right-0 top-0"
-}, Nn = { class: "divide-y divide-gray-200 z-[1] relative" }, En = ["onClick"], Un = ["onClick"], Wn = ["onClick"], Rn = { class: "p-[10px] flex justify-start items-end w-full" }, Hn = { class: "w-[200px] md:inline-flex hidden" }, Kn = { class: "text-sm text-gray-600 dark:text-neutral-400" }, Jn = { class: "font-semibold text-gray-800 dark:text-neutral-200" };
-function Gn(t, e, n, o, s, a) {
-  var Y, Z, ee, te, se, ne, le, ae, re, oe, ie, de, ue, ce, pe, he, be, fe, ge, me, xe, ye, ke, ve, _e, Ce, we, $e, Te, Ae, Se, Ie;
-  const c = h("AdminCustomButtonAdd"), g = h("IconPlus"), p = h("router-link"), b = h("AdminTableTabs"), d = h("IconSearch"), _ = h("VsText"), x = h("AdminTableCustomButtons"), f = h("AdminTableCustomFilters"), C = h("AdminTableColumnsHidden"), m = h("AdminTableExport"), w = h("AdminTableFilters"), A = h("IconOpenCard"), P = h("AdminTableColumn"), F = h("AdminComponentIs"), z = h("AdminTableControl"), E = h("AdminTableTotalsList"), Ne = h("AdminNodata"), Ee = h("AdminTablePagination"), Ue = h("AdminTableCardInfo");
-  return r(), i("div", Dn, [
-    l("div", Vn, [
-      l("h2", Pn, S(n.title), 1),
-      a.isForm ? (r(), i($, { key: 0 }, [
-        (Z = (Y = s.tableData) == null ? void 0 : Y.slots) != null && Z.addButton ? (r(), k(c, {
+}, Nn = { class: "divide-y divide-gray-200 z-[1] relative text-gray-600" }, En = ["onClick"], Un = ["onClick"], Rn = ["onClick"], Hn = { class: "px-1 py-2 flex justify-start items-end w-full" }, Wn = { class: "w-[200px] md:inline-flex hidden" }, Kn = { class: "text-sm text-gray-600 dark:text-neutral-400" }, Jn = { class: "font-semibold text-gray-800 dark:text-neutral-200" }, Gn = { key: 0 };
+function Qn(t, e, n, o, s, l) {
+  var Z, ee, te, se, ne, le, ae, re, oe, ie, de, ue, ce, he, pe, be, fe, ge, me, xe, ye, ve, ke, _e, Ce, we, $e, Se, Te, Ae, Ie, De, Ve;
+  const c = f("AdminCustomButtonAdd"), g = f("IconPlus"), p = f("router-link"), b = f("AdminTableTabs"), d = f("IconSearch"), y = f("VsText"), m = f("AdminTableCustomButtons"), h = f("AdminTableCustomFilters"), _ = f("AdminTableColumnsHidden"), C = f("AdminTableExport"), I = f("AdminTableFilters"), T = f("IconOpenCard"), F = f("AdminTableColumn"), j = f("AdminComponentIs"), z = f("AdminTableControl"), R = f("AdminTableTotalsList"), He = f("AdminNodata"), We = f("AdminTablePagination"), Ke = f("AdminTableCardInfo");
+  return r(), i("div", Vn, [
+    a("div", Pn, [
+      a("h2", Fn, A(n.title), 1),
+      l.isForm ? (r(), i($, { key: 0 }, [
+        (ee = (Z = s.tableData) == null ? void 0 : Z.slots) != null && ee.addButton ? (r(), v(c, {
           key: 0,
-          slots: (ee = s.tableData) == null ? void 0 : ee.slots
-        }, null, 8, ["slots"])) : (r(), k(p, {
+          slots: (te = s.tableData) == null ? void 0 : te.slots
+        }, null, 8, ["slots"])) : (r(), v(p, {
           key: 1,
-          to: `/add?table=${(se = (te = t.$route) == null ? void 0 : te.params) == null ? void 0 : se.catchAll}`,
-          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"
+          to: `/add?table=${(ne = (se = t.$route) == null ? void 0 : se.params) == null ? void 0 : ne.catchAll}`,
+          class: w(`inline-flex items-center px-3 py-2 text-sm font-medium text-white duration-300 bg-${l.color}-700 border border-transparent rounded-lg gap-x-2 hover:bg-${l.color}-800 hover:text-white`)
         }, {
-          default: I(() => [
-            y(g, {
+          default: D(() => [
+            x(g, {
               height: "16",
               width: "16"
             }),
-            e[5] || (e[5] = L(" Додати "))
+            e[5] || (e[5] = P(" Додати "))
           ]),
           _: 1
-        }, 8, ["to"]))
-      ], 64)) : v("", !0)
+        }, 8, ["to", "class"]))
+      ], 64)) : k("", !0)
     ]),
-    l("div", {
-      style: H({
-        height: ((ne = t.$adminSettings) == null ? void 0 : ne.header) === !1 ? "calc(100vh - 100px)" : "calc(100vh - 155px)"
+    a("div", {
+      style: K({
+        height: ((le = t.$adminSettings) == null ? void 0 : le.header) === !1 ? "calc(100vh - 100px)" : "calc(100vh - 155px)"
       }),
-      class: "bg-gray-50 p-[20px] flex pt-[10px] lg:w-[calc(100vw-260px)] w-[100vw]"
+      class: "bg-gray-100 p-[20px] flex pt-[10px] lg:w-[calc(100vw-260px)] w-[100vw]"
     }, [
-      l("div", Fn, [
-        (ae = (le = s.tableData) == null ? void 0 : le.filterState) != null && ae.length ? (r(), k(b, {
+      a("div", jn, [
+        (re = (ae = s.tableData) == null ? void 0 : ae.filterState) != null && re.length ? (r(), v(b, {
           key: 0,
-          tabsList: (re = s.tableData) == null ? void 0 : re.filterState,
+          tabsList: (oe = s.tableData) == null ? void 0 : oe.filterState,
           filterState: s.filterState,
           "onUpdate:filterState": e[0] || (e[0] = (u) => s.filterState = u)
-        }, null, 8, ["tabsList", "filterState"])) : v("", !0),
-        l("div", jn, [
-          l("div", {
-            class: D([s.isVisibleCardInfo ? "w-[calc(100%-360px)]" : "w-full"])
+        }, null, 8, ["tabsList", "filterState"])) : k("", !0),
+        a("div", Ln, [
+          a("div", {
+            class: w([s.isVisibleCardInfo ? "w-[calc(100%-360px)]" : "w-full"])
           }, [
-            l("div", {
-              class: D(["flex sm:grid sm:grid-cols-2 gap-x-2 sm:gap-x-5 mb-[10px] relative", { "pr-[20px]": !s.isVisibleCardInfo }])
+            a("div", {
+              class: w(["flex sm:grid sm:grid-cols-2 gap-x-2 sm:gap-x-5 mb-[10px] relative", { "pr-[20px]": !s.isVisibleCardInfo }])
             }, [
-              y(d, {
+              x(d, {
                 height: "14",
                 width: "14",
                 class: "absolute top-[10px] left-[14px] text-gray-500 z-[1]"
               }),
-              y(_, {
+              x(y, {
                 modelValue: s.searchValue,
                 "onUpdate:modelValue": e[1] || (e[1] = (u) => s.searchValue = u),
                 placeholder: n.search || "Пошук...",
                 clearable: !0,
                 class: "[&>input]:py-[7px] [&>input]:max-h-[36px] [&>input]:ps-10 [&>input]:pe-8 [&>input]:block [&>input]:w-full [&>input]:bg-gray-100 [&>input]:border-transparent [&>input]:rounded-lg [&>input]:text-sm [&>input]:focus:bg-white [&>input]:focus:border-blue-500 [&>input]:focus:ring-blue-500 [&>input]:disabled:opacity-50 [&>input]:disabled:pointer-events-none [&>input]:dark:bg-neutral-700 [&>input]:dark:border-transparent [&>input]:dark:text-neutral-400 [&>input]:dark:placeholder:text-neutral-400 dark:focus:bg-neutral-800 dark:focus:ring-neutral-600"
               }, null, 8, ["modelValue", "placeholder"]),
-              l("div", Ln, [
-                (oe = s.tableData) != null && oe.slots ? (r(), k(x, {
+              a("div", Mn, [
+                (ie = s.tableData) != null && ie.slots ? (r(), v(m, {
                   key: 0,
                   data: s.tableData,
-                  slots: (ie = s.tableData) == null ? void 0 : ie.slots
-                }, null, 8, ["data", "slots"])) : v("", !0),
-                (ue = (de = s.tableData) == null ? void 0 : de.filterCustom) != null && ue.length ? (r(), k(f, {
+                  slots: (de = s.tableData) == null ? void 0 : de.slots
+                }, null, 8, ["data", "slots"])) : k("", !0),
+                (ce = (ue = s.tableData) == null ? void 0 : ue.filterCustom) != null && ce.length ? (r(), v(h, {
                   key: 1,
-                  customList: (ce = s.tableData) == null ? void 0 : ce.filterCustom,
+                  customList: (he = s.tableData) == null ? void 0 : he.filterCustom,
                   filterCustom: s.filterCustom,
                   "onUpdate:filterCustom": e[2] || (e[2] = (u) => s.filterCustom = u)
-                }, null, 8, ["customList", "filterCustom"])) : v("", !0),
-                y(C, {
+                }, null, 8, ["customList", "filterCustom"])) : k("", !0),
+                x(_, {
                   columns: (pe = s.tableData) == null ? void 0 : pe.columns,
                   onUpdateColumns: e[3] || (e[3] = (u) => s.tableData.columns = u)
                 }, null, 8, ["columns"]),
-                ((he = s.tableData) == null ? void 0 : he.export) !== !1 ? (r(), k(m, {
+                ((be = s.tableData) == null ? void 0 : be.export) !== !1 ? (r(), v(C, {
                   key: 2,
                   table: n.table,
-                  columns: (be = s.tableData) == null ? void 0 : be.columns,
+                  columns: (fe = s.tableData) == null ? void 0 : fe.columns,
                   page: s.page,
                   "filter-state": s.filterState,
                   "filter-custom": s.filterCustom,
                   filters: s.filters
-                }, null, 8, ["table", "columns", "page", "filter-state", "filter-custom", "filters"])) : v("", !0),
-                (fe = s.filterScheme) != null && fe.length ? (r(), k(w, {
+                }, null, 8, ["table", "columns", "page", "filter-state", "filter-custom", "filters"])) : k("", !0),
+                (ge = s.filterScheme) != null && ge.length ? (r(), v(I, {
                   key: 3,
                   scheme: s.filterScheme,
                   onFilters: s.onFilters,
                   table: n.table,
-                  onFilterChange: a.filterChange
-                }, null, 8, ["scheme", "onFilters", "table", "onFilterChange"])) : v("", !0),
-                l("button", {
-                  onClick: e[4] || (e[4] = (...u) => a.toggleCardInfo && a.toggleCardInfo(...u)),
+                  onFilterChange: l.filterChange
+                }, null, 8, ["scheme", "onFilters", "table", "onFilterChange"])) : k("", !0),
+                a("button", {
+                  onClick: e[4] || (e[4] = (...u) => l.toggleCardInfo && l.toggleCardInfo(...u)),
                   class: "py-2 px-2.5 max-h-[34px] md:inline-flex hidden items-center gap-x-1.5 text-xs font-medium rounded-lg border border-gray-200 bg-white text-gray-800 shadow-sm hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-50 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"
                 }, [
-                  y(A, {
-                    class: D({ "rotate-180 duration-300": !s.isVisibleCardInfo })
+                  x(T, {
+                    class: w({ "rotate-180 duration-300": !s.isVisibleCardInfo })
                   }, null, 8, ["class"])
                 ])
               ])
             ], 2),
-            l("div", {
-              class: D(["flex items-start justify-start w-full space-y-5", { "pr-[20px]": !s.isVisibleCardInfo }])
+            a("div", {
+              class: w(["flex items-start justify-start w-full space-y-5", { "pr-[20px]": !s.isVisibleCardInfo }])
             }, [
-              l("div", {
-                style: H({
-                  height: `calc(100vh - ${((ge = t.$adminSettings) == null ? void 0 : ge.header) === !1 ? (xe = (me = s.tableData) == null ? void 0 : me.filterState) != null && xe.length ? 330 : 270 : (ke = (ye = s.tableData) == null ? void 0 : ye.filterState) != null && ke.length ? 380 : 320}px)`
+              a("div", {
+                style: K({
+                  height: `calc(100vh - ${((me = t.$adminSettings) == null ? void 0 : me.header) === !1 ? (ye = (xe = s.tableData) == null ? void 0 : xe.filterState) != null && ye.length ? 330 : 270 : (ke = (ve = s.tableData) == null ? void 0 : ve.filterState) != null && ke.length ? 380 : 320}px)`
                 }),
                 class: "overflow-x-auto w-full [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-stone-100 [&::-webkit-scrollbar-thumb]:bg-stone-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"
               }, [
-                l("div", Mn, [
-                  a.isNoData ? (r(), k(Ne, { key: 1 })) : (r(), i("table", zn, [
-                    l("thead", qn, [
-                      l("tr", Bn, [
-                        (r(!0), i($, null, V(a.columns, (u) => {
-                          var U, q;
-                          return r(), k(P, {
+                a("div", zn, [
+                  l.isNoData ? (r(), v(He, { key: 1 })) : (r(), i("table", {
+                    key: 0,
+                    class: w([l.fontSize, "relative min-w-full divide-y divide-gray-200 table-fixed w-max dark:divide-neutral-700 my-2"])
+                  }, [
+                    a("thead", qn, [
+                      a("tr", Bn, [
+                        (r(!0), i($, null, V(l.columns, (u) => {
+                          var q, B;
+                          return r(), v(F, {
                             key: u.name,
-                            style: H({
-                              width: ((q = (U = s.columnsWidth) == null ? void 0 : U[u == null ? void 0 : u.name]) == null ? void 0 : q.width) || a.rowWidth(u == null ? void 0 : u.name),
+                            style: K({
+                              width: ((B = (q = s.columnsWidth) == null ? void 0 : q[u == null ? void 0 : u.name]) == null ? void 0 : B.width) || l.rowWidth(u == null ? void 0 : u.name),
                               textAlign: u == null ? void 0 : u.align,
                               wordBreak: u == null ? void 0 : u.wrap
                             }),
                             data: u,
                             activeColumn: s.activeColumn,
-                            onUpdateRef: (W) => {
-                              var B, O;
-                              (O = (B = s.columnsWidth) == null ? void 0 : B[u == null ? void 0 : u.name]) != null && O.ref || (s.columnsWidth[u.name] = { ref: W });
+                            onUpdateRef: (H) => {
+                              var O, N;
+                              (N = (O = s.columnsWidth) == null ? void 0 : O[u == null ? void 0 : u.name]) != null && N.ref || (s.columnsWidth[u.name] = { ref: H });
                             },
-                            onChangeActive: a.changeActiveColumn
+                            onChangeActive: l.changeActiveColumn
                           }, null, 8, ["style", "data", "activeColumn", "onUpdateRef", "onChangeActive"]);
                         }), 128)),
-                        (_e = (ve = a.getActions) == null ? void 0 : ve.filter(
+                        (Ce = (_e = l.getActions) == null ? void 0 : _e.filter(
                           (u) => u !== "add" && u !== "view"
-                        )) != null && _e.length ? (r(), i("th", On)) : v("", !0)
+                        )) != null && Ce.length ? (r(), i("th", On)) : k("", !0)
                       ])
                     ]),
-                    l("tbody", Nn, [
-                      (r(!0), i($, null, V((Ce = s.tableData) == null ? void 0 : Ce.rows, (u, U) => {
-                        var q, W, B, O, De, Ve, Pe, Fe, je, Le, Me, ze;
+                    a("tbody", Nn, [
+                      (r(!0), i($, null, V((we = s.tableData) == null ? void 0 : we.rows, (u, q) => {
+                        var B, H, O, N, Pe, Fe, je, Le, Me, ze, qe, Be, Oe, Ne;
                         return r(), i("tr", {
-                          key: (u == null ? void 0 : u.id) || U,
-                          class: D({
-                            "bg-gray-50": ((W = (q = t.$route) == null ? void 0 : q.query) == null ? void 0 : W.card) === (u == null ? void 0 : u.id)
+                          key: (u == null ? void 0 : u.id) || q,
+                          class: w({
+                            "bg-gray-100": ((H = (B = t.$route) == null ? void 0 : B.query) == null ? void 0 : H.card) === (u == null ? void 0 : u.id),
+                            "odd:bg-gray-50": ((N = (O = t.$route) == null ? void 0 : O.query) == null ? void 0 : N.card) !== (u == null ? void 0 : u.id)
                           })
                         }, [
-                          l("td", {
-                            class: D(["px-1 py-3 text-gray-600 pe-4", [
-                              (B = a.columns[0]) != null && B.align ? `text-${((O = a.columns[0]) == null ? void 0 : O.align) || "left"}` : ""
+                          a("td", {
+                            class: w(["px-1 py-2.5 pr-5", [
+                              (Pe = l.columns[0]) != null && Pe.align ? `text-${((Fe = l.columns[0]) == null ? void 0 : Fe.align) || "left"}` : ""
                             ]]),
-                            onClick: (j) => a.changeActiveCardInfo(u == null ? void 0 : u.id)
+                            onClick: (L) => l.changeActiveCardInfo(u == null ? void 0 : u.id)
                           }, [
-                            l("button", {
-                              onClick: (j) => {
-                                a.pushToCard(u == null ? void 0 : u.id), a.pushToLinkCard(a.columns[0], u);
+                            a("button", {
+                              onClick: (L) => {
+                                l.pushToCard(u == null ? void 0 : u.id), l.pushToLinkCard(l.columns[0], u);
                               },
-                              class: D(["font-medium text-start", [
-                                ...a.getCustomStyles(a.columns[0]),
-                                ((De = this.tableData) == null ? void 0 : De.card) === !1 ? "" : " text-blue-600 decoration-2  focus:outline-none focus:underline hover:text-blue-600 hover:underline"
+                              class: w(["font-medium text-start", [
+                                ...l.getCustomStyles(l.columns[0]),
+                                ((je = this.tableData) == null ? void 0 : je.card) === !1 ? "" : ` text-${l.color}-800 decoration-2  focus:outline-none focus:underline hover:text-${l.color}-700 hover:underline`
                               ]])
                             }, [
-                              y(F, {
+                              x(j, {
                                 row: u,
-                                column: a.columns[0],
+                                column: l.columns[0],
                                 table: n.table,
-                                onUpdateTable: a.getTableData
+                                onUpdateTable: l.getTableData
                               }, null, 8, ["row", "column", "table", "onUpdateTable"])
                             ], 10, Un)
                           ], 10, En),
-                          (r(!0), i($, null, V((Ve = a.columns) == null ? void 0 : Ve.slice(1), (j) => (r(), i("td", {
-                            onClick: (el) => {
-                              a.changeActiveCardInfo(u == null ? void 0 : u.id), a.pushToLinkCard(j, u);
+                          (r(!0), i($, null, V((Le = l.columns) == null ? void 0 : Le.slice(1), (L) => (r(), i("td", {
+                            onClick: (tl) => {
+                              l.changeActiveCardInfo(u == null ? void 0 : u.id), l.pushToLinkCard(L, u);
                             },
-                            class: D(["px-1 py-3 text-gray-600 pe-3", a.getCustomStyles(j)]),
-                            key: j.name
+                            class: w(["px-1 py-2.5 pr-5", l.getCustomStyles(L)]),
+                            key: L.name
                           }, [
-                            y(F, {
+                            x(j, {
                               row: u,
-                              column: j,
+                              column: L,
                               table: n.table,
-                              onUpdateTable: a.getTableData
+                              onUpdateTable: l.getTableData
                             }, null, 8, ["row", "column", "table", "onUpdateTable"])
-                          ], 10, Wn))), 128)),
-                          (Fe = (Pe = a.getActions) == null ? void 0 : Pe.filter(
-                            (j) => j !== "add" && j !== "view"
-                          )) != null && Fe.length ? (r(), i("td", {
+                          ], 10, Rn))), 128)),
+                          (ze = (Me = l.getActions) == null ? void 0 : Me.filter(
+                            (L) => L !== "add" && L !== "view"
+                          )) != null && ze.length ? (r(), i("td", {
                             key: 0,
-                            class: D(["text-center sticky right-0 w-[80px] px-[10px]", {
-                              "bg-gray-50": ((Le = (je = t.$route) == null ? void 0 : je.query) == null ? void 0 : Le.card) === (u == null ? void 0 : u.id),
-                              "bg-white": ((ze = (Me = t.$route) == null ? void 0 : Me.query) == null ? void 0 : ze.card) !== (u == null ? void 0 : u.id)
+                            class: w(["text-center sticky right-0 w-[80px] px-[10px]", {
+                              "bg-gray-50": ((Be = (qe = t.$route) == null ? void 0 : qe.query) == null ? void 0 : Be.card) === (u == null ? void 0 : u.id) || !(q % 2),
+                              "bg-white": ((Ne = (Oe = t.$route) == null ? void 0 : Oe.query) == null ? void 0 : Ne.card) !== (u == null ? void 0 : u.id) && q % 2
                             }])
                           }, [
-                            y(z, {
-                              actions: a.getActions,
-                              isForm: a.isForm,
+                            x(z, {
+                              actions: l.getActions,
+                              isForm: l.isForm,
                               item: u,
                               table: n.table,
-                              onUpdateTable: a.getTableData
+                              onUpdateTable: l.getTableData
                             }, null, 8, ["actions", "isForm", "item", "table", "onUpdateTable"])
-                          ], 2)) : v("", !0)
+                          ], 2)) : k("", !0)
                         ], 2);
                       }), 128))
                     ]),
-                    y(E, {
-                      columns: a.columns,
-                      agg: (we = s.tableData) == null ? void 0 : we.agg
+                    x(R, {
+                      columns: l.columns,
+                      agg: ($e = s.tableData) == null ? void 0 : $e.agg
                     }, null, 8, ["columns", "agg"])
-                  ]))
+                  ], 2))
                 ])
               ], 4)
             ], 2),
-            l("div", Rn, [
-              l("div", Hn, [
-                l("p", Kn, [
-                  l("span", Jn, " Об'єктів: " + S(s.limit < (($e = s.tableData) == null ? void 0 : $e.filtered) ? s.limit : (Te = s.tableData) == null ? void 0 : Te.filtered) + " з " + S(((Ae = s.tableData) == null ? void 0 : Ae.filtered) || 0), 1)
+            a("div", Hn, [
+              a("div", Wn, [
+                a("p", Kn, [
+                  a("span", Jn, [
+                    P(" Об'єктів: " + A(Intl.NumberFormat("ua").format(
+                      s.limit < ((Se = s.tableData) == null ? void 0 : Se.filtered) ? s.limit : (Te = s.tableData) == null ? void 0 : Te.filtered
+                    )) + " ", 1),
+                    s.limit < ((Ae = s.tableData) == null ? void 0 : Ae.filtered) ? (r(), i("span", Gn, " з " + A(Intl.NumberFormat("ua").format(((Ie = s.tableData) == null ? void 0 : Ie.filtered) || 0)), 1)) : k("", !0)
+                  ])
                 ])
               ]),
-              Math.ceil((Se = s.tableData) == null ? void 0 : Se.filtered) > 10 ? (r(), k(Ee, {
+              Math.ceil((De = s.tableData) == null ? void 0 : De.filtered) > 10 ? (r(), v(We, {
                 key: 0,
-                class: "justify-end",
-                "default-page": parseInt(a.defaultPage),
-                total: ((Ie = s.tableData) == null ? void 0 : Ie.filtered) || 0,
-                onPageChange: a.handlePageChange,
+                class: "justify-end mr-10",
+                "default-page": parseInt(l.defaultPage),
+                total: ((Ve = s.tableData) == null ? void 0 : Ve.filtered) || 0,
+                onPageChange: l.handlePageChange,
                 pageSize: parseInt(s.limit),
                 pageSizes: [10, 20, 50, 100]
-              }, null, 8, ["default-page", "total", "onPageChange", "pageSize"])) : v("", !0)
+              }, null, 8, ["default-page", "total", "onPageChange", "pageSize"])) : k("", !0)
             ])
           ], 2),
-          y(R, { name: "slide-fade" }, {
-            default: I(() => {
+          x(W, { name: "slide-fade" }, {
+            default: D(() => {
               var u;
               return [
-                s.isVisibleCardInfo ? (r(), k(Ue, {
+                s.isVisibleCardInfo ? (r(), v(Ke, {
                   key: 0,
                   table: n.table,
                   columns: (u = s.tableData) == null ? void 0 : u.columns,
-                  row: a.activeCardRow
-                }, null, 8, ["table", "columns", "row"])) : v("", !0)
+                  row: l.activeCardRow
+                }, null, 8, ["table", "columns", "row"])) : k("", !0)
               ];
             }),
             _: 1
@@ -1777,8 +1739,8 @@ function Gn(t, e, n, o, s, a) {
     ], 4)
   ]);
 }
-const Qn = /* @__PURE__ */ T(In, [["render", Gn], ["__scopeId", "data-v-76a3cec3"]]), Xn = {
-  components: { AdminTable: Qn },
+const Xn = /* @__PURE__ */ S(Dn, [["render", Qn], ["__scopeId", "data-v-8eb7de31"]]), Yn = {
+  components: { AdminTable: Xn },
   data() {
     return {
       table: !1,
@@ -1790,13 +1752,13 @@ const Qn = /* @__PURE__ */ T(In, [["render", Gn], ["__scopeId", "data-v-76a3cec3
     $route: {
       async handler() {
         var t;
-        (t = qe) != null && t.value || await this.getMenu(), await this.checkPageType();
+        (t = Ee) != null && t.value || await this.getMenu(), await this.checkPageType();
       },
       deep: !0
     },
     title(t) {
       var e;
-      t && (document.title = (((e = lt.value) == null ? void 0 : e.titlePrefix) || "") + t);
+      t && (document.title = (((e = E.value) == null ? void 0 : e.titlePrefix) || "") + t);
     }
   },
   async mounted() {
@@ -1811,11 +1773,11 @@ const Qn = /* @__PURE__ */ T(In, [["render", Gn], ["__scopeId", "data-v-76a3cec3
     },
     async checkPageType() {
       var o, s;
-      const t = this.flattenMenu(qe.value);
+      const t = this.flattenMenu(Ee.value);
       t != null && t.length || this.$router.replace("/404");
-      const e = t == null ? void 0 : t.find((a) => {
+      const e = t == null ? void 0 : t.find((l) => {
         var c, g;
-        return (a == null ? void 0 : a.path) == ((g = (c = this.$route) == null ? void 0 : c.params) == null ? void 0 : g.catchAll);
+        return (l == null ? void 0 : l.path) == ((g = (c = this.$route) == null ? void 0 : c.params) == null ? void 0 : g.catchAll);
       });
       this.title = e == null ? void 0 : e.ua, e || this.$router.replace("/404"), e != null && e.component && this.$router.replace((s = (o = this.$route) == null ? void 0 : o.params) == null ? void 0 : s.catchAll);
       const n = e == null ? void 0 : e.table;
@@ -1833,10 +1795,10 @@ const Qn = /* @__PURE__ */ T(In, [["render", Gn], ["__scopeId", "data-v-76a3cec3
       }
     }
   }
-}, Yn = ["innerHTML"];
-function Zn(t, e, n, o, s, a) {
-  const c = h("AdminTable");
-  return s.table ? (r(), k(c, {
+}, Zn = ["innerHTML"];
+function el(t, e, n, o, s, l) {
+  const c = f("AdminTable");
+  return s.table ? (r(), v(c, {
     key: 0,
     table: s.table,
     title: t.title,
@@ -1846,9 +1808,9 @@ function Zn(t, e, n, o, s, a) {
     class: "w-full bg-gray-50",
     style: { height: "calc(100vh - 120px)" },
     innerHTML: s.interface
-  }, null, 8, Yn));
+  }, null, 8, Zn));
 }
-const nl = /* @__PURE__ */ T(Xn, [["render", Zn]]);
+const ll = /* @__PURE__ */ S(Yn, [["render", el]]);
 export {
-  nl as default
+  ll as default
 };