@opengis/admin 0.1.61 → 0.1.63

package/dist/admin-interface-C4m7uvG2.js

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