@opengis/admin 0.1.58 → 0.1.60

package/dist/admin-interface-C4m7uvG2.js

@@ -0,0 +1,896 @@
+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
+};