@opengis/admin 0.3.25 → 0.3.26

package/dist/{admin-interface-DDP6KpGO.js → admin-interface-CpMI-QOq.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 T, g as He, h as Ke, i as Je, f as M, I as Ge, s as E, j as Ne, k as Q, A as X, V as Qe, l as Xe, m as Ye, n as Ze, o as et, p as tt, q as st, a as nt, r as lt, t as rt, u as Oe } from "./import-file-DoPKjOx2.js";
+import { openBlock as a, createElementBlock as i, createTextVNode as P, toDisplayString as I, createElementVNode as r, normalizeClass as $, createCommentVNode as k, resolveComponent as h, Fragment as S, createVNode as y, withCtx as D, createBlock as v, renderList as V, withModifiers as at, createStaticVNode as ot, withDirectives as U, vModelCheckbox as it, Transition as H, vModelText as dt, renderSlot as ut, vShow as Y, Teleport as ct, getCurrentInstance as Ee, ref as J, resolveDynamicComponent as G, defineComponent as pt, withKeys as ht, normalizeStyle as K } from "vue";
+const bt = {
   data() {
     return {
       currentSort: ""
@@ -61,27 +61,27 @@ const ht = {
       return `${this.data.name}-${t}` === this.selectedSortParam;
     }
   }
-}, bt = {
+}, ft = {
   scope: "col",
-  class: "py-1 pe-2 text-start",
+  class: "text-start",
   ref: "column"
-}, ft = { class: "w-[24px]" }, gt = {
+}, gt = { class: "w-[24px]" }, mt = {
   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 xt(t, e, n, o, s, l) {
+  return a(), i("th", ft, [
+    l.getVisibleIcon ? (a(), 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, [
-        s.currentSort ? (r(), i("svg", {
+      P(I(l.label) + " ", 1),
+      r("span", gt, [
+        s.currentSort ? (a(), i("svg", {
           key: 0,
-          class: D(["shrink-0 size-3.5", { "rotate-180": s.currentSort === "asc" }]),
+          class: $(["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)
+          r("path", { d: "m5 12 7-7 7 7" }, null, -1),
+          r("path", { d: "M12 19V5" }, null, -1)
+        ]), 2)) : k("", !0)
       ])
-    ])) : (r(), i("p", gt, S(a.label), 1))
+    ])) : (a(), i("p", mt, I(l.label), 1))
   ], 512);
 }
-const xt = /* @__PURE__ */ T(ht, [["render", mt]]), yt = {
+const yt = /* @__PURE__ */ T(bt, [["render", xt]]), vt = {
   components: {
     IconMore: He,
-    IconDelete: Re,
-    IconEdit: We
+    IconDelete: Ke,
+    IconEdit: Je
   },
   emits: ["updateTable"],
   props: {
@@ -182,58 +182,58 @@ 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 = {
+}, kt = { class: "inline-flex" }, _t = { 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" }, Ct = { class: "flex flex-col items-start" }, wt = ["onClick"], $t = { class: "text-gray-800" }, St = {
   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) {
+function At(t, e, n, o, s, l) {
   const c = h("IconMore"), g = h("IconEdit"), p = h("router-link"), b = h("IconDelete"), d = h("VsPopover"), _ = h("VsConfirm");
-  return r(), i($, null, [
-    l("div", kt, [
+  return a(), i(S, null, [
+    r("div", kt, [
       y(d, {
         trigger: "click",
         placement: "bottom-left"
       }, {
-        reference: I(() => [
-          l("button", vt, [
+        reference: D(() => [
+          r("button", _t, [
             y(c, {
               height: "16",
               width: "16"
             })
           ])
         ]),
-        default: I(() => {
+        default: D(() => {
           var x, f, C, m, w;
           return [
-            l("div", _t, [
-              (x = n.actions) != null && x.includes("edit") && n.isForm ? (r(), k(p, {
+            r("div", Ct, [
+              (x = n.actions) != null && x.includes("edit") && n.isForm ? (a(), 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}`,
                 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(() => [
+                default: D(() => [
                   y(g, { color: "#000" }),
-                  e[4] || (e[4] = L(" Редагувати "))
+                  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),
+              (a(!0), i(S, null, V(l.getCustomActions, (A, F) => (a(), i("button", {
+                key: F,
+                onClick: (j) => l.customButtonAction(A),
                 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", {
+                r("span", $t, I(A == null ? void 0 : A.label), 1)
+              ], 8, wt))), 128)),
+              n.isForm ? (a(), i("div", St)) : k("", !0),
+              (w = n.actions) != null && w.includes("del") ? (a(), i("button", {
                 key: 2,
-                onClick: e[0] || (e[0] = at((...A) => a.openConfirm && a.openConfirm(...A), ["stop"])),
+                onClick: e[0] || (e[0] = at((...A) => l.openConfirm && l.openConfirm(...A), ["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)
+                e[5] || (e[5] = r("span", { class: "text-gray-800" }, "Видалити", -1))
+              ])) : k("", !0)
             ])
           ];
         }),
@@ -246,18 +246,18 @@ function At(t, e, n, o, s, a) {
       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] = r("p", { class: "mt-1 text-sm text-gray-600 dark:text-neutral-400" }, " Ви впевнені, що хочете видалити цей об'єкт? ", -1)),
+        r("div", Tt, [
+          r("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)
           }, " Скасувати "),
-          l("button", {
+          r("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] = (...x) => l.deleteElement && l.deleteElement(...x))
           }, " Так, я впевнена(ий) ")
         ])
       ]),
@@ -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 It = /* @__PURE__ */ T(vt, [["render", At]]), Dt = {}, Vt = {
   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 Pt(t, e, n, o, s, l) {
+  return a(), i("svg", Vt, e[0] || (e[0] = [
+    r("path", { d: "m3 16 4 4 4-4" }, null, -1),
+    r("path", { d: "M7 20V4" }, null, -1),
+    r("path", { d: "m21 8-4-4-4 4" }, null, -1),
+    r("path", { d: "M17 4v16" }, null, -1)
   ]));
 }
-const Pt = /* @__PURE__ */ T(It, [["render", Vt]]), Ft = {}, jt = {
+const Ft = /* @__PURE__ */ T(Dt, [["render", Pt]]), jt = {}, Lt = {
   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 Mt(t, e, n, o, s, l) {
+  return a(), i("svg", Lt, e[0] || (e[0] = [
+    r("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)
+    r("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),
+    r("path", { d: "M9 12l2 2l4 -4" }, null, -1)
   ]));
 }
-const Mt = /* @__PURE__ */ T(Ft, [["render", Lt]]), zt = {
-  components: { IconExport: Pt, IconChevronDown: Ke, IconSuccess: Mt },
+const zt = /* @__PURE__ */ T(jt, [["render", Mt]]), qt = {
+  components: { IconExport: Ft, IconChevronDown: Ge, IconSuccess: zt },
   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,26 +414,26 @@ 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 = {
+}, Bt = {
   key: 0,
   class: "flex flex-col items-center"
-}, Bt = {
+}, Ot = {
   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 = {
+}, Nt = { class: "pb-5 mb-5 border-b border-gray-200 last:pb-0 last:mb-0 last:border-b-0 dark:border-neutral-700" }, Et = { class: "flex items-center gap-[10px] -ml-[10px] my-[10px]" }, Ut = ["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 = {
+}, Rt = { class: "mt-2 flex row flex-wrap gap-y-[5px] gap-x-[10px]" }, Ht = { class: "pb-5 mb-5 border-b border-gray-200 last:pb-0 last:mb-0 last:border-b-0 dark:border-neutral-700" }, Kt = { class: "mt-2 space-y-2" }, Jt = ["id", "onChange"], Gt = ["for"], Qt = {
   key: 0,
   class: "flex w-full justify-end p-[20px] gap-[6px] border-t"
-}, Qt = {
+}, Xt = {
   key: 1,
   class: "flex w-full justify-end p-[20px] gap-[6px] border-t"
 };
-function Xt(t, e, n, o, s, a) {
+function Yt(t, e, n, o, s, l) {
   const c = h("IconExport"), g = h("IconSuccess"), p = h("VsCheckbox"), b = h("VsDialog");
-  return r(), i($, null, [
-    l("button", {
+  return a(), i(S, null, [
+    r("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"
     }, [
@@ -436,7 +441,7 @@ function Xt(t, e, n, o, s, a) {
         height: "16",
         width: "16"
       }),
-      e[7] || (e[7] = L(" Експорт "))
+      e[7] || (e[7] = P(" Експорт "))
     ]),
     y(b, {
       visible: s.isOpen,
@@ -445,58 +450,58 @@ function Xt(t, e, n, o, s, a) {
       size: "small",
       closeClickBack: !0
     }, {
-      footer: I(() => [
-        s.isSuccessTemplate ? (r(), i("div", Gt, [
-          l("button", {
+      footer: D(() => [
+        s.isSuccessTemplate ? (a(), i("div", Qt, [
+          r("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", {
+          r("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", {
+        ])) : (a(), i("div", Xt, [
+          r("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", {
+          r("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: $(`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, [
+      default: D(() => [
+        s.isSuccessTemplate ? (a(), i("div", Bt, [
           y(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, [
-              (r(!0), i($, null, V(s.actions, (d) => (r(), i("button", {
+          e[8] || (e[8] = r("h2", null, "Звіт сформовано і збережено", -1))
+        ])) : (a(), i("div", Ot, [
+          r("div", Nt, [
+            e[9] || (e[9] = r("h2", { class: "text-sm font-[600] text-gray-500" }, " Виберіть стовпці таблиці для експорту: ", -1)),
+            r("div", Et, [
+              (a(!0), i(S, null, V(s.actions, (d) => (a(), 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 }])
+                r("span", {
+                  class: $(["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 ? (a(), i("span", Wt)) : k("", !0)
                 ], 2),
-                L(" " + S(d == null ? void 0 : d.label), 1)
-              ], 8, Et))), 128))
+                P(" " + I(d == null ? void 0 : d.label), 1)
+              ], 8, Ut))), 128))
             ]),
-            l("div", Wt, [
-              (r(!0), i($, null, V(n.columns, (d, _) => (r(), i("div", {
+            r("div", Rt, [
+              (a(!0), i(S, null, V(n.columns, (d, _) => (a(), i("div", {
                 class: "flex items-center",
                 key: _,
                 style: { width: "calc((100% - 10px) / 2)" }
@@ -511,24 +516,24 @@ function Xt(t, e, n, o, s, a) {
               ]))), 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", {
+          r("div", Ht, [
+            e[10] || (e[10] = r("h2", { class: "text-sm font-[600] text-gray-500" }, " Виберіть формат таблиці: ", -1)),
+            r("div", Kt, [
+              (a(!0), i(S, null, V(s.tableFormats, (d, _) => (a(), i("div", {
                 class: "flex items-center",
                 key: _
               }, [
-                l("input", {
+                r("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: (x) => l.selectFormat(d)
+                }, null, 40, Jt),
+                r("label", {
                   for: d,
                   class: "text-sm text-gray-800 ms-3 dark:text-neutral-400"
-                }, " Формат " + S(d), 9, Jt)
+                }, " Формат " + I(d), 9, Gt)
               ]))), 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 Zt = /* @__PURE__ */ T(qt, [["render", Yt]]), es = {}, ts = {
   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 ss(t, e, n, o, s, l) {
+  return a(), i("svg", ts, e[0] || (e[0] = [
+    ot('<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 ns = /* @__PURE__ */ T(es, [["render", ss]]), ls = {
   props: { column: Object },
   emits: ["update-column"],
   components: {
-    IconCheck2: Be
+    IconCheck2: Ne
   },
   data() {
     return {
@@ -569,26 +574,31 @@ 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) {
+}, rs = { 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 os(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", {
+  return a(), i("div", rs, [
+    r("label", as, [
+      P(I(((g = n.column) == null ? void 0 : g.ua) || ((p = n.column) == null ? void 0 : p.title)) + " ", 1),
+      U(r("input", {
         type: "checkbox",
         "onUpdate:modelValue": e[0] || (e[0] = (b) => s.value = b),
         class: "hidden"
       }, null, 512), [
-        [ot, s.value]
+        [it, 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"]])
+      r("span", {
+        class: $(["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, {
           height: "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 is = /* @__PURE__ */ T(ls, [["render", os]]), ds = {
+  components: { IconColumns: ns, AdminTableColumnsHiddenItem: is },
   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,24 +645,24 @@ const os = /* @__PURE__ */ T(ns, [["render", rs]]), is = {
   beforeUnmount() {
     document.removeEventListener("click", this.handleClickOutside);
   }
-}, ds = {
+}, us = {
   class: "relative",
   ref: "wrapper"
-}, us = {
+}, cs = {
   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 = {
+}, ps = { class: "relative p-1 border-gray-200 border-y dark:border-neutral-800" }, hs = { 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" }, bs = {
   key: 0,
   class: "block px-3 mb-2 text-xs text-gray-500 dark:text-neutral-500"
-}, bs = { class: "space-y-1" }, fs = {
+}, fs = { class: "space-y-1" }, gs = {
   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) {
+function ms(t, e, n, o, s, l) {
   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)),
+  return a(), i("div", us, [
+    r("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, {
@@ -660,41 +670,41 @@ function gs(t, e, n, o, s, a) {
         width: "16"
       })
     ]),
-    y(R, { name: "fade" }, {
-      default: I(() => {
+    y(H, { 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 ? (a(), i("div", cs, [
+            e[2] || (e[2] = r("div", { class: "flex items-center justify-between h-[48px] px-4 py-2 gap-x-2 text-sm font-medium text-gray-800" }, " Колонки ", -1)),
+            r("div", ps, [
+              U(r("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]
+                [dt, 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, {
+            r("div", hs, [
+              (p = l.filteredColumn) != null && p.length ? (a(), i("span", bs, " Оберіть колонки для відображення ")) : k("", !0),
+              r("div", fs, [
+                (b = l.filteredColumn) != null && b.length ? (a(!0), i(S, { key: 0 }, V(l.filteredColumn, (d, _) => (a(), v(g, {
                   key: _,
                   column: d,
-                  onUpdateColumn: a.updateColumn
-                }, null, 8, ["column", "onUpdateColumn"]))), 128)) : (r(), i("div", fs, " Нічого не знайдено "))
+                  onUpdateColumn: l.updateColumn
+                }, null, 8, ["column", "onUpdateColumn"]))), 128)) : (a(), i("div", gs, " Нічого не знайдено "))
               ])
             ])
-          ])) : v("", !0)
+          ])) : k("", !0)
         ];
       }),
       _: 1
     })
   ], 512);
 }
-const ms = /* @__PURE__ */ T(is, [["render", gs]]), xs = {}, ys = {
+const xs = /* @__PURE__ */ T(ds, [["render", ms]]), ys = {}, vs = {
   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 ks(t, e, n, o, s, l) {
+  return a(), i("svg", vs, e[0] || (e[0] = [
+    r("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    l("path", { d: "M5 12l14 0" }, null, -1)
+    r("path", { d: "M5 12l14 0" }, null, -1)
   ]));
 }
-const vs = /* @__PURE__ */ T(xs, [["render", ks]]), _s = {
-  components: { IconPlus: G, IconMinus: vs },
+const _s = /* @__PURE__ */ T(ys, [["render", ks]]), Cs = {
+  components: { IconPlus: Q, IconMinus: _s },
   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) {
+}, ws = { class: "hs-accordion" }, $s = { class: "py-0.5 flex items-center gap-x-0.5 w-full" }, Ss = { 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, l) {
   const c = h("IconPlus"), g = h("IconMinus");
-  return r(), i("div", null, [
-    l("div", null, [
-      l("div", Cs, [
-        l("div", ws, [
-          l("div", {
+  return a(), i("div", null, [
+    r("div", null, [
+      r("div", ws, [
+        r("div", $s, [
+          r("div", {
             onClick: e[0] || (e[0] = (p) => s.expanded = !s.expanded),
             class: "rounded-md cursor-pointer grow"
           }, [
-            l("span", $s, S(n.title), 1)
+            r("span", Ss, I(n.title), 1)
           ]),
-          l("button", {
+          r("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 ? (a(), v(g, {
               key: 1,
               width: "14"
-            })) : (r(), k(c, { key: 0 }))
+            })) : (a(), v(c, { key: 0 }))
           ])
         ]),
-        y(R, { name: "fade" }, {
-          default: I(() => [
-            N(l("div", Ts, [
-              dt(t.$slots, "default", {}, void 0, !0)
+        y(H, { name: "fade" }, {
+          default: D(() => [
+            U(r("div", Ts, [
+              ut(t.$slots, "default", {}, void 0, !0)
             ], 512), [
-              [X, s.expanded]
+              [Y, s.expanded]
             ])
           ]),
           _: 3
@@ -760,44 +770,44 @@ function As(t, e, n, o, s, a) {
     ])
   ]);
 }
-const Ss = /* @__PURE__ */ T(_s, [["render", As], ["__scopeId", "data-v-c6318482"]]), Is = {
+const Is = /* @__PURE__ */ T(Cs, [["render", As], ["__scopeId", "data-v-c6318482"]]), Ds = {
   components: {
-    AdminComponentIs: Q,
-    AdminTree: Ss,
-    VsNoData: Xe,
-    VsWidgetComments: Qe,
-    VsWidgetMap: Ge,
-    VsWidgetFileList: Je
+    AdminComponentIs: X,
+    AdminTree: Is,
+    VsNoData: Qe,
+    VsWidgetComments: Xe,
+    VsWidgetMap: Ye,
+    VsWidgetFileList: Ze
   },
   props: { table: String, columns: Array, row: Object }
-}, Ds = {
+}, Vs = {
   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",
   style: { height: "calc(100vh - 310px)" }
-}, Vs = {
+}, Ps = {
   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) {
+}, Fs = { class: "flow-root mt-[10px]" }, js = { class: "-my-3 text-sm divide-y divide-gray-100" }, Ls = { class: "flex py-3 sm:grid-cols-3 sm:gap-4" }, Ms = { class: "font-medium text-black w-[50%]" }, zs = { class: "text-gray-700 sm:col-span-2 w-[50%]" }, qs = { class: "table-info-card" }, Bs = { class: "table-info-card" };
+function Os(t, e, n, o, s, l) {
   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" }, "Інформація про об'єкт")
+  return a(), i("div", Vs, [
+    e[0] || (e[0] = r("div", { class: "p-[10px] pl-[18px] pb-[18px] border-b" }, [
+      r("h2", { class: "text-sm font-medium" }, "Інформація про об'єкт")
     ], -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, {
+    r("div", Ps, [
+      (f = (x = t.$route) == null ? void 0 : x.query) != null && f.card ? (a(), i(S, { key: 0 }, [
+        n.row ? (a(), v(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, [
+          default: D(() => [
+            r("div", Fs, [
+              r("dl", js, [
+                (a(!0), i(S, null, V(n.columns, (m) => (a(), i("div", Ls, [
+                  r("dt", Ms, I((m == null ? void 0 : m.ua) || (m == null ? void 0 : m.title)), 1),
+                  r("dd", zs, [
                     y(c, {
                       row: n.row,
                       column: m,
@@ -809,20 +819,20 @@ function Bs(t, e, n, o, s, a) {
             ])
           ]),
           _: 1
-        })) : v("", !0),
-        (C = n.row) != null && C.geom ? (r(), k(g, {
+        })) : k("", !0),
+        (C = n.row) != null && C.geom ? (a(), v(g, {
           key: 1,
           title: "Карта",
           class: "border-b p-[10px] py-[16px]"
         }, {
-          default: I(() => {
+          default: D(() => {
             var m, w;
             return [
-              (m = n.row) != null && m.geom ? (r(), k(p, {
+              (m = n.row) != null && m.geom ? (a(), v(p, {
                 key: 0,
                 geometry: (w = n.row) == null ? void 0 : w.geom,
                 zoom: 14
-              }, null, 8, ["geometry"])) : (r(), k(b, {
+              }, null, 8, ["geometry"])) : (a(), v(b, {
                 key: 1,
                 title: "У об'єкта відсутня геометрія",
                 text: "",
@@ -831,15 +841,15 @@ function Bs(t, e, n, o, s, a) {
             ];
           }),
           _: 1
-        })) : v("", !0),
+        })) : k("", !0),
         y(g, {
           title: "Коментарі",
           class: "border-b p-[10px] py-[16px]"
         }, {
-          default: I(() => {
+          default: D(() => {
             var m;
             return [
-              l("div", zs, [
+              r("div", qs, [
                 y(d, {
                   id: (m = n.row) == null ? void 0 : m.id
                 }, null, 8, ["id"])
@@ -852,11 +862,11 @@ function Bs(t, e, n, o, s, a) {
           title: "Файли",
           class: "border-b p-[10px] py-[16px]"
         }, {
-          default: I(() => {
+          default: D(() => {
             var m, w;
             return [
-              l("div", qs, [
-                (r(), k(_, {
+              r("div", Bs, [
+                (a(), v(_, {
                   key: (m = n.row) == null ? void 0 : m.id,
                   id: (w = n.row) == null ? void 0 : w.id
                 }, null, 8, ["id"]))
@@ -865,21 +875,21 @@ function Bs(t, e, n, o, s, a) {
           }),
           _: 1
         })
-      ], 64)) : (r(), k(b, {
+      ], 64)) : (a(), v(b, {
         key: 1,
         text: "Оберіть один з об'єктів в таблиці для відображення інформаціі про нього"
       }))
     ])
   ]);
 }
-const Os = /* @__PURE__ */ T(Is, [["render", Bs]]), Ns = {
+const Ns = /* @__PURE__ */ T(Ds, [["render", Os]]), Es = {
   emits: ["filterChange"],
   props: {
     scheme: { type: Object },
     onFilters: { type: Number },
     table: { type: String }
   },
-  components: { IconFilter: Ye },
+  components: { IconFilter: et },
   data() {
     return {
       isFilters: !1
@@ -890,14 +900,14 @@ 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) {
+}, Ws = { 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 Rs(t, e, n, o, s, l) {
   const c = h("IconFilter"), g = h("VsFilter");
-  return r(), i($, null, [
-    l("button", {
+  return a(), i(S, null, [
+    r("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"
     }, [
@@ -905,21 +915,21 @@ function Ws(t, e, n, o, s, a) {
         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 ? (a(), i("span", Us, I(n.onFilters), 1)) : k("", !0)
     ]),
-    y(R, { name: "fade" }, {
-      default: I(() => {
+    y(H, { 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)),
+          (a(), v(ct, { to: "#modal" }, [
+            U(r("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, {
+              r("div", Ws, [
+                (p = n.scheme) != null && p.length ? (a(), v(g, {
                   key: 0,
                   ref: "filter",
                   scheme: n.scheme,
@@ -933,10 +943,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 +955,25 @@ function Ws(t, e, n, o, s, a) {
     })
   ], 64);
 }
-const Rs = /* @__PURE__ */ T(Ns, [["render", Ws]]), Hs = {
+const Hs = /* @__PURE__ */ T(Es, [["render", Rs]]), 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, [
-    (r(!0), i($, null, V(n.tabsList, (c) => (r(), i("button", {
+}, Gs = ["onClick"];
+function Qs(t, e, n, o, s, l) {
+  return a(), i("nav", Js, [
+    (a(!0), i(S, null, V(n.tabsList, (c) => (a(), 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: $(["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))
+    }, I(c == null ? void 0 : c.label), 11, Gs))), 256))
   ]);
 }
-const Qs = /* @__PURE__ */ T(Hs, [["render", Gs]]), Xs = {}, Ys = {
+const Xs = /* @__PURE__ */ T(Ks, [["render", Qs]]), Ys = {}, Zs = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -973,51 +983,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 a(), i("svg", Zs, e[0] || (e[0] = [
+    r("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)
+    r("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__ */ T(Ys, [["render", en]]), sn = {
+  components: { IconFilter2: tn, IconCheck2: Ne },
   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) {
+}, 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]" }, rn = ["onClick"], an = { class: "text-sm text-gray-800" };
+function on(t, e, n, o, s, l) {
   const c = h("IconFilter2"), g = h("IconCheck2"), p = h("VsPopover");
-  return r(), k(p, {
+  return a(), v(p, {
     ref: "popover",
     placement: "bottom"
   }, {
-    reference: I(() => [
-      l("button", sn, [
+    reference: D(() => [
+      r("button", nn, [
         y(c, {
           height: "20",
           width: "20"
         })
       ])
     ]),
-    default: I(() => [
-      l("div", nn, [
-        (r(!0), i($, null, V(n.customList, (b, d) => (r(), i("button", {
+    default: D(() => [
+      r("div", ln, [
+        (a(!0), i(S, null, V(n.customList, (b, d) => (a(), i("button", {
           onClick: (_) => {
             var x;
             t.$emit("update:filterCustom", b == null ? void 0 : b.name), (x = t.$refs) == null || x.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: $(["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, {
+          r("span", an, I(b == null ? void 0 : b.label), 1),
+          n.filterCustom === (b == null ? void 0 : b.name) ? (a(), v(g, {
             key: 0,
             class: "ml-auto size-3 shrink-0"
-          })) : v("", !0)
-        ], 10, ln))), 128)),
-        l("button", {
+          })) : k("", !0)
+        ], 10, rn))), 128)),
+        r("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,7 +1039,7 @@ 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__ */ T(sn, [["render", on]]), un = { class: "flex items-center gap-x-2" }, cn = {
   __name: "admin-table-custom-buttons",
   props: {
     slots: Object,
@@ -1037,7 +1047,7 @@ const on = /* @__PURE__ */ T(tn, [["render", rn]]), dn = { class: "flex items-ce
   },
   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 = () => {
+    const { asyncTemplateSlot: e } = (_ = (d = (b = (p = (g = Ee()) == 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 = J(""), o = J(""), s = t, l = () => {
       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, [
@@ -1056,19 +1066,19 @@ const on = /* @__PURE__ */ T(tn, [["render", rn]]), dn = { class: "flex items-ce
       } else
         n.value = (w = s.slots) == null ? void 0 : w.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(), (x, f) => (a(), i("div", un, [
+      (a(), v(G(o.value), { data: t.data }, null, 8, ["data"])),
+      (a(), v(G(n.value), { data: t.data }, null, 8, ["data"]))
     ]));
   }
-}, cn = {
+}, pn = {
   __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 = Ee()) == 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("<")) {
@@ -1078,18 +1088,18 @@ const on = /* @__PURE__ */ T(tn, [["render", rn]]), dn = { class: "flex items-ce
         n.value = m;
       } else
         n.value = (C = o.slots) == null ? void 0 : C.addButton;
-    })(), (d, _) => n.value ? (r(), k(J(n.value), {
+    })(), (d, _) => n.value ? (a(), v(G(n.value), {
       key: 0,
-      IconPlus: G
-    })) : v("", !0);
+      IconPlus: Q
+    })) : k("", !0);
   }
-}, pn = {
+}, hn = {
   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: () => [] },
@@ -1097,23 +1107,23 @@ const on = /* @__PURE__ */ T(tn, [["render", rn]]), dn = { class: "flex items-ce
     } }
   },
   setup(t) {
-    return (e, n) => (r(), i("tr", null, [
-      (r(!0), i($, null, V(t.columns, (o) => {
+    return (e, n) => (a(), i("tr", null, [
+      (a(!0), i(S, null, V(t.columns, (o) => {
         var s;
-        return r(), i($, {
+        return a(), i(S, {
           key: o == null ? void 0 : o.name
         }, [
-          (s = t.agg) != null && s[o == null ? void 0 : o.name] ? (r(), i("td", pn, [
-            y(Q, {
+          (s = t.agg) != null && s[o == null ? void 0 : o.name] ? (a(), i("td", hn, [
+            y(X, {
               column: o,
               row: t.agg
             }, null, 8, ["column", "row"])
-          ])) : (r(), i("td", hn))
+          ])) : (a(), 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 +1133,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 a(), i("svg", mn, e[0] || (e[0] = [
+    r("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    l("path", { d: "M5 12l5 5l10 -10" }, null, -1)
+    r("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__ */ T(gn, [["render", xn]]), vn = pt({
+  components: { IconChevronDown: tt, IconCheck: yn },
   props: {
     total: { type: Number, default: () => 0 },
     pageSize: { type: Number, default: () => 20 },
@@ -1203,7 +1213,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,17 +1229,17 @@ 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) {
+}, $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 = h("IconChevronDown"), g = h("IconCheck");
-  return r(), i("nav", kn, [
-    l("button", {
+  return a(), i("nav", kn, [
+    r("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: $(["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, {
         height: "16",
@@ -1237,21 +1247,21 @@ function An(t, e, n, o, s, a) {
         class: "rotate-90"
       })
     ], 2),
-    l("div", vn, [
-      l("span", {
+    r("div", _n, [
+      r("span", {
         ref: "currentPage",
         contenteditable: "true",
-        onKeydown: e[1] || (e[1] = pt((...p) => t.keydownEnter && t.keydownEnter(...p), ["enter"])),
+        onKeydown: e[1] || (e[1] = ht((...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)
+      }, I(t.page), 545),
+      e[5] || (e[5] = r("span", { class: "min-h-[38px] flex justify-center items-center text-stone-500 py-2 px-1.5 text-sm" }, "з", -1)),
+      r("span", Cn, I(t.pagesCount), 1)
     ]),
-    l("button", {
+    r("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: $([{ "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, {
         height: "16",
@@ -1259,62 +1269,62 @@ function An(t, e, n, o, s, a) {
         class: "-rotate-90"
       })
     ], 2),
-    t.pageSizes.length ? (r(), i("div", Cn, [
-      l("div", wn, [
-        N(l("div", $n, [
-          (r(!0), i($, null, V(t.pageSizes, (p) => (r(), i("button", {
+    t.pageSizes.length ? (a(), i("div", wn, [
+      r("div", $n, [
+        U(r("div", Sn, [
+          (a(!0), i(S, null, V(t.pageSizes, (p) => (a(), 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(I(p) + " ", 1),
+            p === t.pageSizeLocal ? (a(), 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", {
+        t.pageSizes.length ? (a(), i("button", {
           key: 0,
           type: "button",
           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),
+          P(I(t.pageSizeLocal) + " ", 1),
           y(c, {
             height: "16",
             width: "16"
           })
-        ])) : v("", !0)
+        ])) : k("", !0)
       ])
-    ])) : v("", !0)
+    ])) : k("", !0)
   ]);
 }
-const Sn = /* @__PURE__ */ T(yn, [["render", An]]), In = {
+const In = /* @__PURE__ */ T(vn, [["render", An]]), Dn = {
   props: { table: String, title: String, search: String },
   components: {
-    AdminTableControl: St,
-    AdminTableExport: Yt,
+    AdminTableControl: It,
+    AdminTableExport: Zt,
     // 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: xs,
+    AdminTableColumn: yt,
+    AdminNodata: st,
+    IconPlus: Q,
+    IconSearch: nt,
+    AdminTableCardInfo: Ns,
+    IconOpenCard: lt,
+    AdminComponentIs: X,
+    AdminTableFilters: Hs,
+    AdminTableTabs: Xs,
+    AdminTableCustomFilters: dn,
+    AdminTableCustomButtons: cn,
+    AdminCustomButtonAdd: pn,
+    AdminTableTotalsList: fn,
+    AdminTablePagination: In
   },
   data() {
     return {
@@ -1341,6 +1351,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 +1390,7 @@ const Sn = /* @__PURE__ */ T(yn, [["render", An]]), In = {
       this.tableData = null, this.columnsWidth = {}, await this.getTableData();
     },
     searchValue: {
-      handler: et(async function(t) {
+      handler: rt(async function(t) {
         var e;
         this.page = 1, await this.getTableData(), this.$router.push({
           ...this.$route,
@@ -1416,7 +1432,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 +1443,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, _, x, f, C, m, w, A, 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 = ((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 = ((j = (F = (A = this.$route) == null ? void 0 : A.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,7 +1458,7 @@ 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}`, {
           params: {
@@ -1458,15 +1474,15 @@ 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) => {
+        }, this.initialHiddenColumns = (l = (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 : l.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;
+            var w, A, F, j, z, W;
             (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
+              (W = (z = (j = (F = this.columnsWidth) == null ? void 0 : F[m]) == null ? void 0 : j.ref) == null ? void 0 : z.getBoundingClientRect()) == null ? void 0 : W.width
             ) + "px");
           });
         });
@@ -1518,64 +1534,61 @@ 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"], Wn = ["onClick"], Rn = { class: "px-1 py-2 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" }, Gn = { key: 0 };
+function Qn(t, e, n, o, s, l) {
+  var Z, ee, te, se, ne, le, re, ae, oe, ie, de, ue, ce, pe, he, be, fe, ge, me, xe, ye, ve, ke, _e, Ce, we, $e, Se, Te, Ae, Ie, De, Ve;
+  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"), F = h("AdminTableColumn"), j = h("AdminComponentIs"), z = h("AdminTableControl"), W = h("AdminTableTotalsList"), Ue = h("AdminNodata"), We = h("AdminTablePagination"), Re = h("AdminTableCardInfo");
+  return a(), i("div", Vn, [
+    r("div", Pn, [
+      r("h2", Fn, I(n.title), 1),
+      l.isForm ? (a(), i(S, { key: 0 }, [
+        (ee = (Z = s.tableData) == null ? void 0 : Z.slots) != null && ee.addButton ? (a(), 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"])) : (a(), 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: $(`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(() => [
+          default: D(() => [
             y(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)"
+    r("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, {
+      r("div", jn, [
+        (ae = (re = s.tableData) == null ? void 0 : re.filterState) != null && ae.length ? (a(), 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),
+        r("div", Ln, [
+          r("div", {
+            class: $([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 }])
+            r("div", {
+              class: $(["flex sm:grid sm:grid-cols-2 gap-x-2 sm:gap-x-5 mb-[10px] relative", { "pr-[20px]": !s.isVisibleCardInfo }])
             }, [
               y(d, {
                 height: "14",
@@ -1589,185 +1602,193 @@ function Gn(t, e, n, o, s, a) {
                 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, {
+              r("div", Mn, [
+                (ie = s.tableData) != null && ie.slots ? (a(), v(x, {
                   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 ? (a(), v(f, {
                   key: 1,
-                  customList: (ce = s.tableData) == null ? void 0 : ce.filterCustom,
+                  customList: (pe = s.tableData) == null ? void 0 : pe.filterCustom,
                   filterCustom: s.filterCustom,
                   "onUpdate:filterCustom": e[2] || (e[2] = (u) => s.filterCustom = u)
-                }, null, 8, ["customList", "filterCustom"])) : v("", !0),
+                }, null, 8, ["customList", "filterCustom"])) : k("", !0),
                 y(C, {
-                  columns: (pe = s.tableData) == null ? void 0 : pe.columns,
+                  columns: (he = s.tableData) == null ? void 0 : he.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 ? (a(), v(m, {
                   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 ? (a(), v(w, {
                   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),
+                r("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 })
+                    class: $({ "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 }])
+            r("div", {
+              class: $(["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)`
+              r("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, {
+                r("div", zn, [
+                  l.isNoData ? (a(), v(Ue, { key: 1 })) : (a(), i("table", {
+                    key: 0,
+                    class: $([l.fontSize, "relative min-w-full divide-y divide-gray-200 table-fixed w-max dark:divide-neutral-700 my-2"])
+                  }, [
+                    r("thead", qn, [
+                      r("tr", Bn, [
+                        (a(!0), i(S, null, V(l.columns, (u) => {
+                          var q, B;
+                          return a(), 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: (R) => {
+                              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: R });
                             },
-                            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 ? (a(), 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;
-                        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)
-                          })
+                    r("tbody", Nn, [
+                      (a(!0), i(S, null, V((we = s.tableData) == null ? void 0 : we.rows, (u, q) => {
+                        var B, R, O, N, Pe, Fe, je, Le, Me, ze, qe, Be;
+                        return a(), i("tr", {
+                          key: (u == null ? void 0 : u.id) || q,
+                          class: $(["odd:bg-gray-50", {
+                            "bg-gray-50": ((R = (B = t.$route) == null ? void 0 : B.query) == null ? void 0 : R.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"}` : ""
+                          r("td", {
+                            class: $(["px-1 py-2.5 pr-5", [
+                              (O = l.columns[0]) != null && O.align ? `text-${((N = l.columns[0]) == null ? void 0 : N.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);
+                            r("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: $(["font-medium text-start", [
+                                ...l.getCustomStyles(l.columns[0]),
+                                ((Pe = this.tableData) == null ? void 0 : Pe.card) === !1 ? "" : ` text-${l.color}-800 decoration-2  focus:outline-none focus:underline hover:text-${l.color}-700 hover:underline`
                               ]])
                             }, [
-                              y(F, {
+                              y(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);
+                          (a(!0), i(S, null, V((Fe = l.columns) == null ? void 0 : Fe.slice(1), (L) => (a(), 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: $(["px-1 py-2.5 pr-5", l.getCustomStyles(L)]),
+                            key: L.name
                           }, [
-                            y(F, {
+                            y(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", {
+                          (Le = (je = l.getActions) == null ? void 0 : je.filter(
+                            (L) => L !== "add" && L !== "view"
+                          )) != null && Le.length ? (a(), 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: $(["text-center sticky right-0 w-[80px] px-[10px]", {
+                              "bg-gray-50": ((ze = (Me = t.$route) == null ? void 0 : Me.query) == null ? void 0 : ze.card) === (u == null ? void 0 : u.id) || !(q % 2),
+                              "bg-white": ((Be = (qe = t.$route) == null ? void 0 : qe.query) == null ? void 0 : Be.card) !== (u == null ? void 0 : u.id) && q % 2
                             }])
                           }, [
                             y(z, {
-                              actions: a.getActions,
-                              isForm: a.isForm,
+                              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
+                    y(W, {
+                      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)
+            r("div", Rn, [
+              r("div", Hn, [
+                r("p", Kn, [
+                  r("span", Jn, [
+                    P(" Об'єктів: " + I(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) ? (a(), i("span", Gn, " з " + I(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 ? (a(), 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(() => {
+          y(H, { name: "slide-fade" }, {
+            default: D(() => {
               var u;
               return [
-                s.isVisibleCardInfo ? (r(), k(Ue, {
+                s.isVisibleCardInfo ? (a(), v(Re, {
                   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 +1798,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__ */ T(Dn, [["render", Qn], ["__scopeId", "data-v-7d75f147"]]), Yn = {
+  components: { AdminTable: Xn },
   data() {
     return {
       table: !1,
@@ -1790,13 +1811,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 = Oe) != 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 +1832,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(Oe.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,22 +1854,22 @@ const Qn = /* @__PURE__ */ T(In, [["render", Gn], ["__scopeId", "data-v-76a3cec3
       }
     }
   }
-}, Yn = ["innerHTML"];
-function Zn(t, e, n, o, s, a) {
+}, Zn = ["innerHTML"];
+function el(t, e, n, o, s, l) {
   const c = h("AdminTable");
-  return s.table ? (r(), k(c, {
+  return s.table ? (a(), v(c, {
     key: 0,
     table: s.table,
     title: t.title,
     search: s.search
-  }, null, 8, ["table", "title", "search"])) : (r(), i("div", {
+  }, null, 8, ["table", "title", "search"])) : (a(), i("div", {
     key: 1,
     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__ */ T(Yn, [["render", el]]);
 export {
-  nl as default
+  ll as default
 };