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

package/components/map/components/features/MapZoom.js

@@ -1,25 +1,25 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useEffect as f } from "react";
-import a from "./settings/ZoomButtons.js";
-import { useMapContext as p } from "../MapContext.js";
-const I = (r) => {
-  const { zoom: n, hideZoomButtons: s, zoomAnimation: m, onZoomIn: u, onZoomOut: Z } = r, { api: o } = p();
-  f(() => {
-    if (!o)
+import { jsx as p } from "react/jsx-runtime";
+import { useRef as d, useEffect as O } from "react";
+import I from "./settings/ZoomButtons.js";
+import { useMapContext as M } from "../MapContext.js";
+const g = 1e-3, P = (i) => {
+  const { zoom: t, hideZoomButtons: Z, zoomAnimation: r, onZoomIn: c, onZoomOut: a } = i, { api: o, enableFractionalZoom: m, isZoomInteractionActive: s } = M(), u = d();
+  O(() => {
+    if (!(o && t !== void 0) || u.current === t || m && s)
       return;
-    const e = o.utils?.getZoom();
-    n && e !== n && o.utils?.setZoom(n, m);
-  }, [n]);
-  const i = () => {
-    const t = (o?.utils?.getZoom() ?? 0) + 1;
-    u(t), o?.utils?.setZoom(t, m);
-  }, c = () => {
-    const t = (o?.utils?.getZoom() ?? 0) - 1;
-    Z(t), o?.utils?.setZoom(t, m);
+    const n = m ? o.utils?.getPreciseZoom() : o.utils?.getZoom();
+    n !== void 0 && (m ? Math.abs(n - t) > g : n !== t) && o.utils?.setZoom(t, r), u.current = t;
+  }, [o, t, r, m, s]);
+  const l = () => {
+    const e = (o?.utils?.getZoom() ?? 0) + 1;
+    c(e), o?.utils?.setZoom(e, r);
+  }, f = () => {
+    const e = (o?.utils?.getZoom() ?? 0) - 1;
+    a(e), o?.utils?.setZoom(e, r);
   };
-  return s ? null : /* @__PURE__ */ l(a, { onZoomIn: i, onZoomOut: c });
+  return Z ? null : /* @__PURE__ */ p(I, { onZoomIn: l, onZoomOut: f });
 };
 export {
-  I as default
+  P as default
 };
 //# sourceMappingURL=MapZoom.js.map

package/components/map/components/features/MapZoom.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapZoom.js","sources":["../../../../../src/components/map/components/features/MapZoom.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nimport ZoomButtons from './settings/ZoomButtons';\nimport { useMapContext } from '../MapContext';\n\nexport type MapZoomProps = {\n    zoom?: number;\n    hideZoomButtons: boolean;\n    zoomAnimation: boolean;\n    onZoomIn: (zoom: number) => void;\n    onZoomOut: (zoom: number) => void;\n};\n\nconst MapZoom = (props: MapZoomProps) => {\n    const { zoom, hideZoomButtons, zoomAnimation, onZoomIn, onZoomOut } = props;\n\n    const { api } = useMapContext();\n\n    // Update Zoom from outside if value is different\n    useEffect(() => {\n        if (!api) {\n            return;\n        }\n\n        const currentMapZoom = api.utils?.getZoom();\n\n        if (zoom && currentMapZoom !== zoom) {\n            api.utils?.setZoom(zoom, zoomAnimation);\n        }\n    }, [zoom]);\n\n    const handleZoomIn = () => {\n        const currentZoom = api?.utils?.getZoom() ?? 0;\n        const newZoom = currentZoom + 1;\n\n        onZoomIn(newZoom);\n        api?.utils?.setZoom(newZoom, zoomAnimation);\n    };\n\n    const handleZoomOut = () => {\n        const currentZoom = api?.utils?.getZoom() ?? 0;\n        const newZoom = currentZoom - 1;\n\n        onZoomOut(newZoom);\n        api?.utils?.setZoom(newZoom, zoomAnimation);\n    };\n\n    if (hideZoomButtons) {\n        return null;\n    }\n\n    return <ZoomButtons onZoomIn={handleZoomIn} onZoomOut={handleZoomOut} />;\n};\n\nexport default MapZoom;\n"],"names":["MapZoom","props","zoom","hideZoomButtons","zoomAnimation","onZoomIn","onZoomOut","api","useMapContext","useEffect","currentMapZoom","handleZoomIn","newZoom","handleZoomOut","jsx","ZoomButtons"],"mappings":";;;;AAaA,MAAMA,IAAU,CAACC,MAAwB;AACrC,QAAM,EAAE,MAAAC,GAAM,iBAAAC,GAAiB,eAAAC,GAAe,UAAAC,GAAU,WAAAC,MAAcL,GAEhE,EAAE,KAAAM,EAAA,IAAQC,EAAA;AAGhB,EAAAC,EAAU,MAAM;AACZ,QAAI,CAACF;AACD;AAGJ,UAAMG,IAAiBH,EAAI,OAAO,QAAA;AAElC,IAAIL,KAAQQ,MAAmBR,KAC3BK,EAAI,OAAO,QAAQL,GAAME,CAAa;AAAA,EAE9C,GAAG,CAACF,CAAI,CAAC;AAET,QAAMS,IAAe,MAAM;AAEvB,UAAMC,KADcL,GAAK,OAAO,QAAA,KAAa,KACf;AAE9B,IAAAF,EAASO,CAAO,GAChBL,GAAK,OAAO,QAAQK,GAASR,CAAa;AAAA,EAC9C,GAEMS,IAAgB,MAAM;AAExB,UAAMD,KADcL,GAAK,OAAO,QAAA,KAAa,KACf;AAE9B,IAAAD,EAAUM,CAAO,GACjBL,GAAK,OAAO,QAAQK,GAASR,CAAa;AAAA,EAC9C;AAEA,SAAID,IACO,OAGJ,gBAAAW,EAACC,GAAA,EAAY,UAAUJ,GAAc,WAAWE,GAAe;AAC1E;"}
+{"version":3,"file":"MapZoom.js","sources":["../../../../../src/components/map/components/features/MapZoom.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport ZoomButtons from './settings/ZoomButtons';\nimport { useMapContext } from '../MapContext';\n\nconst ZOOM_SYNC_EPSILON = 0.001;\n\nexport type MapZoomProps = {\n    zoom?: number;\n    hideZoomButtons: boolean;\n    zoomAnimation: boolean;\n    onZoomIn: (zoom: number) => void;\n    onZoomOut: (zoom: number) => void;\n};\n\nconst MapZoom = (props: MapZoomProps) => {\n    const { zoom, hideZoomButtons, zoomAnimation, onZoomIn, onZoomOut } = props;\n\n    const { api, enableFractionalZoom, isZoomInteractionActive } = useMapContext();\n    const lastProcessedExternalZoomRef = useRef<number | undefined>();\n\n    // Update Zoom from outside if value is different\n    useEffect(() => {\n        if (!(api && zoom !== undefined)) {\n            return;\n        }\n\n        if (lastProcessedExternalZoomRef.current === zoom) {\n            return;\n        }\n\n        if (enableFractionalZoom && isZoomInteractionActive) {\n            return;\n        }\n\n        const currentMapZoom = enableFractionalZoom ? api.utils?.getPreciseZoom() : api.utils?.getZoom();\n\n        if (\n            currentMapZoom !== undefined &&\n            (enableFractionalZoom ? Math.abs(currentMapZoom - zoom) > ZOOM_SYNC_EPSILON : currentMapZoom !== zoom)\n        ) {\n            api.utils?.setZoom(zoom, zoomAnimation);\n        }\n\n        lastProcessedExternalZoomRef.current = zoom;\n    }, [api, zoom, zoomAnimation, enableFractionalZoom, isZoomInteractionActive]);\n\n    const handleZoomIn = () => {\n        const currentZoom = api?.utils?.getZoom() ?? 0;\n        const newZoom = currentZoom + 1;\n\n        onZoomIn(newZoom);\n        api?.utils?.setZoom(newZoom, zoomAnimation);\n    };\n\n    const handleZoomOut = () => {\n        const currentZoom = api?.utils?.getZoom() ?? 0;\n        const newZoom = currentZoom - 1;\n\n        onZoomOut(newZoom);\n        api?.utils?.setZoom(newZoom, zoomAnimation);\n    };\n\n    if (hideZoomButtons) {\n        return null;\n    }\n\n    return <ZoomButtons onZoomIn={handleZoomIn} onZoomOut={handleZoomOut} />;\n};\n\nexport default MapZoom;\n"],"names":["ZOOM_SYNC_EPSILON","MapZoom","props","zoom","hideZoomButtons","zoomAnimation","onZoomIn","onZoomOut","api","enableFractionalZoom","isZoomInteractionActive","useMapContext","lastProcessedExternalZoomRef","useRef","useEffect","currentMapZoom","handleZoomIn","newZoom","handleZoomOut","jsx","ZoomButtons"],"mappings":";;;;AAKA,MAAMA,IAAoB,MAUpBC,IAAU,CAACC,MAAwB;AACrC,QAAM,EAAE,MAAAC,GAAM,iBAAAC,GAAiB,eAAAC,GAAe,UAAAC,GAAU,WAAAC,MAAcL,GAEhE,EAAE,KAAAM,GAAK,sBAAAC,GAAsB,yBAAAC,EAAA,IAA4BC,EAAA,GACzDC,IAA+BC,EAAA;AAGrC,EAAAC,EAAU,MAAM;AASZ,QARI,EAAEN,KAAOL,MAAS,WAIlBS,EAA6B,YAAYT,KAIzCM,KAAwBC;AACxB;AAGJ,UAAMK,IAAiBN,IAAuBD,EAAI,OAAO,mBAAmBA,EAAI,OAAO,QAAA;AAEvF,IACIO,MAAmB,WAClBN,IAAuB,KAAK,IAAIM,IAAiBZ,CAAI,IAAIH,IAAoBe,MAAmBZ,MAEjGK,EAAI,OAAO,QAAQL,GAAME,CAAa,GAG1CO,EAA6B,UAAUT;AAAA,EAC3C,GAAG,CAACK,GAAKL,GAAME,GAAeI,GAAsBC,CAAuB,CAAC;AAE5E,QAAMM,IAAe,MAAM;AAEvB,UAAMC,KADcT,GAAK,OAAO,QAAA,KAAa,KACf;AAE9B,IAAAF,EAASW,CAAO,GAChBT,GAAK,OAAO,QAAQS,GAASZ,CAAa;AAAA,EAC9C,GAEMa,IAAgB,MAAM;AAExB,UAAMD,KADcT,GAAK,OAAO,QAAA,KAAa,KACf;AAE9B,IAAAD,EAAUU,CAAO,GACjBT,GAAK,OAAO,QAAQS,GAASZ,CAAa;AAAA,EAC9C;AAEA,SAAID,IACO,OAGJ,gBAAAe,EAACC,GAAA,EAAY,UAAUJ,GAAc,WAAWE,GAAe;AAC1E;"}

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

@@ -194,6 +194,12 @@ export type MapProps = {
      * @default true
      */
     enableMarkerIconCache?: boolean;
+    /**
+     * Keeps HERE fractional zoom enabled for smoother trackpad and wheel zoom interaction.
+     *
+     * @default false
+     */
+    enableFractionalZoom?: boolean;
     /**
      * Temporarily disables marker pointer events during zoom interactions to reduce DOM hit-testing overhead.
      *

package/components/map/utils/mapTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapTypes.js","sources":["../../../../src/components/map/utils/mapTypes.ts"],"sourcesContent":["import type { ObjectValues } from '../../../utils/ObjectValues';\nimport type { MapUtils } from './mapUtils';\nimport type { EventListenerMap } from './eventHandling';\n\nexport type Point = H.geo.Point;\n\nexport type NoisePoint = H.clustering.INoisePoint;\nexport type DataPoint = H.clustering.DataPoint;\n\nexport type MapEvent = H.mapevents.Event & {};\n\nexport type MapContextMenuEvent = H.mapevents.ContextMenuEvent;\n\nexport type MapInfoBubble = H.ui.InfoBubble;\n\nexport type MapUtilEvent = H.util.Event;\n\nexport type Position = {\n    lat: number;\n    lng: number;\n};\n\nexport type BoundingBox = {\n    top: number;\n    bottom: number;\n    left: number;\n    right: number;\n};\n\nexport type MapBoundingBox = {\n    topLeft: {\n        lng: number | undefined;\n        lat: number | undefined;\n    };\n    bottomRight: {\n        lng: number | undefined;\n        lat: number | undefined;\n    };\n};\n\nexport const MapTypeMap = {\n    TYPE_DEFAULT: 'DEFAULT',\n    TYPE_FLEET_STYLE: 'FLEET_STYLE',\n    TYPE_SATELLITE: 'SATELLITE',\n    TYPE_TERRAIN: 'TERRAIN',\n    TYPE_NIGHT: 'NIGHT',\n} as const;\n\nexport type MapType = ObjectValues<typeof MapTypeMap>;\n\nexport const MapLayerMap = {\n    MAP_LAYER_INCIDENTS: 'INCIDENTS',\n    MAP_LAYER_TRAFFIC: 'TRAFFIC',\n    MAP_LAYER_ROAD_RESTRICTIONS: 'ROAD_RESTRICTIONS',\n} as const;\n\nexport type MapLayer = ObjectValues<typeof MapLayerMap>;\n\nexport type MapCredentials = {\n    app_id?: string;\n    app_code?: string;\n    apikey?: string;\n};\n\nexport type MapProps = {\n    /**\n     * HERE credentials used to initialize the map platform.\n     */\n    credentials: MapCredentials;\n\n    /**\n     * Height of the map container.\n     */\n    height?: number;\n\n    /**\n     * Width of the map container.\n     */\n    width?: number;\n\n    /**\n     * Language used for HERE map labels and controls.\n     *\n     * @default 'en'\n     */\n    language?: string;\n\n    /**\n     * Initial center position of the map.\n     */\n    center?: Position;\n\n    /**\n     * Initial or controlled zoom level of the map.\n     */\n    zoom?: number;\n\n    /**\n     * Bounding box that should be fitted by the map view.\n     */\n    boundingBox?: BoundingBox;\n\n    /**\n     * Disables HERE map events entirely.\n     */\n    disableMapEvents?: boolean;\n\n    /**\n     * Disables the default HERE map behavior such as pan and zoom interaction.\n     *\n     * @default false\n     */\n    disableBehavior?: boolean;\n\n    /**\n     * Disables HERE zoom momentum to reduce scroll inertia on zoom.\n     *\n     * @default true\n     */\n    disableZoomMomentum?: boolean;\n\n    /**\n     * Event listeners attached to the HERE map instance.\n     */\n    eventListenerMap?: EventListenerMap;\n\n    /**\n     * Legacy prop for hiding map settings.\n     */\n    hideMapSettings?: boolean;\n\n    /**\n     * Hides the cluster settings entry in the map settings UI.\n     *\n     * @default false\n     */\n    hideClusterSettings?: boolean;\n\n    /**\n     * Hides the map layer settings entry in the map settings UI.\n     *\n     * @default false\n     */\n    hideMapLayerSettings?: boolean;\n\n    /**\n     * Base map type to render.\n     *\n     * @default Map.TYPE_DEFAULT\n     */\n    mapType?: MapType;\n\n    /**\n     * Active overlay layers such as traffic or incidents.\n     *\n     * @default []\n     */\n    mapLayer?: MapLayer[];\n\n    /**\n     * Controls whether marker clustering is enabled.\n     *\n     * @default true\n     */\n    showCluster?: boolean;\n\n    /**\n     * Shows the HERE scale bar.\n     *\n     * @default false\n     */\n    showScaleBar?: boolean;\n\n    /**\n     * Callback fired when the map type changes.\n     */\n    onMapTypeChange?: (type: MapType, previousType?: MapType) => void;\n\n    /**\n     * Callback fired when the active map layers change.\n     */\n    onMapLayerChange?: (activeLayer: MapLayer[], previousLayer?: MapLayer[]) => void;\n\n    /**\n     * Callback fired when the cluster visibility changes.\n     */\n    onShowClusterChange?: (show: boolean) => void;\n\n    /**\n     * Callback fired when zooming in via the built-in zoom controls.\n     */\n    onZoomIn?: (zoom: number) => void;\n\n    /**\n     * Callback fired when zooming out via the built-in zoom controls.\n     */\n    onZoomOut?: (zoom: number) => void;\n\n    /**\n     * Callback used by incidents overlays to report fetched incidents.\n     */\n    onIncidentsChange?: (incidentsResult: MapIncidents) => void;\n\n    /**\n     * Tooltip content for the map settings entry.\n     */\n    mapSettingsTooltip?: string | React.ReactNode;\n\n    /**\n     * Custom settings UI rendered on top of the map.\n     */\n    mapSettings?: React.ReactNode;\n\n    /**\n     * Enables animation when zoom or center changes are applied programmatically.\n     *\n     * @default false\n     */\n    zoomAnimation?: boolean;\n\n    /**\n     * Enables the WebGL/HARP rendering engine where supported.\n     *\n     * @default true\n     */\n    enableWebGL?: boolean;\n\n    /**\n     * Uses `window.devicePixelRatio` for map rendering.\n     *\n     * @default true\n     */\n    enableDevicePixelRatio?: boolean;\n\n    /**\n     * Enables caching for generated marker icons.\n     *\n     * @default true\n     */\n    enableMarkerIconCache?: boolean;\n\n    /**\n     * Temporarily disables marker pointer events during zoom interactions to reduce DOM hit-testing overhead.\n     *\n     * @default false\n     */\n    disableMarkerPointerEventsWhileZooming?: boolean;\n\n    /**\n     * Fallback pixel ratio used when device pixel ratio support is disabled.\n     */\n    pixelRatio?: number;\n\n    /**\n     * Minimum allowed zoom level.\n     */\n    minZoom?: number;\n\n    /**\n     * Maximum allowed zoom level.\n     */\n    maxZoom?: number;\n\n    /**\n     * Map content or a render function receiving the map API.\n     */\n    children?: React.ReactNode | ((api: MapApi, incidents?: MapIncidents) => React.ReactNode);\n};\n\nexport type MapApi = {\n    credentials?: MapCredentials;\n    defaultLayers?: H.service.DefaultLayers;\n    map?: H.Map;\n    mapEvents?: false | H.mapevents.MapEvents;\n    behavior?: false | H.mapevents.Behavior;\n    platform?: H.service.Platform;\n    ui?: H.ui.UI;\n    utils?: MapUtils;\n    group?: H.map.Group;\n    settings?: {\n        enableWebGL?: boolean;\n        baseLayer?: MapType;\n        activeLayers?: MapLayer[];\n        showCluster?: boolean;\n        minZoom?: number;\n        maxZoom?: number;\n    };\n};\n\nexport type MapIncidents = {\n    sourceUpdated: string;\n    results: IncidentDataPoint[];\n};\n\nexport type Incidents = {\n    sourceUpdated: string;\n    results: Incident[];\n};\n\nexport type IncidentLocationPoint = {\n    length: number;\n    points: Position[];\n};\n\nexport type IncidentLocationShape = {\n    links: IncidentLocationPoint[];\n};\n\nexport type Incident = {\n    incidentDetails: IncidentDetails;\n    location: {\n        length: number;\n        shape: IncidentLocationShape;\n    };\n};\n\nexport type IncidentDetails = {\n    id: string;\n    hrn: string;\n    originalId: string;\n    originalHrn: string;\n    startTime: string;\n    endTime: string;\n    entryTime: string;\n    roadClosed: boolean;\n    criticality: 'minor' | 'major' | 'critical';\n    type: 'roadClosure' | 'construction' | 'roadHazard' | 'other';\n    codes: number[];\n    comment: string | undefined;\n    description: {\n        value: string;\n        language?: string;\n    };\n    summary: {\n        value: string;\n        language?: string;\n    };\n    junctionTraversability: string;\n};\n\n// https://www.here.com/docs/bundle/traffic-api-developer-guide-v7/page/topics/concepts/incidents.html#incidents\nexport type IncidentDataPoint = {\n    id: string;\n    tooltipContent: string;\n    criticality: 'low' | 'minor' | 'major' | 'critical';\n    description: {\n        value: string;\n        language?: string;\n    };\n    summary: {\n        value: string;\n        language?: string;\n    };\n    comment: string | undefined;\n    type:\n        | 'accident'\n        | 'construction'\n        | 'congestion'\n        | 'roadHazard'\n        | 'roadClosure'\n        | 'disabledVehicle'\n        | 'massTransit'\n        | 'plannedEvent'\n        | 'weather'\n        | 'laneRestriction'\n        | 'other';\n    startTime: string;\n    endTime: string;\n    roadClosed: boolean;\n    position: Position;\n};\n\nexport const markerColorOptions = [\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] as const;\n\nexport type MarkerColor = (typeof markerColorOptions)[number];\n\nexport const markerColorMapping: Record<MarkerColor, string> = {\n    'bg-map-marker-asset': '--color-map-marker-asset',\n    'bg-map-marker-poi': '--color-map-marker-poi',\n    'bg-map-marker-geofence': '--color-map-marker-geofence',\n    'bg-map-marker-route': '--color-map-marker-route',\n    'bg-map-marker-info': '--color-map-marker-info',\n    'bg-map-marker-success': '--color-map-marker-success',\n    'bg-map-marker-warning': '--color-map-marker-warning',\n    'bg-map-marker-danger': '--color-map-marker-danger',\n    'bg-map-marker-restrictions': '--color-map-marker-restrictions',\n};\n"],"names":["MapTypeMap","MapLayerMap","markerColorOptions","markerColorMapping"],"mappings":"AAwCO,MAAMA,IAAa;AAAA,EACtB,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,YAAY;AAChB,GAIaC,IAAc;AAAA,EACvB,qBAAqB;AAAA,EACrB,mBAAmB;AAAA,EACnB,6BAA6B;AACjC,GA8TaC,IAAqB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAIaC,IAAkD;AAAA,EAC3D,uBAAuB;AAAA,EACvB,qBAAqB;AAAA,EACrB,0BAA0B;AAAA,EAC1B,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,yBAAyB;AAAA,EACzB,yBAAyB;AAAA,EACzB,wBAAwB;AAAA,EACxB,8BAA8B;AAClC;"}
+{"version":3,"file":"mapTypes.js","sources":["../../../../src/components/map/utils/mapTypes.ts"],"sourcesContent":["import type { ObjectValues } from '../../../utils/ObjectValues';\nimport type { MapUtils } from './mapUtils';\nimport type { EventListenerMap } from './eventHandling';\n\nexport type Point = H.geo.Point;\n\nexport type NoisePoint = H.clustering.INoisePoint;\nexport type DataPoint = H.clustering.DataPoint;\n\nexport type MapEvent = H.mapevents.Event & {};\n\nexport type MapContextMenuEvent = H.mapevents.ContextMenuEvent;\n\nexport type MapInfoBubble = H.ui.InfoBubble;\n\nexport type MapUtilEvent = H.util.Event;\n\nexport type Position = {\n    lat: number;\n    lng: number;\n};\n\nexport type BoundingBox = {\n    top: number;\n    bottom: number;\n    left: number;\n    right: number;\n};\n\nexport type MapBoundingBox = {\n    topLeft: {\n        lng: number | undefined;\n        lat: number | undefined;\n    };\n    bottomRight: {\n        lng: number | undefined;\n        lat: number | undefined;\n    };\n};\n\nexport const MapTypeMap = {\n    TYPE_DEFAULT: 'DEFAULT',\n    TYPE_FLEET_STYLE: 'FLEET_STYLE',\n    TYPE_SATELLITE: 'SATELLITE',\n    TYPE_TERRAIN: 'TERRAIN',\n    TYPE_NIGHT: 'NIGHT',\n} as const;\n\nexport type MapType = ObjectValues<typeof MapTypeMap>;\n\nexport const MapLayerMap = {\n    MAP_LAYER_INCIDENTS: 'INCIDENTS',\n    MAP_LAYER_TRAFFIC: 'TRAFFIC',\n    MAP_LAYER_ROAD_RESTRICTIONS: 'ROAD_RESTRICTIONS',\n} as const;\n\nexport type MapLayer = ObjectValues<typeof MapLayerMap>;\n\nexport type MapCredentials = {\n    app_id?: string;\n    app_code?: string;\n    apikey?: string;\n};\n\nexport type MapProps = {\n    /**\n     * HERE credentials used to initialize the map platform.\n     */\n    credentials: MapCredentials;\n\n    /**\n     * Height of the map container.\n     */\n    height?: number;\n\n    /**\n     * Width of the map container.\n     */\n    width?: number;\n\n    /**\n     * Language used for HERE map labels and controls.\n     *\n     * @default 'en'\n     */\n    language?: string;\n\n    /**\n     * Initial center position of the map.\n     */\n    center?: Position;\n\n    /**\n     * Initial or controlled zoom level of the map.\n     */\n    zoom?: number;\n\n    /**\n     * Bounding box that should be fitted by the map view.\n     */\n    boundingBox?: BoundingBox;\n\n    /**\n     * Disables HERE map events entirely.\n     */\n    disableMapEvents?: boolean;\n\n    /**\n     * Disables the default HERE map behavior such as pan and zoom interaction.\n     *\n     * @default false\n     */\n    disableBehavior?: boolean;\n\n    /**\n     * Disables HERE zoom momentum to reduce scroll inertia on zoom.\n     *\n     * @default true\n     */\n    disableZoomMomentum?: boolean;\n\n    /**\n     * Event listeners attached to the HERE map instance.\n     */\n    eventListenerMap?: EventListenerMap;\n\n    /**\n     * Legacy prop for hiding map settings.\n     */\n    hideMapSettings?: boolean;\n\n    /**\n     * Hides the cluster settings entry in the map settings UI.\n     *\n     * @default false\n     */\n    hideClusterSettings?: boolean;\n\n    /**\n     * Hides the map layer settings entry in the map settings UI.\n     *\n     * @default false\n     */\n    hideMapLayerSettings?: boolean;\n\n    /**\n     * Base map type to render.\n     *\n     * @default Map.TYPE_DEFAULT\n     */\n    mapType?: MapType;\n\n    /**\n     * Active overlay layers such as traffic or incidents.\n     *\n     * @default []\n     */\n    mapLayer?: MapLayer[];\n\n    /**\n     * Controls whether marker clustering is enabled.\n     *\n     * @default true\n     */\n    showCluster?: boolean;\n\n    /**\n     * Shows the HERE scale bar.\n     *\n     * @default false\n     */\n    showScaleBar?: boolean;\n\n    /**\n     * Callback fired when the map type changes.\n     */\n    onMapTypeChange?: (type: MapType, previousType?: MapType) => void;\n\n    /**\n     * Callback fired when the active map layers change.\n     */\n    onMapLayerChange?: (activeLayer: MapLayer[], previousLayer?: MapLayer[]) => void;\n\n    /**\n     * Callback fired when the cluster visibility changes.\n     */\n    onShowClusterChange?: (show: boolean) => void;\n\n    /**\n     * Callback fired when zooming in via the built-in zoom controls.\n     */\n    onZoomIn?: (zoom: number) => void;\n\n    /**\n     * Callback fired when zooming out via the built-in zoom controls.\n     */\n    onZoomOut?: (zoom: number) => void;\n\n    /**\n     * Callback used by incidents overlays to report fetched incidents.\n     */\n    onIncidentsChange?: (incidentsResult: MapIncidents) => void;\n\n    /**\n     * Tooltip content for the map settings entry.\n     */\n    mapSettingsTooltip?: string | React.ReactNode;\n\n    /**\n     * Custom settings UI rendered on top of the map.\n     */\n    mapSettings?: React.ReactNode;\n\n    /**\n     * Enables animation when zoom or center changes are applied programmatically.\n     *\n     * @default false\n     */\n    zoomAnimation?: boolean;\n\n    /**\n     * Enables the WebGL/HARP rendering engine where supported.\n     *\n     * @default true\n     */\n    enableWebGL?: boolean;\n\n    /**\n     * Uses `window.devicePixelRatio` for map rendering.\n     *\n     * @default true\n     */\n    enableDevicePixelRatio?: boolean;\n\n    /**\n     * Enables caching for generated marker icons.\n     *\n     * @default true\n     */\n    enableMarkerIconCache?: boolean;\n\n    /**\n     * Keeps HERE fractional zoom enabled for smoother trackpad and wheel zoom interaction.\n     *\n     * @default false\n     */\n    enableFractionalZoom?: boolean;\n\n    /**\n     * Temporarily disables marker pointer events during zoom interactions to reduce DOM hit-testing overhead.\n     *\n     * @default false\n     */\n    disableMarkerPointerEventsWhileZooming?: boolean;\n\n    /**\n     * Fallback pixel ratio used when device pixel ratio support is disabled.\n     */\n    pixelRatio?: number;\n\n    /**\n     * Minimum allowed zoom level.\n     */\n    minZoom?: number;\n\n    /**\n     * Maximum allowed zoom level.\n     */\n    maxZoom?: number;\n\n    /**\n     * Map content or a render function receiving the map API.\n     */\n    children?: React.ReactNode | ((api: MapApi, incidents?: MapIncidents) => React.ReactNode);\n};\n\nexport type MapApi = {\n    credentials?: MapCredentials;\n    defaultLayers?: H.service.DefaultLayers;\n    map?: H.Map;\n    mapEvents?: false | H.mapevents.MapEvents;\n    behavior?: false | H.mapevents.Behavior;\n    platform?: H.service.Platform;\n    ui?: H.ui.UI;\n    utils?: MapUtils;\n    group?: H.map.Group;\n    settings?: {\n        enableWebGL?: boolean;\n        baseLayer?: MapType;\n        activeLayers?: MapLayer[];\n        showCluster?: boolean;\n        minZoom?: number;\n        maxZoom?: number;\n    };\n};\n\nexport type MapIncidents = {\n    sourceUpdated: string;\n    results: IncidentDataPoint[];\n};\n\nexport type Incidents = {\n    sourceUpdated: string;\n    results: Incident[];\n};\n\nexport type IncidentLocationPoint = {\n    length: number;\n    points: Position[];\n};\n\nexport type IncidentLocationShape = {\n    links: IncidentLocationPoint[];\n};\n\nexport type Incident = {\n    incidentDetails: IncidentDetails;\n    location: {\n        length: number;\n        shape: IncidentLocationShape;\n    };\n};\n\nexport type IncidentDetails = {\n    id: string;\n    hrn: string;\n    originalId: string;\n    originalHrn: string;\n    startTime: string;\n    endTime: string;\n    entryTime: string;\n    roadClosed: boolean;\n    criticality: 'minor' | 'major' | 'critical';\n    type: 'roadClosure' | 'construction' | 'roadHazard' | 'other';\n    codes: number[];\n    comment: string | undefined;\n    description: {\n        value: string;\n        language?: string;\n    };\n    summary: {\n        value: string;\n        language?: string;\n    };\n    junctionTraversability: string;\n};\n\n// https://www.here.com/docs/bundle/traffic-api-developer-guide-v7/page/topics/concepts/incidents.html#incidents\nexport type IncidentDataPoint = {\n    id: string;\n    tooltipContent: string;\n    criticality: 'low' | 'minor' | 'major' | 'critical';\n    description: {\n        value: string;\n        language?: string;\n    };\n    summary: {\n        value: string;\n        language?: string;\n    };\n    comment: string | undefined;\n    type:\n        | 'accident'\n        | 'construction'\n        | 'congestion'\n        | 'roadHazard'\n        | 'roadClosure'\n        | 'disabledVehicle'\n        | 'massTransit'\n        | 'plannedEvent'\n        | 'weather'\n        | 'laneRestriction'\n        | 'other';\n    startTime: string;\n    endTime: string;\n    roadClosed: boolean;\n    position: Position;\n};\n\nexport const markerColorOptions = [\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] as const;\n\nexport type MarkerColor = (typeof markerColorOptions)[number];\n\nexport const markerColorMapping: Record<MarkerColor, string> = {\n    'bg-map-marker-asset': '--color-map-marker-asset',\n    'bg-map-marker-poi': '--color-map-marker-poi',\n    'bg-map-marker-geofence': '--color-map-marker-geofence',\n    'bg-map-marker-route': '--color-map-marker-route',\n    'bg-map-marker-info': '--color-map-marker-info',\n    'bg-map-marker-success': '--color-map-marker-success',\n    'bg-map-marker-warning': '--color-map-marker-warning',\n    'bg-map-marker-danger': '--color-map-marker-danger',\n    'bg-map-marker-restrictions': '--color-map-marker-restrictions',\n};\n"],"names":["MapTypeMap","MapLayerMap","markerColorOptions","markerColorMapping"],"mappings":"AAwCO,MAAMA,IAAa;AAAA,EACtB,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,YAAY;AAChB,GAIaC,IAAc;AAAA,EACvB,qBAAqB;AAAA,EACrB,mBAAmB;AAAA,EACnB,6BAA6B;AACjC,GAqUaC,IAAqB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAIaC,IAAkD;AAAA,EAC3D,uBAAuB;AAAA,EACvB,qBAAqB;AAAA,EACrB,0BAA0B;AAAA,EAC1B,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,yBAAyB;AAAA,EACzB,yBAAyB;AAAA,EACzB,wBAAwB;AAAA,EACxB,8BAA8B;AAClC;"}

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

@@ -6,6 +6,7 @@ export type MapUtils = {
     getCenter: () => Position;
     setCenter: (position: Position, animate: boolean) => void;
     getZoom: () => number;
+    getPreciseZoom: () => number;
     setZoom: (zoom: number, zoomAnimation: boolean) => void;
     getViewPort: () => {
         width: number;
@@ -40,6 +41,7 @@ export declare const createUtils: (mapApi: H.Map) => {
         lng: number;
     };
     setCenter: (position: Position, animate: boolean) => void;
+    getPreciseZoom: () => number;
     getZoom: () => number;
     setZoom: (zoom: number, zoomAnimation?: boolean) => void;
     getViewPort: () => {

package/components/map/utils/mapUtils.js

@@ -13,6 +13,10 @@ const b = (e) => {
   setCenter: (t, o) => {
     e.getViewModel().setLookAtData({ position: t }, o);
   },
+  getPreciseZoom: () => {
+    const { zoom: t } = e.getViewModel().getLookAtData();
+    return t === void 0 ? 0 : t;
+  },
   getZoom: () => {
     const { zoom: t } = e.getViewModel().getLookAtData();
     return Math.round(t === void 0 ? 0 : t);

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    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;"}
+{"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;"}

package/components/table/Table.d.ts

@@ -2,7 +2,7 @@ import { ReactElement, ReactNode, RefAttributes } from 'react';
 import { TableFooterProps } from './TableFooter';
 import { TableHeaderProps } from './TableHeader';
 import { TableProps, TableRowData } from './Table.types';
-export type { TableCellOverflow, TableCellClassName, TableCardsStyleSettings, TableColumnDefinition, TableExpandedRowAnimation, TableHorizontalAlign, TableProps, TableRowAnimationProps, TableRowId, TableRowClassName, TableStickyColumns, TableSortDirection, TableVerticalAlign, TableViewType, } from './Table.types';
+export type { TableCellOverflow, TableCellClassName, TableCardsStyleSettings, TableColumnDefinition, TableExpandedRowAnimation, TableHorizontalAlign, TableProps, TableResponsiveBreakpoint, TableRowAnimationProps, TableRowId, TableRowClassName, TableRowSelectable, TableStickyReference, TableStickyColumns, TableSortDirection, TableVerticalAlign, TableViewType, } from './Table.types';
 export { default as useTableSelection } from './selection/useTableSelection';
 export type { UseTableSelectionOptions, UseTableSelectionReturn } from './selection/useTableSelection';
 export declare const TableBody: import('react').ForwardRefExoticComponent<import('./Table.types').TableHtmlAttributes & {
@@ -26,6 +26,8 @@ export declare const TableExpanderButton: (props: import('./TableExpanderButton'
 export type { TableExpanderButtonProps } from './TableExpanderButton';
 export declare const TableRow: <RowType extends TableRowData = TableRowData>(props: import('./TableRow').TableRowProps<RowType>) => import("react/jsx-runtime").JSX.Element | null;
 export type { TableRowProps } from './TableRow';
+export declare const TableStickyRowButton: (props: import('./TableStickyRowButton').TableStickyRowButtonProps) => import("react/jsx-runtime").JSX.Element;
+export type { TableStickyRowButtonProps } from './TableStickyRowButton';
 export declare const TableSpacerRow: (props: import('./TableSpacerRow').TableSpacerRowProps) => import("react/jsx-runtime").JSX.Element | null;
 export type { TableSpacerRowProps } from './TableSpacerRow';
 export declare const TableExpandedRow: <RowType extends TableRowData = TableRowData>(props: import('./TableExpandedRow').TableExpandedRowProps<RowType>) => import("react/jsx-runtime").JSX.Element | null;