@opengis/admin 0.1.4 → 0.1.6

package/dist/admin-interface-BpAoXL6Y.js

@@ -1,790 +0,0 @@
-import { _ as g, a as k } from "./import-file-bAV0TNST.js";
-import { u as I } from "./userMenu-CT1xO2Pt.js";
-import { openBlock as o, createElementBlock as i, createStaticVNode as S, createElementVNode as n, Fragment as x, resolveComponent as c, createVNode as p, withCtx as y, createTextVNode as v, withModifiers as L, renderList as w, toDisplayString as T, withDirectives as E, vModelCheckbox as O, createBlock as F, vModelText as N, resolveDynamicComponent as q, Transition as R, createCommentVNode as G, vShow as J } from "vue";
-const K = {}, Q = {
-  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 W(t, e, s, a, l, r) {
-  return o(), i("svg", Q, 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 X = /* @__PURE__ */ g(K, [["render", W]]), Y = {}, Z = {
-  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 ee(t, e, s, a, l, r) {
-  return o(), i("svg", Z, 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 te = /* @__PURE__ */ g(Y, [["render", ee]]), ne = {}, se = {
-  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 le(t, e, s, a, l, r) {
-  return o(), i("svg", se, 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 re = /* @__PURE__ */ g(ne, [["render", le]]), oe = {
-  props: {
-    height: { type: String, default: "16" },
-    width: { type: String, default: "12" },
-    color: { type: String, default: "black" }
-  }
-}, ae = { style: { display: "none" } }, ie = ["height", "width", "fill"];
-function de(t, e, s, a, l, r) {
-  return o(), i(x, null, [
-    (o(), i("svg", ae, 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)
-    ]))),
-    (o(), i("svg", {
-      height: s.height,
-      width: s.width,
-      fill: s.color
-    }, e[1] || (e[1] = [
-      n("use", { "xlink:href": "#icon-pencil" }, null, -1)
-    ]), 8, ie))
-  ], 64);
-}
-const ue = /* @__PURE__ */ g(oe, [["render", de]]), ce = {
-  components: {
-    IconMore: te,
-    IconDelete: re,
-    IconEdit: ue
-  },
-  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"
-        }), await this.$emit("update-table"), this.isDeleteConfirm = !1;
-      } catch {
-        this.$notify({
-          title: "Помилка!",
-          message: "Сталася помилка",
-          type: "error"
-        });
-      }
-    }
-  }
-}, pe = { class: "hs-dropdown [--placement:bottom-right] inline-flex" }, be = {
-  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"
-}, he = { class: "pt-[7px] pb-[7px] flex flex-col items-start" }, me = { class: "p-4" }, ge = { class: "mt-4 flex justify-end gap-x-3" };
-function fe(t, e, s, a, l, r) {
-  const h = c("IconMore"), u = c("IconEdit"), m = c("router-link"), f = c("IconDelete"), $ = c("VsPopover"), A = c("VsDialog");
-  return o(), i(x, null, [
-    n("div", pe, [
-      p($, {
-        trigger: "click",
-        placement: "left"
-      }, {
-        reference: y(() => [
-          n("button", be, [
-            p(h, {
-              height: "16",
-              width: "16"
-            })
-          ])
-        ]),
-        default: y(() => {
-          var _, C, M;
-          return [
-            n("div", he, [
-              p(m, {
-                to: `/edit?table=${(C = (_ = t.$route) == null ? void 0 : _.params) == null ? void 0 : C.catchAll}&id=${(M = s.item) == null ? void 0 : M.id}`,
-                class: "w-[100px] ml-[2px] flex items-center justify-center gap-x-3 rounded-lg text-[13px] text-gray-800"
-              }, {
-                default: y(() => [
-                  p(u, { color: "#000" }),
-                  e[4] || (e[4] = v(" Редагувати "))
-                ]),
-                _: 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] = L((...D) => r.openConfirm && r.openConfirm(...D), ["stop"])),
-                type: "button",
-                class: "w-[100px] flex items-center justify-center gap-x-3 rounded-lg text-[14px] text-red-500"
-              }, [
-                p(f),
-                e[5] || (e[5] = n("span", { class: "text-gray-800" }, "Видалити", -1))
-              ])
-            ])
-          ];
-        }),
-        _: 1
-      })
-    ]),
-    p(A, {
-      visible: l.isDeleteConfirm,
-      "onUpdate:visible": e[3] || (e[3] = (_) => l.isDeleteConfirm = _),
-      title: "Ви впевнені?"
-    }, {
-      default: y(() => [
-        n("div", me, [
-          e[7] || (e[7] = n("p", { class: "mt-1 text-gray-500 dark:text-neutral-500" }, " Ви впевнені, що хочете видалити цей об'єкт? ", -1)),
-          n("div", ge, [
-            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] = (_) => 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] = (..._) => r.deleteElement && r.deleteElement(..._))
-            }, " Так, я впевнена/ий ")
-          ])
-        ])
-      ]),
-      _: 1
-    }, 8, ["visible"])
-  ], 64);
-}
-const xe = /* @__PURE__ */ g(ce, [["render", fe]]), ye = {}, _e = {
-  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 ke(t, e, s, a, l, r) {
-  return o(), i("svg", _e, 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 ve = /* @__PURE__ */ g(ye, [["render", ke]]), we = {
-  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;
-    }
-  }
-}, $e = { class: "p-4" }, Ce = { class: "pb-5 mb-5 last:pb-0 last:mb-0 border-b last:border-b-0 border-gray-200 dark:border-neutral-700" }, Me = { class: "mt-2 flex row flex-wrap gap-y-[5px] gap-x-[10px]" }, Te = { class: "pb-5 mb-5 last:pb-0 last:mb-0 border-b last:border-b-0 border-gray-200 dark:border-neutral-700" }, De = { class: "mt-2 space-y-2" }, Ve = ["id", "onChange"], Fe = ["for"], Ae = { class: "pb-5 last:pb-0 last:mb-0 border-b last:border-b-0 border-gray-200 dark:border-neutral-700" }, Ie = { class: "text-center" };
-function Ee(t, e, s, a, l, r) {
-  const h = c("VsCheckbox");
-  return o(), i(x, null, [
-    e[4] || (e[4] = n("div", { class: "dark:border-neutral-700" }, null, -1)),
-    n("div", $e, [
-      n("div", Ce, [
-        e[2] || (e[2] = n("label", { class: "text-sm text-gray-500 dark:text-neutral-500" }, " Виберіть стовпці таблиці для експорту: ", -1)),
-        n("div", Me, [
-          (o(!0), i(x, null, w(s.columns, (u, m) => (o(), i("div", {
-            class: "flex items-center",
-            key: m,
-            style: { width: "calc((100% - 10px) / 2)" }
-          }, [
-            p(h, {
-              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] = (f) => l.cols = f),
-              value: u == null ? void 0 : u.name,
-              label: u == null ? void 0 : u.ua
-            }, null, 8, ["modelValue", "value", "label"])
-          ]))), 128))
-        ])
-      ]),
-      n("div", Te, [
-        e[3] || (e[3] = n("label", { class: "text-sm text-gray-500 dark:text-neutral-500" }, " Виберіть формат таблиці: ", -1)),
-        n("div", De, [
-          (o(!0), i(x, null, w(l.tableFormats, (u, m) => (o(), i("div", {
-            class: "flex items-center",
-            key: m
-          }, [
-            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: u,
-              onChange: (f) => r.selectFormat(u)
-            }, null, 40, Ve),
-            n("label", {
-              for: u,
-              class: "text-sm text-gray-800 ms-3 dark:text-neutral-400"
-            }, " Формат " + T(u), 9, Fe)
-          ]))), 128))
-        ])
-      ]),
-      n("div", Ae, [
-        n("div", Ie, [
-          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] = (...u) => r.exportTable && r.exportTable(...u))
-          }, " Завантажити таблицю ")
-        ])
-      ])
-    ])
-  ], 64);
-}
-const Se = /* @__PURE__ */ g(we, [["render", Ee]]), ze = {
-  components: { IconExport: ve, AdminTableExportForm: Se },
-  props: { table: String, columns: Array },
-  data() {
-    return {
-      isOpen: !1
-    };
-  }
-};
-function je(t, e, s, a, l, r) {
-  const h = c("IconExport"), u = c("AdminTableExportForm"), m = c("VsDialog");
-  return o(), i(x, null, [
-    n("button", {
-      onClick: e[0] || (e[0] = (f) => 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(h, {
-        height: "16",
-        width: "16"
-      }),
-      e[2] || (e[2] = v(" Експорт "))
-    ]),
-    p(m, {
-      visible: l.isOpen,
-      "onUpdate:visible": e[1] || (e[1] = (f) => l.isOpen = f),
-      title: "Експорт таблиці"
-    }, {
-      default: y(() => [
-        p(u, {
-          table: s.table,
-          columns: s.columns
-        }, null, 8, ["table", "columns"])
-      ]),
-      _: 1
-    }, 8, ["visible"])
-  ], 64);
-}
-const Pe = /* @__PURE__ */ g(ze, [["render", je]]), Be = {}, Ue = {
-  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 He(t, e, s, a, l, r) {
-  return o(), i("svg", Ue, 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 Le = /* @__PURE__ */ g(Be, [["render", He]]), Oe = {
-  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);
-  }
-}, Ne = { class: "flex w-full gap-[8px] items-centr" };
-function qe(t, e, s, a, l, r) {
-  var h, u;
-  return o(), i("label", Ne, [
-    E(n("input", {
-      "onUpdate:modelValue": e[0] || (e[0] = (m) => l.value = m),
-      type: "checkbox"
-    }, null, 512), [
-      [O, l.value]
-    ]),
-    v(" " + T(((h = s.column) == null ? void 0 : h.ua) || ((u = s.column) == null ? void 0 : u.title)), 1)
-  ]);
-}
-const Re = /* @__PURE__ */ g(Oe, [["render", qe]]), Ge = {
-  components: { IconColumns: Le, AdminTableColumnsHiddenItem: Re },
-  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]);
-    }
-  }
-}, Je = { 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" }, Ke = { 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 Qe(t, e, s, a, l, r) {
-  const h = c("IconColumns"), u = c("AdminTableColumnsHiddenItem"), m = c("VsPopover");
-  return o(), F(m, {
-    trigger: "click",
-    placement: "bottom"
-  }, {
-    reference: y(() => [
-      n("button", Je, [
-        p(h, {
-          height: "20",
-          width: "16"
-        })
-      ])
-    ]),
-    default: y(() => [
-      n("div", null, [
-        e[0] || (e[0] = n("h2", { class: "text-sm mb-[8px]" }, "Оберіть колонки, щоб приховати", -1)),
-        n("ul", Ke, [
-          (o(!0), i(x, null, w(s.columns, (f, $) => (o(), i("li", { key: $ }, [
-            p(u, {
-              column: f,
-              onUpdateColumn: r.updateColumn
-            }, null, 8, ["column", "onUpdateColumn"])
-          ]))), 128))
-        ])
-      ])
-    ]),
-    _: 1
-  });
-}
-const We = /* @__PURE__ */ g(Ge, [["render", Qe]]), Xe = {
-  props: { table: String },
-  components: {
-    IconFilter: X,
-    AdminTableControl: xe,
-    AdminTableExport: Pe,
-    AdminTableColumnsHidden: We
-  },
-  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();
-    },
-    $route: {
-      handler(t, e) {
-        var s, a;
-        ((s = t == null ? void 0 : t.params) == null ? void 0 : s.catchAll) !== ((a = e == null ? void 0 : e.params) == null ? void 0 : a.catchAll) && (this.filterScheme = null, this.getFilters());
-      },
-      deep: !0
-    }
-  },
-  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();
-    }
-  }
-}, Ye = { class: "w-[calc(100vw - 320px)]" }, Ze = { class: "h-[58px] bg-gray-50 flex items-center justify-between px-[30px]" }, et = { class: "text-xl font-medium" }, tt = {
-  style: { height: "calc(100vh - 60px)", width: "calc(100vw - 260px)" },
-  class: "bg-gray-50 p-[20px] flex"
-}, nt = { class: "bg-white w-full rounded-xl border p-[20px]" }, st = { class: "flex sm:grid sm:grid-cols-2 gap-x-2 sm:gap-x-5 mb-[10px]" }, lt = { class: "flex gap-[6px] ml-auto" }, rt = { 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"
-}, at = { class: "inline-block align-middle" }, it = { class: "divide-y divide-gray-200 dark:divide-neutral-700 relative" }, dt = { class: "sticky top-0 bg-white z-[1]" }, ut = { class: "border-t border-stone-200" }, ct = { class: "pe-4 py-3 gap-x-1 text-sm font-medium text-gray-800 dark:text-neutral-200" }, pt = { class: "divide-y divide-gray-200 dark:divide-neutral-700" }, bt = { class: "size-px min-w-[200px] whitespace-nowrap text-start pe-4 py-3 text-sm text-gray-600" }, ht = { class: "text-center sticky right-0 bg-white" }, mt = { 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-[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" };
-function ft(t, e, s, a, l, r) {
-  var C, M, D, z, j, P, B;
-  const h = c("router-link"), u = c("AdminTableColumnsHidden"), m = c("AdminTableExport"), f = c("IconFilter"), $ = c("AdminTableControl"), A = c("VsPagination"), _ = c("VsFilter");
-  return o(), i(x, null, [
-    n("div", Ye, [
-      n("div", Ze, [
-        n("h2", et, T((C = l.tableData) == null ? void 0 : C.title), 1),
-        p(h, {
-          to: `/add?table=${(D = (M = t.$route) == null ? void 0 : M.params) == null ? void 0 : D.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: y(() => e[5] || (e[5] = [
-            v(" Додати ")
-          ])),
-          _: 1
-        }, 8, ["to"])
-      ]),
-      n("div", tt, [
-        n("div", nt, [
-          n("div", st, [
-            E(n("input", {
-              "onUpdate:modelValue": e[0] || (e[0] = (d) => l.searchValue = d),
-              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), [
-              [N, l.searchValue]
-            ]),
-            n("div", lt, [
-              p(u, {
-                columns: (z = l.tableData) == null ? void 0 : z.columns,
-                onUpdateColumns: e[1] || (e[1] = (d) => l.tableData.columns = d)
-              }, null, 8, ["columns"]),
-              p(m, {
-                table: s.table,
-                columns: (j = l.tableData) == null ? void 0 : j.columns
-              }, null, 8, ["table", "columns"]),
-              n("button", {
-                onClick: e[2] || (e[2] = (d) => 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(f, {
-                  height: "16",
-                  width: "16"
-                }),
-                e[6] || (e[6] = v(" Фільтри "))
-              ])
-            ])
-          ]),
-          n("div", rt, [
-            n("div", ot, [
-              n("div", at, [
-                n("table", it, [
-                  n("thead", dt, [
-                    n("tr", ut, [
-                      (o(!0), i(x, null, w(r.columns, (d) => (o(), i("th", {
-                        class: "min-w-[200px] text-start",
-                        key: d.name
-                      }, [
-                        n("div", ct, T((d == null ? void 0 : d.ua) || d.name), 1)
-                      ]))), 128)),
-                      e[7] || (e[7] = n("th", { class: "min-w-[150px] sticky right-0 top-0 bg-white z-[10]" }, null, -1))
-                    ])
-                  ]),
-                  n("tbody", pt, [
-                    (o(!0), i(x, null, w((P = l.tableData) == null ? void 0 : P.rows, (d, V) => {
-                      var U;
-                      return o(), i("tr", { key: V }, [
-                        n("td", bt, [
-                          p(h, {
-                            to: `/card/${s.table}/${d == null ? void 0 : d.id}`,
-                            class: "text-sm text-green-600 decoration-2 hover:underline font-medium focus:outline-none focus:underline hover:text-green-600"
-                          }, {
-                            default: y(() => {
-                              var b;
-                              return [
-                                v(T(d == null ? void 0 : d[(b = r.columns[0]) == null ? void 0 : b.name]), 1)
-                              ];
-                            }),
-                            _: 2
-                          }, 1032, ["to"])
-                        ]),
-                        (o(!0), i(x, null, w((U = r.columns) == null ? void 0 : U.filter(
-                          (b) => (b == null ? void 0 : b.name) !== "name"
-                        ), (b) => {
-                          var H;
-                          return o(), i("td", {
-                            class: "size-px min-w-[200px] whitespace-nowrap text-start pe-4 py-3 text-sm text-gray-600",
-                            key: b.name
-                          }, [
-                            (o(), F(q(
-                              t.$componentsConfig[`table-format-${((H = b == null ? void 0 : b.format) == null ? void 0 : H.toLowerCase()) || t.text}`]
-                            ), {
-                              name: b == null ? void 0 : b.name,
-                              data: d,
-                              value: d == null ? void 0 : d[b == null ? void 0 : b.name]
-                            }, null, 8, ["name", "data", "value"]))
-                          ]);
-                        }), 128)),
-                        n("td", ht, [
-                          p($, {
-                            item: d,
-                            table: s.table,
-                            onUpdateTable: r.getTableData
-                          }, null, 8, ["item", "table", "onUpdateTable"])
-                        ])
-                      ]);
-                    }), 128))
-                  ])
-                ])
-              ])
-            ])
-          ]),
-          n("div", mt, [
-            p(A, {
-              goTo: !1,
-              class: "justify-end",
-              style: { width: "calc(50% + 100px)" },
-              "default-page": r.defaultPage,
-              total: ((B = l.tableData) == null ? void 0 : B.total) || 0,
-              pageSize: l.limit,
-              onPageChange: r.handlePageChange,
-              pageSizes: [10, 16, 20],
-              onPageSizeChange: r.changeLimit
-            }, null, 8, ["default-page", "total", "pageSize", "onPageChange", "onPageSizeChange"])
-          ])
-        ])
-      ])
-    ]),
-    p(R, { name: "fade" }, {
-      default: y(() => {
-        var d;
-        return [
-          E(n("div", {
-            onClick: e[4] || (e[4] = (...V) => r.closeFilter && r.closeFilter(...V)),
-            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)]"
-          }, [
-            n("div", gt, [
-              (d = l.filterScheme) != null && d.length ? (o(), F(_, {
-                key: 0,
-                ref: "filter",
-                scheme: l.filterScheme,
-                layout: "default",
-                "apply-vue-router": "",
-                history: "",
-                name: "filter",
-                onFilterChange: r.filterChange,
-                closeFilterBtn: !0,
-                onFilterClose: e[3] || (e[3] = (V) => l.isFilters = !1)
-              }, null, 8, ["scheme", "onFilterChange"])) : G("", !0)
-            ])
-          ], 512), [
-            [J, l.isFilters]
-          ])
-        ];
-      }),
-      _: 1
-    })
-  ], 64);
-}
-const xt = /* @__PURE__ */ g(Xe, [["render", ft]]), yt = {
-  components: { AdminTable: xt },
-  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, r;
-        return (a == null ? void 0 : a.path) == ((r = (l = this.$route) == null ? void 0 : l.params) == null ? void 0 : r.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 = "";
-      }
-    }
-  }
-}, _t = {
-  key: 1,
-  class: "w-full"
-}, kt = ["innerHTML"];
-function vt(t, e, s, a, l, r) {
-  const h = c("AdminTable");
-  return l.table ? (o(), F(h, {
-    key: 0,
-    table: l.table
-  }, null, 8, ["table"])) : (o(), i("div", _t, [
-    n("div", { innerHTML: l.interface }, null, 8, kt)
-  ]));
-}
-const Mt = /* @__PURE__ */ g(yt, [["render", vt]]);
-export {
-  Mt as default
-};