@opengis/admin 0.1.24 → 0.1.26

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

@@ -1,8 +1,8 @@
-import { _ as b, a as v } from "./import-file-Ce09Q27V.js";
+import { _ as m, a as C } from "./import-file-De3lGFop.js";
 import { u as B } from "./userMenu-CT1xO2Pt.js";
-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-C8Y-Yjr2.js";
-const oe = {}, ae = {
+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 = {
   class: "h21yx vs0hq",
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -14,12 +14,12 @@ const oe = {}, ae = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function ie(t, e, r, a, n, s) {
-  return o(), i("svg", ae, e[0] || (e[0] = [
+function de(t, e, r, a, n, s) {
+  return o(), i("svg", ie, 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 ue = /* @__PURE__ */ b(oe, [["render", ie]]), ce = {
+const ce = /* @__PURE__ */ m(ae, [["render", de]]), ue = {
   data() {
     return {
       currentSort: ""
@@ -77,10 +77,10 @@ const ue = /* @__PURE__ */ b(oe, [["render", ie]]), ce = {
       return `${this.data.name}-${t}` === this.selectedSortParam;
     }
   }
-}, de = {
+}, he = {
   scope: "col",
   class: "min-w-[200px] max-w-[300px] text-start"
-}, he = {
+}, pe = {
   class: "flex-shrink-0 size-3.5",
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -91,33 +91,33 @@ const ue = /* @__PURE__ */ b(oe, [["render", ie]]), ce = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, pe = {
+}, me = {
   key: 0,
   d: "m7 15 5 5 5-5"
 }, be = {
   key: 1,
   d: "m7 9 5-5 5 5"
-}, me = {
+}, fe = {
   key: 1,
   class: "text-sm text-gray-800 px-[4px] py-2.5 text-start font-normal text-gray-500"
 };
-function fe(t, e, r, a, n, s) {
-  return o(), i("th", de, [
+function ge(t, e, r, a, n, s) {
+  return o(), i("th", he, [
     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] = (m) => s.handleClickSortBtn(n.currentSort))
+      onClick: e[0] || (e[0] = (b) => s.handleClickSortBtn(n.currentSort))
     }, [
-      $(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)
+      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)
       ]))
-    ])) : (o(), i("p", me, S(s.label), 1))
+    ])) : (o(), i("p", fe, V(s.label), 1))
   ]);
 }
-const ge = /* @__PURE__ */ b(ce, [["render", fe]]), xe = {}, ye = {
+const xe = /* @__PURE__ */ m(ue, [["render", ge]]), ye = {}, ke = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -127,8 +127,8 @@ const ge = /* @__PURE__ */ b(ce, [["render", fe]]), xe = {}, ye = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-dots-vertical"
 };
-function ke(t, e, r, a, n, s) {
-  return o(), i("svg", ye, e[0] || (e[0] = [
+function we(t, e, r, a, n, s) {
+  return o(), i("svg", ke, e[0] || (e[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -139,7 +139,7 @@ function ke(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__ */ b(xe, [["render", ke]]), we = {}, ve = {
+const _e = /* @__PURE__ */ m(ye, [["render", we]]), ve = {}, Ce = {
   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__ */ b(xe, [["render", ke]]), we = {}, ve = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Ce(t, e, r, a, n, s) {
-  return o(), i("svg", ve, e[0] || (e[0] = [
+function $e(t, e, r, a, n, s) {
+  return o(), i("svg", Ce, 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 $e = /* @__PURE__ */ b(we, [["render", Ce]]), Se = {
+const Se = /* @__PURE__ */ m(ve, [["render", $e]]), Te = {
   props: {
     height: { type: String, default: "16" },
     width: { type: String, default: "12" },
     color: { type: String, default: "black" }
   }
-}, Fe = { style: { display: "none" } }, Te = ["height", "width", "fill"];
-function Ve(t, e, r, a, n, s) {
+}, Ve = { style: { display: "none" } }, Fe = ["height", "width", "fill"];
+function De(t, e, r, a, n, s) {
   return o(), i(x, null, [
-    (o(), i("svg", Fe, e[0] || (e[0] = [
+    (o(), i("svg", Ve, e[0] || (e[0] = [
       l("symbol", {
         id: "icon-pencil",
         viewBox: "0 0 32 32"
@@ -177,14 +177,14 @@ function Ve(t, e, r, a, n, s) {
       fill: r.color
     }, e[1] || (e[1] = [
       l("use", { "xlink:href": "#icon-pencil" }, null, -1)
-    ]), 8, Te))
+    ]), 8, Fe))
   ], 64);
 }
-const De = /* @__PURE__ */ b(Se, [["render", Ve]]), Ae = {
+const Me = /* @__PURE__ */ m(Te, [["render", De]]), Ae = {
   components: {
     IconMore: _e,
-    IconDelete: $e,
-    IconEdit: De
+    IconDelete: Se,
+    IconEdit: Me
   },
   emits: ["updateTable"],
   props: { item: Object, table: String, isForm: null },
@@ -204,7 +204,7 @@ const De = /* @__PURE__ */ b(Se, [["render", Ve]]), Ae = {
     async getData() {
       var t;
       try {
-        const { data: e } = await v.get(
+        const { data: e } = await C.get(
           `/api/table/${this.table}/${(t = this.item) == null ? void 0 : t.id}`
         );
         this.formValue = e;
@@ -218,7 +218,7 @@ const De = /* @__PURE__ */ b(Se, [["render", Ve]]), Ae = {
     async deleteElement() {
       var t;
       try {
-        v.delete(`/api/table/${this.table}/${(t = this.item) == null ? void 0 : t.id}`), this.$notify({
+        C.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 De = /* @__PURE__ */ b(Se, [["render", Ve]]), Ae = {
       }
     }
   }
-}, 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 = {
+}, 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 = {
   key: 1,
   class: "h-[1px] w-[80%] bg-gray-200 ml-auto mr-auto"
-}, 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");
+}, 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");
   return o(), i(x, null, [
-    l("div", Me, [
-      h(F, {
+    l("div", Ie, [
+      h(w, {
         trigger: "click",
         placement: "bottom-left"
       }, {
-        reference: _(() => [
-          l("button", Ie, [
-            h(m, {
+        reference: y(() => [
+          l("button", Be, [
+            h(b, {
               height: "16",
               width: "16"
             })
           ])
         ]),
-        default: _(() => {
-          var k, T, V;
+        default: y(() => {
+          var _, F, D;
           return [
-            l("div", Be, [
-              r.isForm ? (o(), y(f, {
+            l("div", je, [
+              r.isForm ? (o(), g(k, {
                 key: 0,
-                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}`,
+                to: `/edit?table=${(F = (_ = t.$route) == null ? void 0 : _.params) == null ? void 0 : F.catchAll}&id=${(D = r.item) == null ? void 0 : D.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: _(() => [
-                  h(c, { color: "#000" }),
-                  e[4] || (e[4] = $(" Редагувати "))
+                default: y(() => [
+                  h(f, { color: "#000" }),
+                  e[4] || (e[4] = T(" Редагувати "))
                 ]),
                 _: 1
-              }, 8, ["to"])) : w("", !0),
-              r.isForm ? (o(), i("div", Ee)) : w("", !0),
+              }, 8, ["to"])) : v("", !0),
+              r.isForm ? (o(), i("div", ze)) : v("", !0),
               l("button", {
-                onClick: e[0] || (e[0] = ee((...I) => s.openConfirm && s.openConfirm(...I), ["stop"])),
+                onClick: e[0] || (e[0] = te((...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(g),
+                h(u),
                 e[5] || (e[5] = l("span", { class: "text-gray-800" }, "Видалити", -1))
               ])
             ])
@@ -281,24 +281,24 @@ function ze(t, e, r, a, n, s) {
         _: 1
       })
     ]),
-    h(M, {
+    h($, {
       visible: n.isDeleteConfirm,
-      "onUpdate:visible": e[3] || (e[3] = (k) => n.isDeleteConfirm = k),
+      "onUpdate:visible": e[3] || (e[3] = (_) => n.isDeleteConfirm = _),
       title: "Ви впевнені?"
     }, {
-      default: _(() => [
-        l("div", je, [
+      default: y(() => [
+        l("div", Pe, [
           e[6] || (e[6] = l("p", { class: "mt-1 text-gray-500 dark:text-neutral-500" }, " Ви впевнені, що хочете видалити цей об'єкт? ", -1)),
-          l("div", Pe, [
+          l("div", Ee, [
             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] = (k) => n.isDeleteConfirm = !1)
+              onClick: e[1] || (e[1] = (_) => 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] = (...k) => s.deleteElement && s.deleteElement(...k))
+              onClick: e[2] || (e[2] = (..._) => s.deleteElement && s.deleteElement(..._))
             }, " Так, я впевнена/ий ")
           ])
         ])
@@ -307,7 +307,7 @@ function ze(t, e, r, a, n, s) {
     }, 8, ["visible"])
   ], 64);
 }
-const Le = /* @__PURE__ */ b(Ae, [["render", ze]]), Ue = {}, qe = {
+const Ue = /* @__PURE__ */ m(Ae, [["render", Le]]), qe = {}, Oe = {
   class: "flex-shrink-0 mt-0.5 size-3.5",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -317,22 +317,20 @@ const Le = /* @__PURE__ */ b(Ae, [["render", ze]]), Ue = {}, qe = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function Oe(t, e, r, a, n, s) {
-  return o(), i("svg", qe, e[0] || (e[0] = [
+function We(t, e, r, a, n, s) {
+  return o(), i("svg", Oe, 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__ */ b(Ue, [["render", Oe]]), Ne = {
-  props: {
-    columns: { type: Object, default: () => {
-    } },
-    table: { type: String, default: () => "" }
-  },
+const He = /* @__PURE__ */ m(qe, [["render", We]]), Ne = {
+  components: { IconExport: He },
+  props: { table: String, columns: Array },
   data() {
     return {
+      isOpen: !1,
       tableFormats: ["json", "csv", "xlsx"],
       format: "",
       cols: []
@@ -341,7 +339,7 @@ const He = /* @__PURE__ */ b(Ue, [["render", Oe]]), Ne = {
   methods: {
     async exportTable() {
       try {
-        const t = await v.get("/api/export", {
+        const t = await C.get("/api/export", {
           params: {
             table: this.table,
             format: this.format,
@@ -371,85 +369,20 @@ const He = /* @__PURE__ */ b(Ue, [["render", Oe]]), 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" }, 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" };
+}, 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" };
 function et(t, e, r, a, n, s) {
-  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");
+  const b = d("IconExport"), f = d("VsCheckbox"), k = d("VsDialog");
   return o(), i(x, null, [
     l("button", {
-      onClick: e[0] || (e[0] = (g) => n.isOpen = !0),
+      onClick: e[0] || (e[0] = (u) => 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(m, {
+      h(b, {
         height: "16",
         width: "16"
       }),
-      e[2] || (e[2] = $(" Import / Export ")),
-      e[3] || (e[3] = l("svg", {
+      e[4] || (e[4] = T(" Експорт ")),
+      e[5] || (e[5] = l("svg", {
         class: "shrink-0 size-3.5",
         xmlns: "http://www.w3.org/2000/svg",
         width: "24",
@@ -464,22 +397,75 @@ function lt(t, e, r, a, n, s) {
         l("path", { d: "m6 9 6 6 6-6" })
       ], -1))
     ]),
-    h(f, {
+    h(k, {
       visible: n.isOpen,
-      "onUpdate:visible": e[1] || (e[1] = (g) => n.isOpen = g),
-      title: "Експорт таблиці"
+      "onUpdate:visible": e[3] || (e[3] = (u) => n.isOpen = u),
+      title: "Експорт таблиці",
+      size: "small"
     }, {
-      default: _(() => [
-        h(c, {
-          table: r.table,
-          columns: r.columns
-        }, null, 8, ["table", "columns"])
+      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))
+            ])
+          ])
+        ])
       ]),
       _: 1
     }, 8, ["visible"])
   ], 64);
 }
-const nt = /* @__PURE__ */ b(rt, [["render", lt]]), st = {}, ot = {
+const tt = /* @__PURE__ */ m(Ne, [["render", et]]), rt = {}, lt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -489,12 +475,12 @@ const nt = /* @__PURE__ */ b(rt, [["render", lt]]), st = {}, ot = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-columns"
 };
-function at(t, e, r, a, n, s) {
-  return o(), i("svg", ot, e[0] || (e[0] = [
+function nt(t, e, r, a, n, s) {
+  return o(), i("svg", lt, 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 it = /* @__PURE__ */ b(st, [["render", at]]), ut = {
+const st = /* @__PURE__ */ m(rt, [["render", nt]]), ot = {
   props: { column: Object },
   emits: ["update-column"],
   data() {
@@ -511,21 +497,21 @@ const it = /* @__PURE__ */ b(st, [["render", at]]), ut = {
     var t;
     ((t = this.column) == null ? void 0 : t.hidden) !== !0 && (this.value = !0);
   }
-}, 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),
+}, 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),
       type: "checkbox"
     }, null, 512), [
-      [te, n.value]
+      [re, n.value]
     ]),
-    $(" " + S(((m = r.column) == null ? void 0 : m.ua) || ((c = r.column) == null ? void 0 : c.title)), 1)
+    T(" " + V(((b = r.column) == null ? void 0 : b.ua) || ((f = r.column) == null ? void 0 : f.title)), 1)
   ]);
 }
-const ht = /* @__PURE__ */ b(ut, [["render", dt]]), pt = {
-  components: { IconColumns: it, AdminTableColumnsHiddenItem: ht },
+const dt = /* @__PURE__ */ m(ot, [["render", it]]), ct = {
+  components: { IconColumns: st, AdminTableColumnsHiddenItem: dt },
   emits: ["update-columns"],
   props: { columns: Array },
   methods: {
@@ -534,28 +520,28 @@ const ht = /* @__PURE__ */ b(ut, [["render", dt]]), pt = {
       r[e] = t, this.$emit("update-columns", [...r]);
     }
   }
-}, 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, {
+}, 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, {
     trigger: "click",
     placement: "bottom"
   }, {
-    reference: _(() => [
-      l("button", bt, [
-        h(m, {
+    reference: y(() => [
+      l("button", ut, [
+        h(b, {
           height: "20",
           width: "16"
         })
       ])
     ]),
-    default: _(() => [
-      l("div", null, [
+    default: y(() => [
+      l("div", ht, [
         e[0] || (e[0] = l("h2", { class: "text-sm mb-[8px]" }, "Оберіть колонки, щоб приховати", -1)),
-        l("ul", mt, [
-          (o(!0), i(x, null, C(r.columns, (g, F) => (o(), i("li", { key: F }, [
-            h(c, {
-              column: g,
+        l("ul", pt, [
+          (o(!0), i(x, null, S(r.columns, (u, w) => (o(), i("li", { key: w }, [
+            h(f, {
+              column: u,
               onUpdateColumn: s.updateColumn
             }, null, 8, ["column", "onUpdateColumn"])
           ]))), 128))
@@ -565,14 +551,14 @@ function ft(t, e, r, a, n, s) {
     _: 1
   });
 }
-const gt = /* @__PURE__ */ b(pt, [["render", ft]]), xt = {}, yt = {
+const bt = /* @__PURE__ */ m(ct, [["render", mt]]), ft = {}, gt = {
   class: "hidden sm:block shrink-0 size-3",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
   viewBox: "0 0 16 16"
 };
-function kt(t, e, r, a, n, s) {
-  return o(), i("svg", yt, e[0] || (e[0] = [
+function xt(t, e, r, a, n, s) {
+  return o(), i("svg", gt, e[0] || (e[0] = [
     l("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -580,23 +566,23 @@ function kt(t, e, r, a, n, s) {
     }, null, -1)
   ]));
 }
-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] = [
+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] = [
     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 $t = /* @__PURE__ */ b(wt, [["render", Ct]]), St = {
+const vt = /* @__PURE__ */ m(kt, [["render", _t]]), Ct = {
   props: { table: String, title: String },
   components: {
-    IconFilter: ue,
-    AdminTableControl: Le,
-    AdminTableExport: nt,
-    AdminTableColumnsHidden: gt,
-    AdminTableColumn: ge,
-    AdminNodata: $t,
-    IconPlus: _t,
-    IconSearch: se
+    IconFilter: ce,
+    AdminTableControl: Ue,
+    AdminTableExport: tt,
+    AdminTableColumnsHidden: bt,
+    AdminTableColumn: xe,
+    AdminNodata: vt,
+    IconPlus: yt,
+    IconSearch: oe
   },
   data() {
     return {
@@ -635,6 +621,10 @@ const $t = /* @__PURE__ */ b(wt, [["render", Ct]]), St = {
     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: {
@@ -660,7 +650,7 @@ const $t = /* @__PURE__ */ b(wt, [["render", Ct]]), St = {
     async getTableData() {
       var t, e;
       try {
-        const { data: r } = await v.get(`/api/template/table/${this.table}`), a = await v.get(`/api/table-data/${this.table}`, {
+        const { data: r } = await C.get(`/api/template/table/${this.table}`), a = await C.get(`/api/table-data/${this.table}`, {
           params: {
             page: this.page,
             search: this.searchValue || null,
@@ -679,7 +669,7 @@ const $t = /* @__PURE__ */ b(wt, [["render", Ct]]), St = {
     async getFilters() {
       var t;
       try {
-        const { data: e } = await v.get(`/api/table-filter/${this.table}`);
+        const { data: e } = await C.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)
@@ -709,132 +699,139 @@ const $t = /* @__PURE__ */ b(wt, [["render", Ct]]), St = {
       ((e = this.tableData) == null ? void 0 : e.card) === !1 || this.$router.push(`/card/${this.table}/${t}`);
     }
   }
-}, 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 = {
+}, $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 = {
   style: { height: "calc(100vh - 140px)", width: "calc(100vw - 260px)" },
   class: "bg-gray-50 p-[20px] flex pt-[10px]"
-}, 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 = {
+}, 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 = {
   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"
-}, Et = { class: "space-y-5 flex items-start w-full justify-start" }, jt = {
+}, It = { class: "space-y-5 flex items-start w-full justify-start" }, Bt = {
   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"
-}, Pt = { class: "inline-block w-full align-middle" }, zt = {
+}, jt = { 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"
-}, 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" };
+}, 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" };
 function Wt(t, e, r, a, n, s) {
-  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");
+  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");
   return o(), i(x, null, [
-    l("div", Ft, [
-      l("div", Tt, [
-        l("h2", Vt, S(r.title), 1),
-        s.isForm ? (o(), y(c, {
+    l("div", $t, [
+      l("div", St, [
+        l("h2", Tt, V(r.title), 1),
+        s.isForm ? (o(), g(f, {
           key: 0,
-          to: `/add?table=${(j = (E = t.$route) == null ? void 0 : E.params) == null ? void 0 : j.catchAll}`,
+          to: `/add?table=${(P = (z = t.$route) == null ? void 0 : z.params) == null ? void 0 : P.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: _(() => [
-            h(m, {
+          default: y(() => [
+            h(b, {
               height: "16",
               width: "16"
             }),
-            e[5] || (e[5] = $(" Додати "))
+            e[5] || (e[5] = T(" Додати "))
           ]),
           _: 1
-        }, 8, ["to"])) : w("", !0)
+        }, 8, ["to"])) : v("", !0)
       ]),
-      l("div", Dt, [
-        l("div", At, [
-          l("div", Mt, [
-            h(f, {
+      l("div", Vt, [
+        l("div", Ft, [
+          l("div", Dt, [
+            h(k, {
               height: "14",
               width: "14",
               class: "absolute top-[10px] left-[14px] text-gray-500 z-[1]"
             }),
-            h(g, {
+            h(u, {
               modelValue: n.searchValue,
-              "onUpdate:modelValue": e[0] || (e[0] = (d) => n.searchValue = d),
+              "onUpdate:modelValue": e[0] || (e[0] = (c) => n.searchValue = c),
               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", It, [
-              h(F, {
-                columns: (P = n.tableData) == null ? void 0 : P.columns,
-                onUpdateColumns: e[1] || (e[1] = (d) => n.tableData.columns = d)
+            l("div", Mt, [
+              h(w, {
+                columns: (E = n.tableData) == null ? void 0 : E.columns,
+                onUpdateColumns: e[1] || (e[1] = (c) => n.tableData.columns = c)
               }, null, 8, ["columns"]),
-              h(M, {
+              h($, {
                 table: r.table,
-                columns: (z = n.tableData) == null ? void 0 : z.columns
+                columns: (L = n.tableData) == null ? void 0 : L.columns
               }, null, 8, ["table", "columns"]),
               l("button", {
-                onClick: e[2] || (e[2] = (d) => n.isFilters = !n.isFilters),
+                onClick: e[2] || (e[2] = (c) => 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(k, {
+                h(_, {
                   height: "16",
                   width: "16"
                 }),
-                e[6] || (e[6] = $(" Фільтри ")),
-                n.onFilters ? (o(), i("span", Bt, S(n.onFilters), 1)) : w("", !0)
+                e[6] || (e[6] = T(" Фільтри ")),
+                n.onFilters ? (o(), i("span", At, V(n.onFilters), 1)) : v("", !0)
               ])
             ])
           ]),
-          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,
+          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,
                         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", 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("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("button", {
-                            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"
+                            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"
                             ]])
                           }, [
-                            (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"}`]
+                            (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"}`]
                             ), {
                               name: (G = s.columns[0]) == null ? void 0 : G.name,
-                              data: d,
-                              value: d == null ? void 0 : d[(W = s.columns[0]) == null ? void 0 : W.name]
+                              data: c,
+                              value: c == null ? void 0 : c[(Z = s.columns[0]) == null ? void 0 : Z.name]
                             }, null, 8, ["name", "data", "value"]))
-                          ], 10, Ht)
-                        ]),
-                        (o(!0), i(x, null, C((Z = s.columns) == null ? void 0 : Z.slice(1), (p) => {
-                          var J;
+                          ], 10, Lt)
+                        ], 4),
+                        (o(!0), i(x, null, S((J = s.columns) == null ? void 0 : J.slice(1), (p) => {
+                          var K;
                           return o(), i("td", {
-                            class: "min-w-[300px] w-full text-start px-[4px] py-3 text-sm text-gray-600",
+                            class: "text-start px-[4px] py-3 text-sm text-gray-600",
+                            style: j({ minWidth: s.rowWidth, maxWidth: s.rowWidth }),
                             key: p.name
                           }, [
-                            (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"}`]
+                            (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"}`]
                             ), {
                               name: p == null ? void 0 : p.name,
-                              data: d,
-                              value: d == null ? void 0 : d[p == null ? void 0 : p.name]
+                              data: c,
+                              value: c == null ? void 0 : c[p == null ? void 0 : p.name]
                             }, null, 8, ["name", "data", "value"]))
-                          ]);
+                          ], 4);
                         }), 128)),
-                        l("td", Nt, [
-                          h(V, {
+                        l("td", Ut, [
+                          h(D, {
                             isForm: s.isForm,
-                            item: d,
+                            item: c,
                             table: r.table,
                             onUpdateTable: s.getTableData
                           }, null, 8, ["isForm", "item", "table", "onUpdateTable"])
@@ -846,33 +843,33 @@ function Wt(t, e, r, a, n, s) {
               ])
             ])
           ]),
-          l("div", Rt, [
-            n.limit ? (o(), y(X, {
+          l("div", qt, [
+            n.limit ? (o(), g(Y, {
               key: 0,
               goTo: !1,
               class: "justify-end",
               "default-page": s.defaultPage,
-              total: ((U = n.tableData) == null ? void 0 : U.total) || 0,
+              total: ((q = n.tableData) == null ? void 0 : q.total) || 0,
               pageSize: n.limit,
               onPageChange: s.handlePageChange,
               pageSizes: [10, 16, 20],
               onPageSizeChange: s.changeLimit
-            }, null, 8, ["default-page", "total", "pageSize", "onPageChange", "onPageSizeChange"])) : w("", !0)
+            }, null, 8, ["default-page", "total", "pageSize", "onPageChange", "onPageSizeChange"])) : v("", !0)
           ])
         ])
       ])
     ]),
-    h(le, { name: "fade" }, {
-      default: _(() => {
-        var d;
+    h(ne, { name: "fade" }, {
+      default: y(() => {
+        var c;
         return [
-          Q(l("div", {
-            onClick: e[4] || (e[4] = (...D) => s.closeFilter && s.closeFilter(...D)),
+          X(l("div", {
+            onClick: e[4] || (e[4] = (...M) => s.closeFilter && s.closeFilter(...M)),
             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", Gt, [
-              (d = n.filterScheme) != null && d.length ? (o(), y(Y, {
+            l("div", Ot, [
+              (c = n.filterScheme) != null && c.length ? (o(), g(ee, {
                 key: 0,
                 ref: "filter",
                 scheme: n.filterScheme,
@@ -882,11 +879,11 @@ function Wt(t, e, r, a, n, s) {
                 name: "filter",
                 onFilterChange: s.filterChange,
                 closeFilterBtn: !0,
-                onFilterClose: e[3] || (e[3] = (D) => n.isFilters = !1)
-              }, null, 8, ["scheme", "onFilterChange"])) : w("", !0)
+                onFilterClose: e[3] || (e[3] = (M) => n.isFilters = !1)
+              }, null, 8, ["scheme", "onFilterChange"])) : v("", !0)
             ])
           ], 512), [
-            [ne, n.isFilters]
+            [se, n.isFilters]
           ])
         ];
       }),
@@ -894,8 +891,8 @@ function Wt(t, e, r, a, n, s) {
     })
   ], 64);
 }
-const Zt = /* @__PURE__ */ b(St, [["render", Wt]]), Jt = {
-  components: { AdminTable: Zt },
+const Ht = /* @__PURE__ */ m(Ct, [["render", Wt]]), Nt = {
+  components: { AdminTable: Ht },
   data() {
     return {
       table: !1,
@@ -927,7 +924,7 @@ const Zt = /* @__PURE__ */ b(St, [["render", Wt]]), Jt = {
     },
     async getMenu() {
       try {
-        const { data: t } = await v.get("/api/user-menu");
+        const { data: t } = await C.get("/api/user-menu");
         B.value = t;
       } catch {
       }
@@ -946,7 +943,7 @@ const Zt = /* @__PURE__ */ b(St, [["render", Wt]]), Jt = {
     async getInterface() {
       var t, e;
       try {
-        const { data: r } = await v.get(
+        const { data: r } = await C.get(
           `/api/template/interface/${((e = (t = this.$route) == null ? void 0 : t.params) == null ? void 0 : e.catchAll) || ""}`
         );
         this.interface = r || "";
@@ -955,10 +952,10 @@ const Zt = /* @__PURE__ */ b(St, [["render", Wt]]), Jt = {
       }
     }
   }
-}, Kt = ["innerHTML"];
-function Qt(t, e, r, a, n, s) {
-  const m = u("AdminTable");
-  return n.table ? (o(), y(m, {
+}, Rt = ["innerHTML"];
+function Gt(t, e, r, a, n, s) {
+  const b = d("AdminTable");
+  return n.table ? (o(), g(b, {
     key: 0,
     table: n.table,
     title: n.title
@@ -967,9 +964,9 @@ function Qt(t, e, r, a, n, s) {
     class: "w-full bg-gray-50",
     style: { height: "calc(100vh - 120px)" },
     innerHTML: n.interface
-  }, null, 8, Kt));
+  }, null, 8, Rt));
 }
-const rr = /* @__PURE__ */ b(Jt, [["render", Qt]]);
+const Xt = /* @__PURE__ */ m(Nt, [["render", Gt]]);
 export {
-  rr as default
+  Xt as default
 };