@opengis/bi 1.2.7 → 1.2.10

package/dist/{vs-map-BsmBbjRv.js → vs-map-BREwpKyt.js}

@@ -1,7 +1,7 @@
-import { c as E, l as L, p as $, V as T, a as B, b as H, d as O, e as F } from "./vs-list-_I6Z56hC.js";
-import { _ as V, c as N } from "./import-file-DnbEvuUN.js";
-import { resolveComponent as u, createElementBlock as p, openBlock as i, Fragment as w, createElementVNode as l, createBlock as C, createCommentVNode as m, createVNode as x, Teleport as P, toDisplayString as f, renderList as S, normalizeStyle as k, normalizeClass as I } from "vue";
-const R = {
+import { _ as E, a as L, p as $, V as T, b as B, c as H, d as O, l as F, e as N } from "./vs-list-CqZhcJTj.js";
+import { _ as V, c as P } from "./import-file-B5MQcuRd.js";
+import { resolveComponent as u, createElementBlock as c, openBlock as i, Fragment as w, createElementVNode as r, createBlock as C, createCommentVNode as m, createVNode as x, Teleport as R, toDisplayString as g, renderList as S, normalizeStyle as k, normalizeClass as I } from "vue";
+const A = {
   components: { legendIcon: L, closeIcon: E },
   props: {
     mapId: { type: String },
@@ -45,81 +45,81 @@ const R = {
       return (e + 1) / this.sortedSizes.length;
     }
   }
-}, A = { class: "w-full absolute max-w-[200px] bg-white border rounded-lg bottom-[10px] right-[50px]" }, G = { class: "flex items-center justify-between border-b border-[#0000001A] px-2" }, W = { 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" }, Z = {
+}, 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" }, j = {
   key: 0,
   class: "flex flex-col w-full"
-}, j = {
+}, q = {
   key: 0,
   class: "text-xs font-semibold leading-[1.2] text-[#1F2937] mb-[8px]"
-}, q = { class: "flex flex-col gap-[6px]" }, D = { class: "text-xs text-[#1F2937] font-normal leading-[1.2]" }, J = {
+}, D = { class: "flex flex-col gap-[6px]" }, J = { class: "text-xs text-[#1F2937] font-normal leading-[1.2]" }, K = {
   key: 1,
   class: "flex flex-col w-full"
-}, K = {
+}, Q = {
   key: 0,
   class: "text-xs font-semibold leading-[1.2] text-[#1F2937] mb-[8px]"
-}, Q = { class: "flex flex-col gap-[6px]" }, U = { class: "flex flex-row items-center justify-start" }, X = { class: "text-xs text-[#1F2937] font-normal leading-[1.2]" };
-function Y(e, o, t, s, r, a) {
+}, U = { class: "flex flex-col gap-[6px]" }, X = { class: "flex flex-row items-center justify-start" }, Y = { class: "text-xs text-[#1F2937] font-normal leading-[1.2]" };
+function ee(e, o, t, s, a, l) {
   var y, b;
   const n = u("legendIcon"), h = u("closeIcon");
-  return i(), p(w, null, [
-    l("div", {
+  return i(), c(w, null, [
+    r("div", {
       class: "flex justify-center items-center rounded-md w-[32px] h-[32px] cursor-pointer bg-white p-1 border-[2px]",
-      onClick: o[0] || (o[0] = (d) => r.isOpenLegend = !r.isOpenLegend)
+      onClick: o[0] || (o[0] = (d) => a.isOpenLegend = !a.isOpenLegend)
     }, [
       x(n)
     ]),
-    r.isOpenLegend ? (i(), C(P, {
+    a.isOpenLegend ? (i(), C(R, {
       key: 0,
       to: `#wrapper-${t.mapId}`
     }, [
-      l("div", A, [
-        l("div", G, [
-          o[2] || (o[2] = l("h3", { class: "text-[16px] font-normal text-black" }, "Легенда", -1)),
-          l("button", {
+      r("div", G, [
+        r("div", W, [
+          o[2] || (o[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: o[1] || (o[1] = (d) => r.isOpenLegend = !1)
+            onClick: o[1] || (o[1] = (d) => a.isOpenLegend = !1)
           }, [
             x(h, { class: "w-[20px]" })
           ])
         ]),
-        l("div", W, [
-          (y = t.colors) != null && y.length ? (i(), p("div", Z, [
-            t.colorTitle ? (i(), p("h4", j, f(t.colorTitle), 1)) : m("", !0),
-            l("div", q, [
-              (i(!0), p(w, null, S(t.colors, (d, c) => (i(), p("div", {
-                key: c,
+        r("div", Z, [
+          (y = t.colors) != null && y.length ? (i(), c("div", j, [
+            t.colorTitle ? (i(), c("h4", q, g(t.colorTitle), 1)) : m("", !0),
+            r("div", D, [
+              (i(!0), c(w, null, S(t.colors, (d, p) => (i(), c("div", {
+                key: p,
                 class: "flex items-center gap-[10px]"
               }, [
-                d.color ? (i(), p("div", {
+                d.color ? (i(), c("div", {
                   key: 0,
                   class: "w-[12px] h-[12px] rounded-full",
                   style: k({
                     backgroundColor: d.color
                   })
                 }, null, 4)) : m("", !0),
-                l("p", D, f(d.text || d.val), 1)
+                r("p", J, g(d.text || d.val), 1)
               ]))), 128))
             ])
           ])) : m("", !0),
-          (b = t.sizes) != null && b.length ? (i(), p("div", J, [
-            e.sizeTitle ? (i(), p("h4", K, f(e.sizeTitle), 1)) : m("", !0),
-            l("div", Q, [
-              a.sortedSizes.length ? (i(!0), p(w, { key: 0 }, S(a.sortedSizes, (d, c) => {
-                var g, v, _, z, M;
-                return i(), p("div", null, [
-                  l("div", U, [
-                    l("div", {
-                      class: I([a.maxWidht ? `w-[${a.maxWidht}]` : "", "mr-[10px]"])
+          (b = t.sizes) != null && b.length ? (i(), c("div", K, [
+            e.sizeTitle ? (i(), c("h4", Q, g(e.sizeTitle), 1)) : m("", !0),
+            r("div", U, [
+              l.sortedSizes.length ? (i(!0), c(w, { key: 0 }, S(l.sortedSizes, (d, p) => {
+                var f, v, _, z, M;
+                return i(), c("div", null, [
+                  r("div", X, [
+                    r("div", {
+                      class: I([l.maxWidht ? `w-[${l.maxWidht}]` : "", "mr-[10px]"])
                     }, [
-                      l("div", {
-                        class: I(a.sizeClass(c)),
+                      r("div", {
+                        class: I(l.sizeClass(p)),
                         style: k({
-                          backgroundColor: ((v = (g = r.palette) == null ? void 0 : g[t.color]) == null ? void 0 : v[c]) || t.color
+                          backgroundColor: ((v = (f = a.palette) == null ? void 0 : f[t.color]) == null ? void 0 : v[p]) || t.color
                         })
                       }, null, 6)
                     ], 2),
-                    l("p", X, f(c === ((_ = a.sortedSizes) == null ? void 0 : _.length) - 1 ? ">" + d : c == ((z = a.sortedSizes) == null ? void 0 : z.length) - 1 ? ">" + a.sortedSizes[((M = a.sortedSizes) == null ? void 0 : M.length) - 1] : d + "-" + a.sortedSizes[c + 1]), 1)
+                    r("p", Y, g(p === ((_ = l.sortedSizes) == null ? void 0 : _.length) - 1 ? ">" + d : p == ((z = l.sortedSizes) == null ? void 0 : z.length) - 1 ? ">" + l.sortedSizes[((M = l.sortedSizes) == null ? void 0 : M.length) - 1] : d + "-" + l.sortedSizes[p + 1]), 1)
                   ])
                 ]);
               }), 256)) : m("", !0)
@@ -130,11 +130,11 @@ function Y(e, o, t, s, r, a) {
     ], 8, ["to"])) : m("", !0)
   ], 64);
 }
-const ee = /* @__PURE__ */ V(R, [["render", Y]]), te = {
+const te = /* @__PURE__ */ V(A, [["render", ee]]), se = {
   components: {
     VsMapSetting: O,
     VsMapSlotLayers: H,
-    VsMapLegend: ee,
+    VsMapLegend: te,
     VsMapGoHome: B,
     VsList: T
   },
@@ -153,37 +153,39 @@ const ee = /* @__PURE__ */ V(R, [["render", Y]]), te = {
   },
   methods: {
     async createMap() {
-      var o, t;
-      const e = {
+      var t, s;
+      const e = await F();
+      if (!e) return;
+      const o = {
         version: 8,
         glyphs: "https://cdn.softpro.ua/data/fonts/{fontstack}/{range}.pbf",
         sources: {},
         layers: []
       };
-      this.map = await new maplibregl.Map({
+      this.map = await new e.Map({
         container: this.mapId,
-        style: e,
+        style: o,
         center: [31, 48.5],
-        zoom: ((t = (o = this.data) == null ? void 0 : o.style) == null ? void 0 : t.zoom) || 5,
+        zoom: ((s = (t = this.data) == null ? void 0 : t.style) == null ? void 0 : s.zoom) || 5,
         minZoom: 3,
         maxZoom: 20,
         attributionControl: !1
       }), this.map.addControl(
-        new maplibregl.NavigationControl({
+        new e.NavigationControl({
           visualizePitch: !0
         })
       ), this.map.on("load", () => {
         this.loadHandler();
-      }), this.map.on("mousemove", (s) => {
-        this.moveMouseHadler(s);
+      }), this.map.on("mousemove", (a) => {
+        this.moveMouseHadler(a);
       }), this.map.on("mouseout", () => {
-        var s;
-        this.showLegend = !1, this.showSetting = !1, this.coordinatesByMouse = 0, (s = this.popup) == null || s.remove();
+        var a;
+        this.showLegend = !1, this.showSetting = !1, this.coordinatesByMouse = 0, (a = this.popup) == null || a.remove();
       });
     },
     getPopoverTitle(e) {
-      var o, t, s, r, a;
-      return (t = (o = this.data) == null ? void 0 : o.colors) != null && t.find((n) => n.val === e) ? (a = (r = (s = this.data) == null ? void 0 : s.colors) == null ? void 0 : r.find((n) => n.val === e)) == null ? void 0 : a.text : e;
+      var o, t, s, a, l;
+      return (t = (o = this.data) == null ? void 0 : o.colors) != null && t.find((n) => n.val === e) ? (l = (a = (s = this.data) == null ? void 0 : s.colors) == null ? void 0 : a.find((n) => n.val === e)) == null ? void 0 : l.text : e;
     },
     moveMouseHadler(e) {
       var o;
@@ -203,15 +205,15 @@ const ee = /* @__PURE__ */ V(R, [["render", Y]]), te = {
           </span>
           <span>${(s == null ? void 0 : s.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 a = this.map.project(e.lngLat);
+        this.popupElement.style.left = `${a.x}px`, this.popupElement.style.top = `${a.y - 60}px`, this.map.getContainer().appendChild(this.popupElement);
       } catch (t) {
         console.error(t);
       }
     }
   }
-}, se = {
-  mixins: [N, F, te],
+}, oe = {
+  mixins: [P, N, se],
   name: "VsMap",
   async mounted() {
     await this.getMapData(), await this.createMap();
@@ -229,66 +231,66 @@ const ee = /* @__PURE__ */ V(R, [["render", Y]]), te = {
     async loadHandler() {
       const e = ["#69D2E7", "yellow", "#FE4365"], o = this.data.colors ? ["match", ["get", "x"]].concat(
         this.data.colors.reduce(
-          (a, n, h) => a.concat(n.val, (n == null ? void 0 : n.color) || e[h]),
+          (l, n, h) => l.concat(n.val, (n == null ? void 0 : n.color) || e[h]),
           []
         )
       ).concat(["gray"]) : "blue", t = [5, 7, 9, 11, 13], s = this.data.sizes ? ["case"] : 5;
-      this.data.sizes && (this.data.sizes.reverse().forEach((a, n) => {
-        s.push([">", ["get", "metric"], a]), s.push(t[n]);
+      this.data.sizes && (this.data.sizes.reverse().forEach((l, n) => {
+        s.push([">", ["get", "metric"], l]), s.push(t[n]);
       }), s.push(5));
-      const r = {
+      const a = {
         type: "circle",
         color: o,
         width: 2,
         radius: s,
         stroke: "#eee"
       };
-      Object.assign(r, this.data.style || {}), this.addVtileLayer({
+      Object.assign(a, 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: a
       });
     }
   }
-}, oe = { class: "w-full h-full" }, ae = { class: "flex items-start justify-between mb-[6px] w-full" }, le = { class: "text-gray-800 font-[600]" }, re = ["id"], ne = ["id"], ie = { class: "absolute flex flex-col right-[10px] top-[105px] gap-1" };
-function de(e, o, t, s, r, a) {
-  var d, c, g;
+}, ae = { class: "w-full h-full" }, le = { class: "flex items-start justify-between mb-[6px] w-full" }, re = { class: "text-gray-800 font-[600]" }, ne = ["id"], ie = ["id"], de = { class: "absolute flex flex-col right-[10px] top-[105px] gap-1" };
+function ce(e, o, t, s, a, l) {
+  var d, p, f;
   const n = u("VsMapSetting"), h = u("VsMapSlotLayers"), y = u("VsMapLegend"), b = u("VsMapGoHome");
-  return i(), p("div", oe, [
-    l("div", ae, [
-      l("h5", le, f(e.title), 1)
+  return i(), c("div", ae, [
+    r("div", le, [
+      r("h5", re, g(e.title), 1)
     ]),
-    l("div", {
+    r("div", {
       class: "relative w-full h-[calc(100%-40px)]",
       id: `wrapper-${e.mapId}`
     }, [
-      l("div", {
+      r("div", {
         id: e.mapId,
         class: "w-full flex items-end relative h-full min-h-[250px]"
-      }, null, 8, ne),
+      }, null, 8, ie),
       e.showSetting ? (i(), C(n, {
         key: 0,
         map: e.map,
         coordinates: e.coordinatesByMouse
       }, null, 8, ["map", "coordinates"])) : m("", !0),
       x(h, { map: e.map }, null, 8, ["map"]),
-      l("div", ie, [
+      r("div", de, [
         x(y, {
           mapId: e.mapId,
           colors: (d = e.data) == null ? void 0 : d.colors,
-          sizes: (c = e.data) == null ? void 0 : c.sizes,
+          sizes: (p = e.data) == null ? void 0 : p.sizes,
           color: e.color,
           resizeItem: "true"
         }, null, 8, ["mapId", "colors", "sizes", "color"]),
         x(b, {
           map: e.map,
-          bbox: (g = e.data) == null ? void 0 : g.bounds
+          bbox: (f = e.data) == null ? void 0 : f.bounds
         }, null, 8, ["map", "bbox"])
       ])
-    ], 8, re)
+    ], 8, ne)
   ]);
 }
-const ue = /* @__PURE__ */ V(se, [["render", de]]);
+const he = /* @__PURE__ */ V(oe, [["render", ce]]);
 export {
-  ue as default
+  he as default
 };

package/dist/vs-map-cluster-B3VVh2Th.js

@@ -0,0 +1,314 @@
+import { _ as A, a as F, p as T, c as G, V as P, b as Z, d as q, e as D, l as K } from "./vs-list-CqZhcJTj.js";
+import { e as W, _ as H, V as J, c as Q, g as U, h as X, j as Y } from "./import-file-B5MQcuRd.js";
+import { createElementBlock as g, createCommentVNode as S, openBlock as p, createElementVNode as l, normalizeClass as V, Fragment as R, renderList as N, toDisplayString as O, normalizeStyle as j, createBlock as z, unref as $, mergeProps as ee, resolveComponent as m, withDirectives as M, resolveDynamicComponent as te, createVNode as w, vShow as C } from "vue";
+/**
+ * @license lucide-vue-next v0.546.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const se = W("map", [
+  [
+    "path",
+    {
+      d: "M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z",
+      key: "169xi5"
+    }
+  ],
+  ["path", { d: "M15 5.764v15", key: "1pn4in" }],
+  ["path", { d: "M9 3.236v15", key: "1uimfh" }]
+]), oe = {
+  components: { legendIcon: F, closeIcon: A },
+  props: {
+    mapId: { type: String },
+    colors: { type: Array },
+    sizes: { type: Array, default: () => [] },
+    cluster: { type: [Boolean, String] },
+    color: { type: String, default: "gray" },
+    colorTitle: { type: String },
+    sizesTitle: { type: String },
+    resizeItem: { type: [Boolean, String], default: !1 },
+    changeOpacityItem: { type: [Boolean, String], default: !1 }
+  },
+  data() {
+    return {
+      isOpenLegend: !1,
+      palette: T
+      // palette: ['#69D2E7', 'yellow', '#FE4365'],
+    };
+  },
+  computed: {
+    borderRadius() {
+      return this.cluster ? "rounded-sm" : "rounded-full";
+    },
+    sortedSizes() {
+      return [...this.sizes].sort((t, s) => t - s);
+    },
+    maxWidht() {
+      var o;
+      const t = ((o = this.sizes) == null ? void 0 : o.length) - 1;
+      return this.calcSize(t);
+    }
+  },
+  methods: {
+    sizeClass(t) {
+      return this.resizeItem ? `h-[${this.calcSize(t)}] w-[${this.calcSize(t)}] ${this.borderRadius}` : `h-[10px]  ${this.borderRadius}`;
+    },
+    calcSize(t) {
+      return `${10 + t * 2}px`;
+    },
+    getOpacity(t) {
+      return (t + 1) / this.sortedSizes.length;
+    }
+  }
+}, ae = {
+  key: 0,
+  class: "absolute flex items-end w-fit bottom-[10px] max-w-[80%] left-[50%] translate-x-[-50%] bg-[rgba(255,255,255,0.7)] p-[10px] rounded"
+}, re = { class: "w-[80px] mr-[10px]" }, ie = ["title"], ne = { class: "text-[10px] mb-[2px] text-[#1F2937] font-normal leading-[1.2]" };
+function le(t, s, o, a, e, r) {
+  var d;
+  return (d = o.sizes) != null && d.length ? (p(), g("div", ae, [
+    l("div", re, [
+      s[0] || (s[0] = l("p", { class: "text-[10px] mb-[2px] text-[#1F2937] leading-[1.2]" }, " Дані відсутні ", -1)),
+      l("div", {
+        class: V([r.sizeClass(t.index), "w-full border border-gray-500"])
+      }, null, 2)
+    ]),
+    r.sortedSizes.length ? (p(!0), g(R, { key: 0 }, N(r.sortedSizes, (c, n) => {
+      var h, u, v, y, f, _, b, x;
+      return p(), g("div", {
+        class: "w-[80px]",
+        title: n === ((h = r.sortedSizes) == null ? void 0 : h.length) - 1 ? ">" + c : n == ((u = r.sortedSizes) == null ? void 0 : u.length) - 1 ? ">" + r.sortedSizes[((v = r.sortedSizes) == null ? void 0 : v.length) - 1] : c + "-" + r.sortedSizes[n + 1]
+      }, [
+        l("p", ne, O(n === ((y = r.sortedSizes) == null ? void 0 : y.length) - 1 ? ">" + parseInt(c) : n == ((f = r.sortedSizes) == null ? void 0 : f.length) - 1 ? ">" + parseInt(r.sortedSizes[((_ = r.sortedSizes) == null ? void 0 : _.length) - 1]) : parseInt(c) + "-" + parseInt(r.sortedSizes[n + 1])), 1),
+        l("div", {
+          class: V([r.sizeClass(n), "w-full border border-r-0 border-gray-500"]),
+          style: j({
+            backgroundColor: ((x = (b = e.palette) == null ? void 0 : b[o.color]) == null ? void 0 : x[n]) || o.color
+          })
+        }, null, 6)
+      ], 8, ie);
+    }), 256)) : S("", !0)
+  ])) : S("", !0);
+}
+const pe = /* @__PURE__ */ H(oe, [["render", le]]), ce = {
+  __name: "icon-map",
+  setup(t) {
+    return (s, o) => (p(), z($(se), ee(s.$attrs, { size: 24 }), null, 16));
+  }
+}, de = {
+  mixins: [Q, D],
+  components: {
+    VsMapSetting: q,
+    VsClusterLegend: pe,
+    VsMapGoHome: Z,
+    VsList: P,
+    VsMapSlotLayers: G,
+    // VsListbar,
+    VsBar: J
+  },
+  data() {
+    return {
+      baseColor: "pink",
+      kattotg: "",
+      options: [
+        { id: "map", text: "Карта", component: ce },
+        { id: "table", text: "Таблиця", component: X },
+        { id: "chart", text: "Віджет", component: Y }
+      ],
+      activeTab: "map",
+      mapId: `map-${Math.floor(Math.random() * 1e3)}`,
+      layerId: `layer${Math.floor(Math.random() * 1e3)}`,
+      map: null,
+      hoverData: null,
+      data: null,
+      coordinatesByMouse: [],
+      showSetting: !1,
+      popup: null,
+      color: "#69D2E7",
+      label: "<div><icon-map/></div>"
+    };
+  },
+  async mounted() {
+    await this.getMapData(), await this.createMap();
+  },
+  watch: {
+    kattotg() {
+      this.loadHandler();
+    }
+  },
+  methods: {
+    async getMapData() {
+      const t = await U.get(
+        `/bi-cluster?widget=${this.widget}&dashboard=${this.dashboard}`
+      );
+      this.data = t, this.$emit("update:widgetData", this.data), setTimeout(() => {
+        var s;
+        return (s = this.map) == null ? void 0 : s.resize();
+      });
+    },
+    async loadHandler() {
+      var a, e, r, d;
+      this.baseColor = ((a = this.data.style) == null ? void 0 : a.color) || "blue";
+      const t = ["case"];
+      (d = (r = (e = this.data) == null ? void 0 : e.sizes) == null ? void 0 : r.toReversed()) == null || d.forEach((c, n) => {
+        var h, u;
+        t.push([">", ["get", "metric"], c]), t.push((u = (h = T[this.baseColor]) == null ? void 0 : h.toReversed()) == null ? void 0 : u[n]), n++;
+      }), t.push("gray");
+      const s = {
+        type: "polygon",
+        color: t,
+        opacity: 0.4
+      };
+      Object.assign(s, this.data.style || {}), this.map.getSource("bi") || this.addVtileLayer({
+        id: "bi",
+        url: `${window.location.origin}/api/bi-cluster-vtile/{z}/{x}/{y}.vmt?widget=${this.widget}&dashboard=${this.dashboard}&nocache=1`,
+        style: s
+      }), this.map.getLayer("highlighted") && this.map.removeLayer("highlighted"), this.map.getSource("highlighted") && this.map.removeSource("highlighted");
+      const o = ["case"];
+      this.kattotg && o.push(
+        ["==", ["to-string", ["get", "name"]], String(this.kattotg)],
+        "red"
+      ), o.push("transparent"), this.map.addLayer({
+        id: "highlighted",
+        type: "fill",
+        source: "bi",
+        "source-layer": "bi",
+        paint: {
+          "fill-color": o,
+          "fill-opacity": 0.6
+        }
+      });
+    },
+    async createMap() {
+      var o, a;
+      const t = await K();
+      if (!t) return;
+      const s = {
+        version: 8,
+        glyphs: "https://cdn.softpro.ua/data/fonts/{fontstack}/{range}.pbf",
+        sources: {},
+        layers: []
+      };
+      this.map = await new t.Map({
+        container: this.mapId,
+        style: s,
+        center: [31, 48.5],
+        zoom: ((a = (o = this.data) == null ? void 0 : o.style) == null ? void 0 : a.zoom) || 5,
+        minZoom: 3,
+        maxZoom: 20,
+        attributionControl: !1
+      }), this.map.addControl(
+        new t.NavigationControl({
+          visualizePitch: !0
+        })
+      ), this.map.on("load", () => {
+        this.loadHandler();
+      }), this.map.on("mousemove", (e) => {
+        this.moveMouseHadler(e);
+      }), this.map.on("mouseout", () => {
+        var e;
+        this.showLegend = !1, this.showSetting = !1, this.coordinatesByMouse = 0, (e = this.popup) == null || e.remove();
+      });
+    },
+    moveMouseHadler(t) {
+      var s;
+      try {
+        const o = this.map.queryRenderedFeatures(t.point), a = ((s = o[0]) == null ? void 0 : s.properties) || {};
+        if (!o.length) {
+          this.map.getCanvas().style.cursor = "", this.popupElement && this.popupElement.remove();
+          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="px-2 py-1 text-sm font-semibold text-gray-800 border-b border-gray-200 border-solid rounded-t-lg">
+        ${(a == null ? void 0 : a.x) || (a == null ? void 0 : a.title) || (a == null ? void 0 : a.name) || ""}
+        </div>
+    
+        <div class="flex justify-between items-center text-xs px-2 py-0.5 text-gray-500 ">
+          <span class="flex items-center">
+            <span class="font-medium mr-[6px]">Значення</span>
+          </span>
+          <span>${(a == null ? void 0 : a.metric) || 0}</span>
+        </div>`;
+        const e = this.map.project(t.lngLat);
+        this.popupElement.style.left = `${e.x}px`, this.popupElement.style.top = `${e.y - 60}px`, this.map.getContainer().appendChild(this.popupElement);
+      } catch (o) {
+        console.error(o);
+      }
+    }
+  }
+}, he = { class: "h-full" }, ue = { class: "flex items-start justify-between mb-[6px] w-full" }, me = { class: "text-gray-800 font-[600]" }, ge = { class: "flex gap-2" }, ye = ["onClick"], fe = ["id"], _e = ["id"], be = { class: "absolute flex flex-col right-[10px] top-[105px] gap-1" }, xe = { class: "h-[calc(250px)]" };
+function ve(t, s, o, a, e, r) {
+  var y, f, _, b, x, I, k, L, E, B;
+  const d = m("VsMapSetting"), c = m("VsMapSlotLayers"), n = m("VsMapGoHome"), h = m("VsClusterLegend"), u = m("VsList"), v = m("VsBar");
+  return p(), g("div", he, [
+    l("div", ue, [
+      l("h3", me, O(t.title), 1),
+      l("div", ge, [
+        (p(!0), g(R, null, N(e.options, (i) => (p(), g("button", {
+          class: V(["p-1 text-gray-700 border rounded", [e.activeTab === (i == null ? void 0 : i.id) ? "ring-2 ring-blue-500" : ""]]),
+          onClick: (we) => e.activeTab = i == null ? void 0 : i.id
+        }, [
+          (p(), z(te(i == null ? void 0 : i.component), {
+            height: "16",
+            width: "16"
+          }))
+        ], 10, ye))), 256))
+      ])
+    ]),
+    M(l("div", {
+      class: "relative w-full h-[calc(100%-40px)]",
+      id: `wrapper-${e.mapId}`
+    }, [
+      l("div", {
+        id: e.mapId,
+        class: "h-full w-full flex items-end min-h-[250px]"
+      }, null, 8, _e),
+      e.showSetting ? (p(), z(d, {
+        key: 0,
+        map: e.map,
+        coordinates: e.coordinatesByMouse
+      }, null, 8, ["map", "coordinates"])) : S("", !0),
+      w(c, { map: e.map }, null, 8, ["map"]),
+      l("div", be, [
+        w(n, {
+          map: e.map,
+          bbox: (y = e.data) == null ? void 0 : y.bounds
+        }, null, 8, ["map", "bbox"])
+      ]),
+      w(h, {
+        mapId: e.mapId,
+        colors: (f = e.data) == null ? void 0 : f.colors,
+        sizes: (_ = e.data) == null ? void 0 : _.sizes,
+        color: e.baseColor,
+        changeOpacityItem: "true",
+        cluster: "true"
+      }, null, 8, ["mapId", "colors", "sizes", "color"])
+    ], 8, fe), [
+      [C, e.activeTab == "map"]
+    ]),
+    M(w(u, {
+      mapId: e.mapId,
+      source: (b = e.data) == null ? void 0 : b.rows,
+      total: ((x = e.data) == null ? void 0 : x.total) || 0,
+      count: ((I = e.data) == null ? void 0 : I.count) || 0,
+      onKattotg: s[0] || (s[0] = (i) => e.kattotg = i)
+    }, null, 8, ["mapId", "source", "total", "count"]), [
+      [C, e.activeTab == "table"]
+    ]),
+    M(l("div", xe, [
+      (L = (k = e.data) == null ? void 0 : k.rows) != null && L.length ? (p(), z(v, {
+        key: 0,
+        source: (B = (E = e.data) == null ? void 0 : E.rows) == null ? void 0 : B.map((i) => ({
+          title: i == null ? void 0 : i.title,
+          metric: i == null ? void 0 : i.metric
+        }))
+      }, null, 8, ["source"])) : S("", !0)
+    ], 512), [
+      [C, e.activeTab == "chart"]
+    ])
+  ]);
+}
+const Ce = /* @__PURE__ */ H(de, [["render", ve]]);
+export {
+  Ce as default
+};

package/dist/{vs-number-D28OvROP.js → vs-number-BYY_Gd6m.js}

@@ -1,4 +1,4 @@
-import { _ as c, c as o, f as n } from "./import-file-DnbEvuUN.js";
+import { _ as c, c as o, f as n } from "./import-file-B5MQcuRd.js";
 import { createElementBlock as i, openBlock as m, toDisplayString as s } from "vue";
 const u = {
   name: "VsNumber",

package/dist/{vs-table-YpK1qNz6.js → vs-table-Deb8wNdP.js}

@@ -1,4 +1,4 @@
-import { _ as m, c as f, b as _, d as b } from "./import-file-DnbEvuUN.js";
+import { _ as m, c as f, b as _, d as b } from "./import-file-B5MQcuRd.js";
 import { createElementBlock as a, openBlock as r, createElementVNode as s, Fragment as n, renderList as c, toDisplayString as d } from "vue";
 const x = {
   name: "VsTable",