@watergis/maplibre-gl-terradraw 1.3.10 → 1.3.11

package/dist/maplibre-gl-terradraw.es.js

@@ -15,7 +15,7 @@ var M;
 (function(s) {
   s.Commit = "commit", s.Provisional = "provisional", s.Finish = "finish";
 })(M || (M = {}));
-const T = { SELECTED: "selected", MID_POINT: "midPoint", SELECTION_POINT: "selectionPoint" }, V = "edited", st = "closingPoint", _t = "snappingPoint", kt = "coordinatePoint", rt = "coordinatePointIds";
+const T = { SELECTED: "selected", MID_POINT: "midPoint", SELECTION_POINT: "selectionPoint" }, V = "edited", rt = "closingPoint", _t = "snappingPoint", kt = "coordinatePoint", nt = "coordinatePointIds";
 function wt(s) {
   return !!(s && typeof s == "object" && s !== null && !Array.isArray(s));
 }
@@ -181,7 +181,7 @@ function Bt(s) {
   }
   function o(r, n, a, l) {
     const d = t[r][n], h = t[r][n + 1], c = t[a][l], u = t[a][l + 1], p = function(m, v, f, C) {
-      if (ct(m, f) || ct(m, C) || ct(v, f) || ct(C, f)) return null;
+      if (ut(m, f) || ut(m, C) || ut(v, f) || ut(C, f)) return null;
       const P = m[0], S = m[1], b = v[0], w = v[1], D = f[0], G = f[1], L = C[0], j = C[1], z = (P - b) * (G - j) - (S - w) * (D - L);
       return z === 0 ? null : [((P * w - S * b) * (D - L) - (P - b) * (D * j - G * L)) / z, ((P * w - S * b) * (G - j) - (S - w) * (D * j - G * L)) / z];
     }(d, h, c, u);
@@ -190,7 +190,7 @@ function Bt(s) {
     g = h[0] !== d[0] ? (p[0] - d[0]) / (h[0] - d[0]) : (p[1] - d[1]) / (h[1] - d[1]), y = u[0] !== c[0] ? (p[0] - c[0]) / (u[0] - c[0]) : (p[1] - c[1]) / (u[1] - c[1]), i(g) || i(y) || (p.toString(), e.push(p));
   }
 }
-function ct(s, t) {
+function ut(s, t) {
   return s[0] === t[0] && s[1] === t[1];
 }
 function It(s, t) {
@@ -217,7 +217,7 @@ function bt(s, t) {
   return (e = s.geometry.coordinates[0][0])[0] !== (i = s.geometry.coordinates[0][s.geometry.coordinates[0].length - 1])[0] || e[1] !== i[1] ? { valid: !1, reason: Qe } : { valid: !0 };
   var e, i;
 }
-function dt(s, t) {
+function ht(s, t) {
   const e = bt(s, t);
   return e.valid ? Bt(s) ? { valid: !1, reason: "Feature intersects itself" } : { valid: !0 } : e;
 }
@@ -278,7 +278,7 @@ class Ce extends N {
     return t.type === "Feature" && t.geometry.type === "Polygon" && t.properties.mode === this.mode && (e.polygonFillColor = this.getHexColorStylingValue(this.styles.fillColor, e.polygonFillColor, t), e.polygonOutlineColor = this.getHexColorStylingValue(this.styles.outlineColor, e.polygonOutlineColor, t), e.polygonOutlineWidth = this.getNumericStylingValue(this.styles.outlineWidth, e.polygonOutlineWidth, t), e.polygonFillOpacity = this.getNumericStylingValue(this.styles.fillOpacity, e.polygonFillOpacity, t), e.zIndex = 10), e;
   }
   validateFeature(t) {
-    return this.validateModeFeature(t, (e) => dt(e, this.coordinatePrecision));
+    return this.validateModeFeature(t, (e) => ht(e, this.coordinatePrecision));
   }
   updateCircle(t) {
     if (this.clickCount === 1 && this.center && this.currentCircleId) {
@@ -312,7 +312,7 @@ const E = (s, t) => {
   const { x: e, y: i } = s, { x: o, y: r } = t, n = o - e, a = r - i;
   return Math.sqrt(a * a + n * n);
 };
-function ht(s) {
+function ct(s) {
   if (!function(e) {
     const i = e.coordinates[0];
     let o = 0;
@@ -334,7 +334,7 @@ class Pe extends N {
   close() {
     if (this.currentId === void 0) return;
     if (this.currentId) {
-      const e = ht(this.store.getGeometryCopy(this.currentId));
+      const e = ct(this.store.getGeometryCopy(this.currentId));
       e && this.store.updateGeometry([{ id: this.currentId, geometry: e }]);
     }
     const t = this.currentId;
@@ -366,7 +366,7 @@ class Pe extends N {
   onClick(t) {
     if (!this.preventNewFeature) {
       if (this.startingClick === !1) {
-        const [e, i] = this.store.create([{ geometry: { type: "Polygon", coordinates: [[[t.lng, t.lat], [t.lng, t.lat], [t.lng, t.lat], [t.lng, t.lat]]] }, properties: { mode: this.mode } }, { geometry: { type: "Point", coordinates: [t.lng, t.lat] }, properties: { mode: this.mode, [st]: !0 } }]);
+        const [e, i] = this.store.create([{ geometry: { type: "Polygon", coordinates: [[[t.lng, t.lat], [t.lng, t.lat], [t.lng, t.lat], [t.lng, t.lat]]] }, properties: { mode: this.mode } }, { geometry: { type: "Point", coordinates: [t.lng, t.lat] }, properties: { mode: this.mode, [rt]: !0 } }]);
         return this.currentId = e, this.closingPointId = i, this.startingClick = !0, void this.setDrawing();
       }
       this.close();
@@ -408,7 +408,7 @@ function Se({ unproject: s, point: t, pointerDistance: e }) {
   const i = e / 2, { x: o, y: r } = t;
   return { type: "Feature", properties: {}, geometry: { type: "Polygon", coordinates: [[s(o - i, r - i), s(o + i, r - i), s(o + i, r + i), s(o - i, r + i), s(o - i, r - i)].map((n) => [n.lng, n.lat])] } };
 }
-class nt extends k {
+class at extends k {
   constructor(t) {
     super(t);
   }
@@ -417,7 +417,7 @@ class nt extends k {
     return Se({ unproject: this.unproject, point: { x: e, y: i }, pointerDistance: this.pointerDistance });
   }
 }
-class at extends k {
+class lt extends k {
   constructor(t) {
     super(t);
   }
@@ -450,7 +450,7 @@ function Jt(s, t, e) {
   const i = O(s[0]), o = O(s[1]), r = O(e), n = ve(t), a = Math.asin(Math.sin(o) * Math.cos(n) + Math.cos(o) * Math.sin(n) * Math.cos(r));
   return [R(i + Math.atan2(Math.sin(r) * Math.sin(n) * Math.cos(o), Math.cos(n) - Math.sin(o) * Math.sin(a))), R(a)];
 }
-function lt({ x: s, y: t }, e, i) {
+function dt({ x: s, y: t }, e, i) {
   const o = O(i);
   return { x: s + e * Math.cos(o), y: t + e * Math.sin(o) };
 }
@@ -481,7 +481,7 @@ function si(s, t, e) {
   const d = s[s.length - 1];
   return [d, d];
 }
-function ut(s) {
+function pt(s) {
   return s * (Math.PI / 180);
 }
 function Zt(s) {
@@ -509,7 +509,7 @@ class ri extends k {
   }
   generateInsertionGeodesicCoordinates(t, e, i) {
     const o = U(t, e), r = function(n, a, l) {
-      const d = [], h = ut(n[1]), c = ut(n[0]), u = ut(a[1]), p = ut(a[0]);
+      const d = [], h = pt(n[1]), c = pt(n[0]), u = pt(a[1]), p = pt(a[0]);
       l += 1;
       const g = 2 * Math.asin(Math.sqrt(Math.sin((u - h) / 2) ** 2 + Math.cos(h) * Math.cos(u) * Math.sin((p - c) / 2) ** 2));
       if (g === 0 || isNaN(g)) return d;
@@ -664,7 +664,7 @@ class be extends N {
     this.updateGeometries(l, i[i.length - 1], M.Commit), this.currentCoordinate++;
   }
   registerBehaviors(t) {
-    this.coordinateSnapping = new vt(t, new at(t), new nt(t)), this.insertPoint = new ri(t), this.clickBoundingBox = new nt(t), this.pixelDistance = new at(t), this.lineSnapping = new Ie(t, this.pixelDistance, this.clickBoundingBox), this.coordinateSnapping = new vt(t, this.pixelDistance, this.clickBoundingBox);
+    this.coordinateSnapping = new vt(t, new lt(t), new at(t)), this.insertPoint = new ri(t), this.clickBoundingBox = new at(t), this.pixelDistance = new lt(t), this.lineSnapping = new Ie(t, this.pixelDistance, this.clickBoundingBox), this.coordinateSnapping = new vt(t, this.pixelDistance, this.clickBoundingBox);
   }
   start() {
     this.setStarted(), this.setCursor(this.cursors.start);
@@ -763,7 +763,7 @@ class be extends N {
     const e = I({}, { polygonFillColor: "#3f97e0", polygonOutlineColor: "#3f97e0", polygonOutlineWidth: 4, polygonFillOpacity: 0.3, pointColor: "#3f97e0", pointOutlineColor: "#ffffff", pointOutlineWidth: 0, pointWidth: 6, lineStringColor: "#3f97e0", lineStringWidth: 4, zIndex: 0 });
     if (t.type === "Feature" && t.geometry.type === "LineString" && t.properties.mode === this.mode) return e.lineStringColor = this.getHexColorStylingValue(this.styles.lineStringColor, e.lineStringColor, t), e.lineStringWidth = this.getNumericStylingValue(this.styles.lineStringWidth, e.lineStringWidth, t), e.zIndex = 10, e;
     if (t.type === "Feature" && t.geometry.type === "Point" && t.properties.mode === this.mode) {
-      const i = t.properties[st];
+      const i = t.properties[rt];
       return e.pointColor = this.getHexColorStylingValue(i ? this.styles.closingPointColor : this.styles.snappingPointColor, e.pointColor, t), e.pointWidth = this.getNumericStylingValue(i ? this.styles.closingPointWidth : this.styles.snappingPointWidth, e.pointWidth, t), e.pointOutlineColor = this.getHexColorStylingValue(i ? this.styles.closingPointOutlineColor : this.styles.snappingPointOutlineColor, "#ffffff", t), e.pointOutlineWidth = this.getNumericStylingValue(i ? this.styles.closingPointOutlineWidth : this.styles.snappingPointOutlineWidth, 2, t), e.zIndex = 40, e;
     }
     return e;
@@ -825,7 +825,7 @@ class we extends N {
     this.editedFeatureId !== void 0 && (this.onFinish(this.editedFeatureId, { mode: this.mode, action: "edit" }), this.setCursor(this.cursors.dragEnd), this.store.updateProperty([{ id: this.editedFeatureId, property: V, value: !1 }]), this.editedFeatureId = void 0, e(!0));
   }
   registerBehaviors(t) {
-    this.pixelDistance = new at(t), this.clickBoundingBox = new nt(t);
+    this.pixelDistance = new lt(t), this.clickBoundingBox = new at(t);
   }
   styleFeature(t) {
     const e = I({}, { polygonFillColor: "#3f97e0", polygonOutlineColor: "#3f97e0", polygonOutlineWidth: 4, polygonFillOpacity: 0.3, pointColor: "#3f97e0", pointOutlineColor: "#ffffff", pointOutlineWidth: 0, pointWidth: 6, lineStringColor: "#3f97e0", lineStringWidth: 4, zIndex: 0 });
@@ -873,7 +873,7 @@ class gi extends k {
   create(t, e) {
     if (this.ids.length) throw new Error("Opening and closing points already created");
     if (t.length <= 3) throw new Error("Requires at least 4 coordinates");
-    this._startEndPoints = this.store.create([{ geometry: { type: "Point", coordinates: t[0] }, properties: { mode: e, [st]: !0 } }, { geometry: { type: "Point", coordinates: t[t.length - 2] }, properties: { mode: e, [st]: !0 } }]);
+    this._startEndPoints = this.store.create([{ geometry: { type: "Point", coordinates: t[0] }, properties: { mode: e, [rt]: !0 } }, { geometry: { type: "Point", coordinates: t[t.length - 2] }, properties: { mode: e, [rt]: !0 } }]);
   }
   delete() {
     this.ids.length && (this.store.delete(this.ids), this._startEndPoints = []);
@@ -931,7 +931,7 @@ class Fe extends k {
     return this.store.create(t.map((i) => ({ geometry: { type: "Point", coordinates: i }, properties: { mode: e, [kt]: !0 } })));
   }
   setFeatureCoordinatePoints(t, e) {
-    this.store.updateProperty([{ id: t, property: rt, value: e }]);
+    this.store.updateProperty([{ id: t, property: nt, value: e }]);
   }
   deleteCoordinatePoints(t) {
     const e = t.filter((i) => this.store.has(i));
@@ -953,7 +953,7 @@ class Ee extends N {
         this.coordinatePoints.createOrUpdate(e);
       });
       else if (this.coordinatePoints && this.showCoordinatePoints === !1) {
-        const e = this.store.copyAllWhere((i) => i.mode === this.mode && !!i[rt]);
+        const e = this.store.copyAllWhere((i) => i.mode === this.mode && !!i[nt]);
         this.coordinatePoints.deletePointsByFeatureIds(e.map((i) => i.id));
       }
     }
@@ -964,13 +964,13 @@ class Ee extends N {
     if (t.length < 5 || !this.updatePolygonGeometry([...t.slice(0, -2), t[0]], M.Finish)) return;
     const e = this.currentId;
     if (this.currentId) {
-      const i = ht(this.store.getGeometryCopy(this.currentId));
+      const i = ct(this.store.getGeometryCopy(this.currentId));
       i && this.store.updateGeometry([{ id: this.currentId, geometry: i }]);
     }
     this.snappedPointId && this.store.delete([this.snappedPointId]), this.currentCoordinate = 0, this.currentId = void 0, this.snappedPointId = void 0, this.closingPoints.delete(), this.state === "drawing" && this.setStarted(), this.onFinish(e, { mode: this.mode, action: "draw" });
   }
   registerBehaviors(t) {
-    this.clickBoundingBox = new nt(t), this.pixelDistance = new at(t), this.lineSnapping = new Ie(t, this.pixelDistance, this.clickBoundingBox), this.coordinateSnapping = new vt(t, this.pixelDistance, this.clickBoundingBox), this.closingPoints = new gi(t, this.pixelDistance), this.coordinatePoints = new Fe(t);
+    this.clickBoundingBox = new at(t), this.pixelDistance = new lt(t), this.lineSnapping = new Ie(t, this.pixelDistance, this.clickBoundingBox), this.coordinateSnapping = new vt(t, this.pixelDistance, this.clickBoundingBox), this.closingPoints = new gi(t, this.pixelDistance), this.coordinatePoints = new Fe(t);
   }
   start() {
     this.setStarted(), this.setCursor(this.cursors.start);
@@ -1111,7 +1111,7 @@ class Ee extends N {
     if (t.properties.mode === this.mode) {
       if (t.geometry.type === "Polygon") return e.polygonFillColor = this.getHexColorStylingValue(this.styles.fillColor, e.polygonFillColor, t), e.polygonOutlineColor = this.getHexColorStylingValue(this.styles.outlineColor, e.polygonOutlineColor, t), e.polygonOutlineWidth = this.getNumericStylingValue(this.styles.outlineWidth, e.polygonOutlineWidth, t), e.polygonFillOpacity = this.getNumericStylingValue(this.styles.fillOpacity, e.polygonFillOpacity, t), e.zIndex = 10, e;
       if (t.geometry.type === "Point") {
-        const i = t.properties[V], o = t.properties[kt], r = i ? "editedPoint" : t.properties[st] ? "closingPoint" : t.properties[_t] ? "snappingPoint" : o ? "coordinatePoint" : void 0;
+        const i = t.properties[V], o = t.properties[kt], r = i ? "editedPoint" : t.properties[rt] ? "closingPoint" : t.properties[_t] ? "snappingPoint" : o ? "coordinatePoint" : void 0;
         if (!r) return e;
         const n = { editedPoint: { width: this.styles.editedPointOutlineWidth, color: this.styles.editedPointColor, outlineColor: this.styles.editedPointOutlineColor, outlineWidth: this.styles.editedPointOutlineWidth }, closingPoint: { width: this.styles.closingPointWidth, color: this.styles.closingPointColor, outlineColor: this.styles.closingPointOutlineColor, outlineWidth: this.styles.closingPointOutlineWidth }, snappingPoint: { width: this.styles.snappingPointWidth, color: this.styles.snappingPointColor, outlineColor: this.styles.snappingPointOutlineColor, outlineWidth: this.styles.snappingPointOutlineWidth }, coordinatePoint: { width: this.styles.coordinatePointWidth, color: this.styles.coordinatePointColor, outlineColor: this.styles.coordinatePointOutlineColor, outlineWidth: this.styles.coordinatePointOutlineWidth } };
         return e.pointWidth = this.getNumericStylingValue(n[r].width, e.pointWidth, t), e.pointColor = this.getHexColorStylingValue(n[r].color, e.pointColor, t), e.pointOutlineColor = this.getHexColorStylingValue(n[r].outlineColor, e.pointOutlineColor, t), e.pointOutlineWidth = this.getNumericStylingValue(n[r].outlineWidth, 2, t), e.zIndex = i ? 35 : o ? 25 : 30, e;
@@ -1144,7 +1144,7 @@ class Oe extends N {
   close() {
     const t = this.currentRectangleId;
     if (t) {
-      const e = ht(this.store.getGeometryCopy(t));
+      const e = ct(this.store.getGeometryCopy(t));
       e && this.store.updateGeometry([{ id: t, geometry: e }]);
     }
     this.center = void 0, this.currentRectangleId = void 0, this.clickCount = 0, this.state === "drawing" && this.setStarted(), t !== void 0 && this.onFinish(t, { mode: this.mode, action: "draw" });
@@ -1185,7 +1185,7 @@ class Oe extends N {
     return t.type === "Feature" && t.geometry.type === "Polygon" && t.properties.mode === this.mode && (e.polygonFillColor = this.getHexColorStylingValue(this.styles.fillColor, e.polygonFillColor, t), e.polygonOutlineColor = this.getHexColorStylingValue(this.styles.outlineColor, e.polygonOutlineColor, t), e.polygonOutlineWidth = this.getNumericStylingValue(this.styles.outlineWidth, e.polygonOutlineWidth, t), e.polygonFillOpacity = this.getNumericStylingValue(this.styles.fillOpacity, e.polygonFillOpacity, t), e.zIndex = 10), e;
   }
   validateFeature(t) {
-    return this.validateModeFeature(t, (e) => dt(e, this.coordinatePrecision));
+    return this.validateModeFeature(t, (e) => ht(e, this.coordinatePrecision));
   }
 }
 class et extends N {
@@ -1281,7 +1281,7 @@ class Pi extends k {
   }
   insert(t, e, i) {
     const o = this.store.getGeometryCopy(e), { midPointFeatureId: r, midPointSegment: n } = this.store.getPropertiesCopy(e), a = this.store.getGeometryCopy(r), l = a.type === "Polygon" ? a.coordinates[0] : a.coordinates;
-    l.splice(n + 1, 0, o.coordinates), a.coordinates = a.type === "Polygon" ? [l] : l, this.store.updateGeometry([{ id: r, geometry: a }]), this.store.getPropertiesCopy(t)[rt] && this.coordinatePointBehavior.createOrUpdate(t), this.store.delete([...this._midPoints, ...this.selectionPointBehavior.ids]), this.create(l, r, i), this.selectionPointBehavior.create(l, a.type, r);
+    l.splice(n + 1, 0, o.coordinates), a.coordinates = a.type === "Polygon" ? [l] : l, this.store.updateGeometry([{ id: r, geometry: a }]), this.store.getPropertiesCopy(t)[nt] && this.coordinatePointBehavior.createOrUpdate(t), this.store.delete([...this._midPoints, ...this.selectionPointBehavior.ids]), this.create(l, r, i), this.selectionPointBehavior.create(l, a.type, r);
   }
   create(t, e, i) {
     if (!this.store.has(e)) throw new Error("Store does not have feature with this id");
@@ -1775,7 +1775,7 @@ class Be extends Ye {
     this._state = "selecting";
   }
   registerBehaviors(t) {
-    this.pixelDistance = new at(t), this.clickBoundingBox = new nt(t), this.featuresAtMouseEvent = new xi(t, this.clickBoundingBox, this.pixelDistance), this.selectionPoints = new Si(t), this.coordinatePoints = new Fe(t), this.midPoints = new Pi(t, this.selectionPoints, this.coordinatePoints), this.coordinateSnap = new vt(t, this.pixelDistance, this.clickBoundingBox), this.rotateFeature = new Mi(t, this.selectionPoints, this.midPoints, this.coordinatePoints), this.scaleFeature = new wi(t, this.selectionPoints, this.midPoints, this.coordinatePoints), this.dragFeature = new Ii(t, this.featuresAtMouseEvent, this.selectionPoints, this.midPoints, this.coordinatePoints), this.dragCoordinate = new bi(t, this.pixelDistance, this.selectionPoints, this.midPoints, this.coordinatePoints, this.coordinateSnap), this.dragCoordinateResizeFeature = new Fi(t, this.pixelDistance, this.selectionPoints, this.midPoints, this.coordinatePoints);
+    this.pixelDistance = new lt(t), this.clickBoundingBox = new at(t), this.featuresAtMouseEvent = new xi(t, this.clickBoundingBox, this.pixelDistance), this.selectionPoints = new Si(t), this.coordinatePoints = new Fe(t), this.midPoints = new Pi(t, this.selectionPoints, this.coordinatePoints), this.coordinateSnap = new vt(t, this.pixelDistance, this.clickBoundingBox), this.rotateFeature = new Mi(t, this.selectionPoints, this.midPoints, this.coordinatePoints), this.scaleFeature = new wi(t, this.selectionPoints, this.midPoints, this.coordinatePoints), this.dragFeature = new Ii(t, this.featuresAtMouseEvent, this.selectionPoints, this.midPoints, this.coordinatePoints), this.dragCoordinate = new bi(t, this.pixelDistance, this.selectionPoints, this.midPoints, this.coordinatePoints, this.coordinateSnap), this.dragCoordinateResizeFeature = new Fi(t, this.pixelDistance, this.selectionPoints, this.midPoints, this.coordinatePoints);
   }
   deselectFeature() {
     this.deselect();
@@ -1995,7 +1995,7 @@ function Li(s, t) {
 function Et(s) {
   return (s.maxX - s.minX) * (s.maxY - s.minY);
 }
-function pt(s) {
+function gt(s) {
   return s.maxX - s.minX + (s.maxY - s.minY);
 }
 function _i(s, t) {
@@ -2005,7 +2005,7 @@ function _i(s, t) {
 function Ot(s, t) {
   return s.minX <= t.minX && s.minY <= t.minY && t.maxX <= s.maxX && t.maxY <= s.maxY;
 }
-function gt(s, t) {
+function yt(s, t) {
   return t.minX <= s.maxX && t.minY <= s.maxY && t.maxX >= s.minX && t.maxY >= s.minY;
 }
 function q(s) {
@@ -2026,12 +2026,12 @@ class ki {
   search(t) {
     let e = this.data;
     const i = [];
-    if (!gt(t, e)) return i;
+    if (!yt(t, e)) return i;
     const o = this.toBBox, r = [];
     for (; e; ) {
       for (let n = 0; n < e.children.length; n++) {
         const a = e.children[n], l = e.leaf ? o(a) : a;
-        gt(t, l) && (e.leaf ? i.push(a) : Ot(t, l) ? this._all(a, i) : r.push(a));
+        yt(t, l) && (e.leaf ? i.push(a) : Ot(t, l) ? this._all(a, i) : r.push(a));
       }
       e = r.pop();
     }
@@ -2039,12 +2039,12 @@ class ki {
   }
   collides(t) {
     let e = this.data;
-    if (gt(t, e)) {
+    if (yt(t, e)) {
       const i = [];
       for (; e; ) {
         for (let o = 0; o < e.children.length; o++) {
           const r = e.children[o], n = e.leaf ? this.toBBox(r) : r;
-          if (gt(t, n)) {
+          if (yt(t, n)) {
             if (e.leaf || Ot(t, n)) return !0;
             i.push(r);
           }
@@ -2160,14 +2160,14 @@ class ki {
   _allDistMargin(t, e, i, o) {
     t.children.sort(o);
     const r = this.toBBox, n = it(t, 0, e, r), a = it(t, i - e, i, r);
-    let l = pt(n) + pt(a);
+    let l = gt(n) + gt(a);
     for (let d = e; d < i - e; d++) {
       const h = t.children[d];
-      ot(n, t.leaf ? r(h) : h), l += pt(n);
+      ot(n, t.leaf ? r(h) : h), l += gt(n);
     }
     for (let d = i - e - 1; d >= e; d--) {
       const h = t.children[d];
-      ot(a, t.leaf ? r(h) : h), l += pt(a);
+      ot(a, t.leaf ? r(h) : h), l += gt(a);
     }
     return l;
   }
@@ -2374,7 +2374,7 @@ class je extends N {
       const o = e[0], r = e[1], n = De(o, r, this.coordinatePrecision, this.project, this.unproject), a = x(o[0], o[1]), l = x(n[0], n[1]), d = x(r[0], r[1]), h = x(t.lng, t.lat), c = E(h, a) < E(h, d), u = oe(a, l, h), p = c ? 90 - u : oe(a, l, h) - 90, g = E(l, h), y = Math.cos(O(p)) * g, m = A(a, d) + (function(S, b, w) {
         const D = (w.x - b.x) * (S.y - b.y) - (w.y - b.y) * (S.x - b.x);
         return D > 1e-10 ? "left" : D < -1e-10 ? "right" : "left";
-      }(a, d, h) === "right" ? -90 : 90), v = lt(a, y, m), f = lt(d, y, m), C = W(v.x, v.y), P = W(f.x, f.y);
+      }(a, d, h) === "right" ? -90 : 90), v = dt(a, y, m), f = dt(d, y, m), C = W(v.x, v.y), P = W(f.x, f.y);
       i = [e[0], e[1], [P.lng, P.lat], [C.lng, C.lat], e[0]];
     }
     i && this.updatePolygonGeometry(this.currentId, i, M.Provisional);
@@ -2420,7 +2420,7 @@ class je extends N {
     return t.properties.mode === this.mode && t.geometry.type === "Polygon" && (e.polygonFillColor = this.getHexColorStylingValue(this.styles.fillColor, e.polygonFillColor, t), e.polygonOutlineColor = this.getHexColorStylingValue(this.styles.outlineColor, e.polygonOutlineColor, t), e.polygonOutlineWidth = this.getNumericStylingValue(this.styles.outlineWidth, e.polygonOutlineWidth, t), e.polygonFillOpacity = this.getNumericStylingValue(this.styles.fillOpacity, e.polygonFillOpacity, t), e.zIndex = 10), e;
   }
   validateFeature(t) {
-    return this.validateModeFeature(t, (e) => dt(e, this.coordinatePrecision));
+    return this.validateModeFeature(t, (e) => ht(e, this.coordinatePrecision));
   }
 }
 function Ne(s, t, e) {
@@ -2436,7 +2436,7 @@ class Ge extends N {
   }
   close() {
     if (this.currentId === void 0) return;
-    const t = ht(this.store.getGeometryCopy(this.currentId));
+    const t = ct(this.store.getGeometryCopy(this.currentId));
     t && this.store.updateGeometry([{ id: this.currentId, geometry: t }]);
     const e = this.currentId;
     this.currentCoordinate = 0, this.currentId = void 0, this.direction = void 0, this.state === "drawing" && this.setStarted(), this.onFinish(e, { mode: this.mode, action: "draw" });
@@ -2466,7 +2466,7 @@ class Ge extends N {
       const f = (this.direction === "anticlockwise" ? 1 : -1) * v / p;
       g.push(r);
       for (let C = 0; C <= p; C++) {
-        const P = lt(a, h, y + C * f), { lng: S, lat: b } = W(P.x, P.y), w = [F(S, this.coordinatePrecision), F(b, this.coordinatePrecision)];
+        const P = dt(a, h, y + C * f), { lng: S, lat: b } = W(P.x, P.y), w = [F(S, this.coordinatePrecision), F(b, this.coordinatePrecision)];
         w[0] !== g[g.length - 1][0] && w[1] !== g[g.length - 1][1] && g.push(w);
       }
       g.push(o), i = [...g];
@@ -2510,7 +2510,7 @@ class Ge extends N {
     return t.properties.mode === this.mode && t.geometry.type === "Polygon" && (e.polygonFillColor = this.getHexColorStylingValue(this.styles.fillColor, e.polygonFillColor, t), e.polygonOutlineColor = this.getHexColorStylingValue(this.styles.outlineColor, e.polygonOutlineColor, t), e.polygonOutlineWidth = this.getNumericStylingValue(this.styles.outlineWidth, e.polygonOutlineWidth, t), e.polygonFillOpacity = this.getNumericStylingValue(this.styles.fillOpacity, e.polygonFillOpacity, t), e.zIndex = 10), e;
   }
   validateFeature(t) {
-    return this.validateModeFeature(t, (e) => dt(e, this.coordinatePrecision));
+    return this.validateModeFeature(t, (e) => ht(e, this.coordinatePrecision));
   }
 }
 const zi = { cancel: "Escape", finish: "Enter" }, Xi = { start: "crosshair", close: "pointer" };
@@ -2525,7 +2525,7 @@ class Ae extends N {
     if (this.currentStartingPointId === void 0) return;
     const t = this.currentStartingPointId, e = this.currentInitialArcId, i = this.currentId;
     if (t && this.store.delete([t]), e && this.store.delete([e]), this.currentId) {
-      const o = ht(this.store.getGeometryCopy(this.currentId));
+      const o = ct(this.store.getGeometryCopy(this.currentId));
       o && this.store.updateGeometry([{ id: this.currentId, geometry: o }]);
     }
     this.currentCoordinate = 0, this.currentStartingPointId = void 0, this.currentInitialArcId = void 0, this.currentId = void 0, this.direction = void 0, this.state === "drawing" && this.setStarted(), i && this.onFinish(i, { mode: this.mode, action: "draw" });
@@ -2549,7 +2549,7 @@ class Ae extends N {
         this.direction === "anticlockwise" ? (m = y - g, m < 0 && (m += 360)) : (m = g - y, m < 0 && (m += 360));
         const v = (this.direction === "anticlockwise" ? 1 : -1) * m / u;
         for (let f = 0; f <= u; f++) {
-          const C = lt(l, d, g + f * v), { lng: P, lat: S } = W(C.x, C.y), b = [F(P, this.coordinatePrecision), F(S, this.coordinatePrecision)];
+          const C = dt(l, d, g + f * v), { lng: P, lat: S } = W(C.x, C.y), b = [F(P, this.coordinatePrecision), F(S, this.coordinatePrecision)];
           b[0] !== p[p.length - 1][0] && b[1] !== p[p.length - 1][1] && p.push(b);
         }
         this.updateLineStringGeometry(this.currentInitialArcId, p, M.Provisional);
@@ -2560,7 +2560,7 @@ class Ae extends N {
         if (this.notInSector({ normalizedCursor: v, normalizedStart: y, normalizedEnd: m, direction: this.direction })) return;
         const f = this.getDeltaBearing(this.direction, y, m), C = this.arcPoints, P = (this.direction === "anticlockwise" ? 1 : -1) * f / C, S = E(d, c), b = [];
         for (let w = 0; w <= C; w++) {
-          const D = lt(d, S, y + w * P), { lng: G, lat: L } = W(D.x, D.y), j = [F(G, this.coordinatePrecision), F(L, this.coordinatePrecision)];
+          const D = dt(d, S, y + w * P), { lng: G, lat: L } = W(D.x, D.y), j = [F(G, this.coordinatePrecision), F(L, this.coordinatePrecision)];
           j[0] !== e[e.length - 1][0] && j[1] !== e[e.length - 1][1] && b.unshift(j);
         }
         e.push(...b), e.push(e[0]), this.currentId ? this.updatePolygonGeometry(this.currentId, e, M.Provisional) : [this.currentId] = this.store.create([{ geometry: { type: "Polygon", coordinates: [e] }, properties: { mode: this.mode } }]);
@@ -2607,7 +2607,7 @@ class Ae extends N {
     return t.properties.mode === this.mode && (t.geometry.type === "Polygon" ? (e.polygonFillColor = this.getHexColorStylingValue(this.styles.fillColor, e.polygonFillColor, t), e.polygonOutlineColor = this.getHexColorStylingValue(this.styles.outlineColor, e.polygonOutlineColor, t), e.polygonOutlineWidth = this.getNumericStylingValue(this.styles.outlineWidth, e.polygonOutlineWidth, t), e.polygonFillOpacity = this.getNumericStylingValue(this.styles.fillOpacity, e.polygonFillOpacity, t), e.zIndex = 10) : t.geometry.type === "LineString" ? (e.lineStringColor = this.getHexColorStylingValue(this.styles.outlineColor, e.polygonOutlineColor, t), e.lineStringWidth = this.getNumericStylingValue(this.styles.outlineWidth, e.polygonOutlineWidth, t), e.zIndex = 10) : t.geometry.type === "Point" && (e.pointColor = this.getHexColorStylingValue(this.styles.centerPointColor, e.pointColor, t), e.pointWidth = this.getNumericStylingValue(this.styles.centerPointWidth, e.pointWidth, t), e.pointOutlineColor = this.getHexColorStylingValue(this.styles.centerPointOutlineColor, e.pointOutlineColor, t), e.pointOutlineWidth = this.getNumericStylingValue(this.styles.centerPointOutlineWidth, e.pointOutlineWidth, t), e.zIndex = 20)), e;
   }
   validateFeature(t) {
-    return this.validateModeFeature(t, (e) => dt(e, this.coordinatePrecision));
+    return this.validateModeFeature(t, (e) => ht(e, this.coordinatePrecision));
   }
   getDeltaBearing(t, e, i) {
     let o;
@@ -2831,7 +2831,7 @@ class $i {
     t.forEach((i) => {
       if (!this._store.has(i)) throw new Error(`No feature with id ${i}, can not delete`);
       const o = this._store.copy(i);
-      o.properties[T.SELECTED] && this.deselectFeature(i), o.properties[rt] && e.push(...o.properties[rt]);
+      o.properties[T.SELECTED] && this.deselectFeature(i), o.properties[nt] && e.push(...o.properties[nt]);
     }), this._store.delete([...t, ...e]);
   }
   selectFeature(t) {
@@ -3035,7 +3035,7 @@ const ko = [
     "download"
   ],
   open: !1
-}, ft = {
+}, st = {
   modes: [
     "render",
     "point",
@@ -3579,7 +3579,7 @@ function to(s, t = "kilometers") {
     throw new Error(t + " units is invalid");
   return s * e;
 }
-function yt(s) {
+function ft(s) {
   return s % 360 * Math.PI / 180;
 }
 function se(s) {
@@ -3806,7 +3806,7 @@ function le(s) {
   throw new Error("coord must be GeoJSON Point or an Array of numbers");
 }
 function lo(s, t, e = {}) {
-  var i = le(s), o = le(t), r = yt(o[1] - i[1]), n = yt(o[0] - i[0]), a = yt(i[1]), l = yt(o[1]), d = Math.pow(Math.sin(r / 2), 2) + Math.pow(Math.sin(n / 2), 2) * Math.cos(a) * Math.cos(l);
+  var i = le(s), o = le(t), r = ft(o[1] - i[1]), n = ft(o[0] - i[0]), a = ft(i[1]), l = ft(o[1]), d = Math.pow(Math.sin(r / 2), 2) + Math.pow(Math.sin(n / 2), 2) * Math.cos(a) * Math.cos(l);
   return to(
     2 * Math.atan2(Math.sqrt(d), Math.sqrt(1 - d)),
     e.units
@@ -3870,9 +3870,9 @@ const de = (s) => s === "degrees" ? "°" : s === "miles" ? "mi" : s === "radians
 var ge, ye, fe;
 const Bo = [
   ...Mt,
-  (ge = ft.polygonLayerSpec) == null ? void 0 : ge.source,
-  (ye = ft.lineLayerLabelSpec) == null ? void 0 : ye.source,
-  (fe = ft.pointLayerLabelSpec) == null ? void 0 : fe.source
+  (ge = st.polygonLayerSpec) == null ? void 0 : ge.source,
+  (ye = st.lineLayerLabelSpec) == null ? void 0 : ye.source,
+  (fe = st.pointLayerLabelSpec) == null ? void 0 : fe.source
 ], Ue = (s, t, e = Mt) => {
   const i = JSON.parse(JSON.stringify(s));
   return t && (t.onlyTerraDrawLayers === !0 ? (i.layers = i.layers.filter((o) => "source" in o && e.includes(o.source)), Object.keys(i.sources).forEach((o) => {
@@ -4502,8 +4502,8 @@ class jo extends Fo {
    * @param options Plugin control options
    */
   constructor(e) {
-    let i = structuredClone(ft);
-    e && (i = Object.assign(i, e));
+    let i = structuredClone(st);
+    i.modeOptions = st.modeOptions, e && (i = Object.assign(i, e));
     super({
       modes: i.modes,
       open: i.open,
@@ -5082,7 +5082,7 @@ export {
   Lt as convertMetricDistance,
   co as debounce,
   Hi as defaultControlOptions,
-  ft as defaultMeasureControlOptions,
+  st as defaultMeasureControlOptions,
   Ji as getDefaultModeOptions,
   de as getDistanceUnitName,
   ue as queryElevationByPoint,