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

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

@@ -1 +1 @@
-{"version":3,"file":"Circle.js","sources":["../../../../../../src/components/map/components/features/basics/Circle.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\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 type CirclePosition = Position & Record<string, any>;\n\nexport type CircleProps = {\n    position: CirclePosition;\n    radius?: number;\n    precision?: number;\n    style?: H.map.SpatialStyle;\n    eventListenerMap?: EventListenerMap;\n};\n\nconst Circle = (props: CircleProps) => {\n    const { position, radius = 100, precision = 60, style, eventListenerMap } = props;\n\n    const { api } = useMapContext();\n\n    const [circle, setCircle] = useState<H.map.Circle>();\n\n    // Create a new circle and check for changes on the map itself.\n    // The map instance may change due to rendering changes like webgl vs raster.\n    // In this case, add the circle to the new map instance otherwise it will be gone.\n    useEffect(() => {\n        const newCircle = new H.map.Circle(position, radius, { style, precision });\n\n        setCircle(newCircle);\n\n        api.map?.addObject(newCircle);\n\n        return () => {\n            if (api.map?.getObjects().includes(newCircle)) {\n                api.map?.removeObject(newCircle);\n            }\n            newCircle.dispose();\n        };\n    }, [api.map]);\n\n    useUpdateProp(circle, 'setCenter', position);\n    useUpdateProp(circle, 'setStyle', style);\n    useUpdateProp(circle, 'setRadius', radius);\n    useUpdateProp(circle, 'setPrecision', precision);\n\n    useUpdateEventListenerMap(circle, eventListenerMap);\n\n    return null;\n};\n\nexport default Circle;\n"],"names":["Circle","props","position","radius","precision","style","eventListenerMap","api","useMapContext","circle","setCircle","useState","useEffect","newCircle","useUpdateProp","useUpdateEventListenerMap"],"mappings":";;;AAiBA,MAAMA,IAAS,CAACC,MAAuB;AACnC,QAAM,EAAE,UAAAC,GAAU,QAAAC,IAAS,KAAK,WAAAC,IAAY,IAAI,OAAAC,GAAO,kBAAAC,MAAqBL,GAEtE,EAAE,KAAAM,EAAA,IAAQC,EAAA,GAEV,CAACC,GAAQC,CAAS,IAAIC,EAAA;AAK5B,SAAAC,EAAU,MAAM;AACZ,UAAMC,IAAY,IAAI,EAAE,IAAI,OAAOX,GAAUC,GAAQ,EAAE,OAAAE,GAAO,WAAAD,GAAW;AAEzE,WAAAM,EAAUG,CAAS,GAEnBN,EAAI,KAAK,UAAUM,CAAS,GAErB,MAAM;AACT,MAAIN,EAAI,KAAK,WAAA,EAAa,SAASM,CAAS,KACxCN,EAAI,KAAK,aAAaM,CAAS,GAEnCA,EAAU,QAAA;AAAA,IACd;AAAA,EACJ,GAAG,CAACN,EAAI,GAAG,CAAC,GAEZO,EAAcL,GAAQ,aAAaP,CAAQ,GAC3CY,EAAcL,GAAQ,YAAYJ,CAAK,GACvCS,EAAcL,GAAQ,aAAaN,CAAM,GACzCW,EAAcL,GAAQ,gBAAgBL,CAAS,GAE/CW,EAA0BN,GAAQH,CAAgB,GAE3C;AACX;"}
+{"version":3,"file":"Circle.js","names":[],"sources":["../../../../../../src/components/map/components/features/basics/Circle.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\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 type CirclePosition = Position & Record<string, any>;\n\nexport type CircleProps = {\n    position: CirclePosition;\n    radius?: number;\n    precision?: number;\n    style?: H.map.SpatialStyle;\n    eventListenerMap?: EventListenerMap;\n};\n\nconst Circle = (props: CircleProps) => {\n    const { position, radius = 100, precision = 60, style, eventListenerMap } = props;\n\n    const { api } = useMapContext();\n\n    const [circle, setCircle] = useState<H.map.Circle>();\n\n    // Create a new circle and check for changes on the map itself.\n    // The map instance may change due to rendering changes like webgl vs raster.\n    // In this case, add the circle to the new map instance otherwise it will be gone.\n    useEffect(() => {\n        const newCircle = new H.map.Circle(position, radius, { style, precision });\n\n        setCircle(newCircle);\n\n        api.map?.addObject(newCircle);\n\n        return () => {\n            if (api.map?.getObjects().includes(newCircle)) {\n                api.map?.removeObject(newCircle);\n            }\n            newCircle.dispose();\n        };\n    }, [api.map]);\n\n    useUpdateProp(circle, 'setCenter', position);\n    useUpdateProp(circle, 'setStyle', style);\n    useUpdateProp(circle, 'setRadius', radius);\n    useUpdateProp(circle, 'setPrecision', precision);\n\n    useUpdateEventListenerMap(circle, eventListenerMap);\n\n    return null;\n};\n\nexport default Circle;\n"],"mappings":";;;;AAiBA,IAAM,KAAU,MAAuB;CACnC,IAAM,EAAE,aAAU,YAAS,KAAK,eAAY,IAAI,UAAO,wBAAqB,GAEtE,EAAE,WAAQ,EAAc,GAExB,CAAC,GAAQ,KAAa,EAAuB;CA2BnD,OAtBA,QAAgB;EACZ,IAAM,IAAY,IAAI,EAAE,IAAI,OAAO,GAAU,GAAQ;GAAE;GAAO;EAAU,CAAC;EAMzE,OAJA,EAAU,CAAS,GAEnB,EAAI,KAAK,UAAU,CAAS,SAEf;GAIT,AAHI,EAAI,KAAK,WAAW,CAAC,CAAC,SAAS,CAAS,KACxC,EAAI,KAAK,aAAa,CAAS,GAEnC,EAAU,QAAQ;EACtB;CACJ,GAAG,CAAC,EAAI,GAAG,CAAC,GAEZ,EAAc,GAAQ,aAAa,CAAQ,GAC3C,EAAc,GAAQ,YAAY,CAAK,GACvC,EAAc,GAAQ,aAAa,CAAM,GACzC,EAAc,GAAQ,gBAAgB,CAAS,GAE/C,EAA0B,GAAQ,CAAgB,GAE3C;AACX"}

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

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { MapApi, Position } from '../../../utils/mapTypes';
 export type InfoBubbleProps = {
     api: MapApi | undefined;
@@ -6,7 +7,7 @@ export type InfoBubbleProps = {
         x: number;
         y: number;
     };
-    content: string | JSX.Element | Node;
+    content: string | React.ReactElement | Node;
     onClose?: () => void;
 };
 declare const InfoBubble: (props: InfoBubbleProps) => null;

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

@@ -1,29 +1,28 @@
-import u, { useEffect as f } from "react";
-import l from "react-dom/server";
-import { noop as m } from "es-toolkit/function";
-const p = 0, b = 0, E = (a) => {
-  const { api: e, content: n, position: i, markerOffset: r, onClose: c = m } = a, s = (t) => {
-    t.target.getState() === "closed" && c();
-  };
-  return f(() => {
-    let t;
-    if (e?.map && e?.ui) {
-      const o = e.map.geoToScreen(i);
-      o.x += r?.x ?? p, o.y += r?.y ?? b, t = new H.ui.InfoBubble(e.map.screenToGeo(o.x, o.y), {
-        onStateChange: s,
-        content: u.isValidElement(n) ? l.renderToStaticMarkup(n) : n
-      }), e.ui.addBubble(t);
-    }
-    return () => {
-      if (t)
-        try {
-          e?.ui?.removeBubble(t);
-        } catch {
-        }
-    };
-  }, [e]), null;
+import e, { useEffect as t } from "react";
+import { noop as n } from "es-toolkit/function";
+import r from "react-dom/server";
+//#region src/components/map/components/features/basics/InfoBubble.tsx
+var i = 0, a = 0, o = (o) => {
+	let { api: s, content: c, position: l, markerOffset: u, onClose: d = n } = o, f = (e) => {
+		e.target.getState() === "closed" && d();
+	};
+	return t(() => {
+		let t;
+		if (s?.map && s?.ui) {
+			let n = s.map.geoToScreen(l);
+			n.x += u?.x ?? i, n.y += u?.y ?? a, t = new H.ui.InfoBubble(s.map.screenToGeo(n.x, n.y), {
+				onStateChange: f,
+				content: e.isValidElement(c) ? r.renderToStaticMarkup(c) : c
+			}), s.ui.addBubble(t);
+		}
+		return () => {
+			if (t) try {
+				s?.ui?.removeBubble(t);
+			} catch {}
+		};
+	}, [s]), null;
 };
-export {
-  E as default
-};
-//# sourceMappingURL=InfoBubble.js.map
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=InfoBubble.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InfoBubble.js","sources":["../../../../../../src/components/map/components/features/basics/InfoBubble.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport ReactDomServer from 'react-dom/server';\nimport { noop } from 'es-toolkit/function';\n\nimport type { MapApi, Position } from '../../../utils/mapTypes';\n\n// Default offset is defined according to the incidents layer marker\nconst DEFAULT_OFFSET_X = 0;\nconst DEFAULT_OFFSET_Y = 0;\n\nexport type InfoBubbleProps = {\n    api: MapApi | undefined;\n    position: Position;\n    markerOffset?: {\n        x: number;\n        y: number;\n    };\n    content: string | JSX.Element | Node;\n    onClose?: () => void;\n};\n\nconst InfoBubble = (props: InfoBubbleProps) => {\n    const { api, content, position, markerOffset, onClose = noop } = props;\n\n    const handleStateChange = (event: H.util.Event) => {\n        if (event.target.getState() === 'closed') {\n            onClose();\n        }\n    };\n\n    useEffect(() => {\n        let infoBubble: H.ui.InfoBubble;\n\n        if (api?.map && api?.ui) {\n            // Fix the position so the info bubble doesn't overlap the marker\n            const screenPosition = api.map.geoToScreen(position);\n            screenPosition.x += markerOffset?.x ?? DEFAULT_OFFSET_X;\n            screenPosition.y += markerOffset?.y ?? DEFAULT_OFFSET_Y;\n\n            infoBubble = new H.ui.InfoBubble(api.map.screenToGeo(screenPosition.x, screenPosition.y), {\n                onStateChange: handleStateChange,\n                content: React.isValidElement(content)\n                    ? ReactDomServer.renderToStaticMarkup(content)\n                    : (content as any),\n            });\n\n            api.ui.addBubble(infoBubble);\n        }\n\n        return () => {\n            if (infoBubble) {\n                try {\n                    api?.ui?.removeBubble(infoBubble);\n                } catch {\n                    // silence error that is cased when switching map types and the bubble cannot be removed\n                    // from the old map instance\n                }\n            }\n        };\n    }, [api]);\n\n    return null;\n};\n\nexport default InfoBubble;\n"],"names":["DEFAULT_OFFSET_X","DEFAULT_OFFSET_Y","InfoBubble","props","api","content","position","markerOffset","onClose","noop","handleStateChange","event","useEffect","infoBubble","screenPosition","React","ReactDomServer"],"mappings":";;;AAOA,MAAMA,IAAmB,GACnBC,IAAmB,GAanBC,IAAa,CAACC,MAA2B;AAC3C,QAAM,EAAE,KAAAC,GAAK,SAAAC,GAAS,UAAAC,GAAU,cAAAC,GAAc,SAAAC,IAAUC,MAASN,GAE3DO,IAAoB,CAACC,MAAwB;AAC/C,IAAIA,EAAM,OAAO,SAAA,MAAe,YAC5BH,EAAA;AAAA,EAER;AAEA,SAAAI,EAAU,MAAM;AACZ,QAAIC;AAEJ,QAAIT,GAAK,OAAOA,GAAK,IAAI;AAErB,YAAMU,IAAiBV,EAAI,IAAI,YAAYE,CAAQ;AACnD,MAAAQ,EAAe,KAAKP,GAAc,KAAKP,GACvCc,EAAe,KAAKP,GAAc,KAAKN,GAEvCY,IAAa,IAAI,EAAE,GAAG,WAAWT,EAAI,IAAI,YAAYU,EAAe,GAAGA,EAAe,CAAC,GAAG;AAAA,QACtF,eAAeJ;AAAA,QACf,SAASK,EAAM,eAAeV,CAAO,IAC/BW,EAAe,qBAAqBX,CAAO,IAC1CA;AAAA,MAAA,CACV,GAEDD,EAAI,GAAG,UAAUS,CAAU;AAAA,IAC/B;AAEA,WAAO,MAAM;AACT,UAAIA;AACA,YAAI;AACA,UAAAT,GAAK,IAAI,aAAaS,CAAU;AAAA,QACpC,QAAQ;AAAA,QAGR;AAAA,IAER;AAAA,EACJ,GAAG,CAACT,CAAG,CAAC,GAED;AACX;"}
+{"version":3,"file":"InfoBubble.js","names":[],"sources":["../../../../../../src/components/map/components/features/basics/InfoBubble.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport ReactDomServer from 'react-dom/server';\nimport { noop } from 'es-toolkit/function';\n\nimport type { MapApi, Position } from '../../../utils/mapTypes';\n\n// Default offset is defined according to the incidents layer marker\nconst DEFAULT_OFFSET_X = 0;\nconst DEFAULT_OFFSET_Y = 0;\n\nexport type InfoBubbleProps = {\n    api: MapApi | undefined;\n    position: Position;\n    markerOffset?: {\n        x: number;\n        y: number;\n    };\n    content: string | React.ReactElement | Node;\n    onClose?: () => void;\n};\n\nconst InfoBubble = (props: InfoBubbleProps) => {\n    const { api, content, position, markerOffset, onClose = noop } = props;\n\n    const handleStateChange = (event: H.util.Event) => {\n        if (event.target.getState() === 'closed') {\n            onClose();\n        }\n    };\n\n    useEffect(() => {\n        let infoBubble: H.ui.InfoBubble;\n\n        if (api?.map && api?.ui) {\n            // Fix the position so the info bubble doesn't overlap the marker\n            const screenPosition = api.map.geoToScreen(position);\n            screenPosition.x += markerOffset?.x ?? DEFAULT_OFFSET_X;\n            screenPosition.y += markerOffset?.y ?? DEFAULT_OFFSET_Y;\n\n            infoBubble = new H.ui.InfoBubble(api.map.screenToGeo(screenPosition.x, screenPosition.y), {\n                onStateChange: handleStateChange,\n                content: React.isValidElement(content)\n                    ? ReactDomServer.renderToStaticMarkup(content)\n                    : (content as any),\n            });\n\n            api.ui.addBubble(infoBubble);\n        }\n\n        return () => {\n            if (infoBubble) {\n                try {\n                    api?.ui?.removeBubble(infoBubble);\n                } catch {\n                    // silence error that is cased when switching map types and the bubble cannot be removed\n                    // from the old map instance\n                }\n            }\n        };\n    }, [api]);\n\n    return null;\n};\n\nexport default InfoBubble;\n"],"mappings":";;;;AAOA,IAAM,IAAmB,GACnB,IAAmB,GAanB,KAAc,MAA2B;CAC3C,IAAM,EAAE,QAAK,YAAS,aAAU,iBAAc,aAAU,MAAS,GAE3D,KAAqB,MAAwB;EAC/C,AAAI,EAAM,OAAO,SAAS,MAAM,YAC5B,EAAQ;CAEhB;CAiCA,OA/BA,QAAgB;EACZ,IAAI;EAEJ,IAAI,GAAK,OAAO,GAAK,IAAI;GAErB,IAAM,IAAiB,EAAI,IAAI,YAAY,CAAQ;GAWnD,AAVA,EAAe,KAAK,GAAc,KAAK,GACvC,EAAe,KAAK,GAAc,KAAK,GAEvC,IAAa,IAAI,EAAE,GAAG,WAAW,EAAI,IAAI,YAAY,EAAe,GAAG,EAAe,CAAC,GAAG;IACtF,eAAe;IACf,SAAS,EAAM,eAAe,CAAO,IAC/B,EAAe,qBAAqB,CAAO,IAC1C;GACX,CAAC,GAED,EAAI,GAAG,UAAU,CAAU;EAC/B;EAEA,aAAa;GACT,IAAI,GACA,IAAI;IACA,GAAK,IAAI,aAAa,CAAU;GACpC,QAAQ,CAGR;EAER;CACJ,GAAG,CAAC,CAAG,CAAC,GAED;AACX"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Marker.js","sources":["../../../../../../src/components/map/components/features/basics/Marker.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport ReactDomServer from 'react-dom/server';\n\nimport { type EventListenerMap, addEventListenerMap, removeEventListenerMap } from '../../../utils/eventHandling';\nimport { useMapContext } from '../../MapContext';\nimport type { MapApi, Position } from '../../../utils/mapTypes';\n\nexport type MarkerIcon = string | React.ReactElement; // Element;\ntype MapMarkerObject = H.map.Marker | H.map.DomMarker;\ntype GetOrCreateIconOptions = {\n    cacheEnabled?: boolean;\n};\n\nexport const isHMapIcon = (icon: MarkerIcon | H.map.DomIcon | undefined) => icon instanceof H.map.Icon;\n\nexport const isDomMakerNeeded = (icon: MarkerIcon | H.map.DomIcon | undefined) => (!icon ? false : !isHMapIcon(icon));\n\nconst DOM_ICON_CACHE_MAX_SIZE = 500;\nconst domIconCache = new Map<string, H.map.DomIcon>();\n\nlet reactElementIconCache = new WeakMap<React.ReactElement, H.map.DomIcon>();\nlet markerIconCacheEnabled = true;\n\ntype MarkerDebugStats = {\n    cacheEnabled: boolean;\n    domIconCreations: number;\n    markupCacheHits: number;\n    markupCacheMisses: number;\n    reactElementCacheHits: number;\n    reactElementCacheMisses: number;\n    uncachedDomIconCreations: number;\n    markerSetups: number;\n    markerDestroys: number;\n    markerIconUpdates: number;\n    markerIconRecreates: number;\n    markerSetIconCalls: number;\n};\n\nconst createMarkerDebugStats = (): MarkerDebugStats => ({\n    cacheEnabled: markerIconCacheEnabled,\n    domIconCreations: 0,\n    markupCacheHits: 0,\n    markupCacheMisses: 0,\n    reactElementCacheHits: 0,\n    reactElementCacheMisses: 0,\n    uncachedDomIconCreations: 0,\n    markerSetups: 0,\n    markerDestroys: 0,\n    markerIconUpdates: 0,\n    markerIconRecreates: 0,\n    markerSetIconCalls: 0,\n});\n\nconst markerDebugStats = createMarkerDebugStats();\n\nexport const getMarkerDebugStats = () => ({\n    ...markerDebugStats,\n    cacheEnabled: markerIconCacheEnabled,\n});\n\nexport const resetMarkerDebugStats = () => {\n    Object.assign(markerDebugStats, createMarkerDebugStats());\n};\n\nexport const setMarkerIconCacheEnabled = (enabled: boolean) => {\n    markerIconCacheEnabled = enabled;\n};\n\nexport const clearMarkerIconCache = () => {\n    domIconCache.clear();\n    reactElementIconCache = new WeakMap<React.ReactElement, H.map.DomIcon>();\n};\n\nconst resolveCacheEnabled = (cacheEnabled?: boolean) => {\n    const resolvedCacheEnabled = cacheEnabled ?? markerIconCacheEnabled;\n    markerDebugStats.cacheEnabled = resolvedCacheEnabled;\n    return resolvedCacheEnabled;\n};\n\nconst getCachedDomIcon = (markup: string) => {\n    const cachedIcon = domIconCache.get(markup);\n\n    if (cachedIcon) {\n        markerDebugStats.markupCacheHits += 1;\n        // Refresh insertion order so frequently used icons stay in the cache longer.\n        domIconCache.delete(markup);\n        domIconCache.set(markup, cachedIcon);\n        return cachedIcon;\n    }\n\n    markerDebugStats.markupCacheMisses += 1;\n    markerDebugStats.domIconCreations += 1;\n\n    const nextIcon = new H.map.DomIcon(markup);\n    domIconCache.set(markup, nextIcon);\n\n    if (domIconCache.size > DOM_ICON_CACHE_MAX_SIZE) {\n        const oldestKey = domIconCache.keys().next().value;\n\n        if (oldestKey !== undefined) {\n            domIconCache.delete(oldestKey);\n        }\n    }\n\n    return nextIcon;\n};\n\n// Note:\n// H.map.Marker:    A \"normal\" marker that uses a static image as an icon.\n//                  Large numbers of markers of this types can be added to the map very quickly and efficiently.\n// H.map.Dom:       A marker which supports HTML (and SVG) content, which can be dynamic.\n//                  Markers of this type are best displayed individually or in small sets.\n// It is also important to note that Markers and DomMarkers are rendered in separate rendering steps.\n// Markers are rendered in the map scene and therefore appear behind any DomMarkers which are rendered\n// as an overlay on top of the map.\nexport const getOrCreateIcon = (icon: MarkerIcon | H.map.DomIcon | undefined, options: GetOrCreateIconOptions = {}) => {\n    if (!icon || isHMapIcon(icon) || icon instanceof H.map.DomIcon) {\n        return icon || '';\n    }\n\n    const cacheEnabled = resolveCacheEnabled(options.cacheEnabled);\n\n    if (React.isValidElement(icon)) {\n        const renderedIcon = ReactDomServer.renderToStaticMarkup(icon);\n\n        if (!cacheEnabled) {\n            markerDebugStats.reactElementCacheMisses += 1;\n            markerDebugStats.domIconCreations += 1;\n            markerDebugStats.uncachedDomIconCreations += 1;\n            return new H.map.DomIcon(renderedIcon);\n        }\n\n        const cachedElementIcon = reactElementIconCache.get(icon);\n\n        if (cachedElementIcon) {\n            markerDebugStats.reactElementCacheHits += 1;\n            return cachedElementIcon;\n        }\n\n        markerDebugStats.reactElementCacheMisses += 1;\n        const cachedMarkupIcon = getCachedDomIcon(renderedIcon);\n        reactElementIconCache.set(icon, cachedMarkupIcon);\n\n        return cachedMarkupIcon;\n    }\n\n    const stringIcon = icon as string;\n\n    if (!cacheEnabled) {\n        markerDebugStats.domIconCreations += 1;\n        markerDebugStats.uncachedDomIconCreations += 1;\n        return new H.map.DomIcon(stringIcon);\n    }\n\n    return getCachedDomIcon(stringIcon);\n};\n\nconst setupMarker = (props: MarkerProps, api: MapApi, cacheEnabled?: boolean) => {\n    const { position, customData, icon, draggable, eventListenerMap } = props;\n\n    markerDebugStats.markerSetups += 1;\n\n    const MarkerConstructor = isDomMakerNeeded(icon) ? H.map.DomMarker : H.map.Marker;\n\n    const marker = new MarkerConstructor(position, {\n        icon: icon && getOrCreateIcon(icon, { cacheEnabled }),\n    });\n\n    const map = api.map;\n\n    marker.setData(customData);\n    marker.draggable = !!draggable;\n\n    map?.addObject(marker);\n\n    if (map) {\n        addEventListenerMap(marker, eventListenerMap, map);\n    }\n\n    return marker;\n};\n\nconst destroyMarker = (marker: MapMarkerObject, api: MapApi) => {\n    markerDebugStats.markerDestroys += 1;\n    removeEventListenerMap(marker);\n    if (api.map?.getObjects().includes(marker)) {\n        api.map.removeObject(marker);\n    }\n    marker.dispose();\n};\n\nexport type MarkerProps = {\n    position: Position;\n    icon?: MarkerIcon;\n    eventListenerMap?: EventListenerMap;\n    customData?: object;\n    draggable?: boolean;\n};\n\nconst Marker = (props: MarkerProps) => {\n    const { position, customData, icon, eventListenerMap } = props;\n\n    const { api, enableMarkerIconCache } = useMapContext();\n\n    const markerRef = useRef<MapMarkerObject>();\n    const markerUsesDomIconRef = useRef<boolean>(isDomMakerNeeded(icon));\n\n    useEffect(() => {\n        markerRef.current = setupMarker(props, api, enableMarkerIconCache);\n        markerUsesDomIconRef.current = isDomMakerNeeded(icon);\n\n        return () => {\n            if (markerRef.current) {\n                destroyMarker(markerRef.current, api);\n                markerRef.current = undefined;\n            }\n        };\n    }, []);\n\n    // Update marker position\n    useEffect(() => {\n        if (markerRef.current) {\n            markerRef.current.setGeometry(position);\n        }\n    }, [position, markerRef.current]);\n\n    // Update marker custom data\n    useEffect(() => {\n        if (markerRef.current) {\n            markerRef.current.setData(customData);\n        }\n    }, [customData, markerRef.current]);\n\n    // Update EventListenerMap\n    useEffect(() => {\n        if (markerRef.current) {\n            // use exports to make methods accessible for stubbing\n            const mapApi = removeEventListenerMap(markerRef.current);\n            addEventListenerMap(markerRef.current, eventListenerMap, mapApi);\n        }\n    }, [eventListenerMap, markerRef.current]);\n\n    // If icon type changed, we need to change the marker type\n    useEffect(() => {\n        if (!(markerRef.current && icon)) {\n            return;\n        }\n\n        markerDebugStats.markerIconUpdates += 1;\n\n        const nextUsesDomIcon = isDomMakerNeeded(icon);\n        const shouldRecreateMarker = markerUsesDomIconRef.current !== nextUsesDomIcon;\n\n        if (shouldRecreateMarker) {\n            markerDebugStats.markerIconRecreates += 1;\n            destroyMarker(markerRef.current, api);\n            markerRef.current = setupMarker(props, api, enableMarkerIconCache);\n            markerUsesDomIconRef.current = nextUsesDomIcon;\n        } else {\n            const domIcon = getOrCreateIcon(icon, { cacheEnabled: enableMarkerIconCache });\n            markerDebugStats.markerSetIconCalls += 1;\n            domIcon && markerRef.current.setIcon(domIcon);\n        }\n    }, [icon, markerRef.current, enableMarkerIconCache]);\n\n    return null;\n};\n\nexport default Marker;\n"],"names":["isHMapIcon","icon","isDomMakerNeeded","DOM_ICON_CACHE_MAX_SIZE","domIconCache","reactElementIconCache","markerIconCacheEnabled","createMarkerDebugStats","markerDebugStats","getMarkerDebugStats","resetMarkerDebugStats","setMarkerIconCacheEnabled","enabled","clearMarkerIconCache","resolveCacheEnabled","cacheEnabled","resolvedCacheEnabled","getCachedDomIcon","markup","cachedIcon","nextIcon","oldestKey","getOrCreateIcon","options","React","renderedIcon","ReactDomServer","cachedElementIcon","cachedMarkupIcon","stringIcon","setupMarker","props","api","position","customData","draggable","eventListenerMap","MarkerConstructor","marker","map","addEventListenerMap","destroyMarker","removeEventListenerMap","Marker","enableMarkerIconCache","useMapContext","markerRef","useRef","markerUsesDomIconRef","useEffect","mapApi","nextUsesDomIcon","domIcon"],"mappings":"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"}
+{"version":3,"file":"Marker.js","names":[],"sources":["../../../../../../src/components/map/components/features/basics/Marker.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport ReactDomServer from 'react-dom/server';\n\nimport { type EventListenerMap, addEventListenerMap, removeEventListenerMap } from '../../../utils/eventHandling';\nimport { useMapContext } from '../../MapContext';\nimport type { MapApi, Position } from '../../../utils/mapTypes';\n\nexport type MarkerIcon = string | React.ReactElement; // Element;\ntype MapMarkerObject = H.map.Marker | H.map.DomMarker;\ntype GetOrCreateIconOptions = {\n    cacheEnabled?: boolean;\n};\n\nexport const isHMapIcon = (icon: MarkerIcon | H.map.DomIcon | undefined) => icon instanceof H.map.Icon;\n\nexport const isDomMakerNeeded = (icon: MarkerIcon | H.map.DomIcon | undefined) => (!icon ? false : !isHMapIcon(icon));\n\nconst DOM_ICON_CACHE_MAX_SIZE = 500;\nconst domIconCache = new Map<string, H.map.DomIcon>();\n\nlet reactElementIconCache = new WeakMap<React.ReactElement, H.map.DomIcon>();\nlet markerIconCacheEnabled = true;\n\ntype MarkerDebugStats = {\n    cacheEnabled: boolean;\n    domIconCreations: number;\n    markupCacheHits: number;\n    markupCacheMisses: number;\n    reactElementCacheHits: number;\n    reactElementCacheMisses: number;\n    uncachedDomIconCreations: number;\n    markerSetups: number;\n    markerDestroys: number;\n    markerIconUpdates: number;\n    markerIconRecreates: number;\n    markerSetIconCalls: number;\n};\n\nconst createMarkerDebugStats = (): MarkerDebugStats => ({\n    cacheEnabled: markerIconCacheEnabled,\n    domIconCreations: 0,\n    markupCacheHits: 0,\n    markupCacheMisses: 0,\n    reactElementCacheHits: 0,\n    reactElementCacheMisses: 0,\n    uncachedDomIconCreations: 0,\n    markerSetups: 0,\n    markerDestroys: 0,\n    markerIconUpdates: 0,\n    markerIconRecreates: 0,\n    markerSetIconCalls: 0,\n});\n\nconst markerDebugStats = createMarkerDebugStats();\n\nexport const getMarkerDebugStats = () => ({\n    ...markerDebugStats,\n    cacheEnabled: markerIconCacheEnabled,\n});\n\nexport const resetMarkerDebugStats = () => {\n    Object.assign(markerDebugStats, createMarkerDebugStats());\n};\n\nexport const setMarkerIconCacheEnabled = (enabled: boolean) => {\n    markerIconCacheEnabled = enabled;\n};\n\nexport const clearMarkerIconCache = () => {\n    domIconCache.clear();\n    reactElementIconCache = new WeakMap<React.ReactElement, H.map.DomIcon>();\n};\n\nconst resolveCacheEnabled = (cacheEnabled?: boolean) => {\n    const resolvedCacheEnabled = cacheEnabled ?? markerIconCacheEnabled;\n    markerDebugStats.cacheEnabled = resolvedCacheEnabled;\n    return resolvedCacheEnabled;\n};\n\nconst getCachedDomIcon = (markup: string) => {\n    const cachedIcon = domIconCache.get(markup);\n\n    if (cachedIcon) {\n        markerDebugStats.markupCacheHits += 1;\n        // Refresh insertion order so frequently used icons stay in the cache longer.\n        domIconCache.delete(markup);\n        domIconCache.set(markup, cachedIcon);\n        return cachedIcon;\n    }\n\n    markerDebugStats.markupCacheMisses += 1;\n    markerDebugStats.domIconCreations += 1;\n\n    const nextIcon = new H.map.DomIcon(markup);\n    domIconCache.set(markup, nextIcon);\n\n    if (domIconCache.size > DOM_ICON_CACHE_MAX_SIZE) {\n        const oldestKey = domIconCache.keys().next().value;\n\n        if (oldestKey !== undefined) {\n            domIconCache.delete(oldestKey);\n        }\n    }\n\n    return nextIcon;\n};\n\n// Note:\n// H.map.Marker:    A \"normal\" marker that uses a static image as an icon.\n//                  Large numbers of markers of this types can be added to the map very quickly and efficiently.\n// H.map.Dom:       A marker which supports HTML (and SVG) content, which can be dynamic.\n//                  Markers of this type are best displayed individually or in small sets.\n// It is also important to note that Markers and DomMarkers are rendered in separate rendering steps.\n// Markers are rendered in the map scene and therefore appear behind any DomMarkers which are rendered\n// as an overlay on top of the map.\nexport const getOrCreateIcon = (icon: MarkerIcon | H.map.DomIcon | undefined, options: GetOrCreateIconOptions = {}) => {\n    if (!icon || isHMapIcon(icon) || icon instanceof H.map.DomIcon) {\n        return icon || '';\n    }\n\n    const cacheEnabled = resolveCacheEnabled(options.cacheEnabled);\n\n    if (React.isValidElement(icon)) {\n        const renderedIcon = ReactDomServer.renderToStaticMarkup(icon);\n\n        if (!cacheEnabled) {\n            markerDebugStats.reactElementCacheMisses += 1;\n            markerDebugStats.domIconCreations += 1;\n            markerDebugStats.uncachedDomIconCreations += 1;\n            return new H.map.DomIcon(renderedIcon);\n        }\n\n        const cachedElementIcon = reactElementIconCache.get(icon);\n\n        if (cachedElementIcon) {\n            markerDebugStats.reactElementCacheHits += 1;\n            return cachedElementIcon;\n        }\n\n        markerDebugStats.reactElementCacheMisses += 1;\n        const cachedMarkupIcon = getCachedDomIcon(renderedIcon);\n        reactElementIconCache.set(icon, cachedMarkupIcon);\n\n        return cachedMarkupIcon;\n    }\n\n    const stringIcon = icon as string;\n\n    if (!cacheEnabled) {\n        markerDebugStats.domIconCreations += 1;\n        markerDebugStats.uncachedDomIconCreations += 1;\n        return new H.map.DomIcon(stringIcon);\n    }\n\n    return getCachedDomIcon(stringIcon);\n};\n\nconst setupMarker = (props: MarkerProps, api: MapApi, cacheEnabled?: boolean) => {\n    const { position, customData, icon, draggable, eventListenerMap } = props;\n\n    markerDebugStats.markerSetups += 1;\n\n    const MarkerConstructor = isDomMakerNeeded(icon) ? H.map.DomMarker : H.map.Marker;\n\n    const marker = new MarkerConstructor(position, {\n        icon: icon && getOrCreateIcon(icon, { cacheEnabled }),\n    });\n\n    const map = api.map;\n\n    marker.setData(customData);\n    marker.draggable = !!draggable;\n\n    map?.addObject(marker);\n\n    if (map) {\n        addEventListenerMap(marker, eventListenerMap, map);\n    }\n\n    return marker;\n};\n\nconst destroyMarker = (marker: MapMarkerObject, api: MapApi) => {\n    markerDebugStats.markerDestroys += 1;\n    removeEventListenerMap(marker);\n    if (api.map?.getObjects().includes(marker)) {\n        api.map.removeObject(marker);\n    }\n    marker.dispose();\n};\n\nexport type MarkerProps = {\n    position: Position;\n    icon?: MarkerIcon;\n    eventListenerMap?: EventListenerMap;\n    customData?: object;\n    draggable?: boolean;\n};\n\nconst Marker = (props: MarkerProps) => {\n    const { position, customData, icon, eventListenerMap } = props;\n\n    const { api, enableMarkerIconCache } = useMapContext();\n\n    const markerRef = useRef<MapMarkerObject | undefined>(undefined);\n    const markerUsesDomIconRef = useRef<boolean>(isDomMakerNeeded(icon));\n\n    useEffect(() => {\n        markerRef.current = setupMarker(props, api, enableMarkerIconCache);\n        markerUsesDomIconRef.current = isDomMakerNeeded(icon);\n\n        return () => {\n            if (markerRef.current) {\n                destroyMarker(markerRef.current, api);\n                markerRef.current = undefined;\n            }\n        };\n    }, []);\n\n    // Update marker position\n    useEffect(() => {\n        if (markerRef.current) {\n            markerRef.current.setGeometry(position);\n        }\n    }, [position, markerRef.current]);\n\n    // Update marker custom data\n    useEffect(() => {\n        if (markerRef.current) {\n            markerRef.current.setData(customData);\n        }\n    }, [customData, markerRef.current]);\n\n    // Update EventListenerMap\n    useEffect(() => {\n        if (markerRef.current) {\n            // use exports to make methods accessible for stubbing\n            const mapApi = removeEventListenerMap(markerRef.current);\n            addEventListenerMap(markerRef.current, eventListenerMap, mapApi);\n        }\n    }, [eventListenerMap, markerRef.current]);\n\n    // If icon type changed, we need to change the marker type\n    useEffect(() => {\n        if (!(markerRef.current && icon)) {\n            return;\n        }\n\n        markerDebugStats.markerIconUpdates += 1;\n\n        const nextUsesDomIcon = isDomMakerNeeded(icon);\n        const shouldRecreateMarker = markerUsesDomIconRef.current !== nextUsesDomIcon;\n\n        if (shouldRecreateMarker) {\n            markerDebugStats.markerIconRecreates += 1;\n            destroyMarker(markerRef.current, api);\n            markerRef.current = setupMarker(props, api, enableMarkerIconCache);\n            markerUsesDomIconRef.current = nextUsesDomIcon;\n        } else {\n            const domIcon = getOrCreateIcon(icon, { cacheEnabled: enableMarkerIconCache });\n            markerDebugStats.markerSetIconCalls += 1;\n            domIcon && markerRef.current.setIcon(domIcon);\n        }\n    }, [icon, markerRef.current, enableMarkerIconCache]);\n\n    return null;\n};\n\nexport default Marker;\n"],"mappings":"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"}

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

@@ -1,77 +1,79 @@
-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();
-    };
-  }, [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;
+import { EventUtils as e } from "../../../utils/eventHandling.js";
+import { useMapContext as t } from "../../MapContext.js";
+import { useUpdateEventListenerMap as n } from "../../../utils/hooks.js";
+import { colorMapBrand as r, colorMapColdplay as i, colorMapGray as a, colorMapHighlight as o, colorMapMarker as s, colorMapRating as c, colorMapStatus as l, colorMapWarmup as u } from "./polygonColors.js";
+import { useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
+import { isNil as h } from "es-toolkit/predicate";
+//#region src/components/map/components/features/basics/Polygon.tsx
+var g = (e) => {
+	let t = new H.geo.LineString();
+	return e.forEach((e) => {
+		h(e.lat) || h(e.lng) || Number.isNaN(e.lat) || Number.isNaN(e.lng) || t.pushLatLngAlt(e.lat, e.lng, 0);
+	}), new H.geo.Polygon(t);
+}, _ = (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;
+}, v = (r) => {
+	let { points: i, style: a = H.map.SpatialStyle.DEFAULT_STYLE, hoverStyle: o, eventListenerMap: s, cursor: c } = r, { api: l } = t(), [u, h] = m(), v = p(!1), y = f(() => {
+		if (c) return c;
+		if (s?.[e.TAP] || s?.[e.DBL_TAP] || s?.[e.CONTEXTMENU]) return "pointer";
+	}, [c, s]), b = f(() => {
+		if (o) return new H.map.SpatialStyle({
+			..._(a),
+			..._(o)
+		});
+	}, [o, a]), x = (e, t) => {
+		e.setStyle(t && b ? b : a);
+	}, S = (e) => {
+		if (!l.map) return;
+		let t = l.map.getElement(), n = l.map.getViewPort().element;
+		t.style.cursor = e, n.style.cursor = e;
+	};
+	return d(() => {
+		let e = new H.map.Polygon(g(i), { style: a });
+		return l.map?.addObject(e), h(e), () => {
+			l.map?.getObjects().includes(e) && l.map?.removeObject(e), e.dispose();
+		};
+	}, [l.map]), d(() => {
+		u && u.setGeometry(g(i));
+	}, [i]), d(() => {
+		u && x(u, v.current);
+	}, [
+		u,
+		a,
+		b
+	]), d(() => () => {
+		y && S("");
+	}, [l.map, y]), n(u, f(() => s || o || y ? {
+		...s,
+		[e.POINTER_ENTER]: (...t) => {
+			u && b && (v.current = !0, x(u, !0)), y && S(y), s?.[e.POINTER_ENTER]?.(...t);
+		},
+		[e.POINTER_LEAVE]: (...t) => {
+			u && b && (v.current = !1, x(u, !1)), y && S(""), s?.[e.POINTER_LEAVE]?.(...t);
+		},
+		[e.POINTER_CANCEL]: (...t) => {
+			u && b && (v.current = !1, x(u, !1)), y && S(""), s?.[e.POINTER_CANCEL]?.(...t);
+		}
+	} : s, [
+		l.map,
+		s,
+		u,
+		b,
+		y
+	])), null;
 };
-export {
-  M as default
-};
-//# sourceMappingURL=Polygon.js.map
+//#endregion
+export { r as colorMapBrand, i as colorMapColdplay, a as colorMapGray, o as colorMapHighlight, s as colorMapMarker, c as colorMapRating, l as colorMapStatus, u as colorMapWarmup, v 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 { 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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"}
+{"version":3,"file":"Polygon.js","names":[],"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"],"mappings":"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"}