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

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

@@ -1,11 +1,34 @@
+import { CSSProperties } from 'react';
 import { Position } from '../../../utils/mapTypes';
 import { EventListenerMap } from '../../../utils/eventHandling';
 export { colorMapColdplay, colorMapWarmup, colorMapGray, colorMapBrand, colorMapStatus, colorMapMarker, colorMapRating, colorMapHighlight, } from './polygonColors';
 export type PolygonPoints = Position[] & Record<string, any>;
+export type PolygonStyle = H.map.SpatialStyle | H.map.SpatialStyle.Options;
 export type PolygonProps = {
+    /**
+     * Ordered geographic positions that define the polygon geometry.
+     */
     points: PolygonPoints;
-    style?: H.map.SpatialStyle;
+    /**
+     * Visual style applied to the polygon.
+     *
+     * @default H.map.SpatialStyle.DEFAULT_STYLE
+     *
+     */
+    style?: PolygonStyle;
+    /**
+     * Style overrides applied while the polygon is hovered.
+     */
+    hoverStyle?: PolygonStyle;
+    /**
+     * Event handlers attached to the polygon.
+     */
     eventListenerMap?: EventListenerMap;
+    /**
+     * Cursor shown while hovering the polygon.
+     * If omitted, clickable polygons automatically use `pointer`.
+     */
+    cursor?: CSSProperties['cursor'];
 };
 declare const Polygon: (props: PolygonProps) => null;
 export default Polygon;

package/components/map/components/features/basics/Polygon.js

@@ -1,24 +1,77 @@
-import { useState as g, useEffect as a } from "react";
-import { isNil as l } from "es-toolkit/predicate";
-import { useMapContext as u } from "../../MapContext.js";
-import { useUpdateProp as c, useUpdateEventListenerMap as f } from "../../../utils/hooks.js";
-const i = (s) => {
-  const t = new H.geo.LineString();
-  return s.forEach((e) => {
-    l(e.lat) || l(e.lng) || Number.isNaN(e.lat) || Number.isNaN(e.lng) || t.pushLatLngAlt(e.lat, e.lng, 0);
-  }), new H.geo.Polygon(t);
-}, S = (s) => {
-  const { points: t, style: e = H.map.SpatialStyle.DEFAULT_STYLE, eventListenerMap: m } = s, { api: n } = u(), [r, p] = g();
-  return a(() => {
-    const o = new H.map.Polygon(i(t), { style: e });
-    return n.map?.addObject(o), p(o), () => {
-      n.map?.getObjects().includes(o) && n.map?.removeObject(o), o.dispose();
+import { useState as v, useRef as y, useMemo as C, useEffect as E } from "react";
+import { isNil as S } from "es-toolkit/predicate";
+import { useMapContext as R } from "../../MapContext.js";
+import { useUpdateEventListenerMap as h } from "../../../utils/hooks.js";
+import { EventUtils as a } from "../../../utils/eventHandling.js";
+const T = (e) => {
+  const p = new H.geo.LineString();
+  return e.forEach((r) => {
+    S(r.lat) || S(r.lng) || Number.isNaN(r.lat) || Number.isNaN(r.lng) || p.pushLatLngAlt(r.lat, r.lng, 0);
+  }), new H.geo.Polygon(p);
+}, L = (e) => {
+  if (e)
+    return e instanceof H.map.SpatialStyle ? {
+      strokeColor: e.strokeColor,
+      fillColor: e.fillColor,
+      lineWidth: e.lineWidth,
+      lineCap: e.lineCap,
+      lineHeadCap: e.lineHeadCap,
+      lineTailCap: e.lineTailCap,
+      lineJoin: e.lineJoin,
+      miterLimit: e.miterLimit,
+      lineDash: e.lineDash,
+      lineDashOffset: e.lineDashOffset
+    } : e;
+}, M = (e) => {
+  const { points: p, style: r = H.map.SpatialStyle.DEFAULT_STYLE, hoverStyle: f, eventListenerMap: o, cursor: g } = e, { api: i } = R(), [n, P] = v(), m = y(!1), l = C(() => {
+    if (g)
+      return g;
+    if (o?.[a.TAP] || o?.[a.DBL_TAP] || o?.[a.CONTEXTMENU])
+      return "pointer";
+  }, [g, o]), s = C(() => {
+    if (f)
+      return new H.map.SpatialStyle({
+        ...L(r),
+        ...L(f)
+      });
+  }, [f, r]), u = (t, N) => {
+    t.setStyle(N && s ? s : r);
+  }, c = (t) => {
+    if (!i.map)
+      return;
+    const N = i.map.getElement(), O = i.map.getViewPort().element;
+    N.style.cursor = t, O.style.cursor = t;
+  };
+  E(() => {
+    const t = new H.map.Polygon(T(p), { style: r });
+    return i.map?.addObject(t), P(t), () => {
+      i.map?.getObjects().includes(t) && i.map?.removeObject(t), t.dispose();
     };
-  }, [n.map]), a(() => {
-    r && r.setGeometry(i(t));
-  }, [t]), c(r, "setStyle", e), f(r, m), null;
+  }, [i.map]), E(() => {
+    n && n.setGeometry(T(p));
+  }, [p]), E(() => {
+    n && u(n, m.current);
+  }, [n, r, s]), E(
+    () => () => {
+      l && c("");
+    },
+    [i.map, l]
+  );
+  const d = C(() => o || f || l ? {
+    ...o,
+    [a.POINTER_ENTER]: (...t) => {
+      n && s && (m.current = !0, u(n, !0)), l && c(l), o?.[a.POINTER_ENTER]?.(...t);
+    },
+    [a.POINTER_LEAVE]: (...t) => {
+      n && s && (m.current = !1, u(n, !1)), l && c(""), o?.[a.POINTER_LEAVE]?.(...t);
+    },
+    [a.POINTER_CANCEL]: (...t) => {
+      n && s && (m.current = !1, u(n, !1)), l && c(""), o?.[a.POINTER_CANCEL]?.(...t);
+    }
+  } : o, [i.map, o, n, s, l]);
+  return h(n, d), null;
 };
 export {
-  S as default
+  M as default
 };
 //# sourceMappingURL=Polygon.js.map

package/components/map/components/features/basics/Polygon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Polygon.js","sources":["../../../../../../src/components/map/components/features/basics/Polygon.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { isNil } from 'es-toolkit/predicate';\n\nimport { useMapContext } from '../../MapContext';\nimport { useUpdateProp, useUpdateEventListenerMap } from '../../../utils/hooks';\nimport type { Position } from '../../../utils/mapTypes';\nimport type { EventListenerMap } from '../../../utils/eventHandling';\n\nexport {\n    colorMapColdplay,\n    colorMapWarmup,\n    colorMapGray,\n    colorMapBrand,\n    colorMapStatus,\n    colorMapMarker,\n    colorMapRating,\n    colorMapHighlight,\n} from './polygonColors';\n\nconst createGeometry = (points: Position[]) => {\n    const lineString = new H.geo.LineString();\n\n    points.forEach(p => {\n        if (isNil(p.lat) || isNil(p.lng) || Number.isNaN(p.lat) || Number.isNaN(p.lng)) {\n            return;\n        }\n        lineString.pushLatLngAlt(p.lat, p.lng, 0);\n    });\n\n    return new H.geo.Polygon(lineString);\n};\n\nexport type PolygonPoints = Position[] & Record<string, any>;\n\nexport type PolygonProps = {\n    points: PolygonPoints;\n    style?: H.map.SpatialStyle;\n    eventListenerMap?: EventListenerMap;\n};\n\nconst Polygon = (props: PolygonProps) => {\n    const { points, style = H.map.SpatialStyle.DEFAULT_STYLE, eventListenerMap } = props;\n\n    const { api } = useMapContext();\n    const [polygon, setPolygon] = useState<H.map.Polygon>();\n\n    useEffect(() => {\n        const newPolygon = new H.map.Polygon(createGeometry(points), { style });\n        api.map?.addObject(newPolygon);\n\n        setPolygon(newPolygon);\n\n        return () => {\n            if (api.map?.getObjects().includes(newPolygon)) {\n                api.map?.removeObject(newPolygon);\n            }\n            newPolygon.dispose();\n        };\n    }, [api.map]);\n\n    useEffect(() => {\n        if (polygon) {\n            polygon.setGeometry(createGeometry(points));\n        }\n    }, [points]);\n\n    useUpdateProp(polygon, 'setStyle', style);\n    useUpdateEventListenerMap(polygon, eventListenerMap);\n\n    return null;\n};\n\nexport default Polygon;\n"],"names":["createGeometry","points","lineString","p","isNil","Polygon","props","style","eventListenerMap","api","useMapContext","polygon","setPolygon","useState","useEffect","newPolygon","useUpdateProp","useUpdateEventListenerMap"],"mappings":";;;;AAmBA,MAAMA,IAAiB,CAACC,MAAuB;AAC3C,QAAMC,IAAa,IAAI,EAAE,IAAI,WAAA;AAE7B,SAAAD,EAAO,QAAQ,CAAAE,MAAK;AAChB,IAAIC,EAAMD,EAAE,GAAG,KAAKC,EAAMD,EAAE,GAAG,KAAK,OAAO,MAAMA,EAAE,GAAG,KAAK,OAAO,MAAMA,EAAE,GAAG,KAG7ED,EAAW,cAAcC,EAAE,KAAKA,EAAE,KAAK,CAAC;AAAA,EAC5C,CAAC,GAEM,IAAI,EAAE,IAAI,QAAQD,CAAU;AACvC,GAUMG,IAAU,CAACC,MAAwB;AACrC,QAAM,EAAE,QAAAL,GAAQ,OAAAM,IAAQ,EAAE,IAAI,aAAa,eAAe,kBAAAC,MAAqBF,GAEzE,EAAE,KAAAG,EAAA,IAAQC,EAAA,GACV,CAACC,GAASC,CAAU,IAAIC,EAAA;AAE9B,SAAAC,EAAU,MAAM;AACZ,UAAMC,IAAa,IAAI,EAAE,IAAI,QAAQf,EAAeC,CAAM,GAAG,EAAE,OAAAM,GAAO;AACtE,WAAAE,EAAI,KAAK,UAAUM,CAAU,GAE7BH,EAAWG,CAAU,GAEd,MAAM;AACT,MAAIN,EAAI,KAAK,WAAA,EAAa,SAASM,CAAU,KACzCN,EAAI,KAAK,aAAaM,CAAU,GAEpCA,EAAW,QAAA;AAAA,IACf;AAAA,EACJ,GAAG,CAACN,EAAI,GAAG,CAAC,GAEZK,EAAU,MAAM;AACZ,IAAIH,KACAA,EAAQ,YAAYX,EAAeC,CAAM,CAAC;AAAA,EAElD,GAAG,CAACA,CAAM,CAAC,GAEXe,EAAcL,GAAS,YAAYJ,CAAK,GACxCU,EAA0BN,GAASH,CAAgB,GAE5C;AACX;"}
+{"version":3,"file":"Polygon.js","sources":["../../../../../../src/components/map/components/features/basics/Polygon.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type CSSProperties } from 'react';\nimport { isNil } from 'es-toolkit/predicate';\n\nimport { useMapContext } from '../../MapContext';\nimport { useUpdateEventListenerMap } from '../../../utils/hooks';\nimport type { Position } from '../../../utils/mapTypes';\nimport { EventUtils, type EventListenerMap } from '../../../utils/eventHandling';\n\nexport {\n    colorMapColdplay,\n    colorMapWarmup,\n    colorMapGray,\n    colorMapBrand,\n    colorMapStatus,\n    colorMapMarker,\n    colorMapRating,\n    colorMapHighlight,\n} from './polygonColors';\n\nconst createGeometry = (points: Position[]) => {\n    const lineString = new H.geo.LineString();\n\n    points.forEach(p => {\n        if (isNil(p.lat) || isNil(p.lng) || Number.isNaN(p.lat) || Number.isNaN(p.lng)) {\n            return;\n        }\n        lineString.pushLatLngAlt(p.lat, p.lng, 0);\n    });\n\n    return new H.geo.Polygon(lineString);\n};\n\nexport type PolygonPoints = Position[] & Record<string, any>;\nexport type PolygonStyle = H.map.SpatialStyle | H.map.SpatialStyle.Options;\n\nconst toSpatialStyleOptions = (style?: PolygonStyle): H.map.SpatialStyle.Options | undefined => {\n    if (!style) {\n        return;\n    }\n\n    if (style instanceof H.map.SpatialStyle) {\n        return {\n            strokeColor: style.strokeColor,\n            fillColor: style.fillColor,\n            lineWidth: style.lineWidth,\n            lineCap: style.lineCap,\n            lineHeadCap: style.lineHeadCap,\n            lineTailCap: style.lineTailCap,\n            lineJoin: style.lineJoin,\n            miterLimit: style.miterLimit,\n            lineDash: style.lineDash,\n            lineDashOffset: style.lineDashOffset,\n        };\n    }\n\n    return style;\n};\n\nexport type PolygonProps = {\n    /**\n     * Ordered geographic positions that define the polygon geometry.\n     */\n    points: PolygonPoints;\n\n    /**\n     * Visual style applied to the polygon.\n     *\n     * @default H.map.SpatialStyle.DEFAULT_STYLE\n     *\n     */\n    style?: PolygonStyle;\n\n    /**\n     * Style overrides applied while the polygon is hovered.\n     */\n    hoverStyle?: PolygonStyle;\n\n    /**\n     * Event handlers attached to the polygon.\n     */\n    eventListenerMap?: EventListenerMap;\n\n    /**\n     * Cursor shown while hovering the polygon.\n     * If omitted, clickable polygons automatically use `pointer`.\n     */\n    cursor?: CSSProperties['cursor'];\n};\n\nconst Polygon = (props: PolygonProps) => {\n    const { points, style = H.map.SpatialStyle.DEFAULT_STYLE, hoverStyle, eventListenerMap, cursor } = props;\n\n    const { api } = useMapContext();\n    const [polygon, setPolygon] = useState<H.map.Polygon>();\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 mergedHoverStyle = useMemo(() => {\n        if (!hoverStyle) {\n            return;\n        }\n\n        return new H.map.SpatialStyle({\n            ...toSpatialStyleOptions(style),\n            ...toSpatialStyleOptions(hoverStyle),\n        });\n    }, [hoverStyle, style]);\n\n    const applyPolygonStyle = (nextPolygon: H.map.Polygon, hovered: boolean) => {\n        nextPolygon.setStyle(hovered && mergedHoverStyle ? mergedHoverStyle : style);\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    useEffect(() => {\n        const newPolygon = new H.map.Polygon(createGeometry(points), { style });\n        api.map?.addObject(newPolygon);\n\n        setPolygon(newPolygon);\n\n        return () => {\n            if (api.map?.getObjects().includes(newPolygon)) {\n                api.map?.removeObject(newPolygon);\n            }\n            newPolygon.dispose();\n        };\n    }, [api.map]);\n\n    useEffect(() => {\n        if (polygon) {\n            polygon.setGeometry(createGeometry(points));\n        }\n    }, [points]);\n\n    useEffect(() => {\n        if (polygon) {\n            applyPolygonStyle(polygon, isHoveredRef.current);\n        }\n    }, [polygon, style, mergedHoverStyle]);\n\n    useEffect(\n        () => () => {\n            if (resolvedCursor) {\n                applyCursor('');\n            }\n        },\n        [api.map, resolvedCursor]\n    );\n\n    const resolvedEventListenerMap = useMemo(() => {\n        if (!(eventListenerMap || hoverStyle || resolvedCursor)) {\n            return eventListenerMap;\n        }\n\n        return {\n            ...eventListenerMap,\n            [EventUtils.POINTER_ENTER]: (...args: unknown[]) => {\n                if (polygon && mergedHoverStyle) {\n                    isHoveredRef.current = true;\n                    applyPolygonStyle(polygon, true);\n                }\n\n                if (resolvedCursor) {\n                    applyCursor(resolvedCursor);\n                }\n\n                eventListenerMap?.[EventUtils.POINTER_ENTER]?.(...args);\n            },\n            [EventUtils.POINTER_LEAVE]: (...args: unknown[]) => {\n                if (polygon && mergedHoverStyle) {\n                    isHoveredRef.current = false;\n                    applyPolygonStyle(polygon, false);\n                }\n\n                if (resolvedCursor) {\n                    applyCursor('');\n                }\n\n                eventListenerMap?.[EventUtils.POINTER_LEAVE]?.(...args);\n            },\n            [EventUtils.POINTER_CANCEL]: (...args: unknown[]) => {\n                if (polygon && mergedHoverStyle) {\n                    isHoveredRef.current = false;\n                    applyPolygonStyle(polygon, false);\n                }\n\n                if (resolvedCursor) {\n                    applyCursor('');\n                }\n\n                eventListenerMap?.[EventUtils.POINTER_CANCEL]?.(...args);\n            },\n        } satisfies EventListenerMap;\n    }, [api.map, eventListenerMap, polygon, mergedHoverStyle, resolvedCursor]);\n\n    useUpdateEventListenerMap(polygon, resolvedEventListenerMap);\n\n    return null;\n};\n\nexport default Polygon;\n"],"names":["createGeometry","points","lineString","p","isNil","toSpatialStyleOptions","style","Polygon","props","hoverStyle","eventListenerMap","cursor","api","useMapContext","polygon","setPolygon","useState","isHoveredRef","useRef","resolvedCursor","useMemo","EventUtils","mergedHoverStyle","applyPolygonStyle","nextPolygon","hovered","applyCursor","nextCursor","mapElement","viewportElement","useEffect","newPolygon","resolvedEventListenerMap","args","useUpdateEventListenerMap"],"mappings":"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"}

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

@@ -5,13 +5,42 @@ export type ArrowStyle = {
     fillColor?: string;
     strokeColor?: string;
 };
+export type PolylineObjects = {
+    group: H.map.Group;
+    line: H.map.Polyline;
+    routeArrows?: H.map.Polyline;
+};
 export type PolylineProps = {
+    /**
+     * Controls whether directional arrows are rendered on the polyline.
+     */
     hasArrows?: boolean;
+    /**
+     * Defines the arrow appearance when arrows are rendered.
+     */
     arrowStyle?: ArrowStyle;
+    /**
+     * Geometry used to render the polyline.
+     */
     geometry: H.geo.LineString;
+    /**
+     * Visual style applied to the main polyline.
+     *
+     * @default H.map.SpatialStyle.DEFAULT_STYLE
+     */
     style?: H.map.SpatialStyle;
+    /**
+     * Custom payload forwarded to the rendered polyline objects and their events.
+     */
     customData?: object;
+    /**
+     * Event handlers attached to the polyline.
+     */
     eventListenerMap?: EventListenerMap;
+    /**
+     * Receives the created HERE polyline objects once they are mounted and `undefined` on cleanup.
+     */
+    onReady?: (objects?: PolylineObjects) => void;
 };
 declare const Polyline: (props: PolylineProps) => null;
 export default Polyline;

package/components/map/components/features/basics/Polyline.js

@@ -1,65 +1,95 @@
-import { useState as u, useEffect as b } from "react";
-import { useMapContext as O } from "../../MapContext.js";
-import s from "../../../exceptions/MapException.js";
-import { useUpdateEventListenerMap as P } from "../../../utils/hooks.js";
-import { removeEventListenerMap as g } from "../../../utils/eventHandling.js";
-import { isVectorBased as h } from "../../../utils/rendering.js";
-const M = "Error in Polyline: Polyline without geometry makes no sense", C = "Error in Polyline: property geometry must be of type H.geo.LineString", v = (p) => {
+import { useState as M, useRef as h, useEffect as d, useMemo as S } from "react";
+import { useMapContext as I } from "../../MapContext.js";
+import b from "../../../exceptions/MapException.js";
+import { EventUtils as i, removeEventListenerMap as p, addEventListenerMap as w } from "../../../utils/eventHandling.js";
+import { isVectorBased as v } from "../../../utils/rendering.js";
+const j = "Error in Polyline: Polyline without geometry makes no sense", A = "Error in Polyline: property geometry must be of type H.geo.LineString", V = (T) => {
   const {
-    geometry: t,
-    hasArrows: n,
-    arrowStyle: a,
-    style: l = H.map.SpatialStyle.DEFAULT_STYLE,
-    customData: m,
-    eventListenerMap: y
-  } = p, { api: r, enableWebGL: c, baseLayer: d } = O(), [f, S] = u();
-  if (!t)
-    throw new s(M);
-  if (!(t instanceof H.geo.LineString))
-    throw new s(C);
-  return b(() => {
-    const e = new H.map.Group({ data: m }), i = new H.map.Polyline(t, { style: l });
-    if (n) {
-      let o;
-      if (h(c, d))
-        o = new H.map.Polyline(t, {
+    geometry: r,
+    hasArrows: y,
+    arrowStyle: E,
+    style: O = H.map.SpatialStyle.DEFAULT_STYLE,
+    customData: u,
+    eventListenerMap: n,
+    onReady: m
+  } = T, { api: o, enableWebGL: L, baseLayer: _ } = I(), [l, N] = M(), s = h([]), f = h(m);
+  d(() => {
+    f.current = m;
+  }, [m]);
+  const g = S(() => {
+    if (!n)
+      return;
+    const e = Object.entries(n).filter(
+      ([t]) => [i.POINTER_ENTER, i.POINTER_LEAVE, i.POINTER_CANCEL].includes(t)
+    );
+    if (e.length !== 0)
+      return Object.fromEntries(e);
+  }, [n]), P = S(() => {
+    if (!n)
+      return;
+    const e = Object.entries(n).filter(
+      ([t]) => ![i.POINTER_ENTER, i.POINTER_LEAVE, i.POINTER_CANCEL].includes(t)
+    );
+    if (e.length !== 0)
+      return Object.fromEntries(e);
+  }, [n]);
+  if (!r)
+    throw new b(j);
+  if (!(r instanceof H.geo.LineString))
+    throw new b(A);
+  return d(() => {
+    const e = new H.map.Group({ data: u }), t = new H.map.Polyline(r, { style: O });
+    let a;
+    t.setData(u);
+    const R = [t];
+    if (y) {
+      if (v(L, _))
+        a = new H.map.Polyline(r, {
           style: {
             strokeColor: "rgba(42, 55, 64, 1)",
             lineWidth: 5,
             lineDash: [1.8, 4],
             // @ts-expect-error-next-line - the types are outdated here
             lineDashImage: H.map.SpatialStyle.DashImage.ARROW,
-            ...a
+            ...E
           }
         });
       else {
-        const w = {
+        const c = {
           lineWidth: 2,
           fillColor: "rgba(42, 55, 64, 1)",
           strokeColor: "rgba(0, 0, 0, 0.8)",
           lineDash: [0, 4],
           lineTailCap: "arrow-tail",
           lineHeadCap: "arrow-head",
-          ...a
-        }, E = new H.map.SpatialStyle({
+          ...E
+        }, C = new H.map.SpatialStyle({
           lineWidth: 10,
           strokeColor: "rgba(255, 255, 255, 0)"
         });
-        o = new H.map.Polyline(t, { style: E, arrows: w });
+        a = new H.map.Polyline(r, { style: C, arrows: c });
       }
-      e.addObjects([i, o]);
+      a.setData(u), R.push(a), e.addObjects([t, a]);
     } else
-      e.addObjects([i]);
-    return r.map?.addObject(e), S(e), () => {
-      g(e), e.forEach((o) => {
-        e.removeObject(o), o.dispose();
-      }), r.map?.getObjects().includes(e) && r.map.removeObject(e), e.dispose();
+      e.addObjects([t]);
+    return o.map?.addObject(e), s.current = R, N(e), f.current?.({ group: e, line: t, routeArrows: a }), () => {
+      f.current?.(), p(e), s.current.forEach(p), s.current = [], e.forEach((c) => {
+        e.removeObject(c), c.dispose();
+      }), o.map?.getObjects().includes(e) && o.map.removeObject(e), e.dispose();
     };
-  }, [r.map, t, l, n, a]), P(f, y), null;
+  }, [o.map, r, O, y, E]), d(() => {
+    const e = o.map;
+    if (l && e)
+      return w(l, P, e), s.current.forEach((t) => {
+        w(t, g, e);
+      }), () => {
+        p(l), s.current.forEach(p);
+      };
+  }, [o.map, l, P, g]), null;
 };
 export {
-  M as MISSING_GEOMETRY_PROPS_EXCEPTION_MSG,
-  C as WRONG_GEOMETRY_PROPS_EXCEPTION_MSG,
-  v as default
+  j as MISSING_GEOMETRY_PROPS_EXCEPTION_MSG,
+  A as WRONG_GEOMETRY_PROPS_EXCEPTION_MSG,
+  V as default
 };
 //# sourceMappingURL=Polyline.js.map

package/components/map/components/features/basics/Polyline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Polyline.js","sources":["../../../../../../src/components/map/components/features/basics/Polyline.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nimport { useMapContext } from '../../MapContext';\nimport MapException from '../../../exceptions/MapException';\n\nimport { useUpdateEventListenerMap } from '../../../utils/hooks';\nimport { removeEventListenerMap, type EventListenerMap } from '../../../utils/eventHandling';\nimport { isVectorBased } from '../../../utils/rendering';\n\nexport const MISSING_GEOMETRY_PROPS_EXCEPTION_MSG = 'Error in Polyline: Polyline without geometry makes no sense';\nexport const WRONG_GEOMETRY_PROPS_EXCEPTION_MSG =\n    'Error in Polyline: property geometry must be of type H.geo.LineString';\n\nexport type ArrowStyle = {\n    fillColor?: string;\n    strokeColor?: string;\n};\n\nexport type PolylineProps = {\n    hasArrows?: boolean;\n    arrowStyle?: ArrowStyle;\n    geometry: H.geo.LineString;\n    style?: H.map.SpatialStyle;\n    customData?: object;\n    eventListenerMap?: EventListenerMap;\n};\n\nconst Polyline = (props: PolylineProps) => {\n    const {\n        geometry,\n        hasArrows,\n        arrowStyle,\n        style = H.map.SpatialStyle.DEFAULT_STYLE,\n        customData,\n        eventListenerMap,\n    } = props;\n\n    const { api, enableWebGL, baseLayer } = useMapContext();\n\n    const [polyline, setPolyline] = useState<H.map.Group>();\n\n    if (!geometry) {\n        throw new MapException(MISSING_GEOMETRY_PROPS_EXCEPTION_MSG);\n    }\n\n    if (!(geometry instanceof H.geo.LineString)) {\n        throw new MapException(WRONG_GEOMETRY_PROPS_EXCEPTION_MSG);\n    }\n\n    useEffect(() => {\n        const lineGroup = new H.map.Group({ data: customData });\n        const line = new H.map.Polyline(geometry, { style });\n\n        if (hasArrows) {\n            let routeArrows: H.map.Polyline;\n\n            if (isVectorBased(enableWebGL, baseLayer)) {\n                // WebGL way - Create a patterned polyline\n                routeArrows = new H.map.Polyline(geometry, {\n                    style: {\n                        strokeColor: 'rgba(42, 55, 64, 1)',\n                        lineWidth: 5,\n                        lineDash: [1.8, 4],\n                        // @ts-expect-error-next-line - the types are outdated here\n                        lineDashImage: H.map.SpatialStyle.DashImage.ARROW,\n                        ...arrowStyle,\n                    },\n                });\n            } else {\n                // Pixel map way - Create a patterned polyline\n                const defaultArrowStyle = {\n                    lineWidth: 2,\n                    fillColor: 'rgba(42, 55, 64, 1)',\n                    strokeColor: 'rgba(0, 0, 0, 0.8)',\n                    lineDash: [0, 4],\n                    lineTailCap: 'arrow-tail',\n                    lineHeadCap: 'arrow-head',\n                    ...arrowStyle,\n                };\n\n                const arrowLineStyle = new H.map.SpatialStyle({\n                    lineWidth: 10,\n                    strokeColor: 'rgba(255, 255, 255, 0)',\n                });\n\n                routeArrows = new H.map.Polyline(geometry, { style: arrowLineStyle, arrows: defaultArrowStyle });\n            }\n\n            // create a group that represents the route line and contains\n            // outline and the pattern\n            lineGroup.addObjects([line, routeArrows]);\n        } else {\n            lineGroup.addObjects([line]);\n        }\n\n        api.map?.addObject(lineGroup);\n        setPolyline(lineGroup);\n\n        return () => {\n            removeEventListenerMap(lineGroup);\n\n            lineGroup.forEach(singleLine => {\n                lineGroup.removeObject(singleLine);\n                singleLine.dispose();\n            });\n\n            if (api.map?.getObjects().includes(lineGroup)) {\n                api.map.removeObject(lineGroup);\n            }\n            lineGroup.dispose();\n        };\n    }, [api.map, geometry, style, hasArrows, arrowStyle]);\n\n    useUpdateEventListenerMap(polyline, eventListenerMap);\n\n    return null;\n};\n\nexport default Polyline;\n"],"names":["MISSING_GEOMETRY_PROPS_EXCEPTION_MSG","WRONG_GEOMETRY_PROPS_EXCEPTION_MSG","Polyline","props","geometry","hasArrows","arrowStyle","style","customData","eventListenerMap","api","enableWebGL","baseLayer","useMapContext","polyline","setPolyline","useState","MapException","useEffect","lineGroup","line","routeArrows","isVectorBased","defaultArrowStyle","arrowLineStyle","removeEventListenerMap","singleLine","useUpdateEventListenerMap"],"mappings":";;;;;;AASO,MAAMA,IAAuC,+DACvCC,IACT,yEAgBEC,IAAW,CAACC,MAAyB;AACvC,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC,IAAQ,EAAE,IAAI,aAAa;AAAA,IAC3B,YAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA,IACAN,GAEE,EAAE,KAAAO,GAAK,aAAAC,GAAa,WAAAC,EAAA,IAAcC,EAAA,GAElC,CAACC,GAAUC,CAAW,IAAIC,EAAA;AAEhC,MAAI,CAACZ;AACD,UAAM,IAAIa,EAAajB,CAAoC;AAG/D,MAAI,EAAEI,aAAoB,EAAE,IAAI;AAC5B,UAAM,IAAIa,EAAahB,CAAkC;AAG7D,SAAAiB,EAAU,MAAM;AACZ,UAAMC,IAAY,IAAI,EAAE,IAAI,MAAM,EAAE,MAAMX,GAAY,GAChDY,IAAO,IAAI,EAAE,IAAI,SAAShB,GAAU,EAAE,OAAAG,GAAO;AAEnD,QAAIF,GAAW;AACX,UAAIgB;AAEJ,UAAIC,EAAcX,GAAaC,CAAS;AAEpC,QAAAS,IAAc,IAAI,EAAE,IAAI,SAASjB,GAAU;AAAA,UACvC,OAAO;AAAA,YACH,aAAa;AAAA,YACb,WAAW;AAAA,YACX,UAAU,CAAC,KAAK,CAAC;AAAA;AAAA,YAEjB,eAAe,EAAE,IAAI,aAAa,UAAU;AAAA,YAC5C,GAAGE;AAAA,UAAA;AAAA,QACP,CACH;AAAA,WACE;AAEH,cAAMiB,IAAoB;AAAA,UACtB,WAAW;AAAA,UACX,WAAW;AAAA,UACX,aAAa;AAAA,UACb,UAAU,CAAC,GAAG,CAAC;AAAA,UACf,aAAa;AAAA,UACb,aAAa;AAAA,UACb,GAAGjB;AAAA,QAAA,GAGDkB,IAAiB,IAAI,EAAE,IAAI,aAAa;AAAA,UAC1C,WAAW;AAAA,UACX,aAAa;AAAA,QAAA,CAChB;AAED,QAAAH,IAAc,IAAI,EAAE,IAAI,SAASjB,GAAU,EAAE,OAAOoB,GAAgB,QAAQD,GAAmB;AAAA,MACnG;AAIA,MAAAJ,EAAU,WAAW,CAACC,GAAMC,CAAW,CAAC;AAAA,IAC5C;AACI,MAAAF,EAAU,WAAW,CAACC,CAAI,CAAC;AAG/B,WAAAV,EAAI,KAAK,UAAUS,CAAS,GAC5BJ,EAAYI,CAAS,GAEd,MAAM;AACT,MAAAM,EAAuBN,CAAS,GAEhCA,EAAU,QAAQ,CAAAO,MAAc;AAC5B,QAAAP,EAAU,aAAaO,CAAU,GACjCA,EAAW,QAAA;AAAA,MACf,CAAC,GAEGhB,EAAI,KAAK,WAAA,EAAa,SAASS,CAAS,KACxCT,EAAI,IAAI,aAAaS,CAAS,GAElCA,EAAU,QAAA;AAAA,IACd;AAAA,EACJ,GAAG,CAACT,EAAI,KAAKN,GAAUG,GAAOF,GAAWC,CAAU,CAAC,GAEpDqB,EAA0Bb,GAAUL,CAAgB,GAE7C;AACX;"}
+{"version":3,"file":"Polyline.js","sources":["../../../../../../src/components/map/components/features/basics/Polyline.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useMapContext } from '../../MapContext';\nimport MapException from '../../../exceptions/MapException';\n\nimport {\n    EventUtils,\n    addEventListenerMap,\n    removeEventListenerMap,\n    type EventListenerMap,\n} from '../../../utils/eventHandling';\nimport { isVectorBased } from '../../../utils/rendering';\n\nexport const MISSING_GEOMETRY_PROPS_EXCEPTION_MSG = 'Error in Polyline: Polyline without geometry makes no sense';\nexport const WRONG_GEOMETRY_PROPS_EXCEPTION_MSG =\n    'Error in Polyline: property geometry must be of type H.geo.LineString';\n\nexport type ArrowStyle = {\n    fillColor?: string;\n    strokeColor?: string;\n};\n\nexport type PolylineObjects = {\n    group: H.map.Group;\n    line: H.map.Polyline;\n    routeArrows?: H.map.Polyline;\n};\n\nexport type PolylineProps = {\n    /**\n     * Controls whether directional arrows are rendered on the polyline.\n     */\n    hasArrows?: boolean;\n\n    /**\n     * Defines the arrow appearance when arrows are rendered.\n     */\n    arrowStyle?: ArrowStyle;\n\n    /**\n     * Geometry used to render the polyline.\n     */\n    geometry: H.geo.LineString;\n\n    /**\n     * Visual style applied to the main polyline.\n     *\n     * @default H.map.SpatialStyle.DEFAULT_STYLE\n     */\n    style?: H.map.SpatialStyle;\n\n    /**\n     * Custom payload forwarded to the rendered polyline objects and their events.\n     */\n    customData?: object;\n\n    /**\n     * Event handlers attached to the polyline.\n     */\n    eventListenerMap?: EventListenerMap;\n\n    /**\n     * Receives the created HERE polyline objects once they are mounted and `undefined` on cleanup.\n     */\n    onReady?: (objects?: PolylineObjects) => void;\n};\n\nconst Polyline = (props: PolylineProps) => {\n    const {\n        geometry,\n        hasArrows,\n        arrowStyle,\n        style = H.map.SpatialStyle.DEFAULT_STYLE,\n        customData,\n        eventListenerMap,\n        onReady,\n    } = props;\n\n    const { api, enableWebGL, baseLayer } = useMapContext();\n\n    const [polyline, setPolyline] = useState<H.map.Group>();\n    const directEventTargetsRef = useRef<H.map.Polyline[]>([]);\n    const onReadyRef = useRef(onReady);\n\n    useEffect(() => {\n        onReadyRef.current = onReady;\n    }, [onReady]);\n\n    const directEventListenerMap = useMemo(() => {\n        if (!eventListenerMap) {\n            return;\n        }\n\n        const directEntries = Object.entries(eventListenerMap).filter(([key]) =>\n            [EventUtils.POINTER_ENTER, EventUtils.POINTER_LEAVE, EventUtils.POINTER_CANCEL].includes(key)\n        );\n\n        if (directEntries.length === 0) {\n            return;\n        }\n\n        return Object.fromEntries(directEntries) satisfies EventListenerMap;\n    }, [eventListenerMap]);\n\n    const groupEventListenerMap = useMemo(() => {\n        if (!eventListenerMap) {\n            return;\n        }\n\n        const groupEntries = Object.entries(eventListenerMap).filter(\n            ([key]) => ![EventUtils.POINTER_ENTER, EventUtils.POINTER_LEAVE, EventUtils.POINTER_CANCEL].includes(key)\n        );\n\n        if (groupEntries.length === 0) {\n            return;\n        }\n\n        return Object.fromEntries(groupEntries) satisfies EventListenerMap;\n    }, [eventListenerMap]);\n\n    if (!geometry) {\n        throw new MapException(MISSING_GEOMETRY_PROPS_EXCEPTION_MSG);\n    }\n\n    if (!(geometry instanceof H.geo.LineString)) {\n        throw new MapException(WRONG_GEOMETRY_PROPS_EXCEPTION_MSG);\n    }\n\n    useEffect(() => {\n        const lineGroup = new H.map.Group({ data: customData });\n        const line = new H.map.Polyline(geometry, { style });\n\n        let routeArrows: H.map.Polyline | undefined;\n        line.setData(customData);\n\n        const directEventTargets = [line];\n\n        if (hasArrows) {\n            if (isVectorBased(enableWebGL, baseLayer)) {\n                // WebGL way - Create a patterned polyline\n                routeArrows = new H.map.Polyline(geometry, {\n                    style: {\n                        strokeColor: 'rgba(42, 55, 64, 1)',\n                        lineWidth: 5,\n                        lineDash: [1.8, 4],\n                        // @ts-expect-error-next-line - the types are outdated here\n                        lineDashImage: H.map.SpatialStyle.DashImage.ARROW,\n                        ...arrowStyle,\n                    },\n                });\n            } else {\n                // Pixel map way - Create a patterned polyline\n                const defaultArrowStyle = {\n                    lineWidth: 2,\n                    fillColor: 'rgba(42, 55, 64, 1)',\n                    strokeColor: 'rgba(0, 0, 0, 0.8)',\n                    lineDash: [0, 4],\n                    lineTailCap: 'arrow-tail',\n                    lineHeadCap: 'arrow-head',\n                    ...arrowStyle,\n                };\n\n                const arrowLineStyle = new H.map.SpatialStyle({\n                    lineWidth: 10,\n                    strokeColor: 'rgba(255, 255, 255, 0)',\n                });\n\n                routeArrows = new H.map.Polyline(geometry, { style: arrowLineStyle, arrows: defaultArrowStyle });\n            }\n\n            routeArrows.setData(customData);\n            directEventTargets.push(routeArrows);\n\n            // create a group that represents the route line and contains\n            // outline and the pattern\n            lineGroup.addObjects([line, routeArrows]);\n        } else {\n            lineGroup.addObjects([line]);\n        }\n\n        api.map?.addObject(lineGroup);\n        directEventTargetsRef.current = directEventTargets;\n        setPolyline(lineGroup);\n        onReadyRef.current?.({ group: lineGroup, line, routeArrows });\n\n        return () => {\n            onReadyRef.current?.();\n            removeEventListenerMap(lineGroup);\n            directEventTargetsRef.current.forEach(removeEventListenerMap);\n            directEventTargetsRef.current = [];\n\n            lineGroup.forEach(singleLine => {\n                lineGroup.removeObject(singleLine);\n                singleLine.dispose();\n            });\n\n            if (api.map?.getObjects().includes(lineGroup)) {\n                api.map.removeObject(lineGroup);\n            }\n            lineGroup.dispose();\n        };\n    }, [api.map, geometry, style, hasArrows, arrowStyle]);\n\n    useEffect(() => {\n        const map = api.map;\n\n        if (!(polyline && map)) {\n            return;\n        }\n\n        addEventListenerMap(polyline, groupEventListenerMap, map);\n        directEventTargetsRef.current.forEach(target => {\n            addEventListenerMap(target, directEventListenerMap, map);\n        });\n\n        return () => {\n            removeEventListenerMap(polyline);\n            directEventTargetsRef.current.forEach(removeEventListenerMap);\n        };\n    }, [api.map, polyline, groupEventListenerMap, directEventListenerMap]);\n\n    return null;\n};\n\nexport default Polyline;\n"],"names":["MISSING_GEOMETRY_PROPS_EXCEPTION_MSG","WRONG_GEOMETRY_PROPS_EXCEPTION_MSG","Polyline","props","geometry","hasArrows","arrowStyle","style","customData","eventListenerMap","onReady","api","enableWebGL","baseLayer","useMapContext","polyline","setPolyline","useState","directEventTargetsRef","useRef","onReadyRef","useEffect","directEventListenerMap","useMemo","directEntries","key","EventUtils","groupEventListenerMap","groupEntries","MapException","lineGroup","line","routeArrows","directEventTargets","isVectorBased","defaultArrowStyle","arrowLineStyle","removeEventListenerMap","singleLine","map","addEventListenerMap","target"],"mappings":"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"}

package/components/map/components/features/layers/MarkerLayer.js

@@ -1,15 +1,15 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import l from "./clustering/ClusterLayer.js";
-import { wrapSimpleTheme as n } from "../../../utils/clustering.js";
-import { useMapContext as a } from "../../MapContext.js";
-const C = (r) => {
-  const t = a(), { simpleTheme: e, clusterDissolvable: o = !0, ...s } = r, m = !o || t.showCluster, p = {
-    clusterTheme: e && n(e),
+import { wrapSimpleTheme as p } from "../../../utils/clustering.js";
+import { useMapContext as i } from "../../MapContext.js";
+const f = (t) => {
+  const e = i(), { simpleTheme: r, clusterDissolvable: o = !0, ...s } = t, m = !o || e.showCluster, a = {
+    clusterTheme: r && p(r, e.enableMarkerIconCache),
     ...s
   };
-  return /* @__PURE__ */ i(l, { ...p, minWeight: m ? void 0 : 1e9 });
+  return /* @__PURE__ */ n(l, { ...a, minWeight: m ? void 0 : 1e9 });
 };
 export {
-  C as default
+  f as default
 };
 //# sourceMappingURL=MarkerLayer.js.map

package/components/map/components/features/layers/MarkerLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkerLayer.js","sources":["../../../../../../src/components/map/components/features/layers/MarkerLayer.tsx"],"sourcesContent":["import type React from 'react';\n\nimport ClusterLayer, { type ClusterTheme } from './clustering/ClusterLayer';\nimport { wrapSimpleTheme, type SimpleClusterTheme } from '../../../utils/clustering';\nimport { useMapContext } from '../../MapContext';\n\nexport type { ClusterTheme, SimpleClusterTheme };\n\nexport type MarkerLayerProps = React.ComponentProps<typeof ClusterLayer> & {\n    simpleTheme?: SimpleClusterTheme;\n    clusterDissolvable?: boolean;\n    clusterStrategy?: 'FASTGRID' | 'GRID' | 'DYNAMICGRID';\n    eps?: number;\n};\n\n/*\n * Not very different to the SimpleClusterLayer, but with a different intention.\n */\nconst MarkerLayer = (props: MarkerLayerProps) => {\n    const mapContext = useMapContext();\n\n    const { simpleTheme, clusterDissolvable = true, ...rest } = props;\n\n    // Norbert: Not an ideal solution\n    const showCluster = !clusterDissolvable || mapContext.showCluster;\n    const newProps = {\n        clusterTheme: simpleTheme && wrapSimpleTheme(simpleTheme),\n        ...rest,\n    };\n    return <ClusterLayer {...newProps} minWeight={showCluster ? undefined : 1000000000} />;\n};\n\nexport default MarkerLayer;\n"],"names":["MarkerLayer","props","mapContext","useMapContext","simpleTheme","clusterDissolvable","rest","showCluster","newProps","wrapSimpleTheme","ClusterLayer"],"mappings":";;;;AAkBA,MAAMA,IAAc,CAACC,MAA4B;AAC7C,QAAMC,IAAaC,EAAA,GAEb,EAAE,aAAAC,GAAa,oBAAAC,IAAqB,IAAM,GAAGC,MAASL,GAGtDM,IAAc,CAACF,KAAsBH,EAAW,aAChDM,IAAW;AAAA,IACb,cAAcJ,KAAeK,EAAgBL,CAAW;AAAA,IACxD,GAAGE;AAAA,EAAA;AAEP,2BAAQI,GAAA,EAAc,GAAGF,GAAU,WAAWD,IAAc,SAAY,KAAY;AACxF;"}
+{"version":3,"file":"MarkerLayer.js","sources":["../../../../../../src/components/map/components/features/layers/MarkerLayer.tsx"],"sourcesContent":["import type React from 'react';\n\nimport ClusterLayer, { type ClusterTheme } from './clustering/ClusterLayer';\nimport { wrapSimpleTheme, type SimpleClusterTheme } from '../../../utils/clustering';\nimport { useMapContext } from '../../MapContext';\n\nexport type { ClusterTheme, SimpleClusterTheme };\n\nexport type MarkerLayerProps = React.ComponentProps<typeof ClusterLayer> & {\n    simpleTheme?: SimpleClusterTheme;\n    clusterDissolvable?: boolean;\n    clusterStrategy?: 'FASTGRID' | 'GRID' | 'DYNAMICGRID';\n    eps?: number;\n};\n\n/*\n * Not very different to the SimpleClusterLayer, but with a different intention.\n */\nconst MarkerLayer = (props: MarkerLayerProps) => {\n    const mapContext = useMapContext();\n\n    const { simpleTheme, clusterDissolvable = true, ...rest } = props;\n\n    // Norbert: Not an ideal solution\n    const showCluster = !clusterDissolvable || mapContext.showCluster;\n    const newProps = {\n        clusterTheme: simpleTheme && wrapSimpleTheme(simpleTheme, mapContext.enableMarkerIconCache),\n        ...rest,\n    };\n    return <ClusterLayer {...newProps} minWeight={showCluster ? undefined : 1000000000} />;\n};\n\nexport default MarkerLayer;\n"],"names":["MarkerLayer","props","mapContext","useMapContext","simpleTheme","clusterDissolvable","rest","showCluster","newProps","wrapSimpleTheme","ClusterLayer"],"mappings":";;;;AAkBA,MAAMA,IAAc,CAACC,MAA4B;AAC7C,QAAMC,IAAaC,EAAA,GAEb,EAAE,aAAAC,GAAa,oBAAAC,IAAqB,IAAM,GAAGC,MAASL,GAGtDM,IAAc,CAACF,KAAsBH,EAAW,aAChDM,IAAW;AAAA,IACb,cAAcJ,KAAeK,EAAgBL,GAAaF,EAAW,qBAAqB;AAAA,IAC1F,GAAGI;AAAA,EAAA;AAEP,2BAAQI,GAAA,EAAc,GAAGF,GAAU,WAAWD,IAAc,SAAY,KAAY;AACxF;"}

package/components/map/components/features/layers/clustering/SimpleClusterLayer.js

@@ -1,11 +1,18 @@
-import { jsx as t } from "react/jsx-runtime";
-import o from "./ClusterLayer.js";
+import { jsx as o } from "react/jsx-runtime";
+import p from "./ClusterLayer.js";
 import { wrapSimpleTheme as s } from "../../../../utils/clustering.js";
-const a = (r) => {
-  const { simpleTheme: e, ...m } = r;
-  return /* @__PURE__ */ t(o, { ...m, clusterTheme: e && s(e) });
+import { useMapContext as a } from "../../../MapContext.js";
+const u = (r) => {
+  const t = a(), { simpleTheme: e, ...m } = r;
+  return /* @__PURE__ */ o(
+    p,
+    {
+      ...m,
+      clusterTheme: e && s(e, t.enableMarkerIconCache)
+    }
+  );
 };
 export {
-  a as default
+  u as default
 };
 //# sourceMappingURL=SimpleClusterLayer.js.map

package/components/map/components/features/layers/clustering/SimpleClusterLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleClusterLayer.js","sources":["../../../../../../../src/components/map/components/features/layers/clustering/SimpleClusterLayer.tsx"],"sourcesContent":["import ClusterLayer, { type ClusterLayerProps } from './ClusterLayer';\nimport { type SimpleClusterTheme, wrapSimpleTheme } from '../../../../utils/clustering';\n\nexport type SimpleClusterLayerProps = Omit<ClusterLayerProps, 'clusterTheme'> & {\n    simpleTheme?: SimpleClusterTheme;\n};\n\nconst SimpleClusterLayer = (props: SimpleClusterLayerProps) => {\n    const { simpleTheme, ...rest } = props;\n    return <ClusterLayer {...rest} clusterTheme={simpleTheme && wrapSimpleTheme(simpleTheme)} />;\n};\n\nexport default SimpleClusterLayer;\n"],"names":["SimpleClusterLayer","props","simpleTheme","rest","jsx","ClusterLayer","wrapSimpleTheme"],"mappings":";;;AAOA,MAAMA,IAAqB,CAACC,MAAmC;AAC3D,QAAM,EAAE,aAAAC,GAAa,GAAGC,EAAA,IAASF;AACjC,SAAO,gBAAAG,EAACC,KAAc,GAAGF,GAAM,cAAcD,KAAeI,EAAgBJ,CAAW,GAAG;AAC9F;"}
+{"version":3,"file":"SimpleClusterLayer.js","sources":["../../../../../../../src/components/map/components/features/layers/clustering/SimpleClusterLayer.tsx"],"sourcesContent":["import ClusterLayer, { type ClusterLayerProps } from './ClusterLayer';\nimport { type SimpleClusterTheme, wrapSimpleTheme } from '../../../../utils/clustering';\nimport { useMapContext } from '../../../MapContext';\n\nexport type SimpleClusterLayerProps = Omit<ClusterLayerProps, 'clusterTheme'> & {\n    simpleTheme?: SimpleClusterTheme;\n};\n\nconst SimpleClusterLayer = (props: SimpleClusterLayerProps) => {\n    const mapContext = useMapContext();\n    const { simpleTheme, ...rest } = props;\n    return (\n        <ClusterLayer\n            {...rest}\n            clusterTheme={simpleTheme && wrapSimpleTheme(simpleTheme, mapContext.enableMarkerIconCache)}\n        />\n    );\n};\n\nexport default SimpleClusterLayer;\n"],"names":["SimpleClusterLayer","props","mapContext","useMapContext","simpleTheme","rest","jsx","ClusterLayer","wrapSimpleTheme"],"mappings":";;;;AAQA,MAAMA,IAAqB,CAACC,MAAmC;AAC3D,QAAMC,IAAaC,EAAA,GACb,EAAE,aAAAC,GAAa,GAAGC,EAAA,IAASJ;AACjC,SACI,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGF;AAAA,MACJ,cAAcD,KAAeI,EAAgBJ,GAAaF,EAAW,qBAAqB;AAAA,IAAA;AAAA,EAAA;AAGtG;"}

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

@@ -11,4 +11,4 @@ export type SimpleClusterTheme<T = any> = {
 export declare const ClusterUtils: {
     getBoundingBoxForCluster: (cluster: Cluster) => H.geo.Rect;
 };
-export declare const wrapSimpleTheme: (theme: SimpleClusterTheme) => ClusterTheme;
+export declare const wrapSimpleTheme: (theme: SimpleClusterTheme, cacheEnabled?: boolean) => ClusterTheme;

package/components/map/utils/clustering.js

@@ -1,47 +1,47 @@
-import { getOrCreateIcon as i, isDomMakerNeeded as l } from "../components/features/basics/Marker.js";
-const g = (a) => {
-  let t = null, n = null, e = null, r = null;
+import { getOrCreateIcon as l, isDomMakerNeeded as c } from "../components/features/basics/Marker.js";
+const m = (a) => {
+  let e = null, t = null, o = null, r = null;
   return a.forEachDataPoint((s) => {
-    const o = s.getPosition();
-    (t === null || t > o.lat) && (t = o.lat), (n === null || n > o.lng) && (n = o.lng), (e === null || e < o.lat) && (e = o.lat), (r === null || r < o.lng) && (r = o.lng);
+    const n = s.getPosition();
+    (e === null || e > n.lat) && (e = n.lat), (t === null || t > n.lng) && (t = n.lng), (o === null || o < n.lat) && (o = n.lat), (r === null || r < n.lng) && (r = n.lng);
   }), new H.geo.Rect(
-    e,
-    n,
+    o,
     t,
+    e,
     r
   );
-}, M = {
-  getBoundingBoxForCluster: g
-}, m = (a) => (t) => {
-  const n = [];
-  t.forEachDataPoint((c) => n.push(c.getData()));
-  const e = a(n, t.getPosition());
-  if (e instanceof H.map.Object)
-    return e;
-  const r = i(e), s = l(r) ? H.map.DomMarker : H.map.Marker, o = new s(t.getPosition(), {
-    icon: r,
+}, f = {
+  getBoundingBoxForCluster: m
+}, u = (a, e) => (t) => {
+  const o = [];
+  t.forEachDataPoint((g) => o.push(g.getData()));
+  const r = a(o, t.getPosition());
+  if (r instanceof H.map.Object)
+    return r;
+  const s = l(r, { cacheEnabled: e }), n = c(s) ? H.map.DomMarker : H.map.Marker, i = new n(t.getPosition(), {
+    icon: s,
     // Set min/max zoom with values from the cluster, otherwise
     // clusters will be shown at all zoom levels
     min: t.getMinZoom(),
     max: t.getMaxZoom()
   });
-  return o.setData(t), o;
-}, u = (a) => (t) => {
-  const n = a(t.getData(), t.getPosition());
-  if (n instanceof H.map.Object)
-    return n;
-  const e = i(n), r = l(e) ? H.map.DomMarker : H.map.Marker, s = new r(t.getPosition(), {
-    icon: e,
+  return i.setData(t), i;
+}, p = (a, e) => (t) => {
+  const o = a(t.getData(), t.getPosition());
+  if (o instanceof H.map.Object)
+    return o;
+  const r = l(o, { cacheEnabled: e }), s = c(r) ? H.map.DomMarker : H.map.Marker, n = new s(t.getPosition(), {
+    icon: r,
     // Use min zoom from a noise point to show it correctly at certain zoom levels
     min: t.getMinZoom()
   });
-  return s.setData(t), s;
-}, f = (a) => ({
-  getClusterPresentation: m(a.getClusterPresentation),
-  getNoisePresentation: u(a.getNoisePresentation)
+  return n.setData(t), n;
+}, k = (a, e) => ({
+  getClusterPresentation: u(a.getClusterPresentation, e),
+  getNoisePresentation: p(a.getNoisePresentation, e)
 });
 export {
-  M as ClusterUtils,
-  f as wrapSimpleTheme
+  f as ClusterUtils,
+  k as wrapSimpleTheme
 };
 //# sourceMappingURL=clustering.js.map

package/components/map/utils/clustering.js.map

@@ -1 +1 @@
-{"version":3,"file":"clustering.js","sources":["../../../../src/components/map/utils/clustering.ts"],"sourcesContent":["import { getOrCreateIcon, isDomMakerNeeded, type MarkerIcon } from '../components/features/basics/Marker';\nimport type { ClusterTheme } from '../components/features/layers/clustering/ClusterLayer';\n\nexport type Cluster = H.clustering.ICluster;\nexport type DataPoint = H.clustering.DataPoint;\nexport type NoisePoint = H.clustering.INoisePoint;\n\nexport type Theme = H.clustering.ITheme | undefined;\n\n// biome-ignore lint/suspicious/noExplicitAny: keep it less strict\nexport type SimpleClusterTheme<T = any> = {\n    getClusterPresentation: (data: T[], position: H.geo.Point) => H.map.Object | MarkerIcon;\n    getNoisePresentation: (data: T, position: H.geo.Point) => H.map.Object | MarkerIcon;\n};\n\nconst getBoundingBoxForCluster = (cluster: Cluster): H.geo.Rect => {\n    let minLat: number | null = null;\n    let minLng: number | null = null;\n    let maxLat: number | null = null;\n    let maxLng: number | null = null;\n\n    cluster.forEachDataPoint((dataPoint: NoisePoint) => {\n        const position = dataPoint.getPosition();\n        if (minLat === null || minLat > position.lat) {\n            minLat = position.lat;\n        }\n        if (minLng === null || minLng > position.lng) {\n            minLng = position.lng;\n        }\n        if (maxLat === null || maxLat < position.lat) {\n            maxLat = position.lat;\n        }\n        if (maxLng === null || maxLng < position.lng) {\n            maxLng = position.lng;\n        }\n    });\n\n    return new H.geo.Rect(\n        maxLat as unknown as number,\n        minLng as unknown as number,\n        minLat as unknown as number,\n        maxLng as unknown as number\n    );\n};\n\nexport const ClusterUtils = {\n    getBoundingBoxForCluster,\n};\n\nconst wrapClusterPresentation = <T>(\n    func: (clusterElements: T[], position: H.geo.Point) => H.map.Object | MarkerIcon\n) => {\n    return (cluster: Cluster): H.map.Marker => {\n        const clusterElements: T[] = [];\n\n        cluster.forEachDataPoint((point: NoisePoint) => clusterElements.push(point.getData()));\n\n        const presentation = func(clusterElements, cluster.getPosition());\n        if (presentation instanceof H.map.Object) {\n            return presentation as H.map.Marker;\n        }\n\n        const clusterIcon = getOrCreateIcon(presentation);\n        const MarkerConstructor = isDomMakerNeeded(clusterIcon) ? H.map.DomMarker : H.map.Marker;\n\n        const clusterMarker = new MarkerConstructor(cluster.getPosition(), {\n            icon: clusterIcon,\n\n            // Set min/max zoom with values from the cluster, otherwise\n            // clusters will be shown at all zoom levels\n            min: cluster.getMinZoom(),\n            max: cluster.getMaxZoom(),\n        });\n\n        // Bind cluster data to the marker\n        clusterMarker.setData(cluster);\n\n        return clusterMarker;\n    };\n};\n\nconst wrapNoisePresentation = <T>(func: (data: T, position: H.geo.Point) => H.map.Object | MarkerIcon) => {\n    return (noisePoint: NoisePoint): H.map.Marker => {\n        const presentation = func(noisePoint.getData(), noisePoint.getPosition());\n        if (presentation instanceof H.map.Object) {\n            return presentation as H.map.Marker;\n        }\n\n        const noiseIcon = getOrCreateIcon(presentation);\n        const MarkerConstructor = isDomMakerNeeded(noiseIcon) ? H.map.DomMarker : H.map.Marker;\n\n        const noiseMarker = new MarkerConstructor(noisePoint.getPosition(), {\n            icon: noiseIcon,\n\n            // Use min zoom from a noise point to show it correctly at certain zoom levels\n            min: noisePoint.getMinZoom(),\n        });\n\n        // Bind noise point data to the marker:\n        noiseMarker.setData(noisePoint);\n\n        return noiseMarker;\n    };\n};\n\nexport const wrapSimpleTheme = (theme: SimpleClusterTheme): ClusterTheme => ({\n    getClusterPresentation: wrapClusterPresentation(theme.getClusterPresentation),\n    getNoisePresentation: wrapNoisePresentation(theme.getNoisePresentation),\n});\n"],"names":["getBoundingBoxForCluster","cluster","minLat","minLng","maxLat","maxLng","dataPoint","position","ClusterUtils","wrapClusterPresentation","func","clusterElements","point","presentation","clusterIcon","getOrCreateIcon","MarkerConstructor","isDomMakerNeeded","clusterMarker","wrapNoisePresentation","noisePoint","noiseIcon","noiseMarker","wrapSimpleTheme","theme"],"mappings":";AAeA,MAAMA,IAA2B,CAACC,MAAiC;AAC/D,MAAIC,IAAwB,MACxBC,IAAwB,MACxBC,IAAwB,MACxBC,IAAwB;AAE5B,SAAAJ,EAAQ,iBAAiB,CAACK,MAA0B;AAChD,UAAMC,IAAWD,EAAU,YAAA;AAC3B,KAAIJ,MAAW,QAAQA,IAASK,EAAS,SACrCL,IAASK,EAAS,OAElBJ,MAAW,QAAQA,IAASI,EAAS,SACrCJ,IAASI,EAAS,OAElBH,MAAW,QAAQA,IAASG,EAAS,SACrCH,IAASG,EAAS,OAElBF,MAAW,QAAQA,IAASE,EAAS,SACrCF,IAASE,EAAS;AAAA,EAE1B,CAAC,GAEM,IAAI,EAAE,IAAI;AAAA,IACbH;AAAA,IACAD;AAAA,IACAD;AAAA,IACAG;AAAA,EAAA;AAER,GAEaG,IAAe;AAAA,EACxB,0BAAAR;AACJ,GAEMS,IAA0B,CAC5BC,MAEO,CAACT,MAAmC;AACvC,QAAMU,IAAuB,CAAA;AAE7B,EAAAV,EAAQ,iBAAiB,CAACW,MAAsBD,EAAgB,KAAKC,EAAM,QAAA,CAAS,CAAC;AAErF,QAAMC,IAAeH,EAAKC,GAAiBV,EAAQ,aAAa;AAChE,MAAIY,aAAwB,EAAE,IAAI;AAC9B,WAAOA;AAGX,QAAMC,IAAcC,EAAgBF,CAAY,GAC1CG,IAAoBC,EAAiBH,CAAW,IAAI,EAAE,IAAI,YAAY,EAAE,IAAI,QAE5EI,IAAgB,IAAIF,EAAkBf,EAAQ,eAAe;AAAA,IAC/D,MAAMa;AAAA;AAAA;AAAA,IAIN,KAAKb,EAAQ,WAAA;AAAA,IACb,KAAKA,EAAQ,WAAA;AAAA,EAAW,CAC3B;AAGD,SAAAiB,EAAc,QAAQjB,CAAO,GAEtBiB;AACX,GAGEC,IAAwB,CAAIT,MACvB,CAACU,MAAyC;AAC7C,QAAMP,IAAeH,EAAKU,EAAW,WAAWA,EAAW,aAAa;AACxE,MAAIP,aAAwB,EAAE,IAAI;AAC9B,WAAOA;AAGX,QAAMQ,IAAYN,EAAgBF,CAAY,GACxCG,IAAoBC,EAAiBI,CAAS,IAAI,EAAE,IAAI,YAAY,EAAE,IAAI,QAE1EC,IAAc,IAAIN,EAAkBI,EAAW,eAAe;AAAA,IAChE,MAAMC;AAAA;AAAA,IAGN,KAAKD,EAAW,WAAA;AAAA,EAAW,CAC9B;AAGD,SAAAE,EAAY,QAAQF,CAAU,GAEvBE;AACX,GAGSC,IAAkB,CAACC,OAA6C;AAAA,EACzE,wBAAwBf,EAAwBe,EAAM,sBAAsB;AAAA,EAC5E,sBAAsBL,EAAsBK,EAAM,oBAAoB;AAC1E;"}
+{"version":3,"file":"clustering.js","sources":["../../../../src/components/map/utils/clustering.ts"],"sourcesContent":["import { getOrCreateIcon, isDomMakerNeeded, type MarkerIcon } from '../components/features/basics/Marker';\nimport type { ClusterTheme } from '../components/features/layers/clustering/ClusterLayer';\n\nexport type Cluster = H.clustering.ICluster;\nexport type DataPoint = H.clustering.DataPoint;\nexport type NoisePoint = H.clustering.INoisePoint;\n\nexport type Theme = H.clustering.ITheme | undefined;\n\n// biome-ignore lint/suspicious/noExplicitAny: keep it less strict\nexport type SimpleClusterTheme<T = any> = {\n    getClusterPresentation: (data: T[], position: H.geo.Point) => H.map.Object | MarkerIcon;\n    getNoisePresentation: (data: T, position: H.geo.Point) => H.map.Object | MarkerIcon;\n};\n\nconst getBoundingBoxForCluster = (cluster: Cluster): H.geo.Rect => {\n    let minLat: number | null = null;\n    let minLng: number | null = null;\n    let maxLat: number | null = null;\n    let maxLng: number | null = null;\n\n    cluster.forEachDataPoint((dataPoint: NoisePoint) => {\n        const position = dataPoint.getPosition();\n        if (minLat === null || minLat > position.lat) {\n            minLat = position.lat;\n        }\n        if (minLng === null || minLng > position.lng) {\n            minLng = position.lng;\n        }\n        if (maxLat === null || maxLat < position.lat) {\n            maxLat = position.lat;\n        }\n        if (maxLng === null || maxLng < position.lng) {\n            maxLng = position.lng;\n        }\n    });\n\n    return new H.geo.Rect(\n        maxLat as unknown as number,\n        minLng as unknown as number,\n        minLat as unknown as number,\n        maxLng as unknown as number\n    );\n};\n\nexport const ClusterUtils = {\n    getBoundingBoxForCluster,\n};\n\nconst wrapClusterPresentation = <T>(\n    func: (clusterElements: T[], position: H.geo.Point) => H.map.Object | MarkerIcon,\n    cacheEnabled?: boolean\n) => {\n    return (cluster: Cluster): H.map.Marker => {\n        const clusterElements: T[] = [];\n\n        cluster.forEachDataPoint((point: NoisePoint) => clusterElements.push(point.getData()));\n\n        const presentation = func(clusterElements, cluster.getPosition());\n        if (presentation instanceof H.map.Object) {\n            return presentation as H.map.Marker;\n        }\n\n        const clusterIcon = getOrCreateIcon(presentation, { cacheEnabled });\n        const MarkerConstructor = isDomMakerNeeded(clusterIcon) ? H.map.DomMarker : H.map.Marker;\n\n        const clusterMarker = new MarkerConstructor(cluster.getPosition(), {\n            icon: clusterIcon,\n\n            // Set min/max zoom with values from the cluster, otherwise\n            // clusters will be shown at all zoom levels\n            min: cluster.getMinZoom(),\n            max: cluster.getMaxZoom(),\n        });\n\n        // Bind cluster data to the marker\n        clusterMarker.setData(cluster);\n\n        return clusterMarker;\n    };\n};\n\nconst wrapNoisePresentation = <T>(\n    func: (data: T, position: H.geo.Point) => H.map.Object | MarkerIcon,\n    cacheEnabled?: boolean\n) => {\n    return (noisePoint: NoisePoint): H.map.Marker => {\n        const presentation = func(noisePoint.getData(), noisePoint.getPosition());\n        if (presentation instanceof H.map.Object) {\n            return presentation as H.map.Marker;\n        }\n\n        const noiseIcon = getOrCreateIcon(presentation, { cacheEnabled });\n        const MarkerConstructor = isDomMakerNeeded(noiseIcon) ? H.map.DomMarker : H.map.Marker;\n\n        const noiseMarker = new MarkerConstructor(noisePoint.getPosition(), {\n            icon: noiseIcon,\n\n            // Use min zoom from a noise point to show it correctly at certain zoom levels\n            min: noisePoint.getMinZoom(),\n        });\n\n        // Bind noise point data to the marker:\n        noiseMarker.setData(noisePoint);\n\n        return noiseMarker;\n    };\n};\n\nexport const wrapSimpleTheme = (theme: SimpleClusterTheme, cacheEnabled?: boolean): ClusterTheme => ({\n    getClusterPresentation: wrapClusterPresentation(theme.getClusterPresentation, cacheEnabled),\n    getNoisePresentation: wrapNoisePresentation(theme.getNoisePresentation, cacheEnabled),\n});\n"],"names":["getBoundingBoxForCluster","cluster","minLat","minLng","maxLat","maxLng","dataPoint","position","ClusterUtils","wrapClusterPresentation","func","cacheEnabled","clusterElements","point","presentation","clusterIcon","getOrCreateIcon","MarkerConstructor","isDomMakerNeeded","clusterMarker","wrapNoisePresentation","noisePoint","noiseIcon","noiseMarker","wrapSimpleTheme","theme"],"mappings":";AAeA,MAAMA,IAA2B,CAACC,MAAiC;AAC/D,MAAIC,IAAwB,MACxBC,IAAwB,MACxBC,IAAwB,MACxBC,IAAwB;AAE5B,SAAAJ,EAAQ,iBAAiB,CAACK,MAA0B;AAChD,UAAMC,IAAWD,EAAU,YAAA;AAC3B,KAAIJ,MAAW,QAAQA,IAASK,EAAS,SACrCL,IAASK,EAAS,OAElBJ,MAAW,QAAQA,IAASI,EAAS,SACrCJ,IAASI,EAAS,OAElBH,MAAW,QAAQA,IAASG,EAAS,SACrCH,IAASG,EAAS,OAElBF,MAAW,QAAQA,IAASE,EAAS,SACrCF,IAASE,EAAS;AAAA,EAE1B,CAAC,GAEM,IAAI,EAAE,IAAI;AAAA,IACbH;AAAA,IACAD;AAAA,IACAD;AAAA,IACAG;AAAA,EAAA;AAER,GAEaG,IAAe;AAAA,EACxB,0BAAAR;AACJ,GAEMS,IAA0B,CAC5BC,GACAC,MAEO,CAACV,MAAmC;AACvC,QAAMW,IAAuB,CAAA;AAE7B,EAAAX,EAAQ,iBAAiB,CAACY,MAAsBD,EAAgB,KAAKC,EAAM,QAAA,CAAS,CAAC;AAErF,QAAMC,IAAeJ,EAAKE,GAAiBX,EAAQ,aAAa;AAChE,MAAIa,aAAwB,EAAE,IAAI;AAC9B,WAAOA;AAGX,QAAMC,IAAcC,EAAgBF,GAAc,EAAE,cAAAH,GAAc,GAC5DM,IAAoBC,EAAiBH,CAAW,IAAI,EAAE,IAAI,YAAY,EAAE,IAAI,QAE5EI,IAAgB,IAAIF,EAAkBhB,EAAQ,eAAe;AAAA,IAC/D,MAAMc;AAAA;AAAA;AAAA,IAIN,KAAKd,EAAQ,WAAA;AAAA,IACb,KAAKA,EAAQ,WAAA;AAAA,EAAW,CAC3B;AAGD,SAAAkB,EAAc,QAAQlB,CAAO,GAEtBkB;AACX,GAGEC,IAAwB,CAC1BV,GACAC,MAEO,CAACU,MAAyC;AAC7C,QAAMP,IAAeJ,EAAKW,EAAW,WAAWA,EAAW,aAAa;AACxE,MAAIP,aAAwB,EAAE,IAAI;AAC9B,WAAOA;AAGX,QAAMQ,IAAYN,EAAgBF,GAAc,EAAE,cAAAH,GAAc,GAC1DM,IAAoBC,EAAiBI,CAAS,IAAI,EAAE,IAAI,YAAY,EAAE,IAAI,QAE1EC,IAAc,IAAIN,EAAkBI,EAAW,eAAe;AAAA,IAChE,MAAMC;AAAA;AAAA,IAGN,KAAKD,EAAW,WAAA;AAAA,EAAW,CAC9B;AAGD,SAAAE,EAAY,QAAQF,CAAU,GAEvBE;AACX,GAGSC,IAAkB,CAACC,GAA2Bd,OAA0C;AAAA,EACjG,wBAAwBF,EAAwBgB,EAAM,wBAAwBd,CAAY;AAAA,EAC1F,sBAAsBS,EAAsBK,EAAM,sBAAsBd,CAAY;AACxF;"}