@rio-cloud/rio-uikit 1.13.2 → 2.0.0-beta.2

package/components/map/utils/mapTypes.js

@@ -1,34 +1,38 @@
-export const MapTypeMap = {
-    TYPE_DEFAULT: 'DEFAULT',
-    TYPE_FLEET_STYLE: 'FLEET_STYLE',
-    TYPE_SATELLITE: 'SATELLITE',
-    TYPE_TERRAIN: 'TERRAIN',
-    TYPE_NIGHT: 'NIGHT',
+const r = {
+  TYPE_DEFAULT: "DEFAULT",
+  TYPE_FLEET_STYLE: "FLEET_STYLE",
+  TYPE_SATELLITE: "SATELLITE",
+  TYPE_TERRAIN: "TERRAIN",
+  TYPE_NIGHT: "NIGHT"
+}, a = {
+  MAP_LAYER_INCIDENTS: "INCIDENTS",
+  MAP_LAYER_TRAFFIC: "TRAFFIC",
+  MAP_LAYER_ROAD_RESTRICTIONS: "ROAD_RESTRICTIONS"
+}, e = [
+  "bg-map-marker-asset",
+  "bg-map-marker-poi",
+  "bg-map-marker-geofence",
+  "bg-map-marker-route",
+  "bg-map-marker-info",
+  "bg-map-marker-success",
+  "bg-map-marker-warning",
+  "bg-map-marker-danger",
+  "bg-map-marker-restrictions"
+], m = {
+  "bg-map-marker-asset": "--color-map-marker-asset",
+  "bg-map-marker-poi": "--color-map-marker-poi",
+  "bg-map-marker-geofence": "--color-map-marker-geofence",
+  "bg-map-marker-route": "--color-map-marker-route",
+  "bg-map-marker-info": "--color-map-marker-info",
+  "bg-map-marker-success": "--color-map-marker-success",
+  "bg-map-marker-warning": "--color-map-marker-warning",
+  "bg-map-marker-danger": "--color-map-marker-danger",
+  "bg-map-marker-restrictions": "--color-map-marker-restrictions"
 };
-export const MapLayerMap = {
-    MAP_LAYER_INCIDENTS: 'INCIDENTS',
-    MAP_LAYER_TRAFFIC: 'TRAFFIC',
-    MAP_LAYER_ROAD_RESTRICTIONS: 'ROAD_RESTRICTIONS',
-};
-export const markerColorOptions = [
-    'bg-map-marker-asset',
-    'bg-map-marker-poi',
-    'bg-map-marker-geofence',
-    'bg-map-marker-route',
-    'bg-map-marker-info',
-    'bg-map-marker-success',
-    'bg-map-marker-warning',
-    'bg-map-marker-danger',
-    'bg-map-marker-restrictions',
-];
-export const markerColorMapping = {
-    'bg-map-marker-asset': '--color-map-marker-asset',
-    'bg-map-marker-poi': '--color-map-marker-poi',
-    'bg-map-marker-geofence': '--color-map-marker-geofence',
-    'bg-map-marker-route': '--color-map-marker-route',
-    'bg-map-marker-info': '--color-map-marker-info',
-    'bg-map-marker-success': '--color-map-marker-success',
-    'bg-map-marker-warning': '--color-map-marker-warning',
-    'bg-map-marker-danger': '--color-map-marker-danger',
-    'bg-map-marker-restrictions': '--color-map-marker-restrictions',
+export {
+  a as MapLayerMap,
+  r as MapTypeMap,
+  m as markerColorMapping,
+  e as markerColorOptions
 };
+//# sourceMappingURL=mapTypes.js.map

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

@@ -0,0 +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    credentials: MapCredentials;\n    height?: number;\n    width?: number;\n    language?: string;\n    center?: Position;\n    zoom?: number;\n    boundingBox?: BoundingBox;\n    disableMapEvents?: boolean;\n    disableBehavior?: boolean;\n    disableZoomMomentum?: boolean;\n    eventListenerMap?: EventListenerMap;\n    hideMapSettings?: boolean;\n    hideClusterSettings?: boolean;\n    hideMapLayerSettings?: boolean;\n    mapType?: MapType;\n    mapLayer?: MapLayer[];\n    showCluster?: boolean;\n    showScaleBar?: boolean;\n    onMapTypeChange?: (type: MapType, previousType?: MapType) => void;\n    onMapLayerChange?: (activeLayer: MapLayer[], previousLayer?: MapLayer[]) => void;\n    onShowClusterChange?: (show: boolean) => void;\n    onZoomIn?: (zoom: number) => void;\n    onZoomOut?: (zoom: number) => void;\n    onIncidentsChange?: (incidentsResult: MapIncidents) => void;\n    mapSettingsTooltip?: string | React.ReactNode;\n    mapSettings?: React.ReactNode;\n    zoomAnimation?: boolean;\n    enableWebGL?: boolean;\n    enableDevicePixelRatio?: boolean;\n    pixelRatio?: number;\n    minZoom?: number;\n    maxZoom?: number;\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,GAqJaC,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/mapUi.js

@@ -1,28 +1,22 @@
-const getSupportedUiLocale = (language) => {
-    const supportedLocales = [
-        'en-US',
-        'de-DE',
-        'es-ES',
-        'fi-FI',
-        'fr-FR',
-        'it-IT',
-        'nl-NL',
-        'pl-PL',
-        'pt-BR',
-        'pt-PT',
-        'ru-RU',
-        'tr-TR',
-        'zh-CN',
-    ];
-    return language ? supportedLocales.find(locale => locale.startsWith(language)) : undefined;
+const s = (e) => e ? [
+  "en-US",
+  "de-DE",
+  "es-ES",
+  "fi-FI",
+  "fr-FR",
+  "it-IT",
+  "nl-NL",
+  "pl-PL",
+  "pt-BR",
+  "pt-PT",
+  "ru-RU",
+  "tr-TR",
+  "zh-CN"
+].find((o) => o.startsWith(e)) : void 0, n = (e, i, o, r) => {
+  const t = H.ui.UI.createDefault(e, i, s(r));
+  return t && (t.getControl("scalebar").setVisibility(o), t.getControl("scalebar").setAlignment(H.ui.LayoutAlignment.BOTTOM_LEFT), t.getControl("mapsettings").setVisibility(!1), t.removeControl("zoom")), t;
 };
-export const getHereUi = (hereMap, defaultLayers, showScaleBar, language) => {
-    const hereUi = H.ui.UI.createDefault(hereMap, defaultLayers, getSupportedUiLocale(language));
-    if (hereUi) {
-        hereUi.getControl('scalebar').setVisibility(showScaleBar);
-        hereUi.getControl('scalebar').setAlignment(H.ui.LayoutAlignment.BOTTOM_LEFT);
-        hereUi.getControl('mapsettings').setVisibility(false);
-        hereUi.removeControl('zoom');
-    }
-    return hereUi;
+export {
+  n as getHereUi
 };
+//# sourceMappingURL=mapUi.js.map

package/components/map/utils/mapUi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapUi.js","sources":["../../../../src/components/map/utils/mapUi.ts"],"sourcesContent":["const getSupportedUiLocale = (language: string) => {\n    const supportedLocales = [\n        'en-US',\n        'de-DE',\n        'es-ES',\n        'fi-FI',\n        'fr-FR',\n        'it-IT',\n        'nl-NL',\n        'pl-PL',\n        'pt-BR',\n        'pt-PT',\n        'ru-RU',\n        'tr-TR',\n        'zh-CN',\n    ];\n    return language ? supportedLocales.find(locale => locale.startsWith(language)) : undefined;\n};\n\nexport const getHereUi = (\n    hereMap: H.Map,\n    defaultLayers: H.service.DefaultLayers,\n    showScaleBar: boolean,\n    language: string\n) => {\n    const hereUi = H.ui.UI.createDefault(hereMap, defaultLayers, getSupportedUiLocale(language));\n    if (hereUi) {\n        hereUi.getControl('scalebar').setVisibility(showScaleBar);\n        hereUi.getControl('scalebar').setAlignment(H.ui.LayoutAlignment.BOTTOM_LEFT);\n        hereUi.getControl('mapsettings').setVisibility(false);\n        hereUi.removeControl('zoom');\n    }\n    return hereUi;\n};\n"],"names":["getSupportedUiLocale","language","locale","getHereUi","hereMap","defaultLayers","showScaleBar","hereUi"],"mappings":"AAAA,MAAMA,IAAuB,CAACC,MAgBnBA,IAfkB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAE+B,KAAK,CAAAC,MAAUA,EAAO,WAAWD,CAAQ,CAAC,IAAI,QAGxEE,IAAY,CACrBC,GACAC,GACAC,GACAL,MACC;AACD,QAAMM,IAAS,EAAE,GAAG,GAAG,cAAcH,GAASC,GAAeL,EAAqBC,CAAQ,CAAC;AAC3F,SAAIM,MACAA,EAAO,WAAW,UAAU,EAAE,cAAcD,CAAY,GACxDC,EAAO,WAAW,UAAU,EAAE,aAAa,EAAE,GAAG,gBAAgB,WAAW,GAC3EA,EAAO,WAAW,aAAa,EAAE,cAAc,EAAK,GACpDA,EAAO,cAAc,MAAM,IAExBA;AACX;"}

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

@@ -1,5 +1,5 @@
 import { calculateBoundingBox, isValidBoundingBox, parsePositionFromString } from './positions';
-import type { BoundingBox, MapBoundingBox, Position } from './mapTypes';
+import { BoundingBox, MapBoundingBox, Position } from './mapTypes';
 export declare const getMapBounds: (boundingBox: BoundingBox) => H.geo.Rect;
 declare const getPosition: (marker: H.map.AbstractMarker) => H.geo.Point | H.geo.MultiPoint;
 export type MapUtils = {

package/components/map/utils/mapUtils.js

@@ -1,79 +1,74 @@
-import flatMap from 'lodash/fp/flatMap';
-import filter from 'lodash/fp/filter';
-import flow from 'lodash/fp/flow';
-import { calculateBoundingBox, isValidBoundingBox, parsePositionFromString } from './positions';
-// Internal use for setting the map to a given bounding box
-export const getMapBounds = (boundingBox) => {
-    const { top, left, bottom, right } = boundingBox;
-    return new H.geo.Rect(top, left, bottom, right);
-};
-// biome-ignore lint/suspicious/noExplicitAny: <explanation>
-const typeFilterFunction = (hereType) => (obj) => obj instanceof hereType;
-const markerFilterFunction = typeFilterFunction(H.map.AbstractMarker);
-const groupFilterFunction = typeFilterFunction(H.map.Group);
-const polylineFilterFunction = typeFilterFunction(H.map.Polyline);
-const getPosition = (marker) => marker.getGeometry();
-export const createUtils = (mapApi) => {
+import { flow as l, filter as n, flatMap as a } from "es-toolkit/compat";
+import { parsePositionFromString as c, isValidBoundingBox as d, calculateBoundingBox as u } from "./positions.js";
+const w = (e) => {
+  const { top: t, left: o, bottom: s, right: i } = e;
+  return new H.geo.Rect(t, o, s, i);
+}, g = (e) => (t) => t instanceof e, b = g(H.map.AbstractMarker), r = g(H.map.Group), f = g(H.map.Polyline), h = (e) => e.getGeometry(), L = (e) => ({
+  getCenter: () => {
+    const t = e.getCenter();
+    return {
+      lat: t.lat,
+      lng: t.lng
+    };
+  },
+  setCenter: (t, o) => {
+    e.getViewModel().setLookAtData({ position: t }, o);
+  },
+  getZoom: () => {
+    const { zoom: t } = e.getViewModel().getLookAtData();
+    return Math.round(t === void 0 ? 0 : t);
+  },
+  setZoom: (t, o = !1) => {
+    e.getViewModel().setLookAtData({ zoom: t }, o);
+  },
+  getViewPort: () => {
+    const t = e.getViewPort();
+    return {
+      width: t.width,
+      height: t.height,
+      margin: t.margin,
+      padding: {
+        top: t.padding.top,
+        right: t.padding.right,
+        bottom: t.padding.bottom,
+        left: t.padding.left
+      },
+      center: {
+        x: t.center.x,
+        y: t.center.y
+      }
+    };
+  },
+  getBounds: () => {
+    const { bounds: t } = e.getViewModel().getLookAtData(), o = t?.getBoundingBox();
     return {
-        getCenter: () => {
-            const center = mapApi.getCenter();
-            return {
-                lat: center.lat,
-                lng: center.lng,
-            };
-        },
-        setCenter: (position, animate) => {
-            mapApi.getViewModel().setLookAtData({ position }, animate);
-        },
-        getZoom: () => {
-            const { zoom } = mapApi.getViewModel().getLookAtData();
-            return Math.round(zoom === undefined ? 0 : zoom);
-        },
-        setZoom: (zoom, zoomAnimation = false) => {
-            mapApi.getViewModel().setLookAtData({ zoom }, zoomAnimation);
-        },
-        getViewPort: () => {
-            const viewPort = mapApi.getViewPort();
-            return {
-                width: viewPort.width,
-                height: viewPort.height,
-                margin: viewPort.margin,
-                padding: {
-                    top: viewPort.padding.top,
-                    right: viewPort.padding.right,
-                    bottom: viewPort.padding.bottom,
-                    left: viewPort.padding.left,
-                },
-                center: {
-                    x: viewPort.center.x,
-                    y: viewPort.center.y,
-                },
-            };
-        },
-        getBounds: () => {
-            const { bounds } = mapApi.getViewModel().getLookAtData();
-            // HERE Maps API for JavaScript 3.1
-            const boundingBox = bounds?.getBoundingBox();
-            return {
-                topLeft: {
-                    lng: boundingBox?.getTopLeft().lng,
-                    lat: boundingBox?.getTopLeft().lat,
-                },
-                bottomRight: {
-                    lng: boundingBox?.getBottomRight().lng,
-                    lat: boundingBox?.getBottomRight().lat,
-                },
-            };
-        },
-        getObjects: () => mapApi.getObjects(),
-        getLayers: () => mapApi.getLayers().asArray(),
-        getBaseLayer: () => mapApi.getBaseLayer(),
-        getGroups: () => filter(groupFilterFunction)(mapApi.getObjects()),
-        getMarkers: () => filter(markerFilterFunction)(mapApi.getObjects()),
-        getRoutePolylines: () => flow(filter(groupFilterFunction), flatMap((group) => group.getObjects()), filter(polylineFilterFunction))(mapApi.getObjects()),
-        getPosition,
-        calculateBoundingBox,
-        isValidBoundingBox,
-        parsePositionFromString,
+      topLeft: {
+        lng: o?.getTopLeft().lng,
+        lat: o?.getTopLeft().lat
+      },
+      bottomRight: {
+        lng: o?.getBottomRight().lng,
+        lat: o?.getBottomRight().lat
+      }
     };
+  },
+  getObjects: () => e.getObjects(),
+  getLayers: () => e.getLayers().asArray(),
+  getBaseLayer: () => e.getBaseLayer(),
+  getGroups: () => n(e.getObjects(), r),
+  getMarkers: () => n(e.getObjects(), b),
+  getRoutePolylines: () => l(
+    n(r),
+    a((t) => t.getObjects()),
+    n(f)
+  )(e.getObjects()),
+  getPosition: h,
+  calculateBoundingBox: u,
+  isValidBoundingBox: d,
+  parsePositionFromString: c
+});
+export {
+  L as createUtils,
+  w as getMapBounds
 };
+//# sourceMappingURL=mapUtils.js.map

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

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

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

@@ -1,4 +1,4 @@
-import type { BoundingBox, Position } from '../../../mapTypes';
+import { BoundingBox, Position } from '../../../mapTypes';
 export declare const isValidBoundingBox: (box: BoundingBox) => boolean;
 export declare const calculateBoundingBox: (positions: {
     lat: number;

package/components/map/utils/positions.js

@@ -1,71 +1,37 @@
-const createBoundingBox = () => ({
-    top: Number.NEGATIVE_INFINITY,
-    right: Number.NEGATIVE_INFINITY,
-    bottom: Number.POSITIVE_INFINITY,
-    left: Number.POSITIVE_INFINITY,
-});
-export const isValidBoundingBox = (box) => {
-    return (box.top !== Number.NEGATIVE_INFINITY &&
-        box.bottom !== Number.POSITIVE_INFINITY &&
-        box.left !== Number.POSITIVE_INFINITY &&
-        box.right !== Number.NEGATIVE_INFINITY);
+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) => {
+}, u = () => {
+}) => {
+  const a = window.requestAnimationFrame, r = e / 16, m = (n.lat - t.lat) / r, i = (n.lng - t.lng) / r, g = Math.PI / r;
+  let s = t.lat, N = t.lng, l = 0;
+  const o = () => {
+    l += g, s += m * Math.sin(l) ** 2 * 2, N += i * Math.sin(l) ** 2 * 2, l < Math.PI ? (I({ lat: s, lng: N }), a(o)) : (I(n), u());
+  };
+  a(o);
 };
-export const calculateBoundingBox = (positions) => {
-    return positions.reduce((acc, cur) => {
-        return {
-            top: Math.max(acc.top, cur.lat),
-            right: Math.max(acc.right, cur.lng),
-            bottom: Math.min(acc.bottom, cur.lat),
-            left: Math.min(acc.left, cur.lng),
-        };
-    }, createBoundingBox());
-};
-const COORDS_REGEX = /^\s*(-?\d+(\.\d+)?)\s*[,\s]\s*(-?\d+(\.\d+)?)\s*$/;
-export const parsePositionFromString = (value) => {
-    const match = COORDS_REGEX.exec(value);
-    if (match) {
-        const lat = Number.parseFloat(match[1]);
-        const lng = Number.parseFloat(match[3]);
-        if (lat >= -90 && lat <= 90 && lng >= -180 && lng <= 180) {
-            return {
-                lat,
-                lng,
-            };
-        }
-    }
-};
-/**
- * Ease function that can be used to animate positions on the map.
- *
- * See: https://developer.here.com/documentation/examples/maps-js/markers/markers-update-position-with-animation
- *
- * @param   {H.geo.IPoint} startCoord   start geo coordinate
- * @param   {H.geo.IPoint} endCoord     end geo coordinate
- * @param   number durationMs           duration of animation between start & end coordinates
- * @param   function onStep             callback executed each step
- * @param   function onStep             callback executed at the end
- */
-export const ease = (startCoord = { lat: 0, lng: 0 }, endCoord = { lat: 1, lng: 1 }, durationMs = 200, onStep = (pos) => { }, onComplete = () => { }) => {
-    const raf = window.requestAnimationFrame;
-    const stepCount = durationMs / 16;
-    const valueIncrementLat = (endCoord.lat - startCoord.lat) / stepCount;
-    const valueIncrementLng = (endCoord.lng - startCoord.lng) / stepCount;
-    const sinValueIncrement = Math.PI / stepCount;
-    let currentValueLat = startCoord.lat;
-    let currentValueLng = startCoord.lng;
-    let currentSinValue = 0;
-    const step = () => {
-        currentSinValue += sinValueIncrement;
-        currentValueLat += valueIncrementLat * Math.sin(currentSinValue) ** 2 * 2;
-        currentValueLng += valueIncrementLng * Math.sin(currentSinValue) ** 2 * 2;
-        if (currentSinValue < Math.PI) {
-            onStep({ lat: currentValueLat, lng: currentValueLng });
-            raf(step);
-        }
-        else {
-            onStep(endCoord);
-            onComplete();
-        }
-    };
-    raf(step);
+export {
+  h as calculateBoundingBox,
+  F as ease,
+  E as isValidBoundingBox,
+  V as parsePositionFromString
 };
+//# sourceMappingURL=positions.js.map

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

@@ -0,0 +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    return (\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    );\n};\n\nexport const calculateBoundingBox = (positions: { lat: number; lng: number }[]): BoundingBox => {\n    return positions.reduce((acc, cur) => {\n        return {\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,MAE3BA,EAAI,QAAQ,OAAO,qBACnBA,EAAI,WAAW,OAAO,qBACtBA,EAAI,SAAS,OAAO,qBACpBA,EAAI,UAAU,OAAO,mBAIhBC,IAAuB,CAACC,MAC1BA,EAAU,OAAO,CAACC,GAAKC,OACnB;AAAA,EACH,KAAK,KAAK,IAAID,EAAI,KAAKC,EAAI,GAAG;AAAA,EAC9B,OAAO,KAAK,IAAID,EAAI,OAAOC,EAAI,GAAG;AAAA,EAClC,QAAQ,KAAK,IAAID,EAAI,QAAQC,EAAI,GAAG;AAAA,EACpC,MAAM,KAAK,IAAID,EAAI,MAAMC,EAAI,GAAG;AAAA,IAErCN,GAAmB,GAGpBO,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,MAAkB;AAAC,GAC7BC,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;"}

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

@@ -1,5 +1,5 @@
-import type { MapCredentials, MapType } from './mapTypes';
-export declare const getPPI: () => 100 | 200;
+import { MapCredentials, MapType } from './mapTypes';
+export declare const getPPI: () => 200 | 100;
 export declare const isVectorBased: (enableWebGL: boolean, baseLayer: MapType) => boolean;
 export declare const getPlatform: (credentials: MapCredentials) => H.service.Platform;
 export declare const getBaseTileLayer: <T>(rasterTileService: T, engineType: H.Map.EngineType, minZoom: number, maxZoom: number) => H.map.layer.TileLayer;