npm - @rio-cloud/rio-uikit - Versions diffs - 2.3.0-beta.2 → 2.3.0-beta.3 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (102) hide show

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

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
1	+ {"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 CHANGED Viewed

@@ -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;

package/components/map/components/features/basics/Marker.js CHANGED Viewed

@@ -1,46 +1,105 @@
-import v, { useRef as I, useEffect as u } from "react";
-import k from "react-dom/server";
-import { removeEventListenerMap as f, addEventListenerMap as d } from "../../../utils/eventHandling.js";
-import { useMapContext as g } from "../../MapContext.js";
-const M = (e) => e instanceof H.map.Icon, l = (e) => e ? !M(e) : !1, D = (e) => {
-  if (M(e) || e instanceof H.map.DomIcon)
+import w, { useRef as k, useEffect as l } from "react";
+import O from "react-dom/server";
+import { removeEventListenerMap as b, addEventListenerMap as g } from "../../../utils/eventHandling.js";
+import { useMapContext as y } from "../../MapContext.js";
+const v = (e) => e instanceof H.map.Icon, p = (e) => e ? !v(e) : !1, x = 500, u = /* @__PURE__ */ new Map();
+let M = /* @__PURE__ */ new WeakMap(), C = !0;
+const S = () => ({
+  cacheEnabled: C,
+  domIconCreations: 0,
+  markupCacheHits: 0,
+  markupCacheMisses: 0,
+  reactElementCacheHits: 0,
+  reactElementCacheMisses: 0,
+  uncachedDomIconCreations: 0,
+  markerSetups: 0,
+  markerDestroys: 0,
+  markerIconUpdates: 0,
+  markerIconRecreates: 0,
+  markerSetIconCalls: 0
+}), r = S(), N = () => ({
+  ...r,
+  cacheEnabled: C
+}), W = () => {
+  Object.assign(r, S());
+}, z = (e) => {
+  C = e;
+}, G = () => {
+  u.clear(), M = /* @__PURE__ */ new WeakMap();
+}, j = (e) => {
+  const n = e ?? C;
+  return r.cacheEnabled = n, n;
+}, f = (e) => {
+  const n = u.get(e);
+  if (n)
+    return r.markupCacheHits += 1, u.delete(e), u.set(e, n), n;
+  r.markupCacheMisses += 1, r.domIconCreations += 1;
+  const o = new H.map.DomIcon(e);
+  if (u.set(e, o), u.size > x) {
+    const c = u.keys().next().value;
+    c !== void 0 && u.delete(c);
+  }
+  return o;
+}, R = (e, n = {}) => {
+  if (!e || v(e) || e instanceof H.map.DomIcon)
     return e || "";
-  const t = v.isValidElement(e) ? k.renderToStaticMarkup(e) : e;
-  return new H.map.DomIcon(t);
-}, i = (e, t) => {
-  const { position: m, customData: n, icon: c, draggable: o, eventListenerMap: r } = e, a = l(c) ? H.map.DomMarker : H.map.Marker, s = new a(m, {
-    icon: c && D(c)
-  });
-  return s.setData(n), s.draggable = !!o, t.map?.addObject(s), d(s, r, t.map), s;
-}, p = (e, t) => {
-  f(e), t.map?.getObjects().includes(e) && t.map.removeObject(e), e.dispose();
-}, R = (e) => {
-  const { position: t, customData: m, icon: n, eventListenerMap: c } = e, { api: o } = g(), r = I();
-  return u(() => (r.current = i(e, o), () => {
-    r.current && (p(r.current, o), r.current = void 0);
-  }), []), u(() => {
-    r.current && r.current.setGeometry(t);
-  }, [t, r.current]), u(() => {
-    r.current && r.current.setData(m);
-  }, [m, r.current]), u(() => {
-    if (r.current) {
-      const a = f(r.current);
-      d(r.current, c, a);
+  const o = j(n.cacheEnabled);
+  if (w.isValidElement(e)) {
+    const i = O.renderToStaticMarkup(e);
+    if (!o)
+      return r.reactElementCacheMisses += 1, r.domIconCreations += 1, r.uncachedDomIconCreations += 1, new H.map.DomIcon(i);
+    const a = M.get(e);
+    if (a)
+      return r.reactElementCacheHits += 1, a;
+    r.reactElementCacheMisses += 1;
+    const m = f(i);
+    return M.set(e, m), m;
+  }
+  const c = e;
+  return o ? f(c) : (r.domIconCreations += 1, r.uncachedDomIconCreations += 1, new H.map.DomIcon(c));
+}, D = (e, n, o) => {
+  const { position: c, customData: i, icon: a, draggable: m, eventListenerMap: t } = e;
+  r.markerSetups += 1;
+  const d = p(a) ? H.map.DomMarker : H.map.Marker, s = new d(c, {
+    icon: a && R(a, { cacheEnabled: o })
+  }), I = n.map;
+  return s.setData(i), s.draggable = !!m, I?.addObject(s), I && g(s, t, I), s;
+}, E = (e, n) => {
+  r.markerDestroys += 1, b(e), n.map?.getObjects().includes(e) && n.map.removeObject(e), e.dispose();
+}, K = (e) => {
+  const { position: n, customData: o, icon: c, eventListenerMap: i } = e, { api: a, enableMarkerIconCache: m } = y(), t = k(), d = k(p(c));
+  return l(() => (t.current = D(e, a, m), d.current = p(c), () => {
+    t.current && (E(t.current, a), t.current = void 0);
+  }), []), l(() => {
+    t.current && t.current.setGeometry(n);
+  }, [n, t.current]), l(() => {
+    t.current && t.current.setData(o);
+  }, [o, t.current]), l(() => {
+    if (t.current) {
+      const s = b(t.current);
+      g(t.current, i, s);
     }
-  }, [c, r.current]), u(() => {
-    if (r.current && n)
-      if (l(n))
-        p(r.current, o), r.current = i(e, o);
-      else {
-        const a = D(n);
-        a && r.current.setIcon(a);
-      }
-  }, [n, r.current]), null;
+  }, [i, t.current]), l(() => {
+    if (!(t.current && c))
+      return;
+    r.markerIconUpdates += 1;
+    const s = p(c);
+    if (d.current !== s)
+      r.markerIconRecreates += 1, E(t.current, a), t.current = D(e, a, m), d.current = s;
+    else {
+      const h = R(c, { cacheEnabled: m });
+      r.markerSetIconCalls += 1, h && t.current.setIcon(h);
+    }
+  }, [c, t.current, m]), null;
 };
 export {
-  R as default,
-  D as getOrCreateIcon,
-  l as isDomMakerNeeded,
-  M as isHMapIcon
+  G as clearMarkerIconCache,
+  K as default,
+  N as getMarkerDebugStats,
+  R as getOrCreateIcon,
+  p as isDomMakerNeeded,
+  v as isHMapIcon,
+  W as resetMarkerDebugStats,
+  z as setMarkerIconCacheEnabled
 };
 //# sourceMappingURL=Marker.js.map

package/components/map/components/features/basics/Marker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Marker.js","sources":["../../../../../../src/components/map/components/features/basics/Marker.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport ReactDomServer from 'react-dom/server';\n\nimport { type EventListenerMap, addEventListenerMap, removeEventListenerMap } from '../../../utils/eventHandling';\nimport { useMapContext } from '../../MapContext';\nimport type { MapApi, Position } from '../../../utils/mapTypes';\n\nexport type MarkerIcon = string \| React.ReactElement; // Element;\n\nexport const isHMapIcon = (icon: MarkerIcon \| H.map.DomIcon \| undefined) => icon instanceof H.map.Icon;\n\nexport const isDomMakerNeeded = (icon: MarkerIcon \| H.map.DomIcon \| undefined) => (!icon ? false : !isHMapIcon(icon));\n\n// Note:\n// H.map.Marker: A \"normal\" marker that uses a static image as an icon.\n// Large numbers of markers of this types can be added to the map very quickly and efficiently.\n// H.map.Dom: A marker which supports HTML (and SVG) content, which can be dynamic.\n// Markers of this type are best displayed individually or in small sets.\n// It is also important to note that Markers and DomMarkers are rendered in separate rendering steps.\n// Markers are rendered in the map scene and therefore appear behind any DomMarkers which are rendered\n// as an overlay on top of the map.\nexport const getOrCreateIcon = (icon: MarkerIcon \| H.map.DomIcon \| undefined) => {\n if (isHMapIcon(icon) \|\| icon instanceof H.map.DomIcon) {\n return icon \|\| '';\n }\n\n const renderedIcon = React.isValidElement(icon) ? ReactDomServer.renderToStaticMarkup(icon) : icon;\n\n return new H.map.DomIcon(renderedIcon as any);\n};\n\nconst setupMarker = (props: MarkerProps, api: MapApi) => {\n const { position, customData, icon, draggable, eventListenerMap } = props;\n\n const MarkerConstructor = isDomMakerNeeded(icon) ? H.map.DomMarker : H.map.Marker;\n\n const marker = new MarkerConstructor(position, {\n icon: icon && (getOrCreateIcon(icon) as any),\n });\n\n marker.setData(customData);\n marker.draggable = !!draggable;\n\n api.map?.addObject(marker);\n\n addEventListenerMap(marker, eventListenerMap, api.map!);\n\n return marker;\n};\n\nconst destroyMarker = (marker: H.map.DomMarker, api: MapApi) => {\n removeEventListenerMap(marker);\n if (api.map?.getObjects().includes(marker)) {\n api.map.removeObject(marker);\n }\n marker.dispose();\n};\n\nexport type MarkerProps = {\n position: Position;\n icon?: MarkerIcon;\n eventListenerMap?: EventListenerMap;\n customData?: object;\n draggable?: boolean;\n};\n\nconst Marker = (props: MarkerProps) => {\n const { position, customData, icon, eventListenerMap } = props;\n\n const { api } = useMapContext();\n\n const markerRef = useRef<H.map.DomMarker>();\n\n useEffect(() => {\n markerRef.current = setupMarker(props, api);\n\n return () => {\n if (markerRef.current) {\n destroyMarker(markerRef.current, api);\n markerRef.current = undefined;\n }\n };\n }, []);\n\n // Update marker position\n useEffect(() => {\n if (markerRef.current) {\n markerRef.current.setGeometry(position);\n }\n }, [position, markerRef.current]);\n\n // Update marker custom data\n useEffect(() => {\n if (markerRef.current) {\n markerRef.current.setData(customData);\n }\n }, [customData, markerRef.current]);\n\n // Update EventListenerMap\n useEffect(() => {\n if (markerRef.current) {\n // use exports to make methods accessible for stubbing\n const mapApi = removeEventListenerMap(markerRef.current);\n addEventListenerMap(markerRef.current, eventListenerMap, mapApi);\n }\n }, [eventListenerMap, markerRef.current]);\n\n // If icon type changed, we need to change the marker type\n useEffect(() => {\n if (!(markerRef.current && icon)) {\n return;\n }\n\n if (isDomMakerNeeded(icon)) {\n destroyMarker(markerRef.current, api);\n markerRef.current = setupMarker(props, api);\n } else {\n const domIcon = getOrCreateIcon(icon);\n domIcon && markerRef.current.setIcon(domIcon);\n }\n }, [icon, markerRef.current]);\n\n return null;\n};\n\nexport default Marker;\n"],"names":["isHMapIcon","icon","isDomMakerNeeded","getOrCreateIcon","renderedIcon","React","ReactDomServer","setupMarker","props","api","position","customData","draggable","eventListenerMap","MarkerConstructor","marker","addEventListenerMap","destroyMarker","removeEventListenerMap","Marker","useMapContext","markerRef","useRef","useEffect","mapApi","domIcon"],"mappings":";;;;AASO,MAAMA,IAAa,CAACC,MAAiDA,aAAgB,EAAE,IAAI,MAErFC,IAAmB,CAACD,MAAmDA,IAAe,CAACD,EAAWC,CAAI,IAAxB,IAU9EE,IAAkB,CAACF,MAAiD;AAC7E,MAAID,EAAWC,CAAI,KAAKA,aAAgB,EAAE,IAAI;AAC1C,WAAOA,KAAQ;AAGnB,QAAMG,IAAeC,EAAM,eAAeJ,CAAI,IAAIK,EAAe,qBAAqBL,CAAI,IAAIA;AAE9F,SAAO,IAAI,EAAE,IAAI,QAAQG,CAAmB;AAChD,GAEMG,IAAc,CAACC,GAAoBC,MAAgB;AACrD,QAAM,EAAE,UAAAC,GAAU,YAAAC,GAAY,MAAAV,GAAM,WAAAW,GAAW,kBAAAC,MAAqBL,GAE9DM,IAAoBZ,EAAiBD,CAAI,IAAI,EAAE,IAAI,YAAY,EAAE,IAAI,QAErEc,IAAS,IAAID,EAAkBJ,GAAU;AAAA,IAC3C,MAAMT,KAASE,EAAgBF,CAAI;AAAA,EAAA,CACtC;AAED,SAAAc,EAAO,QAAQJ,CAAU,GACzBI,EAAO,YAAY,CAAC,CAACH,GAErBH,EAAI,KAAK,UAAUM,CAAM,GAEzBC,EAAoBD,GAAQF,GAAkBJ,EAAI,GAAI,GAE/CM;AACX,GAEME,IAAgB,CAACF,GAAyBN,MAAgB;AAC5D,EAAAS,EAAuBH,CAAM,GACzBN,EAAI,KAAK,WAAA,EAAa,SAASM,CAAM,KACrCN,EAAI,IAAI,aAAaM,CAAM,GAE/BA,EAAO,QAAA;AACX,GAUMI,IAAS,CAACX,MAAuB;AACnC,QAAM,EAAE,UAAAE,GAAU,YAAAC,GAAY,MAAAV,GAAM,kBAAAY,MAAqBL,GAEnD,EAAE,KAAAC,EAAA,IAAQW,EAAA,GAEVC,IAAYC,EAAA;AAElB,SAAAC,EAAU,OACNF,EAAU,UAAUd,EAAYC,GAAOC,CAAG,GAEnC,MAAM;AACT,IAAIY,EAAU,YACVJ,EAAcI,EAAU,SAASZ,CAAG,GACpCY,EAAU,UAAU;AAAA,EAE5B,IACD,CAAA,CAAE,GAGLE,EAAU,MAAM;AACZ,IAAIF,EAAU,WACVA,EAAU,QAAQ,YAAYX,CAAQ;AAAA,EAE9C,GAAG,CAACA,GAAUW,EAAU,OAAO,CAAC,GAGhCE,EAAU,MAAM;AACZ,IAAIF,EAAU,WACVA,EAAU,QAAQ,QAAQV,CAAU;AAAA,EAE5C,GAAG,CAACA,GAAYU,EAAU,OAAO,CAAC,GAGlCE,EAAU,MAAM;AACZ,QAAIF,EAAU,SAAS;AAEnB,YAAMG,IAASN,EAAuBG,EAAU,OAAO;AACvD,MAAAL,EAAoBK,EAAU,SAASR,GAAkBW,CAAM;AAAA,IACnE;AAAA,EACJ,GAAG,CAACX,GAAkBQ,EAAU,OAAO,CAAC,GAGxCE,EAAU,MAAM;AACZ,QAAMF,EAAU,WAAWpB;AAI3B,UAAIC,EAAiBD,CAAI;AACrB,QAAAgB,EAAcI,EAAU,SAASZ,CAAG,GACpCY,EAAU,UAAUd,EAAYC,GAAOC,CAAG;AAAA,WACvC;AACH,cAAMgB,IAAUtB,EAAgBF,CAAI;AACpC,QAAAwB,KAAWJ,EAAU,QAAQ,QAAQI,CAAO;AAAA,MAChD;AAAA,EACJ,GAAG,CAACxB,GAAMoB,EAAU,OAAO,CAAC,GAErB;AACX;"}
1	+ {"version":3,"file":"Marker.js","sources":["../../../../../../src/components/map/components/features/basics/Marker.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport ReactDomServer from 'react-dom/server';\n\nimport { type EventListenerMap, addEventListenerMap, removeEventListenerMap } from '../../../utils/eventHandling';\nimport { useMapContext } from '../../MapContext';\nimport type { MapApi, Position } from '../../../utils/mapTypes';\n\nexport type MarkerIcon = string \| React.ReactElement; // Element;\ntype MapMarkerObject = H.map.Marker \| H.map.DomMarker;\ntype GetOrCreateIconOptions = {\n cacheEnabled?: boolean;\n};\n\nexport const isHMapIcon = (icon: MarkerIcon \| H.map.DomIcon \| undefined) => icon instanceof H.map.Icon;\n\nexport const isDomMakerNeeded = (icon: MarkerIcon \| H.map.DomIcon \| undefined) => (!icon ? false : !isHMapIcon(icon));\n\nconst DOM_ICON_CACHE_MAX_SIZE = 500;\nconst domIconCache = new Map<string, H.map.DomIcon>();\n\nlet reactElementIconCache = new WeakMap<React.ReactElement, H.map.DomIcon>();\nlet markerIconCacheEnabled = true;\n\ntype MarkerDebugStats = {\n cacheEnabled: boolean;\n domIconCreations: number;\n markupCacheHits: number;\n markupCacheMisses: number;\n reactElementCacheHits: number;\n reactElementCacheMisses: number;\n uncachedDomIconCreations: number;\n markerSetups: number;\n markerDestroys: number;\n markerIconUpdates: number;\n markerIconRecreates: number;\n markerSetIconCalls: number;\n};\n\nconst createMarkerDebugStats = (): MarkerDebugStats => ({\n cacheEnabled: markerIconCacheEnabled,\n domIconCreations: 0,\n markupCacheHits: 0,\n markupCacheMisses: 0,\n reactElementCacheHits: 0,\n reactElementCacheMisses: 0,\n uncachedDomIconCreations: 0,\n markerSetups: 0,\n markerDestroys: 0,\n markerIconUpdates: 0,\n markerIconRecreates: 0,\n markerSetIconCalls: 0,\n});\n\nconst markerDebugStats = createMarkerDebugStats();\n\nexport const getMarkerDebugStats = () => ({\n ...markerDebugStats,\n cacheEnabled: markerIconCacheEnabled,\n});\n\nexport const resetMarkerDebugStats = () => {\n Object.assign(markerDebugStats, createMarkerDebugStats());\n};\n\nexport const setMarkerIconCacheEnabled = (enabled: boolean) => {\n markerIconCacheEnabled = enabled;\n};\n\nexport const clearMarkerIconCache = () => {\n domIconCache.clear();\n reactElementIconCache = new WeakMap<React.ReactElement, H.map.DomIcon>();\n};\n\nconst resolveCacheEnabled = (cacheEnabled?: boolean) => {\n const resolvedCacheEnabled = cacheEnabled ?? markerIconCacheEnabled;\n markerDebugStats.cacheEnabled = resolvedCacheEnabled;\n return resolvedCacheEnabled;\n};\n\nconst getCachedDomIcon = (markup: string) => {\n const cachedIcon = domIconCache.get(markup);\n\n if (cachedIcon) {\n markerDebugStats.markupCacheHits += 1;\n // Refresh insertion order so frequently used icons stay in the cache longer.\n domIconCache.delete(markup);\n domIconCache.set(markup, cachedIcon);\n return cachedIcon;\n }\n\n markerDebugStats.markupCacheMisses += 1;\n markerDebugStats.domIconCreations += 1;\n\n const nextIcon = new H.map.DomIcon(markup);\n domIconCache.set(markup, nextIcon);\n\n if (domIconCache.size > DOM_ICON_CACHE_MAX_SIZE) {\n const oldestKey = domIconCache.keys().next().value;\n\n if (oldestKey !== undefined) {\n domIconCache.delete(oldestKey);\n }\n }\n\n return nextIcon;\n};\n\n// Note:\n// H.map.Marker: A \"normal\" marker that uses a static image as an icon.\n// Large numbers of markers of this types can be added to the map very quickly and efficiently.\n// H.map.Dom: A marker which supports HTML (and SVG) content, which can be dynamic.\n// Markers of this type are best displayed individually or in small sets.\n// It is also important to note that Markers and DomMarkers are rendered in separate rendering steps.\n// Markers are rendered in the map scene and therefore appear behind any DomMarkers which are rendered\n// as an overlay on top of the map.\nexport const getOrCreateIcon = (icon: MarkerIcon \| H.map.DomIcon \| undefined, options: GetOrCreateIconOptions = {}) => {\n if (!icon \|\| isHMapIcon(icon) \|\| icon instanceof H.map.DomIcon) {\n return icon \|\| '';\n }\n\n const cacheEnabled = resolveCacheEnabled(options.cacheEnabled);\n\n if (React.isValidElement(icon)) {\n const renderedIcon = ReactDomServer.renderToStaticMarkup(icon);\n\n if (!cacheEnabled) {\n markerDebugStats.reactElementCacheMisses += 1;\n markerDebugStats.domIconCreations += 1;\n markerDebugStats.uncachedDomIconCreations += 1;\n return new H.map.DomIcon(renderedIcon);\n }\n\n const cachedElementIcon = reactElementIconCache.get(icon);\n\n if (cachedElementIcon) {\n markerDebugStats.reactElementCacheHits += 1;\n return cachedElementIcon;\n }\n\n markerDebugStats.reactElementCacheMisses += 1;\n const cachedMarkupIcon = getCachedDomIcon(renderedIcon);\n reactElementIconCache.set(icon, cachedMarkupIcon);\n\n return cachedMarkupIcon;\n }\n\n const stringIcon = icon as string;\n\n if (!cacheEnabled) {\n markerDebugStats.domIconCreations += 1;\n markerDebugStats.uncachedDomIconCreations += 1;\n return new H.map.DomIcon(stringIcon);\n }\n\n return getCachedDomIcon(stringIcon);\n};\n\nconst setupMarker = (props: MarkerProps, api: MapApi, cacheEnabled?: boolean) => {\n const { position, customData, icon, draggable, eventListenerMap } = props;\n\n markerDebugStats.markerSetups += 1;\n\n const MarkerConstructor = isDomMakerNeeded(icon) ? H.map.DomMarker : H.map.Marker;\n\n const marker = new MarkerConstructor(position, {\n icon: icon && getOrCreateIcon(icon, { cacheEnabled }),\n });\n\n const map = api.map;\n\n marker.setData(customData);\n marker.draggable = !!draggable;\n\n map?.addObject(marker);\n\n if (map) {\n addEventListenerMap(marker, eventListenerMap, map);\n }\n\n return marker;\n};\n\nconst destroyMarker = (marker: MapMarkerObject, api: MapApi) => {\n markerDebugStats.markerDestroys += 1;\n removeEventListenerMap(marker);\n if (api.map?.getObjects().includes(marker)) {\n api.map.removeObject(marker);\n }\n marker.dispose();\n};\n\nexport type MarkerProps = {\n position: Position;\n icon?: MarkerIcon;\n eventListenerMap?: EventListenerMap;\n customData?: object;\n draggable?: boolean;\n};\n\nconst Marker = (props: MarkerProps) => {\n const { position, customData, icon, eventListenerMap } = props;\n\n const { api, enableMarkerIconCache } = useMapContext();\n\n const markerRef = useRef<MapMarkerObject>();\n const markerUsesDomIconRef = useRef<boolean>(isDomMakerNeeded(icon));\n\n useEffect(() => {\n markerRef.current = setupMarker(props, api, enableMarkerIconCache);\n markerUsesDomIconRef.current = isDomMakerNeeded(icon);\n\n return () => {\n if (markerRef.current) {\n destroyMarker(markerRef.current, api);\n markerRef.current = undefined;\n }\n };\n }, []);\n\n // Update marker position\n useEffect(() => {\n if (markerRef.current) {\n markerRef.current.setGeometry(position);\n }\n }, [position, markerRef.current]);\n\n // Update marker custom data\n useEffect(() => {\n if (markerRef.current) {\n markerRef.current.setData(customData);\n }\n }, [customData, markerRef.current]);\n\n // Update EventListenerMap\n useEffect(() => {\n if (markerRef.current) {\n // use exports to make methods accessible for stubbing\n const mapApi = removeEventListenerMap(markerRef.current);\n addEventListenerMap(markerRef.current, eventListenerMap, mapApi);\n }\n }, [eventListenerMap, markerRef.current]);\n\n // If icon type changed, we need to change the marker type\n useEffect(() => {\n if (!(markerRef.current && icon)) {\n return;\n }\n\n markerDebugStats.markerIconUpdates += 1;\n\n const nextUsesDomIcon = isDomMakerNeeded(icon);\n const shouldRecreateMarker = markerUsesDomIconRef.current !== nextUsesDomIcon;\n\n if (shouldRecreateMarker) {\n markerDebugStats.markerIconRecreates += 1;\n destroyMarker(markerRef.current, api);\n markerRef.current = setupMarker(props, api, enableMarkerIconCache);\n markerUsesDomIconRef.current = nextUsesDomIcon;\n } else {\n const domIcon = getOrCreateIcon(icon, { cacheEnabled: enableMarkerIconCache });\n markerDebugStats.markerSetIconCalls += 1;\n domIcon && markerRef.current.setIcon(domIcon);\n }\n }, [icon, markerRef.current, enableMarkerIconCache]);\n\n return null;\n};\n\nexport default Marker;\n"],"names":["isHMapIcon","icon","isDomMakerNeeded","DOM_ICON_CACHE_MAX_SIZE","domIconCache","reactElementIconCache","markerIconCacheEnabled","createMarkerDebugStats","markerDebugStats","getMarkerDebugStats","resetMarkerDebugStats","setMarkerIconCacheEnabled","enabled","clearMarkerIconCache","resolveCacheEnabled","cacheEnabled","resolvedCacheEnabled","getCachedDomIcon","markup","cachedIcon","nextIcon","oldestKey","getOrCreateIcon","options","React","renderedIcon","ReactDomServer","cachedElementIcon","cachedMarkupIcon","stringIcon","setupMarker","props","api","position","customData","draggable","eventListenerMap","MarkerConstructor","marker","map","addEventListenerMap","destroyMarker","removeEventListenerMap","Marker","enableMarkerIconCache","useMapContext","markerRef","useRef","markerUsesDomIconRef","useEffect","mapApi","nextUsesDomIcon","domIcon"],"mappings":"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"}