@accelint/map-toolkit 1.5.0 → 3.0.0

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

@@ -1 +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 * Provides different tooltip content based on the drawing stage:\n * - **Stage 1** (after first click): Distance from first point to cursor\n * - **Stage 2** (after second click): Major/minor axes dimensions and area\n *\n * ## Drawing Flow\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 dimensions and area tooltip\n *\n * ## Geometry Calculations\n * - **Center**: Midpoint between first and second clicks\n * - **Y semi-axis**: Half the distance between clicks 1 and 2\n * - **X semi-axis**: Distance from center to cursor (becomes distance to click 3)\n * - **Area**: π × X semi-axis × Y semi-axis\n *\n * @example\n * ```typescript\n * import { DrawEllipseModeWithTooltip } from '@accelint/map-toolkit/deckgl/shapes/draw-shape-layer/modes';\n *\n * // Used internally by DrawShapeLayer\n * const mode = new DrawEllipseModeWithTooltip();\n * ```\n */\nexport class DrawEllipseModeWithTooltip extends DrawEllipseUsingThreePointsMode {\n  /** Current tooltip state (null when not drawing) */\n  private tooltip: Tooltip | null = null;\n\n  /**\n   * Handle pointer move events to update the tooltip based on drawing stage.\n   *\n   * Stage 1 (1 click): Shows distance from first point to cursor.\n   * Stage 2 (2 clicks): Shows major/minor axes dimensions and ellipse area.\n   *\n   * @param event - Pointer move event with cursor position\n   * @param props - Mode properties including distance units configuration\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  /**\n   * Get the current tooltip array for rendering.\n   *\n   * @returns Array containing the tooltip if one is active, empty array otherwise\n   */\n  override getTooltips(): Tooltip[] {\n    return this.tooltip ? [this.tooltip] : [];\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,IAAa,6BAAb,cAAgD,gCAAgC;;CAE9E,AAAQ,UAA0B;;;;;;;;;;CAWlC,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;;;;;;;;CASL,AAAS,cAAyB;AAChC,SAAO,KAAK,UAAU,CAAC,KAAK,QAAQ,GAAG,EAAE"}
+{"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  DISTANCE_UNIT_SYMBOLS,\n  type DistanceUnit,\n} from '@accelint/constants/units';\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 { DEFAULT_DISTANCE_UNITS } from '@/shared/units';\nimport {\n  formatDistanceTooltip,\n  formatEllipseTooltip,\n} from '../../shared/constants';\n\n/**\n * Extends DrawEllipseUsingThreePointsMode to display contextual tooltips.\n *\n * Provides different tooltip content based on the drawing stage:\n * - **Stage 1** (after first click): Distance from first point to cursor\n * - **Stage 2** (after second click): Major/minor axes dimensions and area\n *\n * ## Drawing Flow\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 dimensions and area tooltip\n *\n * ## Geometry Calculations\n * - **Center**: Midpoint between first and second clicks\n * - **Y semi-axis**: Half the distance between clicks 1 and 2\n * - **X semi-axis**: Distance from center to cursor (becomes distance to click 3)\n * - **Area**: π × X semi-axis × Y semi-axis\n *\n * @example\n * ```typescript\n * import { DrawEllipseModeWithTooltip } from '@accelint/map-toolkit/deckgl/shapes/draw-shape-layer/modes';\n *\n * // Used internally by DrawShapeLayer\n * const mode = new DrawEllipseModeWithTooltip();\n * ```\n */\nexport class DrawEllipseModeWithTooltip extends DrawEllipseUsingThreePointsMode {\n  /** Current tooltip state (null when not drawing) */\n  private tooltip: Tooltip | null = null;\n\n  /**\n   * Handle pointer move events to update the tooltip based on drawing stage.\n   *\n   * Stage 1 (1 click): Shows distance from first point to cursor.\n   * Stage 2 (2 clicks): Shows major/minor axes dimensions and ellipse area.\n   *\n   * @param event - Pointer move event with cursor position\n   * @param props - Mode properties including distance units configuration\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 as DistanceUnit) ??\n      DEFAULT_DISTANCE_UNITS;\n    const unitAbbrev = DISTANCE_UNIT_SYMBOLS[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  /**\n   * Get the current tooltip array for rendering.\n   *\n   * @returns Array containing the tooltip if one is active, empty array otherwise\n   */\n  override getTooltips(): Tooltip[] {\n    return this.tooltip ? [this.tooltip] : [];\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,IAAa,6BAAb,cAAgD,gCAAgC;;CAE9E,AAAQ,UAA0B;;;;;;;;;;CAWlC,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,gBACH,MAAM,YAAY,iBACnB;EACF,MAAM,aAAa,sBAAsB;EACzC,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;;;;;;;;CASL,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

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 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
@@ -11,9 +11,10 @@
  */
 
 
-import { DEFAULT_DISTANCE_UNITS, getDistanceUnitAbbreviation } from "../../../../shared/units.js";
+import { DEFAULT_DISTANCE_UNITS } from "../../../../shared/units.js";
 import { formatDistanceTooltip } from "../../shared/constants.js";
 import { distance } from "@turf/turf";
+import { DISTANCE_UNIT_SYMBOLS } from "@accelint/constants/units";
 import { DrawLineStringMode } from "@deck.gl-community/editable-layers";
 
 //#region src/deckgl/shapes/draw-shape-layer/modes/draw-line-string-mode-with-tooltip.ts
@@ -29,9 +30,6 @@ import { DrawLineStringMode } from "@deck.gl-community/editable-layers";
 * 3. Click to add more points
 * 4. Double-click to finish the line string
 *
-* ## Double-Click Workaround
-* 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).
 *
 * @example
 * ```typescript
@@ -44,8 +42,6 @@ import { DrawLineStringMode } from "@deck.gl-community/editable-layers";
 var DrawLineStringModeWithTooltip = class extends DrawLineStringMode {
 	/** Current tooltip state (null when not drawing) */
 	tooltip = null;
-	/** Cached mode props for double-click workaround */
-	lastModeProps = null;
 	/**
 	* Finish drawing the line string.
 	*
@@ -64,20 +60,10 @@ var DrawLineStringModeWithTooltip = class extends DrawLineStringMode {
 		};
 		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.
 	*
 	* Caches the mode props so that the external double-click handler can
@@ -87,7 +73,6 @@ var DrawLineStringModeWithTooltip = class extends DrawLineStringMode {
 	* @param props - Mode properties including onEdit callback
 	*/
 	handleClick(event, props) {
-		this.lastModeProps = props;
 		super.handleClick(event, props);
 	}
 	/**
@@ -108,10 +93,11 @@ var DrawLineStringModeWithTooltip = class extends DrawLineStringMode {
 		}
 		const { mapCoords } = event;
 		const distanceUnits = props.modeConfig?.distanceUnits ?? DEFAULT_DISTANCE_UNITS;
-		const lastPoint = clickSequence[clickSequence.length - 1];
+		const dist = distance(clickSequence.at(-1), mapCoords, { units: distanceUnits });
+		const unitAbbrev = DISTANCE_UNIT_SYMBOLS[distanceUnits];
 		this.tooltip = {
 			position: mapCoords,
-			text: formatDistanceTooltip(distance(lastPoint, mapCoords, { units: distanceUnits }), getDistanceUnitAbbreviation(distanceUnits))
+			text: formatDistanceTooltip(dist, unitAbbrev)
 		};
 	}
 	/**

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

@@ -1 +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. The tooltip updates in real-time as the cursor moves.\n *\n * ## Drawing Flow\n * 1. Click to add first point\n * 2. Move cursor (tooltip shows distance from last point)\n * 3. Click to add more points\n * 4. Double-click to finish the line string\n *\n * ## Double-Click Workaround\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 *\n * @example\n * ```typescript\n * import { DrawLineStringModeWithTooltip } from '@accelint/map-toolkit/deckgl/shapes/draw-shape-layer/modes';\n *\n * // Used internally by DrawShapeLayer\n * const mode = new DrawLineStringModeWithTooltip();\n * ```\n */\nexport class DrawLineStringModeWithTooltip extends DrawLineStringMode {\n  /** Current tooltip state (null when not drawing) */\n  private tooltip: Tooltip | null = null;\n  /** Cached mode props for double-click workaround */\n  private lastModeProps: ModeProps<FeatureCollection> | null = null;\n\n  /**\n   * Finish drawing the line string.\n   *\n   * Creates a LineString geometry from the click sequence and emits an edit action.\n   * Requires at least 2 points to create a valid line string.\n   * Extracted to share between double-click workaround and parent class logic.\n   *\n   * @param props - Mode properties with onEdit callback\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   * Caches the mode props so that the external double-click handler can\n   * access them when finishing the drawing.\n   *\n   * @param event - Click event with map coordinates\n   * @param props - Mode properties including onEdit callback\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  /**\n   * Handle pointer move events to update the tooltip with distance.\n   *\n   * Calculates the distance from the last clicked point to the current\n   * cursor position and displays it in the configured distance units.\n   *\n   * @param event - Pointer move event with cursor position\n   * @param props - Mode properties including distance units configuration\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  /**\n   * Get the current tooltip array for rendering.\n   *\n   * @returns Array containing the tooltip if one is active, empty array otherwise\n   */\n  override getTooltips(): Tooltip[] {\n    return this.tooltip ? [this.tooltip] : [];\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,IAAa,gCAAb,cAAmD,mBAAmB;;CAEpE,AAAQ,UAA0B;;CAElC,AAAQ,gBAAqD;;;;;;;;;;CAW7D,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;;;;;;;;;;;CAa1C,AAAS,YACP,OACA,OACM;AAEN,OAAK,gBAAgB;AACrB,QAAM,YAAY,OAAO,MAAM;;;;;;;;;;;CAYjC,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;;;;;;;CAQH,AAAS,cAAyB;AAChC,SAAO,KAAK,UAAU,CAAC,KAAK,QAAQ,GAAG,EAAE"}
+{"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  DISTANCE_UNIT_SYMBOLS,\n  type DistanceUnit,\n} from '@accelint/constants/units';\nimport {\n  type ClickEvent,\n  DrawLineStringMode,\n  type FeatureCollection,\n  type ModeProps,\n  type PointerMoveEvent,\n  type SimpleFeatureCollection,\n  type Tooltip,\n} from '@deck.gl-community/editable-layers';\nimport { type Coord, distance } from '@turf/turf';\nimport { DEFAULT_DISTANCE_UNITS } 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. The tooltip updates in real-time as the cursor moves.\n *\n * ## Drawing Flow\n * 1. Click to add first point\n * 2. Move cursor (tooltip shows distance from last point)\n * 3. Click to add more points\n * 4. Double-click to finish the line string\n *\n *\n * @example\n * ```typescript\n * import { DrawLineStringModeWithTooltip } from '@accelint/map-toolkit/deckgl/shapes/draw-shape-layer/modes';\n *\n * // Used internally by DrawShapeLayer\n * const mode = new DrawLineStringModeWithTooltip();\n * ```\n */\nexport class DrawLineStringModeWithTooltip extends DrawLineStringMode {\n  /** Current tooltip state (null when not drawing) */\n  private tooltip: Tooltip | null = null;\n\n  /**\n   * Finish drawing the line string.\n   *\n   * Creates a LineString geometry from the click sequence and emits an edit action.\n   * Requires at least 2 points to create a valid line string.\n   * Extracted to share between double-click workaround and parent class logic.\n   *\n   * @param props - Mode properties with onEdit callback\n   */\n  override finishDrawing(props: ModeProps<SimpleFeatureCollection>): 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\n    const editAction = this.getAddFeatureAction(lineStringToAdd, props.data);\n    if (editAction) {\n      props.onEdit(editAction);\n    }\n  }\n\n  /**\n   * Override handleClick to store props for double-click workaround.\n   *\n   * Caches the mode props so that the external double-click handler can\n   * access them when finishing the drawing.\n   *\n   * @param event - Click event with map coordinates\n   * @param props - Mode properties including onEdit callback\n   */\n  override handleClick(\n    event: ClickEvent,\n    props: ModeProps<SimpleFeatureCollection>,\n  ): void {\n    super.handleClick(event, props);\n  }\n\n  /**\n   * Handle pointer move events to update the tooltip with distance.\n   *\n   * Calculates the distance from the last clicked point to the current\n   * cursor position and displays it in the configured distance units.\n   *\n   * @param event - Pointer move event with cursor position\n   * @param props - Mode properties including distance units configuration\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 as DistanceUnit) ??\n      DEFAULT_DISTANCE_UNITS;\n\n    const lastPoint = clickSequence.at(-1) as Coord;\n    const currentPoint = mapCoords as Coord;\n\n    const dist = distance(lastPoint, currentPoint, { units: distanceUnits });\n    const unitAbbrev = DISTANCE_UNIT_SYMBOLS[distanceUnits];\n\n    this.tooltip = {\n      position: mapCoords,\n      text: formatDistanceTooltip(dist, unitAbbrev),\n    };\n  }\n\n  /**\n   * Get the current tooltip array for rendering.\n   *\n   * @returns Array containing the tooltip if one is active, empty array otherwise\n   */\n  override getTooltips(): Tooltip[] {\n    return this.tooltip ? [this.tooltip] : [];\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,IAAa,gCAAb,cAAmD,mBAAmB;;CAEpE,AAAQ,UAA0B;;;;;;;;;;CAWlC,AAAS,cAAc,OAAiD;EACtE,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;EAEf,MAAM,aAAa,KAAK,oBAAoB,iBAAiB,MAAM,KAAK;AACxE,MAAI,WACF,OAAM,OAAO,WAAW;;;;;;;;;;;CAa5B,AAAS,YACP,OACA,OACM;AACN,QAAM,YAAY,OAAO,MAAM;;;;;;;;;;;CAYjC,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,gBACH,MAAM,YAAY,iBACnB;EAKF,MAAM,OAAO,SAHK,cAAc,GAAG,GAAG,EACjB,WAE0B,EAAE,OAAO,eAAe,CAAC;EACxE,MAAM,aAAa,sBAAsB;AAEzC,OAAK,UAAU;GACb,UAAU;GACV,MAAM,sBAAsB,MAAM,WAAW;GAC9C;;;;;;;CAQH,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

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 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
@@ -11,9 +11,10 @@
  */
 
 
-import { DEFAULT_DISTANCE_UNITS, getDistanceUnitAbbreviation } from "../../../../shared/units.js";
+import { DEFAULT_DISTANCE_UNITS } from "../../../../shared/units.js";
 import { formatDistanceTooltip } from "../../shared/constants.js";
 import { distance } from "@turf/turf";
+import { DISTANCE_UNIT_SYMBOLS } from "@accelint/constants/units";
 import { DrawPolygonMode } from "@deck.gl-community/editable-layers";
 
 //#region src/deckgl/shapes/draw-shape-layer/modes/draw-polygon-mode-with-tooltip.ts
@@ -29,9 +30,6 @@ import { DrawPolygonMode } from "@deck.gl-community/editable-layers";
 * 3. Click to add more vertices
 * 4. Double-click or click the starting point to close the polygon
 *
-* ## Double-Click Workaround
-* 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).
 *
 * @example
 * ```typescript
@@ -44,15 +42,12 @@ import { DrawPolygonMode } from "@deck.gl-community/editable-layers";
 var DrawPolygonModeWithTooltip = class extends DrawPolygonMode {
 	/** Current tooltip state (null when not drawing) */
 	tooltip = null;
-	/** Cached mode props for double-click workaround */
-	lastModeProps = null;
 	/**
 	* Finish drawing the polygon.
 	*
 	* Creates a Polygon geometry from the click sequence and emits an edit action.
 	* Requires at least 3 points to create a valid polygon. Automatically closes
 	* the polygon by adding the first point to the end of the coordinate ring.
-	* Extracted to share between double-click workaround and parent class logic.
 	*
 	* @param props - Mode properties with onEdit callback
 	*/
@@ -66,33 +61,10 @@ var DrawPolygonModeWithTooltip = class extends DrawPolygonMode {
 		};
 		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.
-	*
-	* Caches the mode props so that the external double-click handler can
-	* access them when finishing the drawing.
-	*
-	* @param event - Click event with map coordinates
-	* @param props - Mode properties including onEdit callback
-	*/
-	handleClick(event, props) {
-		this.lastModeProps = props;
-		super.handleClick(event, props);
-	}
-	/**
 	* Handle pointer move events to update the tooltip with distance.
 	*
 	* Calculates the distance from the last clicked vertex to the current
@@ -110,10 +82,11 @@ var DrawPolygonModeWithTooltip = class extends DrawPolygonMode {
 		}
 		const { mapCoords } = event;
 		const distanceUnits = props.modeConfig?.distanceUnits ?? DEFAULT_DISTANCE_UNITS;
-		const lastPoint = clickSequence[clickSequence.length - 1];
+		const dist = distance(clickSequence.at(-1), mapCoords, { units: distanceUnits });
+		const unitAbbrev = DISTANCE_UNIT_SYMBOLS[distanceUnits];
 		this.tooltip = {
 			position: mapCoords,
-			text: formatDistanceTooltip(distance(lastPoint, mapCoords, { units: distanceUnits }), getDistanceUnitAbbreviation(distanceUnits))
+			text: formatDistanceTooltip(dist, unitAbbrev)
 		};
 	}
 	/**

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

@@ -1 +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. The tooltip updates in real-time as the cursor moves.\n *\n * ## Drawing Flow\n * 1. Click to add first vertex\n * 2. Move cursor (tooltip shows distance from last vertex)\n * 3. Click to add more vertices\n * 4. Double-click or click the starting point to close the polygon\n *\n * ## Double-Click Workaround\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 *\n * @example\n * ```typescript\n * import { DrawPolygonModeWithTooltip } from '@accelint/map-toolkit/deckgl/shapes/draw-shape-layer/modes';\n *\n * // Used internally by DrawShapeLayer\n * const mode = new DrawPolygonModeWithTooltip();\n * ```\n */\nexport class DrawPolygonModeWithTooltip extends DrawPolygonMode {\n  /** Current tooltip state (null when not drawing) */\n  private tooltip: Tooltip | null = null;\n  /** Cached mode props for double-click workaround */\n  private lastModeProps: ModeProps<FeatureCollection> | null = null;\n\n  /**\n   * Finish drawing the polygon.\n   *\n   * Creates a Polygon geometry from the click sequence and emits an edit action.\n   * Requires at least 3 points to create a valid polygon. Automatically closes\n   * the polygon by adding the first point to the end of the coordinate ring.\n   * Extracted to share between double-click workaround and parent class logic.\n   *\n   * @param props - Mode properties with onEdit callback\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   * Caches the mode props so that the external double-click handler can\n   * access them when finishing the drawing.\n   *\n   * @param event - Click event with map coordinates\n   * @param props - Mode properties including onEdit callback\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  /**\n   * Handle pointer move events to update the tooltip with distance.\n   *\n   * Calculates the distance from the last clicked vertex to the current\n   * cursor position and displays it in the configured distance units.\n   *\n   * @param event - Pointer move event with cursor position\n   * @param props - Mode properties including distance units configuration\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  /**\n   * Get the current tooltip array for rendering.\n   *\n   * @returns Array containing the tooltip if one is active, empty array otherwise\n   */\n  override getTooltips(): Tooltip[] {\n    return this.tooltip ? [this.tooltip] : [];\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,IAAa,6BAAb,cAAgD,gBAAgB;;CAE9D,AAAQ,UAA0B;;CAElC,AAAQ,gBAAqD;;;;;;;;;;;CAY7D,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;;;;;;;;;;;CAa1C,AAAS,YACP,OACA,OACM;AAEN,OAAK,gBAAgB;AACrB,QAAM,YAAY,OAAO,MAAM;;;;;;;;;;;CAYjC,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;;;;;;;CAQH,AAAS,cAAyB;AAChC,SAAO,KAAK,UAAU,CAAC,KAAK,QAAQ,GAAG,EAAE"}
+{"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  DISTANCE_UNIT_SYMBOLS,\n  type DistanceUnit,\n} from '@accelint/constants/units';\nimport {\n  DrawPolygonMode,\n  type FeatureCollection,\n  type ModeProps,\n  type PointerMoveEvent,\n  type SimpleFeatureCollection,\n  type Tooltip,\n} from '@deck.gl-community/editable-layers';\nimport { type Coord, distance } from '@turf/turf';\nimport { DEFAULT_DISTANCE_UNITS } 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. The tooltip updates in real-time as the cursor moves.\n *\n * ## Drawing Flow\n * 1. Click to add first vertex\n * 2. Move cursor (tooltip shows distance from last vertex)\n * 3. Click to add more vertices\n * 4. Double-click or click the starting point to close the polygon\n *\n *\n * @example\n * ```typescript\n * import { DrawPolygonModeWithTooltip } from '@accelint/map-toolkit/deckgl/shapes/draw-shape-layer/modes';\n *\n * // Used internally by DrawShapeLayer\n * const mode = new DrawPolygonModeWithTooltip();\n * ```\n */\nexport class DrawPolygonModeWithTooltip extends DrawPolygonMode {\n  /** Current tooltip state (null when not drawing) */\n  private tooltip: Tooltip | null = null;\n\n  /**\n   * Finish drawing the polygon.\n   *\n   * Creates a Polygon geometry from the click sequence and emits an edit action.\n   * Requires at least 3 points to create a valid polygon. Automatically closes\n   * the polygon by adding the first point to the end of the coordinate ring.\n   *\n   * @param props - Mode properties with onEdit callback\n   */\n  override finishDrawing(props: ModeProps<SimpleFeatureCollection>): 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\n    const editAction = this.getAddFeatureOrBooleanPolygonAction(\n      polygonToAdd,\n      props,\n    );\n    if (editAction) {\n      props.onEdit(editAction);\n    }\n  }\n\n  /**\n   * Handle pointer move events to update the tooltip with distance.\n   *\n   * Calculates the distance from the last clicked vertex to the current\n   * cursor position and displays it in the configured distance units.\n   *\n   * @param event - Pointer move event with cursor position\n   * @param props - Mode properties including distance units configuration\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 as DistanceUnit) ??\n      DEFAULT_DISTANCE_UNITS;\n\n    const lastPoint = clickSequence.at(-1) as Coord;\n    const currentPoint = mapCoords as Coord;\n\n    const dist = distance(lastPoint, currentPoint, { units: distanceUnits });\n    const unitAbbrev = DISTANCE_UNIT_SYMBOLS[distanceUnits];\n\n    this.tooltip = {\n      position: mapCoords,\n      text: formatDistanceTooltip(dist, unitAbbrev),\n    };\n  }\n\n  /**\n   * Get the current tooltip array for rendering.\n   *\n   * @returns Array containing the tooltip if one is active, empty array otherwise\n   */\n  override getTooltips(): Tooltip[] {\n    return this.tooltip ? [this.tooltip] : [];\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,IAAa,6BAAb,cAAgD,gBAAgB;;CAE9D,AAAQ,UAA0B;;;;;;;;;;CAWlC,AAAS,cAAc,OAAiD;EACtE,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;EAEf,MAAM,aAAa,KAAK,oCACtB,cACA,MACD;AACD,MAAI,WACF,OAAM,OAAO,WAAW;;;;;;;;;;;CAa5B,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,gBACH,MAAM,YAAY,iBACnB;EAKF,MAAM,OAAO,SAHK,cAAc,GAAG,GAAG,EACjB,WAE0B,EAAE,OAAO,eAAe,CAAC;EACxE,MAAM,aAAa,sBAAsB;AAEzC,OAAK,UAAU;GACb,UAAU;GACV,MAAM,sBAAsB,MAAM,WAAW;GAC9C;;;;;;;CAQH,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

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 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
@@ -11,11 +11,12 @@
  */
 
 
-import { DEFAULT_DISTANCE_UNITS, getDistanceUnitAbbreviation } from "../../../../shared/units.js";
+import { DEFAULT_DISTANCE_UNITS } from "../../../../shared/units.js";
 import { formatRectangleTooltip } from "../../shared/constants.js";
 import { area, bbox, bboxPolygon, convertArea, destination, distance } from "@turf/turf";
+import { DISTANCE_UNIT_SYMBOLS } from "@accelint/constants/units";
 import { DrawRectangleMode } from "@deck.gl-community/editable-layers";
-import { featureCollection, point as point$1 } from "@turf/helpers";
+import { featureCollection, point } from "@turf/helpers";
 
 //#region src/deckgl/shapes/draw-shape-layer/modes/draw-rectangle-mode-with-tooltip.ts
 /**
@@ -67,12 +68,12 @@ var DrawRectangleModeWithTooltip = class extends DrawRectangleMode {
 			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 horizontalDist = distance(point([lon1, lat1]), point([lon2, lat1]), { units: "kilometers" });
+			const verticalDist = distance(point([lon1, lat1]), point([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;
+			finalCoord2 = destination(destination(point([lon1, lat1]), maxDist, lonSign > 0 ? 90 : 270, { units: "kilometers" }), maxDist, latSign > 0 ? 0 : 180, { units: "kilometers" }).geometry.coordinates;
 		}
 		return super.getTwoClickPolygon(coord1, finalCoord2, modeConfig);
 	}
@@ -89,20 +90,23 @@ var DrawRectangleModeWithTooltip = class extends DrawRectangleMode {
 	handlePointerMove(event, props) {
 		this.isShiftPressed = event.sourceEvent?.shiftKey ?? false;
 		super.handlePointerMove(event, props);
-		const clickSequence = this.getClickSequence();
-		const firstClick = clickSequence[clickSequence.length - 1];
+		const firstClick = this.getClickSequence().at(-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]]);
+		const firstClickPoint = point(firstClick);
+		const currentPoint = point(mapCoords);
+		const cornerPoint = point([firstClick[0], mapCoords[1]]);
+		const dimension1 = distance(firstClickPoint, cornerPoint, { units: distanceUnits });
+		const dimension2 = distance(currentPoint, cornerPoint, { units: distanceUnits });
+		const convertedArea = convertArea(area(bboxPolygon(bbox(featureCollection([firstClickPoint, currentPoint])))), "meters", distanceUnits);
+		const unitAbbrev = DISTANCE_UNIT_SYMBOLS[distanceUnits];
 		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))
+			text: formatRectangleTooltip(dimension1, dimension2, convertedArea, unitAbbrev)
 		};
 	}
 	/**

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

@@ -1 +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 * The tooltip updates in real-time as the cursor moves, displaying measurements\n * in the configured distance units.\n *\n * ## Drawing Flow\n * 1. Click to set first corner\n * 2. Move cursor (tooltip shows dimensions and area)\n * 3. Click to set opposite corner and finish the rectangle\n *\n * ## Shift-to-Square Constraint\n * Hold Shift while drawing to constrain the rectangle to a square with equal sides.\n * Uses real-world distances (via Turf.js) to account for lat/lon distortion.\n *\n * @example\n * ```typescript\n * import { DrawRectangleModeWithTooltip } from '@accelint/map-toolkit/deckgl/shapes/draw-shape-layer/modes';\n *\n * // Used internally by DrawShapeLayer\n * const mode = new DrawRectangleModeWithTooltip();\n * ```\n */\nexport class DrawRectangleModeWithTooltip extends DrawRectangleMode {\n  /** Current tooltip state (null when not drawing) */\n  private tooltip: Tooltip | null = null;\n  /** Tracks whether Shift key is currently pressed for square constraint */\n  private isShiftPressed = false;\n\n  /**\n   * Override getTwoClickPolygon to support Shift-constrained squares.\n   *\n   * When Shift is held, constrains the rectangle to a square by using the larger\n   * of the horizontal or vertical distances as the side length. Uses real-world\n   * geographic distances (via Turf.js) to account for lat/lon distortion at different\n   * latitudes.\n   *\n   * @param coord1 - First corner coordinates [lon, lat]\n   * @param coord2 - Second corner coordinates [lon, lat]\n   * @param modeConfig - Mode configuration options\n   * @returns Polygon geometry for the rectangle or square\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  /**\n   * Handle pointer move events to update the tooltip with rectangle measurements.\n   *\n   * Tracks the Shift key state for square constraint and calculates the width,\n   * height, and area of the rectangle being drawn. Uses Turf.js for accurate\n   * geographic distance and area calculations.\n   *\n   * @param event - Pointer move event with cursor position and source event\n   * @param props - Mode properties including distance units configuration\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  /**\n   * Get the current tooltip array for rendering.\n   *\n   * @returns Array containing the tooltip if one is active, empty array otherwise\n   */\n  override getTooltips(): Tooltip[] {\n    return this.tooltip ? [this.tooltip] : [];\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DA,IAAa,+BAAb,cAAkD,kBAAkB;;CAElE,AAAQ,UAA0B;;CAElC,AAAQ,iBAAiB;;;;;;;;;;;;;;CAezB,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;;;;;;;;;;;;CAalE,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;;;;;;;CAQH,AAAS,cAAyB;AAChC,SAAO,KAAK,UAAU,CAAC,KAAK,QAAQ,GAAG,EAAE"}
+{"version":3,"file":"draw-rectangle-mode-with-tooltip.js","names":[],"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  DISTANCE_UNIT_SYMBOLS,\n  type DistanceUnit,\n} from '@accelint/constants/units';\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 { DEFAULT_DISTANCE_UNITS } 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 * The tooltip updates in real-time as the cursor moves, displaying measurements\n * in the configured distance units.\n *\n * ## Drawing Flow\n * 1. Click to set first corner\n * 2. Move cursor (tooltip shows dimensions and area)\n * 3. Click to set opposite corner and finish the rectangle\n *\n * ## Shift-to-Square Constraint\n * Hold Shift while drawing to constrain the rectangle to a square with equal sides.\n * Uses real-world distances (via Turf.js) to account for lat/lon distortion.\n *\n * @example\n * ```typescript\n * import { DrawRectangleModeWithTooltip } from '@accelint/map-toolkit/deckgl/shapes/draw-shape-layer/modes';\n *\n * // Used internally by DrawShapeLayer\n * const mode = new DrawRectangleModeWithTooltip();\n * ```\n */\nexport class DrawRectangleModeWithTooltip extends DrawRectangleMode {\n  /** Current tooltip state (null when not drawing) */\n  private tooltip: Tooltip | null = null;\n  /** Tracks whether Shift key is currently pressed for square constraint */\n  private isShiftPressed = false;\n\n  /**\n   * Override getTwoClickPolygon to support Shift-constrained squares.\n   *\n   * When Shift is held, constrains the rectangle to a square by using the larger\n   * of the horizontal or vertical distances as the side length. Uses real-world\n   * geographic distances (via Turf.js) to account for lat/lon distortion at different\n   * latitudes.\n   *\n   * @param coord1 - First corner coordinates [lon, lat]\n   * @param coord2 - Second corner coordinates [lon, lat]\n   * @param modeConfig - Mode configuration options\n   * @returns Polygon geometry for the rectangle or square\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  /**\n   * Handle pointer move events to update the tooltip with rectangle measurements.\n   *\n   * Tracks the Shift key state for square constraint and calculates the width,\n   * height, and area of the rectangle being drawn. Uses Turf.js for accurate\n   * geographic distance and area calculations.\n   *\n   * @param event - Pointer move event with cursor position and source event\n   * @param props - Mode properties including distance units configuration\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.at(-1);\n    if (!firstClick) {\n      this.tooltip = null;\n      return;\n    }\n\n    const { mapCoords } = event;\n    const distanceUnits =\n      (props.modeConfig?.distanceUnits as DistanceUnit) ??\n      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 = DISTANCE_UNIT_SYMBOLS[distanceUnits];\n\n    this.tooltip = {\n      position: mapCoords,\n      text: formatRectangleTooltip(\n        dimension1,\n        dimension2,\n        convertedArea,\n        unitAbbrev,\n      ),\n    };\n  }\n\n  /**\n   * Get the current tooltip array for rendering.\n   *\n   * @returns Array containing the tooltip if one is active, empty array otherwise\n   */\n  override getTooltips(): Tooltip[] {\n    return this.tooltip ? [this.tooltip] : [];\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,IAAa,+BAAb,cAAkD,kBAAkB;;CAElE,AAAQ,UAA0B;;CAElC,AAAQ,iBAAiB;;;;;;;;;;;;;;CAezB,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,SACrB,MAAM,CAAC,MAAM,KAAK,CAAC,EACnB,MAAM,CAAC,MAAM,KAAK,CAAC,EACnB,EACE,OAAO,cACR,CACF;GAED,MAAM,eAAe,SAAS,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,MAAM,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,YACtB,MAAM,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;;;;;;;;;;;;CAalE,AAAS,kBACP,OACA,OACA;AAGA,OAAK,iBADe,MAAM,aACS,YAAY;AAE/C,QAAM,kBAAkB,OAAO,MAAM;EAGrC,MAAM,aADgB,KAAK,kBAAkB,CACZ,GAAG,GAAG;AACvC,MAAI,CAAC,YAAY;AACf,QAAK,UAAU;AACf;;EAGF,MAAM,EAAE,cAAc;EACtB,MAAM,gBACH,MAAM,YAAY,iBACnB;EAEF,MAAM,kBAAkB,MAAM,WAAW;EACzC,MAAM,eAAe,MAAM,UAAU;EAGrC,MAAM,cAAc,MAAM,CACxB,WAAW,IACX,UAAU,GACX,CAAC;EACF,MAAM,aAAa,SAAS,iBAAiB,aAAa,EACxD,OAAO,eACR,CAAC;EACF,MAAM,aAAa,SAAS,cAAc,aAAa,EACrD,OAAO,eACR,CAAC;EAMF,MAAM,gBAAgB,YADL,KADA,YAAY,KADd,kBAAkB,CAAC,iBAAiB,aAAa,CAAC,CACxB,CAAC,CACX,EACa,UAAU,cAAc;EACpE,MAAM,aAAa,sBAAsB;AAEzC,OAAK,UAAU;GACb,UAAU;GACV,MAAM,uBACJ,YACA,YACA,eACA,WACD;GACF;;;;;;;CAQH,AAAS,cAAyB;AAChC,SAAO,KAAK,UAAU,CAAC,KAAK,QAAQ,GAAG,EAAE"}

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

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 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
@@ -64,37 +64,7 @@ const MODE_INSTANCES = {
 function getModeInstance(shapeType) {
 	return MODE_INSTANCES[shapeType];
 }
-/**
-* Trigger double-click finish on the active drawing 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.
-*
-* Only LineString and Polygon modes support double-click to finish. Other shape
-* types are completed with a single click and ignore this call.
-*
-* @param shapeType - The shape type currently being drawn
-* @see https://github.com/visgl/deck.gl-community/pull/225
-*
-* @example
-* ```typescript
-* import { triggerDoubleClickFinish } from '@accelint/map-toolkit/deckgl/shapes/draw-shape-layer/modes';
-* import { ShapeFeatureType } from '@accelint/map-toolkit/deckgl/shapes/shared/types';
-*
-* // Listen for double-click at the DOM level
-* mapContainer.addEventListener('dblclick', () => {
-*   if (currentShapeType === ShapeFeatureType.Polygon) {
-*     triggerDoubleClickFinish(currentShapeType);
-*   }
-* });
-* ```
-*/
-function triggerDoubleClickFinish(shapeType) {
-	const mode = MODE_INSTANCES[shapeType];
-	if (mode instanceof DrawPolygonModeWithTooltip || mode instanceof DrawLineStringModeWithTooltip) mode.handleDoubleClick();
-}
 
 //#endregion
-export { getModeInstance, triggerDoubleClickFinish };
+export { getModeInstance };
 //# sourceMappingURL=index.js.map

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

@@ -1 +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 * Returns the pre-instantiated drawing mode for the specified shape type.\n * Modes are cached at module level to prevent deck.gl assertion failures\n * that occur when creating new mode instances on each render.\n *\n * @param shapeType - The shape type to get the mode for\n * @returns The cached mode instance for drawing that shape type\n *\n * @example\n * ```typescript\n * import { getModeInstance } from '@accelint/map-toolkit/deckgl/shapes/draw-shape-layer/modes';\n * import { ShapeFeatureType } from '@accelint/map-toolkit/deckgl/shapes/shared/types';\n *\n * // Get the mode for drawing circles\n * const circleMode = getModeInstance(ShapeFeatureType.Circle);\n *\n * // Use with EditableGeoJsonLayer\n * const layer = new EditableGeoJsonLayer({\n *   mode: circleMode,\n *   // ... other props\n * });\n * ```\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 pre-instantiated ViewMode which is the default mode when\n * no drawing operation is active. This mode allows viewing and interacting\n * with the map without drawing new shapes.\n *\n * @returns The cached ViewMode instance\n *\n * @example\n * ```typescript\n * import { getViewModeInstance } from '@accelint/map-toolkit/deckgl/shapes/draw-shape-layer/modes';\n *\n * // Get the view mode (default when not drawing)\n * const viewMode = getViewModeInstance();\n *\n * // Use with EditableGeoJsonLayer\n * const layer = new EditableGeoJsonLayer({\n *   mode: viewMode,\n *   // ... other props\n * });\n * ```\n */\nexport function getViewModeInstance(): ViewMode {\n  return MODE_INSTANCES.view;\n}\n\n/**\n * Trigger double-click finish on the active drawing mode.\n *\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 * Only LineString and Polygon modes support double-click to finish. Other shape\n * types are completed with a single click and ignore this call.\n *\n * @param shapeType - The shape type currently being drawn\n * @see https://github.com/visgl/deck.gl-community/pull/225\n *\n * @example\n * ```typescript\n * import { triggerDoubleClickFinish } from '@accelint/map-toolkit/deckgl/shapes/draw-shape-layer/modes';\n * import { ShapeFeatureType } from '@accelint/map-toolkit/deckgl/shapes/shared/types';\n *\n * // Listen for double-click at the DOM level\n * mapContainer.addEventListener('dblclick', () => {\n *   if (currentShapeType === ShapeFeatureType.Polygon) {\n *     triggerDoubleClickFinish(currentShapeType);\n *   }\n * });\n * ```\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;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BD,SAAgB,gBACd,WAC2C;AAC3C,QAAO,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDxB,SAAgB,yBAAyB,WAAmC;CAC1E,MAAM,OAAO,eAAe;AAG5B,KACE,gBAAgB,8BAChB,gBAAgB,8BAEhB,MAAK,mBAAmB"}
+{"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 * Returns the pre-instantiated drawing mode for the specified shape type.\n * Modes are cached at module level to prevent deck.gl assertion failures\n * that occur when creating new mode instances on each render.\n *\n * @param shapeType - The shape type to get the mode for\n * @returns The cached mode instance for drawing that shape type\n *\n * @example\n * ```typescript\n * import { getModeInstance } from '@accelint/map-toolkit/deckgl/shapes/draw-shape-layer/modes';\n * import { ShapeFeatureType } from '@accelint/map-toolkit/deckgl/shapes/shared/types';\n *\n * // Get the mode for drawing circles\n * const circleMode = getModeInstance(ShapeFeatureType.Circle);\n *\n * // Use with EditableGeoJsonLayer\n * const layer = new EditableGeoJsonLayer({\n *   mode: circleMode,\n *   // ... other props\n * });\n * ```\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 pre-instantiated ViewMode which is the default mode when\n * no drawing operation is active. This mode allows viewing and interacting\n * with the map without drawing new shapes.\n *\n * @returns The cached ViewMode instance\n *\n * @example\n * ```typescript\n * import { getViewModeInstance } from '@accelint/map-toolkit/deckgl/shapes/draw-shape-layer/modes';\n *\n * // Get the view mode (default when not drawing)\n * const viewMode = getViewModeInstance();\n *\n * // Use with EditableGeoJsonLayer\n * const layer = new EditableGeoJsonLayer({\n *   mode: viewMode,\n *   // ... other props\n * });\n * ```\n */\nexport function getViewModeInstance(): ViewMode {\n  return MODE_INSTANCES.view;\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;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BD,SAAgB,gBACd,WAC2C;AAC3C,QAAO,eAAe"}

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

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 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

package/dist/deckgl/shapes/draw-shape-layer/types.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 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
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import { DistanceUnitAbbreviation } from "../../../shared/units.js";
 import { CircleProperties, Shape, ShapeFeatureType, StyleProperties } from "../shared/types.js";
 import { UniqueId } from "@accelint/core";
+import { DistanceUnitSymbol } from "@accelint/constants/units";
 import { Feature } from "geojson";
 
 //#region src/deckgl/shapes/draw-shape-layer/types.d.ts
@@ -75,7 +75,7 @@ type DrawShapeLayerProps = {
    */
   mapId?: UniqueId;
   /** Distance unit for tooltip measurements (defaults to 'km') */
-  unit?: DistanceUnitAbbreviation;
+  unit?: DistanceUnitSymbol;
 };
 /**
  * Function type for the draw action

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

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 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

package/dist/deckgl/shapes/draw-shape-layer/use-draw-shape.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 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

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

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 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

package/dist/deckgl/shapes/draw-shape-layer/utils/feature-conversion.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 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
@@ -13,20 +13,15 @@
 
 'use client';
 
+import { createLoggerDomain } from "../../../../shared/logger.js";
 import { ShapeFeatureType } from "../../shared/types.js";
 import { DEFAULT_DISTANCE_UNITS } from "../../../../shared/units.js";
 import { DEFAULT_STYLE_PROPERTIES } from "../../shared/constants.js";
-import { getLogger } from "@accelint/logger";
 import { uuid } from "@accelint/core";
 import { centroid, distance } from "@turf/turf";
 
 //#region src/deckgl/shapes/draw-shape-layer/utils/feature-conversion.ts
-const logger = getLogger({
-	enabled: process.env.NODE_ENV !== "production",
-	level: "warn",
-	prefix: "[FeatureConversion]",
-	pretty: true
-});
+const logger = createLoggerDomain("[FeatureConversion]");
 /**
 * Generate a default name for a shape based on its type.
 *