@rio-cloud/rio-uikit 2.3.0-beta.3 → 2.4.0

package/components/map/components/Map.js

@@ -1,225 +1,262 @@
-import { jsx as l, jsxs as xe } from "react/jsx-runtime";
-import { useRef as C, useState as m, useEffect as p } from "react";
-import { isEmpty as Ze } from "es-toolkit/compat";
-import { isEqual as Fe } from "es-toolkit/predicate";
-import { DEFAULT_MAX_ZOOM as ie, MAP_TYPE_DEFAULT as P, DEFAULT_PIXEL_RATIO as Be, DEFAULT_MIN_ZOOM as ke, MAP_LAYER_ROAD_RESTRICTIONS as le, MAP_TYPE_NIGHT as F, MAP_TYPE_FLEET_STYLE as He, MAP_TYPE_SATELLITE as Ue, MAP_TYPE_TERRAIN as ze, MAP_LAYER_INCIDENTS as je, MAP_LAYER_TRAFFIC as Ve } from "./constants.js";
-import { removeEventListenerMap as We, addEventListenerMap as qe } from "../utils/eventHandling.js";
-import { MapContext as Ge } from "./MapContext.js";
-import { getMapBounds as Ke, createUtils as Xe } from "../utils/mapUtils.js";
-import { getHereUi as $e } from "../utils/mapUi.js";
-import Je from "../../../hooks/useDarkMode.js";
-import Qe from "./features/MapZoom.js";
-import et from "./features/layers/MapOverlayLayers.js";
-import tt from "./MapSize.js";
-import nt from "./MapPosition.js";
-import at from "./MapElements.js";
-import { getPlatform as ot, getBaseLayer as rt, getEngineType as st } from "../utils/rendering.js";
-const it = "map-disable-marker-pointer-events", lt = 140, r = (me) => {
+import { jsx as p, jsxs as He } from "react/jsx-runtime";
+import { useRef as S, useState as i, useMemo as Ue, useEffect as l } from "react";
+import { isEmpty as ze } from "es-toolkit/compat";
+import { isEqual as Ve } from "es-toolkit/predicate";
+import { DEFAULT_MAX_ZOOM as ce, MAP_TYPE_DEFAULT as w, DEFAULT_PIXEL_RATIO as je, DEFAULT_MIN_ZOOM as We, MAP_LAYER_ROAD_RESTRICTIONS as pe, MAP_TYPE_NIGHT as V, MAP_TYPE_FLEET_STYLE as qe, MAP_TYPE_SATELLITE as Ge, MAP_TYPE_TERRAIN as Ke, MAP_LAYER_INCIDENTS as Xe, MAP_LAYER_TRAFFIC as $e } from "./constants.js";
+import { removeEventListenerMap as Je, addEventListenerMap as Qe } from "../utils/eventHandling.js";
+import { MapContext as et } from "./MapContext.js";
+import { getMapBounds as tt, createUtils as ot } from "../utils/mapUtils.js";
+import { getHereUi as nt } from "../utils/mapUi.js";
+import rt from "../../../hooks/useDarkMode.js";
+import at from "./features/MapZoom.js";
+import st from "./features/layers/MapOverlayLayers.js";
+import it from "./MapSize.js";
+import lt from "./MapPosition.js";
+import mt from "./MapElements.js";
+import { getPlatform as ct, getBaseLayer as pt, getEngineType as ut } from "../utils/rendering.js";
+import { useMapViewportHistory as Et } from "../hooks/useMapViewportHistory.js";
+const dt = "map-disable-marker-pointer-events", vt = 140, s = (ue) => {
   const {
-    children: pe,
-    credentials: B,
-    width: k,
-    height: U,
-    language: ce = "en",
-    center: z,
-    zoom: j,
-    zoomAnimation: V = !1,
-    boundingBox: y,
-    hideClusterSettings: Ee = !1,
-    hideMapLayerSettings: ue = !1,
-    disableMapEvents: W,
-    disableBehavior: q = !1,
-    disableZoomMomentum: de = !0,
+    children: Ee,
+    credentials: j,
+    width: W,
+    height: q,
+    language: de = "en",
+    center: m,
+    zoom: u,
+    zoomAnimation: b = !1,
+    boundingBox: O,
+    hideClusterSettings: ve = !1,
+    hideMapLayerSettings: fe = !1,
+    disableMapEvents: G,
+    disableBehavior: K = !1,
+    disableZoomMomentum: X = !0,
+    enableFractionalZoom: x = !1,
     eventListenerMap: he,
-    mapType: L = P,
-    mapLayer: c = [],
-    showCluster: S = !0,
-    showScaleBar: ve = !1,
-    onMapLayerChange: Me = () => {
+    mapType: g = w,
+    mapLayer: E = [],
+    showCluster: D = !0,
+    showScaleBar: Me = !1,
+    onMapLayerChange: Le = () => {
     },
-    onMapTypeChange: fe = () => {
+    onMapTypeChange: Te = () => {
     },
-    onShowClusterChange: Le = () => {
+    onShowClusterChange: ge = () => {
     },
-    onZoomIn: Te = () => {
+    onZoomIn: _e = () => {
     },
-    onZoomOut: ge = () => {
+    onZoomOut: Ae = () => {
     },
-    onIncidentsChange: _e = () => {
+    onIncidentsChange: Re = () => {
     },
-    mapSettingsTooltip: Ae,
-    mapSettings: G,
-    enableWebGL: E = !0,
-    enableDevicePixelRatio: K = !0,
-    enableMarkerIconCache: Re = !0,
-    disableMarkerPointerEventsWhileZooming: u = !1,
-    pixelRatio: X = Be,
-    minZoom: T = ke,
-    maxZoom: I = ie
-  } = me;
-  let b = I;
-  T > I && (b = ie, console.error("Invalid condition for zoom limits: min <= max)"));
-  const w = C(null), d = C(), $ = C(!1), O = C(u), [Ce, Pe] = m(!1), [t, ye] = m(), [a, Se] = m(L), [o, J] = m(c), [Q, ee] = m(S), te = K && window.devicePixelRatio || X, i = /* @__PURE__ */ ((e) => e === "nb" ? "no" : e)(ce.split("-")[0].toLowerCase()), h = (e) => {
-    if (e && !O.current)
+    mapSettingsTooltip: ye,
+    mapSettings: $,
+    maxViewportHistoryEntries: Pe,
+    enableWebGL: d = !0,
+    enableDevicePixelRatio: J = !0,
+    enableMarkerIconCache: Ce = !0,
+    disableMarkerPointerEventsWhileZooming: v = !1,
+    pixelRatio: Q = je,
+    minZoom: _ = We,
+    maxZoom: N = ce
+  } = ue;
+  let Y = N;
+  _ > N && (Y = ce, console.error("Invalid condition for zoom limits: min <= max)"));
+  const A = S(null), f = S(), ee = S(!1), Z = S(v), [Ie, Se] = i(!1), [we, R] = i(!1), [t, be] = i(), [r, Oe] = i(g), [a, te] = i(E), [oe, ne] = i(D), xe = Ue(
+    () => m && u !== void 0 ? { center: m, zoom: u } : void 0,
+    [m?.lat, m?.lng, u]
+  ), De = Et(t, {
+    maxEntries: Pe,
+    zoomAnimation: b,
+    controlledViewport: xe
+  }), re = J && window.devicePixelRatio || Q, c = /* @__PURE__ */ ((e) => e === "nb" ? "no" : e)(de.split("-")[0].toLowerCase()), h = (e) => {
+    if (e && !Z.current)
       return;
-    const s = w.current;
-    s && (s.classList.toggle(it, e), $.current = e);
-  }, v = () => {
-    d.current !== void 0 && (window.clearTimeout(d.current), d.current = void 0);
-  }, ne = () => {
-    v(), d.current = window.setTimeout(() => {
-      h(!1), d.current = void 0;
-    }, lt);
+    const n = A.current;
+    n && (n.classList.toggle(dt, e), ee.current = e);
+  }, M = () => {
+    f.current !== void 0 && (window.clearTimeout(f.current), f.current = void 0);
   }, ae = () => {
-    O.current && (v(), $.current || h(!0));
+    M(), f.current = window.setTimeout(() => {
+      h(!1), R(!1), f.current = void 0;
+    }, vt);
+  }, se = () => {
+    R(!0), M(), Z.current && !ee.current && h(!0);
   };
-  p(() => {
-    O.current = u;
-  }, [u]), p(() => {
-    let e = [], s = () => {
+  l(() => {
+    Z.current = v;
+  }, [v]), l(() => {
+    const e = A.current;
+    if (!e)
+      return;
+    const n = () => {
+      se(), ae();
+    };
+    return e.addEventListener("wheel", n, { passive: !0, capture: !0 }), () => {
+      e.removeEventListener("wheel", n, { capture: !0 });
     };
-    t?.map ? (e = t.map.getObjects(), console.debug("re-initialize here map")) : console.debug("initialize here map"), t?.map && (console.debug("disposing previous map"), We(t.map), t.mapEvents && t.mapEvents.dispose(), t.map.dispose());
-    const A = y && Ke(y), M = ot(B), f = st(a, E), Y = M.createDefaultLayers({ engineType: f, lg: i, pois: !0 });
-    return rt({
-      baseLayerName: a,
-      defaultLayers: Y,
-      enableWebGL: E,
-      platform: M,
-      engineType: f,
-      vehicleRestrictions: o.includes(le),
-      language: i,
-      minZoom: T,
-      maxZoom: b
-    }).then((x) => {
-      const re = () => {
+  }, []), l(() => {
+    let e = [], n = () => {
+    };
+    t?.map ? (e = t.map.getObjects(), console.debug("re-initialize here map")) : console.debug("initialize here map"), t?.map && (console.debug("disposing previous map"), Je(t.map), t.mapEvents && t.mapEvents.dispose(), t.map.dispose());
+    const C = O && tt(O), L = ct(j), T = ut(r, d), k = L.createDefaultLayers({ engineType: T, lg: c, pois: !0 });
+    return pt({
+      baseLayerName: r,
+      defaultLayers: k,
+      enableWebGL: d,
+      platform: L,
+      engineType: T,
+      vehicleRestrictions: a.includes(pe),
+      language: c,
+      minZoom: _,
+      maxZoom: Y
+    }).then((U) => {
+      const le = () => {
+        se();
+      }, me = () => {
         ae();
-      }, se = () => {
-        ne();
-      }, n = new H.Map(w.current, x.baseLayer, {
-        zoom: j,
-        center: z,
-        bounds: A,
-        engineType: f,
-        pixelRatio: te,
+      }, o = new H.Map(A.current, U.baseLayer, {
+        zoom: u,
+        center: m,
+        bounds: C,
+        engineType: T,
+        pixelRatio: re,
         fixedCenter: !0
       });
-      x.overlayLayer && n.addLayer(x.overlayLayer), Pe(!0);
-      let Z = !1, R;
-      W || (Z = new H.mapevents.MapEvents(n)), W || q || (R = new H.mapevents.Behavior(Z), R.disable(H.mapevents.Behavior.Feature.FRACTIONAL_ZOOM), de && R.disable(H.mapevents.Behavior.Feature.ZOOM_MOMENTUM)), qe(n, he, n), n.addEventListener("mapviewchangestart", re), n.addEventListener("mapviewchangeend", se);
-      const Ye = $e(n, Y, ve, i);
-      ye({
-        credentials: B,
-        defaultLayers: Y,
-        map: n,
-        mapEvents: Z,
-        behavior: R,
-        platform: M,
-        ui: Ye,
-        utils: Xe(n),
+      U.overlayLayer && o.addLayer(U.overlayLayer), Se(!0);
+      let z = !1, I;
+      G || (z = new H.mapevents.MapEvents(o)), G || K || (I = new H.mapevents.Behavior(z), x || I.disable(H.mapevents.Behavior.Feature.FRACTIONAL_ZOOM), X && I.disable(H.mapevents.Behavior.Feature.ZOOM_MOMENTUM)), Qe(o, he, o), o.addEventListener("mapviewchangestart", le), o.addEventListener("mapviewchangeend", me);
+      const ke = nt(o, k, Me, c);
+      be({
+        credentials: j,
+        defaultLayers: k,
+        map: o,
+        mapEvents: z,
+        behavior: I,
+        platform: L,
+        ui: ke,
+        utils: ot(o),
         // Put settings back into the map API object so the invoking service
         // can check on these settings for instance inside a test
         settings: {
-          enableWebGL: E,
-          baseLayer: a,
-          activeLayers: o,
-          showCluster: Q,
-          minZoom: T,
-          maxZoom: b
+          enableWebGL: d,
+          baseLayer: r,
+          activeLayers: a,
+          showCluster: oe,
+          minZoom: _,
+          maxZoom: Y
         }
-      }), e && n.addObjects(e), s = () => {
-        n.removeEventListener("mapviewchangestart", re), n.removeEventListener("mapviewchangeend", se);
+      }), e && o.addObjects(e), n = () => {
+        o.removeEventListener("mapviewchangestart", le), o.removeEventListener("mapviewchangeend", me);
       };
     }), () => {
-      s(), v(), h(!1);
+      n(), M(), h(!1), R(!1);
     };
-  }, [E, K, i, a, T, I]), p(() => (u || (v(), h(!1)), () => {
-    v(), h(!1);
-  }), [u]);
-  const D = Je();
-  p(() => {
-    D && a === P ? g(F) : !D && a === F && g(P);
-  }, [D, i]), p(() => g(L), [L]);
-  const [Ie, be] = m(c);
-  Fe(c, Ie) || (J(c), be(c)), p(() => ee(S), [S]);
-  const g = (e) => {
-    Se(e), fe(e, L);
-  }, we = (e) => {
-    const s = (M) => o.filter((f) => f !== M), A = o.includes(e) ? s(e) : [...o, e];
-    J(A), Me(A, o);
-  }, Oe = (e) => {
-    ee(e), Le(e);
-  }, oe = () => {
+  }, [
+    d,
+    J,
+    c,
+    r,
+    _,
+    N,
+    X,
+    x
+  ]), l(() => (v || (M(), h(!1)), () => {
+    M(), h(!1), R(!1);
+  }), [v]);
+  const F = rt();
+  l(() => {
+    F && r === w ? y(V) : !F && r === V && y(w);
+  }, [F, c]), l(() => y(g), [g]);
+  const [Ne, Ye] = i(E);
+  Ve(E, Ne) || (te(E), Ye(E)), l(() => ne(D), [D]);
+  const y = (e) => {
+    Oe(e), Te(e, g);
+  }, Ze = (e) => {
+    const n = (L) => a.filter((T) => T !== L), C = a.includes(e) ? n(e) : [...a, e];
+    te(C), Le(C, a);
+  }, Fe = (e) => {
+    ne(e), ge(e);
+  }, ie = () => {
     document.querySelector(".AssetTree")?.classList.add("pointer-events-none");
-  }, N = () => {
+  }, B = () => {
     document.querySelector(".AssetTree")?.classList.remove("pointer-events-none");
-  }, _ = {};
-  U && (_.height = U), k && (_.width = k);
-  const De = Ze(_) ? "height-100pct" : "", Ne = () => {
-    ae(), ne();
-  };
-  return /* @__PURE__ */ l(
+  }, P = {};
+  q && (P.height = q), W && (P.width = W);
+  const Be = ze(P) ? "height-100pct" : "";
+  return /* @__PURE__ */ p(
     "div",
     {
-      className: `Map position-relative map-type-${a.toLowerCase()} ${De}`,
-      style: _,
-      ref: w,
-      onWheelCapture: Ne,
-      onTouchStart: oe,
-      onTouchEnd: N,
-      onMouseEnter: oe,
-      onMouseOut: N,
-      onBlur: N,
-      children: Ce && t && /* @__PURE__ */ xe(
-        Ge.Provider,
+      className: `Map position-relative map-type-${r.toLowerCase()} ${Be}`,
+      style: P,
+      ref: A,
+      onTouchStart: ie,
+      onTouchEnd: B,
+      onMouseEnter: ie,
+      onMouseOut: B,
+      onBlur: B,
+      children: Ie && t && /* @__PURE__ */ He(
+        et.Provider,
         {
           value: {
             api: t,
-            language: i,
-            enableWebGL: E,
-            enableMarkerIconCache: Re,
-            showCluster: Q,
-            activeLayers: o,
-            baseLayer: a,
-            hideMapLayerSettings: ue,
-            hideClusterSettings: Ee,
-            onMapTypeChange: g,
-            onMapLayerChange: we,
-            onShowClusterChange: Oe,
-            mapSettingsTooltip: Ae,
-            onIncidentsChange: _e,
-            devicePixelRatio: te
+            language: c,
+            enableWebGL: d,
+            enableMarkerIconCache: Ce,
+            enableFractionalZoom: x,
+            isZoomInteractionActive: we,
+            showCluster: oe,
+            activeLayers: a,
+            baseLayer: r,
+            hideMapLayerSettings: fe,
+            hideClusterSettings: ve,
+            viewportHistory: De,
+            onMapTypeChange: y,
+            onMapLayerChange: Ze,
+            onShowClusterChange: Fe,
+            mapSettingsTooltip: ye,
+            onIncidentsChange: Re,
+            devicePixelRatio: re
           },
           children: [
-            /* @__PURE__ */ l(nt, { api: t, boundingBox: y, center: z, zoomAnimation: V }),
-            /* @__PURE__ */ l(tt, { api: t }),
-            /* @__PURE__ */ l(
-              Qe,
+            /* @__PURE__ */ p(
+              lt,
+              {
+                api: t,
+                boundingBox: O,
+                center: m,
+                zoom: u,
+                zoomAnimation: b
+              }
+            ),
+            /* @__PURE__ */ p(it, { api: t }),
+            /* @__PURE__ */ p(
+              at,
               {
-                zoom: j,
-                hideZoomButtons: q,
-                onZoomIn: Te,
-                onZoomOut: ge,
-                zoomAnimation: V
+                hideZoomButtons: K,
+                onZoomIn: _e,
+                onZoomOut: Ae,
+                zoomAnimation: b
               }
             ),
-            G && G,
-            /* @__PURE__ */ l(et, { layers: o }),
-            /* @__PURE__ */ l(at, { api: t, children: pe })
+            $ && $,
+            /* @__PURE__ */ p(st, { layers: a }),
+            /* @__PURE__ */ p(mt, { api: t, children: Ee })
           ]
         }
       )
     }
   );
 };
-r.TYPE_DEFAULT = P;
-r.TYPE_FLEET_STYLE = He;
-r.TYPE_SATELLITE = Ue;
-r.TYPE_TERRAIN = ze;
-r.TYPE_NIGHT = F;
-r.LAYER_INCIDENTS = je;
-r.LAYER_TRAFFIC = Ve;
-r.LAYER_ROAD_RESTRICTIONS = le;
+s.TYPE_DEFAULT = w;
+s.TYPE_FLEET_STYLE = qe;
+s.TYPE_SATELLITE = Ge;
+s.TYPE_TERRAIN = Ke;
+s.TYPE_NIGHT = V;
+s.LAYER_INCIDENTS = Xe;
+s.LAYER_TRAFFIC = $e;
+s.LAYER_ROAD_RESTRICTIONS = pe;
 export {
-  r as default
+  s as default
 };
 //# sourceMappingURL=Map.js.map

package/components/map/components/Map.js.map

@@ -1 +1 @@
-{"version":3,"file":"Map.js","sources":["../../../../src/components/map/components/Map.tsx"],"sourcesContent":["import { useRef, useState, useEffect, type CSSProperties } from 'react';\nimport { isEmpty } from 'es-toolkit/compat';\nimport { isEqual } from 'es-toolkit/predicate';\n\nimport {\n    MAP_TYPE_DEFAULT,\n    MAP_TYPE_FLEET_STYLE,\n    MAP_TYPE_SATELLITE,\n    MAP_TYPE_TERRAIN,\n    MAP_TYPE_NIGHT,\n    MAP_LAYER_INCIDENTS,\n    MAP_LAYER_TRAFFIC,\n    MAP_LAYER_ROAD_RESTRICTIONS,\n    DEFAULT_MIN_ZOOM,\n    DEFAULT_MAX_ZOOM,\n    DEFAULT_PIXEL_RATIO,\n} from './constants';\n\nimport { addEventListenerMap, removeEventListenerMap } from '../utils/eventHandling';\nimport { MapContext } from './MapContext';\nimport { createUtils, getMapBounds } from '../utils/mapUtils';\nimport { getHereUi } from '../utils/mapUi';\nimport useDarkMode from '../../../hooks/useDarkMode';\nimport MapZoom from './features/MapZoom';\nimport MapOverlayLayers from './features/layers/MapOverlayLayers';\nimport MapSize from './MapSize';\nimport MapPosition from './MapPosition';\nimport MapElements from './MapElements';\nimport type { MapApi, MapLayer, MapProps, MapType } from '../utils/mapTypes';\nimport { getPlatform, getEngineType, getBaseLayer } from '../utils/rendering';\n\nconst MARKER_POINTER_EVENTS_DISABLED_CLASS = 'map-disable-marker-pointer-events';\nconst MARKER_POINTER_EVENTS_RESET_DELAY_MS = 140;\n\nconst Map = (props: MapProps) => {\n    const {\n        children,\n        credentials,\n        width,\n        height,\n        language: lang = 'en',\n        center,\n        zoom,\n        zoomAnimation = false,\n        boundingBox,\n        hideClusterSettings = false,\n        hideMapLayerSettings = false,\n        disableMapEvents,\n        disableBehavior = false,\n        disableZoomMomentum = true,\n        eventListenerMap,\n        mapType = MAP_TYPE_DEFAULT,\n        mapLayer = [],\n        showCluster: externalShowCluster = true,\n        showScaleBar = false,\n        onMapLayerChange = () => {},\n        onMapTypeChange = () => {},\n        onShowClusterChange = () => {},\n        onZoomIn = () => {},\n        onZoomOut = () => {},\n        onIncidentsChange = () => {},\n        mapSettingsTooltip,\n        mapSettings,\n        enableWebGL = true,\n        enableDevicePixelRatio = true,\n        enableMarkerIconCache = true,\n        disableMarkerPointerEventsWhileZooming = false,\n        pixelRatio = DEFAULT_PIXEL_RATIO,\n        minZoom = DEFAULT_MIN_ZOOM,\n        maxZoom = DEFAULT_MAX_ZOOM,\n    } = props;\n\n    let safeMaxZoom = maxZoom;\n\n    if (minZoom > maxZoom) {\n        // Avoid crashing the map for invalid zoom limits\n        safeMaxZoom = DEFAULT_MAX_ZOOM;\n        console.error('Invalid condition for zoom limits: min <= max)');\n    }\n\n    const mapRef = useRef<HTMLDivElement>(null);\n    const markerPointerEventsResetTimeoutRef = useRef<number | undefined>();\n    const markerPointerEventsDisabledRef = useRef(false);\n    const disableMarkerPointerEventsWhileZoomingRef = useRef(disableMarkerPointerEventsWhileZooming);\n\n    const [isMapInitialized, setMapInitialized] = useState(false);\n\n    const [api, setApi] = useState<MapApi>();\n\n    const [baseLayer, setBaseLayer] = useState<MapType>(mapType);\n    const [activeLayers, setActiveLayers] = useState<MapLayer[]>(mapLayer);\n    const [showCluster, setShowCluster] = useState(externalShowCluster);\n\n    const devicePixelRatio = enableDevicePixelRatio ? window.devicePixelRatio || pixelRatio : pixelRatio;\n\n    // Only short locale is supported by HERE Map\n    const language = (locale => (locale === 'nb' ? 'no' : locale))(lang.split('-')[0].toLowerCase());\n\n    const setMarkerPointerEventsDisabled = (disabled: boolean) => {\n        if (disabled && !disableMarkerPointerEventsWhileZoomingRef.current) {\n            return;\n        }\n\n        const mapElement = mapRef.current;\n\n        if (!mapElement) {\n            return;\n        }\n\n        mapElement.classList.toggle(MARKER_POINTER_EVENTS_DISABLED_CLASS, disabled);\n        markerPointerEventsDisabledRef.current = disabled;\n    };\n\n    const clearMarkerPointerEventsResetTimeout = () => {\n        if (markerPointerEventsResetTimeoutRef.current !== undefined) {\n            window.clearTimeout(markerPointerEventsResetTimeoutRef.current);\n            markerPointerEventsResetTimeoutRef.current = undefined;\n        }\n    };\n\n    const scheduleMarkerPointerEventsEnable = () => {\n        clearMarkerPointerEventsResetTimeout();\n        markerPointerEventsResetTimeoutRef.current = window.setTimeout(() => {\n            setMarkerPointerEventsDisabled(false);\n            markerPointerEventsResetTimeoutRef.current = undefined;\n        }, MARKER_POINTER_EVENTS_RESET_DELAY_MS);\n    };\n\n    const temporarilyDisableMarkerPointerEvents = () => {\n        if (!disableMarkerPointerEventsWhileZoomingRef.current) {\n            return;\n        }\n\n        clearMarkerPointerEventsResetTimeout();\n\n        if (!markerPointerEventsDisabledRef.current) {\n            setMarkerPointerEventsDisabled(true);\n        }\n    };\n\n    useEffect(() => {\n        disableMarkerPointerEventsWhileZoomingRef.current = disableMarkerPointerEventsWhileZooming;\n    }, [disableMarkerPointerEventsWhileZooming]);\n\n    useEffect(() => {\n        let allMapObjects: H.map.Object[] = [];\n        let removeMapViewChangeListeners = () => {};\n\n        if (api?.map) {\n            allMapObjects = api.map.getObjects();\n            console.debug('re-initialize here map');\n        } else {\n            console.debug('initialize here map');\n        }\n\n        if (api?.map) {\n            // Cleanup any previously initialized map before doing anything else\n            console.debug('disposing previous map');\n            removeEventListenerMap(api.map);\n\n            if (api.mapEvents) {\n                api.mapEvents.dispose();\n            }\n\n            api.map.dispose();\n        }\n\n        const bounds = boundingBox && getMapBounds(boundingBox);\n\n        // Initialize communication with the platform\n        const platform = getPlatform(credentials);\n\n        // Specify engine type. In this example, we use HARP rendering engine, which is capable\n        // of rendering vector data using the style configuration exported from the HERE Style Editor.\n        // HARP engine is not the default engine, and it's not included in the mapsjs-core.js module.\n        // To use this engine, you need to include mapsjs-harp.js file to your HTML page\n        const engineType = getEngineType(baseLayer, enableWebGL);\n\n        // Obtain the default map types from the platform object\n        // @ts-expect-error-next-line: according to the Here docs, the engine type exists\n        // see https://www.here.com/docs/bundle/maps-api-for-javascript-developer-guide/page/topics/harp-migrate.html\n        const defaultLayers = platform.createDefaultLayers({ engineType, lg: language, pois: true });\n\n        getBaseLayer({\n            baseLayerName: baseLayer,\n            defaultLayers,\n            enableWebGL,\n            platform,\n            engineType,\n            vehicleRestrictions: activeLayers.includes(MAP_LAYER_ROAD_RESTRICTIONS),\n            language,\n            minZoom,\n            maxZoom: safeMaxZoom,\n        }).then(defaultLayerMap => {\n            const handleMapViewChangeStart = () => {\n                temporarilyDisableMarkerPointerEvents();\n            };\n\n            const handleMapViewChangeEnd = () => {\n                scheduleMarkerPointerEventsEnable();\n            };\n\n            // Initialize the map\n            const hereMap = new H.Map(mapRef.current as Element, defaultLayerMap.baseLayer, {\n                zoom,\n                center,\n                bounds,\n                engineType,\n                pixelRatio: devicePixelRatio,\n                fixedCenter: true,\n            });\n\n            if (defaultLayerMap.overlayLayer) {\n                // Special case for satellite map where we render street labels and road signs as well as additional pois as vector data\n                // hereMap.setBaseLayer(defaultLayerMap.baseLayer);\n                hereMap.addLayer(defaultLayerMap.overlayLayer);\n            }\n\n            setMapInitialized(true);\n\n            let hereMapEvents: H.mapevents.MapEvents | false = false;\n            let hereBehavior: H.mapevents.Behavior | undefined;\n\n            if (!disableMapEvents) {\n                // Enable the map event system\n                hereMapEvents = new H.mapevents.MapEvents(hereMap);\n            }\n\n            if (!(disableMapEvents || disableBehavior)) {\n                hereBehavior = new H.mapevents.Behavior(hereMapEvents as H.mapevents.MapEvents);\n                // @ts-expect-error-next-line\n                hereBehavior.disable(H.mapevents.Behavior.Feature.FRACTIONAL_ZOOM);\n\n                if (disableZoomMomentum) {\n                    // Disable the inertia that occurs on WebGL maps when scrolling/zooming.\n                    // This resulted in a very high scroll sensitivity.\n                    // @ts-expect-error-next-line\n                    hereBehavior.disable(H.mapevents.Behavior.Feature.ZOOM_MOMENTUM);\n                }\n            }\n\n            addEventListenerMap(hereMap, eventListenerMap, hereMap);\n            hereMap.addEventListener('mapviewchangestart', handleMapViewChangeStart as EventListener);\n            hereMap.addEventListener('mapviewchangeend', handleMapViewChangeEnd as EventListener);\n\n            const hereUi = getHereUi(hereMap, defaultLayers, showScaleBar, language);\n\n            // The api will be passed to services when using a render function.\n            // This allows the service to access the map internals\n            setApi({\n                credentials,\n                defaultLayers,\n                map: hereMap,\n                mapEvents: hereMapEvents,\n                behavior: hereBehavior,\n                platform,\n                ui: hereUi,\n                utils: createUtils(hereMap),\n                // Put settings back into the map API object so the invoking service\n                // can check on these settings for instance inside a test\n                settings: {\n                    enableWebGL,\n                    baseLayer,\n                    activeLayers,\n                    showCluster,\n                    minZoom,\n                    maxZoom: safeMaxZoom,\n                },\n            });\n\n            if (allMapObjects) {\n                // If the base layer changed, re-add all previous objects again,\n                // otherwise the map would be empty\n                hereMap.addObjects(allMapObjects);\n            }\n\n            removeMapViewChangeListeners = () => {\n                hereMap.removeEventListener('mapviewchangestart', handleMapViewChangeStart as EventListener);\n                hereMap.removeEventListener('mapviewchangeend', handleMapViewChangeEnd as EventListener);\n            };\n        });\n\n        return () => {\n            removeMapViewChangeListeners();\n            clearMarkerPointerEventsResetTimeout();\n            setMarkerPointerEventsDisabled(false);\n        };\n    }, [enableWebGL, enableDevicePixelRatio, language, baseLayer, minZoom, maxZoom]);\n\n    useEffect(() => {\n        if (!disableMarkerPointerEventsWhileZooming) {\n            clearMarkerPointerEventsResetTimeout();\n            setMarkerPointerEventsDisabled(false);\n        }\n\n        return () => {\n            clearMarkerPointerEventsResetTimeout();\n            setMarkerPointerEventsDisabled(false);\n        };\n    }, [disableMarkerPointerEventsWhileZooming]);\n\n    const isDarkMode = useDarkMode();\n    useEffect(() => {\n        // Toggle night map only if current map type is default\n        if (isDarkMode && baseLayer === MAP_TYPE_DEFAULT) {\n            handleMapTypeChange(MAP_TYPE_NIGHT);\n        }\n        // Toggle back to default map only if current map type is night\n        else if (!isDarkMode && baseLayer === MAP_TYPE_NIGHT) {\n            handleMapTypeChange(MAP_TYPE_DEFAULT);\n        }\n    }, [isDarkMode, language]);\n\n    // Update MapType from outside\n    useEffect(() => handleMapTypeChange(mapType), [mapType]);\n\n    // Update MapLayer from outside\n    const [previousMapLayer, setPreviousMapLayer] = useState(mapLayer);\n    if (!isEqual(mapLayer, previousMapLayer)) {\n        setActiveLayers(mapLayer);\n        setPreviousMapLayer(mapLayer);\n    }\n\n    // Update Cluster setting from outside\n    useEffect(() => setShowCluster(externalShowCluster), [externalShowCluster]);\n\n    const handleMapTypeChange = (newMapType: MapType) => {\n        setBaseLayer(newMapType);\n        onMapTypeChange(newMapType, mapType);\n    };\n\n    const handleMapLayerChange = (layer: MapLayer) => {\n        const removeLayer = (layerToRemove: string) => activeLayers.filter(item => item !== layerToRemove);\n        const newActiveLayers = activeLayers.includes(layer) ? removeLayer(layer) : [...activeLayers, layer];\n        setActiveLayers(newActiveLayers);\n        onMapLayerChange(newActiveLayers, activeLayers);\n    };\n\n    const handleShowClusterChange = (newShowCluster: boolean) => {\n        setShowCluster(newShowCluster);\n        onShowClusterChange(newShowCluster);\n    };\n\n    // Note: For performance reasons, we deactivate pointer events and hence CSS style recalculation for the\n    // the body. Having for instance many assets in the tree causes a performance loss when clicking on the map\n    // to move it and zoom in/out since the map triggers a style invalidation and recalculation and\n    // due to the nature of the AssetTree with it's hundreds DOM nodes, applying the CSS selectors\n    // takes time.\n    const handleMapInteractionStart = () => {\n        document.querySelector('.AssetTree')?.classList.add('pointer-events-none');\n    };\n    const handleMapInteractionEnd = () => {\n        document.querySelector('.AssetTree')?.classList.remove('pointer-events-none');\n    };\n\n    const style: CSSProperties = {};\n    if (height) {\n        style.height = height;\n    }\n    if (width) {\n        style.width = width;\n    }\n    const autoHeightClass = isEmpty(style) ? 'height-100pct' : '';\n\n    const handleMapWheelCapture = () => {\n        temporarilyDisableMarkerPointerEvents();\n        scheduleMarkerPointerEventsEnable();\n    };\n\n    return (\n        <div\n            className={`Map position-relative map-type-${baseLayer.toLowerCase()} ${autoHeightClass}`}\n            style={style}\n            ref={mapRef}\n            onWheelCapture={handleMapWheelCapture}\n            onTouchStart={handleMapInteractionStart}\n            onTouchEnd={handleMapInteractionEnd}\n            onMouseEnter={handleMapInteractionStart}\n            onMouseOut={handleMapInteractionEnd}\n            onBlur={handleMapInteractionEnd}\n        >\n            {isMapInitialized && api && (\n                <MapContext.Provider\n                    value={{\n                        api,\n                        language,\n                        enableWebGL,\n                        enableMarkerIconCache,\n                        showCluster,\n                        activeLayers,\n                        baseLayer,\n                        hideMapLayerSettings,\n                        hideClusterSettings,\n                        onMapTypeChange: handleMapTypeChange,\n                        onMapLayerChange: handleMapLayerChange,\n                        onShowClusterChange: handleShowClusterChange,\n                        mapSettingsTooltip,\n                        onIncidentsChange,\n                        devicePixelRatio,\n                    }}\n                >\n                    <MapPosition api={api} boundingBox={boundingBox} center={center} zoomAnimation={zoomAnimation} />\n                    <MapSize api={api} />\n                    <MapZoom\n                        zoom={zoom}\n                        hideZoomButtons={disableBehavior}\n                        onZoomIn={onZoomIn}\n                        onZoomOut={onZoomOut}\n                        zoomAnimation={zoomAnimation}\n                    />\n                    {mapSettings && mapSettings}\n                    <MapOverlayLayers layers={activeLayers} />\n                    <MapElements api={api}>{children}</MapElements>\n                </MapContext.Provider>\n            )}\n        </div>\n    );\n};\n\nMap.TYPE_DEFAULT = MAP_TYPE_DEFAULT;\nMap.TYPE_FLEET_STYLE = MAP_TYPE_FLEET_STYLE;\nMap.TYPE_SATELLITE = MAP_TYPE_SATELLITE;\nMap.TYPE_TERRAIN = MAP_TYPE_TERRAIN;\nMap.TYPE_NIGHT = MAP_TYPE_NIGHT;\n\nMap.LAYER_INCIDENTS = MAP_LAYER_INCIDENTS;\nMap.LAYER_TRAFFIC = MAP_LAYER_TRAFFIC;\nMap.LAYER_ROAD_RESTRICTIONS = MAP_LAYER_ROAD_RESTRICTIONS;\n\nexport default Map;\n"],"names":["MARKER_POINTER_EVENTS_DISABLED_CLASS","MARKER_POINTER_EVENTS_RESET_DELAY_MS","Map","props","children","credentials","width","height","lang","center","zoom","zoomAnimation","boundingBox","hideClusterSettings","hideMapLayerSettings","disableMapEvents","disableBehavior","disableZoomMomentum","eventListenerMap","mapType","MAP_TYPE_DEFAULT","mapLayer","externalShowCluster","showScaleBar","onMapLayerChange","onMapTypeChange","onShowClusterChange","onZoomIn","onZoomOut","onIncidentsChange","mapSettingsTooltip","mapSettings","enableWebGL","enableDevicePixelRatio","enableMarkerIconCache","disableMarkerPointerEventsWhileZooming","pixelRatio","DEFAULT_PIXEL_RATIO","minZoom","DEFAULT_MIN_ZOOM","maxZoom","DEFAULT_MAX_ZOOM","safeMaxZoom","mapRef","useRef","markerPointerEventsResetTimeoutRef","markerPointerEventsDisabledRef","disableMarkerPointerEventsWhileZoomingRef","isMapInitialized","setMapInitialized","useState","api","setApi","baseLayer","setBaseLayer","activeLayers","setActiveLayers","showCluster","setShowCluster","devicePixelRatio","language","locale","setMarkerPointerEventsDisabled","disabled","mapElement","clearMarkerPointerEventsResetTimeout","scheduleMarkerPointerEventsEnable","temporarilyDisableMarkerPointerEvents","useEffect","allMapObjects","removeMapViewChangeListeners","removeEventListenerMap","bounds","getMapBounds","platform","getPlatform","engineType","getEngineType","defaultLayers","getBaseLayer","MAP_LAYER_ROAD_RESTRICTIONS","defaultLayerMap","handleMapViewChangeStart","handleMapViewChangeEnd","hereMap","hereMapEvents","hereBehavior","addEventListenerMap","hereUi","getHereUi","createUtils","isDarkMode","useDarkMode","handleMapTypeChange","MAP_TYPE_NIGHT","previousMapLayer","setPreviousMapLayer","isEqual","newMapType","handleMapLayerChange","layer","removeLayer","layerToRemove","item","newActiveLayers","handleShowClusterChange","newShowCluster","handleMapInteractionStart","handleMapInteractionEnd","style","autoHeightClass","isEmpty","handleMapWheelCapture","jsx","jsxs","MapContext","MapPosition","MapSize","MapZoom","MapOverlayLayers","MapElements","MAP_TYPE_FLEET_STYLE","MAP_TYPE_SATELLITE","MAP_TYPE_TERRAIN","MAP_LAYER_INCIDENTS","MAP_LAYER_TRAFFIC"],"mappings":"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"}
+{"version":3,"file":"Map.js","sources":["../../../../src/components/map/components/Map.tsx"],"sourcesContent":["import { useRef, useState, useEffect, useMemo, type CSSProperties } from 'react';\nimport { isEmpty } from 'es-toolkit/compat';\nimport { isEqual } from 'es-toolkit/predicate';\n\nimport {\n    MAP_TYPE_DEFAULT,\n    MAP_TYPE_FLEET_STYLE,\n    MAP_TYPE_SATELLITE,\n    MAP_TYPE_TERRAIN,\n    MAP_TYPE_NIGHT,\n    MAP_LAYER_INCIDENTS,\n    MAP_LAYER_TRAFFIC,\n    MAP_LAYER_ROAD_RESTRICTIONS,\n    DEFAULT_MIN_ZOOM,\n    DEFAULT_MAX_ZOOM,\n    DEFAULT_PIXEL_RATIO,\n} from './constants';\n\nimport { addEventListenerMap, removeEventListenerMap } from '../utils/eventHandling';\nimport { MapContext } from './MapContext';\nimport { createUtils, getMapBounds } from '../utils/mapUtils';\nimport { getHereUi } from '../utils/mapUi';\nimport useDarkMode from '../../../hooks/useDarkMode';\nimport MapZoom from './features/MapZoom';\nimport MapOverlayLayers from './features/layers/MapOverlayLayers';\nimport MapSize from './MapSize';\nimport MapPosition from './MapPosition';\nimport MapElements from './MapElements';\nimport type { MapApi, MapLayer, MapProps, MapType } from '../utils/mapTypes';\nimport { getPlatform, getEngineType, getBaseLayer } from '../utils/rendering';\nimport { useMapViewportHistory } from '../hooks/useMapViewportHistory';\n\nconst MARKER_POINTER_EVENTS_DISABLED_CLASS = 'map-disable-marker-pointer-events';\nconst MARKER_POINTER_EVENTS_RESET_DELAY_MS = 140;\n\nconst Map = (props: MapProps) => {\n    const {\n        children,\n        credentials,\n        width,\n        height,\n        language: lang = 'en',\n        center,\n        zoom,\n        zoomAnimation = false,\n        boundingBox,\n        hideClusterSettings = false,\n        hideMapLayerSettings = false,\n        disableMapEvents,\n        disableBehavior = false,\n        disableZoomMomentum = true,\n        enableFractionalZoom = false,\n        eventListenerMap,\n        mapType = MAP_TYPE_DEFAULT,\n        mapLayer = [],\n        showCluster: externalShowCluster = true,\n        showScaleBar = false,\n        onMapLayerChange = () => {},\n        onMapTypeChange = () => {},\n        onShowClusterChange = () => {},\n        onZoomIn = () => {},\n        onZoomOut = () => {},\n        onIncidentsChange = () => {},\n        mapSettingsTooltip,\n        mapSettings,\n        maxViewportHistoryEntries,\n        enableWebGL = true,\n        enableDevicePixelRatio = true,\n        enableMarkerIconCache = true,\n        disableMarkerPointerEventsWhileZooming = false,\n        pixelRatio = DEFAULT_PIXEL_RATIO,\n        minZoom = DEFAULT_MIN_ZOOM,\n        maxZoom = DEFAULT_MAX_ZOOM,\n    } = props;\n\n    let safeMaxZoom = maxZoom;\n\n    if (minZoom > maxZoom) {\n        // Avoid crashing the map for invalid zoom limits\n        safeMaxZoom = DEFAULT_MAX_ZOOM;\n        console.error('Invalid condition for zoom limits: min <= max)');\n    }\n\n    const mapRef = useRef<HTMLDivElement>(null);\n    const markerPointerEventsResetTimeoutRef = useRef<number | undefined>();\n    const markerPointerEventsDisabledRef = useRef(false);\n    const disableMarkerPointerEventsWhileZoomingRef = useRef(disableMarkerPointerEventsWhileZooming);\n\n    const [isMapInitialized, setMapInitialized] = useState(false);\n    const [isZoomInteractionActive, setIsZoomInteractionActive] = useState(false);\n\n    const [api, setApi] = useState<MapApi>();\n\n    const [baseLayer, setBaseLayer] = useState<MapType>(mapType);\n    const [activeLayers, setActiveLayers] = useState<MapLayer[]>(mapLayer);\n    const [showCluster, setShowCluster] = useState(externalShowCluster);\n    const controlledViewport = useMemo(\n        () => (center && zoom !== undefined ? { center, zoom } : undefined),\n        [center?.lat, center?.lng, zoom]\n    );\n    const viewportHistory = useMapViewportHistory(api, {\n        maxEntries: maxViewportHistoryEntries,\n        zoomAnimation,\n        controlledViewport,\n    });\n\n    const devicePixelRatio = enableDevicePixelRatio ? window.devicePixelRatio || pixelRatio : pixelRatio;\n\n    // Only short locale is supported by HERE Map\n    const language = (locale => (locale === 'nb' ? 'no' : locale))(lang.split('-')[0].toLowerCase());\n\n    const setMarkerPointerEventsDisabled = (disabled: boolean) => {\n        if (disabled && !disableMarkerPointerEventsWhileZoomingRef.current) {\n            return;\n        }\n\n        const mapElement = mapRef.current;\n\n        if (!mapElement) {\n            return;\n        }\n\n        mapElement.classList.toggle(MARKER_POINTER_EVENTS_DISABLED_CLASS, disabled);\n        markerPointerEventsDisabledRef.current = disabled;\n    };\n\n    const clearMarkerPointerEventsResetTimeout = () => {\n        if (markerPointerEventsResetTimeoutRef.current !== undefined) {\n            window.clearTimeout(markerPointerEventsResetTimeoutRef.current);\n            markerPointerEventsResetTimeoutRef.current = undefined;\n        }\n    };\n\n    const scheduleMarkerPointerEventsEnable = () => {\n        clearMarkerPointerEventsResetTimeout();\n        markerPointerEventsResetTimeoutRef.current = window.setTimeout(() => {\n            setMarkerPointerEventsDisabled(false);\n            setIsZoomInteractionActive(false);\n            markerPointerEventsResetTimeoutRef.current = undefined;\n        }, MARKER_POINTER_EVENTS_RESET_DELAY_MS);\n    };\n\n    const temporarilyDisableMarkerPointerEvents = () => {\n        setIsZoomInteractionActive(true);\n\n        clearMarkerPointerEventsResetTimeout();\n\n        if (disableMarkerPointerEventsWhileZoomingRef.current && !markerPointerEventsDisabledRef.current) {\n            setMarkerPointerEventsDisabled(true);\n        }\n    };\n\n    useEffect(() => {\n        disableMarkerPointerEventsWhileZoomingRef.current = disableMarkerPointerEventsWhileZooming;\n    }, [disableMarkerPointerEventsWhileZooming]);\n\n    useEffect(() => {\n        const mapElement = mapRef.current;\n\n        if (!mapElement) {\n            return;\n        }\n\n        const handleWheel = () => {\n            temporarilyDisableMarkerPointerEvents();\n            scheduleMarkerPointerEventsEnable();\n        };\n\n        mapElement.addEventListener('wheel', handleWheel, { passive: true, capture: true });\n\n        return () => {\n            mapElement.removeEventListener('wheel', handleWheel, { capture: true });\n        };\n    }, []);\n\n    useEffect(() => {\n        let allMapObjects: H.map.Object[] = [];\n        let removeMapViewChangeListeners = () => {};\n\n        if (api?.map) {\n            allMapObjects = api.map.getObjects();\n            console.debug('re-initialize here map');\n        } else {\n            console.debug('initialize here map');\n        }\n\n        if (api?.map) {\n            // Cleanup any previously initialized map before doing anything else\n            console.debug('disposing previous map');\n            removeEventListenerMap(api.map);\n\n            if (api.mapEvents) {\n                api.mapEvents.dispose();\n            }\n\n            api.map.dispose();\n        }\n\n        const bounds = boundingBox && getMapBounds(boundingBox);\n\n        // Initialize communication with the platform\n        const platform = getPlatform(credentials);\n\n        // Specify engine type. In this example, we use HARP rendering engine, which is capable\n        // of rendering vector data using the style configuration exported from the HERE Style Editor.\n        // HARP engine is not the default engine, and it's not included in the mapsjs-core.js module.\n        // To use this engine, you need to include mapsjs-harp.js file to your HTML page\n        const engineType = getEngineType(baseLayer, enableWebGL);\n\n        // Obtain the default map types from the platform object\n        // @ts-expect-error-next-line: according to the Here docs, the engine type exists\n        // see https://www.here.com/docs/bundle/maps-api-for-javascript-developer-guide/page/topics/harp-migrate.html\n        const defaultLayers = platform.createDefaultLayers({ engineType, lg: language, pois: true });\n\n        getBaseLayer({\n            baseLayerName: baseLayer,\n            defaultLayers,\n            enableWebGL,\n            platform,\n            engineType,\n            vehicleRestrictions: activeLayers.includes(MAP_LAYER_ROAD_RESTRICTIONS),\n            language,\n            minZoom,\n            maxZoom: safeMaxZoom,\n        }).then(defaultLayerMap => {\n            const handleMapViewChangeStart = () => {\n                temporarilyDisableMarkerPointerEvents();\n            };\n\n            const handleMapViewChangeEnd = () => {\n                scheduleMarkerPointerEventsEnable();\n            };\n\n            // Initialize the map\n            const hereMap = new H.Map(mapRef.current as Element, defaultLayerMap.baseLayer, {\n                zoom,\n                center,\n                bounds,\n                engineType,\n                pixelRatio: devicePixelRatio,\n                fixedCenter: true,\n            });\n\n            if (defaultLayerMap.overlayLayer) {\n                // Special case for satellite map where we render street labels and road signs as well as additional pois as vector data\n                // hereMap.setBaseLayer(defaultLayerMap.baseLayer);\n                hereMap.addLayer(defaultLayerMap.overlayLayer);\n            }\n\n            setMapInitialized(true);\n\n            let hereMapEvents: H.mapevents.MapEvents | false = false;\n            let hereBehavior: H.mapevents.Behavior | undefined;\n\n            if (!disableMapEvents) {\n                // Enable the map event system\n                hereMapEvents = new H.mapevents.MapEvents(hereMap);\n            }\n\n            if (!(disableMapEvents || disableBehavior)) {\n                hereBehavior = new H.mapevents.Behavior(hereMapEvents as H.mapevents.MapEvents);\n                if (!enableFractionalZoom) {\n                    // Fractional zoom feels less predictable with mouse wheels in some setups,\n                    // but keeping it enabled can noticeably improve trackpad zoom smoothness.\n                    // @ts-expect-error-next-line\n                    hereBehavior.disable(H.mapevents.Behavior.Feature.FRACTIONAL_ZOOM);\n                }\n\n                if (disableZoomMomentum) {\n                    // Disable the inertia that occurs on WebGL maps when scrolling/zooming.\n                    // This resulted in a very high scroll sensitivity.\n                    // @ts-expect-error-next-line\n                    hereBehavior.disable(H.mapevents.Behavior.Feature.ZOOM_MOMENTUM);\n                }\n            }\n\n            addEventListenerMap(hereMap, eventListenerMap, hereMap);\n            hereMap.addEventListener('mapviewchangestart', handleMapViewChangeStart as EventListener);\n            hereMap.addEventListener('mapviewchangeend', handleMapViewChangeEnd as EventListener);\n\n            const hereUi = getHereUi(hereMap, defaultLayers, showScaleBar, language);\n\n            // The api will be passed to services when using a render function.\n            // This allows the service to access the map internals\n            setApi({\n                credentials,\n                defaultLayers,\n                map: hereMap,\n                mapEvents: hereMapEvents,\n                behavior: hereBehavior,\n                platform,\n                ui: hereUi,\n                utils: createUtils(hereMap),\n                // Put settings back into the map API object so the invoking service\n                // can check on these settings for instance inside a test\n                settings: {\n                    enableWebGL,\n                    baseLayer,\n                    activeLayers,\n                    showCluster,\n                    minZoom,\n                    maxZoom: safeMaxZoom,\n                },\n            });\n\n            if (allMapObjects) {\n                // If the base layer changed, re-add all previous objects again,\n                // otherwise the map would be empty\n                hereMap.addObjects(allMapObjects);\n            }\n\n            removeMapViewChangeListeners = () => {\n                hereMap.removeEventListener('mapviewchangestart', handleMapViewChangeStart as EventListener);\n                hereMap.removeEventListener('mapviewchangeend', handleMapViewChangeEnd as EventListener);\n            };\n        });\n\n        return () => {\n            removeMapViewChangeListeners();\n            clearMarkerPointerEventsResetTimeout();\n            setMarkerPointerEventsDisabled(false);\n            setIsZoomInteractionActive(false);\n        };\n    }, [\n        enableWebGL,\n        enableDevicePixelRatio,\n        language,\n        baseLayer,\n        minZoom,\n        maxZoom,\n        disableZoomMomentum,\n        enableFractionalZoom,\n    ]);\n\n    useEffect(() => {\n        if (!disableMarkerPointerEventsWhileZooming) {\n            clearMarkerPointerEventsResetTimeout();\n            setMarkerPointerEventsDisabled(false);\n        }\n\n        return () => {\n            clearMarkerPointerEventsResetTimeout();\n            setMarkerPointerEventsDisabled(false);\n            setIsZoomInteractionActive(false);\n        };\n    }, [disableMarkerPointerEventsWhileZooming]);\n\n    const isDarkMode = useDarkMode();\n    useEffect(() => {\n        // Toggle night map only if current map type is default\n        if (isDarkMode && baseLayer === MAP_TYPE_DEFAULT) {\n            handleMapTypeChange(MAP_TYPE_NIGHT);\n        }\n        // Toggle back to default map only if current map type is night\n        else if (!isDarkMode && baseLayer === MAP_TYPE_NIGHT) {\n            handleMapTypeChange(MAP_TYPE_DEFAULT);\n        }\n    }, [isDarkMode, language]);\n\n    // Update MapType from outside\n    useEffect(() => handleMapTypeChange(mapType), [mapType]);\n\n    // Update MapLayer from outside\n    const [previousMapLayer, setPreviousMapLayer] = useState(mapLayer);\n    if (!isEqual(mapLayer, previousMapLayer)) {\n        setActiveLayers(mapLayer);\n        setPreviousMapLayer(mapLayer);\n    }\n\n    // Update Cluster setting from outside\n    useEffect(() => setShowCluster(externalShowCluster), [externalShowCluster]);\n\n    const handleMapTypeChange = (newMapType: MapType) => {\n        setBaseLayer(newMapType);\n        onMapTypeChange(newMapType, mapType);\n    };\n\n    const handleMapLayerChange = (layer: MapLayer) => {\n        const removeLayer = (layerToRemove: string) => activeLayers.filter(item => item !== layerToRemove);\n        const newActiveLayers = activeLayers.includes(layer) ? removeLayer(layer) : [...activeLayers, layer];\n        setActiveLayers(newActiveLayers);\n        onMapLayerChange(newActiveLayers, activeLayers);\n    };\n\n    const handleShowClusterChange = (newShowCluster: boolean) => {\n        setShowCluster(newShowCluster);\n        onShowClusterChange(newShowCluster);\n    };\n\n    // Note: For performance reasons, we deactivate pointer events and hence CSS style recalculation for the\n    // the body. Having for instance many assets in the tree causes a performance loss when clicking on the map\n    // to move it and zoom in/out since the map triggers a style invalidation and recalculation and\n    // due to the nature of the AssetTree with it's hundreds DOM nodes, applying the CSS selectors\n    // takes time.\n    const handleMapInteractionStart = () => {\n        document.querySelector('.AssetTree')?.classList.add('pointer-events-none');\n    };\n    const handleMapInteractionEnd = () => {\n        document.querySelector('.AssetTree')?.classList.remove('pointer-events-none');\n    };\n\n    const style: CSSProperties = {};\n    if (height) {\n        style.height = height;\n    }\n    if (width) {\n        style.width = width;\n    }\n    const autoHeightClass = isEmpty(style) ? 'height-100pct' : '';\n\n    return (\n        <div\n            className={`Map position-relative map-type-${baseLayer.toLowerCase()} ${autoHeightClass}`}\n            style={style}\n            ref={mapRef}\n            onTouchStart={handleMapInteractionStart}\n            onTouchEnd={handleMapInteractionEnd}\n            onMouseEnter={handleMapInteractionStart}\n            onMouseOut={handleMapInteractionEnd}\n            onBlur={handleMapInteractionEnd}\n        >\n            {isMapInitialized && api && (\n                <MapContext.Provider\n                    value={{\n                        api,\n                        language,\n                        enableWebGL,\n                        enableMarkerIconCache,\n                        enableFractionalZoom,\n                        isZoomInteractionActive,\n                        showCluster,\n                        activeLayers,\n                        baseLayer,\n                        hideMapLayerSettings,\n                        hideClusterSettings,\n                        viewportHistory,\n                        onMapTypeChange: handleMapTypeChange,\n                        onMapLayerChange: handleMapLayerChange,\n                        onShowClusterChange: handleShowClusterChange,\n                        mapSettingsTooltip,\n                        onIncidentsChange,\n                        devicePixelRatio,\n                    }}\n                >\n                    <MapPosition\n                        api={api}\n                        boundingBox={boundingBox}\n                        center={center}\n                        zoom={zoom}\n                        zoomAnimation={zoomAnimation}\n                    />\n                    <MapSize api={api} />\n                    <MapZoom\n                        hideZoomButtons={disableBehavior}\n                        onZoomIn={onZoomIn}\n                        onZoomOut={onZoomOut}\n                        zoomAnimation={zoomAnimation}\n                    />\n                    {mapSettings && mapSettings}\n                    <MapOverlayLayers layers={activeLayers} />\n                    <MapElements api={api}>{children}</MapElements>\n                </MapContext.Provider>\n            )}\n        </div>\n    );\n};\n\nMap.TYPE_DEFAULT = MAP_TYPE_DEFAULT;\nMap.TYPE_FLEET_STYLE = MAP_TYPE_FLEET_STYLE;\nMap.TYPE_SATELLITE = MAP_TYPE_SATELLITE;\nMap.TYPE_TERRAIN = MAP_TYPE_TERRAIN;\nMap.TYPE_NIGHT = MAP_TYPE_NIGHT;\n\nMap.LAYER_INCIDENTS = MAP_LAYER_INCIDENTS;\nMap.LAYER_TRAFFIC = MAP_LAYER_TRAFFIC;\nMap.LAYER_ROAD_RESTRICTIONS = MAP_LAYER_ROAD_RESTRICTIONS;\n\nexport default Map;\n"],"names":["MARKER_POINTER_EVENTS_DISABLED_CLASS","MARKER_POINTER_EVENTS_RESET_DELAY_MS","Map","props","children","credentials","width","height","lang","center","zoom","zoomAnimation","boundingBox","hideClusterSettings","hideMapLayerSettings","disableMapEvents","disableBehavior","disableZoomMomentum","enableFractionalZoom","eventListenerMap","mapType","MAP_TYPE_DEFAULT","mapLayer","externalShowCluster","showScaleBar","onMapLayerChange","onMapTypeChange","onShowClusterChange","onZoomIn","onZoomOut","onIncidentsChange","mapSettingsTooltip","mapSettings","maxViewportHistoryEntries","enableWebGL","enableDevicePixelRatio","enableMarkerIconCache","disableMarkerPointerEventsWhileZooming","pixelRatio","DEFAULT_PIXEL_RATIO","minZoom","DEFAULT_MIN_ZOOM","maxZoom","DEFAULT_MAX_ZOOM","safeMaxZoom","mapRef","useRef","markerPointerEventsResetTimeoutRef","markerPointerEventsDisabledRef","disableMarkerPointerEventsWhileZoomingRef","isMapInitialized","setMapInitialized","useState","isZoomInteractionActive","setIsZoomInteractionActive","api","setApi","baseLayer","setBaseLayer","activeLayers","setActiveLayers","showCluster","setShowCluster","controlledViewport","useMemo","viewportHistory","useMapViewportHistory","devicePixelRatio","language","locale","setMarkerPointerEventsDisabled","disabled","mapElement","clearMarkerPointerEventsResetTimeout","scheduleMarkerPointerEventsEnable","temporarilyDisableMarkerPointerEvents","useEffect","handleWheel","allMapObjects","removeMapViewChangeListeners","removeEventListenerMap","bounds","getMapBounds","platform","getPlatform","engineType","getEngineType","defaultLayers","getBaseLayer","MAP_LAYER_ROAD_RESTRICTIONS","defaultLayerMap","handleMapViewChangeStart","handleMapViewChangeEnd","hereMap","hereMapEvents","hereBehavior","addEventListenerMap","hereUi","getHereUi","createUtils","isDarkMode","useDarkMode","handleMapTypeChange","MAP_TYPE_NIGHT","previousMapLayer","setPreviousMapLayer","isEqual","newMapType","handleMapLayerChange","layer","removeLayer","layerToRemove","item","newActiveLayers","handleShowClusterChange","newShowCluster","handleMapInteractionStart","handleMapInteractionEnd","style","autoHeightClass","isEmpty","jsx","jsxs","MapContext","MapPosition","MapSize","MapZoom","MapOverlayLayers","MapElements","MAP_TYPE_FLEET_STYLE","MAP_TYPE_SATELLITE","MAP_TYPE_TERRAIN","MAP_LAYER_INCIDENTS","MAP_LAYER_TRAFFIC"],"mappings":"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"}

package/components/map/components/MapContext.d.ts

@@ -1,9 +1,12 @@
 import { MapApi, MapIncidents, MapLayer, MapType } from '../utils/mapTypes';
+import { MapViewportHistory } from '../hooks/useMapViewportHistory';
 export type MapContextType = {
     api: MapApi;
     language: string;
     enableWebGL: boolean;
     enableMarkerIconCache: boolean;
+    enableFractionalZoom: boolean;
+    isZoomInteractionActive: boolean;
     baseLayer: MapType;
     activeLayers: MapLayer[];
     showCluster: boolean;
@@ -14,6 +17,7 @@ export type MapContextType = {
     mapSettingsTooltip?: string | React.ReactNode;
     hideMapLayerSettings?: boolean;
     hideClusterSettings?: boolean;
+    viewportHistory: MapViewportHistory;
     onIncidentsChange: (incidentsResult: MapIncidents) => void;
 };
 export declare const defaultMapContext: MapContextType;

package/components/map/components/MapContext.js

@@ -1,20 +1,24 @@
 import { createContext as e, useContext as t } from "react";
-import { MAP_TYPE_DEFAULT as a } from "./constants.js";
-const n = {
+import { MAP_TYPE_DEFAULT as o } from "./constants.js";
+import { defaultMapViewportHistory as a } from "../hooks/useMapViewportHistory.js";
+const r = {
   api: {},
   language: "en",
   enableWebGL: !0,
   enableMarkerIconCache: !0,
-  baseLayer: a,
+  enableFractionalZoom: !1,
+  isZoomInteractionActive: !1,
+  baseLayer: o,
   activeLayers: [],
   showCluster: !0,
   devicePixelRatio: 1,
+  viewportHistory: a,
   onIncidentsChange: () => {
   }
-}, o = e(n), c = () => t(o);
+}, n = e(r), l = () => t(n);
 export {
-  o as MapContext,
-  n as defaultMapContext,
-  c as useMapContext
+  n as MapContext,
+  r as defaultMapContext,
+  l as useMapContext
 };
 //# sourceMappingURL=MapContext.js.map