@kong-ui-public/analytics-geo-map 1.4.5-pr.2539.c966138ed.0 → 1.4.5-pr.2540.588dfa311.0

package/dist/vitals-geo-map.es.js

@@ -1,14 +1,14 @@
-import { defineComponent as S0, useId as V0, ref as p0, computed as z, onMounted as z0, watch as n0, createElementBlock as U, openBlock as R, createCommentVNode as r0, createElementVNode as E, renderSlot as a0, createVNode as T0, unref as A, createTextVNode as C0, toDisplayString as Z, Fragment as D0, renderList as N0, normalizeStyle as I0 } from "vue";
-import { Map as O0, Popup as U0 } from "maplibre-gl";
-import { createI18n as R0, i18nTComponent as E0 } from "@kong-ui-public/i18n";
-import { AnalyticsIcon as A0 } from "@kong/icons";
-const H0 = {
+import { computed as M, defineComponent as _0, createElementBlock as A, openBlock as N, createCommentVNode as a0, toDisplayString as X, Fragment as z0, renderList as T0, createElementVNode as $, normalizeStyle as C0, toRef as f0, useId as D0, ref as h0, onMounted as N0, watch as n0, createBlock as U0, renderSlot as r0, createVNode as I0, unref as D, createTextVNode as O0 } from "vue";
+import { Map as R0, Popup as E0 } from "maplibre-gl";
+import { createI18n as A0, i18nTComponent as $0 } from "@kong-ui-public/i18n";
+import { AnalyticsIcon as H0 } from "@kong/icons";
+const G0 = {
   ms: "ms",
   bytes: "Byte{plural}",
   count: "request{plural}",
   "count/minute": "rpm",
   requests: "request{plural}"
-}, $0 = {
+}, q0 = {
   request_count: "Request count",
   request_per_minute: "Requests per minute",
   response_latency_average: "Response latency (avg)",
@@ -33,60 +33,98 @@ const H0 = {
   request_size_p95: "Request size (p95)",
   request_size_p50: "Request size (p50)",
   request_size_sum: "Request size (sum)"
-}, G0 = {
+}, K0 = {
   windows_zoom_help_text: "Use Ctrl + Scroll to zoom the map",
   mac_zoom_help_text: "Use ⌘ + Scroll to zoom the map",
   mobile_zoom_help_text: "Use two fingers to zoom the map"
-}, q0 = "No location", K0 = "No location data found.", j0 = {
-  metricUnits: H0,
-  metrics: $0,
-  cooperative_gestures: G0,
-  no_location_data: q0,
-  no_location_data_description: K0
+}, j0 = "No location", W0 = "No location data found.", Z0 = {
+  metricUnits: G0,
+  metrics: q0,
+  cooperative_gestures: K0,
+  no_location_data: j0,
+  no_location_data_description: W0
 };
-function W0() {
-  const e = R0("en-us", j0);
+function J0() {
+  const e = A0("en-us", Z0);
   return {
     i18n: e,
-    i18nT: E0(e)
+    i18nT: $0(e)
     // Translation component <i18n-t>
   };
 }
-const Z0 = {
-  useI18n: W0
-};
 function F0(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var _0 = { exports: {} };
+var w0 = { exports: {} };
 (function(e) {
   (function() {
-    function t(s, l) {
-      if (l.separator === !1 || s < 1e3)
-        return s.toString();
-      var u = typeof l.separator == "string" ? l.separator : ",", y = [], g = Math.round(s).toString().split("");
-      return g.reverse().forEach(function(T, I) {
-        I && I % 3 === 0 && y.push(u), y.push(T);
-      }), y.reverse().join("");
+    function t(r, l) {
+      if (l.separator === !1 || r < 1e3)
+        return r.toString();
+      var u = typeof l.separator == "string" ? l.separator : ",", p = [], y = Math.round(r).toString().split("");
+      return y.reverse().forEach(function(_, w) {
+        w && w % 3 === 0 && p.push(u), p.push(_);
+      }), p.reverse().join("");
     }
-    function i(s, l, u) {
-      var y = s / l, g = u.round ? "round" : "floor";
-      return u.decimal === !1 ? (s = Math[g](y), s.toString()) : (u.precision ? s = y : s = y < 10 ? Math[g](y * 10) / 10 : Math[g](y), s = s.toString(), typeof u.decimal == "string" && (s = s.replace(".", u.decimal)), s);
+    function i(r, l, u) {
+      var p = r / l, y = u.round ? "round" : "floor";
+      return u.decimal === !1 ? (r = Math[y](p), r.toString()) : (u.precision ? r = p : r = p < 10 ? Math[y](p * 10) / 10 : Math[y](p), r = r.toString(), typeof u.decimal == "string" && (r = r.replace(".", u.decimal)), r);
     }
-    var a = 1e3, n = 1e4, o = 1e6, r = 1e9, d = 1e12;
-    function p(s, l) {
+    var a = 1e3, n = 1e4, o = 1e6, s = 1e9, c = 1e12;
+    function f(r, l) {
       var u;
       l = l || {};
-      var y = s < 0;
-      y && (s = Math.abs(s)), l.precision && (s = parseFloat(s.toPrecision(l.precision)));
-      var g = l.min10k ? n : a;
-      return s < g || l.precision && l.precision > Math.log10(s) ? u = t(i(s, 1, l), l) : s < o ? u = i(s, a, l) + "k" : s < r ? u = i(s, o, l) + "m" : s < d ? u = t(i(s, r, l), l) + "b" : u = t(i(s, d, l), l) + "t", y && (u = "-" + u), l.capital && (u = u.toUpperCase()), l.prefix && (u = l.prefix + u), l.suffix && (u = u + l.suffix), u;
+      var p = r < 0;
+      p && (r = Math.abs(r)), l.precision && (r = parseFloat(r.toPrecision(l.precision)));
+      var y = l.min10k ? n : a;
+      return r < y || l.precision && l.precision > Math.log10(r) ? u = t(i(r, 1, l), l) : r < o ? u = i(r, a, l) + "k" : r < s ? u = i(r, o, l) + "m" : r < c ? u = t(i(r, s, l), l) + "b" : u = t(i(r, c, l), l) + "t", p && (u = "-" + u), l.capital && (u = u.toUpperCase()), l.prefix && (u = l.prefix + u), l.suffix && (u = u + l.suffix), u;
     }
-    p.addCommas = t, e.exports = p;
+    f.addCommas = t, e.exports = f;
   })();
-})(_0);
-var J0 = _0.exports;
-const X0 = /* @__PURE__ */ F0(J0), Q0 = "FeatureCollection", Y0 = [
+})(w0);
+var X0 = w0.exports;
+const Q0 = /* @__PURE__ */ F0(X0);
+function Y0({
+  countryMetrics: e,
+  metric: t
+}) {
+  const i = M(() => Math.log(Math.min(...Object.values(e.value)))), a = M(() => Math.log(Math.max(...Object.values(e.value)))), n = M(() => {
+    var f;
+    return !((f = t.value) != null && f.includes("latency"));
+  }), o = M(() => {
+    const r = (a.value - i.value) / 5, l = [
+      i.value + 4 * r,
+      i.value + 3 * r,
+      i.value + 2 * r,
+      i.value + 1 * r,
+      i.value
+    ];
+    return l.map((u, p) => {
+      const y = p === 0 ? a.value : l[p - 1], _ = Math.exp(u), w = Math.exp(y);
+      let S = "";
+      return p === 0 ? S = `> ${c(_)}` : p === l.length - 1 ? S = `< ${c(w)}` : S = `${c(_)} - ${c(w)}`, {
+        color: s(_),
+        range: S
+      };
+    });
+  }), s = (f) => {
+    const r = Math.log(f), u = (a.value - i.value) / 5;
+    return r >= i.value + 4 * u ? "#00819d" : r >= i.value + 3 * u ? "#00abd2" : r >= i.value + 2 * u ? "#00c8f4" : r >= i.value + 1 * u ? "#67e3ff" : "#b3f1ff";
+  }, c = (f) => {
+    var l;
+    const r = Math.trunc(f);
+    return n.value ? Q0(r, { capital: !0 }) : new Intl.NumberFormat(((l = document == null ? void 0 : document.documentElement) == null ? void 0 : l.lang) || "en-US").format(r);
+  };
+  return {
+    getColor: s,
+    formatMetric: c,
+    legendData: o
+  };
+}
+const p0 = {
+  useI18n: J0,
+  useMetricUtils: Y0
+}, b0 = "FeatureCollection", ee = [
   {
     type: "Feature",
     properties: {
@@ -2518,11 +2556,11 @@ const X0 = /* @__PURE__ */ F0(J0), Q0 = "FeatureCollection", Y0 = [
       ]
     }
   }
-], b0 = {
-  type: Q0,
-  features: Y0
+], te = {
+  type: b0,
+  features: ee
 };
-var ee = ie, Q, G, v, Y, e0, te = [
+var ie = re, Q, H, v, Y, e0, ne = [
   "Point",
   "MultiPoint",
   "LineString",
@@ -2531,36 +2569,36 @@ var ee = ie, Q, G, v, Y, e0, te = [
   "MultiPolygon",
   "GeometryCollection"
 ];
-function ie(e) {
-  Y = 2, e0 = Math.pow(10, 6), v = null, Q = [], G = [];
-  var t = e.readFields(ne, {});
+function re(e) {
+  Y = 2, e0 = Math.pow(10, 6), v = null, Q = [], H = [];
+  var t = e.readFields(ae, {});
   return Q = null, t;
 }
-function ne(e, t, i) {
-  e === 1 ? Q.push(i.readString()) : e === 2 ? Y = i.readVarint() : e === 3 ? e0 = Math.pow(10, i.readVarint()) : e === 4 ? re(i, t) : e === 5 ? w0(i, t) : e === 6 && s0(i, t);
+function ae(e, t, i) {
+  e === 1 ? Q.push(i.readString()) : e === 2 ? Y = i.readVarint() : e === 3 ? e0 = Math.pow(10, i.readVarint()) : e === 4 ? oe(i, t) : e === 5 ? k0(i, t) : e === 6 && s0(i, t);
 }
-function re(e, t) {
-  return t.type = "FeatureCollection", t.features = [], e.readMessage(ae, t);
+function oe(e, t) {
+  return t.type = "FeatureCollection", t.features = [], e.readMessage(se, t);
 }
-function w0(e, t) {
+function k0(e, t) {
   t.type = "Feature";
-  var i = e.readMessage(oe, t);
+  var i = e.readMessage(le, t);
   return "geometry" in i || (i.geometry = null), i;
 }
 function s0(e, t) {
-  return t.type = "Point", e.readMessage(se, t);
-}
-function ae(e, t, i) {
-  e === 1 ? t.features.push(w0(i, {})) : e === 13 ? G.push(l0(i)) : e === 15 && b(i, t);
-}
-function oe(e, t, i) {
-  e === 1 ? t.geometry = s0(i, {}) : e === 11 ? t.id = i.readString() : e === 12 ? t.id = i.readSVarint() : e === 13 ? G.push(l0(i)) : e === 14 ? t.properties = b(i, {}) : e === 15 && b(i, t);
+  return t.type = "Point", e.readMessage(ue, t);
 }
 function se(e, t, i) {
-  e === 1 ? t.type = te[i.readVarint()] : e === 2 ? v = i.readPackedVarint() : e === 3 ? le(t, i, t.type) : e === 4 ? (t.geometries = t.geometries || [], t.geometries.push(s0(i, {}))) : e === 13 ? G.push(l0(i)) : e === 15 && b(i, t);
+  e === 1 ? t.features.push(k0(i, {})) : e === 13 ? H.push(l0(i)) : e === 15 && b(i, t);
 }
 function le(e, t, i) {
-  i === "Point" ? e.coordinates = ue(t) : i === "MultiPoint" || i === "LineString" ? e.coordinates = m0(t) : i === "MultiLineString" ? e.coordinates = y0(t) : i === "Polygon" ? e.coordinates = y0(t, !0) : i === "MultiPolygon" && (e.coordinates = ce(t));
+  e === 1 ? t.geometry = s0(i, {}) : e === 11 ? t.id = i.readString() : e === 12 ? t.id = i.readSVarint() : e === 13 ? H.push(l0(i)) : e === 14 ? t.properties = b(i, {}) : e === 15 && b(i, t);
+}
+function ue(e, t, i) {
+  e === 1 ? t.type = ne[i.readVarint()] : e === 2 ? v = i.readPackedVarint() : e === 3 ? ce(t, i, t.type) : e === 4 ? (t.geometries = t.geometries || [], t.geometries.push(s0(i, {}))) : e === 13 ? H.push(l0(i)) : e === 15 && b(i, t);
+}
+function ce(e, t, i) {
+  i === "Point" ? e.coordinates = de(t) : i === "MultiPoint" || i === "LineString" ? e.coordinates = m0(t) : i === "MultiLineString" ? e.coordinates = y0(t) : i === "Polygon" ? e.coordinates = y0(t, !0) : i === "MultiPolygon" && (e.coordinates = fe(t));
 }
 function l0(e) {
   for (var t = e.readVarint() + e.pos, i = null; e.pos < t; ) {
@@ -2570,20 +2608,20 @@ function l0(e) {
   return i;
 }
 function b(e, t) {
-  for (var i = e.readVarint() + e.pos; e.pos < i; ) t[Q[e.readVarint()]] = G[e.readVarint()];
-  return G = [], t;
+  for (var i = e.readVarint() + e.pos; e.pos < i; ) t[Q[e.readVarint()]] = H[e.readVarint()];
+  return H = [], t;
 }
-function ue(e) {
+function de(e) {
   for (var t = e.readVarint() + e.pos, i = []; e.pos < t; ) i.push(e.readSVarint() / e0);
   return i;
 }
 function K(e, t, i, a) {
-  var n = 0, o = [], r, d, p = [];
-  for (d = 0; d < Y; d++) p[d] = 0;
+  var n = 0, o = [], s, c, f = [];
+  for (c = 0; c < Y; c++) f[c] = 0;
   for (; i ? n < i : e.pos < t; ) {
-    for (r = [], d = 0; d < Y; d++)
-      p[d] += e.readSVarint(), r[d] = p[d] / e0;
-    o.push(r), n++;
+    for (s = [], c = 0; c < Y; c++)
+      f[c] += e.readSVarint(), s[c] = f[c] / e0;
+    o.push(s), n++;
   }
   return a && o.push(o[0]), o;
 }
@@ -2596,41 +2634,41 @@ function y0(e, t) {
   for (var a = [], n = 0; n < v.length; n++) a.push(K(e, i, v[n], t));
   return v = null, a;
 }
-function ce(e) {
+function fe(e) {
   var t = e.readVarint() + e.pos;
   if (!v) return [[K(e, t, null, !0)]];
   for (var i = [], a = 1, n = 0; n < v[0]; n++) {
-    for (var o = [], r = 0; r < v[a]; r++) o.push(K(e, t, v[a + 1 + r], !0));
+    for (var o = [], s = 0; s < v[a]; s++) o.push(K(e, t, v[a + 1 + s], !0));
     a += v[a] + 1, i.push(o);
   }
   return v = null, i;
 }
-var de = ee, u0 = {};
+var he = ie, u0 = {};
 /*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
 u0.read = function(e, t, i, a, n) {
-  var o, r, d = n * 8 - a - 1, p = (1 << d) - 1, s = p >> 1, l = -7, u = i ? n - 1 : 0, y = i ? -1 : 1, g = e[t + u];
-  for (u += y, o = g & (1 << -l) - 1, g >>= -l, l += d; l > 0; o = o * 256 + e[t + u], u += y, l -= 8)
+  var o, s, c = n * 8 - a - 1, f = (1 << c) - 1, r = f >> 1, l = -7, u = i ? n - 1 : 0, p = i ? -1 : 1, y = e[t + u];
+  for (u += p, o = y & (1 << -l) - 1, y >>= -l, l += c; l > 0; o = o * 256 + e[t + u], u += p, l -= 8)
     ;
-  for (r = o & (1 << -l) - 1, o >>= -l, l += a; l > 0; r = r * 256 + e[t + u], u += y, l -= 8)
+  for (s = o & (1 << -l) - 1, o >>= -l, l += a; l > 0; s = s * 256 + e[t + u], u += p, l -= 8)
     ;
   if (o === 0)
-    o = 1 - s;
+    o = 1 - r;
   else {
-    if (o === p)
-      return r ? NaN : (g ? -1 : 1) * (1 / 0);
-    r = r + Math.pow(2, a), o = o - s;
+    if (o === f)
+      return s ? NaN : (y ? -1 : 1) * (1 / 0);
+    s = s + Math.pow(2, a), o = o - r;
   }
-  return (g ? -1 : 1) * r * Math.pow(2, o - a);
+  return (y ? -1 : 1) * s * Math.pow(2, o - a);
 };
 u0.write = function(e, t, i, a, n, o) {
-  var r, d, p, s = o * 8 - n - 1, l = (1 << s) - 1, u = l >> 1, y = n === 23 ? Math.pow(2, -24) - Math.pow(2, -77) : 0, g = a ? 0 : o - 1, T = a ? 1 : -1, I = t < 0 || t === 0 && 1 / t < 0 ? 1 : 0;
-  for (t = Math.abs(t), isNaN(t) || t === 1 / 0 ? (d = isNaN(t) ? 1 : 0, r = l) : (r = Math.floor(Math.log(t) / Math.LN2), t * (p = Math.pow(2, -r)) < 1 && (r--, p *= 2), r + u >= 1 ? t += y / p : t += y * Math.pow(2, 1 - u), t * p >= 2 && (r++, p /= 2), r + u >= l ? (d = 0, r = l) : r + u >= 1 ? (d = (t * p - 1) * Math.pow(2, n), r = r + u) : (d = t * Math.pow(2, u - 1) * Math.pow(2, n), r = 0)); n >= 8; e[i + g] = d & 255, g += T, d /= 256, n -= 8)
+  var s, c, f, r = o * 8 - n - 1, l = (1 << r) - 1, u = l >> 1, p = n === 23 ? Math.pow(2, -24) - Math.pow(2, -77) : 0, y = a ? 0 : o - 1, _ = a ? 1 : -1, w = t < 0 || t === 0 && 1 / t < 0 ? 1 : 0;
+  for (t = Math.abs(t), isNaN(t) || t === 1 / 0 ? (c = isNaN(t) ? 1 : 0, s = l) : (s = Math.floor(Math.log(t) / Math.LN2), t * (f = Math.pow(2, -s)) < 1 && (s--, f *= 2), s + u >= 1 ? t += p / f : t += p * Math.pow(2, 1 - u), t * f >= 2 && (s++, f /= 2), s + u >= l ? (c = 0, s = l) : s + u >= 1 ? (c = (t * f - 1) * Math.pow(2, n), s = s + u) : (c = t * Math.pow(2, u - 1) * Math.pow(2, n), s = 0)); n >= 8; e[i + y] = c & 255, y += _, c /= 256, n -= 8)
     ;
-  for (r = r << n | d, s += n; s > 0; e[i + g] = r & 255, g += T, r /= 256, s -= 8)
+  for (s = s << n | c, r += n; r > 0; e[i + y] = s & 255, y += _, s /= 256, r -= 8)
     ;
-  e[i + g - T] |= I * 128;
+  e[i + y - _] |= w * 128;
 };
-var fe = h, J = u0;
+var pe = h, Z = u0;
 function h(e) {
   this.buf = ArrayBuffer.isView && ArrayBuffer.isView(e) ? e : new Uint8Array(e || 0), this.pos = 0, this.type = 0, this.length = this.buf.length;
 }
@@ -2638,7 +2676,7 @@ h.Varint = 0;
 h.Fixed64 = 1;
 h.Bytes = 2;
 h.Fixed32 = 5;
-var o0 = 65536 * 65536, x0 = 1 / o0, he = 12, k0 = typeof TextDecoder > "u" ? null : new TextDecoder("utf-8");
+var o0 = 65536 * 65536, x0 = 1 / o0, me = 12, M0 = typeof TextDecoder > "u" ? null : new TextDecoder("utf-8");
 h.prototype = {
   destroy: function() {
     this.buf = null;
@@ -2655,7 +2693,7 @@ h.prototype = {
     return this.readFields(e, t, this.readVarint() + this.pos);
   },
   readFixed32: function() {
-    var e = X(this.buf, this.pos);
+    var e = J(this.buf, this.pos);
     return this.pos += 4, e;
   },
   readSFixed32: function() {
@@ -2664,24 +2702,24 @@ h.prototype = {
   },
   // 64-bit int handling is based on github.com/dpw/node-buffer-more-ints (MIT-licensed)
   readFixed64: function() {
-    var e = X(this.buf, this.pos) + X(this.buf, this.pos + 4) * o0;
+    var e = J(this.buf, this.pos) + J(this.buf, this.pos + 4) * o0;
     return this.pos += 8, e;
   },
   readSFixed64: function() {
-    var e = X(this.buf, this.pos) + v0(this.buf, this.pos + 4) * o0;
+    var e = J(this.buf, this.pos) + v0(this.buf, this.pos + 4) * o0;
     return this.pos += 8, e;
   },
   readFloat: function() {
-    var e = J.read(this.buf, this.pos, !0, 23, 4);
+    var e = Z.read(this.buf, this.pos, !0, 23, 4);
     return this.pos += 4, e;
   },
   readDouble: function() {
-    var e = J.read(this.buf, this.pos, !0, 52, 8);
+    var e = Z.read(this.buf, this.pos, !0, 52, 8);
     return this.pos += 8, e;
   },
   readVarint: function(e) {
     var t = this.buf, i, a;
-    return a = t[this.pos++], i = a & 127, a < 128 || (a = t[this.pos++], i |= (a & 127) << 7, a < 128) || (a = t[this.pos++], i |= (a & 127) << 14, a < 128) || (a = t[this.pos++], i |= (a & 127) << 21, a < 128) ? i : (a = t[this.pos], i |= (a & 15) << 28, pe(i, e, this));
+    return a = t[this.pos++], i = a & 127, a < 128 || (a = t[this.pos++], i |= (a & 127) << 7, a < 128) || (a = t[this.pos++], i |= (a & 127) << 14, a < 128) || (a = t[this.pos++], i |= (a & 127) << 21, a < 128) ? i : (a = t[this.pos], i |= (a & 15) << 28, ye(i, e, this));
   },
   readVarint64: function() {
     return this.readVarint(!0);
@@ -2695,7 +2733,7 @@ h.prototype = {
   },
   readString: function() {
     var e = this.readVarint() + this.pos, t = this.pos;
-    return this.pos = e, e - t >= he && k0 ? Se(this.buf, t, e) : Pe(this.buf, t, e);
+    return this.pos = e, e - t >= me && M0 ? ze(this.buf, t, e) : Ve(this.buf, t, e);
   },
   readBytes: function() {
     var e = this.readVarint() + this.pos, t = this.buf.subarray(this.pos, e);
@@ -2704,55 +2742,55 @@ h.prototype = {
   // verbose for performance reasons; doesn't affect gzipped size
   readPackedVarint: function(e, t) {
     if (this.type !== h.Bytes) return e.push(this.readVarint(t));
-    var i = L(this);
+    var i = k(this);
     for (e = e || []; this.pos < i; ) e.push(this.readVarint(t));
     return e;
   },
   readPackedSVarint: function(e) {
     if (this.type !== h.Bytes) return e.push(this.readSVarint());
-    var t = L(this);
+    var t = k(this);
     for (e = e || []; this.pos < t; ) e.push(this.readSVarint());
     return e;
   },
   readPackedBoolean: function(e) {
     if (this.type !== h.Bytes) return e.push(this.readBoolean());
-    var t = L(this);
+    var t = k(this);
     for (e = e || []; this.pos < t; ) e.push(this.readBoolean());
     return e;
   },
   readPackedFloat: function(e) {
     if (this.type !== h.Bytes) return e.push(this.readFloat());
-    var t = L(this);
+    var t = k(this);
     for (e = e || []; this.pos < t; ) e.push(this.readFloat());
     return e;
   },
   readPackedDouble: function(e) {
     if (this.type !== h.Bytes) return e.push(this.readDouble());
-    var t = L(this);
+    var t = k(this);
     for (e = e || []; this.pos < t; ) e.push(this.readDouble());
     return e;
   },
   readPackedFixed32: function(e) {
     if (this.type !== h.Bytes) return e.push(this.readFixed32());
-    var t = L(this);
+    var t = k(this);
     for (e = e || []; this.pos < t; ) e.push(this.readFixed32());
     return e;
   },
   readPackedSFixed32: function(e) {
     if (this.type !== h.Bytes) return e.push(this.readSFixed32());
-    var t = L(this);
+    var t = k(this);
     for (e = e || []; this.pos < t; ) e.push(this.readSFixed32());
     return e;
   },
   readPackedFixed64: function(e) {
     if (this.type !== h.Bytes) return e.push(this.readFixed64());
-    var t = L(this);
+    var t = k(this);
     for (e = e || []; this.pos < t; ) e.push(this.readFixed64());
     return e;
   },
   readPackedSFixed64: function(e) {
     if (this.type !== h.Bytes) return e.push(this.readSFixed64());
-    var t = L(this);
+    var t = k(this);
     for (e = e || []; this.pos < t; ) e.push(this.readSFixed64());
     return e;
   },
@@ -2780,20 +2818,20 @@ h.prototype = {
     return this.length = this.pos, this.pos = 0, this.buf.subarray(0, this.length);
   },
   writeFixed32: function(e) {
-    this.realloc(4), $(this.buf, e, this.pos), this.pos += 4;
+    this.realloc(4), E(this.buf, e, this.pos), this.pos += 4;
   },
   writeSFixed32: function(e) {
-    this.realloc(4), $(this.buf, e, this.pos), this.pos += 4;
+    this.realloc(4), E(this.buf, e, this.pos), this.pos += 4;
   },
   writeFixed64: function(e) {
-    this.realloc(8), $(this.buf, e & -1, this.pos), $(this.buf, Math.floor(e * x0), this.pos + 4), this.pos += 8;
+    this.realloc(8), E(this.buf, e & -1, this.pos), E(this.buf, Math.floor(e * x0), this.pos + 4), this.pos += 8;
   },
   writeSFixed64: function(e) {
-    this.realloc(8), $(this.buf, e & -1, this.pos), $(this.buf, Math.floor(e * x0), this.pos + 4), this.pos += 8;
+    this.realloc(8), E(this.buf, e & -1, this.pos), E(this.buf, Math.floor(e * x0), this.pos + 4), this.pos += 8;
   },
   writeVarint: function(e) {
     if (e = +e || 0, e > 268435455 || e < 0) {
-      me(e, this);
+      xe(e, this);
       return;
     }
     this.realloc(4), this.buf[this.pos++] = e & 127 | (e > 127 ? 128 : 0), !(e <= 127) && (this.buf[this.pos++] = (e >>>= 7) & 127 | (e > 127 ? 128 : 0), !(e <= 127) && (this.buf[this.pos++] = (e >>>= 7) & 127 | (e > 127 ? 128 : 0), !(e <= 127) && (this.buf[this.pos++] = e >>> 7 & 127)));
@@ -2807,15 +2845,15 @@ h.prototype = {
   writeString: function(e) {
     e = String(e), this.realloc(e.length * 4), this.pos++;
     var t = this.pos;
-    this.pos = Ve(this.buf, e, this.pos);
+    this.pos = Te(this.buf, e, this.pos);
     var i = this.pos - t;
     i >= 128 && g0(t, i, this), this.pos = t - 1, this.writeVarint(i), this.pos += i;
   },
   writeFloat: function(e) {
-    this.realloc(4), J.write(this.buf, e, this.pos, !0, 23, 4), this.pos += 4;
+    this.realloc(4), Z.write(this.buf, e, this.pos, !0, 23, 4), this.pos += 4;
   },
   writeDouble: function(e) {
-    this.realloc(8), J.write(this.buf, e, this.pos, !0, 52, 8), this.pos += 8;
+    this.realloc(8), Z.write(this.buf, e, this.pos, !0, 52, 8), this.pos += 8;
   },
   writeBytes: function(e) {
     var t = e.length;
@@ -2833,31 +2871,31 @@ h.prototype = {
     this.writeTag(e, h.Bytes), this.writeRawMessage(t, i);
   },
   writePackedVarint: function(e, t) {
-    t.length && this.writeMessage(e, ge, t);
+    t.length && this.writeMessage(e, _e, t);
   },
   writePackedSVarint: function(e, t) {
-    t.length && this.writeMessage(e, ve, t);
+    t.length && this.writeMessage(e, Fe, t);
   },
   writePackedBoolean: function(e, t) {
-    t.length && this.writeMessage(e, we, t);
+    t.length && this.writeMessage(e, Me, t);
   },
   writePackedFloat: function(e, t) {
-    t.length && this.writeMessage(e, Fe, t);
+    t.length && this.writeMessage(e, we, t);
   },
   writePackedDouble: function(e, t) {
-    t.length && this.writeMessage(e, _e, t);
+    t.length && this.writeMessage(e, ke, t);
   },
   writePackedFixed32: function(e, t) {
-    t.length && this.writeMessage(e, ke, t);
+    t.length && this.writeMessage(e, Le, t);
   },
   writePackedSFixed32: function(e, t) {
-    t.length && this.writeMessage(e, Me, t);
+    t.length && this.writeMessage(e, Be, t);
   },
   writePackedFixed64: function(e, t) {
-    t.length && this.writeMessage(e, Le, t);
+    t.length && this.writeMessage(e, Pe, t);
   },
   writePackedSFixed64: function(e, t) {
-    t.length && this.writeMessage(e, Be, t);
+    t.length && this.writeMessage(e, Se, t);
   },
   writeBytesField: function(e, t) {
     this.writeTag(e, h.Bytes), this.writeBytes(t);
@@ -2893,27 +2931,27 @@ h.prototype = {
     this.writeVarintField(e, !!t);
   }
 };
-function pe(e, t, i) {
+function ye(e, t, i) {
   var a = i.buf, n, o;
-  if (o = a[i.pos++], n = (o & 112) >> 4, o < 128 || (o = a[i.pos++], n |= (o & 127) << 3, o < 128) || (o = a[i.pos++], n |= (o & 127) << 10, o < 128) || (o = a[i.pos++], n |= (o & 127) << 17, o < 128) || (o = a[i.pos++], n |= (o & 127) << 24, o < 128) || (o = a[i.pos++], n |= (o & 1) << 31, o < 128)) return H(e, n, t);
+  if (o = a[i.pos++], n = (o & 112) >> 4, o < 128 || (o = a[i.pos++], n |= (o & 127) << 3, o < 128) || (o = a[i.pos++], n |= (o & 127) << 10, o < 128) || (o = a[i.pos++], n |= (o & 127) << 17, o < 128) || (o = a[i.pos++], n |= (o & 127) << 24, o < 128) || (o = a[i.pos++], n |= (o & 1) << 31, o < 128)) return R(e, n, t);
   throw new Error("Expected varint not more than 10 bytes");
 }
-function L(e) {
+function k(e) {
   return e.type === h.Bytes ? e.readVarint() + e.pos : e.pos + 1;
 }
-function H(e, t, i) {
+function R(e, t, i) {
   return i ? t * 4294967296 + (e >>> 0) : (t >>> 0) * 4294967296 + (e >>> 0);
 }
-function me(e, t) {
+function xe(e, t) {
   var i, a;
   if (e >= 0 ? (i = e % 4294967296 | 0, a = e / 4294967296 | 0) : (i = ~(-e % 4294967296), a = ~(-e / 4294967296), i ^ 4294967295 ? i = i + 1 | 0 : (i = 0, a = a + 1 | 0)), e >= 18446744073709552e3 || e < -18446744073709552e3)
     throw new Error("Given varint doesn't fit into 10 bytes");
-  t.realloc(10), ye(i, a, t), xe(a, t);
+  t.realloc(10), ge(i, a, t), ve(a, t);
 }
-function ye(e, t, i) {
+function ge(e, t, i) {
   i.buf[i.pos++] = e & 127 | 128, e >>>= 7, i.buf[i.pos++] = e & 127 | 128, e >>>= 7, i.buf[i.pos++] = e & 127 | 128, e >>>= 7, i.buf[i.pos++] = e & 127 | 128, e >>>= 7, i.buf[i.pos] = e & 127;
 }
-function xe(e, t) {
+function ve(e, t) {
   var i = (e & 7) << 4;
   t.buf[t.pos++] |= i | ((e >>>= 3) ? 128 : 0), e && (t.buf[t.pos++] = e & 127 | ((e >>>= 7) ? 128 : 0), e && (t.buf[t.pos++] = e & 127 | ((e >>>= 7) ? 128 : 0), e && (t.buf[t.pos++] = e & 127 | ((e >>>= 7) ? 128 : 0), e && (t.buf[t.pos++] = e & 127 | ((e >>>= 7) ? 128 : 0), e && (t.buf[t.pos++] = e & 127)))));
 }
@@ -2922,55 +2960,55 @@ function g0(e, t, i) {
   i.realloc(a);
   for (var n = i.pos - 1; n >= e; n--) i.buf[n + a] = i.buf[n];
 }
-function ge(e, t) {
+function _e(e, t) {
   for (var i = 0; i < e.length; i++) t.writeVarint(e[i]);
 }
-function ve(e, t) {
+function Fe(e, t) {
   for (var i = 0; i < e.length; i++) t.writeSVarint(e[i]);
 }
-function Fe(e, t) {
+function we(e, t) {
   for (var i = 0; i < e.length; i++) t.writeFloat(e[i]);
 }
-function _e(e, t) {
+function ke(e, t) {
   for (var i = 0; i < e.length; i++) t.writeDouble(e[i]);
 }
-function we(e, t) {
+function Me(e, t) {
   for (var i = 0; i < e.length; i++) t.writeBoolean(e[i]);
 }
-function ke(e, t) {
+function Le(e, t) {
   for (var i = 0; i < e.length; i++) t.writeFixed32(e[i]);
 }
-function Me(e, t) {
+function Be(e, t) {
   for (var i = 0; i < e.length; i++) t.writeSFixed32(e[i]);
 }
-function Le(e, t) {
+function Pe(e, t) {
   for (var i = 0; i < e.length; i++) t.writeFixed64(e[i]);
 }
-function Be(e, t) {
+function Se(e, t) {
   for (var i = 0; i < e.length; i++) t.writeSFixed64(e[i]);
 }
-function X(e, t) {
+function J(e, t) {
   return (e[t] | e[t + 1] << 8 | e[t + 2] << 16) + e[t + 3] * 16777216;
 }
-function $(e, t, i) {
+function E(e, t, i) {
   e[i] = t, e[i + 1] = t >>> 8, e[i + 2] = t >>> 16, e[i + 3] = t >>> 24;
 }
 function v0(e, t) {
   return (e[t] | e[t + 1] << 8 | e[t + 2] << 16) + (e[t + 3] << 24);
 }
-function Pe(e, t, i) {
+function Ve(e, t, i) {
   for (var a = "", n = t; n < i; ) {
-    var o = e[n], r = null, d = o > 239 ? 4 : o > 223 ? 3 : o > 191 ? 2 : 1;
-    if (n + d > i) break;
-    var p, s, l;
-    d === 1 ? o < 128 && (r = o) : d === 2 ? (p = e[n + 1], (p & 192) === 128 && (r = (o & 31) << 6 | p & 63, r <= 127 && (r = null))) : d === 3 ? (p = e[n + 1], s = e[n + 2], (p & 192) === 128 && (s & 192) === 128 && (r = (o & 15) << 12 | (p & 63) << 6 | s & 63, (r <= 2047 || r >= 55296 && r <= 57343) && (r = null))) : d === 4 && (p = e[n + 1], s = e[n + 2], l = e[n + 3], (p & 192) === 128 && (s & 192) === 128 && (l & 192) === 128 && (r = (o & 15) << 18 | (p & 63) << 12 | (s & 63) << 6 | l & 63, (r <= 65535 || r >= 1114112) && (r = null))), r === null ? (r = 65533, d = 1) : r > 65535 && (r -= 65536, a += String.fromCharCode(r >>> 10 & 1023 | 55296), r = 56320 | r & 1023), a += String.fromCharCode(r), n += d;
+    var o = e[n], s = null, c = o > 239 ? 4 : o > 223 ? 3 : o > 191 ? 2 : 1;
+    if (n + c > i) break;
+    var f, r, l;
+    c === 1 ? o < 128 && (s = o) : c === 2 ? (f = e[n + 1], (f & 192) === 128 && (s = (o & 31) << 6 | f & 63, s <= 127 && (s = null))) : c === 3 ? (f = e[n + 1], r = e[n + 2], (f & 192) === 128 && (r & 192) === 128 && (s = (o & 15) << 12 | (f & 63) << 6 | r & 63, (s <= 2047 || s >= 55296 && s <= 57343) && (s = null))) : c === 4 && (f = e[n + 1], r = e[n + 2], l = e[n + 3], (f & 192) === 128 && (r & 192) === 128 && (l & 192) === 128 && (s = (o & 15) << 18 | (f & 63) << 12 | (r & 63) << 6 | l & 63, (s <= 65535 || s >= 1114112) && (s = null))), s === null ? (s = 65533, c = 1) : s > 65535 && (s -= 65536, a += String.fromCharCode(s >>> 10 & 1023 | 55296), s = 56320 | s & 1023), a += String.fromCharCode(s), n += c;
   }
   return a;
 }
-function Se(e, t, i) {
-  return k0.decode(e.subarray(t, i));
+function ze(e, t, i) {
+  return M0.decode(e.subarray(t, i));
 }
-function Ve(e, t, i) {
+function Te(e, t, i) {
   for (var a = 0, n, o; a < t.length; a++) {
     if (n = t.charCodeAt(a), n > 55295 && n < 57344)
       if (o)
@@ -2988,34 +3026,58 @@ function Ve(e, t, i) {
   }
   return i;
 }
-const ze = /* @__PURE__ */ F0(fe), Je = (e) => {
+const Ce = /* @__PURE__ */ F0(pe), Ye = (e) => {
   var a, n;
   if (!e || !e.data)
     return {};
   const t = {}, i = e.data;
   if (i)
     for (const o of i) {
-      const r = (a = o == null ? void 0 : o.event) == null ? void 0 : a.country_code, d = (n = e.meta.metric_names) == null ? void 0 : n[0];
-      r && (t[r] = d ? o.event[d] : 0);
+      const s = (a = o == null ? void 0 : o.event) == null ? void 0 : a.country_code, c = (n = e.meta.metric_names) == null ? void 0 : n[0];
+      s && (t[s] = c ? o.event[c] : 0);
     }
   return t;
 };
-function Te(e, t = 0) {
+function De(e, t = 0) {
   let i = null;
   return (...a) => {
     i && clearTimeout(i), i = setTimeout(() => e(...a), t);
   };
 }
-const Ce = "#828a9e", De = "32px", Ne = { class: "kong-ui-public-analytics-geo-map" }, Ie = {
-  key: 0,
-  class: "no-location-overlay"
-}, Oe = { class: "no-location-overlay-title" }, Ue = { class: "no-location-overlay-description" }, Re = ["id"], Ee = {
-  key: 1,
-  class: "legend"
-}, Ae = {
+const Ne = "#828a9e", Ue = "32px", Ie = { class: "legend" }, Oe = {
   key: 0,
   class: "legend-title"
-}, He = { class: "legend-text" }, $e = /* @__PURE__ */ S0({
+}, Re = { class: "legend-text" }, Ee = /* @__PURE__ */ _0({
+  __name: "MapLegend",
+  props: {
+    metric: {},
+    title: {},
+    data: {}
+  },
+  setup(e) {
+    return (t, i) => (N(), A("div", Ie, [
+      t.metric ? (N(), A("div", Oe, X(t.title), 1)) : a0("", !0),
+      (N(!0), A(z0, null, T0(t.data, (a, n) => (N(), A("div", {
+        key: n,
+        class: "legend-item"
+      }, [
+        $("span", {
+          class: "legend-color",
+          style: C0({ backgroundColor: a.color })
+        }, null, 4),
+        $("span", Re, X(a.range), 1)
+      ]))), 128))
+    ]));
+  }
+}), L0 = (e, t) => {
+  const i = e.__vccOpts || e;
+  for (const [a, n] of t)
+    i[a] = n;
+  return i;
+}, Ae = /* @__PURE__ */ L0(Ee, [["__scopeId", "data-v-5f034736"]]), $e = { class: "kong-ui-public-analytics-geo-map" }, He = {
+  key: 0,
+  class: "no-location-overlay"
+}, Ge = { class: "no-location-overlay-title" }, qe = { class: "no-location-overlay-description" }, Ke = ["id"], je = /* @__PURE__ */ _0({
   __name: "AnalyticsGeoMap",
   props: {
     countryMetrics: {},
@@ -3026,12 +3088,14 @@ const Ce = "#828a9e", De = "32px", Ne = { class: "kong-ui-public-analytics-geo-m
     fitToCountry: { default: () => {
     } },
     bounds: { default: () => {
-    } },
-    truncatedMetric: { type: Boolean, default: !0 }
+    } }
   },
   emits: ["boundsChange"],
   setup(e, { emit: t }) {
-    const i = import("./countries-simple-geo-BFUDnSiE.js").then((c) => c.default), a = t, { i18n: n } = Z0.useI18n(), o = V0(), r = p0(), d = p0(null), p = z(() => Object.keys(e.countryMetrics).length === 0 && !e.fitToCountry), s = z(() => ({
+    const i = import("./countries-simple-geo-BFUDnSiE.js").then((d) => d.default), a = t, { i18n: n } = p0.useI18n(), { getColor: o, formatMetric: s, legendData: c } = p0.useMetricUtils({
+      countryMetrics: f0(() => e.countryMetrics),
+      metric: f0(() => e.metric)
+    }), f = D0(), r = h0(), l = h0(null), u = M(() => Object.keys(e.countryMetrics).length === 0 && !e.fitToCountry), p = M(() => ({
       "fill-color": [
         "match",
         [
@@ -3044,83 +3108,60 @@ const Ce = "#828a9e", De = "32px", Ne = { class: "kong-ui-public-analytics-geo-m
           ],
           ["get", "ISO_A2"]
         ],
-        ...Object.keys(e.countryMetrics).length ? Object.entries(e.countryMetrics).flatMap(([c, f]) => [
-          c,
-          g(f)
+        ...Object.keys(e.countryMetrics).length ? Object.entries(e.countryMetrics).flatMap(([d, m]) => [
+          d,
+          o(m)
         ]) : ["#ccc", "#ccc"],
         "#ccc"
         // default color if no match
       ],
       "fill-opacity": 0.7
-    })), l = z(() => e.withLegend && Object.keys(e.countryMetrics).length > 0), u = z(() => Math.log(Math.min(...Object.values(e.countryMetrics)))), y = z(() => Math.log(Math.max(...Object.values(e.countryMetrics)))), g = (c) => {
-      const f = Math.log(c), x = (y.value - u.value) / 5;
-      return f >= u.value + 4 * x ? "#00819d" : f >= u.value + 3 * x ? "#00abd2" : f >= u.value + 2 * x ? "#00c8f4" : f >= u.value + 1 * x ? "#67e3ff" : "#b3f1ff";
-    }, T = z(() => e.metric && n.t(`metrics.${e.metric}`) || ""), I = z(() => {
-      const f = (y.value - u.value) / 5, m = [
-        u.value + 4 * f,
-        u.value + 3 * f,
-        u.value + 2 * f,
-        u.value + 1 * f,
-        u.value
-      ];
-      return m.map((x, w) => {
-        const B = w === 0 ? y.value : m[w - 1], F = Math.exp(x), M = Math.exp(B);
-        let k = "";
-        return w === 0 ? k = `> ${q(F)}` : w === m.length - 1 ? k = `< ${q(M)}` : k = `${q(F)} - ${q(M)}`, {
-          color: g(F),
-          range: k
-        };
-      });
-    }), q = (c) => {
-      var m;
-      const f = Math.trunc(c);
-      return e.truncatedMetric ? X0(f, { capital: !0 }) : new Intl.NumberFormat(((m = document == null ? void 0 : document.documentElement) == null ? void 0 : m.lang) || "en-US").format(f);
-    }, c0 = (c) => {
-      const f = c.flat(1);
-      return Array.isArray(f[0]) && Array.isArray(f[0][0]) ? c0(f) : f;
-    }, d0 = (c) => {
-      var m, x, w, B, F, M, k;
-      if (c === "RU") {
-        (m = r.value) == null || m.fitBounds([
+    })), y = M(() => e.withLegend && Object.keys(e.countryMetrics).length > 0), _ = M(() => e.metric && n.t(`metrics.${e.metric}`) || ""), w = (d) => {
+      const m = d.flat(1);
+      return Array.isArray(m[0]) && Array.isArray(m[0][0]) ? w(m) : m;
+    }, S = (d) => {
+      var x, g, G, U, z, I, q;
+      if (d === "RU") {
+        (x = r.value) == null || x.fitBounds([
           [20, 40],
           [180, 80]
         ]);
         return;
-      } else if (c === "US") {
-        (x = r.value) == null || x.fitBounds([
+      } else if (d === "US") {
+        (g = r.value) == null || g.fitBounds([
           [-130, 20],
           [-60, 50]
         ]);
         return;
-      } else if (c === "FR") {
-        (w = r.value) == null || w.fitBounds([
+      } else if (d === "FR") {
+        (G = r.value) == null || G.fitBounds([
           [-5, 42],
           [9, 51]
         ]);
         return;
-      } else if (c === "NO") {
-        (B = r.value) == null || B.fitBounds([
+      } else if (d === "NO") {
+        (U = r.value) == null || U.fitBounds([
           [4, 57],
           [32, 71]
         ]);
         return;
       }
-      const f = (F = d.value) == null ? void 0 : F.features.find((_) => {
-        var P, S, V, D, N;
-        return (P = _.properties) != null && P.ISO_A2 ? ((S = _.properties) == null ? void 0 : S.ISO_A2) === c : ((V = _.properties) == null ? void 0 : V.iso_a2) === "-99" ? ((D = _.properties) == null ? void 0 : D.iso_a2_eh) === c : ((N = _.properties) == null ? void 0 : N.iso_a2) === c;
+      const m = (z = l.value) == null ? void 0 : z.features.find((F) => {
+        var L, B, P, T, C;
+        return (L = F.properties) != null && L.ISO_A2 ? ((B = F.properties) == null ? void 0 : B.ISO_A2) === d : ((P = F.properties) == null ? void 0 : P.iso_a2) === "-99" ? ((T = F.properties) == null ? void 0 : T.iso_a2_eh) === d : ((C = F.properties) == null ? void 0 : C.iso_a2) === d;
       });
-      if (f) {
-        const _ = (M = f.geometry) == null ? void 0 : M.coordinates;
-        if (!_) return;
-        const P = c0(_), S = P.map((O) => O[1]), V = P.map((O) => O[0]), D = Math.min(...S), N = Math.max(...S), j = Math.min(...V), W = Math.max(...V);
-        (k = r.value) == null || k.fitBounds([
-          [j, D],
-          [W, N]
+      if (m) {
+        const F = (I = m.geometry) == null ? void 0 : I.coordinates;
+        if (!F) return;
+        const L = w(F), B = L.map((O) => O[1]), P = L.map((O) => O[0]), T = Math.min(...B), C = Math.max(...B), j = Math.min(...P), W = Math.max(...P);
+        (q = r.value) == null || q.fitBounds([
+          [j, T],
+          [W, C]
         ]);
       }
-    }, C = z(() => {
-      const c = {
-        container: o,
+    }, V = M(() => {
+      const d = {
+        container: f,
         style: { version: 8, sources: {}, layers: [] },
         attributionControl: !1,
         // fit bounds for whole world minus antarctica
@@ -3136,33 +3177,33 @@ const Ce = "#828a9e", De = "32px", Ne = { class: "kong-ui-public-analytics-geo-m
           "CooperativeGesturesHandler.MobileHelpText": n.t("cooperative_gestures.mobile_zoom_help_text")
         }
       };
-      return e.bounds && (c.bounds = e.bounds), c;
-    }), M0 = Te(() => {
+      return e.bounds && (d.bounds = e.bounds), d;
+    }), B0 = De(() => {
       if (!r.value) return;
-      const c = r.value.getBounds(), f = c.getSouthWest(), m = c.getNorthEast();
+      const d = r.value.getBounds(), m = d.getSouthWest(), x = d.getNorthEast();
       a("boundsChange", [
-        [f.lng, f.lat],
-        [m.lng, m.lat]
+        [m.lng, m.lat],
+        [x.lng, x.lat]
       ]);
     }, 300);
-    return z0(async () => {
-      var c, f, m;
+    return N0(async () => {
+      var d, m, x;
       try {
-        const x = await i, w = await fetch(x), B = new Uint8Array(await w.arrayBuffer()), F = de(new ze(B));
-        d.value = F, r.value = new O0(C.value), r.value.on("load", () => {
-          var k, _, P, S, V, D, N;
-          (k = r.value) == null || k.addSource("countries", {
+        const g = await i, G = await fetch(g), U = new Uint8Array(await G.arrayBuffer()), z = he(new Ce(U));
+        l.value = z, r.value = new R0(V.value), r.value.on("load", () => {
+          var q, F, L, B, P, T, C;
+          (q = r.value) == null || q.addSource("countries", {
             type: "geojson",
-            data: F
-          }), (_ = r.value) == null || _.addLayer({
+            data: z
+          }), (F = r.value) == null || F.addLayer({
             id: "countries-layer",
             type: "fill",
             source: "countries",
-            paint: s.value
-          }), (P = r.value) == null || P.addSource("lakes", {
+            paint: p.value
+          }), (L = r.value) == null || L.addSource("lakes", {
             type: "geojson",
-            data: b0
-          }), (S = r.value) == null || S.addLayer({
+            data: te
+          }), (B = r.value) == null || B.addLayer({
             id: "lakes-layer",
             type: "fill",
             source: "lakes",
@@ -3170,36 +3211,36 @@ const Ce = "#828a9e", De = "32px", Ne = { class: "kong-ui-public-analytics-geo-m
               "fill-color": "#FFFFFF"
             }
           });
-          const M = new U0({
+          const I = new E0({
             closeButton: !1,
             closeOnClick: !1
           });
-          (V = r.value) == null || V.on("mousemove", "countries-layer", (j) => {
+          (P = r.value) == null || P.on("mousemove", "countries-layer", (j) => {
             var O;
             const W = (O = j.features) == null ? void 0 : O[0];
             if (W) {
-              const { iso_a2: f0, iso_a2_eh: L0, ISO_A2: B0, admin: h0 } = W.properties, P0 = B0 ?? f0 === "-99" ? L0 : f0, t0 = e.countryMetrics[P0];
+              const { iso_a2: c0, iso_a2_eh: P0, ISO_A2: S0, admin: d0 } = W.properties, V0 = S0 ?? c0 === "-99" ? P0 : c0, t0 = e.countryMetrics[V0];
               if (t0 !== void 0) {
                 let i0;
-                e.showTooltipValue ? i0 = `<strong data-testid="geo-map-tooltip">${h0}</strong>: ${q(t0)} ${n.t(`metricUnits.${e.metricUnit}`, { plural: t0 > 1 ? "s" : "" })}` : i0 = `<strong data-testid="geo-map-tooltip">${h0}</strong>`, M.setLngLat(j.lngLat).setHTML(i0).addTo(r.value);
+                e.showTooltipValue ? i0 = `<strong data-testid="geo-map-tooltip">${d0}</strong>: ${s(t0)} ${n.t(`metricUnits.${e.metricUnit}`, { plural: t0 > 1 ? "s" : "" })}` : i0 = `<strong data-testid="geo-map-tooltip">${d0}</strong>`, I.setLngLat(j.lngLat).setHTML(i0).addTo(r.value);
               } else
-                M.remove();
+                I.remove();
             }
-          }), (D = r.value) == null || D.on("mouseleave", "countries-layer", () => {
-            M.remove();
-          }), (N = r.value) == null || N.on("move", M0), e.fitToCountry && d0(e.fitToCountry);
-        }), (c = r.value) == null || c.dragRotate.disable(), (f = r.value) == null || f.keyboard.disable(), (m = r.value) == null || m.touchZoomRotate.disableRotation();
-      } catch (x) {
-        console.error(x);
+          }), (T = r.value) == null || T.on("mouseleave", "countries-layer", () => {
+            I.remove();
+          }), (C = r.value) == null || C.on("move", B0), e.fitToCountry && S(e.fitToCountry);
+        }), (d = r.value) == null || d.dragRotate.disable(), (m = r.value) == null || m.keyboard.disable(), (x = r.value) == null || x.touchZoomRotate.disableRotation();
+      } catch (g) {
+        console.error(g);
       }
     }), n0(() => e.countryMetrics, () => {
-      var c;
+      var d;
       r.value && r.value.isStyleLoaded() && (r.value.getLayer("countries-layer") && r.value.removeLayer("countries-layer"), r.value.addLayer({
         id: "countries-layer",
         type: "fill",
         source: "countries",
-        paint: s.value
-      }), r.value.removeLayer("lakes-layer"), (c = r.value) == null || c.addLayer({
+        paint: p.value
+      }), r.value.removeLayer("lakes-layer"), (d = r.value) == null || d.addLayer({
         id: "lakes-layer",
         type: "fill",
         source: "lakes",
@@ -3207,62 +3248,51 @@ const Ce = "#828a9e", De = "32px", Ne = { class: "kong-ui-public-analytics-geo-m
           "fill-color": "#FFFFFF"
         }
       }));
-    }), n0(() => e.fitToCountry, (c) => {
-      var f, m, x;
-      r.value && c ? d0(c) : !C.value.center && !C.value.zoom ? (f = r.value) == null || f.fitBounds([
+    }), n0(() => e.fitToCountry, (d) => {
+      var m, x, g;
+      r.value && d ? S(d) : !V.value.center && !V.value.zoom ? (m = r.value) == null || m.fitBounds([
         [-180, -90],
         [180, 90]
-      ]) : (C.value.zoom && ((m = r.value) == null || m.setZoom(C.value.zoom)), C.value.center && ((x = r.value) == null || x.flyTo({ center: C.value.center })));
-    }), n0(() => e.bounds, (c, f) => {
-      if (!c) return;
-      const m = c == null ? void 0 : c.flat(), x = f == null ? void 0 : f.flat();
-      !(m && x && m.length === x.length && m.every((B, F) => Math.round(B * 100) / 100 === Math.round(x[F] * 100) / 100)) && r.value && r.value.fitBounds(c);
-    }), (c, f) => (R(), U("div", Ne, [
-      p.value ? (R(), U("div", Ie, [
-        a0(c.$slots, "no-location-icon", {}, () => [
-          T0(A(A0), {
-            color: A(Ce),
-            size: A(De)
+      ]) : (V.value.zoom && ((x = r.value) == null || x.setZoom(V.value.zoom)), V.value.center && ((g = r.value) == null || g.flyTo({ center: V.value.center })));
+    }), n0(() => e.bounds, (d, m) => {
+      if (!d) return;
+      const x = d == null ? void 0 : d.flat(), g = m == null ? void 0 : m.flat();
+      !(x && g && x.length === g.length && x.every((U, z) => Math.round(U * 100) / 100 === Math.round(g[z] * 100) / 100)) && r.value && r.value.fitBounds(d);
+    }), (d, m) => (N(), A("div", $e, [
+      u.value ? (N(), A("div", He, [
+        r0(d.$slots, "no-location-icon", {}, () => [
+          I0(D(H0), {
+            color: D(Ne),
+            size: D(Ue)
           }, null, 8, ["color", "size"])
         ], !0),
-        E("div", Oe, [
-          a0(c.$slots, "no-location-title", {}, () => [
-            C0(Z(A(n).t("no_location_data")), 1)
+        $("div", Ge, [
+          r0(d.$slots, "no-location-title", {}, () => [
+            O0(X(D(n).t("no_location_data")), 1)
           ], !0)
         ]),
-        E("div", Ue, [
-          a0(c.$slots, "no-location-description", {}, () => [
-            E("p", null, Z(A(n).t("no_location_data_description")), 1)
+        $("div", qe, [
+          r0(d.$slots, "no-location-description", {}, () => [
+            $("p", null, X(D(n).t("no_location_data_description")), 1)
           ], !0)
         ])
-      ])) : r0("", !0),
-      E("div", {
-        id: A(o),
+      ])) : a0("", !0),
+      $("div", {
+        id: D(f),
         class: "analytics-geo-map-container"
-      }, null, 8, Re),
-      l.value ? (R(), U("div", Ee, [
-        c.metric ? (R(), U("div", Ae, Z(T.value), 1)) : r0("", !0),
-        (R(!0), U(D0, null, N0(I.value, (m, x) => (R(), U("div", {
-          key: x,
-          class: "legend-item"
-        }, [
-          E("span", {
-            class: "legend-color",
-            style: I0({ backgroundColor: m.color })
-          }, null, 4),
-          E("span", He, Z(m.range), 1)
-        ]))), 128))
-      ])) : r0("", !0)
+      }, null, 8, Ke),
+      y.value ? (N(), U0(Ae, {
+        key: 1,
+        class: "legend-container",
+        data: D(c),
+        metric: d.metric,
+        title: _.value
+      }, null, 8, ["data", "metric", "title"])) : a0("", !0)
     ]));
   }
-}), Ge = (e, t) => {
-  const i = e.__vccOpts || e;
-  for (const [a, n] of t)
-    i[a] = n;
-  return i;
-}, Xe = /* @__PURE__ */ Ge($e, [["__scopeId", "data-v-3710f742"]]);
+}), be = /* @__PURE__ */ L0(je, [["__scopeId", "data-v-bd038b4a"]]);
 export {
-  Xe as AnalyticsGeoMap,
-  Te as debounce,
-  Je as exploreResultToCountryMetrics
+  be as AnalyticsGeoMap,
+  De as debounce,
+  Ye as exploreResultToCountryMetrics
 };