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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Polyline.js","sources":["../../../../../../src/components/map/components/features/basics/Polyline.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useMapContext } from '../../MapContext';\nimport MapException from '../../../exceptions/MapException';\n\nimport {\n    EventUtils,\n    addEventListenerMap,\n    removeEventListenerMap,\n    type EventListenerMap,\n} from '../../../utils/eventHandling';\nimport { isVectorBased } from '../../../utils/rendering';\n\nexport const MISSING_GEOMETRY_PROPS_EXCEPTION_MSG = 'Error in Polyline: Polyline without geometry makes no sense';\nexport const WRONG_GEOMETRY_PROPS_EXCEPTION_MSG =\n    'Error in Polyline: property geometry must be of type H.geo.LineString';\n\nexport type ArrowStyle = {\n    fillColor?: string;\n    strokeColor?: string;\n};\n\nexport type PolylineObjects = {\n    group: H.map.Group;\n    line: H.map.Polyline;\n    routeArrows?: H.map.Polyline;\n};\n\nexport type PolylineProps = {\n    /**\n     * Controls whether directional arrows are rendered on the polyline.\n     */\n    hasArrows?: boolean;\n\n    /**\n     * Defines the arrow appearance when arrows are rendered.\n     */\n    arrowStyle?: ArrowStyle;\n\n    /**\n     * Geometry used to render the polyline.\n     */\n    geometry: H.geo.LineString;\n\n    /**\n     * Visual style applied to the main polyline.\n     *\n     * @default H.map.SpatialStyle.DEFAULT_STYLE\n     */\n    style?: H.map.SpatialStyle;\n\n    /**\n     * Custom payload forwarded to the rendered polyline objects and their events.\n     */\n    customData?: object;\n\n    /**\n     * Event handlers attached to the polyline.\n     */\n    eventListenerMap?: EventListenerMap;\n\n    /**\n     * Receives the created HERE polyline objects once they are mounted and `undefined` on cleanup.\n     */\n    onReady?: (objects?: PolylineObjects) => void;\n};\n\nconst Polyline = (props: PolylineProps) => {\n    const {\n        geometry,\n        hasArrows,\n        arrowStyle,\n        style = H.map.SpatialStyle.DEFAULT_STYLE,\n        customData,\n        eventListenerMap,\n        onReady,\n    } = props;\n\n    const { api, enableWebGL, baseLayer } = useMapContext();\n\n    const [polyline, setPolyline] = useState<H.map.Group>();\n    const directEventTargetsRef = useRef<H.map.Polyline[]>([]);\n    const onReadyRef = useRef(onReady);\n\n    useEffect(() => {\n        onReadyRef.current = onReady;\n    }, [onReady]);\n\n    const directEventListenerMap = useMemo(() => {\n        if (!eventListenerMap) {\n            return;\n        }\n\n        const directEntries = Object.entries(eventListenerMap).filter(([key]) =>\n            [EventUtils.POINTER_ENTER, EventUtils.POINTER_LEAVE, EventUtils.POINTER_CANCEL].includes(key)\n        );\n\n        if (directEntries.length === 0) {\n            return;\n        }\n\n        return Object.fromEntries(directEntries) satisfies EventListenerMap;\n    }, [eventListenerMap]);\n\n    const groupEventListenerMap = useMemo(() => {\n        if (!eventListenerMap) {\n            return;\n        }\n\n        const groupEntries = Object.entries(eventListenerMap).filter(\n            ([key]) => ![EventUtils.POINTER_ENTER, EventUtils.POINTER_LEAVE, EventUtils.POINTER_CANCEL].includes(key)\n        );\n\n        if (groupEntries.length === 0) {\n            return;\n        }\n\n        return Object.fromEntries(groupEntries) satisfies EventListenerMap;\n    }, [eventListenerMap]);\n\n    if (!geometry) {\n        throw new MapException(MISSING_GEOMETRY_PROPS_EXCEPTION_MSG);\n    }\n\n    if (!(geometry instanceof H.geo.LineString)) {\n        throw new MapException(WRONG_GEOMETRY_PROPS_EXCEPTION_MSG);\n    }\n\n    useEffect(() => {\n        const lineGroup = new H.map.Group({ data: customData });\n        const line = new H.map.Polyline(geometry, { style });\n\n        let routeArrows: H.map.Polyline | undefined;\n        line.setData(customData);\n\n        const directEventTargets = [line];\n\n        if (hasArrows) {\n            if (isVectorBased(enableWebGL, baseLayer)) {\n                // WebGL way - Create a patterned polyline\n                routeArrows = new H.map.Polyline(geometry, {\n                    style: {\n                        strokeColor: 'rgba(42, 55, 64, 1)',\n                        lineWidth: 5,\n                        lineDash: [1.8, 4],\n                        // @ts-expect-error-next-line - the types are outdated here\n                        lineDashImage: H.map.SpatialStyle.DashImage.ARROW,\n                        ...arrowStyle,\n                    },\n                });\n            } else {\n                // Pixel map way - Create a patterned polyline\n                const defaultArrowStyle = {\n                    lineWidth: 2,\n                    fillColor: 'rgba(42, 55, 64, 1)',\n                    strokeColor: 'rgba(0, 0, 0, 0.8)',\n                    lineDash: [0, 4],\n                    lineTailCap: 'arrow-tail',\n                    lineHeadCap: 'arrow-head',\n                    ...arrowStyle,\n                };\n\n                const arrowLineStyle = new H.map.SpatialStyle({\n                    lineWidth: 10,\n                    strokeColor: 'rgba(255, 255, 255, 0)',\n                });\n\n                routeArrows = new H.map.Polyline(geometry, { style: arrowLineStyle, arrows: defaultArrowStyle });\n            }\n\n            routeArrows.setData(customData);\n            directEventTargets.push(routeArrows);\n\n            // create a group that represents the route line and contains\n            // outline and the pattern\n            lineGroup.addObjects([line, routeArrows]);\n        } else {\n            lineGroup.addObjects([line]);\n        }\n\n        api.map?.addObject(lineGroup);\n        directEventTargetsRef.current = directEventTargets;\n        setPolyline(lineGroup);\n        onReadyRef.current?.({ group: lineGroup, line, routeArrows });\n\n        return () => {\n            onReadyRef.current?.();\n            removeEventListenerMap(lineGroup);\n            directEventTargetsRef.current.forEach(removeEventListenerMap);\n            directEventTargetsRef.current = [];\n\n            lineGroup.forEach(singleLine => {\n                lineGroup.removeObject(singleLine);\n                singleLine.dispose();\n            });\n\n            if (api.map?.getObjects().includes(lineGroup)) {\n                api.map.removeObject(lineGroup);\n            }\n            lineGroup.dispose();\n        };\n    }, [api.map, geometry, style, hasArrows, arrowStyle]);\n\n    useEffect(() => {\n        const map = api.map;\n\n        if (!(polyline && map)) {\n            return;\n        }\n\n        addEventListenerMap(polyline, groupEventListenerMap, map);\n        directEventTargetsRef.current.forEach(target => {\n            addEventListenerMap(target, directEventListenerMap, map);\n        });\n\n        return () => {\n            removeEventListenerMap(polyline);\n            directEventTargetsRef.current.forEach(removeEventListenerMap);\n        };\n    }, [api.map, polyline, groupEventListenerMap, directEventListenerMap]);\n\n    return null;\n};\n\nexport default Polyline;\n"],"names":["MISSING_GEOMETRY_PROPS_EXCEPTION_MSG","WRONG_GEOMETRY_PROPS_EXCEPTION_MSG","Polyline","props","geometry","hasArrows","arrowStyle","style","customData","eventListenerMap","onReady","api","enableWebGL","baseLayer","useMapContext","polyline","setPolyline","useState","directEventTargetsRef","useRef","onReadyRef","useEffect","directEventListenerMap","useMemo","directEntries","key","EventUtils","groupEventListenerMap","groupEntries","MapException","lineGroup","line","routeArrows","directEventTargets","isVectorBased","defaultArrowStyle","arrowLineStyle","removeEventListenerMap","singleLine","map","addEventListenerMap","target"],"mappings":"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"}
+{"version":3,"file":"Polyline.js","names":[],"sources":["../../../../../../src/components/map/components/features/basics/Polyline.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useMapContext } from '../../MapContext';\nimport MapException from '../../../exceptions/MapException';\n\nimport {\n    EventUtils,\n    addEventListenerMap,\n    removeEventListenerMap,\n    type EventListenerMap,\n} from '../../../utils/eventHandling';\nimport { isVectorBased } from '../../../utils/rendering';\n\nexport const MISSING_GEOMETRY_PROPS_EXCEPTION_MSG = 'Error in Polyline: Polyline without geometry makes no sense';\nexport const WRONG_GEOMETRY_PROPS_EXCEPTION_MSG =\n    'Error in Polyline: property geometry must be of type H.geo.LineString';\n\nexport type ArrowStyle = {\n    fillColor?: string;\n    strokeColor?: string;\n};\n\nexport type PolylineObjects = {\n    group: H.map.Group;\n    line: H.map.Polyline;\n    routeArrows?: H.map.Polyline;\n};\n\nexport type PolylineProps = {\n    /**\n     * Controls whether directional arrows are rendered on the polyline.\n     */\n    hasArrows?: boolean;\n\n    /**\n     * Defines the arrow appearance when arrows are rendered.\n     */\n    arrowStyle?: ArrowStyle;\n\n    /**\n     * Geometry used to render the polyline.\n     */\n    geometry: H.geo.LineString;\n\n    /**\n     * Visual style applied to the main polyline.\n     *\n     * @default H.map.SpatialStyle.DEFAULT_STYLE\n     */\n    style?: H.map.SpatialStyle;\n\n    /**\n     * Custom payload forwarded to the rendered polyline objects and their events.\n     */\n    customData?: object;\n\n    /**\n     * Event handlers attached to the polyline.\n     */\n    eventListenerMap?: EventListenerMap;\n\n    /**\n     * Receives the created HERE polyline objects once they are mounted and `undefined` on cleanup.\n     */\n    onReady?: (objects?: PolylineObjects) => void;\n};\n\nconst Polyline = (props: PolylineProps) => {\n    const {\n        geometry,\n        hasArrows,\n        arrowStyle,\n        style = H.map.SpatialStyle.DEFAULT_STYLE,\n        customData,\n        eventListenerMap,\n        onReady,\n    } = props;\n\n    const { api, enableWebGL, baseLayer } = useMapContext();\n\n    const [polyline, setPolyline] = useState<H.map.Group>();\n    const directEventTargetsRef = useRef<H.map.Polyline[]>([]);\n    const onReadyRef = useRef(onReady);\n\n    useEffect(() => {\n        onReadyRef.current = onReady;\n    }, [onReady]);\n\n    const directEventListenerMap = useMemo(() => {\n        if (!eventListenerMap) {\n            return;\n        }\n\n        const directEntries = Object.entries(eventListenerMap).filter(([key]) =>\n            [EventUtils.POINTER_ENTER, EventUtils.POINTER_LEAVE, EventUtils.POINTER_CANCEL].includes(key)\n        );\n\n        if (directEntries.length === 0) {\n            return;\n        }\n\n        return Object.fromEntries(directEntries) satisfies EventListenerMap;\n    }, [eventListenerMap]);\n\n    const groupEventListenerMap = useMemo(() => {\n        if (!eventListenerMap) {\n            return;\n        }\n\n        const groupEntries = Object.entries(eventListenerMap).filter(\n            ([key]) => ![EventUtils.POINTER_ENTER, EventUtils.POINTER_LEAVE, EventUtils.POINTER_CANCEL].includes(key)\n        );\n\n        if (groupEntries.length === 0) {\n            return;\n        }\n\n        return Object.fromEntries(groupEntries) satisfies EventListenerMap;\n    }, [eventListenerMap]);\n\n    if (!geometry) {\n        throw new MapException(MISSING_GEOMETRY_PROPS_EXCEPTION_MSG);\n    }\n\n    if (!(geometry instanceof H.geo.LineString)) {\n        throw new MapException(WRONG_GEOMETRY_PROPS_EXCEPTION_MSG);\n    }\n\n    useEffect(() => {\n        const lineGroup = new H.map.Group({ data: customData });\n        const line = new H.map.Polyline(geometry, { style });\n\n        let routeArrows: H.map.Polyline | undefined;\n        line.setData(customData);\n\n        const directEventTargets = [line];\n\n        if (hasArrows) {\n            if (isVectorBased(enableWebGL, baseLayer)) {\n                // WebGL way - Create a patterned polyline\n                routeArrows = new H.map.Polyline(geometry, {\n                    style: {\n                        strokeColor: 'rgba(42, 55, 64, 1)',\n                        lineWidth: 5,\n                        lineDash: [1.8, 4],\n                        // @ts-expect-error-next-line - the types are outdated here\n                        lineDashImage: H.map.SpatialStyle.DashImage.ARROW,\n                        ...arrowStyle,\n                    },\n                });\n            } else {\n                // Pixel map way - Create a patterned polyline\n                const defaultArrowStyle = {\n                    lineWidth: 2,\n                    fillColor: 'rgba(42, 55, 64, 1)',\n                    strokeColor: 'rgba(0, 0, 0, 0.8)',\n                    lineDash: [0, 4],\n                    lineTailCap: 'arrow-tail',\n                    lineHeadCap: 'arrow-head',\n                    ...arrowStyle,\n                };\n\n                const arrowLineStyle = new H.map.SpatialStyle({\n                    lineWidth: 10,\n                    strokeColor: 'rgba(255, 255, 255, 0)',\n                });\n\n                routeArrows = new H.map.Polyline(geometry, { style: arrowLineStyle, arrows: defaultArrowStyle });\n            }\n\n            routeArrows.setData(customData);\n            directEventTargets.push(routeArrows);\n\n            // create a group that represents the route line and contains\n            // outline and the pattern\n            lineGroup.addObjects([line, routeArrows]);\n        } else {\n            lineGroup.addObjects([line]);\n        }\n\n        api.map?.addObject(lineGroup);\n        directEventTargetsRef.current = directEventTargets;\n        setPolyline(lineGroup);\n        onReadyRef.current?.({ group: lineGroup, line, routeArrows });\n\n        return () => {\n            onReadyRef.current?.();\n            removeEventListenerMap(lineGroup);\n            directEventTargetsRef.current.forEach(removeEventListenerMap);\n            directEventTargetsRef.current = [];\n\n            lineGroup.forEach(singleLine => {\n                lineGroup.removeObject(singleLine);\n                singleLine.dispose();\n            });\n\n            if (api.map?.getObjects().includes(lineGroup)) {\n                api.map.removeObject(lineGroup);\n            }\n            lineGroup.dispose();\n        };\n    }, [api.map, geometry, style, hasArrows, arrowStyle]);\n\n    useEffect(() => {\n        const map = api.map;\n\n        if (!(polyline && map)) {\n            return;\n        }\n\n        addEventListenerMap(polyline, groupEventListenerMap, map);\n        directEventTargetsRef.current.forEach(target => {\n            addEventListenerMap(target, directEventListenerMap, map);\n        });\n\n        return () => {\n            removeEventListenerMap(polyline);\n            directEventTargetsRef.current.forEach(removeEventListenerMap);\n        };\n    }, [api.map, polyline, groupEventListenerMap, directEventListenerMap]);\n\n    return null;\n};\n\nexport default Polyline;\n"],"mappings":"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"}

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

@@ -1,18 +1,17 @@
-import { jsx as e } from "react/jsx-runtime";
-import n from "./Marker.js";
-const a = "Error in TextMarker: TextMarker without text makes no sense", d = "Error in TextMarker: property text must be string type", p = (r) => {
-  const { text: t, ...o } = r;
-  return /* @__PURE__ */ e(
-    n,
-    {
-      ...o,
-      icon: /* @__PURE__ */ e("div", { className: "bg-white padding-x-10 padding-y-5 rounded border border-color-light shadow-default user-select-none cursor-default", children: t })
-    }
-  );
+import e from "./Marker.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/map/components/features/basics/TextMarker.tsx
+var n = "Error in TextMarker: TextMarker without text makes no sense", r = "Error in TextMarker: property text must be string type", i = (n) => {
+	let { text: r, ...i } = n;
+	return /* @__PURE__ */ t(e, {
+		...i,
+		icon: /* @__PURE__ */ t("div", {
+			className: "bg-white padding-x-10 padding-y-5 rounded border border-color-light shadow-default user-select-none cursor-default",
+			children: r
+		})
+	});
 };
-export {
-  p as default,
-  a as emptyTextException,
-  d as wrongTypeException
-};
-//# sourceMappingURL=TextMarker.js.map
+//#endregion
+export { i as default, n as emptyTextException, r as wrongTypeException };
+
+//# sourceMappingURL=TextMarker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextMarker.js","sources":["../../../../../../src/components/map/components/features/basics/TextMarker.tsx"],"sourcesContent":["import type React from 'react';\n\nimport Marker from './Marker';\nimport type { Position } from '../../../utils/mapTypes';\n\nexport const emptyTextException = 'Error in TextMarker: TextMarker without text makes no sense';\nexport const wrongTypeException = 'Error in TextMarker: property text must be string type';\n\nexport type TextMarkerProps = React.ComponentProps<typeof Marker> & {\n    position: Position;\n    text: string;\n};\n\nconst TextMarker = (props: TextMarkerProps) => {\n    const { text, ...remainingProps } = props;\n\n    return (\n        <Marker\n            {...remainingProps}\n            icon={\n                <div className='bg-white padding-x-10 padding-y-5 rounded border border-color-light shadow-default user-select-none cursor-default'>\n                    {text}\n                </div>\n            }\n        />\n    );\n};\n\nexport default TextMarker;\n"],"names":["emptyTextException","wrongTypeException","TextMarker","props","text","remainingProps","jsx","Marker"],"mappings":";;AAKO,MAAMA,IAAqB,+DACrBC,IAAqB,0DAO5BC,IAAa,CAACC,MAA2B;AAC3C,QAAM,EAAE,MAAAC,GAAM,GAAGC,EAAA,IAAmBF;AAEpC,SACI,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGF;AAAA,MACJ,MACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,sHACV,UAAAF,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAIhB;"}
+{"version":3,"file":"TextMarker.js","names":[],"sources":["../../../../../../src/components/map/components/features/basics/TextMarker.tsx"],"sourcesContent":["import type React from 'react';\n\nimport Marker from './Marker';\nimport type { Position } from '../../../utils/mapTypes';\n\nexport const emptyTextException = 'Error in TextMarker: TextMarker without text makes no sense';\nexport const wrongTypeException = 'Error in TextMarker: property text must be string type';\n\nexport type TextMarkerProps = React.ComponentProps<typeof Marker> & {\n    position: Position;\n    text: string;\n};\n\nconst TextMarker = (props: TextMarkerProps) => {\n    const { text, ...remainingProps } = props;\n\n    return (\n        <Marker\n            {...remainingProps}\n            icon={\n                <div className='bg-white padding-x-10 padding-y-5 rounded border border-color-light shadow-default user-select-none cursor-default'>\n                    {text}\n                </div>\n            }\n        />\n    );\n};\n\nexport default TextMarker;\n"],"mappings":";;;AAKA,IAAa,IAAqB,+DACrB,IAAqB,0DAO5B,KAAc,MAA2B;CAC3C,IAAM,EAAE,SAAM,GAAG,MAAmB;CAEpC,OACI,kBAAC,GAAD;EACI,GAAI;EACJ,MACI,kBAAC,OAAD;GAAK,WAAU;aACV;EACA,CAAA;CAEZ,CAAA;AAET"}