@rio-cloud/rio-uikit 2.5.1 → 3.0.0-beta.1

package/components/loadMore/LoadMoreProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadMoreProgress.js","sources":["../../../src/components/loadMore/LoadMoreProgress.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from '../../utils/classNames';\n\nconst STYLE = {\n    WHITE: 'white',\n    GRAY: 'gray',\n} as const;\n\nexport type ProgressBarStyle = (typeof STYLE)[keyof typeof STYLE];\n\ntype LoadMoreProgressProps = {\n    loaded: number;\n    total: number;\n    progressBarStyle?: ProgressBarStyle;\n};\n\nexport const LoadMoreProgress = ({ loaded = 0, total = 0, progressBarStyle = STYLE.WHITE }: LoadMoreProgressProps) => {\n    if (!loaded || !total) {\n        return null;\n    }\n\n    const width = `${(loaded / total) * 100}%`;\n\n    const progressClassName = classNames(\n        'progress',\n        'height-2 margin-bottom-10',\n        progressBarStyle === STYLE.GRAY ? 'bg-lighter' : 'bg-white'\n    );\n\n    const progressBarClassName = classNames(\n        'progress-bar',\n        progressBarStyle === STYLE.GRAY &&\n            width !== '100%' &&\n            'border border-right-only border-color-white border-width-2'\n    );\n\n    return (\n        <React.Fragment>\n            <div className='text-center margin-bottom-3'>\n                <span className='text-medium'>{loaded}</span>\n                <span className='margin-left-5 margin-right-5'>/</span>\n                <span className='text-medium'>{total}</span>\n            </div>\n            <div className={progressClassName}>\n                <div className={progressBarClassName} style={{ width }} />\n            </div>\n        </React.Fragment>\n    );\n};\n\nexport default LoadMoreProgress;\n"],"names":["STYLE","LoadMoreProgress","loaded","total","progressBarStyle","width","progressClassName","classNames","progressBarClassName","jsxs","React","jsx"],"mappings":";;;AAIA,MAAMA,IAAQ;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AACV,GAUaC,IAAmB,CAAC,EAAE,QAAAC,IAAS,GAAG,OAAAC,IAAQ,GAAG,kBAAAC,IAAmBJ,EAAM,YAAmC;AAClH,MAAI,CAACE,KAAU,CAACC;AACZ,WAAO;AAGX,QAAME,IAAQ,GAAIH,IAASC,IAAS,GAAG,KAEjCG,IAAoBC;AAAA,IACtB;AAAA,IACA;AAAA,IACAH,MAAqBJ,EAAM,OAAO,eAAe;AAAA,EAAA,GAG/CQ,IAAuBD;AAAA,IACzB;AAAA,IACAH,MAAqBJ,EAAM,QACvBK,MAAU,UACV;AAAA,EAAA;AAGR,SACI,gBAAAI,EAACC,EAAM,UAAN,EACG,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,+BACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,eAAe,UAAAT,GAAO;AAAA,MACtC,gBAAAS,EAAC,QAAA,EAAK,WAAU,gCAA+B,UAAA,KAAC;AAAA,MAChD,gBAAAA,EAAC,QAAA,EAAK,WAAU,eAAe,UAAAR,EAAA,CAAM;AAAA,IAAA,GACzC;AAAA,IACA,gBAAAQ,EAAC,OAAA,EAAI,WAAWL,GACZ,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAWH,GAAsB,OAAO,EAAE,OAAAH,EAAA,EAAM,CAAG,EAAA,CAC5D;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"LoadMoreProgress.js","names":[],"sources":["../../../src/components/loadMore/LoadMoreProgress.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from '../../utils/classNames';\n\nconst STYLE = {\n    WHITE: 'white',\n    GRAY: 'gray',\n} as const;\n\nexport type ProgressBarStyle = (typeof STYLE)[keyof typeof STYLE];\n\ntype LoadMoreProgressProps = {\n    loaded: number;\n    total: number;\n    progressBarStyle?: ProgressBarStyle;\n};\n\nexport const LoadMoreProgress = ({ loaded = 0, total = 0, progressBarStyle = STYLE.WHITE }: LoadMoreProgressProps) => {\n    if (!loaded || !total) {\n        return null;\n    }\n\n    const width = `${(loaded / total) * 100}%`;\n\n    const progressClassName = classNames(\n        'progress',\n        'height-2 margin-bottom-10',\n        progressBarStyle === STYLE.GRAY ? 'bg-lighter' : 'bg-white'\n    );\n\n    const progressBarClassName = classNames(\n        'progress-bar',\n        progressBarStyle === STYLE.GRAY &&\n            width !== '100%' &&\n            'border border-right-only border-color-white border-width-2'\n    );\n\n    return (\n        <React.Fragment>\n            <div className='text-center margin-bottom-3'>\n                <span className='text-medium'>{loaded}</span>\n                <span className='margin-left-5 margin-right-5'>/</span>\n                <span className='text-medium'>{total}</span>\n            </div>\n            <div className={progressClassName}>\n                <div className={progressBarClassName} style={{ width }} />\n            </div>\n        </React.Fragment>\n    );\n};\n\nexport default LoadMoreProgress;\n"],"mappings":";;;;AAIA,IAAM,IAAQ;CACV,OAAO;CACP,MAAM;AACV,GAUa,KAAoB,EAAE,YAAS,GAAG,WAAQ,GAAG,sBAAmB,EAAM,YAAmC;CAClH,IAAI,CAAC,KAAU,CAAC,GACZ,OAAO;CAGX,IAAM,IAAQ,GAAI,IAAS,IAAS,IAAI,IAElC,IAAoB,EACtB,YACA,6BACA,MAAqB,EAAM,OAAO,eAAe,UACrD,GAEM,IAAuB,EACzB,gBACA,MAAqB,EAAM,QACvB,MAAU,UACV,4DACR;CAEA,OACI,kBAAC,EAAM,UAAP,EAAA,UAAA,CACI,kBAAC,OAAD;EAAK,WAAU;YAAf;GACI,kBAAC,QAAD;IAAM,WAAU;cAAe;GAAa,CAAA;GAC5C,kBAAC,QAAD;IAAM,WAAU;cAA+B;GAAO,CAAA;GACtD,kBAAC,QAAD;IAAM,WAAU;cAAe;GAAY,CAAA;EAC1C;KACL,kBAAC,OAAD;EAAK,WAAW;YACZ,kBAAC,OAAD;GAAK,WAAW;GAAsB,OAAO,EAAE,SAAM;EAAI,CAAA;CACxD,CAAA,CACO,EAAA,CAAA;AAExB"}

package/components/map/components/Map.js

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