@accelint/map-toolkit 0.6.0 → 1.1.0

package/dist/deckgl/shapes/draw-shape-layer/modes/draw-ellipse-mode-with-tooltip.js

@@ -0,0 +1,73 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
+import { formatDistanceTooltip, formatEllipseTooltip } from "../../shared/constants.js";
+import { DEFAULT_DISTANCE_UNITS, getDistanceUnitAbbreviation } from "../../../../shared/units.js";
+import { DrawEllipseUsingThreePointsMode } from "@deck.gl-community/editable-layers";
+import { distance } from "@turf/turf";
+
+//#region src/deckgl/shapes/draw-shape-layer/modes/draw-ellipse-mode-with-tooltip.ts
+/**
+* Extends DrawEllipseUsingThreePointsMode to display contextual tooltips.
+*
+* Drawing process (3 clicks):
+* 1. First click: Sets the first endpoint of the major axis
+* 2. Second click: Sets the second endpoint of the major axis
+*    - While moving to second click, shows distance tooltip (like line/polygon)
+* 3. Third click: Sets the minor axis radius
+*    - While moving to third click, shows area tooltip (like circle)
+*
+* The ellipse center is the midpoint between the first two clicks.
+* The Y semi-axis is half the distance between clicks 1 and 2.
+* The X semi-axis is the distance from center to click 3.
+*/
+var DrawEllipseModeWithTooltip = class extends DrawEllipseUsingThreePointsMode {
+	tooltip = null;
+	handlePointerMove(event, props) {
+		super.handlePointerMove(event, props);
+		const clickSequence = this.getClickSequence();
+		if (!clickSequence.length) {
+			this.tooltip = null;
+			return;
+		}
+		const { mapCoords } = event;
+		const distanceUnits = props.modeConfig?.distanceUnits ?? DEFAULT_DISTANCE_UNITS;
+		const unitAbbrev = getDistanceUnitAbbreviation(distanceUnits);
+		const tooltipPosition = mapCoords;
+		if (clickSequence.length === 1) {
+			const firstPoint = clickSequence[0];
+			this.tooltip = {
+				position: tooltipPosition,
+				text: formatDistanceTooltip(distance(firstPoint, mapCoords, { units: distanceUnits }), unitAbbrev)
+			};
+		} else if (clickSequence.length === 2) {
+			const click1 = clickSequence[0];
+			const click2 = clickSequence[1];
+			const cursorPos = mapCoords;
+			const center = [(click1[0] + click2[0]) / 2, (click1[1] + click2[1]) / 2];
+			const ySemiAxis = distance(click1, click2, { units: distanceUnits }) / 2;
+			const xSemiAxis = distance(center, cursorPos, { units: distanceUnits });
+			this.tooltip = {
+				position: tooltipPosition,
+				text: formatEllipseTooltip(Math.max(xSemiAxis, ySemiAxis) * 2, Math.min(xSemiAxis, ySemiAxis) * 2, Math.PI * xSemiAxis * ySemiAxis, unitAbbrev)
+			};
+		}
+	}
+	getTooltips() {
+		return this.tooltip ? [this.tooltip] : [];
+	}
+};
+
+//#endregion
+export { DrawEllipseModeWithTooltip };
+//# sourceMappingURL=draw-ellipse-mode-with-tooltip.js.map

package/dist/deckgl/shapes/draw-shape-layer/modes/draw-ellipse-mode-with-tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw-ellipse-mode-with-tooltip.js","names":["center: [number, number]"],"sources":["../../../../../src/deckgl/shapes/draw-shape-layer/modes/draw-ellipse-mode-with-tooltip.ts"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  DrawEllipseUsingThreePointsMode,\n  type FeatureCollection,\n  type ModeProps,\n  type PointerMoveEvent,\n  type Tooltip,\n} from '@deck.gl-community/editable-layers';\nimport { type Coord, distance } from '@turf/turf';\nimport {\n  DEFAULT_DISTANCE_UNITS,\n  getDistanceUnitAbbreviation,\n} from '@/shared/units';\nimport {\n  formatDistanceTooltip,\n  formatEllipseTooltip,\n} from '../../shared/constants';\n\n/**\n * Extends DrawEllipseUsingThreePointsMode to display contextual tooltips.\n *\n * Drawing process (3 clicks):\n * 1. First click: Sets the first endpoint of the major axis\n * 2. Second click: Sets the second endpoint of the major axis\n *    - While moving to second click, shows distance tooltip (like line/polygon)\n * 3. Third click: Sets the minor axis radius\n *    - While moving to third click, shows area tooltip (like circle)\n *\n * The ellipse center is the midpoint between the first two clicks.\n * The Y semi-axis is half the distance between clicks 1 and 2.\n * The X semi-axis is the distance from center to click 3.\n */\nexport class DrawEllipseModeWithTooltip extends DrawEllipseUsingThreePointsMode {\n  private tooltip: Tooltip | null = null;\n\n  override handlePointerMove(\n    event: PointerMoveEvent,\n    props: ModeProps<FeatureCollection>,\n  ) {\n    super.handlePointerMove(event, props);\n\n    const clickSequence = this.getClickSequence();\n    if (!clickSequence.length) {\n      this.tooltip = null;\n      return;\n    }\n\n    const { mapCoords } = event;\n    const distanceUnits =\n      props.modeConfig?.distanceUnits ?? DEFAULT_DISTANCE_UNITS;\n    const unitAbbrev = getDistanceUnitAbbreviation(distanceUnits);\n    const tooltipPosition = mapCoords;\n\n    if (clickSequence.length === 1) {\n      // First segment: show distance from first click to cursor (like line/polygon)\n      const firstPoint = clickSequence[0] as Coord;\n      const currentPoint = mapCoords as Coord;\n\n      const dist = distance(firstPoint, currentPoint, { units: distanceUnits });\n\n      this.tooltip = {\n        position: tooltipPosition,\n        text: formatDistanceTooltip(dist, unitAbbrev),\n      };\n    } else if (clickSequence.length === 2) {\n      // Second segment: show dimensions and area (like rectangle)\n      // The ellipse will have:\n      // - center at midpoint of click1 and click2\n      // - ySemiAxis = distance(click1, click2) / 2\n      // - xSemiAxis = distance(center, cursor)\n      const click1 = clickSequence[0] as [number, number];\n      const click2 = clickSequence[1] as [number, number];\n      const cursorPos = mapCoords as [number, number];\n\n      // Calculate center (midpoint)\n      const center: [number, number] = [\n        (click1[0] + click2[0]) / 2,\n        (click1[1] + click2[1]) / 2,\n      ];\n\n      // Calculate semi-axes\n      const ySemiAxis = distance(click1, click2, { units: distanceUnits }) / 2;\n      const xSemiAxis = distance(center, cursorPos, { units: distanceUnits });\n\n      // Full axes (diameter equivalent)\n      const majorAxis = Math.max(xSemiAxis, ySemiAxis) * 2;\n      const minorAxis = Math.min(xSemiAxis, ySemiAxis) * 2;\n\n      // Ellipse area = π × a × b\n      const ellipseArea = Math.PI * xSemiAxis * ySemiAxis;\n\n      this.tooltip = {\n        position: tooltipPosition,\n        text: formatEllipseTooltip(\n          majorAxis,\n          minorAxis,\n          ellipseArea,\n          unitAbbrev,\n        ),\n      };\n    }\n  }\n\n  override getTooltips(): Tooltip[] {\n    return this.tooltip ? [this.tooltip] : [];\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,IAAa,6BAAb,cAAgD,gCAAgC;CAC9E,AAAQ,UAA0B;CAElC,AAAS,kBACP,OACA,OACA;AACA,QAAM,kBAAkB,OAAO,MAAM;EAErC,MAAM,gBAAgB,KAAK,kBAAkB;AAC7C,MAAI,CAAC,cAAc,QAAQ;AACzB,QAAK,UAAU;AACf;;EAGF,MAAM,EAAE,cAAc;EACtB,MAAM,gBACJ,MAAM,YAAY,iBAAiB;EACrC,MAAM,aAAa,4BAA4B,cAAc;EAC7D,MAAM,kBAAkB;AAExB,MAAI,cAAc,WAAW,GAAG;GAE9B,MAAM,aAAa,cAAc;AAKjC,QAAK,UAAU;IACb,UAAU;IACV,MAAM,sBAJK,SAAS,YAFD,WAE2B,EAAE,OAAO,eAAe,CAAC,EAIrC,WAAW;IAC9C;aACQ,cAAc,WAAW,GAAG;GAMrC,MAAM,SAAS,cAAc;GAC7B,MAAM,SAAS,cAAc;GAC7B,MAAM,YAAY;GAGlB,MAAMA,SAA2B,EAC9B,OAAO,KAAK,OAAO,MAAM,IACzB,OAAO,KAAK,OAAO,MAAM,EAC3B;GAGD,MAAM,YAAY,SAAS,QAAQ,QAAQ,EAAE,OAAO,eAAe,CAAC,GAAG;GACvE,MAAM,YAAY,SAAS,QAAQ,WAAW,EAAE,OAAO,eAAe,CAAC;AASvE,QAAK,UAAU;IACb,UAAU;IACV,MAAM,qBARU,KAAK,IAAI,WAAW,UAAU,GAAG,GACjC,KAAK,IAAI,WAAW,UAAU,GAAG,GAG/B,KAAK,KAAK,YAAY,WAQtC,WACD;IACF;;;CAIL,AAAS,cAAyB;AAChC,SAAO,KAAK,UAAU,CAAC,KAAK,QAAQ,GAAG,EAAE"}

package/dist/deckgl/shapes/draw-shape-layer/modes/draw-line-string-mode-with-tooltip.js

@@ -0,0 +1,87 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
+import { formatDistanceTooltip } from "../../shared/constants.js";
+import { DEFAULT_DISTANCE_UNITS, getDistanceUnitAbbreviation } from "../../../../shared/units.js";
+import { DrawLineStringMode } from "@deck.gl-community/editable-layers";
+import { distance } from "@turf/turf";
+
+//#region src/deckgl/shapes/draw-shape-layer/modes/draw-line-string-mode-with-tooltip.ts
+/**
+* Extends DrawLineStringMode to display distance tooltip between points.
+*
+* Shows the distance from the last clicked point to the current cursor position
+* while drawing a line string.
+*
+* Includes a workaround for the double-click to finish issue in @deck.gl-community/editable-layers ~9.1.
+* This will be fixed in a future version (PR #225).
+*/
+var DrawLineStringModeWithTooltip = class extends DrawLineStringMode {
+	tooltip = null;
+	lastModeProps = null;
+	/**
+	* Finish drawing the line string.
+	* Extracted to share between double-click workaround and parent class logic.
+	*/
+	finishDrawing(props) {
+		const clickSequence = this.getClickSequence();
+		if (clickSequence.length <= 1) return;
+		const lineStringToAdd = {
+			type: "LineString",
+			coordinates: [...clickSequence]
+		};
+		this.resetClickSequence();
+		this.tooltip = null;
+		this.lastModeProps = null;
+		const editAction = this.getAddFeatureAction(lineStringToAdd, props.data);
+		if (editAction) props.onEdit(editAction);
+	}
+	/**
+	* Handle double-click to finish drawing.
+	* This is called externally via a DOM event listener as a workaround for
+	* @deck.gl-community/editable-layers ~9.1 which doesn't register 'dblclick' in EVENT_TYPES.
+	* @see https://github.com/visgl/deck.gl-community/pull/225
+	*/
+	handleDoubleClick() {
+		if (this.lastModeProps) this.finishDrawing(this.lastModeProps);
+	}
+	/**
+	* Override handleClick to store props for double-click workaround.
+	*/
+	handleClick(event, props) {
+		this.lastModeProps = props;
+		super.handleClick(event, props);
+	}
+	handlePointerMove(event, props) {
+		super.handlePointerMove(event, props);
+		const clickSequence = this.getClickSequence();
+		if (!clickSequence.length) {
+			this.tooltip = null;
+			return;
+		}
+		const { mapCoords } = event;
+		const distanceUnits = props.modeConfig?.distanceUnits ?? DEFAULT_DISTANCE_UNITS;
+		const lastPoint = clickSequence[clickSequence.length - 1];
+		this.tooltip = {
+			position: mapCoords,
+			text: formatDistanceTooltip(distance(lastPoint, mapCoords, { units: distanceUnits }), getDistanceUnitAbbreviation(distanceUnits))
+		};
+	}
+	getTooltips() {
+		return this.tooltip ? [this.tooltip] : [];
+	}
+};
+
+//#endregion
+export { DrawLineStringModeWithTooltip };
+//# sourceMappingURL=draw-line-string-mode-with-tooltip.js.map

package/dist/deckgl/shapes/draw-shape-layer/modes/draw-line-string-mode-with-tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw-line-string-mode-with-tooltip.js","names":[],"sources":["../../../../../src/deckgl/shapes/draw-shape-layer/modes/draw-line-string-mode-with-tooltip.ts"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  type ClickEvent,\n  DrawLineStringMode,\n  type FeatureCollection,\n  type ModeProps,\n  type PointerMoveEvent,\n  type Tooltip,\n} from '@deck.gl-community/editable-layers';\nimport { type Coord, distance } from '@turf/turf';\nimport {\n  DEFAULT_DISTANCE_UNITS,\n  getDistanceUnitAbbreviation,\n} from '@/shared/units';\nimport { formatDistanceTooltip } from '../../shared/constants';\n\n/**\n * Extends DrawLineStringMode to display distance tooltip between points.\n *\n * Shows the distance from the last clicked point to the current cursor position\n * while drawing a line string.\n *\n * Includes a workaround for the double-click to finish issue in @deck.gl-community/editable-layers ~9.1.\n * This will be fixed in a future version (PR #225).\n */\nexport class DrawLineStringModeWithTooltip extends DrawLineStringMode {\n  private tooltip: Tooltip | null = null;\n  private lastModeProps: ModeProps<FeatureCollection> | null = null;\n\n  /**\n   * Finish drawing the line string.\n   * Extracted to share between double-click workaround and parent class logic.\n   */\n  private finishDrawing(props: ModeProps<FeatureCollection>): void {\n    const clickSequence = this.getClickSequence();\n    if (clickSequence.length <= 1) {\n      return;\n    }\n\n    const lineStringToAdd = {\n      type: 'LineString' as const,\n      coordinates: [...clickSequence],\n    };\n\n    this.resetClickSequence();\n    this.tooltip = null;\n    this.lastModeProps = null;\n\n    const editAction = this.getAddFeatureAction(lineStringToAdd, props.data);\n    if (editAction) {\n      props.onEdit(editAction);\n    }\n  }\n\n  /**\n   * Handle double-click to finish drawing.\n   * This is called externally via a DOM event listener as a workaround for\n   * @deck.gl-community/editable-layers ~9.1 which doesn't register 'dblclick' in EVENT_TYPES.\n   * @see https://github.com/visgl/deck.gl-community/pull/225\n   */\n  handleDoubleClick(): void {\n    if (this.lastModeProps) {\n      this.finishDrawing(this.lastModeProps);\n    }\n  }\n\n  /**\n   * Override handleClick to store props for double-click workaround.\n   */\n  override handleClick(\n    event: ClickEvent,\n    props: ModeProps<FeatureCollection>,\n  ): void {\n    // Store props so handleDoubleClick can access them\n    this.lastModeProps = props;\n    super.handleClick(event, props);\n  }\n\n  override handlePointerMove(\n    event: PointerMoveEvent,\n    props: ModeProps<FeatureCollection>,\n  ) {\n    super.handlePointerMove(event, props);\n\n    const clickSequence = this.getClickSequence();\n    if (!clickSequence.length) {\n      this.tooltip = null;\n      return;\n    }\n\n    const { mapCoords } = event;\n    const distanceUnits =\n      props.modeConfig?.distanceUnits ?? DEFAULT_DISTANCE_UNITS;\n\n    const lastPoint = clickSequence[clickSequence.length - 1] as Coord;\n    const currentPoint = mapCoords as Coord;\n\n    const dist = distance(lastPoint, currentPoint, { units: distanceUnits });\n    const unitAbbrev = getDistanceUnitAbbreviation(distanceUnits);\n\n    this.tooltip = {\n      position: mapCoords,\n      text: formatDistanceTooltip(dist, unitAbbrev),\n    };\n  }\n\n  override getTooltips(): Tooltip[] {\n    return this.tooltip ? [this.tooltip] : [];\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,IAAa,gCAAb,cAAmD,mBAAmB;CACpE,AAAQ,UAA0B;CAClC,AAAQ,gBAAqD;;;;;CAM7D,AAAQ,cAAc,OAA2C;EAC/D,MAAM,gBAAgB,KAAK,kBAAkB;AAC7C,MAAI,cAAc,UAAU,EAC1B;EAGF,MAAM,kBAAkB;GACtB,MAAM;GACN,aAAa,CAAC,GAAG,cAAc;GAChC;AAED,OAAK,oBAAoB;AACzB,OAAK,UAAU;AACf,OAAK,gBAAgB;EAErB,MAAM,aAAa,KAAK,oBAAoB,iBAAiB,MAAM,KAAK;AACxE,MAAI,WACF,OAAM,OAAO,WAAW;;;;;;;;CAU5B,oBAA0B;AACxB,MAAI,KAAK,cACP,MAAK,cAAc,KAAK,cAAc;;;;;CAO1C,AAAS,YACP,OACA,OACM;AAEN,OAAK,gBAAgB;AACrB,QAAM,YAAY,OAAO,MAAM;;CAGjC,AAAS,kBACP,OACA,OACA;AACA,QAAM,kBAAkB,OAAO,MAAM;EAErC,MAAM,gBAAgB,KAAK,kBAAkB;AAC7C,MAAI,CAAC,cAAc,QAAQ;AACzB,QAAK,UAAU;AACf;;EAGF,MAAM,EAAE,cAAc;EACtB,MAAM,gBACJ,MAAM,YAAY,iBAAiB;EAErC,MAAM,YAAY,cAAc,cAAc,SAAS;AAMvD,OAAK,UAAU;GACb,UAAU;GACV,MAAM,sBALK,SAAS,WAFD,WAE0B,EAAE,OAAO,eAAe,CAAC,EACrD,4BAA4B,cAAc,CAId;GAC9C;;CAGH,AAAS,cAAyB;AAChC,SAAO,KAAK,UAAU,CAAC,KAAK,QAAQ,GAAG,EAAE"}

package/dist/deckgl/shapes/draw-shape-layer/modes/draw-polygon-mode-with-tooltip.js

@@ -0,0 +1,88 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
+import { formatDistanceTooltip } from "../../shared/constants.js";
+import { DEFAULT_DISTANCE_UNITS, getDistanceUnitAbbreviation } from "../../../../shared/units.js";
+import { DrawPolygonMode } from "@deck.gl-community/editable-layers";
+import { distance } from "@turf/turf";
+
+//#region src/deckgl/shapes/draw-shape-layer/modes/draw-polygon-mode-with-tooltip.ts
+/**
+* Extends DrawPolygonMode to display distance tooltip between points.
+*
+* Shows the distance from the last clicked point to the current cursor position
+* while drawing a polygon.
+*
+* Includes a workaround for the double-click to finish issue in @deck.gl-community/editable-layers ~9.1.
+* This will be fixed in a future version (PR #225).
+*/
+var DrawPolygonModeWithTooltip = class extends DrawPolygonMode {
+	tooltip = null;
+	lastModeProps = null;
+	/**
+	* Finish drawing the polygon.
+	* Extracted to share between double-click workaround and parent class logic.
+	*/
+	finishDrawing(props) {
+		const clickSequence = this.getClickSequence();
+		const firstPoint = clickSequence[0];
+		if (clickSequence.length <= 2 || !firstPoint) return;
+		const polygonToAdd = {
+			type: "Polygon",
+			coordinates: [[...clickSequence, firstPoint]]
+		};
+		this.resetClickSequence();
+		this.tooltip = null;
+		this.lastModeProps = null;
+		const editAction = this.getAddFeatureOrBooleanPolygonAction(polygonToAdd, props);
+		if (editAction) props.onEdit(editAction);
+	}
+	/**
+	* Handle double-click to finish drawing.
+	* This is called externally via a DOM event listener as a workaround for
+	* @deck.gl-community/editable-layers ~9.1 which doesn't register 'dblclick' in EVENT_TYPES.
+	* @see https://github.com/visgl/deck.gl-community/pull/225
+	*/
+	handleDoubleClick() {
+		if (this.lastModeProps) this.finishDrawing(this.lastModeProps);
+	}
+	/**
+	* Override handleClick to store props for double-click workaround.
+	*/
+	handleClick(event, props) {
+		this.lastModeProps = props;
+		super.handleClick(event, props);
+	}
+	handlePointerMove(event, props) {
+		super.handlePointerMove(event, props);
+		const clickSequence = this.getClickSequence();
+		if (!clickSequence.length) {
+			this.tooltip = null;
+			return;
+		}
+		const { mapCoords } = event;
+		const distanceUnits = props.modeConfig?.distanceUnits ?? DEFAULT_DISTANCE_UNITS;
+		const lastPoint = clickSequence[clickSequence.length - 1];
+		this.tooltip = {
+			position: mapCoords,
+			text: formatDistanceTooltip(distance(lastPoint, mapCoords, { units: distanceUnits }), getDistanceUnitAbbreviation(distanceUnits))
+		};
+	}
+	getTooltips() {
+		return this.tooltip ? [this.tooltip] : [];
+	}
+};
+
+//#endregion
+export { DrawPolygonModeWithTooltip };
+//# sourceMappingURL=draw-polygon-mode-with-tooltip.js.map

package/dist/deckgl/shapes/draw-shape-layer/modes/draw-polygon-mode-with-tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw-polygon-mode-with-tooltip.js","names":[],"sources":["../../../../../src/deckgl/shapes/draw-shape-layer/modes/draw-polygon-mode-with-tooltip.ts"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  type ClickEvent,\n  DrawPolygonMode,\n  type FeatureCollection,\n  type ModeProps,\n  type PointerMoveEvent,\n  type Tooltip,\n} from '@deck.gl-community/editable-layers';\nimport { type Coord, distance } from '@turf/turf';\nimport {\n  DEFAULT_DISTANCE_UNITS,\n  getDistanceUnitAbbreviation,\n} from '@/shared/units';\nimport { formatDistanceTooltip } from '../../shared/constants';\n\n/**\n * Extends DrawPolygonMode to display distance tooltip between points.\n *\n * Shows the distance from the last clicked point to the current cursor position\n * while drawing a polygon.\n *\n * Includes a workaround for the double-click to finish issue in @deck.gl-community/editable-layers ~9.1.\n * This will be fixed in a future version (PR #225).\n */\nexport class DrawPolygonModeWithTooltip extends DrawPolygonMode {\n  private tooltip: Tooltip | null = null;\n  private lastModeProps: ModeProps<FeatureCollection> | null = null;\n\n  /**\n   * Finish drawing the polygon.\n   * Extracted to share between double-click workaround and parent class logic.\n   */\n  private finishDrawing(props: ModeProps<FeatureCollection>): void {\n    const clickSequence = this.getClickSequence();\n    const firstPoint = clickSequence[0];\n    if (clickSequence.length <= 2 || !firstPoint) {\n      return;\n    }\n\n    const polygonToAdd = {\n      type: 'Polygon' as const,\n      coordinates: [[...clickSequence, firstPoint]],\n    };\n\n    this.resetClickSequence();\n    this.tooltip = null;\n    this.lastModeProps = null;\n\n    const editAction = this.getAddFeatureOrBooleanPolygonAction(\n      polygonToAdd,\n      props,\n    );\n    if (editAction) {\n      props.onEdit(editAction);\n    }\n  }\n\n  /**\n   * Handle double-click to finish drawing.\n   * This is called externally via a DOM event listener as a workaround for\n   * @deck.gl-community/editable-layers ~9.1 which doesn't register 'dblclick' in EVENT_TYPES.\n   * @see https://github.com/visgl/deck.gl-community/pull/225\n   */\n  handleDoubleClick(): void {\n    if (this.lastModeProps) {\n      this.finishDrawing(this.lastModeProps);\n    }\n  }\n\n  /**\n   * Override handleClick to store props for double-click workaround.\n   */\n  override handleClick(\n    event: ClickEvent,\n    props: ModeProps<FeatureCollection>,\n  ): void {\n    // Store props so handleDoubleClick can access them\n    this.lastModeProps = props;\n    super.handleClick(event, props);\n  }\n\n  override handlePointerMove(\n    event: PointerMoveEvent,\n    props: ModeProps<FeatureCollection>,\n  ) {\n    super.handlePointerMove(event, props);\n\n    const clickSequence = this.getClickSequence();\n    if (!clickSequence.length) {\n      this.tooltip = null;\n      return;\n    }\n\n    const { mapCoords } = event;\n    const distanceUnits =\n      props.modeConfig?.distanceUnits ?? DEFAULT_DISTANCE_UNITS;\n\n    const lastPoint = clickSequence[clickSequence.length - 1] as Coord;\n    const currentPoint = mapCoords as Coord;\n\n    const dist = distance(lastPoint, currentPoint, { units: distanceUnits });\n    const unitAbbrev = getDistanceUnitAbbreviation(distanceUnits);\n\n    this.tooltip = {\n      position: mapCoords,\n      text: formatDistanceTooltip(dist, unitAbbrev),\n    };\n  }\n\n  override getTooltips(): Tooltip[] {\n    return this.tooltip ? [this.tooltip] : [];\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,IAAa,6BAAb,cAAgD,gBAAgB;CAC9D,AAAQ,UAA0B;CAClC,AAAQ,gBAAqD;;;;;CAM7D,AAAQ,cAAc,OAA2C;EAC/D,MAAM,gBAAgB,KAAK,kBAAkB;EAC7C,MAAM,aAAa,cAAc;AACjC,MAAI,cAAc,UAAU,KAAK,CAAC,WAChC;EAGF,MAAM,eAAe;GACnB,MAAM;GACN,aAAa,CAAC,CAAC,GAAG,eAAe,WAAW,CAAC;GAC9C;AAED,OAAK,oBAAoB;AACzB,OAAK,UAAU;AACf,OAAK,gBAAgB;EAErB,MAAM,aAAa,KAAK,oCACtB,cACA,MACD;AACD,MAAI,WACF,OAAM,OAAO,WAAW;;;;;;;;CAU5B,oBAA0B;AACxB,MAAI,KAAK,cACP,MAAK,cAAc,KAAK,cAAc;;;;;CAO1C,AAAS,YACP,OACA,OACM;AAEN,OAAK,gBAAgB;AACrB,QAAM,YAAY,OAAO,MAAM;;CAGjC,AAAS,kBACP,OACA,OACA;AACA,QAAM,kBAAkB,OAAO,MAAM;EAErC,MAAM,gBAAgB,KAAK,kBAAkB;AAC7C,MAAI,CAAC,cAAc,QAAQ;AACzB,QAAK,UAAU;AACf;;EAGF,MAAM,EAAE,cAAc;EACtB,MAAM,gBACJ,MAAM,YAAY,iBAAiB;EAErC,MAAM,YAAY,cAAc,cAAc,SAAS;AAMvD,OAAK,UAAU;GACb,UAAU;GACV,MAAM,sBALK,SAAS,WAFD,WAE0B,EAAE,OAAO,eAAe,CAAC,EACrD,4BAA4B,cAAc,CAId;GAC9C;;CAGH,AAAS,cAAyB;AAChC,SAAO,KAAK,UAAU,CAAC,KAAK,QAAQ,GAAG,EAAE"}

package/dist/deckgl/shapes/draw-shape-layer/modes/draw-rectangle-mode-with-tooltip.js

@@ -0,0 +1,77 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
+import { formatRectangleTooltip } from "../../shared/constants.js";
+import { DEFAULT_DISTANCE_UNITS, getDistanceUnitAbbreviation } from "../../../../shared/units.js";
+import { DrawRectangleMode } from "@deck.gl-community/editable-layers";
+import { area, bbox, bboxPolygon, convertArea, destination, distance } from "@turf/turf";
+import { featureCollection, point as point$1 } from "@turf/helpers";
+
+//#region src/deckgl/shapes/draw-shape-layer/modes/draw-rectangle-mode-with-tooltip.ts
+/**
+* Extends DrawRectangleMode to display dimensions and area tooltip.
+*
+* Shows the width, height, and total area of the rectangle being drawn.
+* Hold Shift to constrain to a square.
+*/
+var DrawRectangleModeWithTooltip = class extends DrawRectangleMode {
+	tooltip = null;
+	isShiftPressed = false;
+	/**
+	* Override getTwoClickPolygon to support Shift-constrained squares.
+	* When Shift is held, the rectangle is constrained to a square using
+	* real-world distances to account for lat/lon distortion.
+	*/
+	getTwoClickPolygon(coord1, coord2, modeConfig) {
+		let finalCoord2 = coord2;
+		if (this.isShiftPressed && coord1 && coord2) {
+			const lon1 = coord1[0] ?? 0;
+			const lat1 = coord1[1] ?? 0;
+			const lon2 = coord2[0] ?? 0;
+			const lat2 = coord2[1] ?? 0;
+			const horizontalDist = distance(point$1([lon1, lat1]), point$1([lon2, lat1]), { units: "kilometers" });
+			const verticalDist = distance(point$1([lon1, lat1]), point$1([lon1, lat2]), { units: "kilometers" });
+			const maxDist = Math.max(horizontalDist, verticalDist);
+			const lonSign = lon2 >= lon1 ? 1 : -1;
+			const latSign = lat2 >= lat1 ? 1 : -1;
+			finalCoord2 = destination(destination(point$1([lon1, lat1]), maxDist, lonSign > 0 ? 90 : 270, { units: "kilometers" }), maxDist, latSign > 0 ? 0 : 180, { units: "kilometers" }).geometry.coordinates;
+		}
+		return super.getTwoClickPolygon(coord1, finalCoord2, modeConfig);
+	}
+	handlePointerMove(event, props) {
+		this.isShiftPressed = event.sourceEvent?.shiftKey ?? false;
+		super.handlePointerMove(event, props);
+		const clickSequence = this.getClickSequence();
+		const firstClick = clickSequence[clickSequence.length - 1];
+		if (!firstClick) {
+			this.tooltip = null;
+			return;
+		}
+		const { mapCoords } = event;
+		const distanceUnits = props.modeConfig?.distanceUnits ?? DEFAULT_DISTANCE_UNITS;
+		const firstClickPoint = point$1(firstClick);
+		const currentPoint = point$1(mapCoords);
+		const cornerPoint = point$1([firstClick[0], mapCoords[1]]);
+		this.tooltip = {
+			position: mapCoords,
+			text: formatRectangleTooltip(distance(firstClickPoint, cornerPoint, { units: distanceUnits }), distance(currentPoint, cornerPoint, { units: distanceUnits }), convertArea(area(bboxPolygon(bbox(featureCollection([firstClickPoint, currentPoint])))), "meters", distanceUnits), getDistanceUnitAbbreviation(distanceUnits))
+		};
+	}
+	getTooltips() {
+		return this.tooltip ? [this.tooltip] : [];
+	}
+};
+
+//#endregion
+export { DrawRectangleModeWithTooltip };
+//# sourceMappingURL=draw-rectangle-mode-with-tooltip.js.map

package/dist/deckgl/shapes/draw-shape-layer/modes/draw-rectangle-mode-with-tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw-rectangle-mode-with-tooltip.js","names":["point"],"sources":["../../../../../src/deckgl/shapes/draw-shape-layer/modes/draw-rectangle-mode-with-tooltip.ts"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  DrawRectangleMode,\n  type FeatureCollection,\n  type ModeProps,\n  type PointerMoveEvent,\n  type Tooltip,\n} from '@deck.gl-community/editable-layers';\nimport { featureCollection, point } from '@turf/helpers';\nimport {\n  area,\n  bbox,\n  bboxPolygon,\n  convertArea,\n  destination,\n  distance,\n} from '@turf/turf';\nimport {\n  DEFAULT_DISTANCE_UNITS,\n  getDistanceUnitAbbreviation,\n} from '@/shared/units';\nimport { formatRectangleTooltip } from '../../shared/constants';\nimport type { Position } from 'geojson';\n\n/**\n * Extends DrawRectangleMode to display dimensions and area tooltip.\n *\n * Shows the width, height, and total area of the rectangle being drawn.\n * Hold Shift to constrain to a square.\n */\nexport class DrawRectangleModeWithTooltip extends DrawRectangleMode {\n  private tooltip: Tooltip | null = null;\n  private isShiftPressed = false;\n\n  /**\n   * Override getTwoClickPolygon to support Shift-constrained squares.\n   * When Shift is held, the rectangle is constrained to a square using\n   * real-world distances to account for lat/lon distortion.\n   */\n  override getTwoClickPolygon(\n    coord1: Position,\n    coord2: Position,\n    modeConfig: ModeProps<FeatureCollection>['modeConfig'],\n  ) {\n    let finalCoord2 = coord2;\n\n    // If Shift is pressed, constrain to a square using real distances\n    if (this.isShiftPressed && coord1 && coord2) {\n      const lon1 = coord1[0] ?? 0;\n      const lat1 = coord1[1] ?? 0;\n      const lon2 = coord2[0] ?? 0;\n      const lat2 = coord2[1] ?? 0;\n\n      // Calculate real-world distances using turf\n      // Horizontal distance (along latitude)\n      const horizontalDist = distance(\n        point([lon1, lat1]),\n        point([lon2, lat1]),\n        {\n          units: 'kilometers',\n        },\n      );\n      // Vertical distance (along longitude)\n      const verticalDist = distance(point([lon1, lat1]), point([lon1, lat2]), {\n        units: 'kilometers',\n      });\n\n      // Use the larger distance for the square side\n      const maxDist = Math.max(horizontalDist, verticalDist);\n\n      // Determine direction signs\n      const lonSign = lon2 >= lon1 ? 1 : -1;\n      const latSign = lat2 >= lat1 ? 1 : -1;\n\n      // Calculate new corner using destination() for accurate geographic positioning\n      // Move horizontally from coord1\n      const horizontalPoint = destination(\n        point([lon1, lat1]),\n        maxDist,\n        lonSign > 0 ? 90 : 270,\n        {\n          units: 'kilometers',\n        },\n      );\n      // Move vertically from that point\n      const cornerPoint = destination(\n        horizontalPoint,\n        maxDist,\n        latSign > 0 ? 0 : 180,\n        {\n          units: 'kilometers',\n        },\n      );\n\n      finalCoord2 = cornerPoint.geometry.coordinates;\n    }\n\n    // Call parent implementation with potentially adjusted coordinates\n    return super.getTwoClickPolygon(coord1, finalCoord2, modeConfig);\n  }\n\n  override handlePointerMove(\n    event: PointerMoveEvent,\n    props: ModeProps<FeatureCollection>,\n  ) {\n    // Track shift key state from the source event\n    const sourceEvent = event.sourceEvent as KeyboardEvent | undefined;\n    this.isShiftPressed = sourceEvent?.shiftKey ?? false;\n\n    super.handlePointerMove(event, props);\n\n    const clickSequence = this.getClickSequence();\n    const firstClick = clickSequence[clickSequence.length - 1];\n    if (!firstClick) {\n      this.tooltip = null;\n      return;\n    }\n\n    const { mapCoords } = event;\n    const distanceUnits =\n      props.modeConfig?.distanceUnits ?? DEFAULT_DISTANCE_UNITS;\n\n    const firstClickPoint = point(firstClick);\n    const currentPoint = point(mapCoords);\n\n    // Calculate dimensions by finding the corner point\n    const cornerPoint = point([\n      firstClick[0] as number,\n      mapCoords[1] as number,\n    ]);\n    const dimension1 = distance(firstClickPoint, cornerPoint, {\n      units: distanceUnits,\n    });\n    const dimension2 = distance(currentPoint, cornerPoint, {\n      units: distanceUnits,\n    });\n\n    // Calculate area properly accounting for Earth's curvature\n    const points = featureCollection([firstClickPoint, currentPoint]);\n    const bboxPoly = bboxPolygon(bbox(points));\n    const rectArea = area(bboxPoly);\n    const convertedArea = convertArea(rectArea, 'meters', distanceUnits);\n    const unitAbbrev = getDistanceUnitAbbreviation(distanceUnits);\n\n    this.tooltip = {\n      position: mapCoords,\n      text: formatRectangleTooltip(\n        dimension1,\n        dimension2,\n        convertedArea,\n        unitAbbrev,\n      ),\n    };\n  }\n\n  override getTooltips(): Tooltip[] {\n    return this.tooltip ? [this.tooltip] : [];\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,IAAa,+BAAb,cAAkD,kBAAkB;CAClE,AAAQ,UAA0B;CAClC,AAAQ,iBAAiB;;;;;;CAOzB,AAAS,mBACP,QACA,QACA,YACA;EACA,IAAI,cAAc;AAGlB,MAAI,KAAK,kBAAkB,UAAU,QAAQ;GAC3C,MAAM,OAAO,OAAO,MAAM;GAC1B,MAAM,OAAO,OAAO,MAAM;GAC1B,MAAM,OAAO,OAAO,MAAM;GAC1B,MAAM,OAAO,OAAO,MAAM;GAI1B,MAAM,iBAAiB,SACrBA,QAAM,CAAC,MAAM,KAAK,CAAC,EACnBA,QAAM,CAAC,MAAM,KAAK,CAAC,EACnB,EACE,OAAO,cACR,CACF;GAED,MAAM,eAAe,SAASA,QAAM,CAAC,MAAM,KAAK,CAAC,EAAEA,QAAM,CAAC,MAAM,KAAK,CAAC,EAAE,EACtE,OAAO,cACR,CAAC;GAGF,MAAM,UAAU,KAAK,IAAI,gBAAgB,aAAa;GAGtD,MAAM,UAAU,QAAQ,OAAO,IAAI;GACnC,MAAM,UAAU,QAAQ,OAAO,IAAI;AAsBnC,iBAToB,YATI,YACtBA,QAAM,CAAC,MAAM,KAAK,CAAC,EACnB,SACA,UAAU,IAAI,KAAK,KACnB,EACE,OAAO,cACR,CACF,EAIC,SACA,UAAU,IAAI,IAAI,KAClB,EACE,OAAO,cACR,CACF,CAEyB,SAAS;;AAIrC,SAAO,MAAM,mBAAmB,QAAQ,aAAa,WAAW;;CAGlE,AAAS,kBACP,OACA,OACA;AAGA,OAAK,iBADe,MAAM,aACS,YAAY;AAE/C,QAAM,kBAAkB,OAAO,MAAM;EAErC,MAAM,gBAAgB,KAAK,kBAAkB;EAC7C,MAAM,aAAa,cAAc,cAAc,SAAS;AACxD,MAAI,CAAC,YAAY;AACf,QAAK,UAAU;AACf;;EAGF,MAAM,EAAE,cAAc;EACtB,MAAM,gBACJ,MAAM,YAAY,iBAAiB;EAErC,MAAM,kBAAkBA,QAAM,WAAW;EACzC,MAAM,eAAeA,QAAM,UAAU;EAGrC,MAAM,cAAcA,QAAM,CACxB,WAAW,IACX,UAAU,GACX,CAAC;AAeF,OAAK,UAAU;GACb,UAAU;GACV,MAAM,uBAhBW,SAAS,iBAAiB,aAAa,EACxD,OAAO,eACR,CAAC,EACiB,SAAS,cAAc,aAAa,EACrD,OAAO,eACR,CAAC,EAMoB,YADL,KADA,YAAY,KADd,kBAAkB,CAAC,iBAAiB,aAAa,CAAC,CACxB,CAAC,CACX,EACa,UAAU,cAAc,EACjD,4BAA4B,cAAc,CAS1D;GACF;;CAGH,AAAS,cAAyB;AAChC,SAAO,KAAK,UAAU,CAAC,KAAK,QAAQ,GAAG,EAAE"}

package/dist/deckgl/shapes/draw-shape-layer/modes/index.js

@@ -0,0 +1,64 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
+import { ShapeFeatureType } from "../../shared/types.js";
+import { DrawCircleModeWithTooltip } from "./draw-circle-mode-with-tooltip.js";
+import { DrawEllipseModeWithTooltip } from "./draw-ellipse-mode-with-tooltip.js";
+import { DrawLineStringModeWithTooltip } from "./draw-line-string-mode-with-tooltip.js";
+import { DrawPolygonModeWithTooltip } from "./draw-polygon-mode-with-tooltip.js";
+import { DrawRectangleModeWithTooltip } from "./draw-rectangle-mode-with-tooltip.js";
+import { DrawPointMode, ViewMode } from "@deck.gl-community/editable-layers";
+
+//#region src/deckgl/shapes/draw-shape-layer/modes/index.ts
+/**
+* Cached mode instances.
+*
+* CRITICAL: Mode instances must be cached at module level to prevent
+* deck.gl assertion failures. Creating new mode instances on each render
+* causes the EditableGeoJsonLayer to fail with assertion errors.
+*/
+const MODE_INSTANCES = {
+	[ShapeFeatureType.Point]: new DrawPointMode(),
+	[ShapeFeatureType.LineString]: new DrawLineStringModeWithTooltip(),
+	[ShapeFeatureType.Polygon]: new DrawPolygonModeWithTooltip(),
+	[ShapeFeatureType.Rectangle]: new DrawRectangleModeWithTooltip(),
+	[ShapeFeatureType.Circle]: new DrawCircleModeWithTooltip(),
+	[ShapeFeatureType.Ellipse]: new DrawEllipseModeWithTooltip(),
+	view: new ViewMode()
+};
+/**
+* Get the cached mode instance for a shape type.
+*
+* @param shapeType - The shape type to get the mode for
+* @returns The cached mode instance for drawing that shape type
+*/
+function getModeInstance(shapeType) {
+	return MODE_INSTANCES[shapeType];
+}
+/**
+* Trigger double-click finish on the active mode.
+* This is a workaround for @deck.gl-community/editable-layers ~9.1 which doesn't
+* register 'dblclick' in EVENT_TYPES. We listen for dblclick at the DOM level
+* and call this function to finish drawing.
+*
+* @param shapeType - The shape type currently being drawn
+* @see https://github.com/visgl/deck.gl-community/pull/225
+*/
+function triggerDoubleClickFinish(shapeType) {
+	const mode = MODE_INSTANCES[shapeType];
+	if (mode instanceof DrawPolygonModeWithTooltip || mode instanceof DrawLineStringModeWithTooltip) mode.handleDoubleClick();
+}
+
+//#endregion
+export { getModeInstance, triggerDoubleClickFinish };
+//# sourceMappingURL=index.js.map

package/dist/deckgl/shapes/draw-shape-layer/modes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/deckgl/shapes/draw-shape-layer/modes/index.ts"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { DrawPointMode, ViewMode } from '@deck.gl-community/editable-layers';\nimport { ShapeFeatureType } from '../../shared/types';\nimport { DrawCircleModeWithTooltip } from './draw-circle-mode-with-tooltip';\nimport { DrawEllipseModeWithTooltip } from './draw-ellipse-mode-with-tooltip';\nimport { DrawLineStringModeWithTooltip } from './draw-line-string-mode-with-tooltip';\nimport { DrawPolygonModeWithTooltip } from './draw-polygon-mode-with-tooltip';\nimport { DrawRectangleModeWithTooltip } from './draw-rectangle-mode-with-tooltip';\n\nexport { DrawCircleModeWithTooltip } from './draw-circle-mode-with-tooltip';\nexport { DrawEllipseModeWithTooltip } from './draw-ellipse-mode-with-tooltip';\nexport { DrawLineStringModeWithTooltip } from './draw-line-string-mode-with-tooltip';\nexport { DrawPolygonModeWithTooltip } from './draw-polygon-mode-with-tooltip';\nexport { DrawRectangleModeWithTooltip } from './draw-rectangle-mode-with-tooltip';\n\n/**\n * Cached mode instances.\n *\n * CRITICAL: Mode instances must be cached at module level to prevent\n * deck.gl assertion failures. Creating new mode instances on each render\n * causes the EditableGeoJsonLayer to fail with assertion errors.\n */\nconst MODE_INSTANCES = {\n  [ShapeFeatureType.Point]: new DrawPointMode(),\n  [ShapeFeatureType.LineString]: new DrawLineStringModeWithTooltip(),\n  [ShapeFeatureType.Polygon]: new DrawPolygonModeWithTooltip(),\n  [ShapeFeatureType.Rectangle]: new DrawRectangleModeWithTooltip(),\n  [ShapeFeatureType.Circle]: new DrawCircleModeWithTooltip(),\n  [ShapeFeatureType.Ellipse]: new DrawEllipseModeWithTooltip(),\n  view: new ViewMode(),\n};\n\n/**\n * Get the cached mode instance for a shape type.\n *\n * @param shapeType - The shape type to get the mode for\n * @returns The cached mode instance for drawing that shape type\n */\nexport function getModeInstance(\n  shapeType: ShapeFeatureType,\n): (typeof MODE_INSTANCES)[ShapeFeatureType] {\n  return MODE_INSTANCES[shapeType];\n}\n\n/**\n * Get the view mode instance (for when not drawing).\n *\n * @returns The cached ViewMode instance\n */\nexport function getViewModeInstance(): ViewMode {\n  return MODE_INSTANCES.view;\n}\n\n/**\n * Trigger double-click finish on the active mode.\n * This is a workaround for @deck.gl-community/editable-layers ~9.1 which doesn't\n * register 'dblclick' in EVENT_TYPES. We listen for dblclick at the DOM level\n * and call this function to finish drawing.\n *\n * @param shapeType - The shape type currently being drawn\n * @see https://github.com/visgl/deck.gl-community/pull/225\n */\nexport function triggerDoubleClickFinish(shapeType: ShapeFeatureType): void {\n  const mode = MODE_INSTANCES[shapeType];\n\n  // Only Polygon and LineString modes support double-click to finish\n  if (\n    mode instanceof DrawPolygonModeWithTooltip ||\n    mode instanceof DrawLineStringModeWithTooltip\n  ) {\n    mode.handleDoubleClick();\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAM,iBAAiB;EACpB,iBAAiB,QAAQ,IAAI,eAAe;EAC5C,iBAAiB,aAAa,IAAI,+BAA+B;EACjE,iBAAiB,UAAU,IAAI,4BAA4B;EAC3D,iBAAiB,YAAY,IAAI,8BAA8B;EAC/D,iBAAiB,SAAS,IAAI,2BAA2B;EACzD,iBAAiB,UAAU,IAAI,4BAA4B;CAC5D,MAAM,IAAI,UAAU;CACrB;;;;;;;AAQD,SAAgB,gBACd,WAC2C;AAC3C,QAAO,eAAe;;;;;;;;;;;AAqBxB,SAAgB,yBAAyB,WAAmC;CAC1E,MAAM,OAAO,eAAe;AAG5B,KACE,gBAAgB,8BAChB,gBAAgB,8BAEhB,MAAK,mBAAmB"}

package/dist/deckgl/shapes/draw-shape-layer/store.js

@@ -0,0 +1,175 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
+'use client';
+
+import { createMapStore } from "../../../shared/create-map-store.js";
+import { MapModeEvents } from "../../../map-mode/events.js";
+import { DrawShapeEvents } from "./events.js";
+import { DRAW_CURSOR_MAP, DRAW_SHAPE_LAYER_ID, DRAW_SHAPE_MODE } from "./constants.js";
+import { releaseModeAndCursor, requestModeAndCursor } from "../shared/utils/mode-utils.js";
+import { convertFeatureToShape } from "./utils/feature-conversion.js";
+import { Broadcast } from "@accelint/bus";
+
+//#region src/deckgl/shapes/draw-shape-layer/store.ts
+/**
+* Draw Shape Store
+*
+* Manages drawing state for shape creation.
+*
+* @example
+* ```tsx
+* import { drawStore } from '@accelint/map-toolkit/deckgl/shapes';
+*
+* function DrawControls({ mapId }) {
+*   const { state, draw, cancel } = drawStore.use(mapId);
+*
+*   return (
+*     <div>
+*       <p>Drawing: {state.activeShapeType ?? 'none'}</p>
+*       <button onClick={() => draw('Polygon')}>Draw Polygon</button>
+*       <button onClick={cancel}>Cancel</button>
+*     </div>
+*   );
+* }
+* ```
+*/
+/**
+* Typed event bus instances
+*/
+const drawShapeBus = Broadcast.getInstance();
+const mapModeBus = Broadcast.getInstance();
+/**
+* Default drawing state
+*/
+const DEFAULT_DRAWING_STATE = {
+	activeShapeType: null,
+	tentativeFeature: null,
+	styleDefaults: null,
+	circleDefaults: null
+};
+/**
+* Start drawing a shape
+*/
+function startDrawing(mapId, state, shapeType, options, notify, setState) {
+	if (state.activeShapeType) cancelDrawingInternal(mapId, state, notify, setState);
+	setState({
+		activeShapeType: shapeType,
+		tentativeFeature: null,
+		styleDefaults: options?.styleDefaults ?? null,
+		circleDefaults: options?.circleDefaults ?? null
+	});
+	const cursor = DRAW_CURSOR_MAP[shapeType];
+	requestModeAndCursor(mapId, DRAW_SHAPE_MODE, cursor, DRAW_SHAPE_LAYER_ID);
+	drawShapeBus.emit(DrawShapeEvents.drawing, {
+		shapeType,
+		mapId
+	});
+	notify();
+}
+/**
+* Complete drawing and create a shape
+*/
+function completeDrawingInternal(mapId, state, feature, notify, setState) {
+	if (!state.activeShapeType) throw new Error("Cannot complete drawing - not currently drawing");
+	const shapeType = state.activeShapeType;
+	const styleDefaults = state.styleDefaults;
+	const shape = convertFeatureToShape(feature, shapeType, styleDefaults);
+	setState({
+		activeShapeType: null,
+		tentativeFeature: null,
+		styleDefaults: null,
+		circleDefaults: null
+	});
+	releaseModeAndCursor(mapId, DRAW_SHAPE_LAYER_ID);
+	drawShapeBus.emit(DrawShapeEvents.drawn, {
+		shape,
+		mapId
+	});
+	notify();
+	return shape;
+}
+/**
+* Cancel the current drawing operation
+*/
+function cancelDrawingInternal(mapId, state, notify, setState) {
+	if (!state.activeShapeType) return;
+	const shapeType = state.activeShapeType;
+	setState({
+		activeShapeType: null,
+		tentativeFeature: null,
+		styleDefaults: null,
+		circleDefaults: null
+	});
+	releaseModeAndCursor(mapId, DRAW_SHAPE_LAYER_ID);
+	drawShapeBus.emit(DrawShapeEvents.canceled, {
+		shapeType,
+		mapId
+	});
+	notify();
+}
+/**
+* Draw shape store
+*/
+const drawStore = createMapStore({
+	defaultState: { ...DEFAULT_DRAWING_STATE },
+	actions: (mapId, { get, set, notify }) => ({
+		draw: (shapeType, options) => {
+			startDrawing(mapId, get(), shapeType, options, notify, set);
+		},
+		cancel: () => {
+			cancelDrawingInternal(mapId, get(), notify, set);
+		}
+	}),
+	bus: (mapId, { get }) => {
+		const unsubAuth = mapModeBus.on(MapModeEvents.changeAuthorization, (event) => {
+			const { authId, id } = event.payload;
+			if (id !== mapId) return;
+			if (get().activeShapeType) mapModeBus.emit(MapModeEvents.changeDecision, {
+				authId,
+				approved: false,
+				owner: DRAW_SHAPE_LAYER_ID,
+				reason: "Drawing in progress - cancel drawing first",
+				id: mapId
+			});
+		});
+		return () => {
+			unsubAuth();
+		};
+	},
+	onCleanup: (mapId, state) => {
+		if (state.activeShapeType) {
+			releaseModeAndCursor(mapId, DRAW_SHAPE_LAYER_ID);
+			drawShapeBus.emit(DrawShapeEvents.canceled, {
+				shapeType: state.activeShapeType,
+				mapId
+			});
+		}
+	}
+});
+/**
+* Complete drawing with a feature (called by the layer component)
+*/
+function completeDrawingFromLayer(mapId, feature) {
+	return completeDrawingInternal(mapId, drawStore.get(mapId), feature, () => {}, (updates) => drawStore.set(mapId, updates));
+}
+/**
+* Cancel drawing (called by the layer component)
+*/
+function cancelDrawingFromLayer(mapId) {
+	drawStore.actions(mapId).cancel();
+}
+
+//#endregion
+export { cancelDrawingFromLayer, completeDrawingFromLayer, drawStore };
+//# sourceMappingURL=store.js.map