@opengis/admin 0.1.0

package/dist/admin-interface-vPkHXzQK.js

@@ -0,0 +1,762 @@
+import { _ as m, a as k } from "./import-file-DPHo57R5.js";
+import { u as I } from "./userMenu-CT1xO2Pt.js";
+import { openBlock as r, createElementBlock as i, createStaticVNode as S, createElementVNode as n, Fragment as f, resolveComponent as c, createVNode as p, withCtx as _, createTextVNode as M, withModifiers as H, renderList as v, toDisplayString as V, withDirectives as E, vModelCheckbox as L, createBlock as F, vModelText as O, resolveDynamicComponent as N, Transition as q, createCommentVNode as R, vShow as G } from "vue";
+const J = {}, K = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon icon-tabler icons-tabler-outline icon-tabler-adjustments-horizontal"
+};
+function Q(t, e, s, a, l, o) {
+  return r(), i("svg", K, e[0] || (e[0] = [
+    S('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M4 6l8 0"></path><path d="M16 6l4 0"></path><path d="M8 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M4 12l2 0"></path><path d="M10 12l10 0"></path><path d="M17 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M4 18l11 0"></path><path d="M19 18l1 0"></path>', 10)
+  ]));
+}
+const W = /* @__PURE__ */ m(J, [["render", Q]]), X = {}, Y = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon icon-tabler icons-tabler-outline icon-tabler-dots-vertical"
+};
+function Z(t, e, s, a, l, o) {
+  return r(), i("svg", Y, e[0] || (e[0] = [
+    n("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    n("path", { d: "M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
+    n("path", { d: "M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
+    n("path", { d: "M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1)
+  ]));
+}
+const ee = /* @__PURE__ */ m(X, [["render", Z]]), te = {}, ne = {
+  class: "flex-shrink-0 size-3.5",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+function se(t, e, s, a, l, o) {
+  return r(), i("svg", ne, e[0] || (e[0] = [
+    S('<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 le = /* @__PURE__ */ m(te, [["render", se]]), oe = {
+  props: {
+    height: { type: String, default: "16" },
+    width: { type: String, default: "12" },
+    color: { type: String, default: "black" }
+  }
+}, re = { style: { display: "none" } }, ae = ["height", "width", "fill"];
+function ie(t, e, s, a, l, o) {
+  return r(), i(f, null, [
+    (r(), i("svg", re, e[0] || (e[0] = [
+      n("symbol", {
+        id: "icon-pencil",
+        viewBox: "0 0 32 32"
+      }, [
+        n("path", { d: "M27 0c2.761 0 5 2.239 5 5 0 1.126-0.372 2.164-1 3l-2 2-7-7 2-2c0.836-0.628 1.874-1 3-1zM2 23l-2 9 9-2 18.5-18.5-7-7-18.5 18.5zM22.362 11.362l-14 14-1.724-1.724 14-14 1.724 1.724z" })
+      ], -1)
+    ]))),
+    (r(), i("svg", {
+      height: s.height,
+      width: s.width,
+      fill: s.color
+    }, e[1] || (e[1] = [
+      n("use", { "xlink:href": "#icon-pencil" }, null, -1)
+    ]), 8, ae))
+  ], 64);
+}
+const de = /* @__PURE__ */ m(oe, [["render", ie]]), ue = {
+  components: {
+    IconMore: ee,
+    IconDelete: le,
+    IconEdit: de
+  },
+  emits: ["updateTable"],
+  props: { item: Object, table: String },
+  data() {
+    return {
+      formVisible: !1,
+      isDeleteConfirm: !1,
+      formValue: {},
+      top: 0,
+      left: 0
+    };
+  },
+  methods: {
+    openConfirm() {
+      this.isDeleteConfirm = !0, document.querySelector("body").click();
+    },
+    async getData() {
+      var t;
+      try {
+        const { data: e } = await k.get(
+          `/api/table/${this.table}/${(t = this.item) == null ? void 0 : t.id}`
+        );
+        this.formValue = e;
+      } catch (e) {
+        console.error(e);
+      }
+    },
+    doSomethingOnCancel() {
+      this.formVisible = !1;
+    },
+    async deleteElement() {
+      var t;
+      try {
+        k.delete(`/api/table/${this.table}/${(t = this.item) == null ? void 0 : t.id}`), this.$notify({
+          title: "Успішно!",
+          message: "Об`єкт успішно видалeно",
+          type: "success"
+        }), this.$emit("update-table"), this.isDeleteConfirm = !1;
+      } catch {
+        this.$notify({
+          title: "Помилка!",
+          message: "Сталася помилка",
+          type: "error"
+        });
+      }
+    }
+  }
+}, ce = { class: "hs-dropdown [--placement:bottom-right] inline-flex" }, pe = {
+  id: "hs-pro-dupc1",
+  type: "button",
+  class: "gap-x-2 p-2 rounded-lg hover:border-transparent focus:outline-none text-black hover:bg-gray-50"
+}, be = { class: "pt-[7px] pb-[7px] flex flex-col items-start" }, he = { class: "p-4" }, me = { class: "mt-4 flex justify-end gap-x-3" };
+function ge(t, e, s, a, l, o) {
+  const b = c("IconMore"), d = c("IconEdit"), h = c("router-link"), g = c("IconDelete"), w = c("VsPopover"), A = c("VsDialog");
+  return r(), i(f, null, [
+    n("div", ce, [
+      p(w, {
+        trigger: "click",
+        placement: "left"
+      }, {
+        reference: _(() => [
+          n("button", pe, [
+            p(b, {
+              height: "16",
+              width: "16"
+            })
+          ])
+        ]),
+        default: _(() => {
+          var y, $, C;
+          return [
+            n("div", be, [
+              p(h, {
+                to: `/edit?table=${($ = (y = t.$route) == null ? void 0 : y.params) == null ? void 0 : $.catchAll}&id=${(C = s.item) == null ? void 0 : C.id}`,
+                class: "w-[100px] ml-[2px] flex items-center justify-center gap-x-3 rounded-lg text-[13px] text-gray-800"
+              }, {
+                default: _(() => [
+                  p(d, { color: "#000" }),
+                  e[4] || (e[4] = M(" Редагувати "))
+                ]),
+                _: 1
+              }, 8, ["to"]),
+              e[6] || (e[6] = n("div", { class: "h-[1px] w-[80%] bg-gray-200 ml-auto mr-auto mt-[10px] mb-[10px]" }, null, -1)),
+              n("button", {
+                onClick: e[0] || (e[0] = H((...T) => o.openConfirm && o.openConfirm(...T), ["stop"])),
+                type: "button",
+                class: "w-[100px] flex items-center justify-center gap-x-3 rounded-lg text-[14px] text-red-500"
+              }, [
+                p(g),
+                e[5] || (e[5] = n("span", { class: "text-gray-800" }, "Видалити", -1))
+              ])
+            ])
+          ];
+        }),
+        _: 1
+      })
+    ]),
+    p(A, {
+      visible: l.isDeleteConfirm,
+      "onUpdate:visible": e[3] || (e[3] = (y) => l.isDeleteConfirm = y),
+      title: "Ви впевнені?"
+    }, {
+      default: _(() => [
+        n("div", he, [
+          e[7] || (e[7] = n("p", { class: "mt-1 text-gray-500 dark:text-neutral-500" }, " Ви впевнені, що хочете видалити цей об'єкт? ", -1)),
+          n("div", me, [
+            n("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] = (y) => l.isDeleteConfirm = !1)
+            }, " Скасувати "),
+            n("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] = (...y) => o.deleteElement && o.deleteElement(...y))
+            }, " Так, я впевнена/ий ")
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["visible"])
+  ], 64);
+}
+const fe = /* @__PURE__ */ m(ue, [["render", ge]]), xe = {}, ye = {
+  class: "flex-shrink-0 mt-0.5 size-3.5",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+function _e(t, e, s, a, l, o) {
+  return r(), i("svg", ye, e[0] || (e[0] = [
+    n("path", { d: "m3 16 4 4 4-4" }, null, -1),
+    n("path", { d: "M7 20V4" }, null, -1),
+    n("path", { d: "m21 8-4-4-4 4" }, null, -1),
+    n("path", { d: "M17 4v16" }, null, -1)
+  ]));
+}
+const ke = /* @__PURE__ */ m(xe, [["render", _e]]), ve = {
+  props: {
+    columns: { type: Object, default: () => {
+    } },
+    table: { type: String, default: () => "" }
+  },
+  data() {
+    return {
+      tableFormats: ["json", "csv", "xlsx"],
+      format: "",
+      cols: []
+    };
+  },
+  methods: {
+    async exportTable() {
+      try {
+        const t = await k.get("/api/export", {
+          params: {
+            table: this.table,
+            format: this.format,
+            cols: this.cols.join(",")
+          },
+          responseType: "blob"
+        }), e = new Blob([t.data], {
+          type: "application/octet-stream"
+        }), s = window.URL.createObjectURL(e), a = document.createElement("a");
+        a.href = s, a.setAttribute(
+          "download",
+          `${this.table.split(".")[0]}.${this.format}`
+        ), document.body.appendChild(a), a.click(), document.body.removeChild(a), window.URL.revokeObjectURL(s), this.$notify({
+          type: "success",
+          title: "Експорт",
+          message: "Файл успішно експортовано!"
+        });
+      } catch (t) {
+        console.error("Ошибка при экспорте файла:", t), this.$notify({
+          type: "error",
+          title: "Помилка",
+          message: "Не вдалося експортувати файл."
+        });
+      }
+    },
+    selectFormat(t) {
+      this.format = t;
+    }
+  }
+}, we = { class: "p-4" }, $e = { class: "pb-5 mb-5 last:pb-0 last:mb-0 border-b last:border-b-0 border-gray-200 dark:border-neutral-700" }, Ce = { class: "mt-2 flex row flex-wrap gap-y-[5px] gap-x-[10px]" }, Me = { class: "pb-5 mb-5 last:pb-0 last:mb-0 border-b last:border-b-0 border-gray-200 dark:border-neutral-700" }, Te = { class: "mt-2 space-y-2" }, De = ["id", "onChange"], Ve = ["for"], Fe = { class: "pb-5 last:pb-0 last:mb-0 border-b last:border-b-0 border-gray-200 dark:border-neutral-700" }, Ae = { class: "text-center" };
+function Ie(t, e, s, a, l, o) {
+  const b = c("VsCheckbox");
+  return r(), i(f, null, [
+    e[4] || (e[4] = n("div", { class: "dark:border-neutral-700" }, null, -1)),
+    n("div", we, [
+      n("div", $e, [
+        e[2] || (e[2] = n("label", { class: "text-sm text-gray-500 dark:text-neutral-500" }, " Виберіть стовпці таблиці для експорту: ", -1)),
+        n("div", Ce, [
+          (r(!0), i(f, null, v(s.columns, (d, h) => (r(), i("div", {
+            class: "flex items-center",
+            key: h,
+            style: { width: "calc((100% - 10px) / 2)" }
+          }, [
+            p(b, {
+              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: l.cols,
+              "onUpdate:modelValue": e[0] || (e[0] = (g) => l.cols = g),
+              value: d == null ? void 0 : d.name,
+              label: d == null ? void 0 : d.ua
+            }, null, 8, ["modelValue", "value", "label"])
+          ]))), 128))
+        ])
+      ]),
+      n("div", Me, [
+        e[3] || (e[3] = n("label", { class: "text-sm text-gray-500 dark:text-neutral-500" }, " Виберіть формат таблиці: ", -1)),
+        n("div", Te, [
+          (r(!0), i(f, null, v(l.tableFormats, (d, h) => (r(), i("div", {
+            class: "flex items-center",
+            key: h
+          }, [
+            n("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: d,
+              onChange: (g) => o.selectFormat(d)
+            }, null, 40, De),
+            n("label", {
+              for: d,
+              class: "text-sm text-gray-800 ms-3 dark:text-neutral-400"
+            }, " Формат " + V(d), 9, Ve)
+          ]))), 128))
+        ])
+      ]),
+      n("div", Fe, [
+        n("div", Ae, [
+          n("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] = (...d) => o.exportTable && o.exportTable(...d))
+          }, " Завантажити таблицю ")
+        ])
+      ])
+    ])
+  ], 64);
+}
+const Ee = /* @__PURE__ */ m(ve, [["render", Ie]]), Se = {
+  components: { IconExport: ke, AdminTableExportForm: Ee },
+  props: { table: String, columns: Array },
+  data() {
+    return {
+      isOpen: !1
+    };
+  }
+};
+function je(t, e, s, a, l, o) {
+  const b = c("IconExport"), d = c("AdminTableExportForm"), h = c("VsDialog");
+  return r(), i(f, null, [
+    n("button", {
+      onClick: e[0] || (e[0] = (g) => l.isOpen = !0),
+      class: "py-2 px-3 relative flex items-center gap-x-2 text-sm border focus:outline-none border-gray-100 font-medium rounded-lg text-gray-800 hover:border-gray-100 focus:border-gray-100 hover:bg-gray-50 shadow-sm duration-300"
+    }, [
+      p(b, {
+        height: "16",
+        width: "16"
+      }),
+      e[2] || (e[2] = M(" Експорт "))
+    ]),
+    p(h, {
+      visible: l.isOpen,
+      "onUpdate:visible": e[1] || (e[1] = (g) => l.isOpen = g),
+      title: "Експорт таблиці"
+    }, {
+      default: _(() => [
+        p(d, {
+          table: s.table,
+          columns: s.columns
+        }, null, 8, ["table", "columns"])
+      ]),
+      _: 1
+    }, 8, ["visible"])
+  ], 64);
+}
+const ze = /* @__PURE__ */ m(Se, [["render", je]]), Pe = {}, Be = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "icon icon-tabler icons-tabler-outline icon-tabler-columns"
+};
+function Ue(t, e, s, a, l, o) {
+  return r(), i("svg", Be, e[0] || (e[0] = [
+    S('<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 He = /* @__PURE__ */ m(Pe, [["render", Ue]]), Le = {
+  props: { column: Object },
+  emits: ["update-column"],
+  data() {
+    return {
+      value: !1
+    };
+  },
+  watch: {
+    value(t) {
+      this.$emit("update-column", { ...this.column, hidden: !t });
+    }
+  },
+  mounted() {
+    var t;
+    ((t = this.column) == null ? void 0 : t.hidden) !== !0 && (this.value = !0);
+  }
+}, Oe = { class: "flex w-full gap-[8px] items-centr" };
+function Ne(t, e, s, a, l, o) {
+  var b, d;
+  return r(), i("label", Oe, [
+    E(n("input", {
+      "onUpdate:modelValue": e[0] || (e[0] = (h) => l.value = h),
+      type: "checkbox"
+    }, null, 512), [
+      [L, l.value]
+    ]),
+    M(" " + V(((b = s.column) == null ? void 0 : b.ua) || ((d = s.column) == null ? void 0 : d.title)), 1)
+  ]);
+}
+const qe = /* @__PURE__ */ m(Le, [["render", Ne]]), Re = {
+  components: { IconColumns: He, AdminTableColumnsHiddenItem: qe },
+  emits: ["update-columns"],
+  props: { columns: Array },
+  methods: {
+    updateColumn(t) {
+      const e = this.columns.findIndex((a) => (a == null ? void 0 : a.name) === (t == null ? void 0 : t.name)), s = this.columns;
+      s[e] = t, this.$emit("update-columns", [...s]);
+    }
+  }
+}, Ge = { class: "py-2 px-3 flex items-center gap-x-2 text-sm border focus:outline-none border-gray-100 font-medium rounded-lg text-gray-800 hover:border-gray-100 focus:border-gray-100 hover:bg-gray-50 shadow-sm duration-300" }, Je = { 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 Ke(t, e, s, a, l, o) {
+  const b = c("IconColumns"), d = c("AdminTableColumnsHiddenItem"), h = c("VsPopover");
+  return r(), F(h, {
+    trigger: "click",
+    placement: "bottom"
+  }, {
+    reference: _(() => [
+      n("button", Ge, [
+        p(b, {
+          height: "20",
+          width: "16"
+        })
+      ])
+    ]),
+    default: _(() => [
+      n("div", null, [
+        e[0] || (e[0] = n("h2", { class: "text-sm mb-[8px]" }, "Оберіть колонки, щоб приховати", -1)),
+        n("ul", Je, [
+          (r(!0), i(f, null, v(s.columns, (g, w) => (r(), i("li", { key: w }, [
+            p(d, {
+              column: g,
+              onUpdateColumn: o.updateColumn
+            }, null, 8, ["column", "onUpdateColumn"])
+          ]))), 128))
+        ])
+      ])
+    ]),
+    _: 1
+  });
+}
+const Qe = /* @__PURE__ */ m(Re, [["render", Ke]]), We = {
+  props: { table: String },
+  components: {
+    IconFilter: W,
+    AdminTableControl: fe,
+    AdminTableExport: ze,
+    AdminTableColumnsHidden: Qe
+  },
+  data() {
+    return {
+      tableData: {},
+      isFilters: !1,
+      filterScheme: [],
+      page: 1,
+      searchValue: "",
+      limit: 20,
+      filters: null
+    };
+  },
+  mounted() {
+    var t, e;
+    this.page = ((e = (t = this.$route) == null ? void 0 : t.query) == null ? void 0 : e.page) || 1, this.getTableData(), this.getFilters();
+  },
+  computed: {
+    defaultPage() {
+      var t, e;
+      return ((e = (t = this.$route) == null ? void 0 : t.query) == null ? void 0 : e.page) || 1;
+    },
+    getFilterScheme() {
+      var t;
+      return (t = this.tableData) == null ? void 0 : t.filters;
+    },
+    columns() {
+      var t, e;
+      return (e = (t = this.tableData) == null ? void 0 : t.columns) == null ? void 0 : e.filter((s) => (s == null ? void 0 : s.hidden) !== !0);
+    }
+  },
+  watch: {
+    table() {
+      this.getTableData();
+    },
+    searchValue() {
+      this.getTableData();
+    }
+  },
+  methods: {
+    async getTableData() {
+      try {
+        const { data: t } = await k.get(`/api/template/table/${this.table}`), e = await k.get(`/api/table-data/${this.table}`, {
+          params: {
+            page: this.page,
+            search: this.searchValue || null,
+            limit: this.limit,
+            filter: this.filters || null
+          }
+        });
+        this.tableData = {
+          ...this.tableData,
+          ...t,
+          ...(e == null ? void 0 : e.data) || {}
+        };
+      } catch {
+      }
+    },
+    async getFilters() {
+      var t;
+      try {
+        const { data: e } = await k.get(`/api/table-filter/${this.table}`);
+        this.filterScheme = (t = e == null ? void 0 : e.list) == null ? void 0 : t.map((s) => ({
+          ...s,
+          label: (s == null ? void 0 : s.label) || (s == null ? void 0 : s.ua)
+        }));
+      } catch {
+      }
+    },
+    async handlePageChange(t) {
+      const e = this.$route.query;
+      this.page = t, !(!(e != null && e.page) && t === 1 || e.page === t) && (await this.$router.replace({ query: { ...e, page: t } }), await this.getTableData());
+    },
+    async changeLimit(t) {
+      this.limit = await t, this.defaultPage = 1, await this.getTableData();
+    },
+    closeFilter({ target: t }) {
+      this.isFilters && t.classList.contains("filter-container") && (this.isFilters = !1);
+    },
+    async filterChange({ url: t }) {
+      this.filters = t, this.page = 1, await this.getTableData();
+    }
+  }
+}, Xe = { class: "w-[calc(100vw - 320px)]" }, Ye = { class: "h-[58px] bg-gray-50 flex items-center justify-between px-[30px]" }, Ze = { class: "text-xl font-medium" }, et = {
+  style: { height: "calc(100vh - 60px)", width: "calc(100vw - 260px)" },
+  class: "bg-gray-50 p-[20px] flex"
+}, tt = { class: "bg-white w-full rounded-xl border p-[20px]" }, nt = { class: "flex sm:grid sm:grid-cols-2 gap-x-2 sm:gap-x-5 mb-[10px]" }, st = { class: "flex gap-[6px] ml-auto" }, lt = { class: "space-y-5 flex items-start w-full justify-start" }, ot = {
+  style: { height: "calc(100vh - 250px)" },
+  class: "overflow-x-auto w-full [&::-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"
+}, rt = { class: "inline-block align-middle" }, at = { class: "divide-y divide-gray-200 dark:divide-neutral-700 relative" }, it = { class: "sticky top-0 bg-white" }, dt = { class: "border-t border-stone-200" }, ut = { class: "pe-4 py-3 gap-x-1 text-sm font-medium text-gray-800 dark:text-neutral-200" }, ct = { class: "divide-y divide-gray-200 dark:divide-neutral-700" }, pt = ["onClick"], bt = { class: "text-center sticky right-0 bg-white" }, ht = { class: "p-[20px] flex justify-end w-full" }, mt = { class: "filter-content h-screen bg-white w-[400px] p-[20px] pt-[10px]" };
+function gt(t, e, s, a, l, o) {
+  var $, C, T, j, z, P, B, U;
+  const b = c("router-link"), d = c("AdminTableColumnsHidden"), h = c("AdminTableExport"), g = c("IconFilter"), w = c("AdminTableControl"), A = c("VsPagination"), y = c("VsFilter");
+  return r(), i(f, null, [
+    n("div", Xe, [
+      n("div", Ye, [
+        n("h2", Ze, V((C = ($ = l.tableData) == null ? void 0 : $.title_full) == null ? void 0 : C.ua), 1),
+        p(b, {
+          to: `/add?table=${(j = (T = t.$route) == null ? void 0 : T.params) == null ? void 0 : j.catchAll}`,
+          class: "py-2 px-3 flex items-center gap-x-2 text-sm text-white font-medium rounded-lg bg-blue-500 text-gray-800 shadow-sm hover:bg-blue-700 hover:text-white duration-300"
+        }, {
+          default: _(() => e[5] || (e[5] = [
+            M(" Додати ")
+          ])),
+          _: 1
+        }, 8, ["to"])
+      ]),
+      n("div", et, [
+        n("div", tt, [
+          n("div", nt, [
+            E(n("input", {
+              "onUpdate:modelValue": e[0] || (e[0] = (u) => l.searchValue = u),
+              class: "py-2 pl-[15px] h-[38px] w-[400px] block w-full border rounded-lg text-sm focus:border-blue-600 focus:border-[2px] outline-none",
+              placeholder: "Пошук..."
+            }, null, 512), [
+              [O, l.searchValue]
+            ]),
+            n("div", st, [
+              p(d, {
+                columns: (z = l.tableData) == null ? void 0 : z.columns,
+                onUpdateColumns: e[1] || (e[1] = (u) => l.tableData.columns = u)
+              }, null, 8, ["columns"]),
+              p(h, {
+                table: s.table,
+                columns: (P = l.tableData) == null ? void 0 : P.columns
+              }, null, 8, ["table", "columns"]),
+              n("button", {
+                onClick: e[2] || (e[2] = (u) => l.isFilters = !l.isFilters),
+                class: "py-2 px-3 flex items-center gap-x-2 text-sm border focus:outline-none border-gray-100 font-medium rounded-lg text-gray-800 hover:border-gray-100 focus:border-gray-100 hover:bg-gray-50 shadow-sm duration-300"
+              }, [
+                p(g, {
+                  height: "16",
+                  width: "16"
+                }),
+                e[6] || (e[6] = M(" Фільтри "))
+              ])
+            ])
+          ]),
+          n("div", lt, [
+            n("div", ot, [
+              n("div", rt, [
+                n("table", at, [
+                  n("thead", it, [
+                    n("tr", dt, [
+                      (r(!0), i(f, null, v(o.columns, (u) => (r(), i("th", {
+                        class: "min-w-[200px] text-start",
+                        key: u.name
+                      }, [
+                        n("div", ut, V((u == null ? void 0 : u.ua) || u.name), 1)
+                      ]))), 128)),
+                      e[7] || (e[7] = n("th", { class: "min-w-[150px] sticky right-0 top-0 bg-white z-[10]" }, " Дія ", -1))
+                    ])
+                  ]),
+                  n("tbody", ct, [
+                    (r(!0), i(f, null, v((B = l.tableData) == null ? void 0 : B.rows, (u, D) => (r(), i("tr", { key: D }, [
+                      (r(!0), i(f, null, v(o.columns, (x) => (r(), i("td", {
+                        onClick: (vt) => t.$router.push(`/card/${s.table}/${u == null ? void 0 : u.id}`),
+                        class: "size-px min-w-[200px] whitespace-nowrap text-start pe-4 py-3 text-sm text-gray-600",
+                        key: x.name
+                      }, [
+                        (r(), F(N(
+                          t.$componentsConfig[`table-format-${(x == null ? void 0 : x.format) || t.text}`]
+                        ), {
+                          name: x == null ? void 0 : x.name,
+                          data: u,
+                          value: u == null ? void 0 : u[x == null ? void 0 : x.name]
+                        }, null, 8, ["name", "data", "value"]))
+                      ], 8, pt))), 128)),
+                      n("td", bt, [
+                        p(w, {
+                          item: u,
+                          table: s.table,
+                          onUpdateTable: o.getTableData
+                        }, null, 8, ["item", "table", "onUpdateTable"])
+                      ])
+                    ]))), 128))
+                  ])
+                ])
+              ])
+            ])
+          ]),
+          n("div", ht, [
+            p(A, {
+              goTo: !1,
+              class: "justify-end",
+              style: { width: "calc(50% + 100px)" },
+              "default-page": o.defaultPage,
+              total: ((U = l.tableData) == null ? void 0 : U.total) || 0,
+              pageSize: l.limit,
+              onPageChange: o.handlePageChange,
+              pageSizes: [10, 16, 20],
+              onPageSizeChange: o.changeLimit
+            }, null, 8, ["default-page", "total", "pageSize", "onPageChange", "onPageSizeChange"])
+          ])
+        ])
+      ])
+    ]),
+    p(q, { name: "fade" }, {
+      default: _(() => {
+        var u;
+        return [
+          E(n("div", {
+            onClick: e[4] || (e[4] = (...D) => o.closeFilter && o.closeFilter(...D)),
+            style: { height: "100vh" },
+            class: "fixed filter-container top-0 flex justify-end items-center z-[2] right-0 left-0 bottom-0 overflow-x-auto bg-[rgba(0,0,0,0.5)] [&::-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"
+          }, [
+            n("div", mt, [
+              (u = l.filterScheme) != null && u.length ? (r(), F(y, {
+                key: 0,
+                ref: "filter",
+                scheme: l.filterScheme,
+                layout: "default",
+                "apply-vue-router": "",
+                history: "",
+                name: "filter",
+                onFilterChange: o.filterChange,
+                closeFilterBtn: !0,
+                onFilterClose: e[3] || (e[3] = (D) => l.isFilters = !1)
+              }, null, 8, ["scheme", "onFilterChange"])) : R("", !0)
+            ])
+          ], 512), [
+            [G, l.isFilters]
+          ])
+        ];
+      }),
+      _: 1
+    })
+  ], 64);
+}
+const ft = /* @__PURE__ */ m(We, [["render", gt]]), xt = {
+  components: { AdminTable: ft },
+  data() {
+    return {
+      table: !1,
+      interface: ""
+    };
+  },
+  watch: {
+    $route: {
+      async handler() {
+        var t;
+        (t = I) != null && t.value || await this.getMenu(), await this.checkPageType();
+      },
+      deep: !0
+    }
+  },
+  async mounted() {
+    await this.checkPageType();
+  },
+  methods: {
+    flattenMenu(t) {
+      const e = [];
+      return t.forEach((s) => {
+        s.menu ? e.push(...this.flattenMenu(s.menu)) : e.push(s);
+      }), e;
+    },
+    async getMenu() {
+      try {
+        const { data: t } = await k.get("/api/user-menu");
+        I.value = t;
+      } catch {
+      }
+    },
+    async checkPageType() {
+      const t = this.flattenMenu(I.value);
+      t != null && t.length || this.$router.replace("/404");
+      const e = t == null ? void 0 : t.find((a) => {
+        var l, o;
+        return (a == null ? void 0 : a.path) == ((o = (l = this.$route) == null ? void 0 : l.params) == null ? void 0 : o.catchAll);
+      });
+      e || this.$router.replace("/404");
+      const s = e == null ? void 0 : e.table;
+      this.table = s || !1, !s && this.getInterface();
+    },
+    async getInterface() {
+      var t, e;
+      try {
+        const { data: s } = await k.get(
+          `/api/template/interface/${((e = (t = this.$route) == null ? void 0 : t.params) == null ? void 0 : e.catchAll) || ""}`
+        );
+        this.interface = s || "";
+      } catch {
+        this.interface = "";
+      }
+    }
+  }
+}, yt = {
+  key: 1,
+  class: "w-full"
+}, _t = ["innerHTML"];
+function kt(t, e, s, a, l, o) {
+  const b = c("AdminTable");
+  return l.table ? (r(), F(b, {
+    key: 0,
+    table: l.table
+  }, null, 8, ["table"])) : (r(), i("div", yt, [
+    n("div", { innerHTML: l.interface }, null, 8, _t)
+  ]));
+}
+const Mt = /* @__PURE__ */ m(xt, [["render", kt]]);
+export {
+  Mt as default
+};