@opengis/admin 0.1.93 → 0.1.96

package/dist/{IconChevronDown-Cd6pvTaQ.js → IconChevronDown-uM7Af3-i.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as t, createElementVNode as n } from "vue";
-import { _ as r } from "./import-file-d3YrkRd6.js";
+import { _ as r } from "./import-file-CLrvcYj9.js";
 const l = {}, s = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",

package/dist/{add-page-nmzN5QTl.js → add-page-BgPkyqnr.js}

@@ -1,12 +1,13 @@
-import { _ as g, u as f, c as u } from "./import-file-d3YrkRd6.js";
-import { resolveComponent as x, openBlock as b, createElementBlock as w, createElementVNode as n, createBlock as k, createCommentVNode as y } from "vue";
+import { _ as g, u as f, c as u } from "./import-file-CLrvcYj9.js";
+import { resolveComponent as x, openBlock as d, createElementBlock as w, createElementVNode as n, createBlock as k, createCommentVNode as y } from "vue";
 const v = {
   data() {
     return {
       formValues: {},
       scheme: null,
       table: "",
-      token: ""
+      token: "",
+      api: ""
     };
   },
   mounted() {
@@ -20,7 +21,7 @@ const v = {
       }), e;
     },
     async getFormScheme() {
-      var c, a;
+      var i, a;
       const t = this.flattenMenu(f.value);
       t != null && t.length || this.$router.replace("/404");
       const e = t == null ? void 0 : t.find((r) => {
@@ -32,24 +33,27 @@ const v = {
       this.table = o;
       try {
         const r = await u.get(`/api/table-data/${o}`), { data: s } = await u.get(
-          `/api/template/form/${(c = r == null ? void 0 : r.data) == null ? void 0 : c.form}`
+          `/api/template/form/${(i = r == null ? void 0 : r.data) == null ? void 0 : i.form}`
         );
-        this.scheme = (s == null ? void 0 : s.schema) || s, this.token = (a = r == null ? void 0 : r.data) == null ? void 0 : a.addToken;
+        this.scheme = (s == null ? void 0 : s.schema) || s, this.api = (s == null ? void 0 : s.api) || "", this.token = (a = r == null ? void 0 : r.data) == null ? void 0 : a.addToken;
       } catch {
       }
     },
     async createObject() {
-      var e, o, c, a, r, s, l, m, d;
+      var e, o, i, a, r, s, l, m, b;
       const t = this.$refs.form;
       try {
-        await t.doValidation(), await u.post(`/api/table/${this.token}`, this.formValues), await this.$router.back(), await this.$notify({
+        await t.doValidation(), await u.post(
+          this.api || `/api/table/${this.token}`,
+          this.formValues
+        ), await this.$router.back(), await this.$notify({
           title: "Успішно!",
           message: "Об'єкт успішно створено",
           type: "success"
         });
-      } catch (i) {
-        const h = ((e = i == null ? void 0 : i.response) == null ? void 0 : e.data) || "";
-        let p = ((r = (a = (c = (o = Object.entries(t == null ? void 0 : t.formErrors)) == null ? void 0 : o[0]) == null ? void 0 : c[1]) == null ? void 0 : a[0]) == null ? void 0 : r.message) === "Це поле обов'язкове" ? "Заповніть обов'язкові поля" : (d = (m = (l = (s = Object.entries(t == null ? void 0 : t.formErrors)) == null ? void 0 : s[0]) == null ? void 0 : l[1]) == null ? void 0 : m[0]) == null ? void 0 : d.message;
+      } catch (c) {
+        const h = ((e = c == null ? void 0 : c.response) == null ? void 0 : e.data) || "";
+        let p = ((r = (a = (i = (o = Object.entries(t == null ? void 0 : t.formErrors)) == null ? void 0 : o[0]) == null ? void 0 : i[1]) == null ? void 0 : a[0]) == null ? void 0 : r.message) === "Це поле обов'язкове" ? "Заповніть обов'язкові поля" : (b = (m = (l = (s = Object.entries(t == null ? void 0 : t.formErrors)) == null ? void 0 : s[0]) == null ? void 0 : l[1]) == null ? void 0 : m[0]) == null ? void 0 : b.message;
         this.$notify({
           title: "Помилка!",
           message: h || p || "Сталася помилка валідаціі",
@@ -65,9 +69,9 @@ const v = {
   style: { height: "calc(100vh - 165px)", width: "calc(100vw - 260px)" },
   class: "bg-gray-50 p-[20px] flex"
 }, E = { class: "bg-white w-full rounded-xl border p-[20px] 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 O(t, e, o, c, a, r) {
+function O(t, e, o, i, a, r) {
   const s = x("VsForm");
-  return b(), w("div", V, [
+  return d(), w("div", V, [
     n("div", _, [
       e[3] || (e[3] = n("h2", { class: "text-xl font-medium" }, "Створити", -1)),
       n("div", $, [
@@ -83,7 +87,7 @@ function O(t, e, o, c, a, r) {
     ]),
     n("div", j, [
       n("div", E, [
-        a.scheme ? (b(), k(s, {
+        a.scheme ? (d(), k(s, {
           key: 0,
           ref: "form",
           scheme: a.scheme,

package/dist/{admin-interface-CRO01S_h.js → admin-interface-x__pW8O9.js}

@@ -1,6 +1,6 @@
-import { _ as v, d as Ve, c as F, V as Ie, e as De, f as Fe, g as je, A as Me, I as qe, u as ye, s as ze } from "./import-file-d3YrkRd6.js";
-import { openBlock as o, createElementBlock as a, createTextVNode as j, toDisplayString as T, createCommentVNode as w, createStaticVNode as L, Fragment as S, createElementVNode as l, resolveComponent as h, createVNode as x, withCtx as $, createBlock as _, renderList as D, withModifiers as Le, normalizeClass as I, withDirectives as P, vModelCheckbox as Pe, resolveDynamicComponent as z, Transition as B, renderSlot as Be, vShow as ke, getCurrentInstance as Ue, ref as _e, normalizeStyle as ve } from "vue";
-import { I as Oe } from "./IconChevronDown-Cd6pvTaQ.js";
+import { _ as v, d as Ve, c as F, V as Ie, e as De, f as Fe, g as je, A as Me, I as qe, u as ye, s as ze } from "./import-file-CLrvcYj9.js";
+import { openBlock as o, createElementBlock as a, createTextVNode as j, toDisplayString as T, createCommentVNode as w, createStaticVNode as L, Fragment as S, createElementVNode as l, resolveComponent as p, createVNode as x, withCtx as $, createBlock as _, renderList as D, withModifiers as Le, normalizeClass as I, withDirectives as P, vModelCheckbox as Pe, resolveDynamicComponent as z, Transition as B, renderSlot as Be, vShow as ke, getCurrentInstance as Ue, ref as _e, normalizeStyle as ve } from "vue";
+import { I as Oe } from "./IconChevronDown-uM7Af3-i.js";
 const Ee = {
   data() {
     return {
@@ -81,14 +81,14 @@ const Ee = {
   d: "m7 9 5-5 5 5"
 }, Ze = {
   key: 1,
-  class: "text-sm text-stone-500 px-[4px] py-2.5 text-start font-normal text-gray-500"
+  class: "text-sm text-stone-500 px-[4px] py-2.5 text-start font-normal"
 };
 function Ge(t, e, s, i, n, r) {
   return o(), a("th", Ne, [
     r.getVisibleIcon ? (o(), a("button", {
       key: 0,
       type: "button",
-      class: "text-sm text-stone-500 px-[4px] py-2.5 text-start font-normal text-gray-500 flex items-center gap-[6px]",
+      class: "text-sm text-stone-500 px-[4px] py-2.5 text-start font-normal flex items-center gap-[6px]",
       onClick: e[0] || (e[0] = (u) => r.handleClickSortBtn(n.currentSort))
     }, [
       j(T(r.label) + " ", 1),
@@ -212,7 +212,8 @@ const lt = /* @__PURE__ */ v(et, [["render", st]]), ot = {
       document.querySelector("body").click(), t != null && t.form ? (await this.$v3plugin.$form({
         form: t == null ? void 0 : t.form,
         id: (e = this.item) == null ? void 0 : e.id,
-        api: t == null ? void 0 : t.api
+        api: t == null ? void 0 : t.api,
+        title: t == null ? void 0 : t.title
       }), await this.$emit("update-table")) : await this.$v3plugin.$api({
         confirm: t == null ? void 0 : t.confirm,
         api: t == null ? void 0 : t.api,
@@ -223,9 +224,9 @@ const lt = /* @__PURE__ */ v(et, [["render", st]]), ot = {
 }, rt = { class: "hs-dropdown [--placement:bottom-right] inline-flex" }, at = { class: "inline-flex items-center justify-center bg-white border rounded-lg shadow-sm size-7 gap-x-2 border-stone-200 text-stone-800 hover:bg-stone-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-stone-50" }, it = { class: "flex flex-col items-start" }, ct = ["onClick"], ut = { class: "text-gray-800" }, dt = {
   key: 1,
   class: "h-[1px] w-[80%] bg-gray-200 ml-auto mr-auto"
-}, bt = { class: "p-4" }, ht = { class: "flex justify-end mt-4 gap-x-3" };
-function pt(t, e, s, i, n, r) {
-  const u = h("IconMore"), f = h("IconEdit"), p = h("router-link"), m = h("IconDelete"), k = h("VsPopover"), c = h("VsDialog");
+}, bt = { class: "p-4" }, pt = { class: "flex justify-end mt-4 gap-x-3" };
+function ht(t, e, s, i, n, r) {
+  const u = p("IconMore"), f = p("IconEdit"), h = p("router-link"), m = p("IconDelete"), k = p("VsPopover"), c = p("VsDialog");
   return o(), a(S, null, [
     l("div", rt, [
       x(k, {
@@ -244,7 +245,7 @@ function pt(t, e, s, i, n, r) {
           var g, d, C, y, A;
           return [
             l("div", it, [
-              (g = s.actions) != null && g.includes("edit") && s.isForm ? (o(), _(p, {
+              (g = s.actions) != null && g.includes("edit") && s.isForm ? (o(), _(h, {
                 key: 0,
                 to: `/edit?table=${(C = (d = t.$route) == null ? void 0 : d.params) == null ? void 0 : C.catchAll}&id=${(y = s.item) == null ? void 0 : y.id}`,
                 class: "w-full flex items-center gap-x-3 py-1.5 px-2 rounded-lg text-[13px] text-stone-800 hover:bg-stone-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-stone-100"
@@ -287,7 +288,7 @@ function pt(t, e, s, i, n, r) {
       default: $(() => [
         l("div", bt, [
           e[6] || (e[6] = l("p", { class: "mt-1 text-gray-500 dark:text-neutral-500" }, " Ви впевнені, що хочете видалити цей об'єкт? ", -1)),
-          l("div", ht, [
+          l("div", pt, [
             l("button", {
               type: "button",
               class: "inline-flex items-center px-3 py-2 text-sm font-medium text-gray-800 bg-white border border-gray-200 rounded-lg shadow-sm gap-x-2 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",
@@ -305,7 +306,7 @@ function pt(t, e, s, i, n, r) {
     }, 8, ["visible"])
   ], 64);
 }
-const ft = /* @__PURE__ */ v(ot, [["render", pt]]), mt = {}, gt = {
+const ft = /* @__PURE__ */ v(ot, [["render", ht]]), mt = {}, gt = {
   class: "flex-shrink-0 mt-0.5 size-3.5",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -462,7 +463,7 @@ const wt = /* @__PURE__ */ v(_t, [["render", kt]]), Ct = {
   class: "flex w-full justify-end p-[20px] gap-[6px] border-t"
 };
 function Bt(t, e, s, i, n, r) {
-  const u = h("IconExport"), f = h("IconChevronDown"), p = h("IconSuccess"), m = h("VsCheckbox"), k = h("VsDialog");
+  const u = p("IconExport"), f = p("IconChevronDown"), h = p("IconSuccess"), m = p("VsCheckbox"), k = p("VsDialog");
   return o(), a(S, null, [
     l("button", {
       onClick: e[0] || (e[0] = (c) => n.isOpen = !0),
@@ -512,7 +513,7 @@ function Bt(t, e, s, i, n, r) {
       ]),
       default: $(() => [
         n.isSuccessTemplate ? (o(), a("div", $t, [
-          x(p, {
+          x(h, {
             height: "100",
             width: "100",
             class: "text-green-200 mb-[20px]"
@@ -617,7 +618,7 @@ function Zt(t, e, s, i, n, r) {
   var u, f;
   return o(), a("label", Wt, [
     P(l("input", {
-      "onUpdate:modelValue": e[0] || (e[0] = (p) => n.value = p),
+      "onUpdate:modelValue": e[0] || (e[0] = (h) => n.value = h),
       type: "checkbox"
     }, null, 512), [
       [Pe, n.value]
@@ -637,8 +638,8 @@ const Gt = /* @__PURE__ */ v(Rt, [["render", Zt]]), Jt = {
   }
 }, Kt = { class: "py-2 px-2.5 inline-flex items-center gap-x-1.5 text-xs 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" }, Qt = { class: "py-[10px] px-[10px] w-[260px]" }, Xt = { class: "flex flex-col gap-[3px] max-h-[400px] w-full 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 Yt(t, e, s, i, n, r) {
-  const u = h("IconColumns"), f = h("AdminTableColumnsHiddenItem"), p = h("VsPopover");
-  return o(), _(p, {
+  const u = p("IconColumns"), f = p("AdminTableColumnsHiddenItem"), h = p("VsPopover");
+  return o(), _(h, {
     trigger: "click",
     placement: "bottom"
   }, {
@@ -685,9 +686,9 @@ const we = /* @__PURE__ */ v(tn, [["render", sn]]), ln = {
   props: { row: Object, column: Object, table: String }
 };
 function on(t, e, s, i, n, r) {
-  var u, f, p, m, k, c, g, d;
+  var u, f, h, m, k, c, g, d;
   return o(), _(z(
-    ((u = s.column) == null ? void 0 : u.format) === "custom" ? (f = s.column) == null ? void 0 : f.component : `table-format-${((m = (p = s.column) == null ? void 0 : p.format) == null ? void 0 : m.toLowerCase()) || "text"}`
+    ((u = s.column) == null ? void 0 : u.format) === "custom" ? (f = s.column) == null ? void 0 : f.component : `table-format-${((m = (h = s.column) == null ? void 0 : h.format) == null ? void 0 : m.toLowerCase()) || "text"}`
   ), {
     onUpdateTable: e[0] || (e[0] = (C) => t.$emit("update-table")),
     name: (k = s.column) == null ? void 0 : k.name,
@@ -727,22 +728,22 @@ const un = /* @__PURE__ */ v(rn, [["render", cn]]), dn = {
   data() {
     return { expanded: this.defaultValue };
   }
-}, bn = { class: "hs-accordion" }, hn = { class: "py-0.5 flex items-center gap-x-0.5 w-full" }, pn = { class: "text-sm font-medium" }, fn = { class: "relative inline-block w-full duration-150 cursor-pointer before:block before:absolute b" };
+}, bn = { class: "hs-accordion" }, pn = { class: "py-0.5 flex items-center gap-x-0.5 w-full" }, hn = { class: "text-sm font-medium" }, fn = { class: "relative inline-block w-full duration-150 cursor-pointer before:block before:absolute b" };
 function mn(t, e, s, i, n, r) {
-  const u = h("IconPlus"), f = h("IconMinus");
+  const u = p("IconPlus"), f = p("IconMinus");
   return o(), a("div", null, [
     l("div", null, [
       l("div", bn, [
-        l("div", hn, [
+        l("div", pn, [
           l("div", {
-            onClick: e[0] || (e[0] = (p) => n.expanded = !n.expanded),
+            onClick: e[0] || (e[0] = (h) => n.expanded = !n.expanded),
             class: "rounded-md cursor-pointer grow"
           }, [
-            l("span", pn, T(s.title), 1)
+            l("span", hn, T(s.title), 1)
           ]),
           l("button", {
             class: "flex items-center justify-center rounded-md size-6 hover:bg-gray-100",
-            onClick: e[1] || (e[1] = (p) => n.expanded = !n.expanded)
+            onClick: e[1] || (e[1] = (h) => n.expanded = !n.expanded)
           }, [
             n.expanded ? (o(), _(f, {
               key: 1,
@@ -783,7 +784,7 @@ const gn = /* @__PURE__ */ v(dn, [["render", mn], ["__scopeId", "data-v-c6318482
 }, vn = { class: "flex items-center justify-between py-1 gap-x-4" }, kn = { class: "col-span-1" }, wn = { class: "inline-flex items-center gap-x-2 text-[13px] text-gray-500 dark:text-neutral-500" }, Cn = { class: "col-span-2" }, $n = { class: "font-medium text-[13px] text-gray-800 dark:text-neutral-200" }, An = { class: "table-info-card" }, Sn = { class: "table-info-card" };
 function Tn(t, e, s, i, n, r) {
   var g, d, C;
-  const u = h("AdminComponentIs"), f = h("AdminTree"), p = h("VsWidgetMap"), m = h("VsNoData"), k = h("VsWidgetComments"), c = h("VsWidgetFileList");
+  const u = p("AdminComponentIs"), f = p("AdminTree"), h = p("VsWidgetMap"), m = p("VsNoData"), k = p("VsWidgetComments"), c = p("VsWidgetFileList");
   return o(), a("div", yn, [
     e[0] || (e[0] = l("div", { class: "p-[10px] pl-[18px] pb-[18px] border-b" }, [
       l("h2", { class: "text-sm font-medium" }, "Інформація про об'єкт")
@@ -822,7 +823,7 @@ function Tn(t, e, s, i, n, r) {
           default: $(() => {
             var y, A;
             return [
-              (y = s.row) != null && y.geom ? (o(), _(p, {
+              (y = s.row) != null && y.geom ? (o(), _(h, {
                 key: 0,
                 geometry: (A = s.row) == null ? void 0 : A.geom,
                 zoom: 14
@@ -934,10 +935,10 @@ const Ln = /* @__PURE__ */ v(Mn, [["render", zn]]), Pn = {
   class: "font-medium text-[10px] py-0.5 px-[5px] bg-gray-800 text-white leading-3 rounded-full dark:bg-neutral-500"
 }, Un = { class: "filter-content h-screen bg-white w-[400px] p-[20px] pt-[10px] overflow-x-auto bg-white [&::-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 On(t, e, s, i, n, r) {
-  const u = h("IconFilter"), f = h("VsFilter");
+  const u = p("IconFilter"), f = p("VsFilter");
   return o(), a(S, null, [
     l("button", {
-      onClick: e[0] || (e[0] = (p) => n.isFilters = !n.isFilters),
+      onClick: e[0] || (e[0] = (h) => n.isFilters = !n.isFilters),
       class: "py-2 px-2.5 inline-flex items-center gap-x-1.5 text-xs 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"
     }, [
       x(u, {
@@ -949,7 +950,7 @@ function On(t, e, s, i, n, r) {
     ]),
     x(B, { name: "fade" }, {
       default: $(() => {
-        var p;
+        var h;
         return [
           P(l("div", {
             onClick: e[3] || (e[3] = (...m) => r.closeFilter && r.closeFilter(...m)),
@@ -957,7 +958,7 @@ function On(t, e, s, i, n, r) {
             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", Un, [
-              (p = s.scheme) != null && p.length ? (o(), _(f, {
+              (h = s.scheme) != null && h.length ? (o(), _(f, {
                 key: 0,
                 ref: "filter",
                 scheme: s.scheme,
@@ -1022,7 +1023,7 @@ const Qn = /* @__PURE__ */ v(Gn, [["render", Kn]]), Xn = {
   props: { filterCustom: String, customList: Array }
 }, Yn = { class: "py-2 px-2.5 inline-flex items-center gap-x-1.5 text-xs 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" }, es = { class: "flex flex-col gap-[4px]" }, ts = ["onClick"];
 function ns(t, e, s, i, n, r) {
-  const u = h("IconFilter2"), f = h("VsPopover");
+  const u = p("IconFilter2"), f = p("VsPopover");
   return o(), _(f, {
     ref: "popover",
     placement: "bottom"
@@ -1037,17 +1038,17 @@ function ns(t, e, s, i, n, r) {
     ]),
     default: $(() => [
       l("div", es, [
-        (o(!0), a(S, null, D(s.customList, (p, m) => (o(), a("button", {
+        (o(!0), a(S, null, D(s.customList, (h, m) => (o(), a("button", {
           onClick: (k) => {
             var c;
-            t.$emit("update:filterCustom", p == null ? void 0 : p.name), (c = t.$refs) == null || c.popover.togglePopover();
+            t.$emit("update:filterCustom", h == null ? void 0 : h.name), (c = t.$refs) == null || c.popover.togglePopover();
           },
           key: m,
-          class: I(["p-[8px] block rounded-lg w-[140px] text-start hover:bg-gray-100 !duration-300", { "bg-gray-100": s.filterCustom === (p == null ? void 0 : p.name) }])
-        }, T(p == null ? void 0 : p.label), 11, ts))), 128)),
+          class: I(["p-[8px] block rounded-lg w-[140px] text-start hover:bg-gray-100 !duration-300", { "bg-gray-100": s.filterCustom === (h == null ? void 0 : h.name) }])
+        }, T(h == null ? void 0 : h.label), 11, ts))), 128)),
         l("button", {
           class: "p-[8px] block rounded-lg w-[140px] text-start hover:bg-gray-100 !duration-300",
-          onClick: e[0] || (e[0] = (p) => {
+          onClick: e[0] || (e[0] = (h) => {
             var m;
             t.$emit("update:filterCustom", void 0), (m = t.$refs) == null || m.popover.togglePopover();
           })
@@ -1063,8 +1064,8 @@ const ss = /* @__PURE__ */ v(Xn, [["render", ns]]), ls = { class: "flex items-ce
     slots: Object
   },
   setup(t) {
-    var f, p, m, k, c;
-    const { asyncTemplateSlot: e } = (c = (k = (m = (p = (f = Ue()) == null ? void 0 : f.appContext) == null ? void 0 : p.app) == null ? void 0 : m.config) == null ? void 0 : k.globalProperties) == null ? void 0 : c.utils, s = _e(""), i = _e(""), n = t, r = () => {
+    var f, h, m, k, c;
+    const { asyncTemplateSlot: e } = (c = (k = (m = (h = (f = Ue()) == null ? void 0 : f.appContext) == null ? void 0 : h.app) == null ? void 0 : m.config) == null ? void 0 : k.globalProperties) == null ? void 0 : c.utils, s = _e(""), i = _e(""), n = t, r = () => {
       var g, d, C, y, A;
       if ((g = n.slots) != null && g.panelLeft || (i.value = "div"), (C = (d = n.slots) == null ? void 0 : d.panelLeft) != null && C.includes("<")) {
         const V = e("PanelLeft", (y = n.slots) == null ? void 0 : y.panelLeft, [
@@ -1213,22 +1214,22 @@ const ss = /* @__PURE__ */ v(Xn, [["render", ns]]), ls = { class: "flex items-ce
   },
   methods: {
     async checkUrlMounted() {
-      var t, e, s, i, n, r, u, f, p, m, k, c, g, d, C, y, A;
-      this.page = ((e = (t = this.$route) == null ? void 0 : t.query) == null ? void 0 : e.page) || 1, this.limit = ((i = (s = this.$route) == null ? void 0 : s.query) == null ? void 0 : i.limit) || 20, this.filters = ((u = decodeURI((r = (n = this.$route) == null ? void 0 : n.query) == null ? void 0 : r.filter)) == null ? void 0 : u.replaceAll("+", " ")) || null, this.filterState = ((p = (f = this.$route) == null ? void 0 : f.query) == null ? void 0 : p.filterState) || null, this.filterCustom = ((k = (m = this.$route) == null ? void 0 : m.query) == null ? void 0 : k.custom) || null, this.searchValue = ((g = (c = this.$route) == null ? void 0 : c.query) == null ? void 0 : g.search) || "", this.visibleColumns = ((y = (C = (d = this.$route) == null ? void 0 : d.query) == null ? void 0 : C.columns) == null ? void 0 : y.split(",")) || [], (A = this.$route) != null && A.query.card && (this.isVisibleCardInfo = !0);
+      var t, e, s, i, n, r, u, f, h, m, k, c, g, d, C, y, A;
+      this.page = ((e = (t = this.$route) == null ? void 0 : t.query) == null ? void 0 : e.page) || 1, this.limit = ((i = (s = this.$route) == null ? void 0 : s.query) == null ? void 0 : i.limit) || 20, this.filters = ((u = decodeURI((r = (n = this.$route) == null ? void 0 : n.query) == null ? void 0 : r.filter)) == null ? void 0 : u.replaceAll("+", " ")) || null, this.filterState = ((h = (f = this.$route) == null ? void 0 : f.query) == null ? void 0 : h.filterState) || null, this.filterCustom = ((k = (m = this.$route) == null ? void 0 : m.query) == null ? void 0 : k.custom) || null, this.searchValue = ((g = (c = this.$route) == null ? void 0 : c.query) == null ? void 0 : g.search) || "", this.visibleColumns = ((y = (C = (d = this.$route) == null ? void 0 : d.query) == null ? void 0 : C.columns) == null ? void 0 : y.split(",")) || [], (A = this.$route) != null && A.query.card && (this.isVisibleCardInfo = !0);
     },
     rowWidth(t) {
       var s, i;
       const e = (i = (s = this.tableData) == null ? void 0 : s.columns) == null ? void 0 : i.find((n) => n.name === t);
       if (e) {
         const n = e == null ? void 0 : e.width;
-        return n != null && n.includes("px") ? n : `${n}px`;
+        return typeof n == "number" ? `${n}px` : n != null && n.includes("px") ? n : `${n}px`;
       }
     },
     unmountedData() {
       this.page = 1, this.visibleColumns = [], this.filterCustom = null, this.filterState = null, this.isVisibleCardInfo = !1, this.filterScheme = null, this.filters = null, this.onFilters = 0, this.searchValue = "";
     },
     async getTableData() {
-      var t, e, s, i, n, r, u, f, p, m, k;
+      var t, e, s, i, n, r, u, f, h, m, k;
       try {
         const { data: c } = await F.get(`/api/template/table/${this.table}`), g = await F.get(`/api/table-data/${this.table}`, {
           params: {
@@ -1247,7 +1248,7 @@ const ss = /* @__PURE__ */ v(Xn, [["render", ns]]), ls = { class: "flex items-ce
         }, this.initialHiddenColumns = (r = (n = (i = (s = this.tableData) == null ? void 0 : s.columns) == null ? void 0 : i.filter((d) => (d == null ? void 0 : d.hidden) !== !0)) == null ? void 0 : n.map((d) => d == null ? void 0 : d.name)) == null ? void 0 : r.join(","), (u = this.visibleColumns) != null && u.length ? (f = this.tableData) == null || f.columns.forEach((d) => {
           var C;
           (C = this.visibleColumns) != null && C.includes(d == null ? void 0 : d.name) ? d.hidden = !1 : d.hidden = !0;
-        }) : this.visibleColumns = (k = (m = (p = this.tableData) == null ? void 0 : p.columns) == null ? void 0 : m.filter((d) => (d == null ? void 0 : d.hidden) !== !0)) == null ? void 0 : k.map((d) => d == null ? void 0 : d.name);
+        }) : this.visibleColumns = (k = (m = (h = this.tableData) == null ? void 0 : h.columns) == null ? void 0 : m.filter((d) => (d == null ? void 0 : d.hidden) !== !0)) == null ? void 0 : k.map((d) => d == null ? void 0 : d.name);
       } catch {
       }
     },
@@ -1298,9 +1299,9 @@ const ss = /* @__PURE__ */ v(Xn, [["render", ns]]), ls = { class: "flex items-ce
 }, is = { class: "w-[calc(100vw - 320px)] bg-gray-50" }, cs = { class: "h-[76px] mt-[15px] flex items-center justify-between mx-[20px] px-[20px] bg-white border rounded-xl" }, us = { class: "text-xl font-medium" }, ds = {
   style: { height: "calc(100vh - 155px)", width: "calc(100vw - 260px)" },
   class: "bg-gray-50 p-[20px] flex pt-[10px]"
-}, bs = { class: "bg-white w-full rounded-xl border p-[20px] pr-0" }, hs = { class: "flex" }, ps = { class: "flex gap-[6px] ml-auto" }, fs = { class: "inline-block w-full align-middle" }, ms = {
+}, bs = { class: "bg-white w-full rounded-xl border p-[20px] pr-0" }, ps = { class: "flex" }, hs = { class: "flex gap-[6px] ml-auto" }, fs = { class: "inline-block w-full align-middle" }, ms = {
   key: 0,
-  class: "relative min-w-full divide-y divide-gray-200 table-fixed dark:divide-neutral-700"
+  class: "relative w-max min-w-full divide-y divide-gray-200 table-fixed dark:divide-neutral-700"
 }, gs = { class: "sticky top-[-1px] bg-white w-full after:absolute after:content-[''] after:block after:w-full after:h-px after:bg-stone-200" }, xs = { class: "right-0 border-t border-stone-200" }, ys = {
   key: 0,
   class: "w-[70px] sticky right-0 top-0"
@@ -1310,7 +1311,7 @@ const ss = /* @__PURE__ */ v(Xn, [["render", ns]]), ls = { class: "flex items-ce
 };
 function Is(t, e, s, i, n, r) {
   var O, E, N, H, R, W, Z, G, J, K, Q, X, Y, ee, te, ne, se, le, oe, re, ae, ie;
-  const u = h("IconPlus"), f = h("router-link"), p = h("AdminTableTabs"), m = h("IconSearch"), k = h("VsText"), c = h("AdminTableCustomButtons"), g = h("AdminTableCustomFilters"), d = h("AdminTableColumnsHidden"), C = h("AdminTableExport"), y = h("AdminTableFilters"), A = h("IconOpenCard"), V = h("AdminTableColumn"), M = h("AdminComponentIs"), U = h("AdminTableControl"), $e = h("AdminNodata"), Ae = h("VsPagination"), Se = h("AdminTableCardInfo");
+  const u = p("IconPlus"), f = p("router-link"), h = p("AdminTableTabs"), m = p("IconSearch"), k = p("VsText"), c = p("AdminTableCustomButtons"), g = p("AdminTableCustomFilters"), d = p("AdminTableColumnsHidden"), C = p("AdminTableExport"), y = p("AdminTableFilters"), A = p("IconOpenCard"), V = p("AdminTableColumn"), M = p("AdminComponentIs"), U = p("AdminTableControl"), $e = p("AdminNodata"), Ae = p("VsPagination"), Se = p("AdminTableCardInfo");
   return o(), a("div", is, [
     l("div", cs, [
       l("h2", us, T(s.title), 1),
@@ -1331,13 +1332,13 @@ function Is(t, e, s, i, n, r) {
     ]),
     l("div", ds, [
       l("div", bs, [
-        (H = (N = n.tableData) == null ? void 0 : N.filterState) != null && H.length ? (o(), _(p, {
+        (H = (N = n.tableData) == null ? void 0 : N.filterState) != null && H.length ? (o(), _(h, {
           key: 0,
           tabsList: (R = n.tableData) == null ? void 0 : R.filterState,
           filterState: n.filterState,
           "onUpdate:filterState": e[0] || (e[0] = (b) => n.filterState = b)
         }, null, 8, ["tabsList", "filterState"])) : w("", !0),
-        l("div", hs, [
+        l("div", ps, [
           l("div", {
             class: I([n.isVisibleCardInfo ? "w-[calc(100%-360px)]" : "w-full"])
           }, [
@@ -1356,7 +1357,7 @@ function Is(t, e, s, i, n, r) {
                 clearable: !0,
                 class: "[&>input]:py-[7px] [&>input]:ps-10 [&>input]:pe-8 [&>input]:block [&>input]:w-full [&>input]:bg-gray-100 [&>input]:border-transparent [&>input]:rounded-lg [&>input]:text-sm [&>input]:focus:bg-white [&>input]:focus:border-blue-500 [&>input]:focus:ring-blue-500 [&>input]:disabled:opacity-50 [&>input]:disabled:pointer-events-none [&>input]:dark:bg-neutral-700 [&>input]:dark:border-transparent [&>input]:dark:text-neutral-400 [&>input]:dark:placeholder:text-neutral-400 dark:focus:bg-neutral-800 dark:focus:ring-neutral-600"
               }, null, 8, ["modelValue"]),
-              l("div", ps, [
+              l("div", hs, [
                 (W = n.tableData) != null && W.slots ? (o(), _(c, {
                   key: 0,
                   slots: (Z = n.tableData) == null ? void 0 : Z.slots
@@ -1424,7 +1425,7 @@ function Is(t, e, s, i, n, r) {
                     ]),
                     l("tbody", _s, [
                       (o(!0), a(S, null, D((le = n.tableData) == null ? void 0 : le.rows, (b, Te) => {
-                        var ce, ue, de, be, he, pe, fe, me, ge, xe;
+                        var ce, ue, de, be, pe, he, fe, me, ge, xe;
                         return o(), a("tr", {
                           key: Te,
                           class: I({
@@ -1458,7 +1459,7 @@ function Is(t, e, s, i, n, r) {
                               onUpdateTable: r.getTableData
                             }, null, 8, ["row", "column", "table", "onUpdateTable"])
                           ], 10, ws))), 128)),
-                          (pe = (he = r.getActions) == null ? void 0 : he.filter((q) => q !== "add")) != null && pe.length ? (o(), a("td", {
+                          (he = (pe = r.getActions) == null ? void 0 : pe.filter((q) => q !== "add")) != null && he.length ? (o(), a("td", {
                             key: 0,
                             class: I(["text-center sticky right-0 w-[80px] px-[10px]", {
                               "bg-gray-50": ((me = (fe = t.$route) == null ? void 0 : fe.query) == null ? void 0 : me.card) === (b == null ? void 0 : b.id),
@@ -1523,7 +1524,7 @@ function Is(t, e, s, i, n, r) {
     ])
   ]);
 }
-const Ds = /* @__PURE__ */ v(as, [["render", Is], ["__scopeId", "data-v-ef9b0865"]]), Fs = {
+const Ds = /* @__PURE__ */ v(as, [["render", Is], ["__scopeId", "data-v-f939b7ed"]]), Fs = {
   components: { AdminTable: Ds },
   data() {
     return {
@@ -1581,7 +1582,7 @@ const Ds = /* @__PURE__ */ v(as, [["render", Is], ["__scopeId", "data-v-ef9b0865
   }
 }, js = ["innerHTML"];
 function Ms(t, e, s, i, n, r) {
-  const u = h("AdminTable");
+  const u = p("AdminTable");
   return n.table ? (o(), _(u, {
     key: 0,
     table: n.table,