@opengis/bi 1.1.1 → 1.1.2

package/dist/{vs-map-C_48NvNE.js → vs-map-CwR6ZYur.js}

@@ -1,8 +1,8 @@
-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-B2mp3dCt.js";
-import { _ as C, c as P } from "./import-file-ZfIxjCYO.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";
+import { c as L, l 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-1QDnN3pH.js";
+import { _ as C, c as P } from "./import-file-XFI3CaVb.js";
+import { resolveComponent as u, createElementBlock as p, openBlock as i, Fragment as v, createElementVNode as r, createBlock as E, createCommentVNode as m, createVNode as f, Teleport as R, toDisplayString as b, renderList as k, normalizeStyle as I, normalizeClass as V } from "vue";
 const A = {
-  components: { legendIcon: L, closeIcon: $ },
+  components: { legendIcon: $, closeIcon: L },
   props: {
     mapId: { type: String },
     colors: { type: Array },
@@ -26,11 +26,11 @@ const A = {
       return this.cluster ? "rounded-sm" : "rounded-full";
     },
     sortedSizes() {
-      return [...this.sizes].sort((e, o) => e - o);
+      return [...this.sizes].sort((e, t) => e - t);
     },
     maxWidht() {
-      var t;
-      const e = ((t = this.sizes) == null ? void 0 : t.length) - 1;
+      var s;
+      const e = ((s = this.sizes) == null ? void 0 : s.length) - 1;
       return this.calcSize(e);
     }
   },
@@ -45,81 +45,81 @@ const A = {
       return (e + 1) / this.sortedSizes.length;
     }
   }
-}, 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 = {
+}, 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"
-}, q = {
+}, j = {
   key: 0,
   class: "text-xs font-semibold leading-[1.2] text-[#1F2937] mb-[8px]"
-}, D = { class: "flex flex-col gap-[6px]" }, J = { class: "text-xs text-[#1F2937] font-normal leading-[1.2]" }, K = {
+}, J = { class: "flex flex-col gap-[6px]" }, K = { class: "text-xs text-[#1F2937] font-normal leading-[1.2]" }, Q = {
   key: 1,
   class: "flex flex-col w-full"
-}, Q = {
+}, U = {
   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, o, t, s, r, a) {
-  var y, b;
+}, 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, l, a) {
+  var x, y;
   const n = u("legendIcon"), h = u("closeIcon");
-  return i(), c(w, null, [
-    l("div", {
+  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: o[0] || (o[0] = (d) => r.isOpenLegend = !r.isOpenLegend)
+      onClick: t[0] || (t[0] = (d) => l.isOpenLegend = !l.isOpenLegend)
     }, [
-      x(n)
+      f(n)
     ]),
-    r.isOpenLegend ? (i(), E(R, {
+    l.isOpenLegend ? (i(), E(R, {
       key: 0,
-      to: `#wrapper-${t.mapId}`
+      to: `#wrapper-${s.mapId}`
     }, [
-      l("div", G, [
-        l("div", W, [
-          o[2] || (o[2] = l("h3", { class: "text-[16px] font-normal text-black" }, "Легенда", -1)),
-          l("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: o[1] || (o[1] = (d) => r.isOpenLegend = !1)
+            onClick: t[1] || (t[1] = (d) => l.isOpenLegend = !1)
           }, [
-            x(h, { class: "w-[20px]" })
+            f(h, { class: "w-[20px]" })
           ])
         ]),
-        l("div", Z, [
-          (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(t.colors, (d, p) => (i(), c("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]"
               }, [
-                d.color ? (i(), c("div", {
+                d.color ? (i(), p("div", {
                   key: 0,
                   class: "w-[12px] h-[12px] rounded-full",
                   style: I({
                     backgroundColor: d.color
                   })
                 }, null, 4)) : m("", !0),
-                l("p", J, f(d.text || d.val), 1)
+                r("p", K, b(d.text || d.val), 1)
               ]))), 128))
             ])
           ])) : m("", !0),
-          (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) => {
-                var g, v, _, z, M;
-                return i(), c("div", null, [
-                  l("div", X, [
-                    l("div", {
+          (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]"])
                     }, [
-                      l("div", {
-                        class: V(a.sizeClass(p)),
+                      r("div", {
+                        class: V(a.sizeClass(c)),
                         style: I({
-                          backgroundColor: ((v = (g = r.palette) == null ? void 0 : g[t.color]) == null ? void 0 : v[p]) || t.color
+                          backgroundColor: ((w = (g = l.palette) == null ? void 0 : g[s.color]) == null ? void 0 : w[c]) || s.color
                         })
                       }, null, 6)
                     ], 2),
-                    l("p", Y, f(p === ((_ = a.sortedSizes) == null ? void 0 : _.length) - 1 ? ">" + d : p == ((z = a.sortedSizes) == null ? void 0 : z.length) - 1 ? ">" + a.sortedSizes[((M = a.sortedSizes) == null ? void 0 : M.length) - 1] : d + "-" + a.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)) : m("", !0)
@@ -132,11 +132,11 @@ function ee(e, o, t, s, r, a) {
 }
 const te = /* @__PURE__ */ C(A, [["render", ee]]), se = {
   components: {
-    VsMapSetting: B,
-    VsMapSlotLayers: H,
+    VsMapSetting: F,
+    VsMapSlotLayers: O,
     VsMapLegend: te,
-    VsMapGoHome: O,
-    VsList: F
+    VsMapGoHome: H,
+    VsList: B
   },
   data() {
     return {
@@ -153,7 +153,6 @@ 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",
@@ -164,7 +163,7 @@ const te = /* @__PURE__ */ C(A, [["render", ee]]), se = {
         container: this.mapId,
         style: e,
         center: [31, 48.5],
-        zoom: ((t = (o = this.data) == null ? void 0 : o.style) == null ? void 0 : t.zoom) || 5,
+        zoom: 5,
         minZoom: 3,
         maxZoom: 20,
         attributionControl: !1
@@ -174,39 +173,39 @@ const te = /* @__PURE__ */ C(A, [["render", ee]]), se = {
         })
       ), this.map.on("load", () => {
         this.loadHandler();
-      }), this.map.on("mousemove", (s) => {
-        this.moveMouseHadler(s);
+      }), this.map.on("mousemove", (t) => {
+        this.moveMouseHadler(t);
       }), this.map.on("mouseout", () => {
-        var s;
-        this.showLegend = !1, this.showSetting = !1, this.coordinatesByMouse = 0, (s = this.popup) == null || s.remove();
+        var t;
+        this.showLegend = !1, this.showSetting = !1, this.coordinatesByMouse = 0, (t = this.popup) == null || t.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 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 o;
+      var t;
       try {
-        const t = this.map.queryRenderedFeatures(e.point), s = ((o = t[0]) == null ? void 0 : o.properties) || {};
-        if (!t.length) {
+        const s = this.map.queryRenderedFeatures(e.point), o = ((t = s[0]) == null ? void 0 : t.properties) || {};
+        if (!s.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((s == null ? void 0 : s.x) || (s == null ? void 0 : s.title) || (s == null ? void 0 : s.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 ">
           <span class="flex items-center">
             <span class="font-medium mr-[6px]">Значення</span>
           </span>
-          <span>${(s == null ? void 0 : s.metric) || 0}</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);
-      } catch (t) {
-        console.error(t);
+        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);
       }
     }
   }
@@ -218,77 +217,69 @@ const te = /* @__PURE__ */ C(A, [["render", ee]]), se = {
   },
   methods: {
     async getMapData() {
-      const o = await (await fetch(
+      const t = await (await fetch(
         `/api/bi-map?widget=${this.widget}&dashboard=${this.dashboard}`
       )).json();
-      this.data = o, this.$emit("update:widgetData", o), setTimeout(() => {
-        var t;
-        return (t = this.map) == null ? void 0 : t.resize();
-      });
+      this.data = t;
     },
     async loadHandler() {
-      const e = ["#69D2E7", "yellow", "#FE4365"], o = this.data.colors ? ["match", ["get", "x"]].concat(
+      const e = ["#69D2E7", "yellow", "#FE4365"], t = 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", t = [5, 7, 9, 11, 13], s = this.data.sizes ? ["case"] : 5;
+      ).concat(["gray"]) : "blue", s = [5, 7, 9, 11, 13], o = this.data.sizes ? ["case"] : 5;
       this.data.sizes && (this.data.sizes.reverse().forEach((a, n) => {
-        s.push([">", ["get", "metric"], a]), s.push(t[n]);
-      }), s.push(5));
-      const r = {
+        o.push([">", ["get", "metric"], a]), o.push(s[n]);
+      }), o.push(5));
+      const l = {
         type: "circle",
-        color: o,
+        color: t,
         width: 2,
-        radius: s,
+        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 = { 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, r, a) {
-  var d, p, g;
-  const n = u("VsMapSetting"), h = u("VsMapSlotLayers"), y = u("VsMapLegend"), b = u("VsMapGoHome");
-  return i(), c("div", ae, [
-    l("div", le, [
-      l("h5", re, f(e.title), 1)
-    ]),
-    l("div", {
-      class: "relative w-full h-[calc(100%-40px)]",
-      id: `wrapper-${e.mapId}`
-    }, [
-      l("div", {
-        id: e.mapId,
-        class: "w-full flex items-end relative h-full min-h-[250px]"
-      }, null, 8, ie),
-      e.showSetting ? (i(), E(n, {
-        key: 0,
+}, 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}`
+  }, [
+    r("div", {
+      id: e.mapId,
+      class: "w-full flex items-end relative h-[250px]"
+    }, null, 8, le),
+    e.showSetting ? (i(), E(n, {
+      key: 0,
+      map: e.map,
+      coordinates: e.coordinatesByMouse
+    }, null, 8, ["map", "coordinates"])) : m("", !0),
+    f(h, { map: e.map }, null, 8, ["map"]),
+    r("div", re, [
+      f(x, {
+        mapId: e.mapId,
+        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"]),
+      f(y, {
         map: e.map,
-        coordinates: e.coordinatesByMouse
-      }, null, 8, ["map", "coordinates"])) : m("", !0),
-      x(h, { map: e.map }, null, 8, ["map"]),
-      l("div", de, [
-        x(y, {
-          mapId: e.mapId,
-          colors: (d = e.data) == null ? void 0 : d.colors,
-          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
-        }, null, 8, ["map", "bbox"])
-      ])
-    ], 8, ne)
-  ]);
+        bbox: (g = e.data) == null ? void 0 : g.bounds
+      }, null, 8, ["map", "bbox"])
+    ])
+  ], 8, ae);
 }
-const he = /* @__PURE__ */ C(oe, [["render", ce]]);
+const ce = /* @__PURE__ */ C(oe, [["render", ne]]);
 export {
-  he as default
+  ce as default
 };