@opengis/admin 0.1.26 → 0.1.27

package/dist/{admin-interface-_aBJ2Q5B.js → admin-interface-BEGo6Nou.js}

@@ -1,8 +1,8 @@
-import { _ as m, a as C } from "./import-file-De3lGFop.js";
+import { _ as b, a as v } from "./import-file-BB530Z8E.js";
 import { u as B } from "./userMenu-CT1xO2Pt.js";
-import { openBlock as o, createElementBlock as i, createStaticVNode as A, createTextVNode as T, toDisplayString as V, createCommentVNode as v, createElementVNode as l, Fragment as x, resolveComponent as d, createVNode as h, withCtx as y, createBlock as g, withModifiers as te, renderList as S, withDirectives as X, vModelCheckbox as re, normalizeStyle as j, normalizeClass as le, resolveDynamicComponent as Q, Transition as ne, vShow as se } from "vue";
-import { I as oe } from "./IconSearch-Dzh7isDo.js";
-const ae = {}, ie = {
+import { openBlock as o, createElementBlock as i, createStaticVNode as A, createTextVNode as $, toDisplayString as S, createCommentVNode as w, createElementVNode as l, Fragment as x, resolveComponent as u, createVNode as h, withCtx as _, createBlock as y, withModifiers as ee, renderList as C, withDirectives as Q, vModelCheckbox as te, normalizeClass as re, resolveDynamicComponent as K, Transition as le, vShow as ne } from "vue";
+import { I as se } from "./IconSearch-CTjruqP_.js";
+const oe = {}, ae = {
   class: "h21yx vs0hq",
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -14,12 +14,12 @@ const ae = {}, ie = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function de(t, e, r, a, n, s) {
-  return o(), i("svg", ie, e[0] || (e[0] = [
+function ie(t, e, r, a, n, s) {
+  return o(), i("svg", ae, e[0] || (e[0] = [
     A('<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 ce = /* @__PURE__ */ m(ae, [["render", de]]), ue = {
+const ue = /* @__PURE__ */ b(oe, [["render", ie]]), ce = {
   data() {
     return {
       currentSort: ""
@@ -77,10 +77,10 @@ const ce = /* @__PURE__ */ m(ae, [["render", de]]), ue = {
       return `${this.data.name}-${t}` === this.selectedSortParam;
     }
   }
-}, he = {
+}, de = {
   scope: "col",
   class: "min-w-[200px] max-w-[300px] text-start"
-}, pe = {
+}, he = {
   class: "flex-shrink-0 size-3.5",
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -91,33 +91,33 @@ const ce = /* @__PURE__ */ m(ae, [["render", de]]), ue = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, me = {
+}, pe = {
   key: 0,
   d: "m7 15 5 5 5-5"
 }, be = {
   key: 1,
   d: "m7 9 5-5 5 5"
-}, fe = {
+}, me = {
   key: 1,
   class: "text-sm text-gray-800 px-[4px] py-2.5 text-start font-normal text-gray-500"
 };
-function ge(t, e, r, a, n, s) {
-  return o(), i("th", he, [
+function fe(t, e, r, a, n, s) {
+  return o(), i("th", de, [
     s.getVisibleIcon ? (o(), i("button", {
       key: 0,
       type: "button",
       class: "text-sm text-gray-800 px-[4px] py-2.5 text-start font-normal text-gray-500 flex items-center gap-[6px]",
-      onClick: e[0] || (e[0] = (b) => s.handleClickSortBtn(n.currentSort))
+      onClick: e[0] || (e[0] = (m) => s.handleClickSortBtn(n.currentSort))
     }, [
-      T(V(s.label) + " ", 1),
-      (o(), i("svg", pe, [
-        n.currentSort === "asc" || n.currentSort === "" ? (o(), i("path", me)) : v("", !0),
-        n.currentSort === "desc" || n.currentSort === "" ? (o(), i("path", be)) : v("", !0)
+      $(S(s.label) + " ", 1),
+      (o(), i("svg", he, [
+        n.currentSort === "asc" || n.currentSort === "" ? (o(), i("path", pe)) : w("", !0),
+        n.currentSort === "desc" || n.currentSort === "" ? (o(), i("path", be)) : w("", !0)
       ]))
-    ])) : (o(), i("p", fe, V(s.label), 1))
+    ])) : (o(), i("p", me, S(s.label), 1))
   ]);
 }
-const xe = /* @__PURE__ */ m(ue, [["render", ge]]), ye = {}, ke = {
+const ge = /* @__PURE__ */ b(ce, [["render", fe]]), xe = {}, ye = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -127,8 +127,8 @@ const xe = /* @__PURE__ */ m(ue, [["render", ge]]), ye = {}, ke = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-dots-vertical"
 };
-function we(t, e, r, a, n, s) {
-  return o(), i("svg", ke, e[0] || (e[0] = [
+function ke(t, e, r, a, n, s) {
+  return o(), i("svg", ye, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -139,7 +139,7 @@ function we(t, e, r, a, n, s) {
     l("path", { d: "M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1)
   ]));
 }
-const _e = /* @__PURE__ */ m(ye, [["render", we]]), ve = {}, Ce = {
+const _e = /* @__PURE__ */ b(xe, [["render", ke]]), we = {}, ve = {
   class: "flex-shrink-0 size-3.5",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -149,21 +149,21 @@ const _e = /* @__PURE__ */ m(ye, [["render", we]]), ve = {}, Ce = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function $e(t, e, r, a, n, s) {
-  return o(), i("svg", Ce, e[0] || (e[0] = [
+function Ce(t, e, r, a, n, s) {
+  return o(), i("svg", ve, e[0] || (e[0] = [
     A('<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 Se = /* @__PURE__ */ m(ve, [["render", $e]]), Te = {
+const $e = /* @__PURE__ */ b(we, [["render", Ce]]), Se = {
   props: {
     height: { type: String, default: "16" },
     width: { type: String, default: "12" },
     color: { type: String, default: "black" }
   }
-}, Ve = { style: { display: "none" } }, Fe = ["height", "width", "fill"];
-function De(t, e, r, a, n, s) {
+}, Fe = { style: { display: "none" } }, Te = ["height", "width", "fill"];
+function Ve(t, e, r, a, n, s) {
   return o(), i(x, null, [
-    (o(), i("svg", Ve, e[0] || (e[0] = [
+    (o(), i("svg", Fe, e[0] || (e[0] = [
       l("symbol", {
         id: "icon-pencil",
         viewBox: "0 0 32 32"
@@ -177,14 +177,14 @@ function De(t, e, r, a, n, s) {
       fill: r.color
     }, e[1] || (e[1] = [
       l("use", { "xlink:href": "#icon-pencil" }, null, -1)
-    ]), 8, Fe))
+    ]), 8, Te))
   ], 64);
 }
-const Me = /* @__PURE__ */ m(Te, [["render", De]]), Ae = {
+const De = /* @__PURE__ */ b(Se, [["render", Ve]]), Ae = {
   components: {
     IconMore: _e,
-    IconDelete: Se,
-    IconEdit: Me
+    IconDelete: $e,
+    IconEdit: De
   },
   emits: ["updateTable"],
   props: { item: Object, table: String, isForm: null },
@@ -204,7 +204,7 @@ const Me = /* @__PURE__ */ m(Te, [["render", De]]), Ae = {
     async getData() {
       var t;
       try {
-        const { data: e } = await C.get(
+        const { data: e } = await v.get(
           `/api/table/${this.table}/${(t = this.item) == null ? void 0 : t.id}`
         );
         this.formValue = e;
@@ -218,7 +218,7 @@ const Me = /* @__PURE__ */ m(Te, [["render", De]]), Ae = {
     async deleteElement() {
       var t;
       try {
-        C.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"
@@ -232,47 +232,47 @@ const Me = /* @__PURE__ */ m(Te, [["render", De]]), Ae = {
       }
     }
   }
-}, Ie = { class: "hs-dropdown [--placement:bottom-right] inline-flex" }, Be = { class: "gap-x-2 p-[4px] rounded-lg shadow-sm hover:border-transparent border focus:outline-none text-black hover:bg-gray-50" }, je = { class: "flex flex-col items-start" }, ze = {
+}, Me = { class: "hs-dropdown [--placement:bottom-right] inline-flex" }, Ie = { class: "gap-x-2 p-[4px] rounded-lg shadow-sm hover:border-transparent border focus:outline-none text-black hover:bg-gray-50" }, Be = { class: "flex flex-col items-start" }, Ee = {
   key: 1,
   class: "h-[1px] w-[80%] bg-gray-200 ml-auto mr-auto"
-}, Pe = { class: "p-4" }, Ee = { class: "mt-4 flex justify-end gap-x-3" };
-function Le(t, e, r, a, n, s) {
-  const b = d("IconMore"), f = d("IconEdit"), k = d("router-link"), u = d("IconDelete"), w = d("VsPopover"), $ = d("VsDialog");
+}, je = { class: "p-4" }, Pe = { class: "mt-4 flex justify-end gap-x-3" };
+function ze(t, e, r, a, n, s) {
+  const m = u("IconMore"), c = u("IconEdit"), f = u("router-link"), g = u("IconDelete"), F = u("VsPopover"), M = u("VsDialog");
   return o(), i(x, null, [
-    l("div", Ie, [
-      h(w, {
+    l("div", Me, [
+      h(F, {
         trigger: "click",
         placement: "bottom-left"
       }, {
-        reference: y(() => [
-          l("button", Be, [
-            h(b, {
+        reference: _(() => [
+          l("button", Ie, [
+            h(m, {
               height: "16",
               width: "16"
             })
           ])
         ]),
-        default: y(() => {
-          var _, F, D;
+        default: _(() => {
+          var k, T, V;
           return [
-            l("div", je, [
-              r.isForm ? (o(), g(k, {
+            l("div", Be, [
+              r.isForm ? (o(), y(f, {
                 key: 0,
-                to: `/edit?table=${(F = (_ = t.$route) == null ? void 0 : _.params) == null ? void 0 : F.catchAll}&id=${(D = r.item) == null ? void 0 : D.id}`,
+                to: `/edit?table=${(T = (k = t.$route) == null ? void 0 : k.params) == null ? void 0 : T.catchAll}&id=${(V = r.item) == null ? void 0 : V.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(() => [
-                  h(f, { color: "#000" }),
-                  e[4] || (e[4] = T(" Редагувати "))
+                default: _(() => [
+                  h(c, { color: "#000" }),
+                  e[4] || (e[4] = $(" Редагувати "))
                 ]),
                 _: 1
-              }, 8, ["to"])) : v("", !0),
-              r.isForm ? (o(), i("div", ze)) : v("", !0),
+              }, 8, ["to"])) : w("", !0),
+              r.isForm ? (o(), i("div", Ee)) : w("", !0),
               l("button", {
-                onClick: e[0] || (e[0] = te((...I) => s.openConfirm && s.openConfirm(...I), ["stop"])),
+                onClick: e[0] || (e[0] = ee((...I) => s.openConfirm && s.openConfirm(...I), ["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"
               }, [
-                h(u),
+                h(g),
                 e[5] || (e[5] = l("span", { class: "text-gray-800" }, "Видалити", -1))
               ])
             ])
@@ -281,24 +281,24 @@ function Le(t, e, r, a, n, s) {
         _: 1
       })
     ]),
-    h($, {
+    h(M, {
       visible: n.isDeleteConfirm,
-      "onUpdate:visible": e[3] || (e[3] = (_) => n.isDeleteConfirm = _),
+      "onUpdate:visible": e[3] || (e[3] = (k) => n.isDeleteConfirm = k),
       title: "Ви впевнені?"
     }, {
-      default: y(() => [
-        l("div", Pe, [
+      default: _(() => [
+        l("div", je, [
           e[6] || (e[6] = l("p", { class: "mt-1 text-gray-500 dark:text-neutral-500" }, " Ви впевнені, що хочете видалити цей об'єкт? ", -1)),
-          l("div", Ee, [
+          l("div", Pe, [
             l("button", {
               type: "button",
               class: "py-2 px-3 inline-flex items-center gap-x-2 text-sm 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",
-              onClick: e[1] || (e[1] = (_) => n.isDeleteConfirm = !1)
+              onClick: e[1] || (e[1] = (k) => n.isDeleteConfirm = !1)
             }, " Скасувати "),
             l("button", {
               type: "button",
               class: "py-2 px-3 inline-flex items-center gap-x-2 text-sm font-semibold rounded-lg border border-transparent bg-red-500 text-white hover:bg-red-600 disabled:opacity-50 disabled:pointer-events-none",
-              onClick: e[2] || (e[2] = (..._) => s.deleteElement && s.deleteElement(..._))
+              onClick: e[2] || (e[2] = (...k) => s.deleteElement && s.deleteElement(...k))
             }, " Так, я впевнена/ий ")
           ])
         ])
@@ -307,7 +307,7 @@ function Le(t, e, r, a, n, s) {
     }, 8, ["visible"])
   ], 64);
 }
-const Ue = /* @__PURE__ */ m(Ae, [["render", Le]]), qe = {}, Oe = {
+const Le = /* @__PURE__ */ b(Ae, [["render", ze]]), Ue = {}, qe = {
   class: "flex-shrink-0 mt-0.5 size-3.5",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -317,20 +317,22 @@ const Ue = /* @__PURE__ */ m(Ae, [["render", Le]]), qe = {}, Oe = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function We(t, e, r, a, n, s) {
-  return o(), i("svg", Oe, e[0] || (e[0] = [
+function Oe(t, e, r, a, n, s) {
+  return o(), i("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 He = /* @__PURE__ */ m(qe, [["render", We]]), Ne = {
-  components: { IconExport: He },
-  props: { table: String, columns: Array },
+const He = /* @__PURE__ */ b(Ue, [["render", Oe]]), Ne = {
+  props: {
+    columns: { type: Object, default: () => {
+    } },
+    table: { type: String, default: () => "" }
+  },
   data() {
     return {
-      isOpen: !1,
       tableFormats: ["json", "csv", "xlsx"],
       format: "",
       cols: []
@@ -339,7 +341,7 @@ const He = /* @__PURE__ */ m(qe, [["render", We]]), Ne = {
   methods: {
     async exportTable() {
       try {
-        const t = await C.get("/api/export", {
+        const t = await v.get("/api/export", {
           params: {
             table: this.table,
             format: this.format,
@@ -369,20 +371,85 @@ const He = /* @__PURE__ */ m(qe, [["render", We]]), Ne = {
       this.format = t;
     }
   }
-}, Re = { class: "p-4" }, Ge = { class: "pb-5 mb-5 last:pb-0 last:mb-0 border-b last:border-b-0 border-gray-200 dark:border-neutral-700" }, Ze = { class: "mt-2 flex row flex-wrap gap-y-[5px] gap-x-[10px]" }, Je = { class: "pb-5 mb-5 last:pb-0 last:mb-0 border-b last:border-b-0 border-gray-200 dark:border-neutral-700" }, Ke = { class: "mt-2 space-y-2" }, Qe = ["id", "onChange"], Xe = ["for"], Ye = { class: "flex w-full justify-end p-[20px] gap-[6px] border-t" };
+}, Re = { class: "p-4" }, Ge = { class: "pb-5 mb-5 last:pb-0 last:mb-0 border-b last:border-b-0 border-gray-200 dark:border-neutral-700" }, We = { class: "mt-2 flex row flex-wrap gap-y-[5px] gap-x-[10px]" }, Ze = { class: "pb-5 mb-5 last:pb-0 last:mb-0 border-b last:border-b-0 border-gray-200 dark:border-neutral-700" }, Je = { class: "mt-2 space-y-2" }, Ke = ["id", "onChange"], Qe = ["for"], Xe = { class: "pb-5 last:pb-0 last:mb-0 border-b last:border-b-0 border-gray-200 dark:border-neutral-700" }, Ye = { class: "text-center" };
 function et(t, e, r, a, n, s) {
-  const b = d("IconExport"), f = d("VsCheckbox"), k = d("VsDialog");
+  const m = u("VsCheckbox");
+  return o(), i(x, null, [
+    e[4] || (e[4] = l("div", { class: "dark:border-neutral-700" }, null, -1)),
+    l("div", Re, [
+      l("div", Ge, [
+        e[2] || (e[2] = l("label", { class: "text-sm text-gray-500 dark:text-neutral-500" }, " Виберіть стовпці таблиці для експорту: ", -1)),
+        l("div", We, [
+          (o(!0), i(x, null, C(r.columns, (c, f) => (o(), i("div", {
+            class: "flex items-center",
+            key: f,
+            style: { width: "calc((100% - 10px) / 2)" }
+          }, [
+            h(m, {
+              class: "py-0 shrink-0 border-gray-300 rounded 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",
+              modelValue: n.cols,
+              "onUpdate:modelValue": e[0] || (e[0] = (g) => n.cols = g),
+              value: c == null ? void 0 : c.name,
+              label: c == null ? void 0 : c.ua
+            }, null, 8, ["modelValue", "value", "label"])
+          ]))), 128))
+        ])
+      ]),
+      l("div", Ze, [
+        e[3] || (e[3] = l("label", { class: "text-sm text-gray-500 dark:text-neutral-500" }, " Виберіть формат таблиці: ", -1)),
+        l("div", Je, [
+          (o(!0), i(x, null, C(n.tableFormats, (c, f) => (o(), i("div", {
+            class: "flex items-center",
+            key: f
+          }, [
+            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: c,
+              onChange: (g) => s.selectFormat(c)
+            }, null, 40, Ke),
+            l("label", {
+              for: c,
+              class: "text-sm text-gray-800 ms-3 dark:text-neutral-400"
+            }, " Формат " + S(c), 9, Qe)
+          ]))), 128))
+        ])
+      ]),
+      l("div", Xe, [
+        l("div", Ye, [
+          l("button", {
+            type: "button",
+            class: "p-2 inline-flex items-center gap-x-2 text-xs font-medium rounded-lg border border-transparent bg-blue-600 text-white hover:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:ring-2 focus:ring-blue-500",
+            onClick: e[1] || (e[1] = (...c) => s.exportTable && s.exportTable(...c))
+          }, " Завантажити таблицю ")
+        ])
+      ])
+    ])
+  ], 64);
+}
+const tt = /* @__PURE__ */ b(Ne, [["render", et]]), rt = {
+  components: { IconExport: He, AdminTableExportForm: tt },
+  props: { table: String, columns: Array },
+  data() {
+    return {
+      isOpen: !1
+    };
+  }
+};
+function lt(t, e, r, a, n, s) {
+  const m = u("IconExport"), c = u("AdminTableExportForm"), f = u("VsDialog");
   return o(), i(x, null, [
     l("button", {
-      onClick: e[0] || (e[0] = (u) => n.isOpen = !0),
+      onClick: e[0] || (e[0] = (g) => 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"
     }, [
-      h(b, {
+      h(m, {
         height: "16",
         width: "16"
       }),
-      e[4] || (e[4] = T(" Експорт ")),
-      e[5] || (e[5] = l("svg", {
+      e[2] || (e[2] = $(" Import / Export ")),
+      e[3] || (e[3] = l("svg", {
         class: "shrink-0 size-3.5",
         xmlns: "http://www.w3.org/2000/svg",
         width: "24",
@@ -397,75 +464,22 @@ function et(t, e, r, a, n, s) {
         l("path", { d: "m6 9 6 6 6-6" })
       ], -1))
     ]),
-    h(k, {
+    h(f, {
       visible: n.isOpen,
-      "onUpdate:visible": e[3] || (e[3] = (u) => n.isOpen = u),
-      title: "Експорт таблиці",
-      size: "small"
+      "onUpdate:visible": e[1] || (e[1] = (g) => n.isOpen = g),
+      title: "Експорт таблиці"
     }, {
-      footer: y(() => [
-        l("div", Ye, [
-          e[8] || (e[8] = 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)),
-          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) => s.exportTable && s.exportTable(...u))
-          }, " Завантажити таблицю ")
-        ])
-      ]),
-      default: y(() => [
-        e[9] || (e[9] = l("div", { class: "dark:border-neutral-700" }, null, -1)),
-        l("div", Re, [
-          l("div", Ge, [
-            e[6] || (e[6] = l("h2", { class: "text-sm text-gray-500" }, " Виберіть стовпці таблиці для експорту: ", -1)),
-            l("div", Ze, [
-              (o(!0), i(x, null, S(r.columns, (u, w) => (o(), i("div", {
-                class: "flex items-center",
-                key: w,
-                style: { width: "calc((100% - 10px) / 2)" }
-              }, [
-                h(f, {
-                  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 = $),
-                  value: u == null ? void 0 : u.name,
-                  label: u == null ? void 0 : u.ua
-                }, null, 8, ["modelValue", "value", "label"])
-              ]))), 128))
-            ])
-          ]),
-          l("div", Je, [
-            e[7] || (e[7] = l("h2", { class: "text-sm text-gray-500" }, "Виберіть формат таблиці:", -1)),
-            l("div", Ke, [
-              (o(!0), i(x, null, S(n.tableFormats, (u, w) => (o(), i("div", {
-                class: "flex items-center",
-                key: w
-              }, [
-                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: ($) => s.selectFormat(u)
-                }, null, 40, Qe),
-                l("label", {
-                  for: u,
-                  class: "text-sm text-gray-800 ms-3 dark:text-neutral-400"
-                }, " Формат " + V(u), 9, Xe)
-              ]))), 128))
-            ])
-          ])
-        ])
+      default: _(() => [
+        h(c, {
+          table: r.table,
+          columns: r.columns
+        }, null, 8, ["table", "columns"])
       ]),
       _: 1
     }, 8, ["visible"])
   ], 64);
 }
-const tt = /* @__PURE__ */ m(Ne, [["render", et]]), rt = {}, lt = {
+const nt = /* @__PURE__ */ b(rt, [["render", lt]]), st = {}, ot = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -475,12 +489,12 @@ const tt = /* @__PURE__ */ m(Ne, [["render", et]]), rt = {}, lt = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-columns"
 };
-function nt(t, e, r, a, n, s) {
-  return o(), i("svg", lt, e[0] || (e[0] = [
+function at(t, e, r, a, n, s) {
+  return o(), i("svg", ot, e[0] || (e[0] = [
     A('<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 st = /* @__PURE__ */ m(rt, [["render", nt]]), ot = {
+const it = /* @__PURE__ */ b(st, [["render", at]]), ut = {
   props: { column: Object },
   emits: ["update-column"],
   data() {
@@ -497,21 +511,21 @@ const st = /* @__PURE__ */ m(rt, [["render", nt]]), ot = {
     var t;
     ((t = this.column) == null ? void 0 : t.hidden) !== !0 && (this.value = !0);
   }
-}, at = { class: "flex w-full gap-[8px] items-centr" };
-function it(t, e, r, a, n, s) {
-  var b, f;
-  return o(), i("label", at, [
-    X(l("input", {
-      "onUpdate:modelValue": e[0] || (e[0] = (k) => n.value = k),
+}, ct = { class: "flex w-full gap-[8px] items-centr" };
+function dt(t, e, r, a, n, s) {
+  var m, c;
+  return o(), i("label", ct, [
+    Q(l("input", {
+      "onUpdate:modelValue": e[0] || (e[0] = (f) => n.value = f),
       type: "checkbox"
     }, null, 512), [
-      [re, n.value]
+      [te, n.value]
     ]),
-    T(" " + V(((b = r.column) == null ? void 0 : b.ua) || ((f = r.column) == null ? void 0 : f.title)), 1)
+    $(" " + S(((m = r.column) == null ? void 0 : m.ua) || ((c = r.column) == null ? void 0 : c.title)), 1)
   ]);
 }
-const dt = /* @__PURE__ */ m(ot, [["render", it]]), ct = {
-  components: { IconColumns: st, AdminTableColumnsHiddenItem: dt },
+const ht = /* @__PURE__ */ b(ut, [["render", dt]]), pt = {
+  components: { IconColumns: it, AdminTableColumnsHiddenItem: ht },
   emits: ["update-columns"],
   props: { columns: Array },
   methods: {
@@ -520,28 +534,28 @@ const dt = /* @__PURE__ */ m(ot, [["render", it]]), ct = {
       r[e] = t, this.$emit("update-columns", [...r]);
     }
   }
-}, ut = { 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" }, ht = { class: "py-[10px] px-[10px] w-[260px]" }, pt = { 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, a, n, s) {
-  const b = d("IconColumns"), f = d("AdminTableColumnsHiddenItem"), k = d("VsPopover");
-  return o(), g(k, {
+}, bt = { 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" }, mt = { class: "flex flex-col gap-[3px] h-[400px] w-[300px] 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 ft(t, e, r, a, n, s) {
+  const m = u("IconColumns"), c = u("AdminTableColumnsHiddenItem"), f = u("VsPopover");
+  return o(), y(f, {
     trigger: "click",
     placement: "bottom"
   }, {
-    reference: y(() => [
-      l("button", ut, [
-        h(b, {
+    reference: _(() => [
+      l("button", bt, [
+        h(m, {
           height: "20",
           width: "16"
         })
       ])
     ]),
-    default: y(() => [
-      l("div", ht, [
+    default: _(() => [
+      l("div", null, [
         e[0] || (e[0] = l("h2", { class: "text-sm mb-[8px]" }, "Оберіть колонки, щоб приховати", -1)),
-        l("ul", pt, [
-          (o(!0), i(x, null, S(r.columns, (u, w) => (o(), i("li", { key: w }, [
-            h(f, {
-              column: u,
+        l("ul", mt, [
+          (o(!0), i(x, null, C(r.columns, (g, F) => (o(), i("li", { key: F }, [
+            h(c, {
+              column: g,
               onUpdateColumn: s.updateColumn
             }, null, 8, ["column", "onUpdateColumn"])
           ]))), 128))
@@ -551,14 +565,14 @@ function mt(t, e, r, a, n, s) {
     _: 1
   });
 }
-const bt = /* @__PURE__ */ m(ct, [["render", mt]]), ft = {}, gt = {
+const gt = /* @__PURE__ */ b(pt, [["render", ft]]), xt = {}, yt = {
   class: "hidden sm:block shrink-0 size-3",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
   viewBox: "0 0 16 16"
 };
-function xt(t, e, r, a, n, s) {
-  return o(), i("svg", gt, e[0] || (e[0] = [
+function kt(t, e, r, a, n, s) {
+  return o(), i("svg", yt, e[0] || (e[0] = [
     l("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -566,23 +580,23 @@ function xt(t, e, r, a, n, s) {
     }, null, -1)
   ]));
 }
-const yt = /* @__PURE__ */ m(ft, [["render", xt]]), kt = {}, wt = { class: "vs-table-interface__table-wrp w-full rounded h-fit overflow-hidden" };
-function _t(t, e, r, a, n, s) {
-  return o(), i("div", wt, e[0] || (e[0] = [
+const _t = /* @__PURE__ */ b(xt, [["render", kt]]), wt = {}, vt = { class: "vs-table-interface__table-wrp w-full rounded h-fit overflow-hidden" };
+function Ct(t, e, r, a, n, s) {
+  return o(), i("div", vt, e[0] || (e[0] = [
     A('<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 vt = /* @__PURE__ */ m(kt, [["render", _t]]), Ct = {
+const $t = /* @__PURE__ */ b(wt, [["render", Ct]]), St = {
   props: { table: String, title: String },
   components: {
-    IconFilter: ce,
-    AdminTableControl: Ue,
-    AdminTableExport: tt,
-    AdminTableColumnsHidden: bt,
-    AdminTableColumn: xe,
-    AdminNodata: vt,
-    IconPlus: yt,
-    IconSearch: oe
+    IconFilter: ue,
+    AdminTableControl: Le,
+    AdminTableExport: nt,
+    AdminTableColumnsHidden: gt,
+    AdminTableColumn: ge,
+    AdminNodata: $t,
+    IconPlus: _t,
+    IconSearch: se
   },
   data() {
     return {
@@ -621,10 +635,6 @@ const vt = /* @__PURE__ */ m(kt, [["render", _t]]), Ct = {
     isNoData() {
       var t, e;
       return !((t = this.tableData) != null && t.rows) || !((e = this.columns) != null && e.length);
-    },
-    rowWidth() {
-      var t;
-      return ((t = this.tableData) == null ? void 0 : t.width) || "80px";
     }
   },
   watch: {
@@ -650,7 +660,7 @@ const vt = /* @__PURE__ */ m(kt, [["render", _t]]), Ct = {
     async getTableData() {
       var t, e;
       try {
-        const { data: r } = await C.get(`/api/template/table/${this.table}`), a = await C.get(`/api/table-data/${this.table}`, {
+        const { data: r } = await v.get(`/api/template/table/${this.table}`), a = await v.get(`/api/table-data/${this.table}`, {
           params: {
             page: this.page,
             search: this.searchValue || null,
@@ -669,7 +679,7 @@ const vt = /* @__PURE__ */ m(kt, [["render", _t]]), Ct = {
     async getFilters() {
       var t;
       try {
-        const { data: e } = await C.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)
@@ -699,139 +709,132 @@ const vt = /* @__PURE__ */ m(kt, [["render", _t]]), Ct = {
       ((e = this.tableData) == null ? void 0 : e.card) === !1 || this.$router.push(`/card/${this.table}/${t}`);
     }
   }
-}, $t = { class: "w-[calc(100vw - 320px)]" }, St = { class: "h-[76px] bg-gray-50 flex items-center justify-between px-[30px]" }, Tt = { class: "text-xl font-medium h-[20px]" }, Vt = {
+}, Ft = { class: "w-[calc(100vw - 320px)]" }, Tt = { class: "h-[76px] bg-gray-50 flex items-center justify-between px-[30px]" }, Vt = { class: "text-xl font-medium h-[20px]" }, Dt = {
   style: { height: "calc(100vh - 140px)", width: "calc(100vw - 260px)" },
   class: "bg-gray-50 p-[20px] flex pt-[10px]"
-}, Ft = { class: "bg-white w-full rounded-xl border p-[20px]" }, Dt = { class: "flex sm:grid sm:grid-cols-2 gap-x-2 sm:gap-x-5 mb-[10px] relative" }, Mt = { class: "flex gap-[6px] ml-auto" }, At = {
+}, At = { class: "bg-white w-full rounded-xl border p-[20px]" }, Mt = { class: "flex sm:grid sm:grid-cols-2 gap-x-2 sm:gap-x-5 mb-[10px] relative" }, It = { class: "flex gap-[6px] ml-auto" }, Bt = {
   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"
-}, It = { class: "space-y-5 flex items-start w-full justify-start" }, Bt = {
+}, Et = { class: "space-y-5 flex items-start w-full justify-start" }, jt = {
   style: { height: "calc(100vh - 310px)" },
   class: "overflow-x-auto w-full border-t [&::-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"
-}, jt = { class: "inline-block w-full align-middle" }, zt = {
+}, Pt = { class: "inline-block w-full align-middle" }, zt = {
   key: 0,
   class: "divide-y divide-gray-200 min-w-full dark:divide-neutral-700 relative table-fixed"
-}, Pt = { class: "sticky top-0 bg-white w-full relative after:absolute after:content-[''] after:block after:w-full after:h-px after:bg-stone-200" }, Et = { class: "divide-y divide-gray-200" }, Lt = ["onClick"], Ut = { class: "text-center sticky right-0 bg-white w-[80px] px-[10px]" }, qt = { class: "p-[20px] flex justify-end w-full" }, Ot = { 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" };
+}, Lt = { class: "sticky top-0 bg-white w-full relative after:absolute after:content-[''] after:block after:w-full after:h-px after:bg-stone-200" }, Ut = { class: "border-stone-200 right-0 z-[1]" }, qt = { class: "divide-y divide-gray-200" }, Ot = { class: "min-w-[200px] text-start pe-4 py-3 text-sm text-gray-600" }, Ht = ["onClick"], Nt = { class: "text-center sticky right-0 bg-white w-[80px] px-[10px]" }, Rt = { class: "p-[20px] flex justify-end w-full" }, Gt = { 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 Wt(t, e, r, a, n, s) {
-  var z, P, E, L, U, q;
-  const b = d("IconPlus"), f = d("router-link"), k = d("IconSearch"), u = d("VsText"), w = d("AdminTableColumnsHidden"), $ = d("AdminTableExport"), _ = d("IconFilter"), F = d("AdminTableColumn"), D = d("AdminTableControl"), I = d("AdminNodata"), Y = d("VsPagination"), ee = d("VsFilter");
+  var E, j, P, z, L, U;
+  const m = u("IconPlus"), c = u("router-link"), f = u("IconSearch"), g = u("VsText"), F = u("AdminTableColumnsHidden"), M = u("AdminTableExport"), k = u("IconFilter"), T = u("AdminTableColumn"), V = u("AdminTableControl"), I = u("AdminNodata"), X = u("VsPagination"), Y = u("VsFilter");
   return o(), i(x, null, [
-    l("div", $t, [
-      l("div", St, [
-        l("h2", Tt, V(r.title), 1),
-        s.isForm ? (o(), g(f, {
+    l("div", Ft, [
+      l("div", Tt, [
+        l("h2", Vt, S(r.title), 1),
+        s.isForm ? (o(), y(c, {
           key: 0,
-          to: `/add?table=${(P = (z = t.$route) == null ? void 0 : z.params) == null ? void 0 : P.catchAll}`,
+          to: `/add?table=${(j = (E = t.$route) == null ? void 0 : E.params) == null ? void 0 : j.catchAll}`,
           class: "py-2 px-3 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg border border-transparent bg-blue-600 text-white hover:bg-blue-700 hover:text-white duration-300"
         }, {
-          default: y(() => [
-            h(b, {
+          default: _(() => [
+            h(m, {
               height: "16",
               width: "16"
             }),
-            e[5] || (e[5] = T(" Додати "))
+            e[5] || (e[5] = $(" Додати "))
           ]),
           _: 1
-        }, 8, ["to"])) : v("", !0)
+        }, 8, ["to"])) : w("", !0)
       ]),
-      l("div", Vt, [
-        l("div", Ft, [
-          l("div", Dt, [
-            h(k, {
+      l("div", Dt, [
+        l("div", At, [
+          l("div", Mt, [
+            h(f, {
               height: "14",
               width: "14",
               class: "absolute top-[10px] left-[14px] text-gray-500 z-[1]"
             }),
-            h(u, {
+            h(g, {
               modelValue: n.searchValue,
-              "onUpdate:modelValue": e[0] || (e[0] = (c) => n.searchValue = c),
+              "onUpdate:modelValue": e[0] || (e[0] = (d) => n.searchValue = d),
               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", Mt, [
-              h(w, {
-                columns: (E = n.tableData) == null ? void 0 : E.columns,
-                onUpdateColumns: e[1] || (e[1] = (c) => n.tableData.columns = c)
+            l("div", It, [
+              h(F, {
+                columns: (P = n.tableData) == null ? void 0 : P.columns,
+                onUpdateColumns: e[1] || (e[1] = (d) => n.tableData.columns = d)
               }, null, 8, ["columns"]),
-              h($, {
+              h(M, {
                 table: r.table,
-                columns: (L = n.tableData) == null ? void 0 : L.columns
+                columns: (z = n.tableData) == null ? void 0 : z.columns
               }, null, 8, ["table", "columns"]),
               l("button", {
-                onClick: e[2] || (e[2] = (c) => n.isFilters = !n.isFilters),
+                onClick: e[2] || (e[2] = (d) => 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"
               }, [
-                h(_, {
+                h(k, {
                   height: "16",
                   width: "16"
                 }),
-                e[6] || (e[6] = T(" Фільтри ")),
-                n.onFilters ? (o(), i("span", At, V(n.onFilters), 1)) : v("", !0)
+                e[6] || (e[6] = $(" Фільтри ")),
+                n.onFilters ? (o(), i("span", Bt, S(n.onFilters), 1)) : w("", !0)
               ])
             ])
           ]),
-          l("div", It, [
-            l("div", Bt, [
-              l("div", jt, [
-                s.isNoData ? (o(), g(I, { key: 1 })) : (o(), i("table", zt, [
-                  l("thead", Pt, [
-                    l("tr", {
-                      class: "border-stone-200 right-0 z-[1]",
-                      style: j({ minWidth: s.rowWidth, maxWidth: s.rowWidth })
-                    }, [
-                      (o(!0), i(x, null, S(s.columns, (c) => (o(), g(F, {
-                        key: c.name,
-                        data: c,
+          l("div", Et, [
+            l("div", jt, [
+              l("div", Pt, [
+                s.isNoData ? (o(), y(I, { key: 1 })) : (o(), i("table", zt, [
+                  l("thead", Lt, [
+                    l("tr", Ut, [
+                      (o(!0), i(x, null, C(s.columns, (d) => (o(), y(T, {
+                        key: d.name,
+                        data: d,
                         activeColumn: n.activeColumn,
                         onChangeActive: s.changeActiveColumn
                       }, null, 8, ["data", "activeColumn", "onChangeActive"]))), 128)),
                       e[7] || (e[7] = l("th", { class: "w-[70px] sticky right-0 top-0 bg-white" }, null, -1))
-                    ], 4)
+                    ])
                   ]),
-                  l("tbody", Et, [
-                    (o(!0), i(x, null, S((U = n.tableData) == null ? void 0 : U.rows, (c, M) => {
-                      var O, W, H, N, R, G, Z, J;
-                      return o(), i("tr", { key: M }, [
-                        l("td", {
-                          class: "text-start pe-4 py-3 text-sm text-gray-600",
-                          style: j({ minWidth: s.rowWidth, maxWidth: s.rowWidth })
-                        }, [
+                  l("tbody", qt, [
+                    (o(!0), i(x, null, C((L = n.tableData) == null ? void 0 : L.rows, (d, D) => {
+                      var q, O, H, N, R, G, W, Z;
+                      return o(), i("tr", { key: D }, [
+                        l("td", Ot, [
                           l("button", {
-                            onClick: () => s.pushToCard(c == null ? void 0 : c.id),
-                            class: le(["text-sm font-medium", [
-                              ((O = n.tableData) == null ? void 0 : O.card) === !1 ? "" : "text-blue-600 decoration-2 focus:outline-none focus:underline hover:text-blue-600 hover:underline"
+                            onClick: () => s.pushToCard(d == null ? void 0 : d.id),
+                            class: re(["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"
                             ]])
                           }, [
-                            (o(), g(Q(
-                              ((W = s.columns[0]) == null ? void 0 : W.format) === "custom" ? (H = s.columns[0]) == null ? void 0 : H.component : t.$componentsConfig[`table-format-${((R = (N = s.columns[0]) == null ? void 0 : N.format) == null ? void 0 : R.toLowerCase()) || "text"}`]
+                            (o(), y(K(
+                              ((O = s.columns[0]) == null ? void 0 : O.format) === "custom" ? (H = s.columns[0]) == null ? void 0 : H.component : t.$componentsConfig[`table-format-${((R = (N = s.columns[0]) == null ? void 0 : N.format) == null ? void 0 : R.toLowerCase()) || "text"}`]
                             ), {
                               name: (G = s.columns[0]) == null ? void 0 : G.name,
-                              data: c,
-                              value: c == null ? void 0 : c[(Z = s.columns[0]) == null ? void 0 : Z.name]
+                              data: d,
+                              value: d == null ? void 0 : d[(W = s.columns[0]) == null ? void 0 : W.name]
                             }, null, 8, ["name", "data", "value"]))
-                          ], 10, Lt)
-                        ], 4),
-                        (o(!0), i(x, null, S((J = s.columns) == null ? void 0 : J.slice(1), (p) => {
-                          var K;
+                          ], 10, Ht)
+                        ]),
+                        (o(!0), i(x, null, C((Z = s.columns) == null ? void 0 : Z.slice(1), (p) => {
+                          var J;
                           return o(), i("td", {
-                            class: "text-start px-[4px] py-3 text-sm text-gray-600",
-                            style: j({ minWidth: s.rowWidth, maxWidth: s.rowWidth }),
+                            class: "min-w-[300px] w-full text-start px-[4px] py-3 text-sm text-gray-600",
                             key: p.name
                           }, [
-                            (o(), g(Q(
-                              (p == null ? void 0 : p.format) === "custom" ? p == null ? void 0 : p.component : t.$componentsConfig[`table-format-${((K = p == null ? void 0 : p.format) == null ? void 0 : K.toLowerCase()) || "text"}`]
+                            (o(), y(K(
+                              (p == null ? void 0 : p.format) === "custom" ? p == null ? void 0 : p.component : t.$componentsConfig[`table-format-${((J = p == null ? void 0 : p.format) == null ? void 0 : J.toLowerCase()) || "text"}`]
                             ), {
                               name: p == null ? void 0 : p.name,
-                              data: c,
-                              value: c == null ? void 0 : c[p == null ? void 0 : p.name]
+                              data: d,
+                              value: d == null ? void 0 : d[p == null ? void 0 : p.name]
                             }, null, 8, ["name", "data", "value"]))
-                          ], 4);
+                          ]);
                         }), 128)),
-                        l("td", Ut, [
-                          h(D, {
+                        l("td", Nt, [
+                          h(V, {
                             isForm: s.isForm,
-                            item: c,
+                            item: d,
                             table: r.table,
                             onUpdateTable: s.getTableData
                           }, null, 8, ["isForm", "item", "table", "onUpdateTable"])
@@ -843,33 +846,33 @@ function Wt(t, e, r, a, n, s) {
               ])
             ])
           ]),
-          l("div", qt, [
-            n.limit ? (o(), g(Y, {
+          l("div", Rt, [
+            n.limit ? (o(), y(X, {
               key: 0,
               goTo: !1,
               class: "justify-end",
               "default-page": s.defaultPage,
-              total: ((q = n.tableData) == null ? void 0 : q.total) || 0,
+              total: ((U = n.tableData) == null ? void 0 : U.total) || 0,
               pageSize: n.limit,
               onPageChange: s.handlePageChange,
               pageSizes: [10, 16, 20],
               onPageSizeChange: s.changeLimit
-            }, null, 8, ["default-page", "total", "pageSize", "onPageChange", "onPageSizeChange"])) : v("", !0)
+            }, null, 8, ["default-page", "total", "pageSize", "onPageChange", "onPageSizeChange"])) : w("", !0)
           ])
         ])
       ])
     ]),
-    h(ne, { name: "fade" }, {
-      default: y(() => {
-        var c;
+    h(le, { name: "fade" }, {
+      default: _(() => {
+        var d;
         return [
-          X(l("div", {
-            onClick: e[4] || (e[4] = (...M) => s.closeFilter && s.closeFilter(...M)),
+          Q(l("div", {
+            onClick: e[4] || (e[4] = (...D) => s.closeFilter && s.closeFilter(...D)),
             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", Ot, [
-              (c = n.filterScheme) != null && c.length ? (o(), g(ee, {
+            l("div", Gt, [
+              (d = n.filterScheme) != null && d.length ? (o(), y(Y, {
                 key: 0,
                 ref: "filter",
                 scheme: n.filterScheme,
@@ -879,11 +882,11 @@ function Wt(t, e, r, a, n, s) {
                 name: "filter",
                 onFilterChange: s.filterChange,
                 closeFilterBtn: !0,
-                onFilterClose: e[3] || (e[3] = (M) => n.isFilters = !1)
-              }, null, 8, ["scheme", "onFilterChange"])) : v("", !0)
+                onFilterClose: e[3] || (e[3] = (D) => n.isFilters = !1)
+              }, null, 8, ["scheme", "onFilterChange"])) : w("", !0)
             ])
           ], 512), [
-            [se, n.isFilters]
+            [ne, n.isFilters]
           ])
         ];
       }),
@@ -891,8 +894,8 @@ function Wt(t, e, r, a, n, s) {
     })
   ], 64);
 }
-const Ht = /* @__PURE__ */ m(Ct, [["render", Wt]]), Nt = {
-  components: { AdminTable: Ht },
+const Zt = /* @__PURE__ */ b(St, [["render", Wt]]), Jt = {
+  components: { AdminTable: Zt },
   data() {
     return {
       table: !1,
@@ -924,7 +927,7 @@ const Ht = /* @__PURE__ */ m(Ct, [["render", Wt]]), Nt = {
     },
     async getMenu() {
       try {
-        const { data: t } = await C.get("/api/user-menu");
+        const { data: t } = await v.get("/api/user-menu");
         B.value = t;
       } catch {
       }
@@ -943,7 +946,7 @@ const Ht = /* @__PURE__ */ m(Ct, [["render", Wt]]), Nt = {
     async getInterface() {
       var t, e;
       try {
-        const { data: r } = await C.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 || "";
@@ -952,10 +955,10 @@ const Ht = /* @__PURE__ */ m(Ct, [["render", Wt]]), Nt = {
       }
     }
   }
-}, Rt = ["innerHTML"];
-function Gt(t, e, r, a, n, s) {
-  const b = d("AdminTable");
-  return n.table ? (o(), g(b, {
+}, Kt = ["innerHTML"];
+function Qt(t, e, r, a, n, s) {
+  const m = u("AdminTable");
+  return n.table ? (o(), y(m, {
     key: 0,
     table: n.table,
     title: n.title
@@ -964,9 +967,9 @@ function Gt(t, e, r, a, n, s) {
     class: "w-full bg-gray-50",
     style: { height: "calc(100vh - 120px)" },
     innerHTML: n.interface
-  }, null, 8, Rt));
+  }, null, 8, Kt));
 }
-const Xt = /* @__PURE__ */ m(Nt, [["render", Gt]]);
+const rr = /* @__PURE__ */ b(Jt, [["render", Qt]]);
 export {
-  Xt as default
+  rr as default
 };