@devgateway/dvz-ui-react 1.9.11 → 1.9.12

package/dist/esm/embeddable/map/map.js

@@ -1,163 +1,161 @@
-import { jsxs as b, Fragment as Ke, jsx as p } from "react/jsx-runtime";
-import { injectIntl as nr, FormattedMessage as ar } from "react-intl";
-import * as c from "d3";
-import { Icon as te, Popup as or, Message as xe, Container as Qe, Segment as sr, Dimmer as ir, Loader as cr, Grid as Fe } from "semantic-ui-react";
-import { useState as re, useRef as L, useEffect as et } from "react";
-import ur from "./legend.js";
-import { formatContent as k } from "../common/MapTooltip.js";
-import N from "../../utils/deviceType.js";
-import { deviceTranslateMap as pr, getFilters as we, deviceMapHeight as dr, deviceMapWidth as tt, getHighlightedLocationColor as mr, getTranslatedItemLabel as fr, SHOW_ALL as rt, SHOW_IF_HAS_DATA as lt, LOCATION as nt, generateBreaks as gr, fillColor as hr, classColor as yr, getTranslatedLocationName as Ae, getLabelBoxWidth as vr, getLabelBoxHeight as br, createLabel as Lr, extractFeatures as xr } from "./mapHelpers.js";
-import { Config as Fr } from "../../conf/index.js";
-const wr = ["mobile", "tablet", "midTablet"].includes(
-  N()
-), at = ["mobile", "tablet"].includes(N());
-function Ar(O) {
+import { jsxs as b, Fragment as qe, jsx as p } from "react/jsx-runtime";
+import { injectIntl as rr, FormattedMessage as lr } from "react-intl";
+import * as u from "d3";
+import { Icon as te, Popup as or, Message as Le, Container as Ke, Segment as nr, Dimmer as ar, Loader as sr, Grid as xe } from "semantic-ui-react";
+import { useState as re, useRef as M, useEffect as Qe } from "react";
+import ir from "./legend.js";
+import { formatContent as T } from "../common/MapTooltip.js";
+import O from "../../utils/deviceType.js";
+import { getFilters as Fe, deviceMapHeight as cr, getHighlightedLocationColor as ur, getTranslatedItemLabel as pr, SHOW_ALL as et, SHOW_IF_HAS_DATA as tt, LOCATION as rt, generateBreaks as dr, fillColor as mr, classColor as fr, getTranslatedLocationName as we, getLabelBoxWidth as gr, getLabelBoxHeight as hr, createLabel as yr, extractFeatures as br } from "./mapHelpers.js";
+import { Config as vr } from "../../conf/index.js";
+const Lr = ["mobile", "tablet", "midTablet"].includes(
+  O()
+), lt = ["mobile", "tablet"].includes(O());
+function xr(_) {
   const {
-    unique: Me,
+    unique: Ae,
     editing: j,
-    source: Te,
+    source: Me,
     center: le,
-    scale: ke,
-    height: Ne,
+    scale: Te,
+    height: ke,
     width: ot,
-    topoJSONField: st,
-    mappingField: y,
-    transformedData: u,
+    topoJSONField: nt,
+    mappingField: h,
+    transformedData: c,
     legendBreaks: Ee,
-    mapLabelField: x,
-    mapLabelShowValue: ne,
-    showOverallValue: ze,
-    measureSelectorLabel: Ie,
-    valueFormat: Ce,
-    autoGenerateBreaks: De,
-    showNoDataLabel: Pe,
-    numberOfBreaks: it,
-    colorScheme: ct,
+    mapLabelField: v,
+    mapLabelShowValue: oe,
+    showOverallValue: Ne,
+    measureSelectorLabel: ze,
+    valueFormat: De,
+    autoGenerateBreaks: Ie,
+    showNoDataLabel: Ce,
+    numberOfBreaks: at,
+    colorScheme: st,
     symbols: Se,
-    tooltipTheme: ut,
-    labelFontSize: K,
+    tooltipTheme: it,
+    labelFontSize: J,
     labelFontColor: Oe,
-    labelFontWeight: pt,
-    legendFontSize: dt,
-    customTooltips: mt,
-    tooltipFontSize: ft,
-    showAdminUnitLabel: ae,
-    mapNoDataColor: We,
-    mapBoundaryColor: gt,
-    mapFocusBoundaryColor: ht,
-    highlightedLocation: C,
+    labelFontWeight: ct,
+    legendFontSize: ut,
+    customTooltips: pt,
+    tooltipFontSize: dt,
+    showAdminUnitLabel: ne,
+    mapNoDataColor: Pe,
+    mapBoundaryColor: mt,
+    mapFocusBoundaryColor: ft,
+    highlightedLocation: D,
     tooltipFormat: Re,
-    showNoDataTooltip: yt,
-    fields: vt,
-    mapContainerBgColor: bt,
-    mapPosition: h,
-    mainLayerId: W,
-    enabledLayers: D,
-    pointLabelColor: Lt,
-    pointLabelFormat: xt,
-    highlightedLocLabelFormat: Ft,
-    mapType: H,
-    defaultPointColor: Be,
-    zoomOnFilter: wt,
-    zoomOnFilterField: P,
-    noDataText: At,
-    labelsExclusionList: oe,
-    showShadingLayerLabels: _e,
+    showNoDataTooltip: gt,
+    fields: ht,
+    mapContainerBgColor: yt,
+    mapPosition: L,
+    mainLayerId: P,
+    enabledLayers: I,
+    pointLabelColor: bt,
+    pointLabelFormat: vt,
+    highlightedLocLabelFormat: Lt,
+    mapType: X,
+    defaultPointColor: We,
+    zoomOnFilter: xt,
+    zoomOnFilterField: C,
+    noDataText: Ft,
+    labelsExclusionList: ae,
+    showShadingLayerLabels: Be,
     appliedFilters: m,
-    intl: F,
-    legendTitle: Mt,
-    nationalAverageLabel: Tt,
+    intl: x,
+    legendTitle: wt,
+    nationalAverageLabel: At,
     zoomEnabled: se,
     showTooltip: ie
-  } = O;
-  console.log("Map props:", O);
-  const [R, kt] = re(
-    () => u && u.measures && u.measures.length > 1 ? u.measures[0] : null
-  ), [$, Nt] = re(null), [je, ce] = re(!1), [B, ue] = re(null), pe = L(null), w = L(null), v = L(null), U = L(null), A = L(null), He = L(null), E = L(null), $e = L(!1), de = L(null), me = L(null), M = L({}), fe = L(null), J = (u == null ? void 0 : u.types) || [];
-  function ge() {
-    return pe.current ? pe.current.offsetWidth : ot;
+  } = _, [R, Mt] = re(
+    () => c && c.measures && c.measures.length > 1 ? c.measures[0] : null
+  ), [H, Tt] = re(null), [_e, ce] = re(!1), [W, ue] = re(null), F = M(null), y = M(null), $ = M(null), k = M(null), E = M(null), je = M(!1), pe = M(null), de = M(null), w = M({}), me = M(null), Z = (c == null ? void 0 : c.types) || [];
+  function fe() {
+    return ot;
   }
-  function he() {
-    return Ne;
+  function ge() {
+    return ke - 100;
   }
-  A.current === null && (A.current = c.zoom().scaleExtent([1, 16]).on("zoom", (e) => M.current.zoomed(e)).on("end", (e) => M.current.zoomEnd(e))), v.current === null && (He.current = pr[N()], v.current = c.geoMercator().scale(ke).center(le).translate([ge() / He.current, he() / 2]), U.current = c.geoPath().projection(v.current));
-  function g() {
-    return ".map.wrapper." + Me;
+  k.current === null && (k.current = u.zoom().scaleExtent([1, 16]).on("zoom", (e) => w.current.zoomed(e)).on("end", (e) => w.current.zoomEnd(e))), y.current === null && (y.current = u.geoMercator().scale(Te).center(le).translate([fe() / 2, ge() / 2]), $.current = u.geoPath().projection(y.current));
+  function f() {
+    return ".map.wrapper." + Ae;
   }
-  function z() {
+  function N() {
     let e = R;
-    return !e && u && u.measures && u.measures.length > 1 && (e = u.measures[0]), e;
+    return !e && c && c.measures && c.measures.length > 1 && (e = c.measures[0]), e;
   }
-  function Ue() {
-    return B && B.length > 0 ? B.map((t) => {
-      const o = D.find((n) => n.id == t.id);
-      return t.index = o ? o.index : 0, t;
-    }).sort((t, o) => parseInt(t.index) < parseInt(o.index) ? 1 : parseInt(t.index) > parseInt(o.index) ? -1 : 0) : [];
+  function He() {
+    return W && W.length > 0 ? W.map((t) => {
+      const a = I.find((l) => l.id == t.id);
+      return t.index = a ? a.index : 0, t;
+    }).sort((t, a) => parseInt(t.index) < parseInt(a.index) ? 1 : parseInt(t.index) > parseInt(a.index) ? -1 : 0) : [];
   }
-  function Et() {
-    const e = Ue();
+  function kt() {
+    const e = He();
     let t;
-    return e && (t = e.filter((o) => o.id == W || o.id == null)[0] || e[0]), t ? t.data : null;
+    return e && (t = e.filter((a) => a.id == P || a.id == null)[0] || e[0]), t ? t.data : null;
   }
-  function Ve(e) {
-    return xr(e, st);
+  function $e(e) {
+    return br(e, nt);
   }
-  function X() {
-    const e = Et(), t = Ue();
+  function Y() {
+    const e = kt(), t = He();
     if (e) {
-      let o = [];
+      let a = [];
       try {
-        o = Ve(e), o.map((l) => {
-          l.properties.layerId = W;
+        a = $e(e), a.map((o) => {
+          o.properties.layerId = P;
           const r = t.find(
-            (a) => String(a.id) === String(W)
+            (n) => String(n.id) === String(P)
           );
-          return r && (l.properties.layerMappingField = r.layerMappingField, l.properties.layerDatasource = r.layerDatasource, l.properties.layerApiField = r.layerApiField, l.properties.layerLocale = r.layerLocale, l.properties.displayLayerLabels = r.displayLayerLabels), D.forEach((a) => {
-            String(a.id) == W && Object.keys(a || {}).forEach((s) => {
-              l.properties[s] = a[s];
+          return r && (o.properties.layerMappingField = r.layerMappingField, o.properties.layerDatasource = r.layerDatasource, o.properties.layerApiField = r.layerApiField, o.properties.layerLocale = r.layerLocale, o.properties.displayLayerLabels = r.displayLayerLabels), I.forEach((n) => {
+            String(n.id) == P && Object.keys(n || {}).forEach((s) => {
+              o.properties[s] = n[s];
             });
-          }), l;
-        }), t && t.forEach((l) => {
-          if (l.id != W) {
-            let r = Ve(l.data);
-            r = r.map((a) => (a.properties.layerId = l.id, a.properties.layerMappingField = l.layerMappingField, a.properties.layerDatasource = l.layerDatasource, a.properties.layerApiField = l.layerApiField, a.properties.layerLocale = l.layerLocale, a.properties.displayLayerLabels = l.displayLayerLabels, a)), o = [...r, ...o];
+          }), o;
+        }), t && t.forEach((o) => {
+          if (o.id != P) {
+            let r = $e(o.data);
+            r = r.map((n) => (n.properties.layerId = o.id, n.properties.layerMappingField = o.layerMappingField, n.properties.layerDatasource = o.layerDatasource, n.properties.layerApiField = o.layerApiField, n.properties.layerLocale = o.layerLocale, n.properties.displayLayerLabels = o.displayLayerLabels, n)), a = [...r, ...a];
           }
         });
-      } catch (l) {
-        console.log("error updating features .." + l);
+      } catch (o) {
+        console.log("error updating features .." + o);
       }
-      const n = o.filter((l) => l.properties != null);
-      let i = u.locationsData;
-      return u.measures && u.measures.length > 1 && (i = u.locationsData.filter(
-        (l) => l.measure === z()
-      )), n.map((l) => {
+      const l = a.filter((o) => o.properties != null);
+      let i = c.locationsData;
+      return c.measures && c.measures.length > 1 && (i = c.locationsData.filter(
+        (o) => o.measure === N()
+      )), l.map((o) => {
         if (i) {
-          const r = i.find((a) => {
-            const s = a.label ? ("" + a.label).toLowerCase() : "", d = l.properties[y] ? l.properties[y].toLowerCase() : "";
+          const r = i.find((n) => {
+            const s = n.label ? ("" + n.label).toLowerCase() : "", d = o.properties[h] ? o.properties[h].toLowerCase() : "";
             return s === d;
           });
           if (r) {
-            let a = r.measure;
-            u.measureLabelMap && r.measure && u.measureLabelMap[r.measure] && (a = u.measureLabelMap[r.measure]), l.properties.value = r.value, l.properties.measure = r.measure, l.properties.measureLabel = a, l.properties.children = r.children, l.properties.variables = r.variables, l.properties.hasDataRow = !0, Object.keys(r).forEach((s) => {
-              l.properties[s] = r[s];
+            let n = r.measure;
+            c.measureLabelMap && r.measure && c.measureLabelMap[r.measure] && (n = c.measureLabelMap[r.measure]), o.properties.value = r.value, o.properties.measure = r.measure, o.properties.measureLabel = n, o.properties.children = r.children, o.properties.variables = r.variables, o.properties.hasDataRow = !0, Object.keys(r).forEach((s) => {
+              o.properties[s] = r[s];
             });
           } else
-            l.properties.value = null, l.properties.measure = null, l.properties.children = null, l.properties.measureLabel = null, l.properties.hasDataRow = !1;
+            o.properties.value = null, o.properties.measure = null, o.properties.children = null, o.properties.measureLabel = null, o.properties.hasDataRow = !1;
         }
-      }), n;
+      }), l;
     }
     return [];
   }
-  function Ge() {
-    if (ue([]), ce(!0), D && D.length > 0) {
+  function Ue() {
+    if (ue([]), ce(!0), I && I.length > 0) {
       const e = [];
-      D.forEach((t) => {
+      I.forEach((t) => {
         e.push(
-          new Promise((o) => {
-            c.json(Fr.REACT_APP_WP_API + "/wp/v2/media/" + t.id).then((n) => {
-              o({
+          new Promise((a) => {
+            u.json(vr.REACT_APP_WP_API + "/wp/v2/media/" + t.id).then((l) => {
+              a({
                 id: t.id,
-                url: n.source_url,
+                url: l.source_url,
                 index: t.index,
                 layerMappingField: t.layerMappingField,
                 layerDatasource: t.datasource,
@@ -166,7 +164,7 @@ function Ar(O) {
                 displayLayerLabels: t.displayLayerLabels
               });
             }).catch(function() {
-              o({
+              a({
                 id: t.id,
                 url: null,
                 index: t.index,
@@ -180,34 +178,34 @@ function Ar(O) {
           })
         );
       }), Promise.all(e).then((t) => {
-        const o = [];
-        t.forEach((n) => {
-          n.url && o.push(
+        const a = [];
+        t.forEach((l) => {
+          l.url && a.push(
             new Promise((i) => {
-              c.json(n.url).then((l) => {
+              u.json(l.url).then((o) => {
                 i({
-                  id: n.id,
-                  data: l,
-                  index: n.index,
-                  layerMappingField: n.layerMappingField,
-                  layerDatasource: n.layerDatasource,
-                  layerApiField: n.layerApiField,
-                  layerLocale: n.layerLocale,
-                  displayLayerLabels: n.displayLayerLabels
+                  id: l.id,
+                  data: o,
+                  index: l.index,
+                  layerMappingField: l.layerMappingField,
+                  layerDatasource: l.layerDatasource,
+                  layerApiField: l.layerApiField,
+                  layerLocale: l.layerLocale,
+                  displayLayerLabels: l.displayLayerLabels
                 });
               });
             })
           );
-        }), Promise.all(o).then((n) => {
-          ue(n), ce(!1);
+        }), Promise.all(a).then((l) => {
+          ue(l), ce(!1);
         });
       });
     } else
-      c.json(Te).then((e) => {
+      u.json(Me).then((e) => {
         ue([
           {
             id: null,
-            url: Te,
+            url: Me,
             data: e,
             index: 0,
             layerMappingField: null,
@@ -219,86 +217,86 @@ function Ar(O) {
         ]), ce(!1);
       });
   }
-  function zt(e) {
-    c.select(g()).select("svg").selectAll("circle").attr("r", e.k > 1 ? 6 / e.k : 6);
+  function Et(e) {
+    u.select(f()).select("svg").selectAll("circle").attr("r", e.k > 1 ? 6 / e.k : 6);
   }
-  function _(e) {
-    return vr(e, x);
+  function B(e) {
+    return gr(e, v);
   }
-  function Q() {
-    return br(ne);
+  function ee() {
+    return hr(oe);
   }
-  function ye(e) {
-    return e.properties.LABEL_LATITUDE && e.properties.LABEL_LONGITUDE ? v.current([
+  function he(e) {
+    return e.properties.LABEL_LATITUDE && e.properties.LABEL_LONGITUDE ? y.current([
       e.properties.LABEL_LONGITUDE,
       e.properties.LABEL_LATITUDE
-    ]) : U.current.centroid(e);
-  }
-  function It(e) {
-    c.select(g()).selectAll(".map-labels-container").each((t, o, n) => {
-      const i = c.select(n[o]), l = i.select("div"), r = e.k > 1 ? e.k : 1, a = K / r;
-      l.style("font-size", `${a}px`);
-      const s = ye(t), d = _(t) / r, f = s[0] - d / 2, T = e.k > 1 ? 10 / e.k : 10, S = s[1] - T;
-      i.attr("x", f).attr("y", S).attr("width", _(t) / r).attr("height", Q() / r);
+    ]) : $.current.centroid(e);
+  }
+  function Nt(e) {
+    u.select(f()).selectAll(".map-labels-container").each((t, a, l) => {
+      const i = u.select(l[a]), o = i.select("div"), r = O() === "mobile" || O() === "tablet", n = e.k > 1 ? e.k : 1, s = r ? J * 0.6 : J / n, d = r ? 1 : n;
+      o.style("font-size", `${s}px`);
+      const g = he(t), A = B(t) / d, S = g[0] - A / 2, V = r ? 10 : e.k > 1 ? 10 / e.k : 10, Ye = g[1] - V;
+      i.attr("x", S).attr("y", Ye).attr("width", B(t) / d).attr("height", ee() / d);
     });
   }
-  function Ct(e) {
-    c.select(g()).selectAll(".point-labels-container").each((t, o, n) => {
-      const i = c.select(n[o]), l = i.select("div"), r = e.k > 1 ? e.k : 1, a = K / r;
-      l.style("font-size", `${a}px`);
-      const s = v.current([
+  function zt(e) {
+    u.select(f()).selectAll(".point-labels-container").each((t, a, l) => {
+      const i = u.select(l[a]), o = i.select("div"), r = e.k > 1 ? e.k : 1, n = J / r;
+      o.style("font-size", `${n}px`);
+      const s = y.current([
         t.geometry.coordinates[1],
         t.geometry.coordinates[0]
-      ]), d = (_(t) + 20) / r, f = Q() / r, T = s[0] - d / 2, S = s[1] - f / 2;
-      i.attr("x", T).attr("y", S).attr("width", d).attr("height", f);
+      ]), d = (B(t) + 20) / r, g = ee() / r, A = s[0] - d / 2, S = s[1] - g / 2;
+      i.attr("x", A).attr("y", S).attr("width", d).attr("height", g);
     });
   }
   function Dt(e) {
-    w.current.style("visibility", "hidden");
+    F.current.style("visibility", "hidden");
     const t = e.transform;
-    c.select(g()).select("svg").select("g").attr("transform", t), zt(t), It(t), Ct(t);
+    u.select(f()).select("svg").select("g").attr("transform", t), Et(t), Nt(t), zt(t);
   }
-  function Pt(e) {
+  function It(e) {
     const t = e.transform;
     E.current = { k: t.k, x: t.x, y: t.y }, j && window.parent.postMessage(
       { type: "map", value: JSON.stringify(E.current) },
       "*"
     );
   }
-  function St() {
-    const e = c.select(g()).select("svg");
+  function Ct() {
+    const e = u.select(f()).select("svg");
     e.select("g").selectAll(".active").attr("class", function() {
-      return c.select(this).attr("class").replace(/background/gi, "");
+      return u.select(this).attr("class").replace(/background/gi, "");
     });
-    let o = c.zoomIdentity;
-    h && !j ? o = o.translate(h.x, h.y).scale(h.k) : o = o.translate(0, 0).scale(1), e.transition().duration(300).call(A.current.transform, o);
+    let a = u.zoomIdentity;
+    L && !j ? a = a.translate(L.x, L.y).scale(L.k) : a = a.translate(0, 0).scale(1), e.transition().duration(300).call(k.current.transform, a);
   }
-  function Je() {
-    E.current = null, w.current.style("visibility", "hidden"), St();
+  function Ge() {
+    E.current = null, F.current.style("visibility", "hidden"), Ct();
+  }
+  function St() {
+    u.select(f()).select("svg").transition().call(k.current.scaleBy, 1.5);
   }
   function Ot() {
-    c.select(g()).select("svg").transition().call(A.current.scaleBy, 1.5);
-  }
-  function Wt() {
-    c.select(g()).select("svg").transition().call(A.current.scaleBy, 0.6667);
-  }
-  function Z() {
-    if (De) {
-      const e = X();
-      return gr(e, {
-        autoGenerateBreaks: De,
-        numberOfBreaks: it,
-        colorScheme: ct
+    u.select(f()).select("svg").transition().call(k.current.scaleBy, 0.6667);
+  }
+  function q() {
+    if (Ie) {
+      const e = Y();
+      return dr(e, {
+        autoGenerateBreaks: Ie,
+        numberOfBreaks: at,
+        colorScheme: st
       });
     } else {
       let e = Ee;
-      return z() && (e = Ee.filter((t) => t.measure === z()).filter((t) => {
+      return N() && (e = Ee.filter((t) => t.measure === N()).filter((t) => {
         if (t.filters && t.filters.length > 0 && m && JSON.stringify(m) !== "{}") {
-          const n = Object.keys(m);
-          return t.filters.filter((l) => {
-            if (n.indexOf(l.field) != -1) {
-              const r = m[l.field], a = l.values;
-              return r.join(",").indexOf(a) != -1;
+          const l = Object.keys(m);
+          return t.filters.filter((o) => {
+            if (l.indexOf(o.field) != -1) {
+              const r = m[o.field], n = o.values;
+              return r.join(",").indexOf(n) != -1;
             }
             return !1;
           }).length > 0;
@@ -307,431 +305,416 @@ function Ar(O) {
       })), e;
     }
   }
-  function ve(e, t) {
-    return hr(e, t, {
-      mapNoDataColor: We,
-      mainLayerId: W,
-      enabledLayers: D,
+  function ye(e, t) {
+    return mr(e, t, {
+      mapNoDataColor: Pe,
+      mainLayerId: P,
+      enabledLayers: I,
       selectedMeasure: R
     });
   }
-  function Rt(e) {
-    return Lr(
+  function Pt(e) {
+    return yr(
       e,
       {
-        mapLabelField: x,
-        mapLabelShowValue: ne,
-        intl: F,
-        valueFormat: Ce,
-        showNoDataLabel: Pe,
-        showAdminUnitLabel: ae,
-        noDataText: At,
-        selectedMeasure: z()
+        mapLabelField: v,
+        mapLabelShowValue: oe,
+        intl: x,
+        valueFormat: De,
+        showNoDataLabel: Ce,
+        showAdminUnitLabel: ne,
+        noDataText: Ft,
+        selectedMeasure: N()
       },
-      J,
-      k
+      Z,
+      T
     );
   }
-  function Xe(e, t) {
-    const o = [
-      ...e.filter((n) => C != n.properties[x]),
-      ...e.filter((n) => C == n.properties[x])
+  function Ve(e, t) {
+    const a = [
+      ...e.filter((l) => D != l.properties[v]),
+      ...e.filter((l) => D == l.properties[v])
     ];
-    _t(o), Bt(o), jt(o, t), Se.length > 0 && Ht(Se, o);
+    Wt(a), Rt(a), Bt(a, t), Se.length > 0 && _t(Se, a);
   }
-  function Bt(e) {
-    const t = c.select(g()).select("svg").select("g");
+  function Rt(e) {
+    const t = u.select(f()).select("svg").select("g");
     if (t.selectAll(".map-labels-container").size() > 0) {
       console.log("Labels already exist, skipping redraw...");
       return;
     }
     t.selectAll(".map-labels").data(
-      e.filter((n) => oe && oe.length > 0 ? !oe.includes(n.properties[x]) : !0)
-    ).enter().append("foreignObject").attr("class", "map-labels-container").attr("x", (n) => {
-      const i = ye(n);
-      if (n.properties[x]) {
-        const l = _(n);
-        return i[0] - l / 2;
+      e.filter((l) => ae && ae.length > 0 ? !ae.includes(l.properties[v]) : !0)
+    ).enter().append("foreignObject").attr("class", "map-labels-container").attr("x", (l) => {
+      const i = he(l);
+      if (l.properties[v]) {
+        const o = B(l);
+        return i[0] - o / 2;
       }
       return i[0];
-    }).attr("y", (n) => ye(n)[1] - 10).attr("width", (n) => _(n)).attr("height", (n) => Q()).attr("font-size", () => `${K}px`).attr("overflow", "visible").attr("opacity", 1).style("display", (n) => ae === rt || ae === lt && n.properties.hasDataRow || n.properties.displayLayerLabels ? "block" : "none").attr("pointer-events", H == "POINTS_MAP" ? "none" : "all").on("mouseover", V).on("mousemove", Y).on("mouseout", G).append("xhtml:div").style("font-size", () => `${K}px`).style("color", () => Oe).style("font-weight", () => pt).style("background-color", (n) => n.properties.hasDataRow && ne && (n.properties.value != null || n.properties.value == null && Pe) ? "#fff6e1" : "none").style("border-radius", () => "4px").style("line-height", "95%").style("text-align", "center").html((n) => Rt(n));
+    }).attr("y", (l) => he(l)[1] - 10).attr("width", (l) => B(l)).attr("height", (l) => ee()).attr("font-size", () => `${J}px`).attr("overflow", "visible").attr("opacity", 1).style("display", (l) => ne === et || ne === tt && l.properties.hasDataRow || l.properties.displayLayerLabels ? "block" : "none").attr("pointer-events", X == "POINTS_MAP" ? "none" : "all").on("mouseover", U).on("mousemove", K).on("mouseout", G).append("xhtml:div").style("font-size", () => `${J}px`).style("color", () => Oe).style("font-weight", () => ct).style("background-color", (l) => l.properties.hasDataRow && oe && (l.properties.value != null || l.properties.value == null && Ce) ? "#fff6e1" : "none").style("border-radius", () => "4px").style("line-height", "95%").style("text-align", "center").html((l) => Pt(l));
   }
-  function _t(e) {
-    const t = Z(), o = c.select(g()).select("svg").select("g"), n = e.filter(
+  function Wt(e) {
+    const t = q(), a = u.select(f()).select("svg").select("g"), l = e.filter(
       (i) => i.geometry && i.geometry && (i.geometry.type == "Polygon" || i.geometry.type == "MultiPolygon")
     );
-    n.length > 0 && o.selectAll("path").data(n).join("path").attr("d", U.current).attr("fill", (i) => ve(i, t)).attr("stroke-width", (i) => C == i.properties[x] ? 1.2 : 0.4).attr("stroke", (i) => C == i.properties[x] ? ht : gt).on("click", Ut);
-  }
-  function jt(e, t) {
-    const o = c.select(g()).select("svg").select("g");
-    let n = [];
-    if (u.pointsData) {
-      let r = $;
-      t && m && m[P] && (r = m[P]), n = u.pointsData.filter((a) => a.lat && a.lng && a.label == r).map((a) => ({
+    l.length > 0 && a.selectAll("path").data(l).join("path").attr("d", $.current).attr("fill", (i) => ye(i, t)).attr("stroke-width", (i) => D == i.properties[v] ? 1.2 : 0.4).attr("stroke", (i) => D == i.properties[v] ? ft : mt).on("click", Ht);
+  }
+  function Bt(e, t) {
+    const a = u.select(f()).select("svg").select("g");
+    let l = [];
+    if (c.pointsData) {
+      let r = H;
+      t && m && m[C] && (r = m[C]), l = c.pointsData.filter((n) => n.lat && n.lng && n.label == r).map((n) => ({
         properties: {
-          label: a.label,
-          lat: a.lat,
-          lng: a.lng,
-          value: a.value,
-          variables: a.variables
+          label: n.label,
+          lat: n.lat,
+          lng: n.lng,
+          value: n.value,
+          variables: n.variables
         }
-      })), o.selectAll(".circle").data(n).enter().append("circle").attr("id", (a, s) => "circle" + s).attr("cx", (a) => v.current([a.properties.lng, a.properties.lat])[0]).attr("cy", (a) => v.current([a.properties.lng, a.properties.lat])[1]).attr("r", () => 2).style("stroke-width", 0.5).style("fill", () => Be).on("mouseover", (a, s) => $t(a, s)).on("mouseout", G);
+      })), a.selectAll(".circle").data(l).enter().append("circle").attr("id", (n, s) => "circle" + s).attr("cx", (n) => y.current([n.properties.lng, n.properties.lat])[0]).attr("cy", (n) => y.current([n.properties.lng, n.properties.lat])[1]).attr("r", () => 2).style("stroke-width", 0.5).style("fill", () => We).on("mouseover", (n, s) => jt(n, s)).on("mouseout", G);
     }
-    const i = Z();
-    let l = [];
-    _e == rt ? l = e.filter((r) => r.geometry && r.geometry.type == "Point") : _e == lt && (l = e.filter(
+    const i = q();
+    let o = [];
+    Be == et ? o = e.filter((r) => r.geometry && r.geometry.type == "Point") : Be == tt && (o = e.filter(
       (r) => r.geometry && r.geometry.type == "Point" && r.properties.hasDataRow
-    )), l.length > 0 && o.selectAll(".point-labels").data(l).enter().append("foreignObject").attr("id", (r, a) => "point-label" + a).attr("class", "point-labels-container").attr("x", (r) => {
-      const a = _(r) + 20;
-      return v.current([
+    )), o.length > 0 && a.selectAll(".point-labels").data(o).enter().append("foreignObject").attr("id", (r, n) => "point-label" + n).attr("class", "point-labels-container").attr("x", (r) => {
+      const n = B(r) + 20;
+      return y.current([
         r.geometry.coordinates[1],
         r.geometry.coordinates[0]
-      ])[0] - a / 2;
-    }).attr("y", (r) => v.current([
+      ])[0] - n / 2;
+    }).attr("y", (r) => y.current([
       r.geometry.coordinates[1],
       r.geometry.coordinates[0]
-    ])[1] - Q() / 2).attr("width", (r) => _(r) + 20).attr("height", () => "1px").attr("overflow", "visible").attr("font-size", "12px").style("opacity", 1).append("xhtml:div").style("color", () => Lt).style("font-weight", () => "bold").style("background-color", (r) => ve(r, i)).style("padding", () => "5px 3px 5px 3px").style("border-radius", () => "4px").style("line-height", "100%").style("text-align", "center").html(
-      (r) => k(
-        xt,
+    ])[1] - ee() / 2).attr("width", (r) => B(r) + 20).attr("height", () => "1px").attr("overflow", "visible").attr("font-size", "12px").style("opacity", 1).append("xhtml:div").style("color", () => bt).style("font-weight", () => "bold").style("background-color", (r) => ye(r, i)).style("padding", () => "5px 3px 5px 3px").style("border-radius", () => "4px").style("line-height", "100%").style("text-align", "center").html(
+      (r) => T(
+        vt,
         {
           value: r.properties.value,
-          locationName: r.properties[x]
+          locationName: r.properties[v]
         },
-        F
+        x
       )
-    ).on("mouseover", (r, a, s) => {
-      c.select(g()).select("svg").select("g").select("#point-label" + s).raise(), V(r, a);
-    }).on("mousemove", Y).on("mouseout", G);
-  }
-  function Ht(e, t) {
-    const o = c.select(g()).select("svg").select("g");
-    e.forEach((n) => {
-      if (n.field && n.image && n.values) {
+    ).on("mouseover", (r, n, s) => {
+      u.select(f()).select("svg").select("g").select("#point-label" + s).raise(), U(r, n);
+    }).on("mousemove", K).on("mouseout", G);
+  }
+  function _t(e, t) {
+    const a = u.select(f()).select("svg").select("g");
+    e.forEach((l) => {
+      if (l.field && l.image && l.values) {
         const i = t.filter((r) => {
-          const a = nt == n.field ? y : "value", s = (r.properties[a] || (r.properties.variables ? r.properties.variables[a] : "")) + "", f = (n.values + "").split(",");
-          return r.properties.LATITUDE && r.properties.LONGITUDE && f.filter(
-            (T) => T.trim().toLowerCase() == s.trim().toLowerCase()
+          const n = rt == l.field ? h : "value", s = (r.properties[n] || (r.properties.variables ? r.properties.variables[n] : "")) + "", g = (l.values + "").split(",");
+          return r.properties.LATITUDE && r.properties.LONGITUDE && g.filter(
+            (A) => A.trim().toLowerCase() == s.trim().toLowerCase()
           ).length > 0;
-        }), l = t.filter((r) => {
-          const a = nt == n.field ? y : "value", s = (r.properties[a] || (r.properties.variables ? r.properties.variables[a] : "")) + "", f = (n.values + "").split(",");
-          return !r.properties.LATITUDE && !r.properties.LONGITUDE && f.filter(
-            (T) => T.trim().toLowerCase() == s.trim().toLowerCase()
+        }), o = t.filter((r) => {
+          const n = rt == l.field ? h : "value", s = (r.properties[n] || (r.properties.variables ? r.properties.variables[n] : "")) + "", g = (l.values + "").split(",");
+          return !r.properties.LATITUDE && !r.properties.LONGITUDE && g.filter(
+            (A) => A.trim().toLowerCase() == s.trim().toLowerCase()
           ).length > 0;
         });
-        o.selectAll("image").data(i).enter().append("image").attr("width", 40).attr("height", 40).attr("class", "map-symbol").attr("xlink:href", "/" + n.image).attr(
+        a.selectAll("image").data(i).enter().append("image").attr("width", 40).attr("height", 40).attr("class", "map-symbol").attr("xlink:href", "/" + l.image).attr(
           "transform",
-          (r) => "translate(" + v.current([r.properties.LONGITUDE, r.properties.LATITUDE]) + ")"
-        ).on("mouseover", V).on("mousemove", Y).on("mouseout", G), o.selectAll("image").data(l).enter().append("image").attr("width", 40).attr("height", 40).attr("class", "map-symbol").attr("xlink:href", "/" + n.image).attr("x", (r) => U.current.centroid(r)[0] - 20).attr("y", (r) => U.current.centroid(r)[1]).on("mouseover", V).on("mousemove", Y).on("mouseout", G);
+          (r) => "translate(" + y.current([r.properties.LONGITUDE, r.properties.LATITUDE]) + ")"
+        ).on("mouseover", U).on("mousemove", K).on("mouseout", G), a.selectAll("image").data(o).enter().append("image").attr("width", 40).attr("height", 40).attr("class", "map-symbol").attr("xlink:href", "/" + l.image).attr("x", (r) => $.current.centroid(r)[0] - 20).attr("y", (r) => $.current.centroid(r)[1]).on("mouseover", U).on("mousemove", K).on("mouseout", G);
       }
     });
   }
-  function V(e, t) {
+  function U(e, t) {
     console.log("Showing tooltip for data:", t);
-    const o = ["mobile", "tablet", "midTablet"].includes(
-      N()
+    const a = ["mobile", "tablet", "midTablet"].includes(
+      O()
     );
-    if (ie && t.properties.value !== null || ie && yt) {
-      c.select(g()).select("svg").select("g").selectAll(".active").attr("class", (s) => s.properties[y] === t.properties[y] ? "focus" + (o ? " zoom-enabled" : "") : "active" + (o ? " zoom-enabled" : ""));
-      const l = Re || `{locationName} %({value},2) 
- {label}: %({value},2)`, r = t.properties.variables || {}, a = {
+    if (ie && t.properties.value !== null || ie && gt) {
+      u.select(f()).select("svg").select("g").selectAll(".active").attr("class", (s) => s.properties[h] === t.properties[h] ? "focus" + (a ? " zoom-enabled" : "") : "active" + (a ? " zoom-enabled" : ""));
+      const o = Re || `{locationName} %({value},2) 
+ {label}: %({value},2)`, r = t.properties.variables || {}, n = {
         ...t.properties,
         value: t.properties.value,
-        measure: z(),
+        measure: N(),
         measureLabel: t.properties.measureLabel,
-        locationName: Ae(t, y, J),
-        label: Ae(t, y, J),
+        locationName: we(t, h, Z),
+        label: we(t, h, Z),
         ...r,
-        ...we(m)
+        ...Fe(m)
         // expose applied filter params (e.g. {year}) to the tooltip
       };
-      w.current.attr("class", ut).style("position", "absolute").style("visibility", "hidden").style("visibility", "visible").html(() => {
-        let s = `<div style='font-size:${ft}px;' class='tooltip-content' >`;
+      F.current.attr("class", it).style("position", "absolute").style("visibility", "hidden").style("visibility", "visible").html(() => {
+        let s = `<div style='font-size:${dt}px;' class='tooltip-content' >`;
         if (t.properties.value != null) {
-          const d = l.split(`
-`), f = d[0], T = d.length > 1 ? d[1] : null;
-          let S = 1, ee;
-          vt.length > 1 && H != "POINTS_MAP" ? (S = d.length > 2 ? 2 : 1, ee = d[S]) : ee = null, f && (s += k(f, a, F)), T && (s.endsWith("<hr>") || (s += "<hr>"), s += k(T, a, F)), ee && t.properties.children && t.properties.children.forEach((I) => {
-            const Le = {
-              value: I.value,
-              label: I.label,
-              measure: z(),
+          const d = o.split(`
+`), g = d[0], A = d.length > 1 ? d[1] : null;
+          let S = 1, V;
+          ht.length > 1 && X != "POINTS_MAP" ? (S = d.length > 2 ? 2 : 1, V = d[S]) : V = null, g && (s += T(g, n, x)), A && (s.endsWith("<hr>") || (s += "<hr>"), s += T(A, n, x)), V && t.properties.children && t.properties.children.forEach((z) => {
+            const ve = {
+              value: z.value,
+              label: z.label,
+              measure: N(),
               measureLabel: t.properties.measureLabel,
               ...r,
-              ...I.variables,
-              ...we(m)
+              ...z.variables,
+              ...Fe(m)
             };
-            s.endsWith("<hr>") || (s += "<hr>"), s += k(ee, Le, F);
-          }), d.length > S + 1 && (s.endsWith("<hr>") || (s += "<hr>"), d.forEach((I, Le) => {
-            Le > S && (s.endsWith("<hr>") || (s += "<hr>"), s += k(I, a, F));
-          })), mt.filter(
-            (I) => I.location === t.properties[y]
-          ).forEach((I) => {
-            s.endsWith("<hr>") || (s += "<hr>"), s += I.tooltip;
+            s.endsWith("<hr>") || (s += "<hr>"), s += T(V, ve, x);
+          }), d.length > S + 1 && (s.endsWith("<hr>") || (s += "<hr>"), d.forEach((z, ve) => {
+            ve > S && (s.endsWith("<hr>") || (s += "<hr>"), s += T(z, n, x));
+          })), pt.filter(
+            (z) => z.location === t.properties[h]
+          ).forEach((z) => {
+            s.endsWith("<hr>") || (s += "<hr>"), s += z.tooltip;
           });
         } else {
           const d = Re || `{locationName} %({value},2) 
- {label}: %({value},2)`, f = {
+ {label}: %({value},2)`, g = {
             value: null,
-            measure: z(),
+            measure: N(),
             measureLabel: t.properties.measureLabel,
-            locationName: Ae(t, y, J),
+            locationName: we(t, h, Z),
             ...r
           };
-          s += k(d, f, F), s += "</div>";
+          s += T(d, g, x), s += "</div>";
         }
         return s;
       });
     }
   }
-  function Ze(e) {
-    const o = w.current.node(), n = o ? o.offsetWidth : 0, i = window.scrollX + document.documentElement.clientWidth;
-    let l = e.pageX;
-    n && l + n > i && (l = e.pageX - n, l < window.scrollX && (l = window.scrollX)), w.current.style("top", e.pageY + "px").style("left", l + "px").style("margin-left", "8px");
+  function Je(e) {
+    const a = F.current.node(), l = a ? a.offsetWidth : 0, i = window.scrollX + document.documentElement.clientWidth;
+    let o = e.pageX;
+    l && o + l > i && (o = e.pageX - l, o < window.scrollX && (o = window.scrollX)), F.current.style("top", e.pageY + "px").style("left", o + "px").style("margin-left", "8px");
   }
-  function Y(e) {
-    Ze(e);
+  function K(e) {
+    Je(e);
   }
   function G() {
-    ie && (c.select(g()).select("svg").select("g").selectAll(".focus").attr("class", "active"), w.current.style("visibility", "hidden"));
+    ie && (u.select(f()).select("svg").select("g").selectAll(".focus").attr("class", "active"), F.current.style("visibility", "hidden"));
   }
-  function $t(e, t, o) {
-    V(e, t), w.current.style("visibility", "visible"), Ze(e);
-    const n = c.select(g()).select("svg").select("g");
-    n.selectAll("circle").style("fill", Be).style("stroke", "none"), n.select("#circle" + o).raise().style("fill", "#fff");
+  function jt(e, t, a) {
+    U(e, t), F.current.style("visibility", "visible"), Je(e);
+    const l = u.select(f()).select("svg").select("g");
+    l.selectAll("circle").style("fill", We).style("stroke", "none"), l.select("#circle" + a).raise().style("fill", "#fff");
   }
-  function Ut(e, t) {
-    $ !== t.properties[y] && t.properties.value !== null && Nt(t.properties[y]);
+  function Ht(e, t) {
+    H !== t.properties[h] && t.properties.value !== null && Tt(t.properties[h]);
   }
-  function Vt(e) {
-    const t = e && e.appliedFilters || {}, o = m || {};
-    return t[P] != o[P];
+  function $t(e) {
+    const t = e && e.appliedFilters || {}, a = m || {};
+    return t[C] != a[C];
   }
-  function Gt(e, t) {
-    let o = null;
-    if (wt && P) {
-      let n = $;
-      t && m && m[P] && (n = m[P]);
+  function Ut(e, t) {
+    let a = null;
+    if (xt && C) {
+      let l = H;
+      t && m && m[C] && (l = m[C]);
       const i = e.filter(
-        (l) => l.properties != null && l.properties[y] == n
+        (o) => o.properties != null && o.properties[h] == l
       )[0];
-      i && i.properties != null && i.properties.value && (o = i);
+      i && i.properties != null && i.properties.value && (a = i);
     }
-    return o;
-  }
-  function Jt() {
-    return yr(se);
-  }
-  function Xt(e, t) {
-    let o = se;
-    o || (o = ["mobile", "tablet"].includes(N()));
-    const n = Z(), i = c.select(g());
-    let l = i.select("svg"), r = ge();
-    r === 0 ? r = window.innerWidth + tt[N()] : r += tt[N()];
-    const a = he() - 100;
-    if (l.empty() ? l = i.append("svg") : l.selectAll("*").remove(), l.attr("style", `background-color:${bt};`).attr("viewBox", `0 0 ${r} ${a}`).attr("preserveAspectRatio", "xMidYMid meet"), l.append("g").selectAll("path").data(e).enter().append("path").attr("fill", (d) => ve(d, n)).attr("d", c.geoPath().projection(v.current)).attr("class", () => Jt()).on("mouseover", H !== "POINTS_MAP" ? V : null).on("mousemove", H !== "POINTS_MAP" ? Y : null).on("mouseout", H !== "POINTS_MAP" ? G : null), E.current && l.transition().duration(300).call(
-      A.current.transform,
-      c.zoomIdentity.translate(E.current.x, E.current.y).scale(E.current.k)
-    ), !E.current && h && h.x && h.y && h.k && (l.transition().duration(300).call(
-      A.current.transform,
-      c.zoomIdentity.translate(h.x, h.y).scale(h.k)
-    ), H === "POINTS_MAP")) {
-      const f = {
-        mobile: 100,
-        tablet: 0,
-        midTablet: 0,
-        desktop: 0,
-        laptop: 0,
-        wide: 0
-      }[N()];
-      l.transition().duration(300).call(
-        A.current.transform,
-        c.zoomIdentity.translate(h.x + f, h.y).scale(h.k)
-      );
-    }
-    o || j ? l.call(A.current) : l.on("dblclick.zoom", null);
-    const s = Gt(e, t);
+    return a;
+  }
+  function Gt() {
+    return fr(se);
+  }
+  function Vt(e, t) {
+    let a = se;
+    a || (a = ["mobile", "tablet"].includes(O()));
+    const l = q(), i = u.select(f());
+    let o = i.select("svg");
+    const r = fe(), n = ge();
+    o.empty() ? o = i.append("svg") : o.selectAll("*").remove(), o.attr("style", `background-color:${yt};`).attr("viewBox", `0 0 ${r} ${n}`).attr("preserveAspectRatio", "xMidYMid meet"), o.append("g").selectAll("path").data(e).enter().append("path").attr("fill", (d) => ye(d, l)).attr("d", u.geoPath().projection(y.current)).attr("class", () => Gt()).on("mouseover", X !== "POINTS_MAP" ? U : null).on("mousemove", X !== "POINTS_MAP" ? K : null).on("mouseout", X !== "POINTS_MAP" ? G : null), E.current && o.transition().duration(300).call(
+      k.current.transform,
+      u.zoomIdentity.translate(E.current.x, E.current.y).scale(E.current.k)
+    ), !E.current && L && L.x && L.y && L.k && o.transition().duration(300).call(
+      k.current.transform,
+      u.zoomIdentity.translate(L.x, L.y).scale(L.k)
+    ), a || j ? o.call(k.current) : o.on("dblclick.zoom", null);
+    const s = Ut(e, t);
     if (s) {
-      const d = U.current.bounds(s), f = [
+      const d = $.current.bounds(s), g = [
         (d[0][0] + d[1][0]) / 2,
         (d[0][1] + d[1][1]) / 2
       ];
-      l.transition().duration(750).call(
-        A.current.transform,
-        c.zoomIdentity.translate(r / 2, a / 2).scale(12).translate(-f[0], -f[1])
+      o.transition().duration(750).call(
+        k.current.transform,
+        u.zoomIdentity.translate(r / 2, n / 2).scale(12).translate(-g[0], -g[1])
       );
     }
   }
-  function Zt() {
-    return u.nationalData.value;
+  function Jt() {
+    return c.nationalData.value;
   }
-  function Yt(e) {
-    R != e && kt(e);
+  function Xt(e) {
+    R != e && Mt(e);
   }
-  function qt() {
-    let e = u.locationsData;
-    return u.measures && u.measures.length > 1 && (e = u.locationsData.filter(
-      (t) => t.measure === z()
-    )), e.find((t) => t.label === C);
+  function Zt() {
+    let e = c.locationsData;
+    return c.measures && c.measures.length > 1 && (e = c.locationsData.filter(
+      (t) => t.measure === N()
+    )), e.find((t) => t.label === D);
   }
-  function Kt() {
-    if (!C)
+  function Yt() {
+    if (!D)
       return null;
-    const t = X().find(
-      (o) => o.properties[x] === C
+    const t = Y().find(
+      (a) => a.properties[v] === D
     );
     if (t && t.properties.displayLayerLabels && t.properties.layerLocale) {
-      const o = t.properties.layerMappingField || x, n = t.properties[o];
-      return fr(
-        J,
-        n,
+      const a = t.properties.layerMappingField || v, l = t.properties[a];
+      return pr(
+        Z,
+        l,
         t.properties.layerLocale
       );
     }
-    return C;
+    return D;
   }
-  function Qt(e) {
-    return mr(e, Z(), We);
+  function qt(e) {
+    return ur(e, q(), Pe);
   }
-  function er() {
-    return /* @__PURE__ */ p(Qe, { className: "loading", children: /* @__PURE__ */ p(sr, { basic: !0, padded: !0, textAlign: "center", style: { margin: "30px" }, children: /* @__PURE__ */ p(ir, { active: !0, inverted: !0, children: /* @__PURE__ */ p(cr, { size: "medium" }) }) }) });
+  function Kt() {
+    return /* @__PURE__ */ p(Ke, { className: "loading", children: /* @__PURE__ */ p(nr, { basic: !0, padded: !0, textAlign: "center", style: { margin: "30px" }, children: /* @__PURE__ */ p(ar, { active: !0, inverted: !0, children: /* @__PURE__ */ p(sr, { size: "medium" }) }) }) });
   }
-  function tr() {
-    return /* @__PURE__ */ b(xe, { icon: !0, warning: !0, children: [
+  function Qt() {
+    return /* @__PURE__ */ b(Le, { icon: !0, warning: !0, children: [
       /* @__PURE__ */ p(te, { name: "map outline" }),
-      /* @__PURE__ */ b(xe.Content, { children: [
-        /* @__PURE__ */ p(xe.Header, { children: "No map selected" }),
+      /* @__PURE__ */ b(Le.Content, { children: [
+        /* @__PURE__ */ p(Le.Header, { children: "No map selected" }),
         "Pick one from the list in the ",
         /* @__PURE__ */ p("strong", { children: "Map Layers" }),
         " section."
       ] })
     ] });
   }
-  M.current.zoomed = Dt, M.current.zoomEnd = Pt, M.current.getFeatures = X, M.current.updateFeatures = Xe, M.current.getMapId = g, fe.current || (fe.current = () => {
+  w.current.zoomed = Dt, w.current.zoomEnd = It, w.current.getFeatures = Y, w.current.updateFeatures = Ve, w.current.getMapId = f, me.current || (me.current = () => {
     let e = null;
     clearTimeout(e), e = setTimeout(() => {
-      c.select(M.current.getMapId()).selectAll(".map-labels-container").size() > 0 || M.current.updateFeatures(M.current.getFeatures(), !1);
+      u.select(w.current.getMapId()).selectAll(".map-labels-container").size() > 0 || w.current.updateFeatures(w.current.getFeatures(), !1);
     }, 300);
-  }), et(() => {
-    const e = fe.current;
-    return window.addEventListener("scroll", e, { passive: !0 }), window.addEventListener("touchmove", e, { passive: !0 }), Ge(), w.current = c.select("body").append("div").style("position", "absolute").style("visibility", "hidden").style("pointer-events", "none"), () => {
+  }), Qe(() => {
+    const e = me.current;
+    return window.addEventListener("scroll", e, { passive: !0 }), window.addEventListener("touchmove", e, { passive: !0 }), Ue(), F.current = u.select("body").append("div").style("position", "absolute").style("visibility", "hidden").style("pointer-events", "none"), () => {
       var t;
-      window.removeEventListener("scroll", e), window.removeEventListener("touchmove", e), (t = w.current) == null || t.remove();
+      window.removeEventListener("scroll", e), window.removeEventListener("touchmove", e), (t = F.current) == null || t.remove();
     };
-  }, []), et(() => {
-    if (!$e.current) {
-      $e.current = !0, de.current = O, me.current = { selectedMeasure: R, layers: B, selectedPolygon: $ };
+  }, []), Qe(() => {
+    if (!je.current) {
+      je.current = !0, pe.current = _, de.current = { selectedMeasure: R, layers: W, selectedPolygon: H };
       return;
     }
-    const e = de.current, t = me.current;
-    if (P) {
-      const i = [], l = [], r = e.appliedFilters;
-      r && Object.keys(r).forEach((a) => {
-        r[a] != null && r[a] instanceof Array && i.push(
-          ...r[a].filter((s) => s != Number.MIN_SAFE_INTEGER)
+    const e = pe.current, t = de.current;
+    if (C) {
+      const i = [], o = [], r = e.appliedFilters;
+      r && Object.keys(r).forEach((n) => {
+        r[n] != null && r[n] instanceof Array && i.push(
+          ...r[n].filter((s) => s != Number.MIN_SAFE_INTEGER)
         );
-      }), m && Object.keys(m).forEach((a) => {
-        m[a] != null && m[a] instanceof Array && l.push(
-          ...m[a].filter((s) => s != Number.MIN_SAFE_INTEGER)
+      }), m && Object.keys(m).forEach((n) => {
+        m[n] != null && m[n] instanceof Array && o.push(
+          ...m[n].filter((s) => s != Number.MIN_SAFE_INTEGER)
         );
-      }), i.length > 0 && l.length == 0 && Je();
+      }), i.length > 0 && o.length == 0 && Ge();
     }
-    w.current.style("visibility", "hidden"), e.enabledLayers.length != D.length && Ge();
-    const o = X();
-    e.center !== le && (E.current = null, v.current.scale(ke).center(le).translate([ge() / 2, he() / 2]));
-    const n = Vt(e);
-    Xt(o, n), B && u && (u != e.transformedData || B != t.layers || R != t.selectedMeasure || $ != t.selectedPolygon || e.mainLayerId !== W || JSON.stringify(e.enabledLayers) != JSON.stringify(D)) && Xe(X(), n), de.current = O, me.current = { selectedMeasure: R, layers: B, selectedPolygon: $ };
+    F.current.style("visibility", "hidden"), e.enabledLayers.length != I.length && Ue();
+    const a = Y();
+    e.center !== le && (E.current = null, y.current.scale(Te).center(le).translate([fe() / 2, ge() / 2]));
+    const l = $t(e);
+    Vt(a, l), W && c && (c != e.transformedData || W != t.layers || R != t.selectedMeasure || H != t.selectedPolygon || e.mainLayerId !== P || JSON.stringify(e.enabledLayers) != JSON.stringify(I)) && Ve(Y(), l), pe.current = _, de.current = { selectedMeasure: R, layers: W, selectedPolygon: H };
   });
   let be = se;
   be || (be = !!["mobile", "tablet", "midTablet"].includes(
-    N()
+    O()
   ));
-  const rr = Zt(), lr = we(m), q = qt(), Ye = {
-    backgroundColor: Qt(q),
+  const er = Jt(), tr = Fe(m), Q = Zt(), Xe = {
+    backgroundColor: qt(Q),
     color: Oe,
-    fontSize: dt + "px"
+    fontSize: ut + "px"
   };
-  j && (Ye.marginTop = "25px");
-  const qe = () => /* @__PURE__ */ b(Qe, { fluid: !0, className: "footnote ", children: [
-    /* @__PURE__ */ b(Fe, { columns: 2, children: [
-      O.app !== "csv" && ze && /* @__PURE__ */ p(Fe.Column, { textAlign: "left", width: 4, children: /* @__PURE__ */ b("div", { className: "national-average-div", children: [
-        /* @__PURE__ */ p("span", { className: "national-avg-label", children: Tt }),
-        /* @__PURE__ */ p("span", { className: "national-avg-value", children: k(Ce, { value: rr }, F) })
+  j && (Xe.marginTop = "25px");
+  const Ze = () => /* @__PURE__ */ b(Ke, { fluid: !0, className: "footnote ", children: [
+    /* @__PURE__ */ b(xe, { columns: 2, children: [
+      _.app !== "csv" && Ne && /* @__PURE__ */ p(xe.Column, { textAlign: "left", width: 4, children: /* @__PURE__ */ b("div", { className: "national-average-div", children: [
+        /* @__PURE__ */ p("span", { className: "national-avg-label", children: At }),
+        /* @__PURE__ */ p("span", { className: "national-avg-value", children: T(De, { value: er }, x) })
       ] }) }),
       /* @__PURE__ */ p(
-        Fe.Column,
+        xe.Column,
         {
           textAlign: "right",
-          width: O.app !== "csv" && ze ? 12 : 16,
+          width: _.app !== "csv" && Ne ? 12 : 16,
           children: /* @__PURE__ */ p(
-            ur,
+            ir,
             {
-              filteredBreaks: Z(),
-              formattedLegendTitle: k(Mt, { ...lr }, F),
+              filteredBreaks: q(),
+              formattedLegendTitle: T(wt, { ...tr }, x),
               selectedMeasure: R,
-              ...O
+              ..._
             }
           )
         }
       )
     ] }),
     /* @__PURE__ */ p("div", { className: "measure-selector", children: /* @__PURE__ */ b("ul", { children: [
-      Ie && /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p("span", { className: "label", children: Ie }) }),
-      u && u.measures && u.measures.length > 1 && u.measures.map((e) => /* @__PURE__ */ b("li", { onClick: () => Yt(e), children: [
+      ze && /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p("span", { className: "label", children: ze }) }),
+      c && c.measures && c.measures.length > 1 && c.measures.map((e) => /* @__PURE__ */ b("li", { onClick: () => Xt(e), children: [
         /* @__PURE__ */ p(
           "input",
           {
-            checked: z() === e,
+            checked: N() === e,
             type: "radio",
             value: e,
             readOnly: !0
           }
         ),
-        /* @__PURE__ */ p("label", { children: u.measureLabelMap[e] || e })
+        /* @__PURE__ */ p("label", { children: c.measureLabelMap[e] || e })
       ] }, e))
     ] }) })
   ] });
-  return /* @__PURE__ */ b("div", { className: "map component wp-data-viz-map", ref: pe, children: [
-    je && (j ? tr() : er()),
-    !je && /* @__PURE__ */ b(Ke, { children: [
-      !at && /* @__PURE__ */ p(qe, {}),
+  return /* @__PURE__ */ b("div", { className: "map component wp-data-viz-map", children: [
+    _e && (j ? Qt() : Kt()),
+    !_e && /* @__PURE__ */ b(qe, { children: [
+      !lt && /* @__PURE__ */ p(Ze, {}),
       /* @__PURE__ */ b(
         "div",
         {
-          className: "map wrapper scaling-svg-container " + Me,
-          style: { height: Ne - dr[N()] + "px" },
+          className: "map wrapper scaling-svg-container " + Ae,
+          style: { height: ke - cr[O()] + "px" },
           children: [
-            q ? /* @__PURE__ */ p("div", { className: "highlighted-loc-info", style: Ye, children: /* @__PURE__ */ b("span", { children: [
+            Q ? /* @__PURE__ */ p("div", { className: "highlighted-loc-info", style: Xe, children: /* @__PURE__ */ b("span", { children: [
               " ",
-              k(
-                Ft,
+              T(
+                Lt,
                 {
-                  value: q.value,
-                  locationName: Kt() || q.label,
-                  measureName: q.measure
+                  value: Q.value,
+                  locationName: Yt() || Q.label,
+                  measureName: Q.measure
                 },
-                F
+                x
               )
-            ] }) }) : /* @__PURE__ */ p(Ke, { children: " " }),
-            (j || be) && !wr && /* @__PURE__ */ b("div", { className: "control panel ignore", children: [
-              /* @__PURE__ */ p("div", { className: "zoom plus", onClick: Ot, children: /* @__PURE__ */ p(te, { name: "plus", size: "large" }) }),
-              /* @__PURE__ */ p("div", { className: "zoom minus", onClick: Wt, children: /* @__PURE__ */ p(te, { name: "minus", size: "large" }) }),
+            ] }) }) : /* @__PURE__ */ p(qe, { children: " " }),
+            (j || be) && !Lr && /* @__PURE__ */ b("div", { className: "control panel ignore", children: [
+              /* @__PURE__ */ p("div", { className: "zoom plus", onClick: St, children: /* @__PURE__ */ p(te, { name: "plus", size: "large" }) }),
+              /* @__PURE__ */ p("div", { className: "zoom minus", onClick: Ot, children: /* @__PURE__ */ p(te, { name: "minus", size: "large" }) }),
               /* @__PURE__ */ p(
                 or,
                 {
-                  content: /* @__PURE__ */ p(ar, { id: "map.reset.tooltip", defaultMessage: "Reset zoom" }),
-                  trigger: /* @__PURE__ */ p("div", { className: "reset", onClick: Je, children: /* @__PURE__ */ p(te, { name: "repeat", size: "large" }) })
+                  content: /* @__PURE__ */ p(lr, { id: "map.reset.tooltip", defaultMessage: "Reset zoom" }),
+                  trigger: /* @__PURE__ */ p("div", { className: "reset", onClick: Ge, children: /* @__PURE__ */ p(te, { name: "repeat", size: "large" }) })
                 }
               )
             ] })
           ]
         }
       ),
-      at && /* @__PURE__ */ p(qe, {})
+      lt && /* @__PURE__ */ p(Ze, {})
     ] })
   ] });
 }
-const Sr = nr(Ar);
+const Dr = rr(xr);
 export {
-  Sr as default,
-  fr as getTranslatedItemLabel
+  Dr as default,
+  pr as getTranslatedItemLabel
 };