@rio-cloud/rio-uikit 2.5.0 → 3.0.0-beta.1

package/components/map/components/features/MapSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapSettings.js","sources":["../../../../../src/components/map/components/features/MapSettings.tsx"],"sourcesContent":["import React from 'react';\nimport { map } from 'es-toolkit/compat';\n\nimport classNames from '../../../../utils/classNames';\nimport MapTypeSettings from './settings/builtinSettings/MapTypeSettings';\nimport MapLayerSettings from './settings/builtinSettings/MapLayerSettings';\nimport MapClusterSettings from './settings/builtinSettings/MapClusterSettings';\nimport { useMapContext } from '../MapContext';\n\nconst isMapTypeSettings = (option: JSX.Element) => option.type === MapTypeSettings;\nconst isMapLayerSettings = (option: JSX.Element) => option.type === MapLayerSettings;\nconst isMapClusterSettings = (option: JSX.Element) => option.type === MapClusterSettings;\n\nexport type MapSettingsProps = {\n    options?: JSX.Element[];\n    className?: string;\n};\n\nconst MapSettings = (props: MapSettingsProps) => {\n    const { options, className = '' } = props;\n\n    const { baseLayer, activeLayers, showCluster, onMapTypeChange, onMapLayerChange, onShowClusterChange } =\n        useMapContext();\n\n    const mapSettingsClasses = classNames('MapSettingsWrapper', className);\n\n    return (\n        <div className={mapSettingsClasses}>\n            {map(options, option => {\n                if (isMapTypeSettings(option)) {\n                    return React.cloneElement(option, {\n                        key: option?.key ?? crypto.randomUUID(),\n                        mapType: baseLayer,\n                        onMapTypeChange,\n                    });\n                }\n\n                if (isMapLayerSettings(option)) {\n                    return React.cloneElement(option, {\n                        key: option?.key ?? crypto.randomUUID(),\n                        activeBuiltinLayers: activeLayers,\n                        onMapLayerChange,\n                    });\n                }\n\n                if (isMapClusterSettings(option)) {\n                    return React.cloneElement(option, {\n                        key: option?.key ?? crypto.randomUUID(),\n                        showCluster,\n                        onShowClusterChange,\n                    });\n                }\n\n                return React.cloneElement(option, {\n                    key: option?.key ?? `MapSettingsOption_${crypto.randomUUID()}`,\n                });\n            })}\n        </div>\n    );\n};\n\nexport default MapSettings;\n"],"names":["isMapTypeSettings","option","MapTypeSettings","isMapLayerSettings","MapLayerSettings","isMapClusterSettings","MapClusterSettings","MapSettings","props","options","className","baseLayer","activeLayers","showCluster","onMapTypeChange","onMapLayerChange","onShowClusterChange","useMapContext","mapSettingsClasses","classNames","map","React"],"mappings":";;;;;;;;AASA,MAAMA,IAAoB,CAACC,MAAwBA,EAAO,SAASC,GAC7DC,IAAqB,CAACF,MAAwBA,EAAO,SAASG,GAC9DC,IAAuB,CAACJ,MAAwBA,EAAO,SAASK,GAOhEC,IAAc,CAACC,MAA4B;AAC7C,QAAM,EAAE,SAAAC,GAAS,WAAAC,IAAY,GAAA,IAAOF,GAE9B,EAAE,WAAAG,GAAW,cAAAC,GAAc,aAAAC,GAAa,iBAAAC,GAAiB,kBAAAC,GAAkB,qBAAAC,EAAA,IAC7EC,EAAA,GAEEC,IAAqBC,EAAW,sBAAsBT,CAAS;AAErE,2BACK,OAAA,EAAI,WAAWQ,GACX,UAAAE,EAAIX,GAAS,CAAAR,MACND,EAAkBC,CAAM,IACjBoB,EAAM,aAAapB,GAAQ;AAAA,IAC9B,KAAKA,GAAQ,OAAO,OAAO,WAAA;AAAA,IAC3B,SAASU;AAAA,IACT,iBAAAG;AAAA,EAAA,CACH,IAGDX,EAAmBF,CAAM,IAClBoB,EAAM,aAAapB,GAAQ;AAAA,IAC9B,KAAKA,GAAQ,OAAO,OAAO,WAAA;AAAA,IAC3B,qBAAqBW;AAAA,IACrB,kBAAAG;AAAA,EAAA,CACH,IAGDV,EAAqBJ,CAAM,IACpBoB,EAAM,aAAapB,GAAQ;AAAA,IAC9B,KAAKA,GAAQ,OAAO,OAAO,WAAA;AAAA,IAC3B,aAAAY;AAAA,IACA,qBAAAG;AAAA,EAAA,CACH,IAGEK,EAAM,aAAapB,GAAQ;AAAA,IAC9B,KAAKA,GAAQ,OAAO,qBAAqB,OAAO,YAAY;AAAA,EAAA,CAC/D,CACJ,EAAA,CACL;AAER;"}
+{"version":3,"file":"MapSettings.js","names":[],"sources":["../../../../../src/components/map/components/features/MapSettings.tsx"],"sourcesContent":["import React from 'react';\nimport { map } from 'es-toolkit/compat';\n\nimport classNames from '../../../../utils/classNames';\nimport MapTypeSettings from './settings/builtinSettings/MapTypeSettings';\nimport MapLayerSettings from './settings/builtinSettings/MapLayerSettings';\nimport MapClusterSettings from './settings/builtinSettings/MapClusterSettings';\nimport { useMapContext } from '../MapContext';\n\ntype MapSettingsOption = React.ReactElement;\n\ntype MapTypeSettingsElement = React.ReactElement<React.ComponentProps<typeof MapTypeSettings>>;\ntype MapLayerSettingsElement = React.ReactElement<React.ComponentProps<typeof MapLayerSettings>>;\ntype MapClusterSettingsElement = React.ReactElement<React.ComponentProps<typeof MapClusterSettings>>;\n\nconst isMapTypeSettings = (option: MapSettingsOption): option is MapTypeSettingsElement =>\n    option.type === MapTypeSettings;\n\nconst isMapLayerSettings = (option: MapSettingsOption): option is MapLayerSettingsElement =>\n    option.type === MapLayerSettings;\n\nconst isMapClusterSettings = (option: MapSettingsOption): option is MapClusterSettingsElement =>\n    option.type === MapClusterSettings;\n\nexport type MapSettingsProps = {\n    options?: MapSettingsOption[];\n    className?: string;\n};\n\nconst MapSettings = (props: MapSettingsProps) => {\n    const { options, className = '' } = props;\n\n    const { baseLayer, activeLayers, showCluster, onMapTypeChange, onMapLayerChange, onShowClusterChange } =\n        useMapContext();\n\n    const mapSettingsClasses = classNames('MapSettingsWrapper', className);\n\n    return (\n        <div className={mapSettingsClasses}>\n            {map(options, option => {\n                if (isMapTypeSettings(option)) {\n                    return React.cloneElement(option, {\n                        key: option?.key ?? crypto.randomUUID(),\n                        mapType: baseLayer,\n                        onMapTypeChange,\n                    });\n                }\n\n                if (isMapLayerSettings(option)) {\n                    return React.cloneElement(option, {\n                        key: option?.key ?? crypto.randomUUID(),\n                        activeBuiltinLayers: activeLayers,\n                        onMapLayerChange,\n                    });\n                }\n\n                if (isMapClusterSettings(option)) {\n                    return React.cloneElement(option, {\n                        key: option?.key ?? crypto.randomUUID(),\n                        showCluster,\n                        onShowClusterChange,\n                    });\n                }\n\n                return React.cloneElement(option, {\n                    key: option?.key ?? `MapSettingsOption_${crypto.randomUUID()}`,\n                });\n            })}\n        </div>\n    );\n};\n\nexport default MapSettings;\n"],"mappings":";;;;;;;;;AAeA,IAAM,KAAqB,MACvB,EAAO,SAAS,GAEd,KAAsB,MACxB,EAAO,SAAS,GAEd,KAAwB,MAC1B,EAAO,SAAS,GAOd,KAAe,MAA4B;CAC7C,IAAM,EAAE,YAAS,eAAY,OAAO,GAE9B,EAAE,cAAW,iBAAc,gBAAa,oBAAiB,qBAAkB,2BAC7E,EAAc;CAIlB,OACI,kBAAC,OAAD;EAAK,WAHkB,EAAW,sBAAsB,CAGxC;YACX,EAAI,IAAS,MACN,EAAkB,CAAM,IACjB,EAAM,aAAa,GAAQ;GAC9B,KAAK,GAAQ,OAAO,OAAO,WAAW;GACtC,SAAS;GACT;EACJ,CAAC,IAGD,EAAmB,CAAM,IAClB,EAAM,aAAa,GAAQ;GAC9B,KAAK,GAAQ,OAAO,OAAO,WAAW;GACtC,qBAAqB;GACrB;EACJ,CAAC,IAGD,EAAqB,CAAM,IACpB,EAAM,aAAa,GAAQ;GAC9B,KAAK,GAAQ,OAAO,OAAO,WAAW;GACtC;GACA;EACJ,CAAC,IAGE,EAAM,aAAa,GAAQ,EAC9B,KAAK,GAAQ,OAAO,qBAAqB,OAAO,WAAW,IAC/D,CAAC,CACJ;CACA,CAAA;AAEb"}

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

@@ -1,17 +1,21 @@
-import { jsx as i } from "react/jsx-runtime";
-import l from "./settings/ZoomButtons.js";
-import { useMapContext as a } from "../MapContext.js";
-const h = (m) => {
-  const { hideZoomButtons: s, zoomAnimation: n, onZoomIn: e, onZoomOut: r } = m, { api: t } = a(), Z = () => {
-    const o = (t?.utils?.getZoom() ?? 0) + 1;
-    e(o), t?.utils?.setZoom(o, n);
-  }, u = () => {
-    const o = (t?.utils?.getZoom() ?? 0) - 1;
-    r(o), t?.utils?.setZoom(o, n);
-  };
-  return s ? null : /* @__PURE__ */ i(l, { onZoomIn: Z, onZoomOut: u });
+import { useMapContext as e } from "../MapContext.js";
+import t from "./settings/ZoomButtons.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/map/components/features/MapZoom.tsx
+var r = (r) => {
+	let { hideZoomButtons: i, zoomAnimation: a, onZoomIn: o, onZoomOut: s } = r, { api: c } = e();
+	return i ? null : /* @__PURE__ */ n(t, {
+		onZoomIn: () => {
+			let e = (c?.utils?.getZoom() ?? 0) + 1;
+			o(e), c?.utils?.setZoom(e, a);
+		},
+		onZoomOut: () => {
+			let e = (c?.utils?.getZoom() ?? 0) - 1;
+			s(e), c?.utils?.setZoom(e, a);
+		}
+	});
 };
-export {
-  h as default
-};
-//# sourceMappingURL=MapZoom.js.map
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=MapZoom.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MapZoom.js","sources":["../../../../../src/components/map/components/features/MapZoom.tsx"],"sourcesContent":["import ZoomButtons from './settings/ZoomButtons';\nimport { useMapContext } from '../MapContext';\n\nexport type MapZoomProps = {\n    hideZoomButtons: boolean;\n    zoomAnimation: boolean;\n    onZoomIn: (zoom: number) => void;\n    onZoomOut: (zoom: number) => void;\n};\n\nconst MapZoom = (props: MapZoomProps) => {\n    const { hideZoomButtons, zoomAnimation, onZoomIn, onZoomOut } = props;\n\n    const { api } = useMapContext();\n\n    const handleZoomIn = () => {\n        const currentZoom = api?.utils?.getZoom() ?? 0;\n        const newZoom = currentZoom + 1;\n\n        onZoomIn(newZoom);\n        api?.utils?.setZoom(newZoom, zoomAnimation);\n    };\n\n    const handleZoomOut = () => {\n        const currentZoom = api?.utils?.getZoom() ?? 0;\n        const newZoom = currentZoom - 1;\n\n        onZoomOut(newZoom);\n        api?.utils?.setZoom(newZoom, zoomAnimation);\n    };\n\n    if (hideZoomButtons) {\n        return null;\n    }\n\n    return <ZoomButtons onZoomIn={handleZoomIn} onZoomOut={handleZoomOut} />;\n};\n\nexport default MapZoom;\n"],"names":["MapZoom","props","hideZoomButtons","zoomAnimation","onZoomIn","onZoomOut","api","useMapContext","handleZoomIn","newZoom","handleZoomOut","jsx","ZoomButtons"],"mappings":";;;AAUA,MAAMA,IAAU,CAACC,MAAwB;AACrC,QAAM,EAAE,iBAAAC,GAAiB,eAAAC,GAAe,UAAAC,GAAU,WAAAC,MAAcJ,GAE1D,EAAE,KAAAK,EAAA,IAAQC,EAAA,GAEVC,IAAe,MAAM;AAEvB,UAAMC,KADcH,GAAK,OAAO,QAAA,KAAa,KACf;AAE9B,IAAAF,EAASK,CAAO,GAChBH,GAAK,OAAO,QAAQG,GAASN,CAAa;AAAA,EAC9C,GAEMO,IAAgB,MAAM;AAExB,UAAMD,KADcH,GAAK,OAAO,QAAA,KAAa,KACf;AAE9B,IAAAD,EAAUI,CAAO,GACjBH,GAAK,OAAO,QAAQG,GAASN,CAAa;AAAA,EAC9C;AAEA,SAAID,IACO,OAGJ,gBAAAS,EAACC,GAAA,EAAY,UAAUJ,GAAc,WAAWE,GAAe;AAC1E;"}
+{"version":3,"file":"MapZoom.js","names":[],"sources":["../../../../../src/components/map/components/features/MapZoom.tsx"],"sourcesContent":["import ZoomButtons from './settings/ZoomButtons';\nimport { useMapContext } from '../MapContext';\n\nexport type MapZoomProps = {\n    hideZoomButtons: boolean;\n    zoomAnimation: boolean;\n    onZoomIn: (zoom: number) => void;\n    onZoomOut: (zoom: number) => void;\n};\n\nconst MapZoom = (props: MapZoomProps) => {\n    const { hideZoomButtons, zoomAnimation, onZoomIn, onZoomOut } = props;\n\n    const { api } = useMapContext();\n\n    const handleZoomIn = () => {\n        const currentZoom = api?.utils?.getZoom() ?? 0;\n        const newZoom = currentZoom + 1;\n\n        onZoomIn(newZoom);\n        api?.utils?.setZoom(newZoom, zoomAnimation);\n    };\n\n    const handleZoomOut = () => {\n        const currentZoom = api?.utils?.getZoom() ?? 0;\n        const newZoom = currentZoom - 1;\n\n        onZoomOut(newZoom);\n        api?.utils?.setZoom(newZoom, zoomAnimation);\n    };\n\n    if (hideZoomButtons) {\n        return null;\n    }\n\n    return <ZoomButtons onZoomIn={handleZoomIn} onZoomOut={handleZoomOut} />;\n};\n\nexport default MapZoom;\n"],"mappings":";;;;AAUA,IAAM,KAAW,MAAwB;CACrC,IAAM,EAAE,oBAAiB,kBAAe,aAAU,iBAAc,GAE1D,EAAE,WAAQ,EAAc;CAsB9B,OAJI,IACO,OAGJ,kBAAC,GAAD;EAAa,gBApBO;GAEvB,IAAM,KADc,GAAK,OAAO,QAAQ,KAAK,KACf;GAG9B,AADA,EAAS,CAAO,GAChB,GAAK,OAAO,QAAQ,GAAS,CAAa;EAC9C;EAc4C,iBAZhB;GAExB,IAAM,KADc,GAAK,OAAO,QAAQ,KAAK,KACf;GAG9B,AADA,EAAU,CAAO,GACjB,GAAK,OAAO,QAAQ,GAAS,CAAa;EAC9C;CAMuE,CAAA;AAC3E"}

package/components/map/components/features/Route.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import { CSSProperties, ReactElement } from 'react';
 import { ArrowStyle } from './basics/Polyline';
 import { Position } from '../../utils/mapTypes';
 import { EventListenerMap } from '../../utils/eventHandling';
@@ -74,21 +74,21 @@ export type RouteProps = {
     /**
      * Icon rendered at the first route position.
      */
-    startIcon?: JSX.Element;
+    startIcon?: ReactElement;
     /**
      * Icon rendered at the middle route position.
      */
-    middleIcon?: JSX.Element;
+    middleIcon?: ReactElement;
     /**
      * Icon rendered at the last route position.
      */
-    endIcon?: JSX.Element;
+    endIcon?: ReactElement;
     /**
      * Additional markers rendered alongside the route.
      *
      * @default []
      */
-    markers?: JSX.Element[];
+    markers?: ReactElement[];
     /**
      * Custom payload forwarded to the rendered route polylines and their events.
      */

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

@@ -1,207 +1,167 @@
-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
-}, te = {
-  ...M,
-  color: Q
-}, 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: 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",
-        ...i && { lineDash: i }
-      }),
-      borderStyle: new H.map.SpatialStyle({
-        strokeColor: d ? $ : _,
-        lineWidth: r + c,
-        lineCap: "round",
-        lineJoin: "bevel",
-        ...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("");
-  };
-  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,
-      {
-        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
-          );
-        }
-      }
-    ),
-    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,
-      {
-        eventListenerMap: w,
-        geometry: C,
-        style: t.hitAreaStyle,
-        customData: _
-      }
-    ),
-    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)
-  ] });
+import { EventUtils as e } from "../../utils/eventHandling.js";
+import { useMapContext as t } from "../MapContext.js";
+import n from "./basics/Marker.js";
+import r from "../../exceptions/MapException.js";
+import i from "./basics/Polyline.js";
+import { useEffect as a, useMemo as o, useRef as s } from "react";
+import { isArray as c, isEmpty as l } from "es-toolkit/compat";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/map/components/features/Route.tsx
+var f = "Route requires a minimum of 1 positions", p = "If isBorderIncludedInWidth is set to true than width has to be greater than twice of borderWidth", m = "rgba(48, 194, 255, 1)", h = "rgba(48, 194, 255, 0.5)", g = "rgb(200, 243, 247)", _ = "rgba(22, 100, 141, 1)", v = "rgba(255, 255, 255, 0)", y = "#e22837", b = "#ff8e3c", x = "#5cb85c", S = "rgba(255, 255, 255, 1)", C = "rgba(167, 83, 25, 1)", w = 10, T = 5, E = {
+	width: T,
+	color: m,
+	borderWidth: 2,
+	borderColor: _,
+	isBorderIncludedInWidth: !1
+}, D = {
+	...E,
+	color: g
+}, O = (e) => {
+	if (l(e)) throw new r(f);
+	let t = new H.geo.LineString();
+	if (e.forEach((e) => {
+		t.pushLatLngAlt(e.lat, e.lng, 0);
+	}), e.length === 1) {
+		let [n] = e;
+		t.pushLatLngAlt(n.lat, n.lng, 0);
+	}
+	return t;
+}, k = (e) => {
+	let { style: t, hoverStyle: n, isReduced: i, isRouteAlternative: a, showHitArea: o } = e, s = (e) => {
+		let { color: t, width: n = T, borderColor: s, borderWidth: c = 0, isBorderIncludedInWidth: l, lineDash: u } = {
+			...a ? D : E,
+			...e
+		};
+		if (l && c >= n) throw new r(p);
+		return {
+			borderWidth: i ? 0 : c,
+			routeStyle: new H.map.SpatialStyle({
+				strokeColor: i ? h : t,
+				lineWidth: i ? c + n : n,
+				lineCap: "round",
+				lineJoin: "bevel",
+				...u && { lineDash: u }
+			}),
+			borderStyle: new H.map.SpatialStyle({
+				strokeColor: i ? v : s,
+				lineWidth: c + n,
+				lineCap: "round",
+				lineJoin: "bevel",
+				...u && { lineDash: u }
+			}),
+			hitAreaStyle: new H.map.SpatialStyle({
+				strokeColor: o ? "rgba(255, 0, 0, 0.35)" : "rgba(255, 255, 255, 0.001)",
+				lineWidth: c + n + w,
+				lineCap: "round",
+				lineJoin: "round"
+			})
+		};
+	}, c = s(t), l = n ? s({
+		...t,
+		...n
+	}) : c;
+	return {
+		...c,
+		hoverRouteStyle: l.routeStyle,
+		hoverBorderStyle: l.borderStyle
+	};
+}, A = (r) => {
+	let { style: l, hoverStyle: f, showHitArea: p = !1, isReduced: m = !1, isRouteAlternative: h = !1, positions: g, startIcon: _, middleIcon: v, endIcon: y, arrowStyle: b = {}, hasArrows: x = !0, markers: S = [], customData: C, eventListenerMap: w, cursor: T } = r, { api: E } = t(), D = s(void 0), A = s(void 0), j = s(!1), M = o(() => {
+		if (T) return T;
+		if (w?.[e.TAP] || w?.[e.DBL_TAP] || w?.[e.CONTEXTMENU]) return "pointer";
+	}, [T, w]), N = o(() => O(g), [g]), P = o(() => k({
+		style: l,
+		hoverStyle: f,
+		isReduced: m,
+		isRouteAlternative: h,
+		showHitArea: p
+	}), [
+		l,
+		f,
+		m,
+		h,
+		p
+	]), F = (e) => {
+		if (!E.map) return;
+		let t = E.map.getElement(), n = E.map.getViewPort().element;
+		t.style.cursor = e, n.style.cursor = e;
+	}, I = (e) => {
+		D.current?.line.setStyle(e ? P.hoverRouteStyle : P.routeStyle), A.current && A.current.line.setStyle(e ? P.hoverBorderStyle : P.borderStyle);
+	}, L = () => {
+		j.current = !0, I(!0), M && F(M);
+	}, R = () => {
+		j.current = !1, I(!1), M && F("");
+	};
+	a(() => {
+		I(j.current);
+	}, [
+		P.routeStyle,
+		P.borderStyle,
+		P.hoverRouteStyle,
+		P.hoverBorderStyle
+	]), a(() => () => {
+		j.current = !1, R();
+	}, [E.map, M]);
+	let z = o(() => {
+		if (w || f || M) return {
+			...w,
+			[e.POINTER_ENTER]: (...t) => {
+				L(), w?.[e.POINTER_ENTER]?.(...t);
+			},
+			[e.POINTER_LEAVE]: (...t) => {
+				R(), w?.[e.POINTER_LEAVE]?.(...t);
+			},
+			[e.POINTER_CANCEL]: (...t) => {
+				R(), w?.[e.POINTER_CANCEL]?.(...t);
+			}
+		};
+	}, [
+		w,
+		f,
+		M,
+		P
+	]);
+	return /* @__PURE__ */ d("div", { children: [
+		P.borderWidth > 0 && /* @__PURE__ */ u(i, {
+			geometry: N,
+			style: P.borderStyle,
+			customData: C,
+			onReady: (e) => {
+				A.current = e, e && e.line.setStyle(j.current ? P.hoverBorderStyle : P.borderStyle);
+			}
+		}),
+		/* @__PURE__ */ u(i, {
+			hasArrows: x,
+			arrowStyle: b,
+			geometry: N,
+			style: P.routeStyle,
+			customData: C,
+			onReady: (e) => {
+				D.current = e, e && e.line.setStyle(j.current ? P.hoverRouteStyle : P.routeStyle);
+			}
+		}),
+		z && /* @__PURE__ */ u(i, {
+			eventListenerMap: z,
+			geometry: N,
+			style: P.hitAreaStyle,
+			customData: C
+		}),
+		_ && /* @__PURE__ */ u(n, {
+			position: g[0],
+			icon: _
+		}, "startIcon"),
+		v && /* @__PURE__ */ u(n, {
+			position: g[Math.floor(g.length / 2)],
+			icon: v
+		}, "middleIcon"),
+		y && /* @__PURE__ */ u(n, {
+			position: g[g.length - 1],
+			icon: y
+		}, "endIcon"),
+		c(S) && S.map((e) => e)
+	] });
 };
-export {
-  _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,
-  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,
-  Oe as default
-};
-//# sourceMappingURL=Route.js.map
+//#endregion
+export { C as ARROW_COLOR_WARNING, _ as DEFAULT_BORDER_STROKE_COLOR, v as DEFAULT_BORDER_STROKE_COLOR_REDUCED, m as DEFAULT_LINE_STROKE_COLOR, g as DEFAULT_LINE_STROKE_COLOR_ALTERNATIVE, h as DEFAULT_LINE_STROKE_COLOR_REDUCED, f as MISSING_POSITIONS_EXCEPTION_MSG, y as ROUTE_COLOR_DANGER, x as ROUTE_COLOR_SUCCESS, b as ROUTE_COLOR_WARNING, S as ROUTE_COLOR_WHITE, p as TO_LESS_LINE_WIDTH_EXCEPTION_MSG, A as default };
+
+//# sourceMappingURL=Route.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Route.js","sources":["../../../../../src/components/map/components/features/Route.tsx"],"sourcesContent":["import { useEffect, 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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"}
+{"version":3,"file":"Route.js","names":[],"sources":["../../../../../src/components/map/components/features/Route.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, type CSSProperties, type ReactElement } 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?: ReactElement;\n\n    /**\n     * Icon rendered at the middle route position.\n     */\n    middleIcon?: ReactElement;\n\n    /**\n     * Icon rendered at the last route position.\n     */\n    endIcon?: ReactElement;\n\n    /**\n     * Additional markers rendered alongside the route.\n     *\n     * @default []\n     */\n    markers?: ReactElement[];\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 | undefined>(undefined);\n    const borderPolylineRef = useRef<PolylineObjects | undefined>(undefined);\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"],"mappings":"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"}

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

@@ -1,16 +1,20 @@
-import { useState as u, useEffect as l } from "react";
-import { useMapContext as d } from "../../MapContext.js";
-import { useUpdateProp as r, useUpdateEventListenerMap as f } from "../../../utils/hooks.js";
-const v = (c) => {
-  const { position: i, radius: n = 100, precision: o = 60, style: p, eventListenerMap: a } = c, { api: s } = d(), [e, m] = u();
-  return l(() => {
-    const t = new H.map.Circle(i, n, { style: p, precision: o });
-    return m(t), s.map?.addObject(t), () => {
-      s.map?.getObjects().includes(t) && s.map?.removeObject(t), t.dispose();
-    };
-  }, [s.map]), r(e, "setCenter", i), r(e, "setStyle", p), r(e, "setRadius", n), r(e, "setPrecision", o), f(e, a), null;
+import { useMapContext as e } from "../../MapContext.js";
+import { useUpdateEventListenerMap as t, useUpdateProp as n } from "../../../utils/hooks.js";
+import { useEffect as r, useState as i } from "react";
+//#region src/components/map/components/features/basics/Circle.tsx
+var a = (a) => {
+	let { position: o, radius: s = 100, precision: c = 60, style: l, eventListenerMap: u } = a, { api: d } = e(), [f, p] = i();
+	return r(() => {
+		let e = new H.map.Circle(o, s, {
+			style: l,
+			precision: c
+		});
+		return p(e), d.map?.addObject(e), () => {
+			d.map?.getObjects().includes(e) && d.map?.removeObject(e), e.dispose();
+		};
+	}, [d.map]), n(f, "setCenter", o), n(f, "setStyle", l), n(f, "setRadius", s), n(f, "setPrecision", c), t(f, u), null;
 };
-export {
-  v as default
-};
-//# sourceMappingURL=Circle.js.map
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=Circle.js.map