@opengis/bi 1.0.52 → 1.0.53

package/dist/{import-file-4iqJ-UZ9.js → import-file-lDlptYTO.js}

@@ -46474,19 +46474,19 @@ const Xb = /* @__PURE__ */ tt(kJ, [["render", zJ]]), FJ = /* @__PURE__ */ Object
   }
 }, WJ = {
   "bi-bar": pr(() => Promise.resolve().then(() => jQ)),
-  "bi-number": pr(() => import("./vs-number-DT-9by-h.js")),
-  "bi-text": pr(() => import("./vs-text-Bbo9hKH2.js")),
+  "bi-number": pr(() => import("./vs-number-ZSc2xN1l.js")),
+  "bi-text": pr(() => import("./vs-text-BsUU9DRr.js")),
   "bi-listbar": pr(() => Promise.resolve().then(() => FJ)),
   "bi-pie": pr(() => Promise.resolve().then(() => tJ)),
-  "bi-donut": pr(() => import("./vs-donut-soXDKUAE.js")),
+  "bi-donut": pr(() => import("./vs-donut-CkJHa2QH.js")),
   "bi-line": pr(() => Promise.resolve().then(() => iJ)),
   "bi-stat": pr(() => Promise.resolve().then(() => bJ)),
   "bi-pivot": pr(() => Promise.resolve().then(() => nte)),
   "bi-progress": pr(() => Promise.resolve().then(() => LJ)),
-  "bi-funnel": pr(() => import("./vs-funnel-bar-C6ZZZGnB.js")),
-  "bi-map": pr(() => import("./vs-map-C0oy-Z5M.js")),
-  "bi-cluster": pr(() => import("./vs-map-cluster-Cz_pEGZ7.js")),
-  "bi-table": pr(() => import("./vs-table-rcb3LWiR.js"))
+  "bi-funnel": pr(() => import("./vs-funnel-bar-mbRcdEy9.js")),
+  "bi-map": pr(() => import("./vs-map-Dlaj25fS.js")),
+  "bi-cluster": pr(() => import("./vs-map-cluster-BjmVKeoV.js")),
+  "bi-table": pr(() => import("./vs-table-DWXwvapr.js"))
 }, YJ = { class: "flex items-center space-x-2" }, qJ = /* @__PURE__ */ GC({
   __name: "vs-bi-switch",
   props: /* @__PURE__ */ pu({

package/dist/{vs-donut-soXDKUAE.js → vs-donut-CkJHa2QH.js}

@@ -1,4 +1,4 @@
-import { _ as y, c as D, a as c, P as h, b as l, i as g } from "./import-file-4iqJ-UZ9.js";
+import { _ as y, c as D, a as c, P as h, b as l, i as g } from "./import-file-lDlptYTO.js";
 import { openBlock as b, createElementBlock as x } from "vue";
 const _ = {
   name: "VsPie",

package/dist/{vs-funnel-bar-C6ZZZGnB.js → vs-funnel-bar-mbRcdEy9.js}

@@ -1,4 +1,4 @@
-import { _ as n, c, d as h, a as l, b as o, i as d } from "./import-file-4iqJ-UZ9.js";
+import { _ as n, c, d as h, a as l, b as o, i as d } from "./import-file-lDlptYTO.js";
 import { openBlock as p, createElementBlock as u } from "vue";
 const m = {
   name: "VsFunnelBar",

package/dist/{vs-list-DYieCz31.js → vs-list-ACq4fLEf.js}

@@ -1,4 +1,4 @@
-import { _ as en, h as Vp, j as Np } from "./import-file-4iqJ-UZ9.js";
+import { _ as en, h as Vp, j as Np } from "./import-file-lDlptYTO.js";
 import { openBlock as br, createElementBlock as wr, createElementVNode as Vt, createStaticVNode as jp, withDirectives as Up, toDisplayString as rh, vShow as $p, Fragment as Uu, renderList as $u, normalizeClass as qp, resolveComponent as Zp, createVNode as Gp } from "vue";
 const Hp = {}, Xp = {
   class: "shrink-0 size-3",

package/dist/{vs-map-C0oy-Z5M.js → vs-map-Dlaj25fS.js}

@@ -1,5 +1,5 @@
-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-DYieCz31.js";
-import { _ as C, c as P } from "./import-file-4iqJ-UZ9.js";
+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-ACq4fLEf.js";
+import { _ as C, c as P } from "./import-file-lDlptYTO.js";
 import { resolveComponent as u, openBlock as i, createElementBlock as c, Fragment as w, createElementVNode as l, createVNode as x, createBlock as E, Teleport as R, toDisplayString as f, createCommentVNode as m, renderList as k, normalizeStyle as I, normalizeClass as V } from "vue";
 const A = {
   components: { legendIcon: L, closeIcon: $ },
@@ -26,11 +26,11 @@ const A = {
       return this.cluster ? "rounded-sm" : "rounded-full";
     },
     sortedSizes() {
-      return [...this.sizes].sort((e, t) => e - t);
+      return [...this.sizes].sort((e, o) => e - o);
     },
     maxWidht() {
-      var s;
-      const e = ((s = this.sizes) == null ? void 0 : s.length) - 1;
+      var t;
+      const e = ((t = this.sizes) == null ? void 0 : t.length) - 1;
       return this.calcSize(e);
     }
   },
@@ -58,36 +58,36 @@ const A = {
   key: 0,
   class: "text-xs font-semibold leading-[1.2] text-[#1F2937] mb-[8px]"
 }, 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, t, s, o, r, a) {
+function ee(e, o, t, s, r, a) {
   var y, b;
   const n = u("legendIcon"), h = u("closeIcon");
   return i(), c(w, null, [
     l("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] = (d) => r.isOpenLegend = !r.isOpenLegend)
+      onClick: o[0] || (o[0] = (d) => r.isOpenLegend = !r.isOpenLegend)
     }, [
       x(n)
     ]),
     r.isOpenLegend ? (i(), E(R, {
       key: 0,
-      to: `#wrapper-${s.mapId}`
+      to: `#wrapper-${t.mapId}`
     }, [
       l("div", G, [
         l("div", W, [
-          t[2] || (t[2] = l("h3", { class: "text-[16px] font-normal text-black" }, "Легенда", -1)),
+          o[2] || (o[2] = l("h3", { class: "text-[16px] font-normal text-black" }, "Легенда", -1)),
           l("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] = (d) => r.isOpenLegend = !1)
+            onClick: o[1] || (o[1] = (d) => r.isOpenLegend = !1)
           }, [
             x(h, { class: "w-[20px]" })
           ])
         ]),
         l("div", Z, [
-          (y = s.colors) != null && y.length ? (i(), c("div", j, [
-            s.colorTitle ? (i(), c("h4", q, f(s.colorTitle), 1)) : m("", !0),
+          (y = t.colors) != null && y.length ? (i(), c("div", j, [
+            t.colorTitle ? (i(), c("h4", q, f(t.colorTitle), 1)) : m("", !0),
             l("div", D, [
-              (i(!0), c(w, null, k(s.colors, (d, p) => (i(), c("div", {
+              (i(!0), c(w, null, k(t.colors, (d, p) => (i(), c("div", {
                 key: p,
                 class: "flex items-center gap-[10px]"
               }, [
@@ -102,7 +102,7 @@ function ee(e, t, s, o, r, a) {
               ]))), 128))
             ])
           ])) : m("", !0),
-          (b = s.sizes) != null && b.length ? (i(), c("div", K, [
+          (b = t.sizes) != null && b.length ? (i(), c("div", K, [
             e.sizeTitle ? (i(), c("h4", Q, f(e.sizeTitle), 1)) : m("", !0),
             l("div", U, [
               a.sortedSizes.length ? (i(!0), c(w, { key: 0 }, k(a.sortedSizes, (d, p) => {
@@ -115,7 +115,7 @@ function ee(e, t, s, o, r, a) {
                       l("div", {
                         class: V(a.sizeClass(p)),
                         style: I({
-                          backgroundColor: ((v = (g = r.palette) == null ? void 0 : g[s.color]) == null ? void 0 : v[p]) || s.color
+                          backgroundColor: ((v = (g = r.palette) == null ? void 0 : g[t.color]) == null ? void 0 : v[p]) || t.color
                         })
                       }, null, 6)
                     ], 2),
@@ -153,6 +153,7 @@ const te = /* @__PURE__ */ C(A, [["render", ee]]), se = {
   },
   methods: {
     async createMap() {
+      var o, t;
       const e = {
         version: 8,
         glyphs: "https://cdn.softpro.ua/data/fonts/{fontstack}/{range}.pbf",
@@ -163,7 +164,7 @@ const te = /* @__PURE__ */ C(A, [["render", ee]]), se = {
         container: this.mapId,
         style: e,
         center: [31, 48.5],
-        zoom: 5,
+        zoom: ((t = (o = this.data) == null ? void 0 : o.style) == null ? void 0 : t.zoom) || 5,
         minZoom: 3,
         maxZoom: 20,
         attributionControl: !1
@@ -173,39 +174,39 @@ const te = /* @__PURE__ */ C(A, [["render", ee]]), se = {
         })
       ), this.map.on("load", () => {
         this.loadHandler();
-      }), this.map.on("mousemove", (t) => {
-        this.moveMouseHadler(t);
+      }), this.map.on("mousemove", (s) => {
+        this.moveMouseHadler(s);
       }), this.map.on("mouseout", () => {
-        var t;
-        this.showLegend = !1, this.showSetting = !1, this.coordinatesByMouse = 0, (t = this.popup) == null || t.remove();
+        var s;
+        this.showLegend = !1, this.showSetting = !1, this.coordinatesByMouse = 0, (s = this.popup) == null || s.remove();
       });
     },
     getPopoverTitle(e) {
-      var t, s, o, r, a;
-      return (s = (t = this.data) == null ? void 0 : t.colors) != null && s.find((n) => n.val === e) ? (a = (r = (o = this.data) == null ? void 0 : o.colors) == null ? void 0 : r.find((n) => n.val === e)) == null ? void 0 : a.text : 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;
     },
     moveMouseHadler(e) {
-      var t;
+      var o;
       try {
-        const s = this.map.queryRenderedFeatures(e.point), o = ((t = s[0]) == null ? void 0 : t.properties) || {};
-        if (!s.length) {
+        const t = this.map.queryRenderedFeatures(e.point), s = ((o = t[0]) == null ? void 0 : o.properties) || {};
+        if (!t.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="font-semibold text-sm border-b border-solid border-gray-200 text-gray-800 rounded-t-lg  px-2 py-1">
-        ${this.getPopoverTitle((o == null ? void 0 : o.x) || (o == null ? void 0 : o.title) || (o == null ? void 0 : o.name)) || ""}
+        ${this.getPopoverTitle((s == null ? void 0 : s.x) || (s == null ? void 0 : s.title) || (s == null ? void 0 : s.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>${(o == null ? void 0 : o.metric) || 0}</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);
-      } catch (s) {
-        console.error(s);
+      } catch (t) {
+        console.error(t);
       }
     }
   }
@@ -217,29 +218,29 @@ const te = /* @__PURE__ */ C(A, [["render", ee]]), se = {
   },
   methods: {
     async getMapData() {
-      const t = await (await fetch(
+      const o = await (await fetch(
         `/api/bi-map?widget=${this.widget}&dashboard=${this.dashboard}`
       )).json();
-      this.data = t, this.$emit("update:widgetData", t), setTimeout(() => {
-        var s;
-        return (s = this.map) == null ? void 0 : s.resize();
+      this.data = o, this.$emit("update:widgetData", o), setTimeout(() => {
+        var t;
+        return (t = this.map) == null ? void 0 : t.resize();
       });
     },
     async loadHandler() {
-      const e = ["#69D2E7", "yellow", "#FE4365"], t = this.data.colors ? ["match", ["get", "x"]].concat(
+      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]),
           []
         )
-      ).concat(["gray"]) : "blue", s = [5, 7, 9, 11, 13], o = this.data.sizes ? ["case"] : 5;
+      ).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) => {
-        o.push([">", ["get", "metric"], a]), o.push(s[n]);
-      }), o.push(5));
+        s.push([">", ["get", "metric"], a]), s.push(t[n]);
+      }), s.push(5));
       const r = {
         type: "circle",
-        color: t,
+        color: o,
         width: 2,
-        radius: o,
+        radius: s,
         stroke: "#eee"
       };
       Object.assign(r, this.data.style || {}), this.addVtileLayer({
@@ -250,7 +251,7 @@ const te = /* @__PURE__ */ C(A, [["render", ee]]), se = {
     }
   }
 }, 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, t, s, o, r, a) {
+function ce(e, o, t, s, r, a) {
   var d, p, g;
   const n = u("VsMapSetting"), h = u("VsMapSlotLayers"), y = u("VsMapLegend"), b = u("VsMapGoHome");
   return i(), c("div", ae, [

package/dist/{vs-map-cluster-Cz_pEGZ7.js → vs-map-cluster-BjmVKeoV.js}

@@ -1,6 +1,6 @@
-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-DYieCz31.js";
-import { _ as V, c as W, V as J, I as Q, e as U, g as X } from "./import-file-4iqJ-UZ9.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";
+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-ACq4fLEf.js";
+import { _ as V, c as W, V as J, I as Q, e as U, g as X } from "./import-file-lDlptYTO.js";
+import { openBlock as p, createElementBlock as m, createElementVNode as n, 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: G, closeIcon: A },
   props: {
@@ -29,8 +29,8 @@ const $ = {
       return [...this.sizes].sort((t, s) => t - s);
     },
     maxWidht() {
-      var n;
-      const t = ((n = this.sizes) == null ? void 0 : n.length) - 1;
+      var r;
+      const t = ((r = this.sizes) == null ? void 0 : r.length) - 1;
       return this.calcSize(t);
     }
   },
@@ -49,33 +49,33 @@ const $ = {
   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"
 }, 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) {
+function re(t, s, r, o, e, a) {
   var d;
-  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"])
+  return (d = r.sizes) != null && d.length ? (p(), m("div", ee, [
+    n("div", te, [
+      s[0] || (s[0] = n("p", { class: "text-[10px] mb-[2px] text-[#1F2937] leading-[1.2]" }, " Дані відсутні ", -1)),
+      n("div", {
+        class: I([a.sizeClass(t.index), "w-full border border-gray-500"])
       }, null, 2)
     ]),
-    o.sortedSizes.length ? (p(!0), m(N, { key: 0 }, O(o.sortedSizes, (c, i) => {
+    a.sortedSizes.length ? (p(!0), m(N, { key: 0 }, O(a.sortedSizes, (c, i) => {
       var h, u, _, y, f, b, v, x;
       return p(), m("div", {
         class: "w-[80px]",
-        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]
+        title: i === ((h = a.sortedSizes) == null ? void 0 : h.length) - 1 ? ">" + c : i == ((u = a.sortedSizes) == null ? void 0 : u.length) - 1 ? ">" + a.sortedSizes[((_ = a.sortedSizes) == null ? void 0 : _.length) - 1] : c + "-" + a.sortedSizes[i + 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"]),
+        n("p", oe, F(i === ((y = a.sortedSizes) == null ? void 0 : y.length) - 1 ? ">" + parseInt(c) : i == ((f = a.sortedSizes) == null ? void 0 : f.length) - 1 ? ">" + parseInt(a.sortedSizes[((b = a.sortedSizes) == null ? void 0 : b.length) - 1]) : parseInt(c) + "-" + parseInt(a.sortedSizes[i + 1])), 1),
+        n("div", {
+          class: I([a.sizeClass(i), "w-full border border-r-0 border-gray-500"]),
           style: Y({
-            backgroundColor: ((x = (v = e.palette) == null ? void 0 : v[n.color]) == null ? void 0 : x[i]) || n.color
+            backgroundColor: ((x = (v = e.palette) == null ? void 0 : v[r.color]) == null ? void 0 : x[i]) || r.color
           })
         }, null, 6)
       ], 8, se);
     }), 256)) : S("", !0)
   ])) : S("", !0);
 }
-const ae = /* @__PURE__ */ V($, [["render", re]]), ne = {}, le = {
+const ae = /* @__PURE__ */ V($, [["render", re]]), le = {}, ne = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -88,18 +88,18 @@ const ae = /* @__PURE__ */ V($, [["render", re]]), ne = {}, le = {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-map"
 };
 function ie(t, s) {
-  return p(), m("svg", le, s[0] || (s[0] = [
-    l("path", {
+  return p(), m("svg", ne, s[0] || (s[0] = [
+    n("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    l("path", { d: "M3 7l6 -3l6 3l6 -3v13l-6 3l-6 -3l-6 3v-13" }, null, -1),
-    l("path", { d: "M9 4v13" }, null, -1),
-    l("path", { d: "M15 7v13" }, null, -1)
+    n("path", { d: "M3 7l6 -3l6 3l6 -3v13l-6 3l-6 -3l-6 3v-13" }, null, -1),
+    n("path", { d: "M9 4v13" }, null, -1),
+    n("path", { d: "M15 7v13" }, null, -1)
   ]));
 }
-const pe = /* @__PURE__ */ V(ne, [["render", ie]]), ce = {
+const pe = /* @__PURE__ */ V(le, [["render", ie]]), ce = {
   mixins: [W, P],
   components: {
     VsMapSetting: Z,
@@ -151,10 +151,10 @@ const pe = /* @__PURE__ */ V(ne, [["render", ie]]), ce = {
       });
     },
     async loadHandler() {
-      var a, e, o, d;
-      this.baseColor = ((a = this.data.style) == null ? void 0 : a.color) || "blue";
+      var o, e, a, d;
+      this.baseColor = ((o = this.data.style) == null ? void 0 : o.color) || "blue";
       const t = ["case"];
-      (d = (o = (e = this.data) == null ? void 0 : e.sizes) == null ? void 0 : o.toReversed()) == null || d.forEach((c, i) => {
+      (d = (a = (e = this.data) == null ? void 0 : e.sizes) == null ? void 0 : a.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");
@@ -168,22 +168,23 @@ const pe = /* @__PURE__ */ V(ne, [["render", ie]]), ce = {
         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 n = ["case"];
-      this.kattotg && n.push(
+      const r = ["case"];
+      this.kattotg && r.push(
         ["==", ["to-string", ["get", "name"]], String(this.kattotg)],
         "red"
-      ), n.push("transparent"), this.map.addLayer({
+      ), r.push("transparent"), this.map.addLayer({
         id: "highlighted",
         type: "fill",
         source: "bi",
         "source-layer": "bi",
         paint: {
-          "fill-color": n,
+          "fill-color": r,
           "fill-opacity": 0.6
         }
       });
     },
     async createMap() {
+      var s, r;
       const t = {
         version: 8,
         glyphs: "https://cdn.softpro.ua/data/fonts/{fontstack}/{range}.pbf",
@@ -194,7 +195,7 @@ const pe = /* @__PURE__ */ V(ne, [["render", ie]]), ce = {
         container: this.mapId,
         style: t,
         center: [31, 48.5],
-        zoom: 5,
+        zoom: ((r = (s = this.data) == null ? void 0 : s.style) == null ? void 0 : r.zoom) || 5,
         minZoom: 3,
         maxZoom: 20,
         attributionControl: !1
@@ -204,62 +205,62 @@ const pe = /* @__PURE__ */ V(ne, [["render", ie]]), ce = {
         })
       ), this.map.on("load", () => {
         this.loadHandler();
-      }), this.map.on("mousemove", (s) => {
-        this.moveMouseHadler(s);
+      }), this.map.on("mousemove", (o) => {
+        this.moveMouseHadler(o);
       }), this.map.on("mouseout", () => {
-        var s;
-        this.showLegend = !1, this.showSetting = !1, this.coordinatesByMouse = 0, (s = this.popup) == null || s.remove();
+        var o;
+        this.showLegend = !1, this.showSetting = !1, this.coordinatesByMouse = 0, (o = this.popup) == null || o.remove();
       });
     },
     moveMouseHadler(t) {
       var s;
       try {
-        const n = this.map.queryRenderedFeatures(t.point), a = ((s = n[0]) == null ? void 0 : s.properties) || {};
-        if (!n.length) {
+        const r = this.map.queryRenderedFeatures(t.point), o = ((s = r[0]) == null ? void 0 : s.properties) || {};
+        if (!r.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) || ""}
+        ${(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 ">
           <span class="flex items-center">
             <span class="font-medium mr-[6px]">Значення</span>
           </span>
-          <span>${(a == null ? void 0 : a.metric) || 0}</span>
+          <span>${(o == null ? void 0 : o.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 (n) {
-        console.error(n);
+      } catch (r) {
+        console.error(r);
       }
     }
   }
 }, 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) {
+function xe(t, s, r, o, e, a) {
   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, F(t.title), 1),
-      l("div", me, [
-        (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
+    n("div", he, [
+      n("h3", ue, F(t.title), 1),
+      n("div", me, [
+        (p(!0), m(N, null, O(e.options, (l) => (p(), m("button", {
+          class: I(["p-1 text-gray-700 border rounded", [e.activeTab === (l == null ? void 0 : l.id) ? "ring-2 ring-blue-500" : ""]]),
+          onClick: (_e) => e.activeTab = l == null ? void 0 : l.id
         }, [
-          (p(), z(j(r == null ? void 0 : r.component), {
+          (p(), z(j(l == null ? void 0 : l.component), {
             height: "16",
             width: "16"
           }))
         ], 10, ge))), 256))
       ])
     ]),
-    M(l("div", {
+    M(n("div", {
       class: "relative w-full h-[calc(100%-40px)]",
       id: `wrapper-${e.mapId}`
     }, [
-      l("div", {
+      n("div", {
         id: e.mapId,
         class: "h-full w-full flex items-end min-h-[250px]"
       }, null, 8, fe),
@@ -269,7 +270,7 @@ function xe(t, s, n, a, e, o) {
         coordinates: e.coordinatesByMouse
       }, null, 8, ["map", "coordinates"])) : S("", !0),
       w(c, { map: e.map }, null, 8, ["map"]),
-      l("div", be, [
+      n("div", be, [
         w(i, {
           map: e.map,
           bbox: (y = e.data) == null ? void 0 : y.bounds
@@ -291,16 +292,16 @@ function xe(t, s, n, a, e, o) {
       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)
+      onKattotg: s[0] || (s[0] = (l) => e.kattotg = l)
     }, null, 8, ["mapId", "source", "total", "count"]), [
       [C, e.activeTab == "table"]
     ]),
-    M(l("div", ve, [
+    M(n("div", ve, [
       (E = (L = e.data) == null ? void 0 : L.rows) != null && E.length ? (p(), z(_, {
         key: 0,
-        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
+        source: (T = (B = e.data) == null ? void 0 : B.rows) == null ? void 0 : T.map((l) => ({
+          title: l == null ? void 0 : l.title,
+          metric: l == null ? void 0 : l.metric
         }))
       }, null, 8, ["source"])) : S("", !0)
     ], 512), [

package/dist/{vs-number-DT-9by-h.js → vs-number-ZSc2xN1l.js}

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

package/dist/{vs-table-rcb3LWiR.js → vs-table-DWXwvapr.js}

@@ -1,4 +1,4 @@
-import { _ as m, c as f, d as _, a as b } from "./import-file-4iqJ-UZ9.js";
+import { _ as m, c as f, d as _, a as b } from "./import-file-lDlptYTO.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",

package/dist/{vs-text-Bbo9hKH2.js → vs-text-BsUU9DRr.js}

@@ -1,4 +1,4 @@
-import { _ as o, c as s, m as i } from "./import-file-4iqJ-UZ9.js";
+import { _ as o, c as s, m as i } from "./import-file-lDlptYTO.js";
 import { openBlock as r, createElementBlock as n, createCommentVNode as a } from "vue";
 const c = {
   name: "VsText",

package/package.json

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