@opengis/admin 0.1.66 → 0.1.68

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

@@ -1,6 +1,7 @@
-import { _ as m, b as ue, a as A, c as he, d as pe, e as be, f as fe, I as me, u as te } from "./import-file-Do-GQQHc.js";
-import { openBlock as s, createElementBlock as i, createTextVNode as F, toDisplayString as I, createCommentVNode as v, createStaticVNode as j, Fragment as C, createElementVNode as l, resolveComponent as d, createVNode as b, withCtx as y, createBlock as x, withModifiers as ge, renderList as T, withDirectives as z, vModelCheckbox as xe, resolveDynamicComponent as ye, Transition as B, renderSlot as _e, vShow as ne, normalizeClass as S, normalizeStyle as re } from "vue";
-const ke = {
+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 {
       currentSort: ""
@@ -46,10 +47,10 @@ const ke = {
     },
     handleClickSortBtn(t) {
       this.$emit("change-active", this.data.name), this.currentSort = this.changeCurrentSort(t);
-      const e = this.$route.query, { sort: r, ...a } = e, n = this.currentSort ? `${this.data.name}-${this.currentSort}` : "";
+      const e = this.$route.query, { sort: r, ...i } = e, n = this.currentSort ? `${this.data.name}-${this.currentSort}` : "";
       this.$router.replace({
         query: {
-          ...a,
+          ...i,
           ...n && { sort: n }
         }
       });
@@ -58,10 +59,10 @@ const ke = {
       return `${this.data.name}-${t}` === this.selectedSortParam;
     }
   }
-}, we = {
+}, $e = {
   scope: "col",
   class: "text-start px-2 py-1"
-}, ve = {
+}, Se = {
   class: "flex-shrink-0 size-3.5",
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -72,33 +73,33 @@ const ke = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Ce = {
+}, Ie = {
   key: 0,
   d: "m7 15 5 5 5-5"
-}, $e = {
+}, Ae = {
   key: 1,
   d: "m7 9 5-5 5 5"
-}, Ie = {
+}, Te = {
   key: 1,
   class: "text-sm text-stone-500 px-[4px] py-2.5 text-start font-normal text-gray-500"
 };
-function Te(t, e, r, a, n, o) {
-  return s(), i("th", we, [
-    o.getVisibleIcon ? (s(), i("button", {
+function Ve(t, e, r, i, n, o) {
+  return s(), a("th", $e, [
+    o.getVisibleIcon ? (s(), a("button", {
       key: 0,
       type: "button",
       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] = (c) => o.handleClickSortBtn(n.currentSort))
+      onClick: e[0] || (e[0] = (u) => o.handleClickSortBtn(n.currentSort))
     }, [
-      F(I(o.label) + " ", 1),
-      (s(), i("svg", ve, [
-        n.currentSort === "asc" || n.currentSort === "" ? (s(), i("path", Ce)) : v("", !0),
-        n.currentSort === "desc" || n.currentSort === "" ? (s(), i("path", $e)) : v("", !0)
+      D($(o.label) + " ", 1),
+      (s(), a("svg", Se, [
+        n.currentSort === "asc" || n.currentSort === "" ? (s(), a("path", Ie)) : w("", !0),
+        n.currentSort === "desc" || n.currentSort === "" ? (s(), a("path", Ae)) : w("", !0)
       ]))
-    ])) : (s(), i("p", Ie, I(o.label), 1))
+    ])) : (s(), a("p", Te, $(o.label), 1))
   ]);
 }
-const Se = /* @__PURE__ */ m(ke, [["render", Te]]), Ve = {}, Ae = {
+const De = /* @__PURE__ */ g(Ce, [["render", Ve]]), Fe = {}, Me = {
   class: "flex-shrink-0 size-3.5",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -108,21 +109,21 @@ const Se = /* @__PURE__ */ m(ke, [["render", Te]]), Ve = {}, Ae = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Fe(t, e, r, a, n, o) {
-  return s(), i("svg", Ae, e[0] || (e[0] = [
+function je(t, e, r, i, n, o) {
+  return s(), a("svg", Me, e[0] || (e[0] = [
     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 De = /* @__PURE__ */ m(Ve, [["render", Fe]]), Me = {
+const qe = /* @__PURE__ */ g(Fe, [["render", je]]), ze = {
   props: {
     height: { type: String, default: "16" },
     width: { type: String, default: "12" },
     color: { type: String, default: "black" }
   }
-}, je = { style: { display: "none" } }, ze = ["height", "width", "fill"];
-function Be(t, e, r, a, n, o) {
-  return s(), i(C, null, [
-    (s(), i("svg", je, e[0] || (e[0] = [
+}, Be = { style: { display: "none" } }, Pe = ["height", "width", "fill"];
+function Le(t, e, r, i, n, o) {
+  return s(), a(C, null, [
+    (s(), a("svg", Be, e[0] || (e[0] = [
       l("symbol", {
         id: "icon-pencil",
         viewBox: "0 0 32 32"
@@ -130,20 +131,20 @@ function Be(t, e, r, a, n, o) {
         l("path", { d: "M27 0c2.761 0 5 2.239 5 5 0 1.126-0.372 2.164-1 3l-2 2-7-7 2-2c0.836-0.628 1.874-1 3-1zM2 23l-2 9 9-2 18.5-18.5-7-7-18.5 18.5zM22.362 11.362l-14 14-1.724-1.724 14-14 1.724 1.724z" })
       ], -1)
     ]))),
-    (s(), i("svg", {
+    (s(), a("svg", {
       height: r.height,
       width: r.width,
       fill: r.color
     }, e[1] || (e[1] = [
       l("use", { "xlink:href": "#icon-pencil" }, null, -1)
-    ]), 8, ze))
+    ]), 8, Pe))
   ], 64);
 }
-const Pe = /* @__PURE__ */ m(Me, [["render", Be]]), qe = {
+const Ue = /* @__PURE__ */ g(ze, [["render", Le]]), Oe = {
   components: {
-    IconMore: ue,
-    IconDelete: De,
-    IconEdit: Pe
+    IconMore: pe,
+    IconDelete: qe,
+    IconEdit: Ue
   },
   emits: ["updateTable"],
   props: {
@@ -169,7 +170,7 @@ const Pe = /* @__PURE__ */ m(Me, [["render", Be]]), qe = {
     async getData() {
       var t;
       try {
-        const { data: e } = await A.get(
+        const { data: e } = await V.get(
           `/api/table/${this.table}/${(t = this.item) == null ? void 0 : t.id}`
         );
         this.formValue = e;
@@ -183,7 +184,7 @@ const Pe = /* @__PURE__ */ m(Me, [["render", Be]]), qe = {
     async deleteElement() {
       var t;
       try {
-        A.delete(`/api/table/${this.table}/${(t = this.item) == null ? void 0 : t.id}`), this.$notify({
+        V.delete(`/api/table/${this.table}/${(t = this.item) == null ? void 0 : t.id}`), this.$notify({
           title: "Успішно!",
           message: "Об`єкт успішно видалeно",
           type: "success"
@@ -197,74 +198,74 @@ const Pe = /* @__PURE__ */ m(Me, [["render", Be]]), qe = {
       }
     }
   }
-}, Le = { class: "hs-dropdown [--placement:bottom-right] inline-flex" }, Ue = { 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" }, Oe = { class: "flex flex-col items-start" }, Ee = {
+}, Ee = { class: "hs-dropdown [--placement:bottom-right] inline-flex" }, Ne = { 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" }, He = { class: "flex flex-col items-start" }, We = {
   key: 1,
   class: "h-[1px] w-[80%] bg-gray-200 ml-auto mr-auto"
-}, Ne = { class: "p-4" }, He = { class: "flex justify-end mt-4 gap-x-3" };
-function We(t, e, r, a, n, o) {
-  const c = d("IconMore"), p = d("IconEdit"), h = d("router-link"), u = d("IconDelete"), _ = d("VsPopover"), w = d("VsDialog");
-  return s(), i(C, null, [
-    l("div", Le, [
-      b(_, {
+}, 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"), p = d("router-link"), h = d("IconDelete"), _ = d("VsPopover"), c = d("VsDialog");
+  return s(), a(C, null, [
+    l("div", Ee, [
+      f(_, {
         trigger: "click",
         placement: "bottom-left"
       }, {
-        reference: y(() => [
-          l("button", Ue, [
-            b(c, {
+        reference: v(() => [
+          l("button", Ne, [
+            f(u, {
               height: "16",
               width: "16"
             })
           ])
         ]),
-        default: y(() => {
-          var k, $, g, V, D;
+        default: v(() => {
+          var x, S, y, T, F;
           return [
-            l("div", Oe, [
-              (k = r.actions) != null && k.includes("edit") && r.isForm ? (s(), x(h, {
+            l("div", He, [
+              (x = r.actions) != null && x.includes("edit") && r.isForm ? (s(), k(p, {
                 key: 0,
-                to: `/edit?table=${(g = ($ = t.$route) == null ? void 0 : $.params) == null ? void 0 : g.catchAll}&id=${(V = r.item) == null ? void 0 : V.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: y(() => [
-                  b(p, { color: "#000" }),
-                  e[4] || (e[4] = F(" Редагувати "))
+                default: v(() => [
+                  f(b, { color: "#000" }),
+                  e[4] || (e[4] = D(" Редагувати "))
                 ]),
                 _: 1
-              }, 8, ["to"])) : v("", !0),
-              r.isForm ? (s(), i("div", Ee)) : v("", !0),
-              (D = r.actions) != null && D.includes("del") ? (s(), i("button", {
+              }, 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] = ge((...M) => o.openConfirm && o.openConfirm(...M), ["stop"])),
+                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"
               }, [
-                b(u),
+                f(h),
                 e[5] || (e[5] = l("span", { class: "text-gray-800" }, "Видалити", -1))
-              ])) : v("", !0)
+              ])) : w("", !0)
             ])
           ];
         }),
         _: 1
       })
     ]),
-    b(w, {
+    f(c, {
       visible: n.isDeleteConfirm,
-      "onUpdate:visible": e[3] || (e[3] = (k) => n.isDeleteConfirm = k),
+      "onUpdate:visible": e[3] || (e[3] = (x) => n.isDeleteConfirm = x),
       title: "Ви впевнені?"
     }, {
-      default: y(() => [
-        l("div", Ne, [
+      default: v(() => [
+        l("div", Re, [
           e[6] || (e[6] = l("p", { class: "mt-1 text-gray-500 dark:text-neutral-500" }, " Ви впевнені, що хочете видалити цей об'єкт? ", -1)),
-          l("div", He, [
+          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] = (k) => 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] = (...k) => o.deleteElement && o.deleteElement(...k))
+              onClick: e[2] || (e[2] = (...x) => o.deleteElement && o.deleteElement(...x))
             }, " Так, я впевнена/ий ")
           ])
         ])
@@ -273,7 +274,7 @@ function We(t, e, r, a, n, o) {
     }, 8, ["visible"])
   ], 64);
 }
-const Re = /* @__PURE__ */ m(qe, [["render", We]]), Ge = {}, Ze = {
+const Je = /* @__PURE__ */ g(Oe, [["render", Ze]]), Ke = {}, Qe = {
   class: "flex-shrink-0 mt-0.5 size-3.5",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -283,48 +284,115 @@ const Re = /* @__PURE__ */ m(qe, [["render", We]]), Ge = {}, Ze = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Je(t, e, r, a, n, o) {
-  return s(), i("svg", Ze, e[0] || (e[0] = [
+function Xe(t, e, r, i, n, o) {
+  return s(), a("svg", Qe, 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)
   ]));
 }
-const Ke = /* @__PURE__ */ m(Ge, [["render", Je]]), Qe = {
-  components: { IconExport: Ke },
-  props: { table: String, columns: Array },
+const Ye = /* @__PURE__ */ g(Ke, [["render", Xe]]), et = {}, tt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon icon-tabler icons-tabler-outline icon-tabler-rosette-discount-check"
+};
+function rt(t, e, r, i, n, o) {
+  return s(), a("svg", tt, e[0] || (e[0] = [
+    l("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)
+  ]));
+}
+const nt = /* @__PURE__ */ g(et, [["render", rt]]), lt = {
+  components: { IconExport: Ye, IconChevronDown: we, IconSuccess: nt },
+  props: {
+    table: String,
+    columns: Array,
+    page: [String, Number],
+    filterCustom: String,
+    filterState: String,
+    filters: String
+  },
   data() {
     return {
       isOpen: !1,
       tableFormats: ["json", "csv", "xlsx"],
       format: "",
-      cols: []
+      cols: [],
+      activeAction: "",
+      isSuccessTemplate: !1,
+      actions: [
+        { name: "choceAll", function: this.choceAll, label: "Вибрати усі" },
+        {
+          name: "choceVisible",
+          function: this.choceVisible,
+          label: "Вибрати поточні"
+        },
+        { name: "clearAll", function: this.clearAll, label: "Жодного" }
+      ]
     };
   },
+  watch: {
+    isOpen(t) {
+      t || (this.format = "", this.cols = [], this.activeAction = "", this.isSuccessTemplate = !1);
+    }
+  },
   methods: {
     async exportTable() {
+      var t;
+      if (!((t = this.cols) != null && t.length)) {
+        this.$notify({
+          type: "error",
+          title: "Помилка",
+          message: "Оберіть колонки для експорту!"
+        });
+        return;
+      }
+      if (!this.format) {
+        this.$notify({
+          type: "error",
+          title: "Помилка",
+          message: "Оберіть формат!"
+        });
+        return;
+      }
       try {
-        const t = await A.get("/api/export", {
+        const e = await V.get("/api/export", {
           params: {
             table: this.table,
             format: this.format,
-            cols: this.cols.join(",")
+            cols: this.cols.join(","),
+            page: this.page,
+            filter: this.filters || null,
+            state: this.filterState || null,
+            custom: this.filterCustom || null
           },
           responseType: "blob"
-        }), e = new Blob([t.data], {
+        }), r = new Blob([e.data], {
           type: "application/octet-stream"
-        }), r = window.URL.createObjectURL(e), a = document.createElement("a");
-        a.href = r, a.setAttribute(
+        }), i = window.URL.createObjectURL(r), n = document.createElement("a");
+        n.href = i, n.setAttribute(
           "download",
           `${this.table.split(".")[0]}.${this.format}`
-        ), document.body.appendChild(a), a.click(), document.body.removeChild(a), window.URL.revokeObjectURL(r), this.$notify({
+        ), document.body.appendChild(n), n.click(), document.body.removeChild(n), window.URL.revokeObjectURL(i), this.$notify({
           type: "success",
           title: "Експорт",
           message: "Файл успішно експортовано!"
-        });
-      } catch (t) {
-        console.error("Ошибка при экспорте файла:", t), this.$notify({
+        }), this.isSuccessTemplate = !0;
+      } catch (e) {
+        console.error("Ошибка при экспорте файла:", e), this.$notify({
           type: "error",
           title: "Помилка",
           message: "Не вдалося експортувати файл."
@@ -333,105 +401,155 @@ const Ke = /* @__PURE__ */ m(Ge, [["render", Je]]), Qe = {
     },
     selectFormat(t) {
       this.format = t;
+    },
+    choceAll() {
+      var t;
+      this.cols = (t = this.columns) == null ? void 0 : t.map((e) => e == null ? void 0 : e.name), this.activeAction = "choceAll";
+    },
+    clearAll() {
+      this.cols = [], this.activeAction = "clearAll";
+    },
+    choceVisible() {
+      var t, e;
+      this.cols = (e = (t = this.columns) == null ? void 0 : t.filter((r) => (r == null ? void 0 : r.hidden) !== !0)) == null ? void 0 : e.map((r) => r == null ? void 0 : r.name), this.activeAction = "choceVisible";
     }
   }
-}, Xe = { class: "p-4" }, Ye = { class: "pb-5 mb-5 last:pb-0 last:mb-0 border-b last:border-b-0 border-gray-200 dark:border-neutral-700" }, et = { class: "mt-2 flex row flex-wrap gap-y-[5px] gap-x-[10px]" }, tt = { class: "pb-5 mb-5 last:pb-0 last:mb-0 border-b last:border-b-0 border-gray-200 dark:border-neutral-700" }, rt = { class: "mt-2 space-y-2" }, nt = ["id", "onChange"], lt = ["for"], st = { class: "flex w-full justify-end p-[20px] gap-[6px] border-t" };
-function ot(t, e, r, a, n, o) {
-  const c = d("IconExport"), p = d("VsCheckbox"), h = d("VsDialog");
-  return s(), i(C, null, [
+}, st = {
+  key: 0,
+  class: "flex flex-col items-center"
+}, 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" }, 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 = {
+  key: 0,
+  class: "flex w-full justify-end p-[20px] gap-[6px] border-t"
+}, xt = {
+  key: 1,
+  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"), p = d("IconSuccess"), h = d("VsCheckbox"), _ = d("VsDialog");
+  return s(), a(C, null, [
     l("button", {
-      onClick: e[0] || (e[0] = (u) => n.isOpen = !0),
+      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"
     }, [
-      b(c, {
+      f(u, {
         height: "16",
         width: "16"
       }),
-      e[4] || (e[4] = F(" Експорт ")),
-      e[5] || (e[5] = l("svg", {
-        class: "shrink-0 size-3.5",
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        "stroke-width": "2",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
-      }, [
-        l("path", { d: "m6 9 6 6 6-6" })
-      ], -1))
+      e[7] || (e[7] = D(" Експорт ")),
+      f(b, {
+        height: "12",
+        width: "16"
+      })
     ]),
-    b(h, {
+    f(_, {
       visible: n.isOpen,
-      "onUpdate:visible": e[3] || (e[3] = (u) => n.isOpen = u),
+      "onUpdate:visible": e[6] || (e[6] = (c) => n.isOpen = c),
       title: "Експорт таблиці",
-      size: "small"
+      size: "small",
+      closeClickBack: !0
     }, {
-      footer: y(() => [
-        l("div", st, [
-          e[8] || (e[8] = l("button", {
+      footer: v(() => [
+        n.isSuccessTemplate ? (s(), a("div", gt, [
+          l("button", {
             type: "button",
-            class: "py-2 px-3 text-nowrap inline-flex justify-center items-center text-start bg-white border border-gray-200 text-gray-800 text-sm font-medium rounded-lg shadow-sm align-middle 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",
-            "data-hs-overlay": "#hs-pro-decm"
-          }, " Скасувати ", -1)),
+            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] = (c) => n.isOpen = !1)
+          }, " Закрити "),
           l("button", {
             type: "button",
-            class: "py-2 px-3 text-nowrap inline-flex justify-center items-center gap-x-2 text-start bg-blue-600 border border-blue-600 text-white text-sm font-medium rounded-lg shadow-sm align-middle 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[2] || (e[2] = (...u) => o.exportTable && o.exportTable(...u))
+            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] = (c) => n.isSuccessTemplate = !1)
+          }, " Вигрузити ще ")
+        ])) : (s(), a("div", xt, [
+          l("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] = (c) => n.isOpen = !1)
+          }, " Скасувати "),
+          l("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] = (...c) => o.exportTable && o.exportTable(...c))
           }, " Завантажити таблицю ")
-        ])
+        ]))
       ]),
-      default: y(() => [
-        e[9] || (e[9] = l("div", { class: "dark:border-neutral-700" }, null, -1)),
-        l("div", Xe, [
-          l("div", Ye, [
-            e[6] || (e[6] = l("h2", { class: "text-sm text-gray-500" }, " Виберіть стовпці таблиці для експорту: ", -1)),
-            l("div", et, [
-              (s(!0), i(C, null, T(r.columns, (u, _) => (s(), i("div", {
+      default: v(() => [
+        n.isSuccessTemplate ? (s(), a("div", st, [
+          f(p, {
+            height: "100",
+            width: "100",
+            class: "text-green-200 mb-[20px]"
+          }),
+          e[8] || (e[8] = l("h2", null, "Звіт сформовано і збережено", -1))
+        ])) : (s(), a("div", ot, [
+          l("div", at, [
+            l("div", it, [
+              e[9] || (e[9] = l("h2", { class: "text-sm text-gray-500" }, " Виберіть стовпці таблиці для експорту: ", -1)),
+              l("div", ct, [
+                (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: 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", dt)) : w("", !0)
+                  ], 2),
+                  D(" " + $(c == null ? void 0 : c.label), 1)
+                ], 8, ut))), 128))
+              ])
+            ]),
+            l("div", ht, [
+              (s(!0), a(C, null, I(r.columns, (c, x) => (s(), a("div", {
                 class: "flex items-center",
-                key: _,
+                key: x,
                 style: { width: "calc((100% - 10px) / 2)" }
               }, [
-                b(p, {
+                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] = (w) => n.cols = w),
-                  value: u == null ? void 0 : u.name,
-                  label: u == null ? void 0 : u.ua
+                  "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"])
               ]))), 128))
             ])
           ]),
-          l("div", tt, [
-            e[7] || (e[7] = l("h2", { class: "text-sm text-gray-500" }, "Виберіть формат таблиці:", -1)),
-            l("div", rt, [
-              (s(!0), i(C, null, T(n.tableFormats, (u, _) => (s(), i("div", {
+          l("div", pt, [
+            e[10] || (e[10] = l("h2", { class: "text-sm text-gray-500" }, "Виберіть формат таблиці:", -1)),
+            l("div", bt, [
+              (s(!0), a(C, null, I(n.tableFormats, (c, x) => (s(), a("div", {
                 class: "flex items-center",
-                key: _
+                key: x
               }, [
                 l("input", {
                   type: "radio",
                   name: "hs-pro-duecmfm",
-                  class: "shrink-0 border-gray-300 rounded-full text-blue-600 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: u,
-                  onChange: (w) => o.selectFormat(u)
-                }, null, 40, nt),
+                  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: (S) => o.selectFormat(c)
+                }, null, 40, ft),
                 l("label", {
-                  for: u,
+                  for: c,
                   class: "text-sm text-gray-800 ms-3 dark:text-neutral-400"
-                }, " Формат " + I(u), 9, lt)
+                }, " Формат " + $(c), 9, mt)
               ]))), 128))
             ])
           ])
-        ])
+        ]))
       ]),
       _: 1
     }, 8, ["visible"])
   ], 64);
 }
-const at = /* @__PURE__ */ m(Qe, [["render", ot]]), it = {}, dt = {
+const _t = /* @__PURE__ */ g(lt, [["render", yt]]), kt = {}, vt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -441,12 +559,12 @@ const at = /* @__PURE__ */ m(Qe, [["render", ot]]), it = {}, dt = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-columns"
 };
-function ct(t, e, r, a, n, o) {
-  return s(), i("svg", dt, 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 ut = /* @__PURE__ */ m(it, [["render", ct]]), ht = {
+const Ct = /* @__PURE__ */ g(kt, [["render", wt]]), $t = {
   props: { column: Object },
   emits: ["update-column"],
   data() {
@@ -463,51 +581,51 @@ const ut = /* @__PURE__ */ m(it, [["render", ct]]), ht = {
     var t;
     ((t = this.column) == null ? void 0 : t.hidden) !== !0 && (this.value = !0);
   }
-}, pt = { class: "flex w-full gap-[8px] items-centr" };
-function bt(t, e, r, a, n, o) {
-  var c, p;
-  return s(), i("label", pt, [
-    z(l("input", {
-      "onUpdate:modelValue": e[0] || (e[0] = (h) => n.value = h),
+}, St = { class: "flex w-full gap-[8px] items-centr" };
+function It(t, e, r, i, n, o) {
+  var u, b;
+  return s(), a("label", St, [
+    q(l("input", {
+      "onUpdate:modelValue": e[0] || (e[0] = (p) => n.value = p),
       type: "checkbox"
     }, null, 512), [
-      [xe, n.value]
+      [_e, n.value]
     ]),
-    F(" " + I(((c = r.column) == null ? void 0 : c.ua) || ((p = r.column) == null ? void 0 : p.title)), 1)
+    D(" " + $(((u = r.column) == null ? void 0 : u.ua) || ((b = r.column) == null ? void 0 : b.title)), 1)
   ]);
 }
-const ft = /* @__PURE__ */ m(ht, [["render", bt]]), mt = {
-  components: { IconColumns: ut, AdminTableColumnsHiddenItem: ft },
+const At = /* @__PURE__ */ g($t, [["render", It]]), Tt = {
+  components: { IconColumns: Ct, AdminTableColumnsHiddenItem: At },
   emits: ["update-columns"],
   props: { columns: Array },
   methods: {
     updateColumn(t) {
-      const e = this.columns.findIndex((a) => (a == null ? void 0 : a.name) === (t == null ? void 0 : t.name)), r = this.columns;
+      const e = this.columns.findIndex((i) => (i == null ? void 0 : i.name) === (t == null ? void 0 : t.name)), r = this.columns;
       r[e] = t, this.$emit("update-columns", [...r]);
     }
   }
-}, gt = { 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" }, xt = { class: "py-[10px] px-[10px] w-[260px]" }, yt = { 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 _t(t, e, r, a, n, o) {
-  const c = d("IconColumns"), p = d("AdminTableColumnsHiddenItem"), h = d("VsPopover");
-  return s(), x(h, {
+}, 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"), p = d("VsPopover");
+  return s(), k(p, {
     trigger: "click",
     placement: "bottom"
   }, {
-    reference: y(() => [
-      l("button", gt, [
-        b(c, {
+    reference: v(() => [
+      l("button", Vt, [
+        f(u, {
           height: "20",
           width: "16"
         })
       ])
     ]),
-    default: y(() => [
-      l("div", xt, [
+    default: v(() => [
+      l("div", Dt, [
         e[0] || (e[0] = l("h2", { class: "text-sm mb-[8px]" }, "Оберіть колонки, щоб приховати", -1)),
-        l("ul", yt, [
-          (s(!0), i(C, null, T(r.columns, (u, _) => (s(), i("li", { key: _ }, [
-            b(p, {
-              column: u,
+        l("ul", Ft, [
+          (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))
@@ -517,14 +635,14 @@ function _t(t, e, r, a, n, o) {
     _: 1
   });
 }
-const kt = /* @__PURE__ */ m(mt, [["render", _t]]), wt = {}, vt = {
+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 Ct(t, e, r, a, n, o) {
-  return s(), i("svg", vt, e[0] || (e[0] = [
+function Bt(t, e, r, i, n, o) {
+  return s(), a("svg", zt, e[0] || (e[0] = [
     l("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -532,30 +650,30 @@ function Ct(t, e, r, a, n, o) {
     }, null, -1)
   ]));
 }
-const le = /* @__PURE__ */ m(wt, [["render", Ct]]), $t = {}, It = { class: "vs-table-interface__table-wrp w-full rounded h-fit overflow-hidden" };
-function Tt(t, e, r, a, n, o) {
-  return s(), i("div", It, e[0] || (e[0] = [
+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)
   ]));
 }
-const St = /* @__PURE__ */ m($t, [["render", Tt]]), Vt = {
+const Ot = /* @__PURE__ */ g(Pt, [["render", Ut]]), Et = {
   props: { row: Object, column: Object, table: String }
 };
-function At(t, e, r, a, n, o) {
-  var c, p, h, u, _, w, k, $;
-  return s(), x(ye(
-    ((c = r.column) == null ? void 0 : c.format) === "custom" ? (p = r.column) == null ? void 0 : p.component : t.$componentsConfig[`table-format-${((u = (h = r.column) == null ? void 0 : h.format) == null ? void 0 : u.toLowerCase()) || "text"}`]
+function Nt(t, e, r, i, n, o) {
+  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] = (g) => t.$emit("update-table")),
+    onUpdateTable: e[0] || (e[0] = (y) => t.$emit("update-table")),
     name: (_ = r.column) == null ? void 0 : _.name,
     data: r.row,
-    value: (k = r.row) == null ? void 0 : k[(w = r.column) == null ? void 0 : w.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 se = /* @__PURE__ */ m(Vt, [["render", At]]), Ft = {}, Dt = {
+const ae = /* @__PURE__ */ g(Et, [["render", Nt]]), Ht = {}, Wt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -565,8 +683,8 @@ const se = /* @__PURE__ */ m(Vt, [["render", At]]), Ft = {}, Dt = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-minus"
 };
-function Mt(t, e, r, a, n, o) {
-  return s(), i("svg", Dt, e[0] || (e[0] = [
+function Rt(t, e, r, i, n, o) {
+  return s(), a("svg", Wt, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -575,41 +693,41 @@ function Mt(t, e, r, a, n, o) {
     l("path", { d: "M5 12l14 0" }, null, -1)
   ]));
 }
-const jt = /* @__PURE__ */ m(Ft, [["render", Mt]]), zt = {
-  components: { IconPlus: le, IconMinus: jt },
+const Gt = /* @__PURE__ */ g(Ht, [["render", Rt]]), Zt = {
+  components: { IconPlus: oe, IconMinus: Gt },
   props: { title: String },
   data() {
     return { expanded: !1 };
   }
-}, Bt = { class: "hs-accordion" }, Pt = { class: "py-0.5 flex items-center gap-x-0.5 w-full" }, qt = { class: "text-sm font-medium" }, Lt = { class: "w-full duration-150 before:block before:absolute relative inline-block b cursor-pointer" };
-function Ut(t, e, r, a, n, o) {
-  const c = d("IconPlus"), p = d("IconMinus");
-  return s(), i("div", null, [
+}, Jt = { class: "hs-accordion" }, Kt = { class: "py-0.5 flex items-center gap-x-0.5 w-full" }, Qt = { class: "text-sm font-medium" }, Xt = { class: "w-full duration-150 before:block before:absolute relative inline-block b cursor-pointer" };
+function Yt(t, e, r, i, n, o) {
+  const u = d("IconPlus"), b = d("IconMinus");
+  return s(), a("div", null, [
     l("div", null, [
-      l("div", Bt, [
-        l("div", Pt, [
+      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, I(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(), x(p, {
+            n.expanded ? (s(), k(b, {
               key: 1,
               width: "14"
-            })) : (s(), x(c, { key: 0 }))
+            })) : (s(), k(u, { key: 0 }))
           ])
         ]),
-        b(B, { name: "fade" }, {
-          default: y(() => [
-            z(l("div", Lt, [
-              _e(t.$slots, "default", {}, void 0, !0)
+        f(z, { name: "fade" }, {
+          default: v(() => [
+            q(l("div", Xt, [
+              ve(t.$slots, "default", {}, void 0, !0)
             ], 512), [
-              [ne, n.expanded]
+              [se, n.expanded]
             ])
           ]),
           _: 3
@@ -618,47 +736,47 @@ function Ut(t, e, r, a, n, o) {
     ])
   ]);
 }
-const Ot = /* @__PURE__ */ m(zt, [["render", Ut], ["__scopeId", "data-v-f5ecdb9a"]]), Et = {
+const er = /* @__PURE__ */ g(Zt, [["render", Yt], ["__scopeId", "data-v-4139bc00"]]), tr = {
   components: {
-    AdminComponentIs: se,
-    AdminTree: Ot,
-    VsNoData: he,
-    VsWidgetComments: pe,
-    VsWidgetMap: be,
-    VsWidgetFileList: fe
+    AdminComponentIs: ae,
+    AdminTree: er,
+    VsNoData: be,
+    VsWidgetComments: fe,
+    VsWidgetMap: me,
+    VsWidgetFileList: ge
   },
   props: { table: String, columns: Array, row: Object }
-}, Nt = {
+}, rr = {
   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)" }
-}, Ht = {
+}, nr = {
   class: "border-l",
   style: { height: "calc(100vh - 360px)" }
-}, Wt = { class: "flex items-center justify-between py-1 gap-x-4" }, Rt = { class: "col-span-1" }, Gt = { class: "inline-flex items-center gap-x-2 text-[13px] text-gray-500 dark:text-neutral-500" }, Zt = { class: "col-span-2" }, Jt = { class: "font-medium text-[13px] text-gray-800 dark:text-neutral-200" }, Kt = { class: "table-info-card" }, Qt = { class: "table-info-card" };
-function Xt(t, e, r, a, n, o) {
-  var k, $;
-  const c = d("AdminComponentIs"), p = d("AdminTree"), h = d("VsWidgetMap"), u = d("VsNoData"), _ = d("VsWidgetComments"), w = d("VsWidgetFileList");
-  return s(), i("div", Nt, [
+}, 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", Ht, [
-      ($ = (k = t.$route) == null ? void 0 : k.query) != null && $.card ? (s(), i(C, { key: 0 }, [
-        r.row ? (s(), x(p, {
+    l("div", nr, [
+      (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: y(() => [
-            (s(!0), i(C, null, T(r.columns, (g) => (s(), i("dl", Wt, [
-              l("dt", Rt, [
-                l("p", Gt, I((g == null ? void 0 : g.ua) || (g == null ? void 0 : g.title)) + ": ", 1)
+          default: v(() => [
+            (s(!0), a(C, null, I(r.columns, (y) => (s(), a("dl", lr, [
+              l("dt", sr, [
+                l("p", or, $((y == null ? void 0 : y.ua) || (y == null ? void 0 : y.title)) + ": ", 1)
               ]),
-              l("dd", Zt, [
-                l("p", Jt, [
-                  b(c, {
+              l("dd", ar, [
+                l("p", ir, [
+                  f(u, {
                     row: r.row,
-                    column: g,
+                    column: y,
                     table: r.table
                   }, null, 8, ["row", "column", "table"])
                 ])
@@ -666,19 +784,19 @@ function Xt(t, e, r, a, n, o) {
             ]))), 256))
           ]),
           _: 1
-        })) : v("", !0),
-        b(p, {
+        })) : w("", !0),
+        f(b, {
           title: "Карта",
           class: "border-b p-[10px] py-[16px]"
         }, {
-          default: y(() => {
-            var g, V;
+          default: v(() => {
+            var y, T;
             return [
-              (g = r.row) != null && g.geom ? (s(), x(h, {
+              (y = r.row) != null && y.geom ? (s(), k(p, {
                 key: 0,
-                geometry: (V = r.row) == null ? void 0 : V.geom,
+                geometry: (T = r.row) == null ? void 0 : T.geom,
                 zoom: 14
-              }, null, 8, ["geometry"])) : (s(), x(u, {
+              }, null, 8, ["geometry"])) : (s(), k(h, {
                 key: 1,
                 title: "У об'єкта відсутня геометрія",
                 text: "",
@@ -688,46 +806,46 @@ function Xt(t, e, r, a, n, o) {
           }),
           _: 1
         }),
-        b(p, {
+        f(b, {
           title: "Коментарі",
           class: "border-b p-[10px] py-[16px]"
         }, {
-          default: y(() => {
-            var g;
+          default: v(() => {
+            var y;
             return [
-              l("div", Kt, [
-                b(_, {
-                  id: (g = r.row) == null ? void 0 : g.id
+              l("div", cr, [
+                f(_, {
+                  id: (y = r.row) == null ? void 0 : y.id
                 }, null, 8, ["id"])
               ])
             ];
           }),
           _: 1
         }),
-        b(p, {
+        f(b, {
           title: "Файли",
           class: "border-b p-[10px] py-[16px]"
         }, {
-          default: y(() => {
-            var g;
+          default: v(() => {
+            var y;
             return [
-              l("div", Qt, [
-                b(w, {
-                  id: (g = r.row) == null ? void 0 : g.id
+              l("div", ur, [
+                f(c, {
+                  id: (y = r.row) == null ? void 0 : y.id
                 }, null, 8, ["id"])
               ])
             ];
           }),
           _: 1
         })
-      ], 64)) : (s(), x(u, {
+      ], 64)) : (s(), k(h, {
         key: 1,
         text: "Оберіть один з об'єктів в таблиці для відображення інформаціі про нього"
       }))
     ])
   ]);
 }
-const Yt = /* @__PURE__ */ m(Et, [["render", Xt]]), er = {}, tr = {
+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",
@@ -737,8 +855,8 @@ const Yt = /* @__PURE__ */ m(Et, [["render", Xt]]), er = {}, tr = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function rr(t, e, r, a, n, o) {
-  return s(), i("svg", tr, e[0] || (e[0] = [
+function fr(t, e, r, i, n, o) {
+  return s(), a("svg", br, e[0] || (e[0] = [
     l("rect", {
       width: "18",
       height: "18",
@@ -750,7 +868,7 @@ function rr(t, e, r, a, n, o) {
     l("path", { d: "m8 9 3 3-3 3" }, null, -1)
   ]));
 }
-const nr = /* @__PURE__ */ m(er, [["render", rr]]), lr = {}, sr = {
+const mr = /* @__PURE__ */ g(pr, [["render", fr]]), gr = {}, xr = {
   class: "h21yx vs0hq",
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -762,14 +880,15 @@ const nr = /* @__PURE__ */ m(er, [["render", rr]]), lr = {}, sr = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function or(t, e, r, a, n, o) {
-  return s(), i("svg", sr, e[0] || (e[0] = [
+function yr(t, e, r, i, n, o) {
+  return s(), a("svg", xr, e[0] || (e[0] = [
     j('<line x1="21" x2="14" y1="4" y2="4"></line><line x1="10" x2="3" y1="4" y2="4"></line><line x1="21" x2="12" y1="12" y2="12"></line><line x1="8" x2="3" y1="12" y2="12"></line><line x1="21" x2="16" y1="20" y2="20"></line><line x1="12" x2="3" y1="20" y2="20"></line><line x1="14" x2="14" y1="2" y2="6"></line><line x1="8" x2="8" y1="10" y2="14"></line><line x1="16" x2="16" y1="18" y2="22"></line>', 9)
   ]));
 }
-const ar = /* @__PURE__ */ m(lr, [["render", or]]), ir = {
+const _r = /* @__PURE__ */ g(gr, [["render", yr]]), kr = {
+  emits: ["filterChange"],
   props: { scheme: { type: Object }, onFilters: { type: Number } },
-  components: { IconFilter: ar },
+  components: { IconFilter: _r },
   data() {
     return {
       isFilters: !1
@@ -780,35 +899,35 @@ const ar = /* @__PURE__ */ m(lr, [["render", or]]), ir = {
       this.isFilters && t.classList.contains("filter-container") && (this.isFilters = !1);
     }
   }
-}, dr = {
+}, 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"
-}, cr = { 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 ur(t, e, r, a, n, o) {
-  const c = d("IconFilter"), p = d("VsFilter");
-  return s(), i(C, null, [
+}, 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"
     }, [
-      b(c, {
+      f(u, {
         height: "16",
         width: "16"
       }),
-      e[4] || (e[4] = F(" Фільтри ")),
-      r.onFilters ? (s(), i("span", dr, I(r.onFilters), 1)) : v("", !0)
+      e[4] || (e[4] = D(" Фільтри ")),
+      r.onFilters ? (s(), a("span", vr, $(r.onFilters), 1)) : w("", !0)
     ]),
-    b(B, { name: "fade" }, {
-      default: y(() => {
-        var h;
+    f(z, { name: "fade" }, {
+      default: v(() => {
+        var p;
         return [
-          z(l("div", {
-            onClick: e[3] || (e[3] = (...u) => o.closeFilter && o.closeFilter(...u)),
+          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", cr, [
-              (h = r.scheme) != null && h.length ? (s(), x(p, {
+            l("div", wr, [
+              (p = r.scheme) != null && p.length ? (s(), k(b, {
                 key: 0,
                 ref: "filter",
                 scheme: r.scheme,
@@ -816,13 +935,13 @@ function ur(t, e, r, a, n, o) {
                 "apply-vue-router": "",
                 history: "",
                 name: "filter",
-                onFilterChange: e[1] || (e[1] = (u) => t.$emit("filterChange", u)),
+                onFilterChange: e[1] || (e[1] = (h) => t.$emit("filterChange", h)),
                 closeFilterBtn: !0,
-                onFilterClose: e[2] || (e[2] = (u) => n.isFilters = !1)
-              }, null, 8, ["scheme"])) : v("", !0)
+                onFilterClose: e[2] || (e[2] = (h) => n.isFilters = !1)
+              }, null, 8, ["scheme"])) : w("", !0)
             ])
           ], 512), [
-            [ne, n.isFilters]
+            [se, n.isFilters]
           ])
         ];
       }),
@@ -830,25 +949,25 @@ function ur(t, e, r, a, n, o) {
     })
   ], 64);
 }
-const hr = /* @__PURE__ */ m(ir, [["render", ur]]), pr = {
+const $r = /* @__PURE__ */ g(kr, [["render", Cr]]), Sr = {
   props: { tabsList: { type: Array, default: () => [] }, filterState: String }
-}, br = {
+}, 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"
-}, fr = ["onClick"];
-function mr(t, e, r, a, n, o) {
-  return s(), i("nav", br, [
-    (s(!0), i(C, null, T(r.tabsList, (c) => (s(), i("button", {
-      onClick: (p) => t.$emit("update:filterState", c == null ? void 0 : c.name),
-      class: S(["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) === r.filterState
+}, Ar = ["onClick"];
+function Tr(t, e, r, i, n, o) {
+  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: 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
       }])
-    }, I(c == null ? void 0 : c.label), 11, fr))), 256))
+    }, $(u == null ? void 0 : u.label), 11, Ar))), 256))
   ]);
 }
-const gr = /* @__PURE__ */ m(pr, [["render", mr]]), xr = {}, yr = {
+const Vr = /* @__PURE__ */ g(Sr, [["render", Tr]]), Dr = {}, Fr = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -858,8 +977,8 @@ const gr = /* @__PURE__ */ m(pr, [["render", mr]]), xr = {}, yr = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-filter"
 };
-function _r(t, e, r, a, n, o) {
-  return s(), i("svg", yr, e[0] || (e[0] = [
+function Mr(t, e, r, i, n, o) {
+  return s(), a("svg", Fr, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -868,39 +987,39 @@ function _r(t, e, r, a, 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 kr = /* @__PURE__ */ m(xr, [["render", _r]]), wr = {
-  components: { IconFilter2: kr },
+const jr = /* @__PURE__ */ g(Dr, [["render", Mr]]), qr = {
+  components: { IconFilter2: jr },
   props: { filterCustom: String, customList: Array }
-}, vr = { 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" }, Cr = { class: "flex flex-col gap-[4px]" }, $r = ["onClick"];
-function Ir(t, e, r, a, n, o) {
-  const c = d("IconFilter2"), p = d("VsPopover");
-  return s(), x(p, {
+}, 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(), k(b, {
     ref: "popover",
     placement: "bottom"
   }, {
-    reference: y(() => [
-      l("button", vr, [
-        b(c, {
+    reference: v(() => [
+      l("button", zr, [
+        f(u, {
           height: "20",
           width: "20"
         })
       ])
     ]),
-    default: y(() => [
-      l("div", Cr, [
-        (s(!0), i(C, null, T(r.customList, (h, u) => (s(), i("button", {
+    default: v(() => [
+      l("div", Br, [
+        (s(!0), a(C, null, I(r.customList, (p, h) => (s(), a("button", {
           onClick: (_) => {
-            var w;
-            t.$emit("update:filterCustom", h == null ? void 0 : h.name), (w = t.$refs) == null || w.popover.togglePopover();
+            var c;
+            t.$emit("update:filterCustom", p == null ? void 0 : p.name), (c = t.$refs) == null || c.popover.togglePopover();
           },
-          key: u,
-          class: S(["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) }])
-        }, I(h == null ? void 0 : h.label), 11, $r))), 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 u;
-            t.$emit("update:filterCustom", void 0), (u = t.$refs) == null || u.popover.togglePopover();
+          onClick: e[0] || (e[0] = (p) => {
+            var h;
+            t.$emit("update:filterCustom", void 0), (h = t.$refs) == null || h.popover.togglePopover();
           })
         }, " Скинути фільтри ")
       ])
@@ -908,22 +1027,22 @@ function Ir(t, e, r, a, n, o) {
     _: 1
   }, 512);
 }
-const Tr = /* @__PURE__ */ m(wr, [["render", Ir]]), Sr = {
+const Ur = /* @__PURE__ */ g(qr, [["render", Lr]]), Or = {
   props: { table: String, title: String },
   components: {
-    AdminTableControl: Re,
-    AdminTableExport: at,
-    AdminTableColumnsHidden: kt,
-    AdminTableColumn: Se,
-    AdminNodata: St,
-    IconPlus: le,
-    IconSearch: me,
-    AdminTableCardInfo: Yt,
-    IconOpenCard: nr,
-    AdminComponentIs: se,
-    AdminTableFilters: hr,
-    AdminTableTabs: gr,
-    AdminTableCustomFilters: Tr
+    AdminTableControl: Je,
+    AdminTableExport: _t,
+    AdminTableColumnsHidden: jt,
+    AdminTableColumn: De,
+    AdminNodata: Ot,
+    IconPlus: oe,
+    IconSearch: xe,
+    AdminTableCardInfo: hr,
+    IconOpenCard: mr,
+    AdminComponentIs: ae,
+    AdminTableFilters: $r,
+    AdminTableTabs: Vr,
+    AdminTableCustomFilters: Ur
   },
   data() {
     return {
@@ -937,7 +1056,8 @@ const Tr = /* @__PURE__ */ m(wr, [["render", Ir]]), Sr = {
       isVisibleCardInfo: !1,
       onFilters: 0,
       filterState: null,
-      filterCustom: null
+      filterCustom: null,
+      visibleColumns: []
     };
   },
   async mounted() {
@@ -963,8 +1083,8 @@ const Tr = /* @__PURE__ */ m(wr, [["render", Ir]]), Sr = {
     activeCardRow() {
       var t, e;
       return ((e = (t = this.tableData) == null ? void 0 : t.rows) == null ? void 0 : e.find((r) => {
-        var a, n;
-        return (r == null ? void 0 : r.id) === ((n = (a = this.$route) == null ? void 0 : a.query) == null ? void 0 : n.card);
+        var i, n;
+        return (r == null ? void 0 : r.id) === ((n = (i = this.$route) == null ? void 0 : i.query) == null ? void 0 : n.card);
       })) || {};
     },
     getActions() {
@@ -976,13 +1096,17 @@ const Tr = /* @__PURE__ */ m(wr, [["render", Ir]]), Sr = {
     async table() {
       this.tableData = null, await this.getTableData();
     },
-    searchValue() {
-      this.getTableData();
+    searchValue(t) {
+      var e;
+      this.getTableData(), this.$router.push({
+        ...this.$route,
+        query: { ...(e = this.$route) == null ? void 0 : e.query, search: t || void 0 }
+      });
     },
     $route: {
       handler(t, e) {
-        var r, a;
-        ((r = t == null ? void 0 : t.params) == null ? void 0 : r.catchAll) !== ((a = e == null ? void 0 : e.params) == null ? void 0 : a.catchAll) && (this.unmountedData(), this.getFilters());
+        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.visibleColumns = [], this.unmountedData(), this.getFilters());
       },
       deep: !0
     },
@@ -999,32 +1123,42 @@ const Tr = /* @__PURE__ */ m(wr, [["render", Ir]]), Sr = {
     },
     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, a, n, o, c, p, h;
-      this.page = ((e = (t = this.$route) == null ? void 0 : t.query) == null ? void 0 : e.page) || 1, this.limit = ((a = (r = this.$route) == null ? void 0 : r.query) == null ? void 0 : a.limit) || 20, this.filterState = ((o = (n = this.$route) == null ? void 0 : n.query) == null ? void 0 : o.filterState) || null, this.filterCustom = ((p = (c = this.$route) == null ? void 0 : c.query) == null ? void 0 : p.filterCustom) || null, (h = this.$route) != null && h.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, a;
-      const e = (a = (r = this.tableData) == null ? void 0 : r.columns) == null ? void 0 : a.find((n) => n.name === t);
+      var r, i;
+      const e = (i = (r = this.tableData) == null ? void 0 : r.columns) == null ? void 0 : i.find((n) => n.name === t);
       if (e) {
         const n = e == null ? void 0 : e.width;
         return n != null && n.includes("px") ? n : `${n}px`;
       }
     },
     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 A.get(`/api/template/table/${this.table}`), a = await A.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,
@@ -1036,16 +1170,19 @@ const Tr = /* @__PURE__ */ m(wr, [["render", Ir]]), Sr = {
           }
         });
         this.tableData = {
-          ...r,
-          ...(a == null ? void 0 : a.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 {
       }
     },
     async getFilters() {
       var t;
       try {
-        const { data: e } = await A.get(`/api/table-filter/${this.table}`);
+        const { data: e } = await V.get(`/api/table-filter/${this.table}`);
         this.filterScheme = (t = e == null ? void 0 : e.list) == null ? void 0 : t.map((r) => ({
           ...r,
           label: (r == null ? void 0 : r.label) || (r == null ? void 0 : r.ua)
@@ -1086,161 +1223,165 @@ const Tr = /* @__PURE__ */ m(wr, [["render", Ir]]), Sr = {
       });
     }
   }
-}, Vr = { class: "w-[calc(100vw - 320px)]" }, Ar = { class: "h-[76px] bg-gray-50 flex items-center justify-between px-[30px]" }, Fr = { class: "text-xl font-medium h-[20px]" }, Dr = {
-  style: { height: "calc(100vh - 140px)", width: "calc(100vw - 260px)" },
+}, 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]"
-}, Mr = { class: "bg-white w-full rounded-xl border p-[20px] pr-0" }, jr = { class: "flex" }, zr = { class: "flex gap-[6px] ml-auto" }, Br = { class: "inline-block w-full align-middle" }, Pr = {
+}, 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-[''] z-[1] after:block after:w-full after:h-px after:bg-stone-200" }, Lr = { class: "right-0 border-t border-stone-200" }, Ur = { class: "divide-y divide-gray-200" }, Or = { class: "text-sm text-gray-600 px-4 py-3" }, Er = ["onClick"], Nr = ["onClick"], Hr = {
+}, 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]"
-}, Wr = { class: "p-[20px] flex justify-end w-full" };
-function Rr(t, e, r, a, n, o) {
-  var P, q, L, U, O, E, N, H, W, R, G, Z, J, K;
-  const c = d("IconPlus"), p = d("router-link"), h = d("AdminTableTabs"), u = d("IconSearch"), _ = d("VsText"), w = d("AdminTableCustomFilters"), k = d("AdminTableColumnsHidden"), $ = d("AdminTableExport"), g = d("AdminTableFilters"), V = d("IconOpenCard"), D = d("AdminTableColumn"), M = d("AdminComponentIs"), oe = d("AdminTableControl"), ae = d("AdminNodata"), ie = d("VsPagination"), de = d("AdminTableCardInfo");
-  return s(), i("div", Vr, [
-    l("div", Ar, [
-      l("h2", Fr, I(r.title), 1),
-      o.isForm ? (s(), x(p, {
+}, 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"), 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, $(r.title), 1),
+      o.isForm ? (s(), k(b, {
         key: 0,
-        to: `/add?table=${(q = (P = t.$route) == null ? void 0 : P.params) == null ? void 0 : q.catchAll}`,
+        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: y(() => [
-          b(c, {
+        default: v(() => [
+          f(u, {
             height: "16",
             width: "16"
           }),
-          e[5] || (e[5] = F(" Додати "))
+          e[5] || (e[5] = D(" Додати "))
         ]),
         _: 1
-      }, 8, ["to"])) : v("", !0)
+      }, 8, ["to"])) : w("", !0)
     ]),
-    l("div", Dr, [
-      l("div", Mr, [
-        (U = (L = n.tableData) == null ? void 0 : L.filterState) != null && U.length ? (s(), x(h, {
+    l("div", Wr, [
+      l("div", Rr, [
+        (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),
-        l("div", jr, [
+          "onUpdate:filterState": e[0] || (e[0] = (m) => n.filterState = m)
+        }, null, 8, ["tabsList", "filterState"])) : w("", !0),
+        l("div", Gr, [
           l("div", {
-            class: S([n.isVisibleCardInfo ? "w-[calc(100%-360px)]" : "w-full"])
+            class: A([n.isVisibleCardInfo ? "w-[calc(100%-360px)]" : "w-full"])
           }, [
             l("div", {
-              class: S(["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 }])
             }, [
-              b(u, {
+              f(h, {
                 height: "14",
                 width: "14",
                 class: "absolute top-[10px] left-[14px] text-gray-500 z-[1]"
               }),
-              b(_, {
+              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(), x(w, {
+              l("div", Zr, [
+                (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),
-                b(k, {
+                  "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"]),
-                b($, {
+                f(S, {
                   table: r.table,
-                  columns: (R = n.tableData) == null ? void 0 : R.columns
-                }, null, 8, ["table", "columns"]),
-                b(g, {
+                  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"
                 }, [
-                  b(V, {
-                    class: S({ "rotate-180 duration-300": !n.isVisibleCardInfo })
+                  f(T, {
+                    class: A({ "rotate-180 duration-300": !n.isVisibleCardInfo })
                   }, null, 8, ["class"])
                 ])
               ])
             ], 2),
             l("div", {
-              class: S(["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: re({
-                  height: (Z = (G = n.tableData) == null ? void 0 : G.filterState) != null && Z.length ? "calc(100vh - 370px)" : "calc(100vh - 315px)"
+                style: le({
+                  height: (Z = (G = n.tableData) == null ? void 0 : G.filterState) != null && Z.length ? "calc(100vh - 370px)" : "calc(100vh - 330px)"
                 }),
                 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", Br, [
-                  o.isNoData ? (s(), x(ae, { key: 1 })) : (s(), i("table", Pr, [
-                    l("thead", qr, [
-                      l("tr", Lr, [
-                        (s(!0), i(C, null, T(o.columns, (f) => (s(), x(D, {
-                          key: f.name,
-                          style: re({
-                            width: o.rowWidth(f == null ? void 0 : f.name),
-                            textAlign: f == null ? void 0 : f.align,
-                            wordBreak: f.wrap
+                l("div", Jr, [
+                  o.isNoData ? (s(), k(ce, { key: 1 })) : (s(), a("table", Kr, [
+                    l("thead", Qr, [
+                      l("tr", Xr, [
+                        (s(!0), a(C, null, I(o.columns, (m) => (s(), k(F, {
+                          key: m.name,
+                          style: le({
+                            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", Ur, [
-                      (s(!0), i(C, null, T((J = n.tableData) == null ? void 0 : J.rows, (f, ce) => {
-                        var Q, X, Y;
-                        return s(), i("tr", { key: ce }, [
-                          l("td", Or, [
+                    l("tbody", Yr, [
+                      (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: S(["text-sm font-medium", [
-                                ((Q = n.tableData) == null ? void 0 : Q.card) === !1 ? "" : "text-blue-600 decoration-2  focus:outline-none focus:underline hover:text-blue-600 hover:underline"
+                              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"
                               ]])
                             }, [
-                              b(M, {
-                                row: f,
+                              f(M, {
+                                row: m,
                                 column: o.columns[0],
                                 table: r.table,
                                 onUpdateTable: o.getTableData
                               }, null, 8, ["row", "column", "table", "onUpdateTable"])
-                            ], 10, Er)
+                            ], 10, tn)
                           ]),
-                          (s(!0), i(C, null, T((X = o.columns) == null ? void 0 : X.slice(1), (ee) => (s(), i("td", {
-                            onClick: (Qr) => o.changeActiveCardInfo(f == null ? void 0 : f.id),
-                            class: S(["text-start px-3 py-3 text-sm text-gray-600 whitespace-nowrap", { "cursor-pointer": n.isVisibleCardInfo }]),
-                            key: ee.name
+                          (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
                           }, [
-                            b(M, {
-                              row: f,
-                              column: ee,
+                            f(M, {
+                              row: m,
+                              column: re,
                               table: r.table,
                               onUpdateTable: o.getTableData
                             }, null, 8, ["row", "column", "table", "onUpdateTable"])
-                          ], 10, Nr))), 128)),
-                          (Y = o.getActions) != null && Y.length ? (s(), i("td", Hr, [
-                            b(oe, {
+                          ], 10, rn))), 128)),
+                          (te = o.getActions) != null && te.length ? (s(), a("td", nn, [
+                            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))
                     ])
@@ -1248,28 +1389,34 @@ function Rr(t, e, r, a, n, o) {
                 ])
               ], 4)
             ], 2),
-            l("div", Wr, [
-              n.limit ? (s(), x(ie, {
+            l("div", ln, [
+              l("div", sn, [
+                l("p", on, [
+                  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(), k(ue, {
                 key: 0,
                 goTo: !1,
                 class: "justify-end",
-                "default-page": o.defaultPage,
-                total: ((K = n.tableData) == null ? void 0 : K.total) || 0,
+                "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),
-          b(B, { name: "slide-fade" }, {
-            default: y(() => [
-              n.isVisibleCardInfo ? (s(), x(de, {
+          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
           })
@@ -1278,8 +1425,8 @@ function Rr(t, e, r, a, n, o) {
     ])
   ]);
 }
-const Gr = /* @__PURE__ */ m(Sr, [["render", Rr], ["__scopeId", "data-v-09c7ed19"]]), Zr = {
-  components: { AdminTable: Gr },
+const dn = /* @__PURE__ */ g(Or, [["render", un], ["__scopeId", "data-v-58248090"]]), hn = {
+  components: { AdminTable: dn },
   data() {
     return {
       table: !1,
@@ -1291,7 +1438,7 @@ const Gr = /* @__PURE__ */ m(Sr, [["render", Rr], ["__scopeId", "data-v-09c7ed19
     $route: {
       async handler() {
         var t;
-        (t = te) != null && t.value || await this.getMenu(), await this.checkPageType();
+        (t = ne) != null && t.value || await this.getMenu(), await this.checkPageType();
       },
       deep: !0
     },
@@ -1310,21 +1457,21 @@ const Gr = /* @__PURE__ */ m(Sr, [["render", Rr], ["__scopeId", "data-v-09c7ed19
       }), e;
     },
     async checkPageType() {
-      var a, n;
-      const t = this.flattenMenu(te.value);
+      var i, n;
+      const t = this.flattenMenu(ne.value);
       t != null && t.length || this.$router.replace("/404");
       const e = t == null ? void 0 : t.find((o) => {
-        var c, p;
-        return (o == null ? void 0 : o.path) == ((p = (c = this.$route) == null ? void 0 : c.params) == null ? void 0 : p.catchAll);
+        var u, b;
+        return (o == null ? void 0 : o.path) == ((b = (u = this.$route) == null ? void 0 : u.params) == null ? void 0 : b.catchAll);
       });
-      this.title = e == null ? void 0 : e.ua, e || this.$router.replace("/404"), e != null && e.component && this.$router.replace((n = (a = this.$route) == null ? void 0 : a.params) == null ? void 0 : n.catchAll);
+      this.title = e == null ? void 0 : e.ua, e || this.$router.replace("/404"), e != null && e.component && this.$router.replace((n = (i = this.$route) == null ? void 0 : i.params) == null ? void 0 : n.catchAll);
       const r = e == null ? void 0 : e.table;
       this.table = r || !1, !r && this.getInterface();
     },
     async getInterface() {
       var t, e;
       try {
-        const { data: r } = await A.get(
+        const { data: r } = await V.get(
           `/api/template/interface/${((e = (t = this.$route) == null ? void 0 : t.params) == null ? void 0 : e.catchAll) || ""}`
         );
         this.interface = r || "";
@@ -1333,21 +1480,21 @@ const Gr = /* @__PURE__ */ m(Sr, [["render", Rr], ["__scopeId", "data-v-09c7ed19
       }
     }
   }
-}, Jr = ["innerHTML"];
-function Kr(t, e, r, a, n, o) {
-  const c = d("AdminTable");
-  return n.table ? (s(), x(c, {
+}, pn = ["innerHTML"];
+function bn(t, e, r, i, n, o) {
+  const u = d("AdminTable");
+  return n.table ? (s(), k(u, {
     key: 0,
     table: n.table,
     title: n.title
-  }, null, 8, ["table", "title"])) : (s(), i("div", {
+  }, null, 8, ["table", "title"])) : (s(), a("div", {
     key: 1,
     class: "w-full bg-gray-50",
     style: { height: "calc(100vh - 120px)" },
     innerHTML: n.interface
-  }, null, 8, Jr));
+  }, null, 8, pn));
 }
-const en = /* @__PURE__ */ m(Zr, [["render", Kr]]);
+const yn = /* @__PURE__ */ g(hn, [["render", bn]]);
 export {
-  en as default
+  yn as default
 };