@opengis/bi 1.0.44 → 1.0.45

package/dist/{vs-map-uUiqdNLp.js → vs-map-CUF5ZJo4.js}

@@ -1,8 +1,8 @@
-import { c as L, l as $, p as B, V as H, a as O, b as T, d as F, m as S, e as N } from "./vs-list-C-gFvDvr.js";
-import { _ as C, c as R } from "./import-file-XtDaxS3X.js";
-import { resolveComponent as u, createElementBlock as d, openBlock as n, Fragment as w, createElementVNode as a, createBlock as E, createCommentVNode as c, createVNode as f, Teleport as A, toDisplayString as b, renderList as k, normalizeStyle as I, normalizeClass as V } from "vue";
-const G = {
-  components: { legendIcon: $, closeIcon: L },
+import { l as L, c as $, p as T, V as B, a as H, b as O, d as F, m as S, e as N } from "./vs-list-D1NHJa-8.js";
+import { _ as C, c as P } from "./import-file-n7AnE4rc.js";
+import { resolveComponent as u, openBlock as i, createElementBlock as p, Fragment as v, createElementVNode as r, createVNode as f, createBlock as E, Teleport as R, toDisplayString as b, createCommentVNode as m, renderList as k, normalizeStyle as I, normalizeClass as V } from "vue";
+const A = {
+  components: { legendIcon: L, closeIcon: $ },
   props: {
     mapId: { type: String },
     colors: { type: Array },
@@ -17,7 +17,7 @@ const G = {
   data() {
     return {
       isOpenLegend: !1,
-      palette: B
+      palette: T
       // palette: ['#69D2E7', 'yellow', '#FE4365'],
     };
   },
@@ -45,7 +45,7 @@ const G = {
       return (e + 1) / this.sortedSizes.length;
     }
   }
-}, W = { class: "w-full absolute max-w-[200px] bg-white border rounded-lg bottom-[10px] right-[50px]" }, P = { class: "flex items-center justify-between border-b border-[#0000001A] px-2" }, Z = { class: "w-full flex flex-col gap-[8px] px-2 py-2 max-h-[200px] overflow-auto [&::-webkit-scrollbar]:h-1.5 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-gray-300 [&::-webkit-scrollbar-track]:bg-transparent" }, q = {
+}, G = { class: "w-full absolute max-w-[200px] bg-white border rounded-lg bottom-[10px] right-[50px]" }, W = { class: "flex items-center justify-between border-b border-[#0000001A] px-2" }, Z = { class: "w-full flex flex-col gap-[8px] px-2 py-2 max-h-[200px] overflow-auto [&::-webkit-scrollbar]:h-1.5 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-gray-300 [&::-webkit-scrollbar-track]:bg-transparent" }, q = {
   key: 0,
   class: "flex flex-col w-full"
 }, j = {
@@ -58,85 +58,85 @@ const G = {
   key: 0,
   class: "text-xs font-semibold leading-[1.2] text-[#1F2937] mb-[8px]"
 }, X = { class: "flex flex-col gap-[6px]" }, Y = { class: "flex flex-row items-center justify-start" }, D = { class: "text-xs text-[#1F2937] font-normal leading-[1.2]" };
-function ee(e, t, s, o, r, l) {
+function ee(e, t, s, o, l, a) {
   var x, y;
-  const m = u("legendIcon"), h = u("closeIcon");
-  return n(), d(w, null, [
-    a("div", {
+  const n = u("legendIcon"), h = u("closeIcon");
+  return i(), p(v, null, [
+    r("div", {
       class: "flex justify-center items-center rounded-md w-[32px] h-[32px] cursor-pointer bg-white p-1 border-[2px]",
-      onClick: t[0] || (t[0] = (i) => r.isOpenLegend = !r.isOpenLegend)
+      onClick: t[0] || (t[0] = (d) => l.isOpenLegend = !l.isOpenLegend)
     }, [
-      f(m)
+      f(n)
     ]),
-    r.isOpenLegend ? (n(), E(A, {
+    l.isOpenLegend ? (i(), E(R, {
       key: 0,
       to: `#wrapper-${s.mapId}`
     }, [
-      a("div", W, [
-        a("div", P, [
-          t[2] || (t[2] = a("h3", { class: "text-[16px] font-normal text-black" }, "Легенда", -1)),
-          a("button", {
+      r("div", G, [
+        r("div", W, [
+          t[2] || (t[2] = r("h3", { class: "text-[16px] font-normal text-black" }, "Легенда", -1)),
+          r("button", {
             type: "button",
             class: "inline-flex items-center text-sm font-medium text-gray-500 rounded-lg gap-x-2 focus:outline-none disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:hover:text-blue-500 dark:focus:text-blue-500",
-            onClick: t[1] || (t[1] = (i) => r.isOpenLegend = !1)
+            onClick: t[1] || (t[1] = (d) => l.isOpenLegend = !1)
           }, [
             f(h, { class: "w-[20px]" })
           ])
         ]),
-        a("div", Z, [
-          (x = s.colors) != null && x.length ? (n(), d("div", q, [
-            s.colorTitle ? (n(), d("h4", j, b(s.colorTitle), 1)) : c("", !0),
-            a("div", J, [
-              (n(!0), d(w, null, k(s.colors, (i, p) => (n(), d("div", {
-                key: p,
+        r("div", Z, [
+          (x = s.colors) != null && x.length ? (i(), p("div", q, [
+            s.colorTitle ? (i(), p("h4", j, b(s.colorTitle), 1)) : m("", !0),
+            r("div", J, [
+              (i(!0), p(v, null, k(s.colors, (d, c) => (i(), p("div", {
+                key: c,
                 class: "flex items-center gap-[10px]"
               }, [
-                i.color ? (n(), d("div", {
+                d.color ? (i(), p("div", {
                   key: 0,
                   class: "w-[12px] h-[12px] rounded-full",
                   style: I({
-                    backgroundColor: i.color
+                    backgroundColor: d.color
                   })
-                }, null, 4)) : c("", !0),
-                a("p", K, b(i.text || i.val), 1)
+                }, null, 4)) : m("", !0),
+                r("p", K, b(d.text || d.val), 1)
               ]))), 128))
             ])
-          ])) : c("", !0),
-          (y = s.sizes) != null && y.length ? (n(), d("div", Q, [
-            e.sizeTitle ? (n(), d("h4", U, b(e.sizeTitle), 1)) : c("", !0),
-            a("div", X, [
-              l.sortedSizes.length ? (n(!0), d(w, { key: 0 }, k(l.sortedSizes, (i, p) => {
-                var g, v, _, z, M;
-                return n(), d("div", null, [
-                  a("div", Y, [
-                    a("div", {
-                      class: V([l.maxWidht ? `w-[${l.maxWidht}]` : "", "mr-[10px]"])
+          ])) : m("", !0),
+          (y = s.sizes) != null && y.length ? (i(), p("div", Q, [
+            e.sizeTitle ? (i(), p("h4", U, b(e.sizeTitle), 1)) : m("", !0),
+            r("div", X, [
+              a.sortedSizes.length ? (i(!0), p(v, { key: 0 }, k(a.sortedSizes, (d, c) => {
+                var g, w, z, _, M;
+                return i(), p("div", null, [
+                  r("div", Y, [
+                    r("div", {
+                      class: V([a.maxWidht ? `w-[${a.maxWidht}]` : "", "mr-[10px]"])
                     }, [
-                      a("div", {
-                        class: V(l.sizeClass(p)),
+                      r("div", {
+                        class: V(a.sizeClass(c)),
                         style: I({
-                          backgroundColor: ((v = (g = r.palette) == null ? void 0 : g[s.color]) == null ? void 0 : v[p]) || s.color
+                          backgroundColor: ((w = (g = l.palette) == null ? void 0 : g[s.color]) == null ? void 0 : w[c]) || s.color
                         })
                       }, null, 6)
                     ], 2),
-                    a("p", D, b(p === ((_ = l.sortedSizes) == null ? void 0 : _.length) - 1 ? ">" + i : p == ((z = l.sortedSizes) == null ? void 0 : z.length) - 1 ? ">" + l.sortedSizes[((M = l.sortedSizes) == null ? void 0 : M.length) - 1] : i + "-" + l.sortedSizes[p + 1]), 1)
+                    r("p", D, b(c === ((z = a.sortedSizes) == null ? void 0 : z.length) - 1 ? ">" + d : c == ((_ = a.sortedSizes) == null ? void 0 : _.length) - 1 ? ">" + a.sortedSizes[((M = a.sortedSizes) == null ? void 0 : M.length) - 1] : d + "-" + a.sortedSizes[c + 1]), 1)
                   ])
                 ]);
-              }), 256)) : c("", !0)
+              }), 256)) : m("", !0)
             ])
-          ])) : c("", !0)
+          ])) : m("", !0)
         ])
       ])
-    ], 8, ["to"])) : c("", !0)
+    ], 8, ["to"])) : m("", !0)
   ], 64);
 }
-const te = /* @__PURE__ */ C(G, [["render", ee]]), se = {
+const te = /* @__PURE__ */ C(A, [["render", ee]]), se = {
   components: {
-    VsMapSetting: F,
-    VsMapSlotLayers: T,
+    VsMapSetting: B,
+    VsMapSlotLayers: H,
     VsMapLegend: te,
     VsMapGoHome: O,
-    VsList: H
+    VsList: F
   },
   data() {
     return {
@@ -180,6 +180,10 @@ const te = /* @__PURE__ */ C(G, [["render", ee]]), se = {
         this.showLegend = !1, this.showSetting = !1, this.coordinatesByMouse = 0, (t = this.popup) == null || t.remove();
       });
     },
+    getPopoverTitle(e) {
+      var t, s, o, l, a;
+      return (s = (t = this.data) == null ? void 0 : t.colors) != null && s.find((n) => n.val === e) ? (a = (l = (o = this.data) == null ? void 0 : o.colors) == null ? void 0 : l.find((n) => n.val === e)) == null ? void 0 : a.text : e;
+    },
     moveMouseHadler(e) {
       var t;
       try {
@@ -189,7 +193,7 @@ const te = /* @__PURE__ */ C(G, [["render", ee]]), se = {
           return;
         }
         this.map.getCanvas().style.cursor = "pointer", this.popupElement && this.popupElement.remove(), this.popupElement = document.createElement("div"), this.popupElement.className = "absolute text-gray-800 border border-gray-200 rounded-lg shadow-md min-w-28", this.popupElement.style.backgroundColor = "rgba(255, 255, 255, 0.7)", this.popupElement.innerHTML = `<div class="font-semibold text-sm border-b border-solid border-gray-200 text-gray-800 rounded-t-lg  px-2 py-1">
-        ${(o == null ? void 0 : o.x) || (o == null ? void 0 : o.title) || (o == null ? void 0 : o.name) || ""}
+        ${this.getPopoverTitle((o == null ? void 0 : o.x) || (o == null ? void 0 : o.title) || (o == null ? void 0 : o.name)) || ""}
         </div>
     
         <div class="flex justify-between items-center text-xs px-2 py-0.5 text-gray-500 ">
@@ -198,15 +202,15 @@ const te = /* @__PURE__ */ C(G, [["render", ee]]), se = {
           </span>
           <span>${(o == null ? void 0 : o.metric) || 0}</span>
         </div>`;
-        const r = this.map.project(e.lngLat);
-        this.popupElement.style.left = `${r.x}px`, this.popupElement.style.top = `${r.y - 60}px`, this.map.getContainer().appendChild(this.popupElement);
+        const l = this.map.project(e.lngLat);
+        this.popupElement.style.left = `${l.x}px`, this.popupElement.style.top = `${l.y - 60}px`, this.map.getContainer().appendChild(this.popupElement);
       } catch (s) {
         console.error(s);
       }
     }
   }
 }, oe = {
-  mixins: [R, N, se],
+  mixins: [P, N, se],
   name: "VsMap",
   async mounted() {
     await this.getMapData(), await this.createMap();
@@ -221,52 +225,50 @@ const te = /* @__PURE__ */ C(G, [["render", ee]]), se = {
     async loadHandler() {
       const e = ["#69D2E7", "yellow", "#FE4365"], t = this.data.colors ? ["match", ["get", "x"]].concat(
         this.data.colors.reduce(
-          (l, m, h) => l.concat(m.val, e[h]),
+          (a, n, h) => a.concat(n.val, (n == null ? void 0 : n.color) || e[h]),
           []
         )
       ).concat(["gray"]) : "blue", s = [5, 7, 9, 11, 13], o = this.data.sizes ? ["case"] : 5;
-      this.data.sizes && (this.data.sizes.reverse().forEach((l, m) => {
-        o.push([">", ["get", "metric"], l]), o.push(s[m]);
+      this.data.sizes && (this.data.sizes.reverse().forEach((a, n) => {
+        o.push([">", ["get", "metric"], a]), o.push(s[n]);
       }), o.push(5));
-      const r = {
+      const l = {
         type: "circle",
         color: t,
         width: 2,
         radius: o,
         stroke: "#eee"
       };
-      Object.assign(r, this.data.style || {}), this.addVtileLayer({
+      Object.assign(l, this.data.style || {}), this.addVtileLayer({
         id: "bi",
         url: `${window.top.location.origin}/api/bi-vtile/{z}/{x}/{y}.vmt?widget=${this.widget}&dashboard=${this.dashboard}&nocache=1`,
-        style: r
+        style: l
       });
     }
   }
-}, ae = ["id"], le = ["id"], ne = { ref: "popup" }, re = { class: "absolute flex flex-col right-[10px] top-[105px] gap-1" };
-function ie(e, t, s, o, r, l) {
-  var i, p, g;
-  const m = u("VsMapSetting"), h = u("VsMapSlotLayers"), x = u("VsMapLegend"), y = u("VsMapGoHome");
-  return n(), d("div", {
+}, ae = ["id"], le = ["id"], re = { class: "absolute flex flex-col right-[10px] top-[105px] gap-1" };
+function ne(e, t, s, o, l, a) {
+  var d, c, g;
+  const n = u("VsMapSetting"), h = u("VsMapSlotLayers"), x = u("VsMapLegend"), y = u("VsMapGoHome");
+  return i(), p("div", {
     class: "relative w-full h-full",
     id: `wrapper-${e.mapId}`
   }, [
-    a("div", {
+    r("div", {
       id: e.mapId,
       class: "w-full flex items-end relative h-[250px]"
-    }, [
-      a("div", ne, null, 512)
-    ], 8, le),
-    e.showSetting ? (n(), E(m, {
+    }, null, 8, le),
+    e.showSetting ? (i(), E(n, {
       key: 0,
       map: e.map,
       coordinates: e.coordinatesByMouse
-    }, null, 8, ["map", "coordinates"])) : c("", !0),
+    }, null, 8, ["map", "coordinates"])) : m("", !0),
     f(h, { map: e.map }, null, 8, ["map"]),
-    a("div", re, [
+    r("div", re, [
       f(x, {
         mapId: e.mapId,
-        colors: (i = e.data) == null ? void 0 : i.colors,
-        sizes: (p = e.data) == null ? void 0 : p.sizes,
+        colors: (d = e.data) == null ? void 0 : d.colors,
+        sizes: (c = e.data) == null ? void 0 : c.sizes,
         color: e.color,
         resizeItem: "true"
       }, null, 8, ["mapId", "colors", "sizes", "color"]),
@@ -277,7 +279,7 @@ function ie(e, t, s, o, r, l) {
     ])
   ], 8, ae);
 }
-const me = /* @__PURE__ */ C(oe, [["render", ie]]);
+const ce = /* @__PURE__ */ C(oe, [["render", ne]]);
 export {
-  me as default
+  ce as default
 };

package/dist/{vs-map-cluster-B9kG91Ge.js → vs-map-cluster-ZPcu4qhm.js}

@@ -1,8 +1,8 @@
-import { c as A, l as P, p as O, b as Z, V as q, a as K, d as W, e as D, m as T } from "./vs-list-C-gFvDvr.js";
-import { _ as V, V as J, c as Q, e as N, I as U, g as X } from "./import-file-XtDaxS3X.js";
-import { createElementBlock as h, createCommentVNode as S, openBlock as p, createElementVNode as l, normalizeClass as I, Fragment as F, renderList as G, toDisplayString as R, normalizeStyle as Y, resolveComponent as u, withDirectives as z, createBlock as M, resolveDynamicComponent as j, createVNode as w, vShow as C } from "vue";
+import { l as G, c as A, p as R, e as P, V as Z, b as q, d as D, a as K, m as H } from "./vs-list-D1NHJa-8.js";
+import { _ as V, c as W, V as J, I as Q, e as U, g as X } from "./import-file-n7AnE4rc.js";
+import { openBlock as p, createElementBlock as m, createElementVNode as l, normalizeClass as I, Fragment as N, renderList as O, toDisplayString as F, normalizeStyle as Y, createCommentVNode as S, resolveComponent as g, createBlock as z, resolveDynamicComponent as j, withDirectives as M, createVNode as w, vShow as C } from "vue";
 const $ = {
-  components: { legendIcon: P, closeIcon: A },
+  components: { legendIcon: G, closeIcon: A },
   props: {
     mapId: { type: String },
     colors: { type: Array },
@@ -17,7 +17,7 @@ const $ = {
   data() {
     return {
       isOpenLegend: !1,
-      palette: O
+      palette: R
       // palette: ['#69D2E7', 'yellow', '#FE4365'],
     };
   },
@@ -51,24 +51,24 @@ const $ = {
 }, te = { class: "w-[80px] mr-[10px]" }, se = ["title"], oe = { class: "text-[10px] mb-[2px] text-[#1F2937] font-normal leading-[1.2]" };
 function re(t, s, n, a, e, o) {
   var d;
-  return (d = n.sizes) != null && d.length ? (p(), h("div", ee, [
+  return (d = n.sizes) != null && d.length ? (p(), m("div", ee, [
     l("div", te, [
       s[0] || (s[0] = l("p", { class: "text-[10px] mb-[2px] text-[#1F2937] leading-[1.2]" }, " Дані відсутні ", -1)),
       l("div", {
         class: I([o.sizeClass(t.index), "w-full border border-gray-500"])
       }, null, 2)
     ]),
-    o.sortedSizes.length ? (p(!0), h(F, { key: 0 }, G(o.sortedSizes, (c, i) => {
-      var x, v, _, m, g, y, f, b;
-      return p(), h("div", {
+    o.sortedSizes.length ? (p(!0), m(N, { key: 0 }, O(o.sortedSizes, (c, i) => {
+      var h, u, _, y, f, b, v, x;
+      return p(), m("div", {
         class: "w-[80px]",
-        title: i === ((x = o.sortedSizes) == null ? void 0 : x.length) - 1 ? ">" + c : i == ((v = o.sortedSizes) == null ? void 0 : v.length) - 1 ? ">" + o.sortedSizes[((_ = o.sortedSizes) == null ? void 0 : _.length) - 1] : c + "-" + o.sortedSizes[i + 1]
+        title: i === ((h = o.sortedSizes) == null ? void 0 : h.length) - 1 ? ">" + c : i == ((u = o.sortedSizes) == null ? void 0 : u.length) - 1 ? ">" + o.sortedSizes[((_ = o.sortedSizes) == null ? void 0 : _.length) - 1] : c + "-" + o.sortedSizes[i + 1]
       }, [
-        l("p", oe, R(i === ((m = o.sortedSizes) == null ? void 0 : m.length) - 1 ? ">" + parseInt(c) : i == ((g = o.sortedSizes) == null ? void 0 : g.length) - 1 ? ">" + parseInt(o.sortedSizes[((y = o.sortedSizes) == null ? void 0 : y.length) - 1]) : parseInt(c) + "-" + parseInt(o.sortedSizes[i + 1])), 1),
+        l("p", oe, F(i === ((y = o.sortedSizes) == null ? void 0 : y.length) - 1 ? ">" + parseInt(c) : i == ((f = o.sortedSizes) == null ? void 0 : f.length) - 1 ? ">" + parseInt(o.sortedSizes[((b = o.sortedSizes) == null ? void 0 : b.length) - 1]) : parseInt(c) + "-" + parseInt(o.sortedSizes[i + 1])), 1),
         l("div", {
           class: I([o.sizeClass(i), "w-full border border-r-0 border-gray-500"]),
           style: Y({
-            backgroundColor: ((b = (f = e.palette) == null ? void 0 : f[n.color]) == null ? void 0 : b[i]) || n.color
+            backgroundColor: ((x = (v = e.palette) == null ? void 0 : v[n.color]) == null ? void 0 : x[i]) || n.color
           })
         }, null, 6)
       ], 8, se);
@@ -88,7 +88,7 @@ const ae = /* @__PURE__ */ V($, [["render", re]]), ne = {}, le = {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-map"
 };
 function ie(t, s) {
-  return p(), h("svg", le, s[0] || (s[0] = [
+  return p(), m("svg", le, s[0] || (s[0] = [
     l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
@@ -100,13 +100,13 @@ function ie(t, s) {
   ]));
 }
 const pe = /* @__PURE__ */ V(ne, [["render", ie]]), ce = {
-  mixins: [Q, D],
+  mixins: [W, P],
   components: {
-    VsMapSetting: W,
+    VsMapSetting: Z,
     VsClusterLegend: ae,
-    VsMapGoHome: K,
-    VsList: q,
-    VsMapSlotLayers: Z,
+    VsMapGoHome: q,
+    VsList: D,
+    VsMapSlotLayers: K,
     // VsListbar,
     VsBar: J
   },
@@ -116,8 +116,8 @@ const pe = /* @__PURE__ */ V(ne, [["render", ie]]), ce = {
       kattotg: "",
       options: [
         { id: "map", text: "Карта", component: pe },
-        { id: "table", text: "Таблиця", component: U },
-        { id: "chart", text: "Віджет", component: X }
+        { id: "table", text: "Таблиця", component: Q },
+        { id: "chart", text: "Віджет", component: U }
       ],
       activeTab: "map",
       mapId: `map-${Math.floor(Math.random() * 1e3)}`,
@@ -142,19 +142,21 @@ const pe = /* @__PURE__ */ V(ne, [["render", ie]]), ce = {
   },
   methods: {
     async getMapData() {
-      const t = await N.get(
+      const t = await X.get(
         `/bi-cluster?widget=${this.widget}&dashboard=${this.dashboard}`
-      ), { data: s } = await N.get(
-        `/bi-data?dashboard=${this.dashboard}&widget=${this.widget}`
       );
-      console.log(s), this.data = t.data;
+      this.data = t.data, this.$emit("update:widgetData", this.data), setTimeout(() => {
+        var s;
+        return (s = this.map) == null ? void 0 : s.resize();
+      });
     },
     async loadHandler() {
       var a, e, o, d;
       this.baseColor = ((a = this.data.style) == null ? void 0 : a.color) || "blue";
       const t = ["case"];
-      (d = (o = (e = this.data) == null ? void 0 : e.sizes) == null ? void 0 : o.reverse()) == null || d.forEach((c, i) => {
-        t.push([">", ["get", "metric"], c]), t.push(O[this.baseColor][i]), i++;
+      (d = (o = (e = this.data) == null ? void 0 : e.sizes) == null ? void 0 : o.toReversed()) == null || d.forEach((c, i) => {
+        var h, u;
+        t.push([">", ["get", "metric"], c]), t.push((u = (h = R[this.baseColor]) == null ? void 0 : h.toReversed()) == null ? void 0 : u[i]), i++;
       }), t.push("gray");
       const s = {
         type: "polygon",
@@ -188,7 +190,7 @@ const pe = /* @__PURE__ */ V(ne, [["render", ie]]), ce = {
         sources: {},
         layers: []
       };
-      this.map = await new T.Map({
+      this.map = await new H.Map({
         container: this.mapId,
         style: t,
         center: [31, 48.5],
@@ -197,7 +199,7 @@ const pe = /* @__PURE__ */ V(ne, [["render", ie]]), ce = {
         maxZoom: 20,
         attributionControl: !1
       }), this.map.addControl(
-        new T.NavigationControl({
+        new H.NavigationControl({
           visualizePitch: !0
         })
       ), this.map.on("load", () => {
@@ -234,26 +236,26 @@ const pe = /* @__PURE__ */ V(ne, [["render", ie]]), ce = {
       }
     }
   }
-}, de = { class: "h-full" }, he = { class: "flex items-start justify-between mb-[6px] w-full" }, ue = { class: "text-gray-800 font-[600]" }, me = { class: "flex gap-2" }, ge = ["onClick"], ye = ["id"], fe = ["id"], be = { class: "absolute flex flex-col right-[10px] top-[105px] gap-1" }, xe = { class: "h-[calc(250px)]" };
-function ve(t, s, n, a, e, o) {
-  var m, g, y, f, b, k, L, E, B, H;
-  const d = u("VsMapSetting"), c = u("VsMapSlotLayers"), i = u("VsMapGoHome"), x = u("VsClusterLegend"), v = u("VsList"), _ = u("VsBar");
-  return p(), h("div", de, [
+}, de = { class: "h-full" }, he = { class: "flex items-start justify-between mb-[6px] w-full" }, ue = { class: "text-gray-800 font-[600]" }, me = { class: "flex gap-2" }, ge = ["onClick"], ye = ["id"], fe = ["id"], be = { class: "absolute flex flex-col right-[10px] top-[105px] gap-1" }, ve = { class: "h-[calc(250px)]" };
+function xe(t, s, n, a, e, o) {
+  var y, f, b, v, x, k, L, E, B, T;
+  const d = g("VsMapSetting"), c = g("VsMapSlotLayers"), i = g("VsMapGoHome"), h = g("VsClusterLegend"), u = g("VsList"), _ = g("VsBar");
+  return p(), m("div", de, [
     l("div", he, [
-      l("h3", ue, R(t.title), 1),
+      l("h3", ue, F(t.title), 1),
       l("div", me, [
-        (p(!0), h(F, null, G(e.options, (r) => (p(), h("button", {
+        (p(!0), m(N, null, O(e.options, (r) => (p(), m("button", {
           class: I(["p-1 text-gray-700 border rounded", [e.activeTab === (r == null ? void 0 : r.id) ? "ring-2 ring-blue-500" : ""]]),
           onClick: (_e) => e.activeTab = r == null ? void 0 : r.id
         }, [
-          (p(), M(j(r == null ? void 0 : r.component), {
+          (p(), z(j(r == null ? void 0 : r.component), {
             height: "16",
             width: "16"
           }))
         ], 10, ge))), 256))
       ])
     ]),
-    z(l("div", {
+    M(l("div", {
       class: "relative w-full h-[calc(100%-40px)]",
       id: `wrapper-${e.mapId}`
     }, [
@@ -261,7 +263,7 @@ function ve(t, s, n, a, e, o) {
         id: e.mapId,
         class: "h-[calc(100%-40px)] w-full flex items-end min-h-[250px]"
       }, null, 8, fe),
-      e.showSetting ? (p(), M(d, {
+      e.showSetting ? (p(), z(d, {
         key: 0,
         map: e.map,
         coordinates: e.coordinatesByMouse
@@ -270,13 +272,13 @@ function ve(t, s, n, a, e, o) {
       l("div", be, [
         w(i, {
           map: e.map,
-          bbox: (m = e.data) == null ? void 0 : m.bounds
+          bbox: (y = e.data) == null ? void 0 : y.bounds
         }, null, 8, ["map", "bbox"])
       ]),
-      w(x, {
+      w(h, {
         mapId: e.mapId,
-        colors: (g = e.data) == null ? void 0 : g.colors,
-        sizes: (y = e.data) == null ? void 0 : y.sizes,
+        colors: (f = e.data) == null ? void 0 : f.colors,
+        sizes: (b = e.data) == null ? void 0 : b.sizes,
         color: e.baseColor,
         changeOpacityItem: "true",
         cluster: "true"
@@ -284,19 +286,19 @@ function ve(t, s, n, a, e, o) {
     ], 8, ye), [
       [C, e.activeTab == "map"]
     ]),
-    z(w(v, {
+    M(w(u, {
       mapId: e.mapId,
-      source: (f = e.data) == null ? void 0 : f.rows,
-      total: ((b = e.data) == null ? void 0 : b.total) || 0,
+      source: (v = e.data) == null ? void 0 : v.rows,
+      total: ((x = e.data) == null ? void 0 : x.total) || 0,
       count: ((k = e.data) == null ? void 0 : k.count) || 0,
       onKattotg: s[0] || (s[0] = (r) => e.kattotg = r)
     }, null, 8, ["mapId", "source", "total", "count"]), [
       [C, e.activeTab == "table"]
     ]),
-    z(l("div", xe, [
-      (E = (L = e.data) == null ? void 0 : L.rows) != null && E.length ? (p(), M(_, {
+    M(l("div", ve, [
+      (E = (L = e.data) == null ? void 0 : L.rows) != null && E.length ? (p(), z(_, {
         key: 0,
-        source: (H = (B = e.data) == null ? void 0 : B.rows) == null ? void 0 : H.map((r) => ({
+        source: (T = (B = e.data) == null ? void 0 : B.rows) == null ? void 0 : T.map((r) => ({
           title: r == null ? void 0 : r.title,
           metric: r == null ? void 0 : r.metric
         }))
@@ -306,7 +308,7 @@ function ve(t, s, n, a, e, o) {
     ])
   ]);
 }
-const Me = /* @__PURE__ */ V(ce, [["render", ve]]);
+const Me = /* @__PURE__ */ V(ce, [["render", xe]]);
 export {
   Me as default
 };

package/dist/{vs-number-BuOWTFVp.js → vs-number-Z4ee8Kwo.js}

@@ -1,5 +1,5 @@
-import { _ as c, c as o, f as n } from "./import-file-XtDaxS3X.js";
-import { createElementBlock as i, openBlock as m, toDisplayString as s } from "vue";
+import { _ as c, c as o, f as n } from "./import-file-n7AnE4rc.js";
+import { openBlock as i, createElementBlock as m, toDisplayString as s } from "vue";
 const u = {
   name: "VsNumber",
   mixins: [o],
@@ -47,7 +47,7 @@ const u = {
   }
 }, h = { class: "text-lg lg:text-xl xl:text-2xl text-gray-800 h-[32px] flex items-center" };
 function x(e, t, r, f, l, a) {
-  return m(), i("div", h, s(a.prefix) + s(a.formattedNumber), 1);
+  return i(), m("div", h, s(a.prefix) + s(a.formattedNumber), 1);
 }
 const b = /* @__PURE__ */ c(u, [["render", x]]);
 export {

package/dist/{vs-table-BG9nb7R0.js → vs-table-BrnSztWP.js}

@@ -1,5 +1,5 @@
-import { _ as m, c as f, d as _, a as b } from "./import-file-XtDaxS3X.js";
-import { createElementBlock as a, openBlock as r, createElementVNode as s, Fragment as n, renderList as c, toDisplayString as d } from "vue";
+import { _ as m, c as f, d as _, a as b } from "./import-file-n7AnE4rc.js";
+import { openBlock as a, createElementBlock as r, createElementVNode as s, Fragment as n, renderList as c, toDisplayString as d } from "vue";
 const x = {
   name: "VsTable",
   mixins: [f],
@@ -39,20 +39,20 @@ const x = {
   class: "xl:min-w-[120px] min-w-48"
 }, F = { class: "flex items-center px-1 py-3 font-medium text-gray-800 text-start gap-x-1" }, T = { class: "divide-y divide-gray-200" }, B = { class: "text-gray-600" };
 function E(t, e, o, l, N, S) {
-  return r(), a("div", y, [
+  return a(), r("div", y, [
     s("div", g, [
       s("div", w, [
         s("table", k, [
           s("thead", v, [
             s("tr", D, [
-              (r(!0), a(n, null, c(t.dimensions, (i) => (r(), a("th", $, [
+              (a(!0), r(n, null, c(t.dimensions, (i) => (a(), r("th", $, [
                 s("div", F, d(i), 1)
               ]))), 256))
             ])
           ]),
           s("tbody", T, [
-            (r(!0), a(n, null, c(t.sourceData, (i, p) => (r(), a("tr", { key: p }, [
-              (r(!0), a(n, null, c(t.dimensions, (u, h) => (r(), a("td", {
+            (a(!0), r(n, null, c(t.sourceData, (i, p) => (a(), r("tr", { key: p }, [
+              (a(!0), r(n, null, c(t.dimensions, (u, h) => (a(), r("td", {
                 key: h,
                 class: "py-3 whitespace-nowrap"
               }, [

package/dist/{vs-text-BEb3W2ua.js → vs-text-Bj9iBISe.js}

@@ -1,5 +1,5 @@
-import { _ as o, c as s, m as i } from "./import-file-XtDaxS3X.js";
-import { createElementBlock as r, openBlock as n, createCommentVNode as a } from "vue";
+import { _ as o, c as s, m as i } from "./import-file-n7AnE4rc.js";
+import { openBlock as r, createElementBlock as n, createCommentVNode as a } from "vue";
 const c = {
   name: "VsText",
   mixins: [s],
@@ -24,11 +24,11 @@ const c = {
   }
 }, u = ["id"], d = ["innerHTML"];
 function l(t, m, x, h, e, _) {
-  return n(), r("div", {
+  return r(), n("div", {
     id: e.uniqueID,
     class: "relative select-auto h-full rounded-xl text-[12px] box-border bg-white custom-scrollbar text-widget"
   }, [
-    e.markedText ? (n(), r("div", {
+    e.markedText ? (r(), n("div", {
       key: 0,
       innerHTML: e.markedText
     }, null, 8, d)) : a("", !0)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengis/bi",
-  "version": "1.0.44",
+  "version": "1.0.45",
   "description": "BI data visualization module",
   "main": "dist/bi.js",
   "browser": "dist/bi.umd.cjs",