@opengis/admin 0.1.19 → 0.1.21

package/dist/admin-interface-gm773DzD.js

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