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

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

@@ -1 +1 @@
-{"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    getPreciseZoom: () => 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        getPreciseZoom: () => {\n            const { zoom } = mapApi.getViewModel().getLookAtData();\n            return zoom === undefined ? 0 : zoom;\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,GAoChDC,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,gBAAgB,MAAM;AAClB,UAAM,EAAE,MAAAC,EAAA,IAASJ,EAAO,aAAA,EAAe,cAAA;AACvC,WAAOI,MAAS,SAAY,IAAIA;AAAA,EACpC;AAAA,EACA,SAAS,MAAM;AACX,UAAM,EAAE,MAAAA,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;"}
+{"version":3,"file":"mapUtils.js","names":[],"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    getPreciseZoom: () => 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        getPreciseZoom: () => {\n            const { zoom } = mapApi.getViewModel().getLookAtData();\n            return zoom === undefined ? 0 : zoom;\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"],"mappings":";;AAIA,IAAa,KAAgB,MAA6B;CACtD,IAAM,EAAE,QAAK,SAAM,WAAQ,aAAU;CACrC,OAAO,IAAI,EAAE,IAAI,KAAK,GAAK,GAAM,GAAQ,CAAK;AAClD,GAEM,KAAsB,OAA+D,MACvF,aAAe,GAEb,IAAuB,EAAmB,EAAE,IAAI,cAAc,GAE9D,IAAsB,EAAmB,EAAE,IAAI,KAAK,GAEpD,IAAyB,EAAmB,EAAE,IAAI,QAAQ,GAE1D,KAAe,MAAiC,EAAO,YAAY,GAoC5D,KAAe,OACjB;CACH,iBAAiB;EACb,IAAM,IAAS,EAAO,UAAU;EAChC,OAAO;GACH,KAAK,EAAO;GACZ,KAAK,EAAO;EAChB;CACJ;CACA,YAAY,GAAoB,MAAqB;EACjD,EAAO,aAAa,CAAC,CAAC,cAAc,EAAE,YAAS,GAAG,CAAO;CAC7D;CACA,sBAAsB;EAClB,IAAM,EAAE,YAAS,EAAO,aAAa,CAAC,CAAC,cAAc;EACrD,OAAO,MAAS,KAAA,IAAY,IAAI;CACpC;CACA,eAAe;EACX,IAAM,EAAE,YAAS,EAAO,aAAa,CAAC,CAAC,cAAc;EACrD,OAAO,KAAK,MAAM,MAAS,KAAA,IAAY,IAAI,CAAI;CACnD;CACA,UAAU,GAAc,IAAgB,OAAU;EAC9C,EAAO,aAAa,CAAC,CAAC,cAAc,EAAE,QAAK,GAAG,CAAa;CAC/D;CACA,mBAAmB;EACf,IAAM,IAAW,EAAO,YAAY;EACpC,OAAO;GACH,OAAO,EAAS;GAChB,QAAQ,EAAS;GACjB,QAAQ,EAAS;GACjB,SAAS;IACL,KAAK,EAAS,QAAQ;IACtB,OAAO,EAAS,QAAQ;IACxB,QAAQ,EAAS,QAAQ;IACzB,MAAM,EAAS,QAAQ;GAC3B;GACA,QAAQ;IACJ,GAAG,EAAS,OAAO;IACnB,GAAG,EAAS,OAAO;GACvB;EACJ;CACJ;CAEA,iBAAiB;EACb,IAAM,EAAE,cAAW,EAAO,aAAa,CAAC,CAAC,cAAc,GAGjD,IAAc,GAAQ,eAAe;EAC3C,OAAO;GACH,SAAS;IACL,KAAK,GAAa,WAAW,CAAC,CAAC;IAC/B,KAAK,GAAa,WAAW,CAAC,CAAC;GACnC;GACA,aAAa;IACT,KAAK,GAAa,eAAe,CAAC,CAAC;IACnC,KAAK,GAAa,eAAe,CAAC,CAAC;GACvC;EACJ;CACJ;CACA,kBAAkB,EAAO,WAAW;CACpC,iBAAiB,EAAO,UAAU,CAAC,CAAC,QAAQ;CAC5C,oBAAoB,EAAO,aAAa;CACxC,iBAAiB,EAAO,WAAW,CAAC,CAAC,OAAO,CAAmB;CAC/D,kBAAkB,EAAO,WAAW,CAAC,CAAC,OAAO,CAAoB;CAEjE,yBACmB,EAAO,WAAW,CAAC,CAAC,OAAO,CACrB,CAAA,CAAO,SAAQ,MAAS,EAAM,WAAW,CACpC,CAAA,CAAa,OAAO,CACvC;CAGX;CACA;CACA;CACA;AACJ"}

package/components/map/utils/positions.js

@@ -1,40 +1,39 @@
-const c = () => ({
-  top: Number.NEGATIVE_INFINITY,
-  right: Number.NEGATIVE_INFINITY,
-  bottom: Number.POSITIVE_INFINITY,
-  left: Number.POSITIVE_INFINITY
-}), E = (t) => t.top !== Number.NEGATIVE_INFINITY && t.bottom !== Number.POSITIVE_INFINITY && t.left !== Number.POSITIVE_INFINITY && t.right !== Number.NEGATIVE_INFINITY, h = (t) => t.reduce(
-  (n, e) => ({
-    top: Math.max(n.top, e.lat),
-    right: Math.max(n.right, e.lng),
-    bottom: Math.min(n.bottom, e.lat),
-    left: Math.min(n.left, e.lng)
-  }),
-  c()
-), T = /^\s*(-?\d+(\.\d+)?)\s*[,\s]\s*(-?\d+(\.\d+)?)\s*$/, V = (t) => {
-  const n = T.exec(t);
-  if (n) {
-    const e = Number.parseFloat(n[1]), I = Number.parseFloat(n[3]);
-    if (e >= -90 && e <= 90 && I >= -180 && I <= 180)
-      return {
-        lat: e,
-        lng: I
-      };
-  }
-}, F = (t = { lat: 0, lng: 0 }, n = { lat: 1, lng: 1 }, e = 200, I = (a) => {
-}, r = () => {
-}) => {
-  const a = window.requestAnimationFrame, s = e / 16, i = (n.lat - t.lat) / s, u = (n.lng - t.lng) / s, g = Math.PI / s;
-  let N = t.lat, o = t.lng, l = 0;
-  const m = () => {
-    l += g, N += i * Math.sin(l) ** 2 * 2, o += u * Math.sin(l) ** 2 * 2, l < Math.PI ? (I({ lat: N, lng: o }), a(m)) : (I(n), r());
-  };
-  a(m);
+//#region src/components/map/utils/positions.ts
+var e = () => ({
+	top: -Infinity,
+	right: -Infinity,
+	bottom: Infinity,
+	left: Infinity
+}), t = (e) => e.top !== -Infinity && e.bottom !== Infinity && e.left !== Infinity && e.right !== -Infinity, n = (t) => t.reduce((e, t) => ({
+	top: Math.max(e.top, t.lat),
+	right: Math.max(e.right, t.lng),
+	bottom: Math.min(e.bottom, t.lat),
+	left: Math.min(e.left, t.lng)
+}), e()), r = /^\s*(-?\d+(\.\d+)?)\s*[,\s]\s*(-?\d+(\.\d+)?)\s*$/, i = (e) => {
+	let t = r.exec(e);
+	if (t) {
+		let e = Number.parseFloat(t[1]), n = Number.parseFloat(t[3]);
+		if (e >= -90 && e <= 90 && n >= -180 && n <= 180) return {
+			lat: e,
+			lng: n
+		};
+	}
+}, a = (e = {
+	lat: 0,
+	lng: 0
+}, t = {
+	lat: 1,
+	lng: 1
+}, n = 200, r = (e) => {}, i = () => {}) => {
+	let a = window.requestAnimationFrame, o = n / 16, s = (t.lat - e.lat) / o, c = (t.lng - e.lng) / o, l = Math.PI / o, u = e.lat, d = e.lng, f = 0, p = () => {
+		f += l, u += s * Math.sin(f) ** 2 * 2, d += c * Math.sin(f) ** 2 * 2, f < Math.PI ? (r({
+			lat: u,
+			lng: d
+		}), a(p)) : (r(t), i());
+	};
+	a(p);
 };
-export {
-  h as calculateBoundingBox,
-  F as ease,
-  E as isValidBoundingBox,
-  V as parsePositionFromString
-};
-//# sourceMappingURL=positions.js.map
+//#endregion
+export { n as calculateBoundingBox, a as ease, t as isValidBoundingBox, i as parsePositionFromString };
+
+//# sourceMappingURL=positions.js.map

package/components/map/utils/positions.js.map

@@ -1 +1 @@
-{"version":3,"file":"positions.js","sources":["../../../../src/components/map/utils/positions.ts"],"sourcesContent":["import type { BoundingBox, Position } from '../../../mapTypes';\n\nconst createBoundingBox = (): BoundingBox => ({\n    top: Number.NEGATIVE_INFINITY,\n    right: Number.NEGATIVE_INFINITY,\n    bottom: Number.POSITIVE_INFINITY,\n    left: Number.POSITIVE_INFINITY,\n});\n\nexport const isValidBoundingBox = (box: BoundingBox): boolean =>\n    box.top !== Number.NEGATIVE_INFINITY &&\n    box.bottom !== Number.POSITIVE_INFINITY &&\n    box.left !== Number.POSITIVE_INFINITY &&\n    box.right !== Number.NEGATIVE_INFINITY;\n\nexport const calculateBoundingBox = (positions: { lat: number; lng: number }[]): BoundingBox =>\n    positions.reduce(\n        (acc, cur) => ({\n            top: Math.max(acc.top, cur.lat),\n            right: Math.max(acc.right, cur.lng),\n            bottom: Math.min(acc.bottom, cur.lat),\n            left: Math.min(acc.left, cur.lng),\n        }),\n        createBoundingBox()\n    );\n\nconst COORDS_REGEX = /^\\s*(-?\\d+(\\.\\d+)?)\\s*[,\\s]\\s*(-?\\d+(\\.\\d+)?)\\s*$/;\n\nexport const parsePositionFromString = (value: string) => {\n    const match = COORDS_REGEX.exec(value);\n    if (match) {\n        const lat = Number.parseFloat(match[1]);\n        const lng = Number.parseFloat(match[3]);\n        if (lat >= -90 && lat <= 90 && lng >= -180 && lng <= 180) {\n            return {\n                lat,\n                lng,\n            };\n        }\n    }\n};\n\n/**\n * Ease function that can be used to animate positions on the map.\n *\n * See: https://developer.here.com/documentation/examples/maps-js/markers/markers-update-position-with-animation\n *\n * @param   {H.geo.IPoint} startCoord   start geo coordinate\n * @param   {H.geo.IPoint} endCoord     end geo coordinate\n * @param   number durationMs           duration of animation between start & end coordinates\n * @param   function onStep             callback executed each step\n * @param   function onStep             callback executed at the end\n */\nexport const ease = (\n    startCoord = { lat: 0, lng: 0 },\n    endCoord = { lat: 1, lng: 1 },\n    durationMs = 200,\n    onStep = (_pos: Position) => {},\n    onComplete = () => {}\n) => {\n    const raf = window.requestAnimationFrame;\n\n    const stepCount = durationMs / 16;\n\n    const valueIncrementLat = (endCoord.lat - startCoord.lat) / stepCount;\n    const valueIncrementLng = (endCoord.lng - startCoord.lng) / stepCount;\n    const sinValueIncrement = Math.PI / stepCount;\n\n    let currentValueLat = startCoord.lat;\n    let currentValueLng = startCoord.lng;\n    let currentSinValue = 0;\n\n    const step = () => {\n        currentSinValue += sinValueIncrement;\n        currentValueLat += valueIncrementLat * Math.sin(currentSinValue) ** 2 * 2;\n        currentValueLng += valueIncrementLng * Math.sin(currentSinValue) ** 2 * 2;\n\n        if (currentSinValue < Math.PI) {\n            onStep({ lat: currentValueLat, lng: currentValueLng });\n            raf(step);\n        } else {\n            onStep(endCoord);\n            onComplete();\n        }\n    };\n\n    raf(step);\n};\n"],"names":["createBoundingBox","isValidBoundingBox","box","calculateBoundingBox","positions","acc","cur","COORDS_REGEX","parsePositionFromString","value","match","lat","lng","ease","startCoord","endCoord","durationMs","onStep","_pos","onComplete","raf","stepCount","valueIncrementLat","valueIncrementLng","sinValueIncrement","currentValueLat","currentValueLng","currentSinValue","step"],"mappings":"AAEA,MAAMA,IAAoB,OAAoB;AAAA,EAC1C,KAAK,OAAO;AAAA,EACZ,OAAO,OAAO;AAAA,EACd,QAAQ,OAAO;AAAA,EACf,MAAM,OAAO;AACjB,IAEaC,IAAqB,CAACC,MAC/BA,EAAI,QAAQ,OAAO,qBACnBA,EAAI,WAAW,OAAO,qBACtBA,EAAI,SAAS,OAAO,qBACpBA,EAAI,UAAU,OAAO,mBAEZC,IAAuB,CAACC,MACjCA,EAAU;AAAA,EACN,CAACC,GAAKC,OAAS;AAAA,IACX,KAAK,KAAK,IAAID,EAAI,KAAKC,EAAI,GAAG;AAAA,IAC9B,OAAO,KAAK,IAAID,EAAI,OAAOC,EAAI,GAAG;AAAA,IAClC,QAAQ,KAAK,IAAID,EAAI,QAAQC,EAAI,GAAG;AAAA,IACpC,MAAM,KAAK,IAAID,EAAI,MAAMC,EAAI,GAAG;AAAA,EAAA;AAAA,EAEpCN,EAAA;AACJ,GAEEO,IAAe,qDAERC,IAA0B,CAACC,MAAkB;AACtD,QAAMC,IAAQH,EAAa,KAAKE,CAAK;AACrC,MAAIC,GAAO;AACP,UAAMC,IAAM,OAAO,WAAWD,EAAM,CAAC,CAAC,GAChCE,IAAM,OAAO,WAAWF,EAAM,CAAC,CAAC;AACtC,QAAIC,KAAO,OAAOA,KAAO,MAAMC,KAAO,QAAQA,KAAO;AACjD,aAAO;AAAA,QACH,KAAAD;AAAA,QACA,KAAAC;AAAA,MAAA;AAAA,EAGZ;AACJ,GAaaC,IAAO,CAChBC,IAAa,EAAE,KAAK,GAAG,KAAK,KAC5BC,IAAW,EAAE,KAAK,GAAG,KAAK,EAAA,GAC1BC,IAAa,KACbC,IAAS,CAACC,MAAmB;AAAC,GAC9BC,IAAa,MAAM;AAAC,MACnB;AACD,QAAMC,IAAM,OAAO,uBAEbC,IAAYL,IAAa,IAEzBM,KAAqBP,EAAS,MAAMD,EAAW,OAAOO,GACtDE,KAAqBR,EAAS,MAAMD,EAAW,OAAOO,GACtDG,IAAoB,KAAK,KAAKH;AAEpC,MAAII,IAAkBX,EAAW,KAC7BY,IAAkBZ,EAAW,KAC7Ba,IAAkB;AAEtB,QAAMC,IAAO,MAAM;AACf,IAAAD,KAAmBH,GACnBC,KAAmBH,IAAoB,KAAK,IAAIK,CAAe,KAAK,IAAI,GACxED,KAAmBH,IAAoB,KAAK,IAAII,CAAe,KAAK,IAAI,GAEpEA,IAAkB,KAAK,MACvBV,EAAO,EAAE,KAAKQ,GAAiB,KAAKC,GAAiB,GACrDN,EAAIQ,CAAI,MAERX,EAAOF,CAAQ,GACfI,EAAA;AAAA,EAER;AAEA,EAAAC,EAAIQ,CAAI;AACZ;"}
+{"version":3,"file":"positions.js","names":[],"sources":["../../../../src/components/map/utils/positions.ts"],"sourcesContent":["import type { BoundingBox, Position } from '../../../mapTypes';\n\nconst createBoundingBox = (): BoundingBox => ({\n    top: Number.NEGATIVE_INFINITY,\n    right: Number.NEGATIVE_INFINITY,\n    bottom: Number.POSITIVE_INFINITY,\n    left: Number.POSITIVE_INFINITY,\n});\n\nexport const isValidBoundingBox = (box: BoundingBox): boolean =>\n    box.top !== Number.NEGATIVE_INFINITY &&\n    box.bottom !== Number.POSITIVE_INFINITY &&\n    box.left !== Number.POSITIVE_INFINITY &&\n    box.right !== Number.NEGATIVE_INFINITY;\n\nexport const calculateBoundingBox = (positions: { lat: number; lng: number }[]): BoundingBox =>\n    positions.reduce(\n        (acc, cur) => ({\n            top: Math.max(acc.top, cur.lat),\n            right: Math.max(acc.right, cur.lng),\n            bottom: Math.min(acc.bottom, cur.lat),\n            left: Math.min(acc.left, cur.lng),\n        }),\n        createBoundingBox()\n    );\n\nconst COORDS_REGEX = /^\\s*(-?\\d+(\\.\\d+)?)\\s*[,\\s]\\s*(-?\\d+(\\.\\d+)?)\\s*$/;\n\nexport const parsePositionFromString = (value: string) => {\n    const match = COORDS_REGEX.exec(value);\n    if (match) {\n        const lat = Number.parseFloat(match[1]);\n        const lng = Number.parseFloat(match[3]);\n        if (lat >= -90 && lat <= 90 && lng >= -180 && lng <= 180) {\n            return {\n                lat,\n                lng,\n            };\n        }\n    }\n};\n\n/**\n * Ease function that can be used to animate positions on the map.\n *\n * See: https://developer.here.com/documentation/examples/maps-js/markers/markers-update-position-with-animation\n *\n * @param   {H.geo.IPoint} startCoord   start geo coordinate\n * @param   {H.geo.IPoint} endCoord     end geo coordinate\n * @param   number durationMs           duration of animation between start & end coordinates\n * @param   function onStep             callback executed each step\n * @param   function onStep             callback executed at the end\n */\nexport const ease = (\n    startCoord = { lat: 0, lng: 0 },\n    endCoord = { lat: 1, lng: 1 },\n    durationMs = 200,\n    onStep = (_pos: Position) => {},\n    onComplete = () => {}\n) => {\n    const raf = window.requestAnimationFrame;\n\n    const stepCount = durationMs / 16;\n\n    const valueIncrementLat = (endCoord.lat - startCoord.lat) / stepCount;\n    const valueIncrementLng = (endCoord.lng - startCoord.lng) / stepCount;\n    const sinValueIncrement = Math.PI / stepCount;\n\n    let currentValueLat = startCoord.lat;\n    let currentValueLng = startCoord.lng;\n    let currentSinValue = 0;\n\n    const step = () => {\n        currentSinValue += sinValueIncrement;\n        currentValueLat += valueIncrementLat * Math.sin(currentSinValue) ** 2 * 2;\n        currentValueLng += valueIncrementLng * Math.sin(currentSinValue) ** 2 * 2;\n\n        if (currentSinValue < Math.PI) {\n            onStep({ lat: currentValueLat, lng: currentValueLng });\n            raf(step);\n        } else {\n            onStep(endCoord);\n            onComplete();\n        }\n    };\n\n    raf(step);\n};\n"],"mappings":";AAEA,IAAM,WAAwC;CAC1C,KAAK;CACL,OAAO;CACP,QAAQ;CACR,MAAM;AACV,IAEa,KAAsB,MAC/B,EAAI,QAAQ,aACZ,EAAI,WAAW,YACf,EAAI,SAAS,YACb,EAAI,UAAU,WAEL,KAAwB,MACjC,EAAU,QACL,GAAK,OAAS;CACX,KAAK,KAAK,IAAI,EAAI,KAAK,EAAI,GAAG;CAC9B,OAAO,KAAK,IAAI,EAAI,OAAO,EAAI,GAAG;CAClC,QAAQ,KAAK,IAAI,EAAI,QAAQ,EAAI,GAAG;CACpC,MAAM,KAAK,IAAI,EAAI,MAAM,EAAI,GAAG;AACpC,IACA,EAAkB,CACtB,GAEE,IAAe,qDAER,KAA2B,MAAkB;CACtD,IAAM,IAAQ,EAAa,KAAK,CAAK;CACrC,IAAI,GAAO;EACP,IAAM,IAAM,OAAO,WAAW,EAAM,EAAE,GAChC,IAAM,OAAO,WAAW,EAAM,EAAE;EACtC,IAAI,KAAO,OAAO,KAAO,MAAM,KAAO,QAAQ,KAAO,KACjD,OAAO;GACH;GACA;EACJ;CAER;AACJ,GAaa,KACT,IAAa;CAAE,KAAK;CAAG,KAAK;AAAE,GAC9B,IAAW;CAAE,KAAK;CAAG,KAAK;AAAE,GAC5B,IAAa,KACb,KAAU,MAAmB,CAAC,GAC9B,UAAmB,CAAC,MACnB;CACD,IAAM,IAAM,OAAO,uBAEb,IAAY,IAAa,IAEzB,KAAqB,EAAS,MAAM,EAAW,OAAO,GACtD,KAAqB,EAAS,MAAM,EAAW,OAAO,GACtD,IAAoB,KAAK,KAAK,GAEhC,IAAkB,EAAW,KAC7B,IAAkB,EAAW,KAC7B,IAAkB,GAEhB,UAAa;EAKf,AAJA,KAAmB,GACnB,KAAmB,IAAoB,KAAK,IAAI,CAAe,KAAK,IAAI,GACxE,KAAmB,IAAoB,KAAK,IAAI,CAAe,KAAK,IAAI,GAEpE,IAAkB,KAAK,MACvB,EAAO;GAAE,KAAK;GAAiB,KAAK;EAAgB,CAAC,GACrD,EAAI,CAAI,MAER,EAAO,CAAQ,GACf,EAAW;CAEnB;CAEA,EAAI,CAAI;AACZ"}

package/components/map/utils/rendering.js

@@ -1,124 +1,46 @@
-import { MAP_TYPE_DEFAULT as M, MAP_TYPE_NIGHT as p, MAP_TYPE_FLEET_STYLE as _, MAP_TYPE_TERRAIN as v, MAP_TYPE_SATELLITE as A, ENGINE_TYPE_HARP as d, ENGINE_TYPE_P2D as l, DEFAULT_RASTER_LAYER_FORMAT as L } from "../components/constants.js";
-const h = () => window.devicePixelRatio >= 1.7 ? 200 : 100, u = (r, e) => r && e !== v && e !== _, w = (r) => (
-  // Initiate and authenticate your connection to the HERE platform:
-  new H.service.Platform({
-    apikey: r.apikey ?? "",
-    useHTTPS: location.protocol === "https:"
-  })
-), P = (r, e, a, t) => {
-  const n = new H.service.rasterTile.Provider(r, {
-    engineType: e,
-    tileSize: 512
-  }), s = new H.map.layer.TileLayer(n);
-  return s.setMin(a), s.setMax(t), s;
-}, 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: h(),
-    style: e,
-    features: a
-  }
-}), S = (r, e) => {
-  switch (r) {
-    case _:
-    case v:
-      return l;
-    default:
-      return e ? d : l;
-  }
-}, b = async ({
-  baseLayerName: r,
-  defaultLayers: e,
-  enableWebGL: a,
-  platform: t,
-  engineType: n,
-  language: s,
-  minZoom: i,
-  maxZoom: c
-}) => {
-  const T = "pois:all,environmental_zones:all,congestion_zones:all,vehicle_restrictions:disabled";
-  if (a && r === M)
-    return e?.vector.normal.map.setMin(i), e?.vector.normal.map.setMax(c), {
-      baseLayer: e?.vector.normal.map
-    };
-  switch (r) {
-    case A: {
-      if (a) {
-        const y = {
-          base: {
-            style: "oslo",
-            scheme: "hybrid.day"
-          }
-        };
-        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
-          }),
-          console.error
-        );
-      }
-      return {
-        baseLayer: P(
-          E(t, "explore.satellite.day", T, s),
-          n,
-          i,
-          c
-        )
-      };
-    }
-    case v:
-      return {
-        baseLayer: P(
-          E(t, "topo.day", T, s),
-          n,
-          i,
-          c
-        )
-      };
-    case _:
-      return {
-        baseLayer: P(
-          E(t, "logistics.day", T, s),
-          l,
-          i,
-          c
-        )
-      };
-    case p:
-      return a ? (e?.vector.normal.mapnight.setMin(i), e?.vector.normal.mapnight.setMax(c), {
-        // @ts-expect-error-next-line "vector.normal.mapnight" is newer than the types
-        baseLayer: e.vector.normal.mapnight
-      }) : {
-        baseLayer: P(
-          E(t, "explore.night", T, s),
-          n,
-          i,
-          c
-        )
-      };
-    default:
-      return {
-        baseLayer: P(
-          E(t, "explore.day", T, s),
-          n,
-          i,
-          c
-        )
-      };
-  }
+import { ENGINE_TYPE_HARP as e, ENGINE_TYPE_P2D as t, MAP_TYPE_FLEET_STYLE as n, MAP_TYPE_NIGHT as r, MAP_TYPE_SATELLITE as i, MAP_TYPE_TERRAIN as a } from "../components/constants.js";
+//#region src/components/map/utils/rendering.ts
+var o = () => window.devicePixelRatio >= 1.7 ? 200 : 100, s = (e, t) => e && t !== "TERRAIN" && t !== "FLEET_STYLE", c = (e) => new H.service.Platform({
+	apikey: e.apikey ?? "",
+	useHTTPS: location.protocol === "https:"
+}), l = (e, t, n, r) => {
+	let i = new H.service.rasterTile.Provider(e, {
+		engineType: t,
+		tileSize: 512
+	}), a = new H.map.layer.TileLayer(i);
+	return a.setMin(n), a.setMax(r), a;
+}, u = (e, t, n, r) => e?.getRasterTileService({
+	format: "png",
+	queryParams: {
+		lang: r,
+		ppi: o(),
+		style: t,
+		features: n
+	}
+}), d = (r, i) => {
+	switch (r) {
+		case n:
+		case a: return t;
+		default: return i ? e : t;
+	}
+}, f = async ({ baseLayerName: e, defaultLayers: o, enableWebGL: s, platform: c, engineType: d, language: f, minZoom: p, maxZoom: m }) => {
+	let h = "pois:all,environmental_zones:all,congestion_zones:all,vehicle_restrictions:disabled";
+	if (s && e === "DEFAULT") return o?.vector.normal.map.setMin(p), o?.vector.normal.map.setMax(m), { baseLayer: o?.vector.normal.map };
+	switch (e) {
+		case i: return s && await c.createHybridLayers({ base: {
+			style: "oslo",
+			scheme: "hybrid.day"
+		} }, (e) => (e.raster.setMin(p), e.raster.setMax(m), e.vector.setMin(p), e.vector.setMax(m), {
+			baseLayer: e.raster,
+			overlayLayer: e.vector
+		}), console.error), { baseLayer: l(u(c, "explore.satellite.day", h, f), d, p, m) };
+		case a: return { baseLayer: l(u(c, "topo.day", h, f), d, p, m) };
+		case n: return { baseLayer: l(u(c, "logistics.day", h, f), t, p, m) };
+		case r: return s ? (o?.vector.normal.mapnight.setMin(p), o?.vector.normal.mapnight.setMax(m), { baseLayer: o.vector.normal.mapnight }) : { baseLayer: l(u(c, "explore.night", h, f), d, p, m) };
+		default: return { baseLayer: l(u(c, "explore.day", h, f), d, p, m) };
+	}
 };
-export {
-  b as getBaseLayer,
-  E as getBaseRasterTileService,
-  P as getBaseTileLayer,
-  S as getEngineType,
-  h as getPPI,
-  w as getPlatform,
-  u as isVectorBased
-};
-//# sourceMappingURL=rendering.js.map
+//#endregion
+export { f as getBaseLayer, u as getBaseRasterTileService, l as getBaseTileLayer, d as getEngineType, o as getPPI, c as getPlatform, s 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-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":";AAeO,MAAMA,IAAS,MAAO,OAAO,oBAAoB,MAAM,MAAM,KAGvDC,IAAgB,CAACC,GAAsBC,MAChDD,KAAeC,MAAcC,KAAoBD,MAAcE,GAGtDC,IAAc,CAACC;AAAA;AAAA,EAExB,IAAI,EAAE,QAAQ,SAAS;AAAA,IACnB,QAAQA,EAAY,UAAU;AAAA,IAC9B,UAAU,SAAS,aAAa;AAAA,EAAA,CACnC;AAAA,GAEQC,IAAmB,CAC5BC,GACAC,GACAC,GACAC,MACC;AAED,QAAMC,IAAqB,IAAI,EAAE,QAAQ,WAAW,SAASJ,GAAmB;AAAA,IAC5E,YAAAC;AAAA,IACA,UAAU;AAAA,EAAA,CACb,GAEKI,IAAkB,IAAI,EAAE,IAAI,MAAM,UAAUD,CAAkB;AAGpE,SAAAC,EAAgB,OAAOH,CAAO,GAC9BG,EAAgB,OAAOF,CAAO,GAEvBE;AACX,GAEaC,IAA2B,CACpCC,GACAC,GACAC,GACAC,MAGOH,GAAU,qBAAqB;AAAA,EAClC,QAAQI;AAAA,EACR,aAAa;AAAA;AAAA,IAET,MAAAD;AAAA,IACA,KAAKnB,EAAA;AAAA,IACL,OAAAiB;AAAA,IACA,UAAAC;AAAA,EAAA;AACJ,CACH,GAGQG,IAAgB,CAACC,GAAuBpB,MAAyB;AAC1E,UAAQoB,GAAA;AAAA,IACJ,KAAKjB;AAAA,IACL,KAAKD;AACD,aAAOmB;AAAA,IACX;AACI,aAAOrB,IAAcsB,IAAmBD;AAAA,EAAA;AAEpD,GAgBaE,IAAe,OAAO;AAAA,EAC/B,eAAAH;AAAA,EACA,eAAAI;AAAA,EACA,aAAAxB;AAAA,EACA,UAAAc;AAAA,EACA,YAAAN;AAAA,EACA,UAAAiB;AAAA,EACA,SAAAhB;AAAA,EACA,SAAAC;AACJ,MAA6C;AAEzC,QAAMM,IAAW;AAEjB,MAAIhB,KAAeoB,MAAkBM;AACjC,WAAAF,GAAe,OAAO,OAAO,IAAI,OAAOf,CAAO,GAC/Ce,GAAe,OAAO,OAAO,IAAI,OAAOd,CAAO,GAExC;AAAA,MACH,WAAWc,GAAe,OAAO,OAAO;AAAA,IAAA;AAGhD,UAAQJ,GAAA;AAAA,IACJ,KAAKO,GAAoB;AACrB,UAAI3B,GAAa;AAKb,cAAM4B,IAAoB;AAAA,UACtB,MAAM;AAAA,YACF,OAAO;AAAA,YACP,QAAQ;AAAA,UAAA;AAAA,QACZ;AAOJ,cAAMd,EAAS;AAAA,UACXc;AAAA;AAAA,UAEA,CAACC,OACGA,EAAO,OAAO,OAAOpB,CAAO,GAC5BoB,EAAO,OAAO,OAAOnB,CAAO,GAE5BmB,EAAO,OAAO,OAAOpB,CAAO,GAC5BoB,EAAO,OAAO,OAAOnB,CAAO,GAErB;AAAA,YACH,WAAWmB,EAAO;AAAA,YAClB,cAAcA,EAAO;AAAA,UAAA;AAAA,UAG7B,QAAQ;AAAA,QAAA;AAAA,MAEhB;AACA,aAAO;AAAA,QACH,WAAWvB;AAAA,UACPO,EAAyBC,GAAU,yBAAyBE,GAAUS,CAAQ;AAAA,UAC9EjB;AAAA,UACAC;AAAA,UACAC;AAAA,QAAA;AAAA,MACJ;AAAA,IAER;AAAA,IACA,KAAKR;AACD,aAAO;AAAA,QACH,WAAWI;AAAA,UACPO,EAAyBC,GAAU,YAAYE,GAAUS,CAAQ;AAAA,UACjEjB;AAAA,UACAC;AAAA,UACAC;AAAA,QAAA;AAAA,MACJ;AAAA,IAGR,KAAKP;AACD,aAAO;AAAA,QACH,WAAWG;AAAA,UACPO,EAAyBC,GAAU,iBAAiBE,GAAUS,CAAQ;AAAA,UACtEJ;AAAA,UACAZ;AAAA,UACAC;AAAA,QAAA;AAAA,MACJ;AAAA,IAGR,KAAKoB;AACD,aAAI9B,KAEAwB,GAAe,OAAO,OAAO,SAAS,OAAOf,CAAO,GAEpDe,GAAe,OAAO,OAAO,SAAS,OAAOd,CAAO,GAE7C;AAAA;AAAA,QAEH,WAAWc,EAAc,OAAO,OAAO;AAAA,MAAA,KAGxC;AAAA,QACH,WAAWlB;AAAA,UACPO,EAAyBC,GAAU,iBAAiBE,GAAUS,CAAQ;AAAA,UACtEjB;AAAA,UACAC;AAAA,UACAC;AAAA,QAAA;AAAA,MACJ;AAAA,IAGR;AAGI,aAAO;AAAA,QACH,WAAWJ;AAAA,UACPO,EAAyBC,GAAU,eAAeE,GAAUS,CAAQ;AAAA,UACpEjB;AAAA,UACAC;AAAA,UACAC;AAAA,QAAA;AAAA,MACJ;AAAA,EAER;AAER;"}
+{"version":3,"file":"rendering.js","names":[],"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"],"mappings":";;AAeA,IAAa,UAAgB,OAAO,oBAAoB,MAAM,MAAM,KAGvD,KAAiB,GAAsB,MAChD,KAAe,MAAA,aAAkC,MAAA,eAGxC,KAAe,MAExB,IAAI,EAAE,QAAQ,SAAS;CACnB,QAAQ,EAAY,UAAU;CAC9B,UAAU,SAAS,aAAa;AACpC,CAAC,GAEQ,KACT,GACA,GACA,GACA,MACC;CAED,IAAM,IAAqB,IAAI,EAAE,QAAQ,WAAW,SAAS,GAAmB;EAC5E;EACA,UAAU;CACd,CAAC,GAEK,IAAkB,IAAI,EAAE,IAAI,MAAM,UAAU,CAAkB;CAMpE,OAHA,EAAgB,OAAO,CAAO,GAC9B,EAAgB,OAAO,CAAO,GAEvB;AACX,GAEa,KACT,GACA,GACA,GACA,MAGO,GAAU,qBAAqB;CAClC,QAAA;CACA,aAAa;EAET;EACA,KAAK,EAAO;EACZ;EACA;CACJ;AACJ,CAAC,GAGQ,KAAiB,GAAuB,MAAyB;CAC1E,QAAQ,GAAR;EACI,KAAK;EACL,KAAK,GACD,OAAO;EACX,SACI,OAAO,IAAc,IAAmB;CAChD;AACJ,GAgBa,IAAe,OAAO,EAC/B,kBACA,kBACA,gBACA,aACA,eACA,aACA,YACA,iBACyC;CAEzC,IAAM,IAAW;CAEjB,IAAI,KAAe,MAAA,WAIf,OAHA,GAAe,OAAO,OAAO,IAAI,OAAO,CAAO,GAC/C,GAAe,OAAO,OAAO,IAAI,OAAO,CAAO,GAExC,EACH,WAAW,GAAe,OAAO,OAAO,IAC5C;CAEJ,QAAQ,GAAR;EACI,KAAK,GAmCD,OAlCI,KAgBA,MAAM,EAAS,mBACX,EAXA,MAAM;GACF,OAAO;GACP,QAAQ;EACZ,EAQA,IAEC,OACG,EAAO,OAAO,OAAO,CAAO,GAC5B,EAAO,OAAO,OAAO,CAAO,GAE5B,EAAO,OAAO,OAAO,CAAO,GAC5B,EAAO,OAAO,OAAO,CAAO,GAErB;GACH,WAAW,EAAO;GAClB,cAAc,EAAO;EACzB,IAEJ,QAAQ,KACZ,GAEG,EACH,WAAW,EACP,EAAyB,GAAU,yBAAyB,GAAU,CAAQ,GAC9E,GACA,GACA,CACJ,EACJ;EAEJ,KAAK,GACD,OAAO,EACH,WAAW,EACP,EAAyB,GAAU,YAAY,GAAU,CAAQ,GACjE,GACA,GACA,CACJ,EACJ;EAEJ,KAAK,GACD,OAAO,EACH,WAAW,EACP,EAAyB,GAAU,iBAAiB,GAAU,CAAQ,GACtE,GACA,GACA,CACJ,EACJ;EAEJ,KAAK,GAYD,OAXI,KAEA,GAAe,OAAO,OAAO,SAAS,OAAO,CAAO,GAEpD,GAAe,OAAO,OAAO,SAAS,OAAO,CAAO,GAE7C,EAEH,WAAW,EAAc,OAAO,OAAO,SAC3C,KAEG,EACH,WAAW,EACP,EAAyB,GAAU,iBAAiB,GAAU,CAAQ,GACtE,GACA,GACA,CACJ,EACJ;EAEJ,SAGI,OAAO,EACH,WAAW,EACP,EAAyB,GAAU,eAAe,GAAU,CAAQ,GACpE,GACA,GACA,CACJ,EACJ;CAER;AACJ"}

package/components/mapMarker/ClusterMapMarker.d.ts

@@ -1,4 +1,5 @@
 import { MarkerColor } from '../map/utils/mapTypes';
+import { IconType } from '../icon/Icon';
 export type ClusterMapMarkerProps = {
     /**
      * Number displayed in the center.
@@ -47,9 +48,9 @@ export type ClusterMapMarkerProps = {
      */
     markerColor?: MarkerColor;
     /**
-     * Name of a rioglyph icon.
+     * Name of a uikit-icon icon.
      */
-    iconName?: string;
+    iconName?: IconType;
     /**
      * Marker cursor
      */

package/components/mapMarker/ClusterMapMarker.js

@@ -1,40 +1,46 @@
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import o from "../../utils/classNames.js";
-import { markerColorMapping as v } from "../map/utils/mapTypes.js";
-const g = (t) => {
-  const {
-    count: n,
-    exceptionCount: a = 0,
-    markerColor: e = "bg-map-marker-asset",
-    warningCount: c = 0,
-    active: s = !1,
-    clickable: m = !0,
-    iconName: i,
-    cursor: p = "cursor-pointer"
-  } = t, d = o("rio-map-cluster-circle", s && "active", p), u = o(
-    s && "active",
-    "rio-map-marker",
-    "rio-map-marker-center-center",
-    !m && "not-clickable"
-  ), k = `var(${v[e]})`;
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      className: u,
-      style: { color: k },
-      "data-marker-type": e.replace("bg-", "cluster-"),
-      children: /* @__PURE__ */ r("div", { className: "rio-map-marker-translate", children: /* @__PURE__ */ l("div", { className: "rio-map-cluster", children: [
-        /* @__PURE__ */ r("div", { className: d, children: /* @__PURE__ */ l("div", { className: "rio-map-cluster-content", children: [
-          i && /* @__PURE__ */ r("span", { className: "rio-map-icon", children: /* @__PURE__ */ r("span", { className: `rioglyph rioglyph-${i}` }) }),
-          /* @__PURE__ */ r("div", { className: "rio-map-count", children: n })
-        ] }) }),
-        a > 0 && /* @__PURE__ */ r("div", { className: "rio-map-bubble exception", children: a }),
-        c > 0 && /* @__PURE__ */ r("div", { className: "rio-map-bubble warning", children: c })
-      ] }) })
-    }
-  );
+import { markerColorMapping as e } from "../map/utils/mapTypes.js";
+import t from "../../utils/classNames.js";
+import { normalizeIconName as n } from "../../utils/iconNames.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/mapMarker/ClusterMapMarker.tsx
+var a = (a) => {
+	let { count: o, exceptionCount: s = 0, markerColor: c = "bg-map-marker-asset", warningCount: l = 0, active: u = !1, clickable: d = !0, iconName: f, cursor: p = "cursor-pointer" } = a, m = t("rio-map-cluster-circle", u && "active", p);
+	return /* @__PURE__ */ r("div", {
+		className: t(u && "active", "rio-map-marker", "rio-map-marker-center-center", !d && "not-clickable"),
+		style: { color: `var(${e[c]})` },
+		"data-marker-type": c.replace("bg-", "cluster-"),
+		children: /* @__PURE__ */ r("div", {
+			className: "rio-map-marker-translate",
+			children: /* @__PURE__ */ i("div", {
+				className: "rio-map-cluster",
+				children: [
+					/* @__PURE__ */ r("div", {
+						className: m,
+						children: /* @__PURE__ */ i("div", {
+							className: "rio-map-cluster-content",
+							children: [f && /* @__PURE__ */ r("span", {
+								className: "rio-map-icon",
+								children: /* @__PURE__ */ r("span", { className: `uikit-icon ${n(f)}` })
+							}), /* @__PURE__ */ r("div", {
+								className: "rio-map-count",
+								children: o
+							})]
+						})
+					}),
+					s > 0 && /* @__PURE__ */ r("div", {
+						className: "rio-map-bubble exception",
+						children: s
+					}),
+					l > 0 && /* @__PURE__ */ r("div", {
+						className: "rio-map-bubble warning",
+						children: l
+					})
+				]
+			})
+		})
+	});
 };
-export {
-  g as default
-};
-//# sourceMappingURL=ClusterMapMarker.js.map
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=ClusterMapMarker.js.map

package/components/mapMarker/ClusterMapMarker.js.map

@@ -1 +1 @@
-{"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     * Set this to `false` for large passive marker sets to avoid unnecessary DOM hit-testing during pan and zoom.\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":";;;AAmEA,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","names":[],"sources":["../../../src/components/mapMarker/ClusterMapMarker.tsx"],"sourcesContent":["import classNames from '../../utils/classNames';\nimport { normalizeIconName } from '../../utils/iconNames';\nimport { markerColorMapping, type MarkerColor } from '../map/utils/mapTypes';\nimport type { IconType } from '../icon/Icon';\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     * Set this to `false` for large passive marker sets to avoid unnecessary DOM hit-testing during pan and zoom.\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 uikit-icon icon.\n     */\n    iconName?: IconType;\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={`uikit-icon ${normalizeIconName(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"],"mappings":";;;;;AAqEA,IAAM,KAAoB,MAAiC;CACvD,IAAM,EACF,UACA,oBAAiB,GACjB,iBAAc,uBACd,kBAAe,GACf,YAAS,IACT,eAAY,IACZ,aACA,YAAS,qBACT,GAEE,IAAiB,EAAW,0BAA0B,KAAU,UAAU,CAAM;CAUtF,OACI,kBAAC,OAAD;EACI,WAXQ,EACZ,KAAU,UACV,kBACA,gCACA,CAAC,KAAa,eAOC;EACX,OAAO,EAAE,OAAO,OALa,EAAmB,GAAa,GAKvB;EACtC,oBAAkB,EAAY,QAAQ,OAAO,UAAU;YAEvD,kBAAC,OAAD;GAAK,WAAU;aACX,kBAAC,OAAD;IAAK,WAAU;cAAf;KACI,kBAAC,OAAD;MAAK,WAAW;gBACZ,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACK,KACG,kBAAC,QAAD;QAAM,WAAU;kBACZ,kBAAC,QAAD,EAAM,WAAW,cAAc,EAAkB,CAAQ,IAAM,CAAA;OAC7D,CAAA,GAEV,kBAAC,OAAD;QAAK,WAAU;kBAAiB;OAAW,CAAA,CAC1C;;KACJ,CAAA;KACJ,IAAiB,KAAK,kBAAC,OAAD;MAAK,WAAU;gBAA4B;KAAoB,CAAA;KACrF,IAAe,KAAK,kBAAC,OAAD;MAAK,WAAU;gBAA0B;KAAkB,CAAA;IAC/E;;EACJ,CAAA;CACJ,CAAA;AAEb"}

package/components/mapMarker/SingleMapMarker.d.ts

@@ -1,5 +1,6 @@
 import { ComponentProps, ReactNode } from 'react';
 import { MarkerColor } from '../map/utils/mapTypes';
+import { IconType } from '../icon/Icon';
 export type SingleMapMarkerProps = ComponentProps<'div'> & {
     /**
      * Defines the rotation of the arrow in deg.
@@ -52,7 +53,7 @@ export type SingleMapMarkerProps = ComponentProps<'div'> & {
     /**
      * Optional icon that is shown in the state indicator and used instead of the moving direction arrow.
      */
-    stateIconName?: string;
+    stateIconName?: IconType;
     /**
      * Defines if marker is displayed with pinging animation.
      *
@@ -60,9 +61,9 @@ export type SingleMapMarkerProps = ComponentProps<'div'> & {
      */
     pinging?: boolean;
     /**
-     * List of rioglyph icon names.
+     * List of uikit-icon icon names.
      */
-    iconNames?: string[];
+    iconNames?: IconType[];
     /**
      * Defines the color of the marker.
      *
@@ -104,7 +105,7 @@ export type SingleMapMarkerProps = ComponentProps<'div'> & {
      * Optional icon that is shown on the anchor of the DOM marker.
      * Use this when no marker content is shown.
      */
-    anchorIconName?: string;
+    anchorIconName?: IconType;
     /**
      * Shows only the anchor without the rest of the marker.
      */