@rio-cloud/rio-uikit 2.0.1 → 2.2.0

package/components/map/utils/clustering.d.ts

@@ -1,9 +1,14 @@
+import { MarkerIcon } from '../components/features/basics/Marker';
 import { ClusterTheme } from '../components/features/layers/clustering/ClusterLayer';
 export type Cluster = H.clustering.ICluster;
 export type DataPoint = H.clustering.DataPoint;
 export type NoisePoint = H.clustering.INoisePoint;
 export type Theme = H.clustering.ITheme | undefined;
+export type SimpleClusterTheme<T = any> = {
+    getClusterPresentation: (data: T[], position: H.geo.Point) => H.map.Object | MarkerIcon;
+    getNoisePresentation: (data: T, position: H.geo.Point) => H.map.Object | MarkerIcon;
+};
 export declare const ClusterUtils: {
     getBoundingBoxForCluster: (cluster: Cluster) => H.geo.Rect;
 };
-export declare const wrapSimpleTheme: (theme: ClusterTheme) => ClusterTheme;
+export declare const wrapSimpleTheme: (theme: SimpleClusterTheme) => ClusterTheme;

package/components/map/utils/clustering.js

@@ -1,41 +1,47 @@
 import { getOrCreateIcon as i, isDomMakerNeeded as l } from "../components/features/basics/Marker.js";
 const g = (a) => {
-  let t = null, e = null, o = null, r = null;
+  let t = null, n = null, e = null, r = null;
   return a.forEachDataPoint((s) => {
-    const n = s.getPosition();
-    (t === null || t > n.lat) && (t = n.lat), (e === null || e > n.lng) && (e = n.lng), (o === null || o < n.lat) && (o = n.lat), (r === null || r < n.lng) && (r = n.lng);
+    const o = s.getPosition();
+    (t === null || t > o.lat) && (t = o.lat), (n === null || n > o.lng) && (n = o.lng), (e === null || e < o.lat) && (e = o.lat), (r === null || r < o.lng) && (r = o.lng);
   }), new H.geo.Rect(
-    o,
     e,
+    n,
     t,
     r
   );
-}, p = {
+}, M = {
   getBoundingBoxForCluster: g
-}, c = (a) => (t) => {
-  const e = [];
-  t.forEachDataPoint((n) => e.push(n.getData()));
-  const o = i(a(e, t.getPosition())), r = l(o) ? H.map.DomMarker : H.map.Marker, s = new r(t.getPosition(), {
-    icon: o,
+}, m = (a) => (t) => {
+  const n = [];
+  t.forEachDataPoint((c) => n.push(c.getData()));
+  const e = a(n, t.getPosition());
+  if (e instanceof H.map.Object)
+    return e;
+  const r = i(e), s = l(r) ? H.map.DomMarker : H.map.Marker, o = new s(t.getPosition(), {
+    icon: r,
     // Set min/max zoom with values from the cluster, otherwise
     // clusters will be shown at all zoom levels
     min: t.getMinZoom(),
     max: t.getMaxZoom()
   });
-  return s.setData(t), s;
-}, m = (a) => (t) => {
-  const e = i(a(t.getData(), t.getPosition())), o = l(e) ? H.map.DomMarker : H.map.Marker, r = new o(t.getPosition(), {
+  return o.setData(t), o;
+}, u = (a) => (t) => {
+  const n = a(t.getData(), t.getPosition());
+  if (n instanceof H.map.Object)
+    return n;
+  const e = i(n), r = l(e) ? H.map.DomMarker : H.map.Marker, s = new r(t.getPosition(), {
     icon: e,
     // Use min zoom from a noise point to show it correctly at certain zoom levels
     min: t.getMinZoom()
   });
-  return r.setData(t), r;
-}, M = (a) => ({
-  getClusterPresentation: c(a.getClusterPresentation),
-  getNoisePresentation: m(a.getNoisePresentation)
+  return s.setData(t), s;
+}, f = (a) => ({
+  getClusterPresentation: m(a.getClusterPresentation),
+  getNoisePresentation: u(a.getNoisePresentation)
 });
 export {
-  p as ClusterUtils,
-  M as wrapSimpleTheme
+  M as ClusterUtils,
+  f as wrapSimpleTheme
 };
 //# sourceMappingURL=clustering.js.map

package/components/map/utils/clustering.js.map

@@ -1 +1 @@
-{"version":3,"file":"clustering.js","sources":["../../../../src/components/map/utils/clustering.ts"],"sourcesContent":["import { getOrCreateIcon, isDomMakerNeeded } from '../components/features/basics/Marker';\nimport type { ClusterTheme } from '../components/features/layers/clustering/ClusterLayer';\n\nexport type Cluster = H.clustering.ICluster;\nexport type DataPoint = H.clustering.DataPoint;\nexport type NoisePoint = H.clustering.INoisePoint;\n\nexport type Theme = H.clustering.ITheme | undefined;\n\nconst getBoundingBoxForCluster = (cluster: Cluster): H.geo.Rect => {\n    let minLat: number | null = null;\n    let minLng: number | null = null;\n    let maxLat: number | null = null;\n    let maxLng: number | null = null;\n\n    cluster.forEachDataPoint((dataPoint: NoisePoint) => {\n        const position = dataPoint.getPosition();\n        if (minLat === null || minLat > position.lat) {\n            minLat = position.lat;\n        }\n        if (minLng === null || minLng > position.lng) {\n            minLng = position.lng;\n        }\n        if (maxLat === null || maxLat < position.lat) {\n            maxLat = position.lat;\n        }\n        if (maxLng === null || maxLng < position.lng) {\n            maxLng = position.lng;\n        }\n    });\n\n    return new H.geo.Rect(\n        maxLat as unknown as number,\n        minLng as unknown as number,\n        minLat as unknown as number,\n        maxLng as unknown as number\n    );\n};\n\nexport const ClusterUtils = {\n    getBoundingBoxForCluster,\n};\n\nconst wrapClusterPresentation = <T>(func: (clusterElements: any, position: H.geo.Point) => H.map.Object) => {\n    return (cluster: Cluster): H.map.Marker => {\n        const clusterElements: T[] = [];\n\n        cluster.forEachDataPoint((point: NoisePoint) => clusterElements.push(point.getData()));\n\n        const clusterIcon = getOrCreateIcon(func(clusterElements, cluster.getPosition())) as any;\n        const MarkerConstructor = isDomMakerNeeded(clusterIcon) ? H.map.DomMarker : H.map.Marker;\n\n        const clusterMarker = new MarkerConstructor(cluster.getPosition(), {\n            icon: clusterIcon,\n\n            // Set min/max zoom with values from the cluster, otherwise\n            // clusters will be shown at all zoom levels\n            min: cluster.getMinZoom(),\n            max: cluster.getMaxZoom(),\n        });\n\n        // Bind cluster data to the marker\n        clusterMarker.setData(cluster);\n\n        return clusterMarker;\n    };\n};\n\nconst wrapNoisePresentation = <T>(func: (data: T, position: H.geo.Point) => H.map.Object) => {\n    return (noisePoint: NoisePoint): H.map.Marker => {\n        const noiseIcon = getOrCreateIcon(func(noisePoint.getData(), noisePoint.getPosition())) as any;\n        const MarkerConstructor = isDomMakerNeeded(noiseIcon) ? H.map.DomMarker : H.map.Marker;\n\n        const noiseMarker = new MarkerConstructor(noisePoint.getPosition(), {\n            icon: noiseIcon,\n\n            // Use min zoom from a noise point to show it correctly at certain zoom levels\n            min: noisePoint.getMinZoom(),\n        });\n\n        // Bind noise point data to the marker:\n        noiseMarker.setData(noisePoint);\n\n        return noiseMarker;\n    };\n};\n\nexport const wrapSimpleTheme = (theme: ClusterTheme): ClusterTheme => ({\n    getClusterPresentation: wrapClusterPresentation(theme.getClusterPresentation),\n    getNoisePresentation: wrapNoisePresentation(theme.getNoisePresentation),\n});\n"],"names":["getBoundingBoxForCluster","cluster","minLat","minLng","maxLat","maxLng","dataPoint","position","ClusterUtils","wrapClusterPresentation","func","clusterElements","point","clusterIcon","getOrCreateIcon","MarkerConstructor","isDomMakerNeeded","clusterMarker","wrapNoisePresentation","noisePoint","noiseIcon","noiseMarker","wrapSimpleTheme","theme"],"mappings":";AASA,MAAMA,IAA2B,CAACC,MAAiC;AAC/D,MAAIC,IAAwB,MACxBC,IAAwB,MACxBC,IAAwB,MACxBC,IAAwB;AAE5B,SAAAJ,EAAQ,iBAAiB,CAACK,MAA0B;AAChD,UAAMC,IAAWD,EAAU,YAAA;AAC3B,KAAIJ,MAAW,QAAQA,IAASK,EAAS,SACrCL,IAASK,EAAS,OAElBJ,MAAW,QAAQA,IAASI,EAAS,SACrCJ,IAASI,EAAS,OAElBH,MAAW,QAAQA,IAASG,EAAS,SACrCH,IAASG,EAAS,OAElBF,MAAW,QAAQA,IAASE,EAAS,SACrCF,IAASE,EAAS;AAAA,EAE1B,CAAC,GAEM,IAAI,EAAE,IAAI;AAAA,IACbH;AAAA,IACAD;AAAA,IACAD;AAAA,IACAG;AAAA,EAAA;AAER,GAEaG,IAAe;AAAA,EACxB,0BAAAR;AACJ,GAEMS,IAA0B,CAAIC,MACzB,CAACT,MAAmC;AACvC,QAAMU,IAAuB,CAAA;AAE7B,EAAAV,EAAQ,iBAAiB,CAACW,MAAsBD,EAAgB,KAAKC,EAAM,QAAA,CAAS,CAAC;AAErF,QAAMC,IAAcC,EAAgBJ,EAAKC,GAAiBV,EAAQ,YAAA,CAAa,CAAC,GAC1Ec,IAAoBC,EAAiBH,CAAW,IAAI,EAAE,IAAI,YAAY,EAAE,IAAI,QAE5EI,IAAgB,IAAIF,EAAkBd,EAAQ,eAAe;AAAA,IAC/D,MAAMY;AAAA;AAAA;AAAA,IAIN,KAAKZ,EAAQ,WAAA;AAAA,IACb,KAAKA,EAAQ,WAAA;AAAA,EAAW,CAC3B;AAGD,SAAAgB,EAAc,QAAQhB,CAAO,GAEtBgB;AACX,GAGEC,IAAwB,CAAIR,MACvB,CAACS,MAAyC;AAC7C,QAAMC,IAAYN,EAAgBJ,EAAKS,EAAW,WAAWA,EAAW,YAAA,CAAa,CAAC,GAChFJ,IAAoBC,EAAiBI,CAAS,IAAI,EAAE,IAAI,YAAY,EAAE,IAAI,QAE1EC,IAAc,IAAIN,EAAkBI,EAAW,eAAe;AAAA,IAChE,MAAMC;AAAA;AAAA,IAGN,KAAKD,EAAW,WAAA;AAAA,EAAW,CAC9B;AAGD,SAAAE,EAAY,QAAQF,CAAU,GAEvBE;AACX,GAGSC,IAAkB,CAACC,OAAuC;AAAA,EACnE,wBAAwBd,EAAwBc,EAAM,sBAAsB;AAAA,EAC5E,sBAAsBL,EAAsBK,EAAM,oBAAoB;AAC1E;"}
+{"version":3,"file":"clustering.js","sources":["../../../../src/components/map/utils/clustering.ts"],"sourcesContent":["import { getOrCreateIcon, isDomMakerNeeded, type MarkerIcon } from '../components/features/basics/Marker';\nimport type { ClusterTheme } from '../components/features/layers/clustering/ClusterLayer';\n\nexport type Cluster = H.clustering.ICluster;\nexport type DataPoint = H.clustering.DataPoint;\nexport type NoisePoint = H.clustering.INoisePoint;\n\nexport type Theme = H.clustering.ITheme | undefined;\n\n// biome-ignore lint/suspicious/noExplicitAny: keep it less strict\nexport type SimpleClusterTheme<T = any> = {\n    getClusterPresentation: (data: T[], position: H.geo.Point) => H.map.Object | MarkerIcon;\n    getNoisePresentation: (data: T, position: H.geo.Point) => H.map.Object | MarkerIcon;\n};\n\nconst getBoundingBoxForCluster = (cluster: Cluster): H.geo.Rect => {\n    let minLat: number | null = null;\n    let minLng: number | null = null;\n    let maxLat: number | null = null;\n    let maxLng: number | null = null;\n\n    cluster.forEachDataPoint((dataPoint: NoisePoint) => {\n        const position = dataPoint.getPosition();\n        if (minLat === null || minLat > position.lat) {\n            minLat = position.lat;\n        }\n        if (minLng === null || minLng > position.lng) {\n            minLng = position.lng;\n        }\n        if (maxLat === null || maxLat < position.lat) {\n            maxLat = position.lat;\n        }\n        if (maxLng === null || maxLng < position.lng) {\n            maxLng = position.lng;\n        }\n    });\n\n    return new H.geo.Rect(\n        maxLat as unknown as number,\n        minLng as unknown as number,\n        minLat as unknown as number,\n        maxLng as unknown as number\n    );\n};\n\nexport const ClusterUtils = {\n    getBoundingBoxForCluster,\n};\n\nconst wrapClusterPresentation = <T>(\n    func: (clusterElements: T[], position: H.geo.Point) => H.map.Object | MarkerIcon\n) => {\n    return (cluster: Cluster): H.map.Marker => {\n        const clusterElements: T[] = [];\n\n        cluster.forEachDataPoint((point: NoisePoint) => clusterElements.push(point.getData()));\n\n        const presentation = func(clusterElements, cluster.getPosition());\n        if (presentation instanceof H.map.Object) {\n            return presentation as H.map.Marker;\n        }\n\n        const clusterIcon = getOrCreateIcon(presentation);\n        const MarkerConstructor = isDomMakerNeeded(clusterIcon) ? H.map.DomMarker : H.map.Marker;\n\n        const clusterMarker = new MarkerConstructor(cluster.getPosition(), {\n            icon: clusterIcon,\n\n            // Set min/max zoom with values from the cluster, otherwise\n            // clusters will be shown at all zoom levels\n            min: cluster.getMinZoom(),\n            max: cluster.getMaxZoom(),\n        });\n\n        // Bind cluster data to the marker\n        clusterMarker.setData(cluster);\n\n        return clusterMarker;\n    };\n};\n\nconst wrapNoisePresentation = <T>(func: (data: T, position: H.geo.Point) => H.map.Object | MarkerIcon) => {\n    return (noisePoint: NoisePoint): H.map.Marker => {\n        const presentation = func(noisePoint.getData(), noisePoint.getPosition());\n        if (presentation instanceof H.map.Object) {\n            return presentation as H.map.Marker;\n        }\n\n        const noiseIcon = getOrCreateIcon(presentation);\n        const MarkerConstructor = isDomMakerNeeded(noiseIcon) ? H.map.DomMarker : H.map.Marker;\n\n        const noiseMarker = new MarkerConstructor(noisePoint.getPosition(), {\n            icon: noiseIcon,\n\n            // Use min zoom from a noise point to show it correctly at certain zoom levels\n            min: noisePoint.getMinZoom(),\n        });\n\n        // Bind noise point data to the marker:\n        noiseMarker.setData(noisePoint);\n\n        return noiseMarker;\n    };\n};\n\nexport const wrapSimpleTheme = (theme: SimpleClusterTheme): ClusterTheme => ({\n    getClusterPresentation: wrapClusterPresentation(theme.getClusterPresentation),\n    getNoisePresentation: wrapNoisePresentation(theme.getNoisePresentation),\n});\n"],"names":["getBoundingBoxForCluster","cluster","minLat","minLng","maxLat","maxLng","dataPoint","position","ClusterUtils","wrapClusterPresentation","func","clusterElements","point","presentation","clusterIcon","getOrCreateIcon","MarkerConstructor","isDomMakerNeeded","clusterMarker","wrapNoisePresentation","noisePoint","noiseIcon","noiseMarker","wrapSimpleTheme","theme"],"mappings":";AAeA,MAAMA,IAA2B,CAACC,MAAiC;AAC/D,MAAIC,IAAwB,MACxBC,IAAwB,MACxBC,IAAwB,MACxBC,IAAwB;AAE5B,SAAAJ,EAAQ,iBAAiB,CAACK,MAA0B;AAChD,UAAMC,IAAWD,EAAU,YAAA;AAC3B,KAAIJ,MAAW,QAAQA,IAASK,EAAS,SACrCL,IAASK,EAAS,OAElBJ,MAAW,QAAQA,IAASI,EAAS,SACrCJ,IAASI,EAAS,OAElBH,MAAW,QAAQA,IAASG,EAAS,SACrCH,IAASG,EAAS,OAElBF,MAAW,QAAQA,IAASE,EAAS,SACrCF,IAASE,EAAS;AAAA,EAE1B,CAAC,GAEM,IAAI,EAAE,IAAI;AAAA,IACbH;AAAA,IACAD;AAAA,IACAD;AAAA,IACAG;AAAA,EAAA;AAER,GAEaG,IAAe;AAAA,EACxB,0BAAAR;AACJ,GAEMS,IAA0B,CAC5BC,MAEO,CAACT,MAAmC;AACvC,QAAMU,IAAuB,CAAA;AAE7B,EAAAV,EAAQ,iBAAiB,CAACW,MAAsBD,EAAgB,KAAKC,EAAM,QAAA,CAAS,CAAC;AAErF,QAAMC,IAAeH,EAAKC,GAAiBV,EAAQ,aAAa;AAChE,MAAIY,aAAwB,EAAE,IAAI;AAC9B,WAAOA;AAGX,QAAMC,IAAcC,EAAgBF,CAAY,GAC1CG,IAAoBC,EAAiBH,CAAW,IAAI,EAAE,IAAI,YAAY,EAAE,IAAI,QAE5EI,IAAgB,IAAIF,EAAkBf,EAAQ,eAAe;AAAA,IAC/D,MAAMa;AAAA;AAAA;AAAA,IAIN,KAAKb,EAAQ,WAAA;AAAA,IACb,KAAKA,EAAQ,WAAA;AAAA,EAAW,CAC3B;AAGD,SAAAiB,EAAc,QAAQjB,CAAO,GAEtBiB;AACX,GAGEC,IAAwB,CAAIT,MACvB,CAACU,MAAyC;AAC7C,QAAMP,IAAeH,EAAKU,EAAW,WAAWA,EAAW,aAAa;AACxE,MAAIP,aAAwB,EAAE,IAAI;AAC9B,WAAOA;AAGX,QAAMQ,IAAYN,EAAgBF,CAAY,GACxCG,IAAoBC,EAAiBI,CAAS,IAAI,EAAE,IAAI,YAAY,EAAE,IAAI,QAE1EC,IAAc,IAAIN,EAAkBI,EAAW,eAAe;AAAA,IAChE,MAAMC;AAAA;AAAA,IAGN,KAAKD,EAAW,WAAA;AAAA,EAAW,CAC9B;AAGD,SAAAE,EAAY,QAAQF,CAAU,GAEvBE;AACX,GAGSC,IAAkB,CAACC,OAA6C;AAAA,EACzE,wBAAwBf,EAAwBe,EAAM,sBAAsB;AAAA,EAC5E,sBAAsBL,EAAsBK,EAAM,oBAAoB;AAC1E;"}

package/components/map/utils/eventHandling.js

@@ -1,9 +1,9 @@
 const s = (e = 250) => {
   let n;
   const t = (r, ...E) => {
-    o(), n = window.setTimeout(() => r(...E), e);
+    o(), n = setTimeout(() => r(...E), e);
   }, o = () => {
-    window.clearTimeout(n);
+    clearTimeout(n);
   };
   return {
     delayTime: e,
@@ -23,7 +23,7 @@ const s = (e = 250) => {
     map: n,
     calculateGeoCoords: () => n.screenToGeo(t, o)
   };
-}, T = (e, n) => (t) => e(t, i(t, n)), _ = (e, n, t) => {
+}, T = (e, n) => (t) => e(t, i(t, n)), l = (e, n, t) => {
   if (!n)
     return;
   const o = {};
@@ -33,7 +33,7 @@ const s = (e = 250) => {
   }), e.rioMapRemoveEvents = () => (Object.keys(o).forEach((r) => {
     e.removeEventListener(r, o[r]);
   }), delete e.rioMapRemoveEvents, t);
-}, l = (e) => {
+}, N = (e) => {
   if (e.rioMapRemoveEvents)
     return e.rioMapRemoveEvents();
 }, u = (e, n = 300) => {
@@ -46,7 +46,7 @@ const s = (e = 250) => {
   }, t[c.DBL_TAP] = (...r) => {
     o.cancel(), e[c.DBL_TAP](...r);
   }, t;
-}, a = (e) => e.originalEvent.button, d = (e) => a(e) === c.MOUSE_BUTTONS.RIGHT, c = {
+}, a = (e) => e.originalEvent.button, _ = (e) => a(e) === c.MOUSE_BUTTONS.RIGHT, c = {
   MOUSE_BUTTONS: {
     LEFT: 0,
     MIDDLE: 1,
@@ -73,17 +73,17 @@ const s = (e = 250) => {
   ENGINE_CHANGE: "enginechange",
   createTapOnDblTapPreventer: u,
   getMouseButton: a,
-  isRightClick: d
+  isRightClick: _
 };
 export {
   c as EventUtils,
-  _ as addEventListenerMap,
+  l as addEventListenerMap,
   T as createEnhancedListener,
   i as createEnhancedMapEvent,
   u as createTapOnDblTapPreventer,
   c as default,
   a as getMouseButton,
-  d as isRightClick,
-  l as removeEventListenerMap
+  _ as isRightClick,
+  N as removeEventListenerMap
 };
 //# sourceMappingURL=eventHandling.js.map

package/components/map/utils/eventHandling.js.map

@@ -1 +1 @@
-{"version":3,"file":"eventHandling.js","sources":["../../../../src/components/map/utils/eventHandling.ts"],"sourcesContent":["import type { MapEvent } from './mapTypes';\n\nexport type EventListenerMap = {\n    [key: string]: Function;\n};\n\ntype Timer = number | undefined;\n\ntype MapTimeGuard = {\n    delayTime: number;\n    timer: Timer;\n    delay(callback: Function, ...args: any[]): void;\n    cancel(): void;\n};\n\nconst createMapTimeGuard = (delay = 250): MapTimeGuard => {\n    let timer: Timer;\n\n    const delayFunc = <T>(callback: Function, ...args: T[]): void => {\n        cancelFunc();\n        timer = window.setTimeout(() => callback(...args), delay);\n    };\n\n    const cancelFunc = (): void => {\n        window.clearTimeout(timer);\n    };\n\n    return {\n        delayTime: delay,\n        timer,\n        delay: delayFunc,\n        cancel: cancelFunc,\n    };\n};\n\ntype EnhancedMapEvent = {\n    viewportX: number;\n    viewportY: number;\n    map: H.Map;\n    calculateGeoCoords(): H.geo.Point;\n};\n\nexport const createEnhancedMapEvent = (\n    event: H.mapevents.Event | null,\n    mapApi: H.Map\n): EnhancedMapEvent | { map: H.Map } => {\n    if (!event || !event.currentPointer) {\n        return {\n            map: mapApi,\n        };\n    }\n\n    const viewportX = event.currentPointer.viewportX;\n    const viewportY = event.currentPointer.viewportY;\n\n    const calculateGeoCoords = (): H.geo.Point => {\n        return mapApi.screenToGeo(viewportX, viewportY);\n    };\n\n    return {\n        viewportX,\n        viewportY,\n        map: mapApi,\n        calculateGeoCoords,\n    };\n};\n\nexport const createEnhancedListener = (listener: Function, mapApi: H.Map) => {\n    return (event: H.mapevents.Event) => listener(event, createEnhancedMapEvent(event, mapApi));\n};\n\nexport type RioEventTarget = H.util.EventTarget & {\n    rioMapRemoveEvents?: Function;\n};\n\nexport const addEventListenerMap = (\n    eventTarget: RioEventTarget,\n    eventListenerMap: EventListenerMap | undefined,\n    mapApi: H.Map\n) => {\n    if (!eventListenerMap) {\n        return;\n    }\n\n    const enhancedMap: Record<string, any> = {};\n\n    Object.keys(eventListenerMap).forEach(key => {\n        const enhancedListener = createEnhancedListener(eventListenerMap[key], mapApi);\n        eventTarget.addEventListener(key, enhancedListener as any);\n        enhancedMap[key] = enhancedListener;\n    });\n\n    eventTarget.rioMapRemoveEvents = () => {\n        Object.keys(enhancedMap).forEach(key => {\n            eventTarget.removeEventListener(key, enhancedMap[key]);\n        });\n\n        // biome-ignore lint/performance/noDelete: <explanation>\n        delete eventTarget.rioMapRemoveEvents;\n\n        return mapApi;\n    };\n};\n\nexport const removeEventListenerMap = (eventTarget: RioEventTarget) => {\n    if (eventTarget.rioMapRemoveEvents) {\n        return eventTarget.rioMapRemoveEvents();\n    }\n};\n\nexport const createTapOnDblTapPreventer = (\n    eventListenerMap: EventListenerMap,\n    delayBetweenTaps = 300\n): EventListenerMap => {\n    const result = { ...eventListenerMap };\n    if (!eventListenerMap[EventUtils.TAP] || !eventListenerMap[EventUtils.DBL_TAP]) {\n        return result;\n    }\n\n    const guard = createMapTimeGuard(delayBetweenTaps);\n\n    result[EventUtils.TAP] = <T>(...args: T[]) => {\n        guard.delay(eventListenerMap[EventUtils.TAP], ...args);\n    };\n\n    result[EventUtils.DBL_TAP] = <T>(...args: T[]) => {\n        guard.cancel();\n        eventListenerMap[EventUtils.DBL_TAP](...args);\n    };\n\n    return result;\n};\n\nexport const getMouseButton = (event: MapEvent): number => {\n    return (event.originalEvent as unknown as H.mapevents.Pointer).button;\n};\n\nexport const isRightClick = (event: MapEvent): boolean => {\n    return getMouseButton(event) === EventUtils.MOUSE_BUTTONS.RIGHT;\n};\n\nexport const EventUtils = {\n    MOUSE_BUTTONS: {\n        LEFT: 0,\n        MIDDLE: 1,\n        RIGHT: 2,\n    },\n\n    POINTER_DOWN: 'pointerdown',\n    POINTER_UP: 'pointerup',\n    POINTER_MOVE: 'pointermove',\n    POINTER_ENTER: 'pointerenter',\n    POINTER_LEAVE: 'pointerleave',\n    POINTER_CANCEL: 'pointercancel',\n\n    DRAG_START: 'dragstart',\n    DRAG: 'drag',\n    DRAG_END: 'dragend',\n    TAP: 'tap',\n    DBL_TAP: 'dbltap',\n    LONGPRESS: 'longpress',\n\n    CONTEXTMENU: 'contextmenu',\n    CONTEXTMENU_CLOSE: 'contextmenuclose',\n\n    MAP_VIEW_CHANGE_START: 'mapviewchangestart',\n    MAP_VIEW_CHANGE: 'mapviewchange',\n    MAP_VIEW_CHANGE_END: 'mapviewchangeend',\n\n    BASE_LAYER_CHANGE: 'baselayerchange',\n    ENGINE_CHANGE: 'enginechange',\n\n    createTapOnDblTapPreventer,\n    getMouseButton,\n    isRightClick,\n};\n\nexport default EventUtils;\n"],"names":["createMapTimeGuard","delay","timer","delayFunc","callback","args","cancelFunc","createEnhancedMapEvent","event","mapApi","viewportX","viewportY","createEnhancedListener","listener","addEventListenerMap","eventTarget","eventListenerMap","enhancedMap","key","enhancedListener","removeEventListenerMap","createTapOnDblTapPreventer","delayBetweenTaps","result","EventUtils","guard","getMouseButton","isRightClick"],"mappings":"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"}
+{"version":3,"file":"eventHandling.js","sources":["../../../../src/components/map/utils/eventHandling.ts"],"sourcesContent":["import type { MapEvent } from './mapTypes';\n\nexport type EventListenerMap = {\n    [key: string]: Function;\n};\n\ntype MapTimeGuard = {\n    delayTime: number;\n    timer: NodeJS.Timeout | undefined;\n    delay(callback: Function, ...args: any[]): void;\n    cancel(): void;\n};\n\nconst createMapTimeGuard = (delay = 250): MapTimeGuard => {\n    let timer: NodeJS.Timeout | undefined;\n\n    const delayFunc = <T>(callback: Function, ...args: T[]): void => {\n        cancelFunc();\n        timer = setTimeout(() => callback(...args), delay);\n    };\n\n    const cancelFunc = (): void => {\n        clearTimeout(timer);\n    };\n\n    return {\n        delayTime: delay,\n        timer,\n        delay: delayFunc,\n        cancel: cancelFunc,\n    };\n};\n\ntype EnhancedMapEvent = {\n    viewportX: number;\n    viewportY: number;\n    map: H.Map;\n    calculateGeoCoords(): H.geo.Point;\n};\n\nexport const createEnhancedMapEvent = (\n    event: H.mapevents.Event | null,\n    mapApi: H.Map\n): EnhancedMapEvent | { map: H.Map } => {\n    if (!event || !event.currentPointer) {\n        return {\n            map: mapApi,\n        };\n    }\n\n    const viewportX = event.currentPointer.viewportX;\n    const viewportY = event.currentPointer.viewportY;\n\n    const calculateGeoCoords = (): H.geo.Point => {\n        return mapApi.screenToGeo(viewportX, viewportY);\n    };\n\n    return {\n        viewportX,\n        viewportY,\n        map: mapApi,\n        calculateGeoCoords,\n    };\n};\n\nexport const createEnhancedListener = (listener: Function, mapApi: H.Map) => {\n    return (event: H.mapevents.Event) => listener(event, createEnhancedMapEvent(event, mapApi));\n};\n\nexport type RioEventTarget = H.util.EventTarget & {\n    rioMapRemoveEvents?: Function;\n};\n\nexport const addEventListenerMap = (\n    eventTarget: RioEventTarget,\n    eventListenerMap: EventListenerMap | undefined,\n    mapApi: H.Map\n) => {\n    if (!eventListenerMap) {\n        return;\n    }\n\n    const enhancedMap: Record<string, any> = {};\n\n    Object.keys(eventListenerMap).forEach(key => {\n        const enhancedListener = createEnhancedListener(eventListenerMap[key], mapApi);\n        eventTarget.addEventListener(key, enhancedListener as any);\n        enhancedMap[key] = enhancedListener;\n    });\n\n    eventTarget.rioMapRemoveEvents = () => {\n        Object.keys(enhancedMap).forEach(key => {\n            eventTarget.removeEventListener(key, enhancedMap[key]);\n        });\n\n        delete eventTarget.rioMapRemoveEvents;\n\n        return mapApi;\n    };\n};\n\nexport const removeEventListenerMap = (eventTarget: RioEventTarget) => {\n    if (eventTarget.rioMapRemoveEvents) {\n        return eventTarget.rioMapRemoveEvents();\n    }\n};\n\nexport const createTapOnDblTapPreventer = (\n    eventListenerMap: EventListenerMap,\n    delayBetweenTaps = 300\n): EventListenerMap => {\n    const result = { ...eventListenerMap };\n    if (!eventListenerMap[EventUtils.TAP] || !eventListenerMap[EventUtils.DBL_TAP]) {\n        return result;\n    }\n\n    const guard = createMapTimeGuard(delayBetweenTaps);\n\n    result[EventUtils.TAP] = <T>(...args: T[]) => {\n        guard.delay(eventListenerMap[EventUtils.TAP], ...args);\n    };\n\n    result[EventUtils.DBL_TAP] = <T>(...args: T[]) => {\n        guard.cancel();\n        eventListenerMap[EventUtils.DBL_TAP](...args);\n    };\n\n    return result;\n};\n\nexport const getMouseButton = (event: MapEvent): number => {\n    return (event.originalEvent as unknown as H.mapevents.Pointer).button;\n};\n\nexport const isRightClick = (event: MapEvent): boolean => {\n    return getMouseButton(event) === EventUtils.MOUSE_BUTTONS.RIGHT;\n};\n\nexport const EventUtils = {\n    MOUSE_BUTTONS: {\n        LEFT: 0,\n        MIDDLE: 1,\n        RIGHT: 2,\n    },\n\n    POINTER_DOWN: 'pointerdown',\n    POINTER_UP: 'pointerup',\n    POINTER_MOVE: 'pointermove',\n    POINTER_ENTER: 'pointerenter',\n    POINTER_LEAVE: 'pointerleave',\n    POINTER_CANCEL: 'pointercancel',\n\n    DRAG_START: 'dragstart',\n    DRAG: 'drag',\n    DRAG_END: 'dragend',\n    TAP: 'tap',\n    DBL_TAP: 'dbltap',\n    LONGPRESS: 'longpress',\n\n    CONTEXTMENU: 'contextmenu',\n    CONTEXTMENU_CLOSE: 'contextmenuclose',\n\n    MAP_VIEW_CHANGE_START: 'mapviewchangestart',\n    MAP_VIEW_CHANGE: 'mapviewchange',\n    MAP_VIEW_CHANGE_END: 'mapviewchangeend',\n\n    BASE_LAYER_CHANGE: 'baselayerchange',\n    ENGINE_CHANGE: 'enginechange',\n\n    createTapOnDblTapPreventer,\n    getMouseButton,\n    isRightClick,\n};\n\nexport default EventUtils;\n"],"names":["createMapTimeGuard","delay","timer","delayFunc","callback","args","cancelFunc","createEnhancedMapEvent","event","mapApi","viewportX","viewportY","createEnhancedListener","listener","addEventListenerMap","eventTarget","eventListenerMap","enhancedMap","key","enhancedListener","removeEventListenerMap","createTapOnDblTapPreventer","delayBetweenTaps","result","EventUtils","guard","getMouseButton","isRightClick"],"mappings":"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"}

package/components/map/utils/mapUtils.d.ts

@@ -26,9 +26,9 @@ export type MapUtils = {
     getObjects: () => H.map.Object[];
     getLayers: () => H.map.DataModel[];
     getBaseLayer: () => H.map.layer.Layer;
-    getGroups: () => H.map.Object[];
-    getMarkers: () => H.map.Object[];
-    getRoutePolylines: () => H.map.Object[];
+    getGroups: () => H.map.Group[];
+    getMarkers: () => H.map.Marker[];
+    getRoutePolylines: () => H.map.Polyline[];
     getPosition: typeof getPosition;
     calculateBoundingBox: typeof calculateBoundingBox;
     isValidBoundingBox: typeof isValidBoundingBox;
@@ -70,9 +70,9 @@ export declare const createUtils: (mapApi: H.Map) => {
     getObjects: () => H.map.Object[];
     getLayers: () => any[];
     getBaseLayer: () => H.map.layer.Layer;
-    getGroups: () => H.map.Object[];
-    getMarkers: () => H.map.Object[];
-    getRoutePolylines: () => any;
+    getGroups: () => H.map.Group[];
+    getMarkers: () => H.map.Marker[];
+    getRoutePolylines: () => H.map.Polyline[];
     getPosition: (marker: H.map.AbstractMarker) => H.geo.Point | H.geo.MultiPoint;
     calculateBoundingBox: (positions: {
         lat: number;

package/components/map/utils/mapUtils.js

@@ -1,9 +1,8 @@
-import { flow as l, filter as n, flatMap as a } from "es-toolkit/compat";
-import { parsePositionFromString as c, isValidBoundingBox as d, calculateBoundingBox as u } from "./positions.js";
-const w = (e) => {
-  const { top: t, left: o, bottom: s, right: i } = e;
-  return new H.geo.Rect(t, o, s, i);
-}, g = (e) => (t) => t instanceof e, b = g(H.map.AbstractMarker), r = g(H.map.Group), f = g(H.map.Polyline), h = (e) => e.getGeometry(), L = (e) => ({
+import { parsePositionFromString as i, isValidBoundingBox as l, calculateBoundingBox as c } from "./positions.js";
+const b = (e) => {
+  const { top: t, left: o, bottom: g, right: n } = e;
+  return new H.geo.Rect(t, o, g, n);
+}, r = (e) => (t) => t instanceof e, a = r(H.map.AbstractMarker), s = r(H.map.Group), d = r(H.map.Polyline), u = (e) => e.getGeometry(), y = (e) => ({
   getCenter: () => {
     const t = e.getCenter();
     return {
@@ -55,20 +54,16 @@ const w = (e) => {
   getObjects: () => e.getObjects(),
   getLayers: () => e.getLayers().asArray(),
   getBaseLayer: () => e.getBaseLayer(),
-  getGroups: () => n(e.getObjects(), r),
-  getMarkers: () => n(e.getObjects(), b),
-  getRoutePolylines: () => l(
-    n(r),
-    a((t) => t.getObjects()),
-    n(f)
-  )(e.getObjects()),
-  getPosition: h,
-  calculateBoundingBox: u,
-  isValidBoundingBox: d,
-  parsePositionFromString: c
+  getGroups: () => e.getObjects().filter(s),
+  getMarkers: () => e.getObjects().filter(a),
+  getRoutePolylines: () => e.getObjects().filter(s).flatMap((n) => n.getObjects()).filter(d),
+  getPosition: u,
+  calculateBoundingBox: c,
+  isValidBoundingBox: l,
+  parsePositionFromString: i
 });
 export {
-  L as createUtils,
-  w as getMapBounds
+  y as createUtils,
+  b as getMapBounds
 };
 //# sourceMappingURL=mapUtils.js.map

package/components/map/utils/mapUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapUtils.js","sources":["../../../../src/components/map/utils/mapUtils.ts"],"sourcesContent":["import { filter, flatMap, flow } from 'es-toolkit/compat';\n\nimport { calculateBoundingBox, isValidBoundingBox, parsePositionFromString } from './positions';\nimport type { BoundingBox, MapBoundingBox, Position } from './mapTypes';\n\n// Internal use for setting the map to a given bounding box\nexport const getMapBounds = (boundingBox: BoundingBox) => {\n    const { top, left, bottom, right } = boundingBox;\n    return new H.geo.Rect(top, left, bottom, right);\n};\n\nconst typeFilterFunction = (hereType: abstract new (...args: never[]) => H.map.Object) => (obj: H.map.Object) =>\n    obj instanceof hereType;\n\nconst markerFilterFunction = typeFilterFunction(H.map.AbstractMarker);\n\nconst groupFilterFunction = typeFilterFunction(H.map.Group);\n\nconst polylineFilterFunction = typeFilterFunction(H.map.Polyline);\n\nconst getPosition = (marker: H.map.AbstractMarker) => marker.getGeometry();\n\nexport type MapUtils = {\n    getCenter: () => Position;\n    setCenter: (position: Position, animate: boolean) => void;\n    getZoom: () => number;\n    setZoom: (zoom: number, zoomAnimation: boolean) => void;\n    getViewPort: () => {\n        width: number;\n        height: number;\n        margin: number;\n        padding: {\n            top: number;\n            right: number;\n            bottom: number;\n            left: number;\n        };\n        center: {\n            x: number;\n            y: number;\n        };\n    };\n    getBounds: () => MapBoundingBox;\n    getObjects: () => H.map.Object[];\n    getLayers: () => H.map.DataModel[];\n    getBaseLayer: () => H.map.layer.Layer;\n    getGroups: () => H.map.Object[];\n    getMarkers: () => H.map.Object[];\n    getRoutePolylines: () => H.map.Object[];\n    getPosition: typeof getPosition;\n    calculateBoundingBox: typeof calculateBoundingBox;\n    isValidBoundingBox: typeof isValidBoundingBox;\n    parsePositionFromString: typeof parsePositionFromString;\n};\n\nexport const createUtils = (mapApi: H.Map) => {\n    return {\n        getCenter: () => {\n            const center = mapApi.getCenter();\n            return {\n                lat: center.lat,\n                lng: center.lng,\n            };\n        },\n        setCenter: (position: Position, animate: boolean) => {\n            mapApi.getViewModel().setLookAtData({ position }, animate);\n        },\n        getZoom: () => {\n            const { zoom } = mapApi.getViewModel().getLookAtData();\n            return Math.round(zoom === undefined ? 0 : zoom);\n        },\n        setZoom: (zoom: number, zoomAnimation = false) => {\n            mapApi.getViewModel().setLookAtData({ zoom }, zoomAnimation);\n        },\n        getViewPort: () => {\n            const viewPort = mapApi.getViewPort();\n            return {\n                width: viewPort.width,\n                height: viewPort.height,\n                margin: viewPort.margin,\n                padding: {\n                    top: viewPort.padding.top,\n                    right: viewPort.padding.right,\n                    bottom: viewPort.padding.bottom,\n                    left: viewPort.padding.left,\n                },\n                center: {\n                    x: viewPort.center.x,\n                    y: viewPort.center.y,\n                },\n            };\n        },\n\n        getBounds: () => {\n            const { bounds } = mapApi.getViewModel().getLookAtData();\n\n            // HERE Maps API for JavaScript 3.1\n            const boundingBox = bounds?.getBoundingBox();\n            return {\n                topLeft: {\n                    lng: boundingBox?.getTopLeft().lng,\n                    lat: boundingBox?.getTopLeft().lat,\n                },\n                bottomRight: {\n                    lng: boundingBox?.getBottomRight().lng,\n                    lat: boundingBox?.getBottomRight().lat,\n                },\n            };\n        },\n        getObjects: () => mapApi.getObjects(),\n        getLayers: () => mapApi.getLayers().asArray(),\n        getBaseLayer: () => mapApi.getBaseLayer(),\n        getGroups: () => filter(mapApi.getObjects(), groupFilterFunction),\n        getMarkers: () => filter(mapApi.getObjects(), markerFilterFunction),\n\n        getRoutePolylines: () =>\n            flow(\n                filter(groupFilterFunction),\n                flatMap((group: H.map.Group) => group.getObjects()),\n                filter(polylineFilterFunction)\n            )(mapApi.getObjects()),\n\n        getPosition,\n        calculateBoundingBox,\n        isValidBoundingBox,\n        parsePositionFromString,\n    };\n};\n"],"names":["getMapBounds","boundingBox","top","left","bottom","right","typeFilterFunction","hereType","obj","markerFilterFunction","groupFilterFunction","polylineFilterFunction","getPosition","marker","createUtils","mapApi","center","position","animate","zoom","zoomAnimation","viewPort","bounds","filter","flow","flatMap","group","calculateBoundingBox","isValidBoundingBox","parsePositionFromString"],"mappings":";;AAMO,MAAMA,IAAe,CAACC,MAA6B;AACtD,QAAM,EAAE,KAAAC,GAAK,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,MAAUJ;AACrC,SAAO,IAAI,EAAE,IAAI,KAAKC,GAAKC,GAAMC,GAAQC,CAAK;AAClD,GAEMC,IAAqB,CAACC,MAA8D,CAACC,MACvFA,aAAeD,GAEbE,IAAuBH,EAAmB,EAAE,IAAI,cAAc,GAE9DI,IAAsBJ,EAAmB,EAAE,IAAI,KAAK,GAEpDK,IAAyBL,EAAmB,EAAE,IAAI,QAAQ,GAE1DM,IAAc,CAACC,MAAiCA,EAAO,YAAA,GAmChDC,IAAc,CAACC,OACjB;AAAA,EACH,WAAW,MAAM;AACb,UAAMC,IAASD,EAAO,UAAA;AACtB,WAAO;AAAA,MACH,KAAKC,EAAO;AAAA,MACZ,KAAKA,EAAO;AAAA,IAAA;AAAA,EAEpB;AAAA,EACA,WAAW,CAACC,GAAoBC,MAAqB;AACjD,IAAAH,EAAO,eAAe,cAAc,EAAE,UAAAE,EAAA,GAAYC,CAAO;AAAA,EAC7D;AAAA,EACA,SAAS,MAAM;AACX,UAAM,EAAE,MAAAC,EAAA,IAASJ,EAAO,aAAA,EAAe,cAAA;AACvC,WAAO,KAAK,MAAMI,MAAS,SAAY,IAAIA,CAAI;AAAA,EACnD;AAAA,EACA,SAAS,CAACA,GAAcC,IAAgB,OAAU;AAC9C,IAAAL,EAAO,eAAe,cAAc,EAAE,MAAAI,EAAA,GAAQC,CAAa;AAAA,EAC/D;AAAA,EACA,aAAa,MAAM;AACf,UAAMC,IAAWN,EAAO,YAAA;AACxB,WAAO;AAAA,MACH,OAAOM,EAAS;AAAA,MAChB,QAAQA,EAAS;AAAA,MACjB,QAAQA,EAAS;AAAA,MACjB,SAAS;AAAA,QACL,KAAKA,EAAS,QAAQ;AAAA,QACtB,OAAOA,EAAS,QAAQ;AAAA,QACxB,QAAQA,EAAS,QAAQ;AAAA,QACzB,MAAMA,EAAS,QAAQ;AAAA,MAAA;AAAA,MAE3B,QAAQ;AAAA,QACJ,GAAGA,EAAS,OAAO;AAAA,QACnB,GAAGA,EAAS,OAAO;AAAA,MAAA;AAAA,IACvB;AAAA,EAER;AAAA,EAEA,WAAW,MAAM;AACb,UAAM,EAAE,QAAAC,EAAA,IAAWP,EAAO,aAAA,EAAe,cAAA,GAGnCd,IAAcqB,GAAQ,eAAA;AAC5B,WAAO;AAAA,MACH,SAAS;AAAA,QACL,KAAKrB,GAAa,WAAA,EAAa;AAAA,QAC/B,KAAKA,GAAa,aAAa;AAAA,MAAA;AAAA,MAEnC,aAAa;AAAA,QACT,KAAKA,GAAa,eAAA,EAAiB;AAAA,QACnC,KAAKA,GAAa,iBAAiB;AAAA,MAAA;AAAA,IACvC;AAAA,EAER;AAAA,EACA,YAAY,MAAMc,EAAO,WAAA;AAAA,EACzB,WAAW,MAAMA,EAAO,UAAA,EAAY,QAAA;AAAA,EACpC,cAAc,MAAMA,EAAO,aAAA;AAAA,EAC3B,WAAW,MAAMQ,EAAOR,EAAO,WAAA,GAAcL,CAAmB;AAAA,EAChE,YAAY,MAAMa,EAAOR,EAAO,WAAA,GAAcN,CAAoB;AAAA,EAElE,mBAAmB,MACfe;AAAA,IACID,EAAOb,CAAmB;AAAA,IAC1Be,EAAQ,CAACC,MAAuBA,EAAM,YAAY;AAAA,IAClDH,EAAOZ,CAAsB;AAAA,EAAA,EAC/BI,EAAO,YAAY;AAAA,EAEzB,aAAAH;AAAA,EACA,sBAAAe;AAAA,EACA,oBAAAC;AAAA,EACA,yBAAAC;AAAA;"}
+{"version":3,"file":"mapUtils.js","sources":["../../../../src/components/map/utils/mapUtils.ts"],"sourcesContent":["import { calculateBoundingBox, isValidBoundingBox, parsePositionFromString } from './positions';\nimport type { BoundingBox, MapBoundingBox, Position } from './mapTypes';\n\n// Internal use for setting the map to a given bounding box\nexport const getMapBounds = (boundingBox: BoundingBox) => {\n    const { top, left, bottom, right } = boundingBox;\n    return new H.geo.Rect(top, left, bottom, right);\n};\n\nconst typeFilterFunction = (hereType: abstract new (...args: never[]) => H.map.Object) => (obj: H.map.Object) =>\n    obj instanceof hereType;\n\nconst markerFilterFunction = typeFilterFunction(H.map.AbstractMarker);\n\nconst groupFilterFunction = typeFilterFunction(H.map.Group);\n\nconst polylineFilterFunction = typeFilterFunction(H.map.Polyline);\n\nconst getPosition = (marker: H.map.AbstractMarker) => marker.getGeometry();\n\nexport type MapUtils = {\n    getCenter: () => Position;\n    setCenter: (position: Position, animate: boolean) => void;\n    getZoom: () => number;\n    setZoom: (zoom: number, zoomAnimation: boolean) => void;\n    getViewPort: () => {\n        width: number;\n        height: number;\n        margin: number;\n        padding: {\n            top: number;\n            right: number;\n            bottom: number;\n            left: number;\n        };\n        center: {\n            x: number;\n            y: number;\n        };\n    };\n    getBounds: () => MapBoundingBox;\n    getObjects: () => H.map.Object[];\n    getLayers: () => H.map.DataModel[];\n    getBaseLayer: () => H.map.layer.Layer;\n    getGroups: () => H.map.Group[];\n    getMarkers: () => H.map.Marker[];\n    getRoutePolylines: () => H.map.Polyline[];\n    getPosition: typeof getPosition;\n    calculateBoundingBox: typeof calculateBoundingBox;\n    isValidBoundingBox: typeof isValidBoundingBox;\n    parsePositionFromString: typeof parsePositionFromString;\n};\n\nexport const createUtils = (mapApi: H.Map) => {\n    return {\n        getCenter: () => {\n            const center = mapApi.getCenter();\n            return {\n                lat: center.lat,\n                lng: center.lng,\n            };\n        },\n        setCenter: (position: Position, animate: boolean) => {\n            mapApi.getViewModel().setLookAtData({ position }, animate);\n        },\n        getZoom: () => {\n            const { zoom } = mapApi.getViewModel().getLookAtData();\n            return Math.round(zoom === undefined ? 0 : zoom);\n        },\n        setZoom: (zoom: number, zoomAnimation = false) => {\n            mapApi.getViewModel().setLookAtData({ zoom }, zoomAnimation);\n        },\n        getViewPort: () => {\n            const viewPort = mapApi.getViewPort();\n            return {\n                width: viewPort.width,\n                height: viewPort.height,\n                margin: viewPort.margin,\n                padding: {\n                    top: viewPort.padding.top,\n                    right: viewPort.padding.right,\n                    bottom: viewPort.padding.bottom,\n                    left: viewPort.padding.left,\n                },\n                center: {\n                    x: viewPort.center.x,\n                    y: viewPort.center.y,\n                },\n            };\n        },\n\n        getBounds: () => {\n            const { bounds } = mapApi.getViewModel().getLookAtData();\n\n            // HERE Maps API for JavaScript 3.1\n            const boundingBox = bounds?.getBoundingBox();\n            return {\n                topLeft: {\n                    lng: boundingBox?.getTopLeft().lng,\n                    lat: boundingBox?.getTopLeft().lat,\n                },\n                bottomRight: {\n                    lng: boundingBox?.getBottomRight().lng,\n                    lat: boundingBox?.getBottomRight().lat,\n                },\n            };\n        },\n        getObjects: () => mapApi.getObjects(),\n        getLayers: () => mapApi.getLayers().asArray(),\n        getBaseLayer: () => mapApi.getBaseLayer(),\n        getGroups: () => mapApi.getObjects().filter(groupFilterFunction) as H.map.Group[],\n        getMarkers: () => mapApi.getObjects().filter(markerFilterFunction) as H.map.Marker[],\n\n        getRoutePolylines: () => {\n            const groups = mapApi.getObjects().filter(groupFilterFunction) as H.map.Group[];\n            const groupObjects = groups.flatMap(group => group.getObjects());\n            const filteredPolylines = groupObjects.filter(polylineFilterFunction) as H.map.Polyline[];\n            return filteredPolylines;\n        },\n\n        getPosition,\n        calculateBoundingBox,\n        isValidBoundingBox,\n        parsePositionFromString,\n    };\n};\n"],"names":["getMapBounds","boundingBox","top","left","bottom","right","typeFilterFunction","hereType","obj","markerFilterFunction","groupFilterFunction","polylineFilterFunction","getPosition","marker","createUtils","mapApi","center","position","animate","zoom","zoomAnimation","viewPort","bounds","group","calculateBoundingBox","isValidBoundingBox","parsePositionFromString"],"mappings":";AAIO,MAAMA,IAAe,CAACC,MAA6B;AACtD,QAAM,EAAE,KAAAC,GAAK,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,MAAUJ;AACrC,SAAO,IAAI,EAAE,IAAI,KAAKC,GAAKC,GAAMC,GAAQC,CAAK;AAClD,GAEMC,IAAqB,CAACC,MAA8D,CAACC,MACvFA,aAAeD,GAEbE,IAAuBH,EAAmB,EAAE,IAAI,cAAc,GAE9DI,IAAsBJ,EAAmB,EAAE,IAAI,KAAK,GAEpDK,IAAyBL,EAAmB,EAAE,IAAI,QAAQ,GAE1DM,IAAc,CAACC,MAAiCA,EAAO,YAAA,GAmChDC,IAAc,CAACC,OACjB;AAAA,EACH,WAAW,MAAM;AACb,UAAMC,IAASD,EAAO,UAAA;AACtB,WAAO;AAAA,MACH,KAAKC,EAAO;AAAA,MACZ,KAAKA,EAAO;AAAA,IAAA;AAAA,EAEpB;AAAA,EACA,WAAW,CAACC,GAAoBC,MAAqB;AACjD,IAAAH,EAAO,eAAe,cAAc,EAAE,UAAAE,EAAA,GAAYC,CAAO;AAAA,EAC7D;AAAA,EACA,SAAS,MAAM;AACX,UAAM,EAAE,MAAAC,EAAA,IAASJ,EAAO,aAAA,EAAe,cAAA;AACvC,WAAO,KAAK,MAAMI,MAAS,SAAY,IAAIA,CAAI;AAAA,EACnD;AAAA,EACA,SAAS,CAACA,GAAcC,IAAgB,OAAU;AAC9C,IAAAL,EAAO,eAAe,cAAc,EAAE,MAAAI,EAAA,GAAQC,CAAa;AAAA,EAC/D;AAAA,EACA,aAAa,MAAM;AACf,UAAMC,IAAWN,EAAO,YAAA;AACxB,WAAO;AAAA,MACH,OAAOM,EAAS;AAAA,MAChB,QAAQA,EAAS;AAAA,MACjB,QAAQA,EAAS;AAAA,MACjB,SAAS;AAAA,QACL,KAAKA,EAAS,QAAQ;AAAA,QACtB,OAAOA,EAAS,QAAQ;AAAA,QACxB,QAAQA,EAAS,QAAQ;AAAA,QACzB,MAAMA,EAAS,QAAQ;AAAA,MAAA;AAAA,MAE3B,QAAQ;AAAA,QACJ,GAAGA,EAAS,OAAO;AAAA,QACnB,GAAGA,EAAS,OAAO;AAAA,MAAA;AAAA,IACvB;AAAA,EAER;AAAA,EAEA,WAAW,MAAM;AACb,UAAM,EAAE,QAAAC,EAAA,IAAWP,EAAO,aAAA,EAAe,cAAA,GAGnCd,IAAcqB,GAAQ,eAAA;AAC5B,WAAO;AAAA,MACH,SAAS;AAAA,QACL,KAAKrB,GAAa,WAAA,EAAa;AAAA,QAC/B,KAAKA,GAAa,aAAa;AAAA,MAAA;AAAA,MAEnC,aAAa;AAAA,QACT,KAAKA,GAAa,eAAA,EAAiB;AAAA,QACnC,KAAKA,GAAa,iBAAiB;AAAA,MAAA;AAAA,IACvC;AAAA,EAER;AAAA,EACA,YAAY,MAAMc,EAAO,WAAA;AAAA,EACzB,WAAW,MAAMA,EAAO,UAAA,EAAY,QAAA;AAAA,EACpC,cAAc,MAAMA,EAAO,aAAA;AAAA,EAC3B,WAAW,MAAMA,EAAO,WAAA,EAAa,OAAOL,CAAmB;AAAA,EAC/D,YAAY,MAAMK,EAAO,WAAA,EAAa,OAAON,CAAoB;AAAA,EAEjE,mBAAmB,MACAM,EAAO,WAAA,EAAa,OAAOL,CAAmB,EACjC,QAAQ,CAAAa,MAASA,EAAM,YAAY,EACxB,OAAOZ,CAAsB;AAAA,EAIxE,aAAAC;AAAA,EACA,sBAAAY;AAAA,EACA,oBAAAC;AAAA,EACA,yBAAAC;AAAA;"}

package/components/map/utils/rendering.d.ts

@@ -20,4 +20,4 @@ export type BaseLayerResponse = {
     baseLayer: H.map.layer.Layer;
     overlayLayer?: H.map.layer.Layer;
 };
-export declare const getBaseLayer: ({ baseLayerName, defaultLayers, enableWebGL, platform, engineType, language, vehicleRestrictions, minZoom, maxZoom, }: BaseLayer) => Promise<BaseLayerResponse>;
+export declare const getBaseLayer: ({ baseLayerName, defaultLayers, enableWebGL, platform, engineType, language, minZoom, maxZoom, }: BaseLayer) => Promise<BaseLayerResponse>;

package/components/map/utils/rendering.js

@@ -1,5 +1,5 @@
-import { MAP_TYPE_TERRAIN as _, MAP_TYPE_FLEET_STYLE as v, ENGINE_TYPE_HARP as M, ENGINE_TYPE_P2D as E, MAP_TYPE_DEFAULT as p, MAP_TYPE_NIGHT as A, MAP_TYPE_SATELLITE as d, DEFAULT_RASTER_LAYER_FORMAT as h } from "../components/constants.js";
-const L = () => window.devicePixelRatio >= 1.7 ? 200 : 100, w = (r, e) => r && e !== _ && e !== v, S = (r) => (
+import { MAP_TYPE_TERRAIN as _, MAP_TYPE_FLEET_STYLE as v, ENGINE_TYPE_HARP as M, ENGINE_TYPE_P2D as l, MAP_TYPE_DEFAULT as p, MAP_TYPE_NIGHT as A, MAP_TYPE_SATELLITE as d, DEFAULT_RASTER_LAYER_FORMAT as L } from "../components/constants.js";
+const h = () => window.devicePixelRatio >= 1.7 ? 200 : 100, u = (r, e) => r && e !== _ && e !== v, w = (r) => (
   // Initiate and authenticate your connection to the HERE platform:
   new H.service.Platform({
     apikey: r.apikey ?? "",
@@ -11,31 +11,30 @@ const L = () => window.devicePixelRatio >= 1.7 ? 200 : 100, w = (r, e) => r && e
     tileSize: 512
   }), s = new H.map.layer.TileLayer(n);
   return s.setMin(a), s.setMax(t), s;
-}, l = (r, e, a, t) => r?.getRasterTileService({
-  format: h,
+}, E = (r, e, a, t) => r?.getRasterTileService({
+  format: L,
   queryParams: {
     // https://www.here.com/docs/bundle/raster-tile-api-migration-guide/page/README.html#5-language
     lang: t,
-    ppi: L(),
+    ppi: h(),
     style: e,
     features: a
   }
-}), b = (r, e) => {
+}), S = (r, e) => {
   switch (r) {
     case v:
     case _:
-      return E;
+      return l;
     default:
-      return e ? M : E;
+      return e ? M : l;
   }
-}, I = async ({
+}, b = async ({
   baseLayerName: r,
   defaultLayers: e,
   enableWebGL: a,
   platform: t,
   engineType: n,
   language: s,
-  vehicleRestrictions: R,
   minZoom: i,
   maxZoom: c
 }) => {
@@ -55,6 +54,7 @@ const L = () => window.devicePixelRatio >= 1.7 ? 200 : 100, w = (r, e) => r && e
         };
         await t.createHybridLayers(
           y,
+          // biome-ignore lint/suspicious/noExplicitAny: whatever layer type
           (o) => (o.raster.setMin(i), o.raster.setMax(c), o.vector.setMin(i), o.vector.setMax(c), {
             baseLayer: o.raster,
             overlayLayer: o.vector
@@ -64,7 +64,7 @@ const L = () => window.devicePixelRatio >= 1.7 ? 200 : 100, w = (r, e) => r && e
       }
       return {
         baseLayer: P(
-          l(t, "explore.satellite.day", T, s),
+          E(t, "explore.satellite.day", T, s),
           n,
           i,
           c
@@ -74,7 +74,7 @@ const L = () => window.devicePixelRatio >= 1.7 ? 200 : 100, w = (r, e) => r && e
     case _:
       return {
         baseLayer: P(
-          l(t, "topo.day", T, s),
+          E(t, "topo.day", T, s),
           n,
           i,
           c
@@ -83,19 +83,19 @@ const L = () => window.devicePixelRatio >= 1.7 ? 200 : 100, w = (r, e) => r && e
     case v:
       return {
         baseLayer: P(
-          l(t, "logistics.day", T, s),
-          E,
+          E(t, "logistics.day", T, s),
+          l,
           i,
           c
         )
       };
     case A:
       return a ? (e?.vector.normal.mapnight.setMin(i), e?.vector.normal.mapnight.setMax(c), {
-        // @ts-ignore-next-line "vector.normal.mapnight" is newer than the types
+        // @ts-expect-error-next-line "vector.normal.mapnight" is newer than the types
         baseLayer: e.vector.normal.mapnight
       }) : {
         baseLayer: P(
-          l(t, "explore.night", T, s),
+          E(t, "explore.night", T, s),
           n,
           i,
           c
@@ -104,7 +104,7 @@ const L = () => window.devicePixelRatio >= 1.7 ? 200 : 100, w = (r, e) => r && e
     default:
       return {
         baseLayer: P(
-          l(t, "explore.day", T, s),
+          E(t, "explore.day", T, s),
           n,
           i,
           c
@@ -113,12 +113,12 @@ const L = () => window.devicePixelRatio >= 1.7 ? 200 : 100, w = (r, e) => r && e
   }
 };
 export {
-  I as getBaseLayer,
-  l as getBaseRasterTileService,
+  b as getBaseLayer,
+  E as getBaseRasterTileService,
   P as getBaseTileLayer,
-  b as getEngineType,
-  L as getPPI,
-  S as getPlatform,
-  w as isVectorBased
+  S as getEngineType,
+  h as getPPI,
+  w as getPlatform,
+  u as isVectorBased
 };
 //# sourceMappingURL=rendering.js.map

package/components/map/utils/rendering.js.map

@@ -1 +1 @@
-{"version":3,"file":"rendering.js","sources":["../../../../src/components/map/utils/rendering.ts"],"sourcesContent":["import {\n    DEFAULT_RASTER_LAYER_FORMAT,\n    MAP_TYPE_FLEET_STYLE,\n    MAP_TYPE_TERRAIN,\n    ENGINE_TYPE_P2D,\n    ENGINE_TYPE_HARP,\n    MAP_TYPE_DEFAULT,\n    MAP_TYPE_NIGHT,\n    MAP_TYPE_SATELLITE,\n} from '../components/constants';\nimport type { MapCredentials, MapType } from './mapTypes';\n\n// https://www.here.com/docs/bundle/raster-tile-api-migration-guide/page/README.html#6-pixels-per-inch-ppi\n// Note: higher PPI image tiles result in larger label size and show more label on the map\n// HERE Raster Tile API v3: 100, 200, 200 or 400, 400\nexport const getPPI = () => (window.devicePixelRatio >= 1.7 ? 200 : 100);\n\n// Even if webgl is enabled, some base layer cannot be rendered in HARP properly\nexport const isVectorBased = (enableWebGL: boolean, baseLayer: MapType) =>\n    enableWebGL && baseLayer !== MAP_TYPE_TERRAIN && baseLayer !== MAP_TYPE_FLEET_STYLE;\n\n// See Migration guide: https://developer.here.com/documentation/maps/3.1.37.0/dev_guide/topics/migration.html\nexport const getPlatform = (credentials: MapCredentials) =>\n    // Initiate and authenticate your connection to the HERE platform:\n    new H.service.Platform({\n        apikey: credentials.apikey ?? '',\n        useHTTPS: location.protocol === 'https:',\n    });\n\nexport const getBaseTileLayer = <T>(\n    rasterTileService: T,\n    engineType: H.Map.EngineType,\n    minZoom: number,\n    maxZoom: number\n) => {\n    // @ts-ignore-next-line \"H.service.rasterTile\" is newer that the types\n    const rasterTileProvider = new H.service.rasterTile.Provider(rasterTileService, {\n        engineType,\n        tileSize: 512,\n    });\n\n    const rasterTileLayer = new H.map.layer.TileLayer(rasterTileProvider);\n\n    // force the tile layer minimum zoom (furthest away possible) and maximum zoom (nearest) to the desired level\n    rasterTileLayer.setMin(minZoom);\n    rasterTileLayer.setMax(maxZoom);\n\n    return rasterTileLayer;\n};\n\nexport const getBaseRasterTileService = (\n    platform: H.service.Platform,\n    style: string,\n    features: string,\n    lang: string\n) => {\n    // @ts-ignore-next-line \"getRasterTileService\" is newer that the types\n    return platform?.getRasterTileService({\n        format: DEFAULT_RASTER_LAYER_FORMAT,\n        queryParams: {\n            // https://www.here.com/docs/bundle/raster-tile-api-migration-guide/page/README.html#5-language\n            lang,\n            ppi: getPPI(),\n            style,\n            features,\n        },\n    });\n};\n\nexport const getEngineType = (baseLayerName: string, enableWebGL: boolean) => {\n    switch (baseLayerName) {\n        case MAP_TYPE_FLEET_STYLE:\n        case MAP_TYPE_TERRAIN:\n            return ENGINE_TYPE_P2D;\n        default:\n            return enableWebGL ? ENGINE_TYPE_HARP : ENGINE_TYPE_P2D;\n    }\n};\n\nexport type BaseLayer = {\n    baseLayerName: string;\n    defaultLayers: H.service.DefaultLayers;\n    enableWebGL: boolean;\n    platform: H.service.Platform;\n    engineType: H.Map.EngineType;\n    language: string;\n    vehicleRestrictions: boolean;\n    minZoom: number;\n    maxZoom: number;\n};\n\nexport type BaseLayerResponse = { baseLayer: H.map.layer.Layer; overlayLayer?: H.map.layer.Layer };\n\nexport const getBaseLayer = async ({\n    baseLayerName,\n    defaultLayers,\n    enableWebGL,\n    platform,\n    engineType,\n    language,\n    vehicleRestrictions,\n    minZoom,\n    maxZoom,\n}: BaseLayer): Promise<BaseLayerResponse> => {\n    const restriction = 'disabled'; // vehicleRestrictions ? 'active_and_inactive' : 'disabled';\n    const features = `pois:all,environmental_zones:all,congestion_zones:all,vehicle_restrictions:${restriction}`;\n\n    if (enableWebGL && baseLayerName === MAP_TYPE_DEFAULT) {\n        defaultLayers?.vector.normal.map.setMin(minZoom);\n        defaultLayers?.vector.normal.map.setMax(maxZoom);\n\n        return {\n            baseLayer: defaultLayers?.vector.normal.map,\n        };\n    }\n    switch (baseLayerName) {\n        case MAP_TYPE_SATELLITE: {\n            if (enableWebGL) {\n                // This is a workaround for setting the min and max zoom limit for satellite map\n                // since the setMin/setMax cannot be set on the \"defaultLayers.hybrid.liteday.raster\".\n                // The HERE support suggested to create a hybrid layer for that and set the zoom limits\n                // on the two layers.\n                const hybridStyleConfig = {\n                    base: {\n                        style: 'oslo',\n                        scheme: 'hybrid.day',\n                    },\n                };\n\n                // This method creates hybrid map layers. A hybrid map consists of raster satellite base layer and vector layers on top.\n                // Layers created by this method can be used only when the Map is instantiated with H.Map.EngineType.HARP engineType.\n                // See https://www.here.com/docs/bundle/maps-api-for-javascript-api-reference/page/H.service.Platform_4.html#createHybridLayers\n                // @ts-ignore-next-line\n                await platform.createHybridLayers(\n                    hybridStyleConfig,\n                    (layers: any) => {\n                        layers.raster.setMin(minZoom);\n                        layers.raster.setMax(maxZoom);\n\n                        layers.vector.setMin(minZoom);\n                        layers.vector.setMax(maxZoom);\n\n                        return {\n                            baseLayer: layers.raster,\n                            overlayLayer: layers.vector,\n                        };\n                    },\n                    console.error\n                );\n            }\n            return {\n                baseLayer: getBaseTileLayer(\n                    getBaseRasterTileService(platform, 'explore.satellite.day', features, language),\n                    engineType,\n                    minZoom,\n                    maxZoom\n                ),\n            };\n        }\n        case MAP_TYPE_TERRAIN: {\n            return {\n                baseLayer: getBaseTileLayer(\n                    getBaseRasterTileService(platform, 'topo.day', features, language),\n                    engineType,\n                    minZoom,\n                    maxZoom\n                ),\n            };\n        }\n        case MAP_TYPE_FLEET_STYLE: {\n            return {\n                baseLayer: getBaseTileLayer(\n                    getBaseRasterTileService(platform, 'logistics.day', features, language),\n                    ENGINE_TYPE_P2D,\n                    minZoom,\n                    maxZoom\n                ),\n            };\n        }\n        case MAP_TYPE_NIGHT: {\n            if (enableWebGL) {\n                // @ts-ignore-next-line \"setMin\" is working on \"vector.normal.mapnight\"\n                defaultLayers?.vector.normal.mapnight.setMin(minZoom);\n                // @ts-ignore-next-line \"setMax\" is working on \"vector.normal.mapnight\"\n                defaultLayers?.vector.normal.mapnight.setMax(maxZoom);\n\n                return {\n                    // @ts-ignore-next-line \"vector.normal.mapnight\" is newer than the types\n                    baseLayer: defaultLayers.vector.normal.mapnight,\n                };\n            }\n            return {\n                baseLayer: getBaseTileLayer(\n                    getBaseRasterTileService(platform, 'explore.night', features, language),\n                    engineType,\n                    minZoom,\n                    maxZoom\n                ),\n            };\n        }\n        default: {\n            // As a replacement for \"defaultLayers?.raster.normal.map\" which uses the old and deprecated\n            // H.service.MapTileService, we use the Raster Tile Service v3 instead\n            return {\n                baseLayer: getBaseTileLayer(\n                    getBaseRasterTileService(platform, 'explore.day', features, language),\n                    engineType,\n                    minZoom,\n                    maxZoom\n                ),\n            };\n        }\n    }\n};\n"],"names":["getPPI","isVectorBased","enableWebGL","baseLayer","MAP_TYPE_TERRAIN","MAP_TYPE_FLEET_STYLE","getPlatform","credentials","getBaseTileLayer","rasterTileService","engineType","minZoom","maxZoom","rasterTileProvider","rasterTileLayer","getBaseRasterTileService","platform","style","features","lang","DEFAULT_RASTER_LAYER_FORMAT","getEngineType","baseLayerName","ENGINE_TYPE_P2D","ENGINE_TYPE_HARP","getBaseLayer","defaultLayers","language","vehicleRestrictions","MAP_TYPE_DEFAULT","MAP_TYPE_SATELLITE","hybridStyleConfig","layers","MAP_TYPE_NIGHT"],"mappings":"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"}
+{"version":3,"file":"rendering.js","sources":["../../../../src/components/map/utils/rendering.ts"],"sourcesContent":["import {\n    DEFAULT_RASTER_LAYER_FORMAT,\n    MAP_TYPE_FLEET_STYLE,\n    MAP_TYPE_TERRAIN,\n    ENGINE_TYPE_P2D,\n    ENGINE_TYPE_HARP,\n    MAP_TYPE_DEFAULT,\n    MAP_TYPE_NIGHT,\n    MAP_TYPE_SATELLITE,\n} from '../components/constants';\nimport type { MapCredentials, MapType } from './mapTypes';\n\n// https://www.here.com/docs/bundle/raster-tile-api-migration-guide/page/README.html#6-pixels-per-inch-ppi\n// Note: higher PPI image tiles result in larger label size and show more label on the map\n// HERE Raster Tile API v3: 100, 200, 200 or 400, 400\nexport const getPPI = () => (window.devicePixelRatio >= 1.7 ? 200 : 100);\n\n// Even if webgl is enabled, some base layer cannot be rendered in HARP properly\nexport const isVectorBased = (enableWebGL: boolean, baseLayer: MapType) =>\n    enableWebGL && baseLayer !== MAP_TYPE_TERRAIN && baseLayer !== MAP_TYPE_FLEET_STYLE;\n\n// See Migration guide: https://developer.here.com/documentation/maps/3.1.37.0/dev_guide/topics/migration.html\nexport const getPlatform = (credentials: MapCredentials) =>\n    // Initiate and authenticate your connection to the HERE platform:\n    new H.service.Platform({\n        apikey: credentials.apikey ?? '',\n        useHTTPS: location.protocol === 'https:',\n    });\n\nexport const getBaseTileLayer = <T>(\n    rasterTileService: T,\n    engineType: H.Map.EngineType,\n    minZoom: number,\n    maxZoom: number\n) => {\n    // @ts-expect-error-next-line \"H.service.rasterTile\" is newer that the types\n    const rasterTileProvider = new H.service.rasterTile.Provider(rasterTileService, {\n        engineType,\n        tileSize: 512,\n    });\n\n    const rasterTileLayer = new H.map.layer.TileLayer(rasterTileProvider);\n\n    // force the tile layer minimum zoom (furthest away possible) and maximum zoom (nearest) to the desired level\n    rasterTileLayer.setMin(minZoom);\n    rasterTileLayer.setMax(maxZoom);\n\n    return rasterTileLayer;\n};\n\nexport const getBaseRasterTileService = (\n    platform: H.service.Platform,\n    style: string,\n    features: string,\n    lang: string\n) => {\n    // @ts-expect-error-next-line \"getRasterTileService\" is newer that the types\n    return platform?.getRasterTileService({\n        format: DEFAULT_RASTER_LAYER_FORMAT,\n        queryParams: {\n            // https://www.here.com/docs/bundle/raster-tile-api-migration-guide/page/README.html#5-language\n            lang,\n            ppi: getPPI(),\n            style,\n            features,\n        },\n    });\n};\n\nexport const getEngineType = (baseLayerName: string, enableWebGL: boolean) => {\n    switch (baseLayerName) {\n        case MAP_TYPE_FLEET_STYLE:\n        case MAP_TYPE_TERRAIN:\n            return ENGINE_TYPE_P2D;\n        default:\n            return enableWebGL ? ENGINE_TYPE_HARP : ENGINE_TYPE_P2D;\n    }\n};\n\nexport type BaseLayer = {\n    baseLayerName: string;\n    defaultLayers: H.service.DefaultLayers;\n    enableWebGL: boolean;\n    platform: H.service.Platform;\n    engineType: H.Map.EngineType;\n    language: string;\n    vehicleRestrictions: boolean;\n    minZoom: number;\n    maxZoom: number;\n};\n\nexport type BaseLayerResponse = { baseLayer: H.map.layer.Layer; overlayLayer?: H.map.layer.Layer };\n\nexport const getBaseLayer = async ({\n    baseLayerName,\n    defaultLayers,\n    enableWebGL,\n    platform,\n    engineType,\n    language,\n    minZoom,\n    maxZoom,\n}: BaseLayer): Promise<BaseLayerResponse> => {\n    const restriction = 'disabled'; // vehicleRestrictions ? 'active_and_inactive' : 'disabled';\n    const features = `pois:all,environmental_zones:all,congestion_zones:all,vehicle_restrictions:${restriction}`;\n\n    if (enableWebGL && baseLayerName === MAP_TYPE_DEFAULT) {\n        defaultLayers?.vector.normal.map.setMin(minZoom);\n        defaultLayers?.vector.normal.map.setMax(maxZoom);\n\n        return {\n            baseLayer: defaultLayers?.vector.normal.map,\n        };\n    }\n    switch (baseLayerName) {\n        case MAP_TYPE_SATELLITE: {\n            if (enableWebGL) {\n                // This is a workaround for setting the min and max zoom limit for satellite map\n                // since the setMin/setMax cannot be set on the \"defaultLayers.hybrid.liteday.raster\".\n                // The HERE support suggested to create a hybrid layer for that and set the zoom limits\n                // on the two layers.\n                const hybridStyleConfig = {\n                    base: {\n                        style: 'oslo',\n                        scheme: 'hybrid.day',\n                    },\n                };\n\n                // This method creates hybrid map layers. A hybrid map consists of raster satellite base layer and vector layers on top.\n                // Layers created by this method can be used only when the Map is instantiated with H.Map.EngineType.HARP engineType.\n                // See https://www.here.com/docs/bundle/maps-api-for-javascript-api-reference/page/H.service.Platform_4.html#createHybridLayers\n                // @ts-expect-error-next-line\n                await platform.createHybridLayers(\n                    hybridStyleConfig,\n                    // biome-ignore lint/suspicious/noExplicitAny: whatever layer type\n                    (layers: any) => {\n                        layers.raster.setMin(minZoom);\n                        layers.raster.setMax(maxZoom);\n\n                        layers.vector.setMin(minZoom);\n                        layers.vector.setMax(maxZoom);\n\n                        return {\n                            baseLayer: layers.raster,\n                            overlayLayer: layers.vector,\n                        };\n                    },\n                    console.error\n                );\n            }\n            return {\n                baseLayer: getBaseTileLayer(\n                    getBaseRasterTileService(platform, 'explore.satellite.day', features, language),\n                    engineType,\n                    minZoom,\n                    maxZoom\n                ),\n            };\n        }\n        case MAP_TYPE_TERRAIN: {\n            return {\n                baseLayer: getBaseTileLayer(\n                    getBaseRasterTileService(platform, 'topo.day', features, language),\n                    engineType,\n                    minZoom,\n                    maxZoom\n                ),\n            };\n        }\n        case MAP_TYPE_FLEET_STYLE: {\n            return {\n                baseLayer: getBaseTileLayer(\n                    getBaseRasterTileService(platform, 'logistics.day', features, language),\n                    ENGINE_TYPE_P2D,\n                    minZoom,\n                    maxZoom\n                ),\n            };\n        }\n        case MAP_TYPE_NIGHT: {\n            if (enableWebGL) {\n                // @ts-expect-error-next-line \"setMin\" is working on \"vector.normal.mapnight\"\n                defaultLayers?.vector.normal.mapnight.setMin(minZoom);\n                // @ts-expect-error-next-line \"setMax\" is working on \"vector.normal.mapnight\"\n                defaultLayers?.vector.normal.mapnight.setMax(maxZoom);\n\n                return {\n                    // @ts-expect-error-next-line \"vector.normal.mapnight\" is newer than the types\n                    baseLayer: defaultLayers.vector.normal.mapnight,\n                };\n            }\n            return {\n                baseLayer: getBaseTileLayer(\n                    getBaseRasterTileService(platform, 'explore.night', features, language),\n                    engineType,\n                    minZoom,\n                    maxZoom\n                ),\n            };\n        }\n        default: {\n            // As a replacement for \"defaultLayers?.raster.normal.map\" which uses the old and deprecated\n            // H.service.MapTileService, we use the Raster Tile Service v3 instead\n            return {\n                baseLayer: getBaseTileLayer(\n                    getBaseRasterTileService(platform, 'explore.day', features, language),\n                    engineType,\n                    minZoom,\n                    maxZoom\n                ),\n            };\n        }\n    }\n};\n"],"names":["getPPI","isVectorBased","enableWebGL","baseLayer","MAP_TYPE_TERRAIN","MAP_TYPE_FLEET_STYLE","getPlatform","credentials","getBaseTileLayer","rasterTileService","engineType","minZoom","maxZoom","rasterTileProvider","rasterTileLayer","getBaseRasterTileService","platform","style","features","lang","DEFAULT_RASTER_LAYER_FORMAT","getEngineType","baseLayerName","ENGINE_TYPE_P2D","ENGINE_TYPE_HARP","getBaseLayer","defaultLayers","language","MAP_TYPE_DEFAULT","MAP_TYPE_SATELLITE","hybridStyleConfig","layers","MAP_TYPE_NIGHT"],"mappings":"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"}

package/components/mapMarker/ClusterMapMarker.js

@@ -1,5 +1,5 @@
 import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import o from "classnames";
+import o from "../../utils/classNames.js";
 import { markerColorMapping as v } from "../map/utils/mapTypes.js";
 const g = (t) => {
   const {

package/components/mapMarker/ClusterMapMarker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClusterMapMarker.js","sources":["../../../src/components/mapMarker/ClusterMapMarker.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { markerColorMapping, type MarkerColor } from '../map/utils/mapTypes';\n\nexport type ClusterMapMarkerProps = {\n    /**\n     * Number displayed in the center.\n     */\n    count?: number;\n\n    /**\n     * Displayed in the orange badge if more than 0.\n     *\n     * @default 0\n     */\n    warningCount?: number;\n\n    /**\n     * Displayed in the red badge if more than 0.\n     *\n     * @default 0\n     */\n    exceptionCount?: number;\n\n    /**\n     * Defines if marker is selected or not.\n     *\n     * @default false\n     */\n    active?: boolean;\n\n    /**\n     * Defines if marker is clickable or not.\n     *\n     * @default true\n     */\n    clickable?: boolean;\n\n    /**\n     * Defines the color of the marker.\n     *\n     * Possible values are:\n     * - `bg-map-marker-asset`\n     * - `bg-map-marker-poi`\n     * - `bg-map-marker-geofence`\n     * - `bg-map-marker-route`\n     * - `bg-map-marker-info`\n     * - `bg-map-marker-success`\n     * - `bg-map-marker-warning`\n     * - `bg-map-marker-danger`\n     *\n     * @default 'bg-map-marker-asset'\n     */\n    markerColor?: MarkerColor;\n\n    /**\n     * Name of a rioglyph icon.\n     */\n    iconName?: string;\n\n    /**\n     * Marker cursor\n     */\n    cursor?: 'cursor-pointer' | 'cursor-grab' | 'cursor-not-allowed';\n};\n\nconst ClusterMapMarker = (props: ClusterMapMarkerProps) => {\n    const {\n        count,\n        exceptionCount = 0,\n        markerColor = 'bg-map-marker-asset',\n        warningCount = 0,\n        active = false,\n        clickable = true,\n        iconName,\n        cursor = 'cursor-pointer',\n    } = props;\n\n    const clusterClasses = classNames('rio-map-cluster-circle', active && 'active', cursor);\n    const classes = classNames(\n        active && 'active',\n        'rio-map-marker',\n        'rio-map-marker-center-center',\n        !clickable && 'not-clickable'\n    );\n\n    const markerBackgroundColor = `var(${markerColorMapping[markerColor]})`;\n\n    return (\n        <div\n            className={classes}\n            style={{ color: markerBackgroundColor }}\n            data-marker-type={markerColor.replace('bg-', 'cluster-')}\n        >\n            <div className='rio-map-marker-translate'>\n                <div className='rio-map-cluster'>\n                    <div className={clusterClasses}>\n                        <div className='rio-map-cluster-content'>\n                            {iconName && (\n                                <span className='rio-map-icon'>\n                                    <span className={`rioglyph rioglyph-${iconName}`} />\n                                </span>\n                            )}\n                            <div className='rio-map-count'>{count}</div>\n                        </div>\n                    </div>\n                    {exceptionCount > 0 && <div className='rio-map-bubble exception'>{exceptionCount}</div>}\n                    {warningCount > 0 && <div className='rio-map-bubble warning'>{warningCount}</div>}\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default ClusterMapMarker;\n"],"names":["ClusterMapMarker","props","count","exceptionCount","markerColor","warningCount","active","clickable","iconName","cursor","clusterClasses","classNames","classes","markerBackgroundColor","markerColorMapping","jsx","jsxs"],"mappings":";;;AAkEA,MAAMA,IAAmB,CAACC,MAAiC;AACvD,QAAM;AAAA,IACF,OAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,aAAAC,IAAc;AAAA,IACd,cAAAC,IAAe;AAAA,IACf,QAAAC,IAAS;AAAA,IACT,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,EAAA,IACTR,GAEES,IAAiBC,EAAW,0BAA0BL,KAAU,UAAUG,CAAM,GAChFG,IAAUD;AAAA,IACZL,KAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,CAACC,KAAa;AAAA,EAAA,GAGZM,IAAwB,OAAOC,EAAmBV,CAAW,CAAC;AAEpE,SACI,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWH;AAAA,MACX,OAAO,EAAE,OAAOC,EAAA;AAAA,MAChB,oBAAkBT,EAAY,QAAQ,OAAO,UAAU;AAAA,MAEvD,4BAAC,OAAA,EAAI,WAAU,4BACX,UAAA,gBAAAY,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,QAAA,gBAAAD,EAAC,SAAI,WAAWL,GACZ,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,2BACV,UAAA;AAAA,UAAAR,KACG,gBAAAO,EAAC,QAAA,EAAK,WAAU,gBACZ,UAAA,gBAAAA,EAAC,UAAK,WAAW,qBAAqBP,CAAQ,GAAA,CAAI,GACtD;AAAA,UAEJ,gBAAAO,EAAC,OAAA,EAAI,WAAU,iBAAiB,UAAAb,EAAA,CAAM;AAAA,QAAA,EAAA,CAC1C,EAAA,CACJ;AAAA,QACCC,IAAiB,KAAK,gBAAAY,EAAC,OAAA,EAAI,WAAU,4BAA4B,UAAAZ,GAAe;AAAA,QAChFE,IAAe,KAAK,gBAAAU,EAAC,OAAA,EAAI,WAAU,0BAA0B,UAAAV,EAAA,CAAa;AAAA,MAAA,EAAA,CAC/E,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"ClusterMapMarker.js","sources":["../../../src/components/mapMarker/ClusterMapMarker.tsx"],"sourcesContent":["import classNames from '../../utils/classNames';\nimport { markerColorMapping, type MarkerColor } from '../map/utils/mapTypes';\n\nexport type ClusterMapMarkerProps = {\n    /**\n     * Number displayed in the center.\n     */\n    count?: number;\n\n    /**\n     * Displayed in the orange badge if more than 0.\n     *\n     * @default 0\n     */\n    warningCount?: number;\n\n    /**\n     * Displayed in the red badge if more than 0.\n     *\n     * @default 0\n     */\n    exceptionCount?: number;\n\n    /**\n     * Defines if marker is selected or not.\n     *\n     * @default false\n     */\n    active?: boolean;\n\n    /**\n     * Defines if marker is clickable or not.\n     *\n     * @default true\n     */\n    clickable?: boolean;\n\n    /**\n     * Defines the color of the marker.\n     *\n     * Possible values are:\n     * - `bg-map-marker-asset`\n     * - `bg-map-marker-poi`\n     * - `bg-map-marker-geofence`\n     * - `bg-map-marker-route`\n     * - `bg-map-marker-info`\n     * - `bg-map-marker-success`\n     * - `bg-map-marker-warning`\n     * - `bg-map-marker-danger`\n     *\n     * @default 'bg-map-marker-asset'\n     */\n    markerColor?: MarkerColor;\n\n    /**\n     * Name of a rioglyph icon.\n     */\n    iconName?: string;\n\n    /**\n     * Marker cursor\n     */\n    cursor?: 'cursor-pointer' | 'cursor-grab' | 'cursor-not-allowed';\n};\n\nconst ClusterMapMarker = (props: ClusterMapMarkerProps) => {\n    const {\n        count,\n        exceptionCount = 0,\n        markerColor = 'bg-map-marker-asset',\n        warningCount = 0,\n        active = false,\n        clickable = true,\n        iconName,\n        cursor = 'cursor-pointer',\n    } = props;\n\n    const clusterClasses = classNames('rio-map-cluster-circle', active && 'active', cursor);\n    const classes = classNames(\n        active && 'active',\n        'rio-map-marker',\n        'rio-map-marker-center-center',\n        !clickable && 'not-clickable'\n    );\n\n    const markerBackgroundColor = `var(${markerColorMapping[markerColor]})`;\n\n    return (\n        <div\n            className={classes}\n            style={{ color: markerBackgroundColor }}\n            data-marker-type={markerColor.replace('bg-', 'cluster-')}\n        >\n            <div className='rio-map-marker-translate'>\n                <div className='rio-map-cluster'>\n                    <div className={clusterClasses}>\n                        <div className='rio-map-cluster-content'>\n                            {iconName && (\n                                <span className='rio-map-icon'>\n                                    <span className={`rioglyph rioglyph-${iconName}`} />\n                                </span>\n                            )}\n                            <div className='rio-map-count'>{count}</div>\n                        </div>\n                    </div>\n                    {exceptionCount > 0 && <div className='rio-map-bubble exception'>{exceptionCount}</div>}\n                    {warningCount > 0 && <div className='rio-map-bubble warning'>{warningCount}</div>}\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default ClusterMapMarker;\n"],"names":["ClusterMapMarker","props","count","exceptionCount","markerColor","warningCount","active","clickable","iconName","cursor","clusterClasses","classNames","classes","markerBackgroundColor","markerColorMapping","jsx","jsxs"],"mappings":";;;AAiEA,MAAMA,IAAmB,CAACC,MAAiC;AACvD,QAAM;AAAA,IACF,OAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,aAAAC,IAAc;AAAA,IACd,cAAAC,IAAe;AAAA,IACf,QAAAC,IAAS;AAAA,IACT,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,EAAA,IACTR,GAEES,IAAiBC,EAAW,0BAA0BL,KAAU,UAAUG,CAAM,GAChFG,IAAUD;AAAA,IACZL,KAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,CAACC,KAAa;AAAA,EAAA,GAGZM,IAAwB,OAAOC,EAAmBV,CAAW,CAAC;AAEpE,SACI,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWH;AAAA,MACX,OAAO,EAAE,OAAOC,EAAA;AAAA,MAChB,oBAAkBT,EAAY,QAAQ,OAAO,UAAU;AAAA,MAEvD,4BAAC,OAAA,EAAI,WAAU,4BACX,UAAA,gBAAAY,EAAC,OAAA,EAAI,WAAU,mBACX,UAAA;AAAA,QAAA,gBAAAD,EAAC,SAAI,WAAWL,GACZ,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,2BACV,UAAA;AAAA,UAAAR,KACG,gBAAAO,EAAC,QAAA,EAAK,WAAU,gBACZ,UAAA,gBAAAA,EAAC,UAAK,WAAW,qBAAqBP,CAAQ,GAAA,CAAI,GACtD;AAAA,UAEJ,gBAAAO,EAAC,OAAA,EAAI,WAAU,iBAAiB,UAAAb,EAAA,CAAM;AAAA,QAAA,EAAA,CAC1C,EAAA,CACJ;AAAA,QACCC,IAAiB,KAAK,gBAAAY,EAAC,OAAA,EAAI,WAAU,4BAA4B,UAAAZ,GAAe;AAAA,QAChFE,IAAe,KAAK,gBAAAU,EAAC,OAAA,EAAI,WAAU,0BAA0B,UAAAV,EAAA,CAAa;AAAA,MAAA,EAAA,CAC/E,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/components/mapMarker/SingleMapMarker.js

@@ -1,5 +1,5 @@
 import { jsx as a, jsxs as l, Fragment as S } from "react/jsx-runtime";
-import c from "classnames";
+import c from "../../utils/classNames.js";
 import { markerColorMapping as j } from "../map/utils/mapTypes.js";
 const B = 60, E = (s) => {
   const { moving: o, bearing: r, stateIconName: e } = s;

package/components/mapMarker/SingleMapMarker.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleMapMarker.js","sources":["../../../src/components/mapMarker/SingleMapMarker.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { markerColorMapping, type MarkerColor } from '../map/utils/mapTypes';\n\nconst DEFAULT_BEARING = 60;\n\nconst MapStateIndicator = (props: { moving: boolean; bearing: number; stateIconName?: string }) => {\n    const { moving, bearing, stateIconName } = props;\n\n    if (!moving && !stateIconName) {\n        return null;\n    }\n\n    const iconClassName = classNames('rioglyph', `rioglyph-${stateIconName || 'direction'}`);\n\n    const style = stateIconName ? {} : { transform: `rotate(${bearing}deg)` };\n\n    return (\n        <div className={`rio-map-icon rio-map-marker-state ${stateIconName ? '' : 'rio-map-direction'}`}>\n            <span className={iconClassName} style={style} />\n        </div>\n    );\n};\n\nconst getIcons = (iconNames: string[] = []) =>\n    iconNames.map((name, index) => (\n        <div key={`rio-map-icon-${name}-${index}`} className='rio-map-icon'>\n            <span className={`rioglyph rioglyph-${name}`} />\n        </div>\n    ));\n\nexport type SingleMapMarkerProps = ComponentProps<'div'> & {\n    /**\n     * Defines the rotation of the arrow in deg.\n     *\n     * @default 60\n     */\n    bearing?: number;\n\n    /**\n     * Text for the marker.\n     */\n    name?: string | ReactNode;\n\n    /**\n     * Displayed in the orange badge if more than 0.\n     *\n     * @default 0\n     */\n    warningCount?: number;\n\n    /**\n     * Displayed in the red badge if more than 0.\n     *\n     * @default 0\n     */\n    exceptionCount?: number;\n\n    /**\n     * Defines if marker is selected.\n     *\n     * @default false\n     */\n    active?: boolean;\n\n    /**\n     * Defines if marker is clickable or not.\n     *\n     * @default true\n     */\n    clickable?: boolean;\n\n    /**\n     * Defines if marker is fixed and has no centering point.\n     *\n     * @default false\n     */\n    fixed?: boolean;\n\n    /**\n     * Defines whether the direction icon is displayed or not.\n     *\n     * @default false\n     */\n    moving?: boolean;\n\n    /**\n     * Optional icon that is shown in the state indicator and used instead of the moving direction arrow.\n     */\n    stateIconName?: string;\n\n    /**\n     * Defines if marker is displayed with pinging animation.\n     *\n     * @default false\n     */\n    pinging?: boolean;\n\n    /**\n     * List of rioglyph icon names.\n     */\n    iconNames?: string[];\n\n    /**\n     * Defines the color of the marker.\n     *\n     * Possible values are:\n     * - `bg-map-marker-asset`\n     * - `bg-map-marker-poi`\n     * - `bg-map-marker-geofence`\n     * - `bg-map-marker-route`\n     * - `bg-map-marker-info`\n     * - `bg-map-marker-success`\n     * - `bg-map-marker-warning`\n     * - `bg-map-marker-danger`\n     * - `bg-map-marker-restrictions`\n     *\n     * @default 'bg-map-marker-asset'\n     */\n    markerColor?: MarkerColor;\n\n    /**\n     * Can be used to add a text-color class to the marker div.\n     */\n    textColor?: string;\n\n    /**\n     * Used to control the marker's anchor size.\n     *\n     * Possible values are:\n     * - `md`\n     * - `lg`\n     *\n     * @default 'md'\n     */\n    anchorSize?: 'md' | 'lg';\n\n    /**\n     * Whether the marker is only visible on hover.\n     *\n     * @default false\n     */\n    markerOnHover?: boolean;\n\n    /**\n     * Optional icon that is shown on the anchor of the DOM marker.\n     * Use this when no marker content is shown.\n     */\n    anchorIconName?: string;\n\n    /**\n     * Shows only the anchor without the rest of the marker.\n     */\n    anchorOnly?: boolean;\n\n    /**\n     * Marker cursor\n     */\n    cursor?: 'cursor-pointer' | 'cursor-grab' | 'cursor-not-allowed';\n};\n\nconst SingleMapMarker = (props: SingleMapMarkerProps) => {\n    const {\n        bearing = DEFAULT_BEARING,\n        name,\n        warningCount = 0,\n        exceptionCount = 0,\n        active = false,\n        clickable = true,\n        fixed = false,\n        moving = false,\n        pinging = false,\n        anchorIconName,\n        stateIconName,\n        iconNames,\n        markerColor = 'bg-map-marker-asset',\n        textColor,\n        anchorSize,\n        markerOnHover = false,\n        anchorOnly = !name && !iconNames,\n        cursor = 'cursor-pointer',\n        className,\n        style,\n    } = props;\n\n    const largeAnchor = anchorSize === 'lg';\n\n    const classes = classNames(\n        active && 'active',\n        'rio-map-marker',\n        'rio-map-marker-bottom-center',\n        !clickable && 'not-clickable',\n        className\n    );\n\n    const anchorClasses = classNames('rio-map-anchor', largeAnchor ? 'rio-map-anchor-lg' : '', cursor);\n\n    const singleClasses = classNames(\n        'rio-map-single',\n        fixed && 'fixed',\n        moving && 'moving',\n        textColor,\n        markerOnHover && 'visible-on-hover',\n        active && 'active',\n        pinging && 'pinging',\n        typeof name === 'string' && name.length === 1 && 'single-letter',\n        cursor\n    );\n\n    const markerBackgroundColor = `var(${markerColorMapping[markerColor]})`;\n\n    return (\n        <div\n            className={classes}\n            style={{ ...style, color: markerBackgroundColor }}\n            data-marker-type={markerColor.replace('bg-', 'single-')}\n        >\n            <div className='rio-map-marker-translate'>\n                {!anchorOnly && (\n                    <>\n                        <div className={singleClasses}>\n                            <MapStateIndicator moving={moving} bearing={bearing} stateIconName={stateIconName} />\n                            {getIcons(iconNames)}\n                            {name && <div className='rio-map-name'>{name}</div>}\n                            {exceptionCount > 0 && <div className='rio-map-bubble exception'>{exceptionCount}</div>}\n                            {warningCount > 0 && <div className='rio-map-bubble warning'>{warningCount}</div>}\n                        </div>\n                        <div className='rio-map-anchor-arrow' />\n                    </>\n                )}\n                <div className={anchorClasses}>\n                    {anchorIconName && largeAnchor && <span className={`rioglyph rioglyph-${anchorIconName}`} />}\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default SingleMapMarker;\n"],"names":["DEFAULT_BEARING","MapStateIndicator","props","moving","bearing","stateIconName","iconClassName","classNames","style","jsx","getIcons","iconNames","name","index","SingleMapMarker","warningCount","exceptionCount","active","clickable","fixed","pinging","anchorIconName","markerColor","textColor","anchorSize","markerOnHover","anchorOnly","cursor","className","largeAnchor","classes","anchorClasses","singleClasses","markerBackgroundColor","markerColorMapping","jsxs","Fragment"],"mappings":";;;AAKA,MAAMA,IAAkB,IAElBC,IAAoB,CAACC,MAAwE;AAC/F,QAAM,EAAE,QAAAC,GAAQ,SAAAC,GAAS,eAAAC,EAAA,IAAkBH;AAE3C,MAAI,CAACC,KAAU,CAACE;AACZ,WAAO;AAGX,QAAMC,IAAgBC,EAAW,YAAY,YAAYF,KAAiB,WAAW,EAAE,GAEjFG,IAAQH,IAAgB,KAAK,EAAE,WAAW,UAAUD,CAAO,OAAA;AAEjE,SACI,gBAAAK,EAAC,OAAA,EAAI,WAAW,qCAAqCJ,IAAgB,KAAK,mBAAmB,IACzF,UAAA,gBAAAI,EAAC,QAAA,EAAK,WAAWH,GAAe,OAAAE,GAAc,GAClD;AAER,GAEME,IAAW,CAACC,IAAsB,OACpCA,EAAU,IAAI,CAACC,GAAMC,MACjB,gBAAAJ,EAAC,OAAA,EAA0C,WAAU,gBACjD,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAW,qBAAqBG,CAAI,GAAA,CAAI,KADxC,gBAAgBA,CAAI,IAAIC,CAAK,EAEvC,CACH,GAoICC,IAAkB,CAACZ,MAAgC;AACrD,QAAM;AAAA,IACF,SAAAE,IAAUJ;AAAA,IACV,MAAAY;AAAA,IACA,cAAAG,IAAe;AAAA,IACf,gBAAAC,IAAiB;AAAA,IACjB,QAAAC,IAAS;AAAA,IACT,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQ;AAAA,IACR,QAAAhB,IAAS;AAAA,IACT,SAAAiB,IAAU;AAAA,IACV,gBAAAC;AAAA,IACA,eAAAhB;AAAA,IACA,WAAAM;AAAA,IACA,aAAAW,IAAc;AAAA,IACd,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,YAAAC,IAAa,CAACd,KAAQ,CAACD;AAAA,IACvB,QAAAgB,IAAS;AAAA,IACT,WAAAC;AAAA,IACA,OAAApB;AAAA,EAAA,IACAN,GAEE2B,IAAcL,MAAe,MAE7BM,IAAUvB;AAAA,IACZU,KAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,CAACC,KAAa;AAAA,IACdU;AAAA,EAAA,GAGEG,IAAgBxB,EAAW,kBAAkBsB,IAAc,sBAAsB,IAAIF,CAAM,GAE3FK,IAAgBzB;AAAA,IAClB;AAAA,IACAY,KAAS;AAAA,IACThB,KAAU;AAAA,IACVoB;AAAA,IACAE,KAAiB;AAAA,IACjBR,KAAU;AAAA,IACVG,KAAW;AAAA,IACX,OAAOR,KAAS,YAAYA,EAAK,WAAW,KAAK;AAAA,IACjDe;AAAA,EAAA,GAGEM,IAAwB,OAAOC,EAAmBZ,CAAW,CAAC;AAEpE,SACI,gBAAAb;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWqB;AAAA,MACX,OAAO,EAAE,GAAGtB,GAAO,OAAOyB,EAAA;AAAA,MAC1B,oBAAkBX,EAAY,QAAQ,OAAO,SAAS;AAAA,MAEtD,UAAA,gBAAAa,EAAC,OAAA,EAAI,WAAU,4BACV,UAAA;AAAA,QAAA,CAACT,KACE,gBAAAS,EAAAC,GAAA,EACI,UAAA;AAAA,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWH,GACZ,UAAA;AAAA,YAAA,gBAAAvB,EAACR,GAAA,EAAkB,QAAAE,GAAgB,SAAAC,GAAkB,eAAAC,EAAA,CAA8B;AAAA,YAClFK,EAASC,CAAS;AAAA,YAClBC,KAAQ,gBAAAH,EAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAG,GAAK;AAAA,YAC5CI,IAAiB,KAAK,gBAAAP,EAAC,OAAA,EAAI,WAAU,4BAA4B,UAAAO,GAAe;AAAA,YAChFD,IAAe,KAAK,gBAAAN,EAAC,OAAA,EAAI,WAAU,0BAA0B,UAAAM,EAAA,CAAa;AAAA,UAAA,GAC/E;AAAA,UACA,gBAAAN,EAAC,OAAA,EAAI,WAAU,uBAAA,CAAuB;AAAA,QAAA,GAC1C;AAAA,QAEJ,gBAAAA,EAAC,OAAA,EAAI,WAAWsB,GACX,UAAAV,KAAkBQ,KAAe,gBAAApB,EAAC,QAAA,EAAK,WAAW,qBAAqBY,CAAc,GAAA,CAAI,EAAA,CAC9F;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"SingleMapMarker.js","sources":["../../../src/components/mapMarker/SingleMapMarker.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport { markerColorMapping, type MarkerColor } from '../map/utils/mapTypes';\n\nconst DEFAULT_BEARING = 60;\n\nconst MapStateIndicator = (props: { moving: boolean; bearing: number; stateIconName?: string }) => {\n    const { moving, bearing, stateIconName } = props;\n\n    if (!moving && !stateIconName) {\n        return null;\n    }\n\n    const iconClassName = classNames('rioglyph', `rioglyph-${stateIconName || 'direction'}`);\n\n    const style = stateIconName ? {} : { transform: `rotate(${bearing}deg)` };\n\n    return (\n        <div className={`rio-map-icon rio-map-marker-state ${stateIconName ? '' : 'rio-map-direction'}`}>\n            <span className={iconClassName} style={style} />\n        </div>\n    );\n};\n\nconst getIcons = (iconNames: string[] = []) =>\n    iconNames.map((name, index) => (\n        <div key={`rio-map-icon-${name}-${index}`} className='rio-map-icon'>\n            <span className={`rioglyph rioglyph-${name}`} />\n        </div>\n    ));\n\nexport type SingleMapMarkerProps = ComponentProps<'div'> & {\n    /**\n     * Defines the rotation of the arrow in deg.\n     *\n     * @default 60\n     */\n    bearing?: number;\n\n    /**\n     * Text for the marker.\n     */\n    name?: string | ReactNode;\n\n    /**\n     * Displayed in the orange badge if more than 0.\n     *\n     * @default 0\n     */\n    warningCount?: number;\n\n    /**\n     * Displayed in the red badge if more than 0.\n     *\n     * @default 0\n     */\n    exceptionCount?: number;\n\n    /**\n     * Defines if marker is selected.\n     *\n     * @default false\n     */\n    active?: boolean;\n\n    /**\n     * Defines if marker is clickable or not.\n     *\n     * @default true\n     */\n    clickable?: boolean;\n\n    /**\n     * Defines if marker is fixed and has no centering point.\n     *\n     * @default false\n     */\n    fixed?: boolean;\n\n    /**\n     * Defines whether the direction icon is displayed or not.\n     *\n     * @default false\n     */\n    moving?: boolean;\n\n    /**\n     * Optional icon that is shown in the state indicator and used instead of the moving direction arrow.\n     */\n    stateIconName?: string;\n\n    /**\n     * Defines if marker is displayed with pinging animation.\n     *\n     * @default false\n     */\n    pinging?: boolean;\n\n    /**\n     * List of rioglyph icon names.\n     */\n    iconNames?: string[];\n\n    /**\n     * Defines the color of the marker.\n     *\n     * Possible values are:\n     * - `bg-map-marker-asset`\n     * - `bg-map-marker-poi`\n     * - `bg-map-marker-geofence`\n     * - `bg-map-marker-route`\n     * - `bg-map-marker-info`\n     * - `bg-map-marker-success`\n     * - `bg-map-marker-warning`\n     * - `bg-map-marker-danger`\n     * - `bg-map-marker-restrictions`\n     *\n     * @default 'bg-map-marker-asset'\n     */\n    markerColor?: MarkerColor;\n\n    /**\n     * Can be used to add a text-color class to the marker div.\n     */\n    textColor?: string;\n\n    /**\n     * Used to control the marker's anchor size.\n     *\n     * Possible values are:\n     * - `md`\n     * - `lg`\n     *\n     * @default 'md'\n     */\n    anchorSize?: 'md' | 'lg';\n\n    /**\n     * Whether the marker is only visible on hover.\n     *\n     * @default false\n     */\n    markerOnHover?: boolean;\n\n    /**\n     * Optional icon that is shown on the anchor of the DOM marker.\n     * Use this when no marker content is shown.\n     */\n    anchorIconName?: string;\n\n    /**\n     * Shows only the anchor without the rest of the marker.\n     */\n    anchorOnly?: boolean;\n\n    /**\n     * Marker cursor\n     */\n    cursor?: 'cursor-pointer' | 'cursor-grab' | 'cursor-not-allowed';\n};\n\nconst SingleMapMarker = (props: SingleMapMarkerProps) => {\n    const {\n        bearing = DEFAULT_BEARING,\n        name,\n        warningCount = 0,\n        exceptionCount = 0,\n        active = false,\n        clickable = true,\n        fixed = false,\n        moving = false,\n        pinging = false,\n        anchorIconName,\n        stateIconName,\n        iconNames,\n        markerColor = 'bg-map-marker-asset',\n        textColor,\n        anchorSize,\n        markerOnHover = false,\n        anchorOnly = !name && !iconNames,\n        cursor = 'cursor-pointer',\n        className,\n        style,\n    } = props;\n\n    const largeAnchor = anchorSize === 'lg';\n\n    const classes = classNames(\n        active && 'active',\n        'rio-map-marker',\n        'rio-map-marker-bottom-center',\n        !clickable && 'not-clickable',\n        className\n    );\n\n    const anchorClasses = classNames('rio-map-anchor', largeAnchor ? 'rio-map-anchor-lg' : '', cursor);\n\n    const singleClasses = classNames(\n        'rio-map-single',\n        fixed && 'fixed',\n        moving && 'moving',\n        textColor,\n        markerOnHover && 'visible-on-hover',\n        active && 'active',\n        pinging && 'pinging',\n        typeof name === 'string' && name.length === 1 && 'single-letter',\n        cursor\n    );\n\n    const markerBackgroundColor = `var(${markerColorMapping[markerColor]})`;\n\n    return (\n        <div\n            className={classes}\n            style={{ ...style, color: markerBackgroundColor }}\n            data-marker-type={markerColor.replace('bg-', 'single-')}\n        >\n            <div className='rio-map-marker-translate'>\n                {!anchorOnly && (\n                    <>\n                        <div className={singleClasses}>\n                            <MapStateIndicator moving={moving} bearing={bearing} stateIconName={stateIconName} />\n                            {getIcons(iconNames)}\n                            {name && <div className='rio-map-name'>{name}</div>}\n                            {exceptionCount > 0 && <div className='rio-map-bubble exception'>{exceptionCount}</div>}\n                            {warningCount > 0 && <div className='rio-map-bubble warning'>{warningCount}</div>}\n                        </div>\n                        <div className='rio-map-anchor-arrow' />\n                    </>\n                )}\n                <div className={anchorClasses}>\n                    {anchorIconName && largeAnchor && <span className={`rioglyph rioglyph-${anchorIconName}`} />}\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default SingleMapMarker;\n"],"names":["DEFAULT_BEARING","MapStateIndicator","props","moving","bearing","stateIconName","iconClassName","classNames","style","jsx","getIcons","iconNames","name","index","SingleMapMarker","warningCount","exceptionCount","active","clickable","fixed","pinging","anchorIconName","markerColor","textColor","anchorSize","markerOnHover","anchorOnly","cursor","className","largeAnchor","classes","anchorClasses","singleClasses","markerBackgroundColor","markerColorMapping","jsxs","Fragment"],"mappings":"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"}