@opengis/admin 0.1.67 → 0.1.68

package/dist/{admin-interface-DUuz9KgB.js → admin-interface-j3f16Iy8.js}

@@ -1,6 +1,6 @@
-import { _ as g, b as pe, a as V, c as be, d as fe, e as me, f as ge, I as xe, u as ne } from "./import-file-B80Ws8by.js";
-import { openBlock as s, createElementBlock as a, createTextVNode as D, toDisplayString as S, createCommentVNode as v, createStaticVNode as j, Fragment as C, createElementVNode as l, resolveComponent as d, createVNode as p, withCtx as k, createBlock as _, withModifiers as ye, renderList as A, normalizeClass as I, withDirectives as z, vModelCheckbox as _e, resolveDynamicComponent as ke, Transition as q, renderSlot as we, vShow as se, normalizeStyle as le } from "vue";
-import { I as ve } from "./IconChevronDown-DN0s3TF_.js";
+import { _ as g, b as pe, a as V, c as be, d as fe, e as me, f as ge, I as xe, u as ne } from "./import-file-DGI0k9si.js";
+import { openBlock as s, createElementBlock as a, createTextVNode as D, toDisplayString as $, createCommentVNode as w, createStaticVNode as j, Fragment as C, createElementVNode as l, resolveComponent as d, createVNode as f, withCtx as v, createBlock as k, withModifiers as ye, renderList as I, normalizeClass as A, withDirectives as q, vModelCheckbox as _e, resolveDynamicComponent as ke, Transition as z, renderSlot as ve, vShow as se, normalizeStyle as le } from "vue";
+import { I as we } from "./IconChevronDown-Co0qOLyQ.js";
 const Ce = {
   data() {
     return {
@@ -73,10 +73,10 @@ const Ce = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Ae = {
+}, Ie = {
   key: 0,
   d: "m7 15 5 5 5-5"
-}, Ie = {
+}, Ae = {
   key: 1,
   d: "m7 9 5-5 5 5"
 }, Te = {
@@ -91,12 +91,12 @@ function Ve(t, e, r, i, n, o) {
       class: "text-sm text-stone-500 px-[4px] py-2.5 text-start font-normal text-gray-500 flex items-center gap-[6px]",
       onClick: e[0] || (e[0] = (u) => o.handleClickSortBtn(n.currentSort))
     }, [
-      D(S(o.label) + " ", 1),
+      D($(o.label) + " ", 1),
       (s(), a("svg", Se, [
-        n.currentSort === "asc" || n.currentSort === "" ? (s(), a("path", Ae)) : v("", !0),
-        n.currentSort === "desc" || n.currentSort === "" ? (s(), a("path", Ie)) : v("", !0)
+        n.currentSort === "asc" || n.currentSort === "" ? (s(), a("path", Ie)) : w("", !0),
+        n.currentSort === "desc" || n.currentSort === "" ? (s(), a("path", Ae)) : w("", !0)
       ]))
-    ])) : (s(), a("p", Te, S(o.label), 1))
+    ])) : (s(), a("p", Te, $(o.label), 1))
   ]);
 }
 const De = /* @__PURE__ */ g(Ce, [["render", Ve]]), Fe = {}, Me = {
@@ -114,7 +114,7 @@ function je(t, e, r, i, n, o) {
     j('<path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path><line x1="10" x2="10" y1="11" y2="17"></line><line x1="14" x2="14" y1="11" y2="17"></line>', 5)
   ]));
 }
-const ze = /* @__PURE__ */ g(Fe, [["render", je]]), qe = {
+const qe = /* @__PURE__ */ g(Fe, [["render", je]]), ze = {
   props: {
     height: { type: String, default: "16" },
     width: { type: String, default: "12" },
@@ -140,10 +140,10 @@ function Le(t, e, r, i, n, o) {
     ]), 8, Pe))
   ], 64);
 }
-const Ue = /* @__PURE__ */ g(qe, [["render", Le]]), Oe = {
+const Ue = /* @__PURE__ */ g(ze, [["render", Le]]), Oe = {
   components: {
     IconMore: pe,
-    IconDelete: ze,
+    IconDelete: qe,
     IconEdit: Ue
   },
   emits: ["updateTable"],
@@ -203,69 +203,69 @@ const Ue = /* @__PURE__ */ g(qe, [["render", Le]]), Oe = {
   class: "h-[1px] w-[80%] bg-gray-200 ml-auto mr-auto"
 }, Re = { class: "p-4" }, Ge = { class: "flex justify-end mt-4 gap-x-3" };
 function Ze(t, e, r, i, n, o) {
-  const u = d("IconMore"), b = d("IconEdit"), h = d("router-link"), m = d("IconDelete"), w = d("VsPopover"), c = d("VsDialog");
+  const u = d("IconMore"), b = d("IconEdit"), p = d("router-link"), h = d("IconDelete"), _ = d("VsPopover"), c = d("VsDialog");
   return s(), a(C, null, [
     l("div", Ee, [
-      p(w, {
+      f(_, {
         trigger: "click",
         placement: "bottom-left"
       }, {
-        reference: k(() => [
+        reference: v(() => [
           l("button", Ne, [
-            p(u, {
+            f(u, {
               height: "16",
               width: "16"
             })
           ])
         ]),
-        default: k(() => {
-          var y, $, x, T, F;
+        default: v(() => {
+          var x, S, y, T, F;
           return [
             l("div", He, [
-              (y = r.actions) != null && y.includes("edit") && r.isForm ? (s(), _(h, {
+              (x = r.actions) != null && x.includes("edit") && r.isForm ? (s(), k(p, {
                 key: 0,
-                to: `/edit?table=${(x = ($ = t.$route) == null ? void 0 : $.params) == null ? void 0 : x.catchAll}&id=${(T = r.item) == null ? void 0 : T.id}`,
+                to: `/edit?table=${(y = (S = t.$route) == null ? void 0 : S.params) == null ? void 0 : y.catchAll}&id=${(T = r.item) == null ? void 0 : T.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: k(() => [
-                  p(b, { color: "#000" }),
+                default: v(() => [
+                  f(b, { color: "#000" }),
                   e[4] || (e[4] = D(" Редагувати "))
                 ]),
                 _: 1
-              }, 8, ["to"])) : v("", !0),
-              r.isForm ? (s(), a("div", We)) : v("", !0),
+              }, 8, ["to"])) : w("", !0),
+              r.isForm ? (s(), a("div", We)) : w("", !0),
               (F = r.actions) != null && F.includes("del") ? (s(), a("button", {
                 key: 2,
                 onClick: e[0] || (e[0] = ye((...M) => o.openConfirm && o.openConfirm(...M), ["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"
               }, [
-                p(m),
+                f(h),
                 e[5] || (e[5] = l("span", { class: "text-gray-800" }, "Видалити", -1))
-              ])) : v("", !0)
+              ])) : w("", !0)
             ])
           ];
         }),
         _: 1
       })
     ]),
-    p(c, {
+    f(c, {
       visible: n.isDeleteConfirm,
-      "onUpdate:visible": e[3] || (e[3] = (y) => n.isDeleteConfirm = y),
+      "onUpdate:visible": e[3] || (e[3] = (x) => n.isDeleteConfirm = x),
       title: "Ви впевнені?"
     }, {
-      default: k(() => [
+      default: v(() => [
         l("div", Re, [
           e[6] || (e[6] = l("p", { class: "mt-1 text-gray-500 dark:text-neutral-500" }, " Ви впевнені, що хочете видалити цей об'єкт? ", -1)),
           l("div", Ge, [
             l("button", {
               type: "button",
               class: "inline-flex items-center px-3 py-2 text-sm font-medium text-gray-800 bg-white border border-gray-200 rounded-lg shadow-sm gap-x-2 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",
-              onClick: e[1] || (e[1] = (y) => n.isDeleteConfirm = !1)
+              onClick: e[1] || (e[1] = (x) => n.isDeleteConfirm = !1)
             }, " Скасувати "),
             l("button", {
               type: "button",
               class: "inline-flex items-center px-3 py-2 text-sm font-semibold text-white bg-red-500 border border-transparent rounded-lg gap-x-2 hover:bg-red-600 disabled:opacity-50 disabled:pointer-events-none",
-              onClick: e[2] || (e[2] = (...y) => o.deleteElement && o.deleteElement(...y))
+              onClick: e[2] || (e[2] = (...x) => o.deleteElement && o.deleteElement(...x))
             }, " Так, я впевнена/ий ")
           ])
         ])
@@ -316,7 +316,7 @@ function rt(t, e, r, i, n, o) {
   ]));
 }
 const nt = /* @__PURE__ */ g(et, [["render", rt]]), lt = {
-  components: { IconExport: Ye, IconChevronDown: ve, IconSuccess: nt },
+  components: { IconExport: Ye, IconChevronDown: we, IconSuccess: nt },
   props: {
     table: String,
     columns: Array,
@@ -420,7 +420,7 @@ const nt = /* @__PURE__ */ g(et, [["render", rt]]), lt = {
 }, ot = {
   key: 1,
   class: "p-4"
-}, at = { class: "pb-5 mb-5 border-b border-gray-200 last:pb-0 last:mb-0 last:border-b-0 dark:border-neutral-700" }, it = { class: "flex items-center" }, ct = { class: "flex items-center gap-[10px] ml-auto" }, dt = ["onClick"], ut = {
+}, at = { class: "pb-5 mb-5 border-b border-gray-200 last:pb-0 last:mb-0 last:border-b-0 dark:border-neutral-700" }, it = { class: "flex items-center" }, ct = { class: "flex items-center gap-[10px] ml-auto" }, ut = ["onClick"], dt = {
   key: 0,
   class: "block h-[8px] w-[8px] rounded-full bg-blue-500"
 }, ht = { class: "mt-2 flex row flex-wrap gap-y-[5px] gap-x-[10px]" }, pt = { class: "pb-5 mb-5 border-b border-gray-200 last:pb-0 last:mb-0 last:border-b-0 dark:border-neutral-700" }, bt = { class: "mt-2 space-y-2" }, ft = ["id", "onChange"], mt = ["for"], gt = {
@@ -431,30 +431,30 @@ const nt = /* @__PURE__ */ g(et, [["render", rt]]), lt = {
   class: "flex w-full justify-end p-[20px] gap-[6px] border-t"
 };
 function yt(t, e, r, i, n, o) {
-  const u = d("IconExport"), b = d("IconChevronDown"), h = d("IconSuccess"), m = d("VsCheckbox"), w = d("VsDialog");
+  const u = d("IconExport"), b = d("IconChevronDown"), p = d("IconSuccess"), h = d("VsCheckbox"), _ = d("VsDialog");
   return s(), a(C, null, [
     l("button", {
       onClick: e[0] || (e[0] = (c) => n.isOpen = !0),
       class: "py-2 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"
     }, [
-      p(u, {
+      f(u, {
         height: "16",
         width: "16"
       }),
       e[7] || (e[7] = D(" Експорт ")),
-      p(b, {
+      f(b, {
         height: "12",
         width: "16"
       })
     ]),
-    p(w, {
+    f(_, {
       visible: n.isOpen,
       "onUpdate:visible": e[6] || (e[6] = (c) => n.isOpen = c),
       title: "Експорт таблиці",
       size: "small",
       closeClickBack: !0
     }, {
-      footer: k(() => [
+      footer: v(() => [
         n.isSuccessTemplate ? (s(), a("div", gt, [
           l("button", {
             type: "button",
@@ -479,9 +479,9 @@ function yt(t, e, r, i, n, o) {
           }, " Завантажити таблицю ")
         ]))
       ]),
-      default: k(() => [
+      default: v(() => [
         n.isSuccessTemplate ? (s(), a("div", st, [
-          p(h, {
+          f(p, {
             height: "100",
             width: "100",
             class: "text-green-200 mb-[20px]"
@@ -492,30 +492,30 @@ function yt(t, e, r, i, n, o) {
             l("div", it, [
               e[9] || (e[9] = l("h2", { class: "text-sm text-gray-500" }, " Виберіть стовпці таблиці для експорту: ", -1)),
               l("div", ct, [
-                (s(!0), a(C, null, A(n.actions, (c) => (s(), a("button", {
+                (s(!0), a(C, null, I(n.actions, (c) => (s(), a("button", {
                   key: c == null ? void 0 : c.name,
                   onClick: c == null ? void 0 : c.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: I(["h-[14px] w-[14px] border rounded-full flex items-center justify-center", { "border-blue-500": (c == null ? void 0 : c.name) === n.activeAction }])
+                    class: A(["h-[14px] w-[14px] border rounded-full flex items-center justify-center", { "border-blue-500": (c == null ? void 0 : c.name) === n.activeAction }])
                   }, [
-                    (c == null ? void 0 : c.name) === n.activeAction ? (s(), a("span", ut)) : v("", !0)
+                    (c == null ? void 0 : c.name) === n.activeAction ? (s(), a("span", dt)) : w("", !0)
                   ], 2),
-                  D(" " + S(c == null ? void 0 : c.label), 1)
-                ], 8, dt))), 128))
+                  D(" " + $(c == null ? void 0 : c.label), 1)
+                ], 8, ut))), 128))
               ])
             ]),
             l("div", ht, [
-              (s(!0), a(C, null, A(r.columns, (c, y) => (s(), a("div", {
+              (s(!0), a(C, null, I(r.columns, (c, x) => (s(), a("div", {
                 class: "flex items-center",
-                key: y,
+                key: x,
                 style: { width: "calc((100% - 10px) / 2)" }
               }, [
-                p(m, {
+                f(h, {
                   class: "[&>label]:text-sm [&>label]:text-gray-800 [&>label]:ms-3 !gap-x-[1px] !p-0",
                   modelValue: n.cols,
-                  "onUpdate:modelValue": e[1] || (e[1] = ($) => n.cols = $),
+                  "onUpdate:modelValue": e[1] || (e[1] = (S) => n.cols = S),
                   value: c == null ? void 0 : c.name,
                   label: c == null ? void 0 : c.ua
                 }, null, 8, ["modelValue", "value", "label"])
@@ -525,21 +525,21 @@ function yt(t, e, r, i, n, o) {
           l("div", pt, [
             e[10] || (e[10] = l("h2", { class: "text-sm text-gray-500" }, "Виберіть формат таблиці:", -1)),
             l("div", bt, [
-              (s(!0), a(C, null, A(n.tableFormats, (c, y) => (s(), a("div", {
+              (s(!0), a(C, null, I(n.tableFormats, (c, x) => (s(), a("div", {
                 class: "flex items-center",
-                key: y
+                key: x
               }, [
                 l("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: c,
-                  onChange: ($) => o.selectFormat(c)
+                  onChange: (S) => o.selectFormat(c)
                 }, null, 40, ft),
                 l("label", {
                   for: c,
                   class: "text-sm text-gray-800 ms-3 dark:text-neutral-400"
-                }, " Формат " + S(c), 9, mt)
+                }, " Формат " + $(c), 9, mt)
               ]))), 128))
             ])
           ])
@@ -549,7 +549,7 @@ function yt(t, e, r, i, n, o) {
     }, 8, ["visible"])
   ], 64);
 }
-const _t = /* @__PURE__ */ g(lt, [["render", yt]]), kt = {}, wt = {
+const _t = /* @__PURE__ */ g(lt, [["render", yt]]), kt = {}, vt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -559,12 +559,12 @@ const _t = /* @__PURE__ */ g(lt, [["render", yt]]), kt = {}, wt = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-columns"
 };
-function vt(t, e, r, i, n, o) {
-  return s(), a("svg", wt, e[0] || (e[0] = [
+function wt(t, e, r, i, n, o) {
+  return s(), a("svg", vt, e[0] || (e[0] = [
     j('<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 Ct = /* @__PURE__ */ g(kt, [["render", vt]]), $t = {
+const Ct = /* @__PURE__ */ g(kt, [["render", wt]]), $t = {
   props: { column: Object },
   emits: ["update-column"],
   data() {
@@ -582,20 +582,20 @@ const Ct = /* @__PURE__ */ g(kt, [["render", vt]]), $t = {
     ((t = this.column) == null ? void 0 : t.hidden) !== !0 && (this.value = !0);
   }
 }, St = { class: "flex w-full gap-[8px] items-centr" };
-function At(t, e, r, i, n, o) {
+function It(t, e, r, i, n, o) {
   var u, b;
   return s(), a("label", St, [
-    z(l("input", {
-      "onUpdate:modelValue": e[0] || (e[0] = (h) => n.value = h),
+    q(l("input", {
+      "onUpdate:modelValue": e[0] || (e[0] = (p) => n.value = p),
       type: "checkbox"
     }, null, 512), [
       [_e, n.value]
     ]),
-    D(" " + S(((u = r.column) == null ? void 0 : u.ua) || ((b = r.column) == null ? void 0 : b.title)), 1)
+    D(" " + $(((u = r.column) == null ? void 0 : u.ua) || ((b = r.column) == null ? void 0 : b.title)), 1)
   ]);
 }
-const It = /* @__PURE__ */ g($t, [["render", At]]), Tt = {
-  components: { IconColumns: Ct, AdminTableColumnsHiddenItem: It },
+const At = /* @__PURE__ */ g($t, [["render", It]]), Tt = {
+  components: { IconColumns: Ct, AdminTableColumnsHiddenItem: At },
   emits: ["update-columns"],
   props: { columns: Array },
   methods: {
@@ -606,26 +606,26 @@ const It = /* @__PURE__ */ g($t, [["render", At]]), Tt = {
   }
 }, Vt = { class: "py-2 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" }, Dt = { class: "py-[10px] px-[10px] w-[260px]" }, Ft = { class: "flex flex-col gap-[3px] max-h-[400px] w-full 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" };
 function Mt(t, e, r, i, n, o) {
-  const u = d("IconColumns"), b = d("AdminTableColumnsHiddenItem"), h = d("VsPopover");
-  return s(), _(h, {
+  const u = d("IconColumns"), b = d("AdminTableColumnsHiddenItem"), p = d("VsPopover");
+  return s(), k(p, {
     trigger: "click",
     placement: "bottom"
   }, {
-    reference: k(() => [
+    reference: v(() => [
       l("button", Vt, [
-        p(u, {
+        f(u, {
           height: "20",
           width: "16"
         })
       ])
     ]),
-    default: k(() => [
+    default: v(() => [
       l("div", Dt, [
         e[0] || (e[0] = l("h2", { class: "text-sm mb-[8px]" }, "Оберіть колонки, щоб приховати", -1)),
         l("ul", Ft, [
-          (s(!0), a(C, null, A(r.columns, (m, w) => (s(), a("li", { key: w }, [
-            p(b, {
-              column: m,
+          (s(!0), a(C, null, I(r.columns, (h, _) => (s(), a("li", { key: _ }, [
+            f(b, {
+              column: h,
               onUpdateColumn: o.updateColumn
             }, null, 8, ["column", "onUpdateColumn"])
           ]))), 128))
@@ -635,14 +635,14 @@ function Mt(t, e, r, i, n, o) {
     _: 1
   });
 }
-const jt = /* @__PURE__ */ g(Tt, [["render", Mt]]), zt = {}, qt = {
+const jt = /* @__PURE__ */ g(Tt, [["render", Mt]]), qt = {}, zt = {
   class: "hidden sm:block shrink-0 size-3",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
   viewBox: "0 0 16 16"
 };
 function Bt(t, e, r, i, n, o) {
-  return s(), a("svg", qt, e[0] || (e[0] = [
+  return s(), a("svg", zt, e[0] || (e[0] = [
     l("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -650,7 +650,7 @@ function Bt(t, e, r, i, n, o) {
     }, null, -1)
   ]));
 }
-const oe = /* @__PURE__ */ g(zt, [["render", Bt]]), Pt = {}, Lt = { class: "vs-table-interface__table-wrp w-full rounded h-fit overflow-hidden" };
+const oe = /* @__PURE__ */ g(qt, [["render", Bt]]), Pt = {}, Lt = { class: "vs-table-interface__table-wrp w-full rounded h-fit overflow-hidden" };
 function Ut(t, e, r, i, n, o) {
   return s(), a("div", Lt, e[0] || (e[0] = [
     j('<div><div class="p-5 min-h-[500px] flex flex-col justify-center items-center text-center"><svg class="w-48 mx-auto" viewBox="0 0 178 90" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-50 dark:stroke-neutral-700/10"></rect><rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="fill-gray-50 dark:fill-neutral-700/30"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="fill-white dark:fill-neutral-800"></rect><rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/30"></rect><rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="fill-gray-100 dark:fill-neutral-700/70"></rect><g filter="url(#filter1)"><rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="fill-white dark:fill-neutral-800" shape-rendering="crispEdges"></rect><rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="stroke-gray-100 dark:stroke-neutral-700/60" shape-rendering="crispEdges"></rect><rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect><rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="fill-gray-200 dark:fill-neutral-700"></rect></g><defs><filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="6"></feOffset><feGaussianBlur stdDeviation="6"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"></feBlend></filter></defs></svg><div class="max-w-sm mx-auto mt-6"><p class="font-medium text-gray-800 dark:text-neutral-200"> Дані для відображення відсутні </p><p class="mt-2 text-sm text-gray-500 dark:text-neutral-500"> Змініть параметри пошуку або спробуйте пізніше </p></div></div></div>', 1)
@@ -660,17 +660,17 @@ const Ot = /* @__PURE__ */ g(Pt, [["render", Ut]]), Et = {
   props: { row: Object, column: Object, table: String }
 };
 function Nt(t, e, r, i, n, o) {
-  var u, b, h, m, w, c, y, $;
-  return s(), _(ke(
-    ((u = r.column) == null ? void 0 : u.format) === "custom" ? (b = r.column) == null ? void 0 : b.component : t.$componentsConfig[`table-format-${((m = (h = r.column) == null ? void 0 : h.format) == null ? void 0 : m.toLowerCase()) || "text"}`]
+  var u, b, p, h, _, c, x, S;
+  return s(), k(ke(
+    ((u = r.column) == null ? void 0 : u.format) === "custom" ? (b = r.column) == null ? void 0 : b.component : t.$componentsConfig[`table-format-${((h = (p = r.column) == null ? void 0 : p.format) == null ? void 0 : h.toLowerCase()) || "text"}`]
   ), {
-    onUpdateTable: e[0] || (e[0] = (x) => t.$emit("update-table")),
-    name: (w = r.column) == null ? void 0 : w.name,
+    onUpdateTable: e[0] || (e[0] = (y) => t.$emit("update-table")),
+    name: (_ = r.column) == null ? void 0 : _.name,
     data: r.row,
-    value: (y = r.row) == null ? void 0 : y[(c = r.column) == null ? void 0 : c.name],
+    value: (x = r.row) == null ? void 0 : x[(c = r.column) == null ? void 0 : c.name],
     table: r.table,
     column: r.column,
-    edit: ($ = r.column) == null ? void 0 : $.edit
+    edit: (S = r.column) == null ? void 0 : S.edit
   }, null, 40, ["name", "data", "value", "table", "column", "edit"]);
 }
 const ae = /* @__PURE__ */ g(Et, [["render", Nt]]), Ht = {}, Wt = {
@@ -707,25 +707,25 @@ function Yt(t, e, r, i, n, o) {
       l("div", Jt, [
         l("div", Kt, [
           l("div", {
-            onClick: e[0] || (e[0] = (h) => n.expanded = !n.expanded),
+            onClick: e[0] || (e[0] = (p) => n.expanded = !n.expanded),
             class: "grow rounded-md cursor-pointer"
           }, [
-            l("span", Qt, S(r.title), 1)
+            l("span", Qt, $(r.title), 1)
           ]),
           l("button", {
             class: "size-6 flex justify-center items-center hover:bg-gray-100 rounded-md",
-            onClick: e[1] || (e[1] = (h) => n.expanded = !n.expanded)
+            onClick: e[1] || (e[1] = (p) => n.expanded = !n.expanded)
           }, [
-            n.expanded ? (s(), _(b, {
+            n.expanded ? (s(), k(b, {
               key: 1,
               width: "14"
-            })) : (s(), _(u, { key: 0 }))
+            })) : (s(), k(u, { key: 0 }))
           ])
         ]),
-        p(q, { name: "fade" }, {
-          default: k(() => [
-            z(l("div", Xt, [
-              we(t.$slots, "default", {}, void 0, !0)
+        f(z, { name: "fade" }, {
+          default: v(() => [
+            q(l("div", Xt, [
+              ve(t.$slots, "default", {}, void 0, !0)
             ], 512), [
               [se, n.expanded]
             ])
@@ -752,31 +752,31 @@ const er = /* @__PURE__ */ g(Zt, [["render", Yt], ["__scopeId", "data-v-4139bc00
 }, nr = {
   class: "border-l",
   style: { height: "calc(100vh - 360px)" }
-}, lr = { class: "flex items-center justify-between py-1 gap-x-4" }, sr = { class: "col-span-1" }, or = { class: "inline-flex items-center gap-x-2 text-[13px] text-gray-500 dark:text-neutral-500" }, ar = { class: "col-span-2" }, ir = { class: "font-medium text-[13px] text-gray-800 dark:text-neutral-200" }, cr = { class: "table-info-card" }, dr = { class: "table-info-card" };
-function ur(t, e, r, i, n, o) {
-  var y, $;
-  const u = d("AdminComponentIs"), b = d("AdminTree"), h = d("VsWidgetMap"), m = d("VsNoData"), w = d("VsWidgetComments"), c = d("VsWidgetFileList");
+}, lr = { class: "flex items-center justify-between py-1 gap-x-4" }, sr = { class: "col-span-1" }, or = { class: "inline-flex items-center gap-x-2 text-[13px] text-gray-500 dark:text-neutral-500" }, ar = { class: "col-span-2" }, ir = { class: "font-medium text-[13px] text-gray-800 dark:text-neutral-200" }, cr = { class: "table-info-card" }, ur = { class: "table-info-card" };
+function dr(t, e, r, i, n, o) {
+  var x, S;
+  const u = d("AdminComponentIs"), b = d("AdminTree"), p = d("VsWidgetMap"), h = d("VsNoData"), _ = d("VsWidgetComments"), c = d("VsWidgetFileList");
   return s(), a("div", rr, [
     e[0] || (e[0] = l("div", { class: "p-[10px] pl-[18px] pb-[18px] border-b" }, [
       l("h2", { class: "text-sm font-medium" }, "Інформація про об'єкт")
     ], -1)),
     l("div", nr, [
-      ($ = (y = t.$route) == null ? void 0 : y.query) != null && $.card ? (s(), a(C, { key: 0 }, [
-        r.row ? (s(), _(b, {
+      (S = (x = t.$route) == null ? void 0 : x.query) != null && S.card ? (s(), a(C, { key: 0 }, [
+        r.row ? (s(), k(b, {
           key: 0,
           title: "Основна інформація",
           class: "border-b p-[10px] py-[16px]"
         }, {
-          default: k(() => [
-            (s(!0), a(C, null, A(r.columns, (x) => (s(), a("dl", lr, [
+          default: v(() => [
+            (s(!0), a(C, null, I(r.columns, (y) => (s(), a("dl", lr, [
               l("dt", sr, [
-                l("p", or, S((x == null ? void 0 : x.ua) || (x == null ? void 0 : x.title)) + ": ", 1)
+                l("p", or, $((y == null ? void 0 : y.ua) || (y == null ? void 0 : y.title)) + ": ", 1)
               ]),
               l("dd", ar, [
                 l("p", ir, [
-                  p(u, {
+                  f(u, {
                     row: r.row,
-                    column: x,
+                    column: y,
                     table: r.table
                   }, null, 8, ["row", "column", "table"])
                 ])
@@ -784,19 +784,19 @@ function ur(t, e, r, i, n, o) {
             ]))), 256))
           ]),
           _: 1
-        })) : v("", !0),
-        p(b, {
+        })) : w("", !0),
+        f(b, {
           title: "Карта",
           class: "border-b p-[10px] py-[16px]"
         }, {
-          default: k(() => {
-            var x, T;
+          default: v(() => {
+            var y, T;
             return [
-              (x = r.row) != null && x.geom ? (s(), _(h, {
+              (y = r.row) != null && y.geom ? (s(), k(p, {
                 key: 0,
                 geometry: (T = r.row) == null ? void 0 : T.geom,
                 zoom: 14
-              }, null, 8, ["geometry"])) : (s(), _(m, {
+              }, null, 8, ["geometry"])) : (s(), k(h, {
                 key: 1,
                 title: "У об'єкта відсутня геометрія",
                 text: "",
@@ -806,46 +806,46 @@ function ur(t, e, r, i, n, o) {
           }),
           _: 1
         }),
-        p(b, {
+        f(b, {
           title: "Коментарі",
           class: "border-b p-[10px] py-[16px]"
         }, {
-          default: k(() => {
-            var x;
+          default: v(() => {
+            var y;
             return [
               l("div", cr, [
-                p(w, {
-                  id: (x = r.row) == null ? void 0 : x.id
+                f(_, {
+                  id: (y = r.row) == null ? void 0 : y.id
                 }, null, 8, ["id"])
               ])
             ];
           }),
           _: 1
         }),
-        p(b, {
+        f(b, {
           title: "Файли",
           class: "border-b p-[10px] py-[16px]"
         }, {
-          default: k(() => {
-            var x;
+          default: v(() => {
+            var y;
             return [
-              l("div", dr, [
-                p(c, {
-                  id: (x = r.row) == null ? void 0 : x.id
+              l("div", ur, [
+                f(c, {
+                  id: (y = r.row) == null ? void 0 : y.id
                 }, null, 8, ["id"])
               ])
             ];
           }),
           _: 1
         })
-      ], 64)) : (s(), _(m, {
+      ], 64)) : (s(), k(h, {
         key: 1,
         text: "Оберіть один з об'єктів в таблиці для відображення інформаціі про нього"
       }))
     ])
   ]);
 }
-const hr = /* @__PURE__ */ g(tr, [["render", ur]]), pr = {}, br = {
+const hr = /* @__PURE__ */ g(tr, [["render", dr]]), pr = {}, br = {
   class: "hidden xl:block shrink-0 size-4",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -886,6 +886,7 @@ function yr(t, e, r, i, n, o) {
   ]));
 }
 const _r = /* @__PURE__ */ g(gr, [["render", yr]]), kr = {
+  emits: ["filterChange"],
   props: { scheme: { type: Object }, onFilters: { type: Number } },
   components: { IconFilter: _r },
   data() {
@@ -898,35 +899,35 @@ const _r = /* @__PURE__ */ g(gr, [["render", yr]]), kr = {
       this.isFilters && t.classList.contains("filter-container") && (this.isFilters = !1);
     }
   }
-}, wr = {
+}, vr = {
   key: 0,
   class: "font-medium text-[10px] py-0.5 px-[5px] bg-gray-800 text-white leading-3 rounded-full dark:bg-neutral-500"
-}, vr = { class: "filter-content h-screen bg-white w-[400px] p-[20px] pt-[10px] overflow-x-auto bg-white [&::-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" };
+}, wr = { class: "filter-content h-screen bg-white w-[400px] p-[20px] pt-[10px] overflow-x-auto bg-white [&::-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 Cr(t, e, r, i, n, o) {
   const u = d("IconFilter"), b = d("VsFilter");
   return s(), a(C, null, [
     l("button", {
-      onClick: e[0] || (e[0] = (h) => n.isFilters = !n.isFilters),
+      onClick: e[0] || (e[0] = (p) => n.isFilters = !n.isFilters),
       class: "py-2 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"
     }, [
-      p(u, {
+      f(u, {
         height: "16",
         width: "16"
       }),
       e[4] || (e[4] = D(" Фільтри ")),
-      r.onFilters ? (s(), a("span", wr, S(r.onFilters), 1)) : v("", !0)
+      r.onFilters ? (s(), a("span", vr, $(r.onFilters), 1)) : w("", !0)
     ]),
-    p(q, { name: "fade" }, {
-      default: k(() => {
-        var h;
+    f(z, { name: "fade" }, {
+      default: v(() => {
+        var p;
         return [
-          z(l("div", {
-            onClick: e[3] || (e[3] = (...m) => o.closeFilter && o.closeFilter(...m)),
+          q(l("div", {
+            onClick: e[3] || (e[3] = (...h) => o.closeFilter && o.closeFilter(...h)),
             style: { height: "100vh" },
             class: "fixed filter-container top-0 flex justify-end items-center z-[2] right-0 left-0 bottom-0 bg-[rgba(0,0,0,0.5)]"
           }, [
-            l("div", vr, [
-              (h = r.scheme) != null && h.length ? (s(), _(b, {
+            l("div", wr, [
+              (p = r.scheme) != null && p.length ? (s(), k(b, {
                 key: 0,
                 ref: "filter",
                 scheme: r.scheme,
@@ -934,10 +935,10 @@ function Cr(t, e, r, i, n, o) {
                 "apply-vue-router": "",
                 history: "",
                 name: "filter",
-                onFilterChange: e[1] || (e[1] = (m) => t.$emit("filterChange", m)),
+                onFilterChange: e[1] || (e[1] = (h) => t.$emit("filterChange", h)),
                 closeFilterBtn: !0,
-                onFilterClose: e[2] || (e[2] = (m) => n.isFilters = !1)
-              }, null, 8, ["scheme"])) : v("", !0)
+                onFilterClose: e[2] || (e[2] = (h) => n.isFilters = !1)
+              }, null, 8, ["scheme"])) : w("", !0)
             ])
           ], 512), [
             [se, n.isFilters]
@@ -950,20 +951,20 @@ function Cr(t, e, r, i, n, o) {
 }
 const $r = /* @__PURE__ */ g(kr, [["render", Cr]]), Sr = {
   props: { tabsList: { type: Array, default: () => [] }, filterState: String }
-}, Ar = {
+}, Ir = {
   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"
-}, Ir = ["onClick"];
+}, Ar = ["onClick"];
 function Tr(t, e, r, i, n, o) {
-  return s(), a("nav", Ar, [
-    (s(!0), a(C, null, A(r.tabsList, (u) => (s(), a("button", {
+  return s(), a("nav", Ir, [
+    (s(!0), a(C, null, I(r.tabsList, (u) => (s(), a("button", {
       onClick: (b) => t.$emit("update:filterState", u == null ? void 0 : u.name),
-      class: I(["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: A(["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": (u == null ? void 0 : u.name) === r.filterState
       }])
-    }, S(u == null ? void 0 : u.label), 11, Ir))), 256))
+    }, $(u == null ? void 0 : u.label), 11, Ar))), 256))
   ]);
 }
 const Vr = /* @__PURE__ */ g(Sr, [["render", Tr]]), Dr = {}, Fr = {
@@ -986,39 +987,39 @@ function Mr(t, e, r, i, n, o) {
     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)
   ]));
 }
-const jr = /* @__PURE__ */ g(Dr, [["render", Mr]]), zr = {
+const jr = /* @__PURE__ */ g(Dr, [["render", Mr]]), qr = {
   components: { IconFilter2: jr },
   props: { filterCustom: String, customList: Array }
-}, qr = { class: "py-2 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" }, Br = { class: "flex flex-col gap-[4px]" }, Pr = ["onClick"];
+}, zr = { class: "py-2 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" }, Br = { class: "flex flex-col gap-[4px]" }, Pr = ["onClick"];
 function Lr(t, e, r, i, n, o) {
   const u = d("IconFilter2"), b = d("VsPopover");
-  return s(), _(b, {
+  return s(), k(b, {
     ref: "popover",
     placement: "bottom"
   }, {
-    reference: k(() => [
-      l("button", qr, [
-        p(u, {
+    reference: v(() => [
+      l("button", zr, [
+        f(u, {
           height: "20",
           width: "20"
         })
       ])
     ]),
-    default: k(() => [
+    default: v(() => [
       l("div", Br, [
-        (s(!0), a(C, null, A(r.customList, (h, m) => (s(), a("button", {
-          onClick: (w) => {
+        (s(!0), a(C, null, I(r.customList, (p, h) => (s(), a("button", {
+          onClick: (_) => {
             var c;
-            t.$emit("update:filterCustom", h == null ? void 0 : h.name), (c = t.$refs) == null || c.popover.togglePopover();
+            t.$emit("update:filterCustom", p == null ? void 0 : p.name), (c = t.$refs) == null || c.popover.togglePopover();
           },
-          key: m,
-          class: I(["p-[8px] block rounded-lg w-[140px] text-start hover:bg-gray-100 !duration-300", { "bg-gray-100": r.filterCustom === (h == null ? void 0 : h.name) }])
-        }, S(h == null ? void 0 : h.label), 11, Pr))), 128)),
+          key: h,
+          class: A(["p-[8px] block rounded-lg w-[140px] text-start hover:bg-gray-100 !duration-300", { "bg-gray-100": r.filterCustom === (p == null ? void 0 : p.name) }])
+        }, $(p == null ? void 0 : p.label), 11, Pr))), 128)),
         l("button", {
           class: "p-[8px] block rounded-lg w-[140px] text-start hover:bg-gray-100 !duration-300",
-          onClick: e[0] || (e[0] = (h) => {
-            var m;
-            t.$emit("update:filterCustom", void 0), (m = t.$refs) == null || m.popover.togglePopover();
+          onClick: e[0] || (e[0] = (p) => {
+            var h;
+            t.$emit("update:filterCustom", void 0), (h = t.$refs) == null || h.popover.togglePopover();
           })
         }, " Скинути фільтри ")
       ])
@@ -1026,7 +1027,7 @@ function Lr(t, e, r, i, n, o) {
     _: 1
   }, 512);
 }
-const Ur = /* @__PURE__ */ g(zr, [["render", Lr]]), Or = {
+const Ur = /* @__PURE__ */ g(qr, [["render", Lr]]), Or = {
   props: { table: String, title: String },
   components: {
     AdminTableControl: Je,
@@ -1055,7 +1056,8 @@ const Ur = /* @__PURE__ */ g(zr, [["render", Lr]]), Or = {
       isVisibleCardInfo: !1,
       onFilters: 0,
       filterState: null,
-      filterCustom: null
+      filterCustom: null,
+      visibleColumns: []
     };
   },
   async mounted() {
@@ -1104,7 +1106,7 @@ const Ur = /* @__PURE__ */ g(zr, [["render", Lr]]), Or = {
     $route: {
       handler(t, e) {
         var r, i;
-        ((r = t == null ? void 0 : t.params) == null ? void 0 : r.catchAll) !== ((i = e == null ? void 0 : e.params) == null ? void 0 : i.catchAll) && (this.unmountedData(), this.getFilters());
+        ((r = t == null ? void 0 : t.params) == null ? void 0 : r.catchAll) !== ((i = e == null ? void 0 : e.params) == null ? void 0 : i.catchAll) && (this.visibleColumns = [], this.unmountedData(), this.getFilters());
       },
       deep: !0
     },
@@ -1121,16 +1123,26 @@ const Ur = /* @__PURE__ */ g(zr, [["render", Lr]]), Or = {
     },
     filterCustom(t) {
       var e;
-      this.$router.push({
+      this.$router.replace({
         ...this.$route,
         query: { ...(e = this.$route) == null ? void 0 : e.query, filterCustom: t }
       }), this.getTableData();
+    },
+    columns(t) {
+      var e, r;
+      this.visibleColumns = t == null ? void 0 : t.map((i) => i == null ? void 0 : i.name), this.$router.replace({
+        ...this.$route,
+        query: {
+          ...(e = this.$route) == null ? void 0 : e.query,
+          columns: (r = this.visibleColumns) != null && r.length ? this.visibleColumns : void 0
+        }
+      });
     }
   },
   methods: {
     async checkUrlMounted() {
-      var t, e, r, i, n, o, u, b, h, m, w;
-      this.page = ((e = (t = this.$route) == null ? void 0 : t.query) == null ? void 0 : e.page) || 1, this.limit = ((i = (r = this.$route) == null ? void 0 : r.query) == null ? void 0 : i.limit) || 20, this.filterState = ((o = (n = this.$route) == null ? void 0 : n.query) == null ? void 0 : o.filterState) || null, this.filterCustom = ((b = (u = this.$route) == null ? void 0 : u.query) == null ? void 0 : b.filterCustom) || null, this.searchValue = ((m = (h = this.$route) == null ? void 0 : h.query) == null ? void 0 : m.search) || null, (w = this.$route) != null && w.query.card && (this.isVisibleCardInfo = !0);
+      var t, e, r, i, n, o, u, b, p, h, _, c, x;
+      this.page = ((e = (t = this.$route) == null ? void 0 : t.query) == null ? void 0 : e.page) || 1, this.limit = ((i = (r = this.$route) == null ? void 0 : r.query) == null ? void 0 : i.limit) || 20, this.filterState = ((o = (n = this.$route) == null ? void 0 : n.query) == null ? void 0 : o.filterState) || null, this.filterCustom = ((b = (u = this.$route) == null ? void 0 : u.query) == null ? void 0 : b.filterCustom) || null, this.searchValue = ((h = (p = this.$route) == null ? void 0 : p.query) == null ? void 0 : h.search) || null, this.visibleColumns = ((c = (_ = this.$route) == null ? void 0 : _.query) == null ? void 0 : c.columns) || [], (x = this.$route) != null && x.query.card && (this.isVisibleCardInfo = !0);
     },
     rowWidth(t) {
       var r, i;
@@ -1141,12 +1153,12 @@ const Ur = /* @__PURE__ */ g(zr, [["render", Lr]]), Or = {
       }
     },
     unmountedData() {
-      this.page = 1, this.filterCustom = null, this.filterState = null, this.isVisibleCardInfo = !1, this.filterScheme = null, this.filters = null, this.onFilters = 0;
+      this.page = 1, this.visibleColumns = [], this.filterCustom = null, this.filterState = null, this.isVisibleCardInfo = !1, this.filterScheme = null, this.filters = null, this.onFilters = 0;
     },
     async getTableData() {
-      var t, e;
+      var t, e, r, i, n, o, u;
       try {
-        const { data: r } = await V.get(`/api/template/table/${this.table}`), i = await V.get(`/api/table-data/${this.table}`, {
+        const { data: b } = await V.get(`/api/template/table/${this.table}`), p = await V.get(`/api/table-data/${this.table}`, {
           params: {
             page: this.page,
             search: this.searchValue || null,
@@ -1158,9 +1170,12 @@ const Ur = /* @__PURE__ */ g(zr, [["render", Lr]]), Or = {
           }
         });
         this.tableData = {
-          ...r,
-          ...(i == null ? void 0 : i.data) || {}
-        };
+          ...b,
+          ...(p == null ? void 0 : p.data) || {}
+        }, (r = this.visibleColumns) != null && r.length ? (i = this.tableData) == null || i.columns.forEach((h) => {
+          var _;
+          (_ = this.visibleColumns) != null && _.includes(h == null ? void 0 : h.name) ? h.hidden = !1 : h.hidden = !0;
+        }) : this.visibleColumns = (u = (o = (n = this.tableData) == null ? void 0 : n.columns) == null ? void 0 : o.filter((h) => (h == null ? void 0 : h.hidden) !== !0)) == null ? void 0 : u.map((h) => h == null ? void 0 : h.name);
       } catch {
       }
     },
@@ -1208,96 +1223,100 @@ const Ur = /* @__PURE__ */ g(zr, [["render", Lr]]), Or = {
       });
     }
   }
-}, Er = { class: "w-[calc(100vw - 320px)] bg-gray-50" }, Nr = { class: "h-[76px] mt-[15px] flex items-center justify-between mx-[20px] px-[20px] bg-white border rounded-xl" }, Hr = { class: "text-xl font-medium h-[20px]" }, Wr = {
+}, Er = { class: "w-[calc(100vw - 320px)] bg-gray-50" }, Nr = { class: "h-[76px] mt-[15px] flex items-center justify-between mx-[20px] px-[20px] bg-white border rounded-xl" }, Hr = { class: "text-xl font-medium" }, Wr = {
   style: { height: "calc(100vh - 155px)", width: "calc(100vw - 260px)" },
   class: "bg-gray-50 p-[20px] flex pt-[10px]"
 }, Rr = { class: "bg-white w-full rounded-xl border p-[20px] pr-0" }, Gr = { class: "flex" }, Zr = { class: "flex gap-[6px] ml-auto" }, Jr = { class: "inline-block w-full align-middle" }, Kr = {
   key: 0,
   class: "relative min-w-full divide-y divide-gray-200 table-fixed dark:divide-neutral-700"
-}, Qr = { class: "sticky top-0 bg-white w-full after:absolute after:content-[''] after:block after:w-full after:h-px after:bg-stone-200" }, Xr = { class: "right-0 border-t border-stone-200" }, Yr = { class: "divide-y divide-gray-200" }, en = { class: "px-4 py-3 text-sm text-gray-600" }, tn = ["onClick"], rn = ["onClick"], nn = {
+}, Qr = { class: "sticky top-[-1px] bg-white w-full after:absolute after:content-[''] after:block after:w-full after:h-px after:bg-stone-200" }, Xr = { class: "right-0 border-t border-stone-200" }, Yr = { class: "divide-y divide-gray-200" }, en = { class: "px-4 py-3 text-sm text-gray-600" }, tn = ["onClick"], rn = ["onClick"], nn = {
   key: 0,
   class: "text-center sticky right-0 bg-white w-[80px] px-[10px]"
-}, ln = { class: "p-[20px] flex justify-between w-full" }, sn = { class: "w-[50%]" }, on = { class: "text-sm text-gray-600 dark:text-neutral-400" }, an = { class: "font-semibold text-gray-800 dark:text-neutral-200" }, cn = { class: "font-semibold text-gray-800 dark:text-neutral-200" };
-function dn(t, e, r, i, n, o) {
+}, ln = { class: "p-[20px] flex justify-start items-center w-full" }, sn = { class: "w-[200px]" }, on = { class: "text-sm text-gray-600 dark:text-neutral-400" }, an = { class: "font-semibold text-gray-800 dark:text-neutral-200" }, cn = { class: "font-semibold text-gray-800 dark:text-neutral-200" };
+function un(t, e, r, i, n, o) {
   var B, P, L, U, O, E, N, H, W, R, G, Z, J, K, Q, X;
-  const u = d("IconPlus"), b = d("router-link"), h = d("AdminTableTabs"), m = d("IconSearch"), w = d("VsText"), c = d("AdminTableCustomFilters"), y = d("AdminTableColumnsHidden"), $ = d("AdminTableExport"), x = d("AdminTableFilters"), T = d("IconOpenCard"), F = d("AdminTableColumn"), M = d("AdminComponentIs"), ie = d("AdminTableControl"), ce = d("AdminNodata"), de = d("VsPagination"), ue = d("AdminTableCardInfo");
+  const u = d("IconPlus"), b = d("router-link"), p = d("AdminTableTabs"), h = d("IconSearch"), _ = d("VsText"), c = d("AdminTableCustomFilters"), x = d("AdminTableColumnsHidden"), S = d("AdminTableExport"), y = d("AdminTableFilters"), T = d("IconOpenCard"), F = d("AdminTableColumn"), M = d("AdminComponentIs"), ie = d("AdminTableControl"), ce = d("AdminNodata"), ue = d("VsPagination"), de = d("AdminTableCardInfo");
   return s(), a("div", Er, [
     l("div", Nr, [
-      l("h2", Hr, S(r.title), 1),
-      o.isForm ? (s(), _(b, {
+      l("h2", Hr, $(r.title), 1),
+      o.isForm ? (s(), k(b, {
         key: 0,
         to: `/add?table=${(P = (B = t.$route) == null ? void 0 : B.params) == null ? void 0 : P.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"
       }, {
-        default: k(() => [
-          p(u, {
+        default: v(() => [
+          f(u, {
             height: "16",
             width: "16"
           }),
           e[5] || (e[5] = D(" Додати "))
         ]),
         _: 1
-      }, 8, ["to"])) : v("", !0)
+      }, 8, ["to"])) : w("", !0)
     ]),
     l("div", Wr, [
       l("div", Rr, [
-        (U = (L = n.tableData) == null ? void 0 : L.filterState) != null && U.length ? (s(), _(h, {
+        (U = (L = n.tableData) == null ? void 0 : L.filterState) != null && U.length ? (s(), k(p, {
           key: 0,
           tabsList: (O = n.tableData) == null ? void 0 : O.filterState,
           filterState: n.filterState,
-          "onUpdate:filterState": e[0] || (e[0] = (f) => n.filterState = f)
-        }, null, 8, ["tabsList", "filterState"])) : v("", !0),
+          "onUpdate:filterState": e[0] || (e[0] = (m) => n.filterState = m)
+        }, null, 8, ["tabsList", "filterState"])) : w("", !0),
         l("div", Gr, [
           l("div", {
-            class: I([n.isVisibleCardInfo ? "w-[calc(100%-360px)]" : "w-full"])
+            class: A([n.isVisibleCardInfo ? "w-[calc(100%-360px)]" : "w-full"])
           }, [
             l("div", {
-              class: I(["flex sm:grid sm:grid-cols-2 gap-x-2 sm:gap-x-5 mb-[10px] relative", { "pr-[20px]": !n.isVisibleCardInfo }])
+              class: A(["flex sm:grid sm:grid-cols-2 gap-x-2 sm:gap-x-5 mb-[10px] relative", { "pr-[20px]": !n.isVisibleCardInfo }])
             }, [
-              p(m, {
+              f(h, {
                 height: "14",
                 width: "14",
                 class: "absolute top-[10px] left-[14px] text-gray-500 z-[1]"
               }),
-              p(w, {
+              f(_, {
                 modelValue: n.searchValue,
-                "onUpdate:modelValue": e[1] || (e[1] = (f) => n.searchValue = f),
+                "onUpdate:modelValue": e[1] || (e[1] = (m) => n.searchValue = m),
                 placeholder: "Пошук...",
                 clearable: !0,
                 class: "[&>input]:py-[7px] [&>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"]),
               l("div", Zr, [
-                (N = (E = n.tableData) == null ? void 0 : E.filterCustom) != null && N.length ? (s(), _(c, {
+                (N = (E = n.tableData) == null ? void 0 : E.filterCustom) != null && N.length ? (s(), k(c, {
                   key: 0,
                   customList: (H = n.tableData) == null ? void 0 : H.filterCustom,
                   filterCustom: n.filterCustom,
-                  "onUpdate:filterCustom": e[2] || (e[2] = (f) => n.filterCustom = f)
-                }, null, 8, ["customList", "filterCustom"])) : v("", !0),
-                p(y, {
+                  "onUpdate:filterCustom": e[2] || (e[2] = (m) => n.filterCustom = m)
+                }, null, 8, ["customList", "filterCustom"])) : w("", !0),
+                f(x, {
                   columns: (W = n.tableData) == null ? void 0 : W.columns,
-                  onUpdateColumns: e[3] || (e[3] = (f) => n.tableData.columns = f)
+                  onUpdateColumns: e[3] || (e[3] = (m) => n.tableData.columns = m)
                 }, null, 8, ["columns"]),
-                p($, {
+                f(S, {
                   table: r.table,
-                  columns: (R = n.tableData) == null ? void 0 : R.columns
-                }, null, 8, ["table", "columns"]),
-                p(x, {
+                  columns: (R = n.tableData) == null ? void 0 : R.columns,
+                  page: n.page,
+                  "filter-state": n.filterState,
+                  "filter-custom": n.filterCustom,
+                  filters: n.filters
+                }, null, 8, ["table", "columns", "page", "filter-state", "filter-custom", "filters"]),
+                f(y, {
                   scheme: n.filterScheme,
                   onFilters: n.onFilters,
                   onFilterChange: o.filterChange
                 }, null, 8, ["scheme", "onFilters", "onFilterChange"]),
                 l("button", {
-                  onClick: e[4] || (e[4] = (...f) => o.toggleCardInfo && o.toggleCardInfo(...f)),
+                  onClick: e[4] || (e[4] = (...m) => o.toggleCardInfo && o.toggleCardInfo(...m)),
                   class: "py-2 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"
                 }, [
-                  p(T, {
-                    class: I({ "rotate-180 duration-300": !n.isVisibleCardInfo })
+                  f(T, {
+                    class: A({ "rotate-180 duration-300": !n.isVisibleCardInfo })
                   }, null, 8, ["class"])
                 ])
               ])
             ], 2),
             l("div", {
-              class: I(["flex items-start justify-start w-full space-y-5", { "pr-[20px]": !n.isVisibleCardInfo }])
+              class: A(["flex items-start justify-start w-full space-y-5", { "pr-[20px]": !n.isVisibleCardInfo }])
             }, [
               l("div", {
                 style: le({
@@ -1306,63 +1325,63 @@ function dn(t, e, r, i, n, o) {
                 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", Jr, [
-                  o.isNoData ? (s(), _(ce, { key: 1 })) : (s(), a("table", Kr, [
+                  o.isNoData ? (s(), k(ce, { key: 1 })) : (s(), a("table", Kr, [
                     l("thead", Qr, [
                       l("tr", Xr, [
-                        (s(!0), a(C, null, A(o.columns, (f) => (s(), _(F, {
-                          key: f.name,
+                        (s(!0), a(C, null, I(o.columns, (m) => (s(), k(F, {
+                          key: m.name,
                           style: le({
-                            width: o.rowWidth(f == null ? void 0 : f.name),
-                            textAlign: f == null ? void 0 : f.align,
-                            wordBreak: f.wrap
+                            width: o.rowWidth(m == null ? void 0 : m.name),
+                            textAlign: m == null ? void 0 : m.align,
+                            wordBreak: m.wrap
                           }),
-                          data: f,
+                          data: m,
                           activeColumn: n.activeColumn,
                           onChangeActive: o.changeActiveColumn
                         }, null, 8, ["style", "data", "activeColumn", "onChangeActive"]))), 128)),
-                        e[6] || (e[6] = l("th", { class: "w-[70px] sticky right-0 top-0 bg-white" }, null, -1))
+                        e[6] || (e[6] = l("th", { class: "w-[70px] sticky right-0 top-0" }, null, -1))
                       ])
                     ]),
                     l("tbody", Yr, [
-                      (s(!0), a(C, null, A((J = n.tableData) == null ? void 0 : J.rows, (f, he) => {
+                      (s(!0), a(C, null, I((J = n.tableData) == null ? void 0 : J.rows, (m, he) => {
                         var Y, ee, te;
                         return s(), a("tr", { key: he }, [
                           l("td", en, [
                             l("button", {
-                              onClick: () => o.pushToCard(f == null ? void 0 : f.id),
-                              class: I(["text-sm font-medium", [
+                              onClick: () => o.pushToCard(m == null ? void 0 : m.id),
+                              class: A(["text-sm font-medium", [
                                 ((Y = n.tableData) == null ? void 0 : Y.card) === !1 ? "" : "text-blue-600 decoration-2  focus:outline-none focus:underline hover:text-blue-600 hover:underline"
                               ]])
                             }, [
-                              p(M, {
-                                row: f,
+                              f(M, {
+                                row: m,
                                 column: o.columns[0],
                                 table: r.table,
                                 onUpdateTable: o.getTableData
                               }, null, 8, ["row", "column", "table", "onUpdateTable"])
                             ], 10, tn)
                           ]),
-                          (s(!0), a(C, null, A((ee = o.columns) == null ? void 0 : ee.slice(1), (re) => (s(), a("td", {
-                            onClick: (fn) => o.changeActiveCardInfo(f == null ? void 0 : f.id),
-                            class: I(["px-3 py-3 text-sm text-gray-600 text-start whitespace-nowrap", { "cursor-pointer": n.isVisibleCardInfo }]),
+                          (s(!0), a(C, null, I((ee = o.columns) == null ? void 0 : ee.slice(1), (re) => (s(), a("td", {
+                            onClick: (fn) => o.changeActiveCardInfo(m == null ? void 0 : m.id),
+                            class: A(["px-3 py-3 text-sm text-gray-600 text-start whitespace-nowrap", { "cursor-pointer": n.isVisibleCardInfo }]),
                             key: re.name
                           }, [
-                            p(M, {
-                              row: f,
+                            f(M, {
+                              row: m,
                               column: re,
                               table: r.table,
                               onUpdateTable: o.getTableData
                             }, null, 8, ["row", "column", "table", "onUpdateTable"])
                           ], 10, rn))), 128)),
                           (te = o.getActions) != null && te.length ? (s(), a("td", nn, [
-                            p(ie, {
+                            f(ie, {
                               actions: o.getActions,
                               isForm: o.isForm,
-                              item: f,
+                              item: m,
                               table: r.table,
                               onUpdateTable: o.getTableData
                             }, null, 8, ["actions", "isForm", "item", "table", "onUpdateTable"])
-                          ])) : v("", !0)
+                          ])) : w("", !0)
                         ]);
                       }), 128))
                     ])
@@ -1373,31 +1392,31 @@ function dn(t, e, r, i, n, o) {
             l("div", ln, [
               l("div", sn, [
                 l("p", on, [
-                  l("span", an, "Знайдено " + S(((K = n.tableData) == null ? void 0 : K.count) || 0) + " з ", 1),
-                  l("span", cn, S(((Q = n.tableData) == null ? void 0 : Q.total) || 0), 1)
+                  l("span", an, $(n.filters || n.searchValue ? "Знайдено" : "Об'єктів") + " " + $(((K = n.tableData) == null ? void 0 : K.count) || 0) + " з ", 1),
+                  l("span", cn, $(((Q = n.tableData) == null ? void 0 : Q.total) || 0), 1)
                 ])
               ]),
-              n.limit ? (s(), _(de, {
+              n.limit ? (s(), k(ue, {
                 key: 0,
                 goTo: !1,
                 class: "justify-end",
-                "default-page": o.defaultPage,
+                "default-page": parseInt(o.defaultPage),
                 total: ((X = n.tableData) == null ? void 0 : X.total) || 0,
                 pageSize: parseInt(n.limit),
                 onPageChange: o.handlePageChange,
                 pageSizes: [10, 16, 20],
                 onPageSizeChange: o.changeLimit
-              }, null, 8, ["default-page", "total", "pageSize", "onPageChange", "onPageSizeChange"])) : v("", !0)
+              }, null, 8, ["default-page", "total", "pageSize", "onPageChange", "onPageSizeChange"])) : w("", !0)
             ])
           ], 2),
-          p(q, { name: "slide-fade" }, {
-            default: k(() => [
-              n.isVisibleCardInfo ? (s(), _(ue, {
+          f(z, { name: "slide-fade" }, {
+            default: v(() => [
+              n.isVisibleCardInfo ? (s(), k(de, {
                 key: 0,
                 table: r.table,
                 columns: o.columns,
                 row: o.activeCardRow
-              }, null, 8, ["table", "columns", "row"])) : v("", !0)
+              }, null, 8, ["table", "columns", "row"])) : w("", !0)
             ]),
             _: 1
           })
@@ -1406,8 +1425,8 @@ function dn(t, e, r, i, n, o) {
     ])
   ]);
 }
-const un = /* @__PURE__ */ g(Or, [["render", dn], ["__scopeId", "data-v-30411599"]]), hn = {
-  components: { AdminTable: un },
+const dn = /* @__PURE__ */ g(Or, [["render", un], ["__scopeId", "data-v-58248090"]]), hn = {
+  components: { AdminTable: dn },
   data() {
     return {
       table: !1,
@@ -1464,7 +1483,7 @@ const un = /* @__PURE__ */ g(Or, [["render", dn], ["__scopeId", "data-v-30411599
 }, pn = ["innerHTML"];
 function bn(t, e, r, i, n, o) {
   const u = d("AdminTable");
-  return n.table ? (s(), _(u, {
+  return n.table ? (s(), k(u, {
     key: 0,
     table: n.table,
     title: n.title