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

package/components/map/components/MapContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapContext.js","sources":["../../../../src/components/map/components/MapContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { MapApi, MapIncidents, MapLayer, MapType } from '../utils/mapTypes';\nimport { MAP_TYPE_DEFAULT } from './constants';\n\nexport type MapContextType = {\n    api: MapApi;\n    language: string;\n    enableWebGL: boolean;\n    baseLayer: MapType;\n    activeLayers: MapLayer[];\n    showCluster: boolean;\n    devicePixelRatio: number;\n    onMapTypeChange?: (type: MapType) => void;\n    onMapLayerChange?: (layer: MapLayer) => void;\n    onShowClusterChange?: (showCluster: boolean) => void;\n    mapSettingsTooltip?: string | React.ReactNode;\n    hideMapLayerSettings?: boolean;\n    hideClusterSettings?: boolean;\n    onIncidentsChange: (incidentsResult: MapIncidents) => void;\n};\n\nexport const defaultMapContext: MapContextType = {\n    api: {},\n    language: 'en',\n    enableWebGL: true,\n    baseLayer: MAP_TYPE_DEFAULT,\n    activeLayers: [],\n    showCluster: true,\n    devicePixelRatio: 1,\n    onIncidentsChange: () => {},\n};\n\nexport const MapContext = createContext<MapContextType>(defaultMapContext);\n\nexport const useMapContext = () => useContext(MapContext);\n"],"names":["defaultMapContext","MAP_TYPE_DEFAULT","MapContext","createContext","useMapContext","useContext"],"mappings":";;AAsBO,MAAMA,IAAoC;AAAA,EAC7C,KAAK,CAAA;AAAA,EACL,UAAU;AAAA,EACV,aAAa;AAAA,EACb,WAAWC;AAAA,EACX,cAAc,CAAA;AAAA,EACd,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,mBAAmB,MAAM;AAAA,EAAC;AAC9B,GAEaC,IAAaC,EAA8BH,CAAiB,GAE5DI,IAAgB,MAAMC,EAAWH,CAAU;"}
+{"version":3,"file":"MapContext.js","sources":["../../../../src/components/map/components/MapContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { MapApi, MapIncidents, MapLayer, MapType } from '../utils/mapTypes';\nimport { MAP_TYPE_DEFAULT } from './constants';\n\nexport type MapContextType = {\n    api: MapApi;\n    language: string;\n    enableWebGL: boolean;\n    enableMarkerIconCache: boolean;\n    enableFractionalZoom: boolean;\n    isZoomInteractionActive: boolean;\n    baseLayer: MapType;\n    activeLayers: MapLayer[];\n    showCluster: boolean;\n    devicePixelRatio: number;\n    onMapTypeChange?: (type: MapType) => void;\n    onMapLayerChange?: (layer: MapLayer) => void;\n    onShowClusterChange?: (showCluster: boolean) => void;\n    mapSettingsTooltip?: string | React.ReactNode;\n    hideMapLayerSettings?: boolean;\n    hideClusterSettings?: boolean;\n    onIncidentsChange: (incidentsResult: MapIncidents) => void;\n};\n\nexport const defaultMapContext: MapContextType = {\n    api: {},\n    language: 'en',\n    enableWebGL: true,\n    enableMarkerIconCache: true,\n    enableFractionalZoom: false,\n    isZoomInteractionActive: false,\n    baseLayer: MAP_TYPE_DEFAULT,\n    activeLayers: [],\n    showCluster: true,\n    devicePixelRatio: 1,\n    onIncidentsChange: () => {},\n};\n\nexport const MapContext = createContext<MapContextType>(defaultMapContext);\n\nexport const useMapContext = () => useContext(MapContext);\n"],"names":["defaultMapContext","MAP_TYPE_DEFAULT","MapContext","createContext","useMapContext","useContext"],"mappings":";;AAyBO,MAAMA,IAAoC;AAAA,EAC7C,KAAK,CAAA;AAAA,EACL,UAAU;AAAA,EACV,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,yBAAyB;AAAA,EACzB,WAAWC;AAAA,EACX,cAAc,CAAA;AAAA,EACd,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,mBAAmB,MAAM;AAAA,EAAC;AAC9B,GAEaC,IAAaC,EAA8BH,CAAiB,GAE5DI,IAAgB,MAAMC,EAAWH,CAAU;"}

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/components/features/Route.d.ts

@@ -1,3 +1,4 @@
+import { CSSProperties } from 'react';
 import { ArrowStyle } from './basics/Polyline';
 import { Position } from '../../utils/mapTypes';
 import { EventListenerMap } from '../../utils/eventHandling';
@@ -22,18 +23,81 @@ export type RouteStyle = {
     lineDash?: number[];
 };
 export type RouteProps = {
+    /**
+     * Defines the arrow appearance when arrows are rendered on the route.
+     *
+     * @default {}
+     */
     arrowStyle?: ArrowStyle;
+    /**
+     * Controls whether directional arrows are rendered on the route line.
+     *
+     * @default true
+     */
     hasArrows?: boolean;
+    /**
+     * Ordered geographic positions that define the route geometry.
+     */
     positions: Position[];
+    /**
+     * Overrides the default route styling for line and border.
+     *
+     * @default { width: 5, color: 'rgba(48, 194, 255, 1)', borderWidth: 2, borderColor: 'rgba(22, 100, 141, 1)', isBorderIncludedInWidth: false }
+     */
     style?: RouteStyle;
+    /**
+     * Style overrides applied while the route is hovered via its hit area.
+     */
+    hoverStyle?: RouteStyle;
+    /**
+     * Shows the internal hit area polyline in red for debugging.
+     *
+     * @default false
+     */
+    showHitArea?: boolean;
+    /**
+     * Event handlers attached to the interactive route hit area.
+     */
     eventListenerMap?: EventListenerMap;
+    /**
+     * Renders the route in its reduced visual style.
+     *
+     * @default false
+     */
     isReduced?: boolean;
+    /**
+     * Applies the alternative route base styling.
+     *
+     * @default false
+     */
     isRouteAlternative?: boolean;
+    /**
+     * Icon rendered at the first route position.
+     */
     startIcon?: JSX.Element;
+    /**
+     * Icon rendered at the middle route position.
+     */
     middleIcon?: JSX.Element;
+    /**
+     * Icon rendered at the last route position.
+     */
     endIcon?: JSX.Element;
+    /**
+     * Additional markers rendered alongside the route.
+     *
+     * @default []
+     */
     markers?: JSX.Element[];
+    /**
+     * Custom payload forwarded to the rendered route polylines and their events.
+     */
     customData?: object;
+    /**
+     * Cursor shown while hovering the interactive route hit area.
+     * If omitted, clickable routes automatically use `pointer`.
+     */
+    cursor?: CSSProperties['cursor'];
 };
-declare const Route: (props: RouteProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Route: (props: RouteProps) => import("react/jsx-runtime").JSX.Element;
 export default Route;

package/components/map/components/features/Route.js

@@ -1,121 +1,207 @@
-import { jsxs as P, jsx as n } from "react/jsx-runtime";
-import { useState as c, useEffect as O } from "react";
-import { isEmpty as j, isArray as J } from "es-toolkit/compat";
-import f from "./basics/Polyline.js";
-import R from "./basics/Marker.js";
-import g from "../../exceptions/MapException.js";
-const X = "Route requires a minimum of 1 positions", q = "If isBorderIncludedInWidth is set to true than width has to be greater than twice of borderWidth", V = "rgba(48, 194, 255, 1)", z = "rgba(48, 194, 255, 0.5)", Q = "rgb(200, 243, 247)", Y = "rgba(22, 100, 141, 1)", Z = "rgba(255, 255, 255, 0)", st = "#e22837", lt = "#ff8e3c", at = "#5cb85c", ct = "rgba(255, 255, 255, 1)", dt = "rgba(167, 83, 25, 1)", C = 5, D = 2, b = {
-  width: C,
-  color: V,
-  borderWidth: D,
-  borderColor: Y,
+import { jsxs as K, jsx as u } from "react/jsx-runtime";
+import { useRef as v, useMemo as p, useEffect as P } from "react";
+import { isArray as V, isEmpty as x } from "es-toolkit/compat";
+import N from "./basics/Polyline.js";
+import b from "./basics/Marker.js";
+import U from "../../exceptions/MapException.js";
+import { EventUtils as s } from "../../utils/eventHandling.js";
+import { useMapContext as X } from "../MapContext.js";
+const J = "Route requires a minimum of 1 positions", q = "If isBorderIncludedInWidth is set to true than width has to be greater than twice of borderWidth", Y = "rgba(48, 194, 255, 1)", z = "rgba(48, 194, 255, 0.5)", Q = "rgb(200, 243, 247)", Z = "rgba(22, 100, 141, 1)", $ = "rgba(255, 255, 255, 0)", Ee = "#e22837", ue = "#ff8e3c", Re = "#5cb85c", ye = "rgba(255, 255, 255, 1)", _e = "rgba(167, 83, 25, 1)", j = 10, B = 5, ee = 2, M = {
+  width: B,
+  color: Y,
+  borderWidth: ee,
+  borderColor: Z,
   isBorderIncludedInWidth: !1
-}, $ = {
-  ...b,
+}, te = {
+  ...M,
   color: Q
-}, Et = (y) => {
-  const {
-    style: d,
-    isReduced: i = !1,
-    isRouteAlternative: E = !1,
-    positions: t,
-    startIcon: S,
-    middleIcon: I,
-    endIcon: L,
-    arrowStyle: A = {},
-    hasArrows: W = !0,
-    markers: m = [],
-    customData: h,
-    eventListenerMap: p
-  } = y, [_, N] = c(), [U, w] = c(), [B, F] = c(), [G, M] = c(D);
-  O(() => {
-    u(t), T(d, i, E);
-  }, []), O(() => {
-    u(t);
-  }, [t]), O(() => {
-    T(d, i, E);
-  }, [d, i, E]);
-  const u = (o) => {
-    if (j(o))
-      throw new g(X);
-    const e = new H.geo.LineString();
-    if (o.map((r) => e.pushLatLngAlt(r.lat, r.lng, 0)), o.length === 1) {
-      const [r] = o;
-      e.pushLatLngAlt(r.lat, r.lng, 0);
-    }
-    N(e);
-  }, T = (o, e, r) => {
-    const v = {
-      ...r ? $ : b,
-      ...o
+}, re = (a) => {
+  if (x(a))
+    throw new U(J);
+  const l = new H.geo.LineString();
+  if (a.forEach((o) => {
+    l.pushLatLngAlt(o.lat, o.lng, 0);
+  }), a.length === 1) {
+    const [o] = a;
+    l.pushLatLngAlt(o.lat, o.lng, 0);
+  }
+  return l;
+}, oe = (a) => {
+  const { style: l, hoverStyle: o, isReduced: d, isRouteAlternative: h, showHitArea: f } = a, n = (m) => {
+    const I = {
+      ...h ? te : M,
+      ...m
     }, {
-      color: K,
-      width: s = C,
-      borderColor: k,
-      borderWidth: l = 0,
-      isBorderIncludedInWidth: x,
-      lineDash: a
-    } = v;
-    if (M(e ? 0 : l), x && l >= s)
-      throw new g(q);
-    w(
-      new H.map.SpatialStyle({
-        strokeColor: e ? z : K,
-        lineWidth: e ? l + s : s,
+      color: T,
+      width: c = B,
+      borderColor: _,
+      borderWidth: r = 0,
+      isBorderIncludedInWidth: O,
+      lineDash: i
+    } = I;
+    if (O && r >= c)
+      throw new U(q);
+    return {
+      borderWidth: d ? 0 : r,
+      routeStyle: new H.map.SpatialStyle({
+        strokeColor: d ? z : T,
+        lineWidth: d ? r + c : c,
         lineCap: "round",
         lineJoin: "bevel",
-        ...a && { lineDash: a }
-      })
-    ), F(
-      new H.map.SpatialStyle({
-        strokeColor: i ? Z : k,
-        lineWidth: l + s,
+        ...i && { lineDash: i }
+      }),
+      borderStyle: new H.map.SpatialStyle({
+        strokeColor: d ? $ : _,
+        lineWidth: r + c,
         lineCap: "round",
         lineJoin: "bevel",
-        ...a && { lineDash: a }
+        ...i && { lineDash: i }
+      }),
+      hitAreaStyle: new H.map.SpatialStyle({
+        strokeColor: f ? "rgba(255, 0, 0, 0.35)" : "rgba(255, 255, 255, 0.001)",
+        lineWidth: r + c + j,
+        lineCap: "round",
+        lineJoin: "round"
       })
+    };
+  }, R = n(l), y = o ? n({ ...l, ...o }) : R;
+  return {
+    ...R,
+    hoverRouteStyle: y.routeStyle,
+    hoverBorderStyle: y.borderStyle
+  };
+}, Oe = (a) => {
+  const {
+    style: l,
+    hoverStyle: o,
+    showHitArea: d = !1,
+    isReduced: h = !1,
+    isRouteAlternative: f = !1,
+    positions: n,
+    startIcon: R,
+    middleIcon: y,
+    endIcon: m,
+    arrowStyle: I = {},
+    hasArrows: T = !0,
+    markers: c = [],
+    customData: _,
+    eventListenerMap: r,
+    cursor: O
+  } = a, { api: i } = X(), D = v(), L = v(), S = v(!1), E = p(() => {
+    if (O)
+      return O;
+    if (r?.[s.TAP] || r?.[s.DBL_TAP] || r?.[s.CONTEXTMENU])
+      return "pointer";
+  }, [O, r]), C = p(() => re(n), [n]), t = p(
+    () => oe({
+      style: l,
+      hoverStyle: o,
+      isReduced: h,
+      isRouteAlternative: f,
+      showHitArea: d
+    }),
+    [l, o, h, f, d]
+  ), W = (e) => {
+    if (!i.map)
+      return;
+    const G = i.map.getElement(), k = i.map.getViewPort().element;
+    G.style.cursor = e, k.style.cursor = e;
+  }, A = (e) => {
+    D.current?.line.setStyle(e ? t.hoverRouteStyle : t.routeStyle), L.current && L.current.line.setStyle(
+      e ? t.hoverBorderStyle : t.borderStyle
     );
+  }, F = () => {
+    S.current = !0, A(!0), E && W(E);
+  }, g = () => {
+    S.current = !1, A(!1), E && W("");
   };
-  return _ ? /* @__PURE__ */ P("div", { children: [
-    G > 0 && /* @__PURE__ */ n(
-      f,
+  P(() => {
+    A(S.current);
+  }, [
+    t.routeStyle,
+    t.borderStyle,
+    t.hoverRouteStyle,
+    t.hoverBorderStyle
+  ]), P(
+    () => () => {
+      S.current = !1, g();
+    },
+    [i.map, E]
+  );
+  const w = p(() => {
+    if (r || o || E)
+      return {
+        ...r,
+        [s.POINTER_ENTER]: (...e) => {
+          F(), r?.[s.POINTER_ENTER]?.(...e);
+        },
+        [s.POINTER_LEAVE]: (...e) => {
+          g(), r?.[s.POINTER_LEAVE]?.(...e);
+        },
+        [s.POINTER_CANCEL]: (...e) => {
+          g(), r?.[s.POINTER_CANCEL]?.(...e);
+        }
+      };
+  }, [r, o, E, t]);
+  return /* @__PURE__ */ K("div", { children: [
+    t.borderWidth > 0 && /* @__PURE__ */ u(
+      N,
+      {
+        geometry: C,
+        style: t.borderStyle,
+        customData: _,
+        onReady: (e) => {
+          L.current = e, e && e.line.setStyle(
+            S.current ? t.hoverBorderStyle : t.borderStyle
+          );
+        }
+      }
+    ),
+    /* @__PURE__ */ u(
+      N,
       {
-        eventListenerMap: p,
-        geometry: _,
-        style: B,
-        customData: h
+        hasArrows: T,
+        arrowStyle: I,
+        geometry: C,
+        style: t.routeStyle,
+        customData: _,
+        onReady: (e) => {
+          D.current = e, e && e.line.setStyle(
+            S.current ? t.hoverRouteStyle : t.routeStyle
+          );
+        }
       }
     ),
-    /* @__PURE__ */ n(
-      f,
+    w && // Keep interaction on a single invisible polyline so hover/cursor/click stay stable
+    // even though the visible route may consist of multiple rendered polylines.
+    /* @__PURE__ */ u(
+      N,
       {
-        hasArrows: W,
-        arrowStyle: A,
-        eventListenerMap: p,
-        geometry: _,
-        style: U,
-        customData: h
+        eventListenerMap: w,
+        geometry: C,
+        style: t.hitAreaStyle,
+        customData: _
       }
     ),
-    S && /* @__PURE__ */ n(R, { position: t[0], icon: S }, "startIcon"),
-    I && /* @__PURE__ */ n(R, { position: t[Math.floor(t.length / 2)], icon: I }, "middleIcon"),
-    L && /* @__PURE__ */ n(R, { position: t[t.length - 1], icon: L }, "endIcon"),
-    J(m) && m.map((o) => o)
-  ] }) : null;
+    R && /* @__PURE__ */ u(b, { position: n[0], icon: R }, "startIcon"),
+    y && /* @__PURE__ */ u(b, { position: n[Math.floor(n.length / 2)], icon: y }, "middleIcon"),
+    m && /* @__PURE__ */ u(b, { position: n[n.length - 1], icon: m }, "endIcon"),
+    V(c) && c.map((e) => e)
+  ] });
 };
 export {
-  dt as ARROW_COLOR_WARNING,
-  Y as DEFAULT_BORDER_STROKE_COLOR,
-  Z as DEFAULT_BORDER_STROKE_COLOR_REDUCED,
-  V as DEFAULT_LINE_STROKE_COLOR,
+  _e as ARROW_COLOR_WARNING,
+  Z as DEFAULT_BORDER_STROKE_COLOR,
+  $ as DEFAULT_BORDER_STROKE_COLOR_REDUCED,
+  Y as DEFAULT_LINE_STROKE_COLOR,
   Q as DEFAULT_LINE_STROKE_COLOR_ALTERNATIVE,
   z as DEFAULT_LINE_STROKE_COLOR_REDUCED,
-  X as MISSING_POSITIONS_EXCEPTION_MSG,
-  st as ROUTE_COLOR_DANGER,
-  at as ROUTE_COLOR_SUCCESS,
-  lt as ROUTE_COLOR_WARNING,
-  ct as ROUTE_COLOR_WHITE,
+  J as MISSING_POSITIONS_EXCEPTION_MSG,
+  Ee as ROUTE_COLOR_DANGER,
+  Re as ROUTE_COLOR_SUCCESS,
+  ue as ROUTE_COLOR_WARNING,
+  ye as ROUTE_COLOR_WHITE,
   q as TO_LESS_LINE_WIDTH_EXCEPTION_MSG,
-  Et as default
+  Oe as default
 };
 //# sourceMappingURL=Route.js.map

package/components/map/components/features/Route.js.map

@@ -1 +1 @@
-{"version":3,"file":"Route.js","sources":["../../../../../src/components/map/components/features/Route.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { isArray, isEmpty } from 'es-toolkit/compat';\n\nimport Polyline, { type ArrowStyle } from './basics/Polyline';\nimport Marker from './basics/Marker';\nimport MapException from '../../exceptions/MapException';\nimport type { Position } from '../../utils/mapTypes';\nimport type { EventListenerMap } from '../../utils/eventHandling';\n\nexport const MISSING_POSITIONS_EXCEPTION_MSG = 'Route requires a minimum of 1 positions';\n\nexport const TO_LESS_LINE_WIDTH_EXCEPTION_MSG =\n    'If isBorderIncludedInWidth is set to true than width has to be greater than twice of borderWidth';\n\nexport const DEFAULT_LINE_STROKE_COLOR = 'rgba(48, 194, 255, 1)';\nexport const DEFAULT_LINE_STROKE_COLOR_REDUCED = 'rgba(48, 194, 255, 0.5)';\nexport const DEFAULT_LINE_STROKE_COLOR_ALTERNATIVE = 'rgb(200, 243, 247)';\n\nexport const DEFAULT_BORDER_STROKE_COLOR = 'rgba(22, 100, 141, 1)';\nexport const DEFAULT_BORDER_STROKE_COLOR_REDUCED = 'rgba(255, 255, 255, 0)';\n\n// Both works, rgb or hex - keep in mind that these state colors may change\n// so use this constants instead of actual color values in the service\nexport const ROUTE_COLOR_DANGER = '#e22837';\nexport const ROUTE_COLOR_WARNING = '#ff8e3c';\nexport const ROUTE_COLOR_SUCCESS = '#5cb85c';\nexport const ROUTE_COLOR_WHITE = 'rgba(255, 255, 255, 1)';\n\nexport const ARROW_COLOR_WARNING = 'rgba(167, 83, 25, 1)';\n\nexport type RouteStyle = {\n    width?: number;\n    color?: string;\n    borderWidth?: number;\n    borderColor?: string;\n    isBorderIncludedInWidth?: boolean;\n    lineDash?: number[];\n};\n\nexport type RouteProps = {\n    arrowStyle?: ArrowStyle;\n    hasArrows?: boolean;\n    positions: Position[];\n    style?: RouteStyle;\n    eventListenerMap?: EventListenerMap;\n    isReduced?: boolean;\n    isRouteAlternative?: boolean;\n    startIcon?: JSX.Element;\n    middleIcon?: JSX.Element;\n    endIcon?: JSX.Element;\n    markers?: JSX.Element[];\n    customData?: object;\n};\n\nconst DEFAULT_WIDTH = 5;\nconst DEFAULT_BORDER_WIDTH = 2;\n\nconst defaultStyle: RouteStyle = {\n    width: DEFAULT_WIDTH,\n    color: DEFAULT_LINE_STROKE_COLOR,\n    borderWidth: DEFAULT_BORDER_WIDTH,\n    borderColor: DEFAULT_BORDER_STROKE_COLOR,\n    isBorderIncludedInWidth: false,\n};\n\nconst alternativeRouteStyle = {\n    ...defaultStyle,\n    color: DEFAULT_LINE_STROKE_COLOR_ALTERNATIVE,\n};\n\nconst Route = (props: RouteProps) => {\n    const {\n        style,\n        isReduced = false,\n        isRouteAlternative = false,\n        positions,\n        startIcon,\n        middleIcon,\n        endIcon,\n        arrowStyle = {},\n        hasArrows = true,\n        markers = [],\n        customData,\n        eventListenerMap,\n    } = props;\n\n    const [lineString, setLineString] = useState<H.geo.LineString>();\n    const [routeStyle, setRouteStyle] = useState<H.map.SpatialStyle>();\n    const [borderStyle, setBorderStyle] = useState<H.map.SpatialStyle>();\n    const [borderWidth, setBorderWidth] = useState<number>(DEFAULT_BORDER_WIDTH);\n\n    useEffect(() => {\n        updateGeometry(positions);\n        updateStyle(style, isReduced, isRouteAlternative);\n    }, []);\n\n    useEffect(() => {\n        updateGeometry(positions);\n    }, [positions]);\n\n    useEffect(() => {\n        updateStyle(style, isReduced, isRouteAlternative);\n    }, [style, isReduced, isRouteAlternative]);\n\n    const updateGeometry = (pos: Position[]) => {\n        if (isEmpty(pos)) {\n            throw new MapException(MISSING_POSITIONS_EXCEPTION_MSG);\n        }\n\n        /* keep reference to shared geometry to prevent recalculation if other values than points change */\n        const lineStringData = new H.geo.LineString();\n        pos.map((singlePos: Position) => lineStringData.pushLatLngAlt(singlePos.lat, singlePos.lng, 0));\n\n        if (pos.length === 1) {\n            const [position] = pos;\n            lineStringData.pushLatLngAlt(position.lat, position.lng, 0);\n        }\n\n        setLineString(lineStringData);\n    };\n\n    const updateStyle = (\n        updatedStyle: RouteStyle | undefined,\n        isReducedStyle: boolean,\n        isRouteAlternativeStyle: boolean\n    ) => {\n        const mergedStyle = {\n            ...(isRouteAlternativeStyle ? alternativeRouteStyle : defaultStyle),\n            ...updatedStyle,\n        };\n\n        const {\n            color,\n            width = DEFAULT_WIDTH,\n            borderColor,\n            borderWidth: mergedBorderWidth = 0,\n            isBorderIncludedInWidth,\n            lineDash,\n        } = mergedStyle;\n\n        setBorderWidth(isReducedStyle ? 0 : mergedBorderWidth);\n\n        if (isBorderIncludedInWidth && mergedBorderWidth >= width) {\n            throw new MapException(TO_LESS_LINE_WIDTH_EXCEPTION_MSG);\n        }\n\n        setRouteStyle(\n            new H.map.SpatialStyle({\n                strokeColor: isReducedStyle ? DEFAULT_LINE_STROKE_COLOR_REDUCED : color,\n                lineWidth: isReducedStyle ? mergedBorderWidth + width : width,\n                lineCap: 'round',\n                lineJoin: 'bevel',\n                ...(lineDash && { lineDash }),\n            })\n        );\n\n        setBorderStyle(\n            new H.map.SpatialStyle({\n                strokeColor: isReduced ? DEFAULT_BORDER_STROKE_COLOR_REDUCED : borderColor,\n                lineWidth: mergedBorderWidth + width,\n                lineCap: 'round',\n                lineJoin: 'bevel',\n                ...(lineDash && { lineDash }),\n            })\n        );\n    };\n\n    if (!lineString) {\n        return null;\n    }\n\n    return (\n        <div>\n            {borderWidth > 0 && (\n                <Polyline\n                    eventListenerMap={eventListenerMap}\n                    geometry={lineString}\n                    style={borderStyle}\n                    customData={customData}\n                />\n            )}\n            <Polyline\n                hasArrows={hasArrows}\n                arrowStyle={arrowStyle}\n                eventListenerMap={eventListenerMap}\n                geometry={lineString}\n                style={routeStyle}\n                customData={customData}\n            />\n            {startIcon && <Marker key='startIcon' position={positions[0]} icon={startIcon} />}\n            {middleIcon && (\n                <Marker key='middleIcon' position={positions[Math.floor(positions.length / 2)]} icon={middleIcon} />\n            )}\n            {endIcon && <Marker key='endIcon' position={positions[positions.length - 1]} icon={endIcon} />}\n            {isArray(markers) && markers.map(marker => marker)}\n        </div>\n    );\n};\n\nexport default Route;\n"],"names":["MISSING_POSITIONS_EXCEPTION_MSG","TO_LESS_LINE_WIDTH_EXCEPTION_MSG","DEFAULT_LINE_STROKE_COLOR","DEFAULT_LINE_STROKE_COLOR_REDUCED","DEFAULT_LINE_STROKE_COLOR_ALTERNATIVE","DEFAULT_BORDER_STROKE_COLOR","DEFAULT_BORDER_STROKE_COLOR_REDUCED","ROUTE_COLOR_DANGER","ROUTE_COLOR_WARNING","ROUTE_COLOR_SUCCESS","ROUTE_COLOR_WHITE","ARROW_COLOR_WARNING","DEFAULT_WIDTH","DEFAULT_BORDER_WIDTH","defaultStyle","alternativeRouteStyle","Route","props","style","isReduced","isRouteAlternative","positions","startIcon","middleIcon","endIcon","arrowStyle","hasArrows","markers","customData","eventListenerMap","lineString","setLineString","useState","routeStyle","setRouteStyle","borderStyle","setBorderStyle","borderWidth","setBorderWidth","useEffect","updateGeometry","updateStyle","pos","isEmpty","MapException","lineStringData","singlePos","position","updatedStyle","isReducedStyle","isRouteAlternativeStyle","mergedStyle","color","width","borderColor","mergedBorderWidth","isBorderIncludedInWidth","lineDash","jsx","Polyline","Marker","isArray","marker"],"mappings":"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"}
+{"version":3,"file":"Route.js","sources":["../../../../../src/components/map/components/features/Route.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, type CSSProperties } from 'react';\nimport { isArray, isEmpty } from 'es-toolkit/compat';\n\nimport Polyline, { type ArrowStyle, type PolylineObjects } from './basics/Polyline';\nimport Marker from './basics/Marker';\nimport MapException from '../../exceptions/MapException';\nimport type { Position } from '../../utils/mapTypes';\nimport { EventUtils, type EventListenerMap } from '../../utils/eventHandling';\nimport { useMapContext } from '../MapContext';\n\nexport const MISSING_POSITIONS_EXCEPTION_MSG = 'Route requires a minimum of 1 positions';\n\nexport const TO_LESS_LINE_WIDTH_EXCEPTION_MSG =\n    'If isBorderIncludedInWidth is set to true than width has to be greater than twice of borderWidth';\n\nexport const DEFAULT_LINE_STROKE_COLOR = 'rgba(48, 194, 255, 1)';\nexport const DEFAULT_LINE_STROKE_COLOR_REDUCED = 'rgba(48, 194, 255, 0.5)';\nexport const DEFAULT_LINE_STROKE_COLOR_ALTERNATIVE = 'rgb(200, 243, 247)';\n\nexport const DEFAULT_BORDER_STROKE_COLOR = 'rgba(22, 100, 141, 1)';\nexport const DEFAULT_BORDER_STROKE_COLOR_REDUCED = 'rgba(255, 255, 255, 0)';\n\n// Both works, rgb or hex - keep in mind that these state colors may change\n// so use this constants instead of actual color values in the service\nexport const ROUTE_COLOR_DANGER = '#e22837';\nexport const ROUTE_COLOR_WARNING = '#ff8e3c';\nexport const ROUTE_COLOR_SUCCESS = '#5cb85c';\nexport const ROUTE_COLOR_WHITE = 'rgba(255, 255, 255, 1)';\n\nexport const ARROW_COLOR_WARNING = 'rgba(167, 83, 25, 1)';\nconst HIT_POLYLINE_EXTRA_WIDTH = 10;\n\nexport type RouteStyle = {\n    width?: number;\n    color?: string;\n    borderWidth?: number;\n    borderColor?: string;\n    isBorderIncludedInWidth?: boolean;\n    lineDash?: number[];\n};\n\nexport type RouteProps = {\n    /**\n     * Defines the arrow appearance when arrows are rendered on the route.\n     *\n     * @default {}\n     */\n    arrowStyle?: ArrowStyle;\n\n    /**\n     * Controls whether directional arrows are rendered on the route line.\n     *\n     * @default true\n     */\n    hasArrows?: boolean;\n\n    /**\n     * Ordered geographic positions that define the route geometry.\n     */\n    positions: Position[];\n\n    /**\n     * Overrides the default route styling for line and border.\n     *\n     * @default { width: 5, color: 'rgba(48, 194, 255, 1)', borderWidth: 2, borderColor: 'rgba(22, 100, 141, 1)', isBorderIncludedInWidth: false }\n     */\n    style?: RouteStyle;\n\n    /**\n     * Style overrides applied while the route is hovered via its hit area.\n     */\n    hoverStyle?: RouteStyle;\n\n    /**\n     * Shows the internal hit area polyline in red for debugging.\n     *\n     * @default false\n     */\n    showHitArea?: boolean;\n\n    /**\n     * Event handlers attached to the interactive route hit area.\n     */\n    eventListenerMap?: EventListenerMap;\n\n    /**\n     * Renders the route in its reduced visual style.\n     *\n     * @default false\n     */\n    isReduced?: boolean;\n\n    /**\n     * Applies the alternative route base styling.\n     *\n     * @default false\n     */\n    isRouteAlternative?: boolean;\n\n    /**\n     * Icon rendered at the first route position.\n     */\n    startIcon?: JSX.Element;\n\n    /**\n     * Icon rendered at the middle route position.\n     */\n    middleIcon?: JSX.Element;\n\n    /**\n     * Icon rendered at the last route position.\n     */\n    endIcon?: JSX.Element;\n\n    /**\n     * Additional markers rendered alongside the route.\n     *\n     * @default []\n     */\n    markers?: JSX.Element[];\n\n    /**\n     * Custom payload forwarded to the rendered route polylines and their events.\n     */\n    customData?: object;\n\n    /**\n     * Cursor shown while hovering the interactive route hit area.\n     * If omitted, clickable routes automatically use `pointer`.\n     */\n    cursor?: CSSProperties['cursor'];\n};\n\nconst DEFAULT_WIDTH = 5;\nconst DEFAULT_BORDER_WIDTH = 2;\n\nconst defaultStyle: RouteStyle = {\n    width: DEFAULT_WIDTH,\n    color: DEFAULT_LINE_STROKE_COLOR,\n    borderWidth: DEFAULT_BORDER_WIDTH,\n    borderColor: DEFAULT_BORDER_STROKE_COLOR,\n    isBorderIncludedInWidth: false,\n};\n\nconst alternativeRouteStyle = {\n    ...defaultStyle,\n    color: DEFAULT_LINE_STROKE_COLOR_ALTERNATIVE,\n};\n\nconst createLineString = (positions: Position[]) => {\n    if (isEmpty(positions)) {\n        throw new MapException(MISSING_POSITIONS_EXCEPTION_MSG);\n    }\n\n    const lineString = new H.geo.LineString();\n\n    positions.forEach(position => {\n        lineString.pushLatLngAlt(position.lat, position.lng, 0);\n    });\n\n    if (positions.length === 1) {\n        const [position] = positions;\n        lineString.pushLatLngAlt(position.lat, position.lng, 0);\n    }\n\n    return lineString;\n};\n\nconst createResolvedRouteStyles = (options: {\n    style?: RouteStyle;\n    hoverStyle?: RouteStyle;\n    isReduced: boolean;\n    isRouteAlternative: boolean;\n    showHitArea: boolean;\n}) => {\n    const { style, hoverStyle, isReduced, isRouteAlternative, showHitArea } = options;\n\n    const createStyleSet = (updatedStyle?: RouteStyle) => {\n        const mergedStyle = {\n            ...(isRouteAlternative ? alternativeRouteStyle : defaultStyle),\n            ...updatedStyle,\n        };\n\n        const {\n            color,\n            width = DEFAULT_WIDTH,\n            borderColor,\n            borderWidth: mergedBorderWidth = 0,\n            isBorderIncludedInWidth,\n            lineDash,\n        } = mergedStyle;\n\n        if (isBorderIncludedInWidth && mergedBorderWidth >= width) {\n            throw new MapException(TO_LESS_LINE_WIDTH_EXCEPTION_MSG);\n        }\n\n        return {\n            borderWidth: isReduced ? 0 : mergedBorderWidth,\n            routeStyle: new H.map.SpatialStyle({\n                strokeColor: isReduced ? DEFAULT_LINE_STROKE_COLOR_REDUCED : color,\n                lineWidth: isReduced ? mergedBorderWidth + width : width,\n                lineCap: 'round',\n                lineJoin: 'bevel',\n                ...(lineDash && { lineDash }),\n            }),\n            borderStyle: new H.map.SpatialStyle({\n                strokeColor: isReduced ? DEFAULT_BORDER_STROKE_COLOR_REDUCED : borderColor,\n                lineWidth: mergedBorderWidth + width,\n                lineCap: 'round',\n                lineJoin: 'bevel',\n                ...(lineDash && { lineDash }),\n            }),\n            hitAreaStyle: new H.map.SpatialStyle({\n                strokeColor: showHitArea ? 'rgba(255, 0, 0, 0.35)' : 'rgba(255, 255, 255, 0.001)',\n                lineWidth: mergedBorderWidth + width + HIT_POLYLINE_EXTRA_WIDTH,\n                lineCap: 'round',\n                lineJoin: 'round',\n            }),\n        };\n    };\n\n    const baseStyleSet = createStyleSet(style);\n    const hoverStyleSet = hoverStyle ? createStyleSet({ ...style, ...hoverStyle }) : baseStyleSet;\n\n    return {\n        ...baseStyleSet,\n        hoverRouteStyle: hoverStyleSet.routeStyle,\n        hoverBorderStyle: hoverStyleSet.borderStyle,\n    };\n};\n\nconst Route = (props: RouteProps) => {\n    const {\n        style,\n        hoverStyle,\n        showHitArea = false,\n        isReduced = false,\n        isRouteAlternative = false,\n        positions,\n        startIcon,\n        middleIcon,\n        endIcon,\n        arrowStyle = {},\n        hasArrows = true,\n        markers = [],\n        customData,\n        eventListenerMap,\n        cursor,\n    } = props;\n\n    const { api } = useMapContext();\n    const routePolylineRef = useRef<PolylineObjects>();\n    const borderPolylineRef = useRef<PolylineObjects>();\n    const isHoveredRef = useRef(false);\n\n    const resolvedCursor = useMemo(() => {\n        if (cursor) {\n            return cursor;\n        }\n\n        if (\n            eventListenerMap?.[EventUtils.TAP] ||\n            eventListenerMap?.[EventUtils.DBL_TAP] ||\n            eventListenerMap?.[EventUtils.CONTEXTMENU]\n        ) {\n            return 'pointer';\n        }\n    }, [cursor, eventListenerMap]);\n\n    const lineString = useMemo(() => createLineString(positions), [positions]);\n    const resolvedStyles = useMemo(\n        () =>\n            createResolvedRouteStyles({\n                style,\n                hoverStyle,\n                isReduced,\n                isRouteAlternative,\n                showHitArea,\n            }),\n        [style, hoverStyle, isReduced, isRouteAlternative, showHitArea]\n    );\n\n    const applyCursor = (nextCursor: string) => {\n        if (!api.map) {\n            return;\n        }\n\n        const mapElement = api.map.getElement() as HTMLElement;\n        const viewportElement = api.map.getViewPort().element as HTMLElement;\n\n        mapElement.style.cursor = nextCursor;\n        viewportElement.style.cursor = nextCursor;\n    };\n\n    const applyVisibleStyles = (hovered: boolean) => {\n        routePolylineRef.current?.line.setStyle(hovered ? resolvedStyles.hoverRouteStyle : resolvedStyles.routeStyle);\n\n        if (borderPolylineRef.current) {\n            borderPolylineRef.current.line.setStyle(\n                hovered ? resolvedStyles.hoverBorderStyle : resolvedStyles.borderStyle\n            );\n        }\n    };\n\n    const activateInteractionState = () => {\n        isHoveredRef.current = true;\n        applyVisibleStyles(true);\n\n        if (resolvedCursor) {\n            applyCursor(resolvedCursor);\n        }\n    };\n\n    const clearInteractionState = () => {\n        isHoveredRef.current = false;\n        applyVisibleStyles(false);\n\n        if (resolvedCursor) {\n            applyCursor('');\n        }\n    };\n\n    useEffect(() => {\n        applyVisibleStyles(isHoveredRef.current);\n    }, [\n        resolvedStyles.routeStyle,\n        resolvedStyles.borderStyle,\n        resolvedStyles.hoverRouteStyle,\n        resolvedStyles.hoverBorderStyle,\n    ]);\n\n    useEffect(\n        () => () => {\n            isHoveredRef.current = false;\n            clearInteractionState();\n        },\n        [api.map, resolvedCursor]\n    );\n\n    const resolvedEventListenerMap = useMemo(() => {\n        if (!(eventListenerMap || hoverStyle || resolvedCursor)) {\n            return;\n        }\n\n        return {\n            ...eventListenerMap,\n            [EventUtils.POINTER_ENTER]: (...args: unknown[]) => {\n                activateInteractionState();\n\n                eventListenerMap?.[EventUtils.POINTER_ENTER]?.(...args);\n            },\n            [EventUtils.POINTER_LEAVE]: (...args: unknown[]) => {\n                clearInteractionState();\n\n                eventListenerMap?.[EventUtils.POINTER_LEAVE]?.(...args);\n            },\n            [EventUtils.POINTER_CANCEL]: (...args: unknown[]) => {\n                clearInteractionState();\n\n                eventListenerMap?.[EventUtils.POINTER_CANCEL]?.(...args);\n            },\n        } satisfies EventListenerMap;\n    }, [eventListenerMap, hoverStyle, resolvedCursor, resolvedStyles]);\n\n    return (\n        <div>\n            {resolvedStyles.borderWidth > 0 && (\n                <Polyline\n                    geometry={lineString}\n                    style={resolvedStyles.borderStyle}\n                    customData={customData}\n                    onReady={objects => {\n                        borderPolylineRef.current = objects;\n\n                        if (objects) {\n                            objects.line.setStyle(\n                                isHoveredRef.current ? resolvedStyles.hoverBorderStyle : resolvedStyles.borderStyle\n                            );\n                        }\n                    }}\n                />\n            )}\n            <Polyline\n                hasArrows={hasArrows}\n                arrowStyle={arrowStyle}\n                geometry={lineString}\n                style={resolvedStyles.routeStyle}\n                customData={customData}\n                onReady={objects => {\n                    routePolylineRef.current = objects;\n\n                    if (objects) {\n                        objects.line.setStyle(\n                            isHoveredRef.current ? resolvedStyles.hoverRouteStyle : resolvedStyles.routeStyle\n                        );\n                    }\n                }}\n            />\n            {resolvedEventListenerMap && (\n                // Keep interaction on a single invisible polyline so hover/cursor/click stay stable\n                // even though the visible route may consist of multiple rendered polylines.\n                <Polyline\n                    eventListenerMap={resolvedEventListenerMap}\n                    geometry={lineString}\n                    style={resolvedStyles.hitAreaStyle}\n                    customData={customData}\n                />\n            )}\n            {startIcon && <Marker key='startIcon' position={positions[0]} icon={startIcon} />}\n            {middleIcon && (\n                <Marker key='middleIcon' position={positions[Math.floor(positions.length / 2)]} icon={middleIcon} />\n            )}\n            {endIcon && <Marker key='endIcon' position={positions[positions.length - 1]} icon={endIcon} />}\n            {isArray(markers) && markers.map(marker => marker)}\n        </div>\n    );\n};\n\nexport default Route;\n"],"names":["MISSING_POSITIONS_EXCEPTION_MSG","TO_LESS_LINE_WIDTH_EXCEPTION_MSG","DEFAULT_LINE_STROKE_COLOR","DEFAULT_LINE_STROKE_COLOR_REDUCED","DEFAULT_LINE_STROKE_COLOR_ALTERNATIVE","DEFAULT_BORDER_STROKE_COLOR","DEFAULT_BORDER_STROKE_COLOR_REDUCED","ROUTE_COLOR_DANGER","ROUTE_COLOR_WARNING","ROUTE_COLOR_SUCCESS","ROUTE_COLOR_WHITE","ARROW_COLOR_WARNING","HIT_POLYLINE_EXTRA_WIDTH","DEFAULT_WIDTH","DEFAULT_BORDER_WIDTH","defaultStyle","alternativeRouteStyle","createLineString","positions","isEmpty","MapException","lineString","position","createResolvedRouteStyles","options","style","hoverStyle","isReduced","isRouteAlternative","showHitArea","createStyleSet","updatedStyle","mergedStyle","color","width","borderColor","mergedBorderWidth","isBorderIncludedInWidth","lineDash","baseStyleSet","hoverStyleSet","Route","props","startIcon","middleIcon","endIcon","arrowStyle","hasArrows","markers","customData","eventListenerMap","cursor","api","useMapContext","routePolylineRef","useRef","borderPolylineRef","isHoveredRef","resolvedCursor","useMemo","EventUtils","resolvedStyles","applyCursor","nextCursor","mapElement","viewportElement","applyVisibleStyles","hovered","activateInteractionState","clearInteractionState","useEffect","resolvedEventListenerMap","args","jsx","Polyline","objects","Marker","isArray","marker"],"mappings":"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"}

package/components/map/components/features/basics/Marker.d.ts

@@ -2,9 +2,29 @@ import { default as React } from 'react';
 import { EventListenerMap } from '../../../utils/eventHandling';
 import { Position } from '../../../utils/mapTypes';
 export type MarkerIcon = string | React.ReactElement;
+type GetOrCreateIconOptions = {
+    cacheEnabled?: boolean;
+};
 export declare const isHMapIcon: (icon: MarkerIcon | H.map.DomIcon | undefined) => icon is H.map.Icon;
 export declare const isDomMakerNeeded: (icon: MarkerIcon | H.map.DomIcon | undefined) => boolean;
-export declare const getOrCreateIcon: (icon: MarkerIcon | H.map.DomIcon | undefined) => H.map.DomIcon | H.map.Icon;
+export declare const getMarkerDebugStats: () => {
+    cacheEnabled: boolean;
+    domIconCreations: number;
+    markupCacheHits: number;
+    markupCacheMisses: number;
+    reactElementCacheHits: number;
+    reactElementCacheMisses: number;
+    uncachedDomIconCreations: number;
+    markerSetups: number;
+    markerDestroys: number;
+    markerIconUpdates: number;
+    markerIconRecreates: number;
+    markerSetIconCalls: number;
+};
+export declare const resetMarkerDebugStats: () => void;
+export declare const setMarkerIconCacheEnabled: (enabled: boolean) => void;
+export declare const clearMarkerIconCache: () => void;
+export declare const getOrCreateIcon: (icon: MarkerIcon | H.map.DomIcon | undefined, options?: GetOrCreateIconOptions) => H.map.DomIcon | H.map.Icon;
 export type MarkerProps = {
     position: Position;
     icon?: MarkerIcon;