@opengis/bi 1.0.53 → 1.1.0

package/dist/vs-map-Dlaj25fS.js

@@ -1,294 +0,0 @@
-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: $ },
-  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((e, o) => e - o);
-    },
-    maxWidht() {
-      var t;
-      const e = ((t = this.sizes) == null ? void 0 : t.length) - 1;
-      return this.calcSize(e);
-    }
-  },
-  methods: {
-    sizeClass(e) {
-      return this.resizeItem ? `h-[${this.calcSize(e)}] w-[${this.calcSize(e)}] ${this.borderRadius}` : `h-[18px] w-[18px] ${this.borderRadius}`;
-    },
-    calcSize(e) {
-      return `${10 + e * 2}px`;
-    },
-    getOpacity(e) {
-      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 = {
-  key: 0,
-  class: "flex flex-col w-full"
-}, q = {
-  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 = {
-  key: 1,
-  class: "flex flex-col w-full"
-}, Q = {
-  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;
-  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: o[0] || (o[0] = (d) => r.isOpenLegend = !r.isOpenLegend)
-    }, [
-      x(n)
-    ]),
-    r.isOpenLegend ? (i(), E(R, {
-      key: 0,
-      to: `#wrapper-${t.mapId}`
-    }, [
-      l("div", G, [
-        l("div", W, [
-          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: o[1] || (o[1] = (d) => r.isOpenLegend = !1)
-          }, [
-            x(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,
-                class: "flex items-center gap-[10px]"
-              }, [
-                d.color ? (i(), c("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)
-              ]))), 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", {
-                      class: V([a.maxWidht ? `w-[${a.maxWidht}]` : "", "mr-[10px]"])
-                    }, [
-                      l("div", {
-                        class: V(a.sizeClass(p)),
-                        style: I({
-                          backgroundColor: ((v = (g = r.palette) == null ? void 0 : g[t.color]) == null ? void 0 : v[p]) || t.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)
-                  ])
-                ]);
-              }), 256)) : m("", !0)
-            ])
-          ])) : m("", !0)
-        ])
-      ])
-    ], 8, ["to"])) : m("", !0)
-  ], 64);
-}
-const te = /* @__PURE__ */ C(A, [["render", ee]]), se = {
-  components: {
-    VsMapSetting: B,
-    VsMapSlotLayers: H,
-    VsMapLegend: te,
-    VsMapGoHome: O,
-    VsList: F
-  },
-  data() {
-    return {
-      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"
-    };
-  },
-  methods: {
-    async createMap() {
-      var o, t;
-      const e = {
-        version: 8,
-        glyphs: "https://cdn.softpro.ua/data/fonts/{fontstack}/{range}.pbf",
-        sources: {},
-        layers: []
-      };
-      this.map = await new S.Map({
-        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,
-        minZoom: 3,
-        maxZoom: 20,
-        attributionControl: !1
-      }), this.map.addControl(
-        new S.NavigationControl({
-          visualizePitch: !0
-        })
-      ), this.map.on("load", () => {
-        this.loadHandler();
-      }), this.map.on("mousemove", (s) => {
-        this.moveMouseHadler(s);
-      }), this.map.on("mouseout", () => {
-        var s;
-        this.showLegend = !1, this.showSetting = !1, this.coordinatesByMouse = 0, (s = this.popup) == null || s.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;
-    },
-    moveMouseHadler(e) {
-      var o;
-      try {
-        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((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>${(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 (t) {
-        console.error(t);
-      }
-    }
-  }
-}, oe = {
-  mixins: [P, N, se],
-  name: "VsMap",
-  async mounted() {
-    await this.getMapData(), await this.createMap();
-  },
-  methods: {
-    async getMapData() {
-      const o = 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();
-      });
-    },
-    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]),
-          []
-        )
-      ).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]);
-      }), s.push(5));
-      const r = {
-        type: "circle",
-        color: o,
-        width: 2,
-        radius: s,
-        stroke: "#eee"
-      };
-      Object.assign(r, 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
-      });
-    }
-  }
-}, 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,
-        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)
-  ]);
-}
-const he = /* @__PURE__ */ C(oe, [["render", ce]]);
-export {
-  he as default
-};

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

@@ -1,315 +0,0 @@
-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: {
-    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: R
-      // palette: ['#69D2E7', 'yellow', '#FE4365'],
-    };
-  },
-  computed: {
-    borderRadius() {
-      return this.cluster ? "rounded-sm" : "rounded-full";
-    },
-    sortedSizes() {
-      return [...this.sizes].sort((t, s) => t - s);
-    },
-    maxWidht() {
-      var r;
-      const t = ((r = this.sizes) == null ? void 0 : r.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;
-    }
-  }
-}, ee = {
-  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, r, o, e, a) {
-  var d;
-  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)
-    ]),
-    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 = 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]
-      }, [
-        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[r.color]) == null ? void 0 : x[i]) || r.color
-          })
-        }, null, 6)
-      ], 8, se);
-    }), 256)) : S("", !0)
-  ])) : S("", !0);
-}
-const ae = /* @__PURE__ */ V($, [["render", re]]), le = {}, ne = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  "stroke-width": "2",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round",
-  class: "icon icon-tabler icons-tabler-outline icon-tabler-map"
-};
-function ie(t, s) {
-  return p(), m("svg", ne, s[0] || (s[0] = [
-    n("path", {
-      stroke: "none",
-      d: "M0 0h24v24H0z",
-      fill: "none"
-    }, 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(le, [["render", ie]]), ce = {
-  mixins: [W, P],
-  components: {
-    VsMapSetting: Z,
-    VsClusterLegend: ae,
-    VsMapGoHome: q,
-    VsList: D,
-    VsMapSlotLayers: K,
-    // VsListbar,
-    VsBar: J
-  },
-  data() {
-    return {
-      baseColor: "pink",
-      kattotg: "",
-      options: [
-        { id: "map", text: "Карта", component: pe },
-        { id: "table", text: "Таблиця", component: Q },
-        { id: "chart", text: "Віджет", component: U }
-      ],
-      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 X.get(
-        `/bi-cluster?widget=${this.widget}&dashboard=${this.dashboard}`
-      );
-      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 o, e, a, d;
-      this.baseColor = ((o = this.data.style) == null ? void 0 : o.color) || "blue";
-      const t = ["case"];
-      (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");
-      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 r = ["case"];
-      this.kattotg && r.push(
-        ["==", ["to-string", ["get", "name"]], String(this.kattotg)],
-        "red"
-      ), r.push("transparent"), this.map.addLayer({
-        id: "highlighted",
-        type: "fill",
-        source: "bi",
-        "source-layer": "bi",
-        paint: {
-          "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",
-        sources: {},
-        layers: []
-      };
-      this.map = await new H.Map({
-        container: this.mapId,
-        style: t,
-        center: [31, 48.5],
-        zoom: ((r = (s = this.data) == null ? void 0 : s.style) == null ? void 0 : r.zoom) || 5,
-        minZoom: 3,
-        maxZoom: 20,
-        attributionControl: !1
-      }), this.map.addControl(
-        new H.NavigationControl({
-          visualizePitch: !0
-        })
-      ), this.map.on("load", () => {
-        this.loadHandler();
-      }), this.map.on("mousemove", (o) => {
-        this.moveMouseHadler(o);
-      }), this.map.on("mouseout", () => {
-        var o;
-        this.showLegend = !1, this.showSetting = !1, this.coordinatesByMouse = 0, (o = this.popup) == null || o.remove();
-      });
-    },
-    moveMouseHadler(t) {
-      var s;
-      try {
-        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">
-        ${(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>${(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 (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, 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, [
-    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(l == null ? void 0 : l.component), {
-            height: "16",
-            width: "16"
-          }))
-        ], 10, ge))), 256))
-      ])
-    ]),
-    M(n("div", {
-      class: "relative w-full h-[calc(100%-40px)]",
-      id: `wrapper-${e.mapId}`
-    }, [
-      n("div", {
-        id: e.mapId,
-        class: "h-full w-full flex items-end min-h-[250px]"
-      }, null, 8, fe),
-      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"]),
-      n("div", be, [
-        w(i, {
-          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: (b = e.data) == null ? void 0 : b.sizes,
-        color: e.baseColor,
-        changeOpacityItem: "true",
-        cluster: "true"
-      }, null, 8, ["mapId", "colors", "sizes", "color"])
-    ], 8, ye), [
-      [C, e.activeTab == "map"]
-    ]),
-    M(w(u, {
-      mapId: e.mapId,
-      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] = (l) => e.kattotg = l)
-    }, null, 8, ["mapId", "source", "total", "count"]), [
-      [C, e.activeTab == "table"]
-    ]),
-    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((l) => ({
-          title: l == null ? void 0 : l.title,
-          metric: l == null ? void 0 : l.metric
-        }))
-      }, null, 8, ["source"])) : S("", !0)
-    ], 512), [
-      [C, e.activeTab == "chart"]
-    ])
-  ]);
-}
-const Me = /* @__PURE__ */ V(ce, [["render", xe]]);
-export {
-  Me as default
-};

package/dist/vs-number-ZSc2xN1l.js

@@ -1,55 +0,0 @@
-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",
-  mixins: [o],
-  data() {
-    return {
-      number: ""
-    };
-  },
-  computed: {
-    formattedNumber() {
-      return n(this.number);
-    },
-    prefix() {
-      var e, t;
-      return (e = this.styleData) != null && e.prefix ? (t = this.styleData) == null ? void 0 : t.prefix : "";
-    }
-  },
-  watch: {
-    sourceData: {
-      async handler() {
-        this.getNumber();
-      },
-      deep: !0
-    }
-  },
-  async mounted() {
-    await this.getData(), this.getNumber();
-  },
-  methods: {
-    onChangedData() {
-      try {
-        this.sourceData && this.getNumber();
-      } catch (e) {
-        console.error(e);
-      }
-    },
-    async getNumber() {
-      var e, t;
-      try {
-        this.number = ((t = this.sourceData[0]) == null ? void 0 : t[Object.keys((e = this.sourceData) == null ? void 0 : e[0])]) || 0;
-      } catch (r) {
-        console.error(r);
-      }
-    }
-  }
-}, 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 i(), m("div", h, s(a.prefix) + s(a.formattedNumber), 1);
-}
-const b = /* @__PURE__ */ c(u, [["render", x]]);
-export {
-  b as default
-};