@watergis/maplibre-gl-terradraw 1.3.1 → 1.3.3

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

@@ -1,6 +1,6 @@
-var Ge = Object.defineProperty;
-var Te = (s, t, e) => t in s ? Ge(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var k = (s, t, e) => Te(s, typeof t != "symbol" ? t + "" : t, e);
+var Ue = Object.defineProperty;
+var ze = (s, t, e) => t in s ? Ue(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var k = (s, t, e) => ze(s, typeof t != "symbol" ? t + "" : t, e);
 import "maplibre-gl";
 function b() {
   return b = Object.assign ? Object.assign.bind() : function(s) {
@@ -11,24 +11,24 @@ function b() {
     return s;
   }, b.apply(null, arguments);
 }
-var M;
+var I;
 (function(s) {
   s.Commit = "commit", s.Provisional = "provisional", s.Finish = "finish";
-})(M || (M = {}));
-const V = { SELECTED: "selected", MID_POINT: "midPoint", SELECTION_POINT: "selectionPoint" }, J = "edited", st = "closingPoint", Ot = "snappingPoint";
+})(I || (I = {}));
+const U = { SELECTED: "selected", MID_POINT: "midPoint", SELECTION_POINT: "selectionPoint" }, V = "edited", st = "closingPoint", Dt = "snappingPoint";
 function bt(s) {
   return !!(s && typeof s == "object" && s !== null && !Array.isArray(s));
 }
-function Gt(s) {
+function Vt(s) {
   return !!function(t) {
     return typeof t == "number" && !isNaN(new Date(t).valueOf());
   }(s);
 }
-const Ve = "Feature mode property does not match the mode being added to";
-var Y;
+const Re = "Feature mode property does not match the mode being added to";
+var $;
 (function(s) {
   s.Drawing = "drawing", s.Select = "select", s.Static = "static", s.Render = "render";
-})(Y || (Y = {}));
+})($ || ($ = {}));
 class N {
   get state() {
     return this._state;
@@ -41,12 +41,15 @@ class N {
   }
   set styles(t) {
     if (typeof t != "object") throw new Error("Styling must be an object");
-    this.onStyleChange([], "styling"), this._styles = t;
+    this.onStyleChange && this.onStyleChange([], "styling"), this._styles = t;
   }
   registerBehaviors(t) {
   }
-  constructor(t) {
-    this._state = void 0, this._styles = void 0, this.behaviors = [], this.validate = void 0, this.pointerDistance = void 0, this.coordinatePrecision = void 0, this.onStyleChange = void 0, this.store = void 0, this.setDoubleClickToZoom = void 0, this.unproject = void 0, this.project = void 0, this.setCursor = void 0, this.projection = void 0, this.type = Y.Drawing, this.mode = "base", this._state = "unregistered", this._styles = t && t.styles ? b({}, t.styles) : {}, this.pointerDistance = t && t.pointerDistance || 40, this.validate = t && t.validation, this.projection = t && t.projection || "web-mercator";
+  constructor(t, e = !1) {
+    this._state = "unregistered", this._styles = {}, this.behaviors = [], this.validate = void 0, this.pointerDistance = 40, this.coordinatePrecision = void 0, this.onStyleChange = void 0, this.store = void 0, this.projection = "web-mercator", this.setDoubleClickToZoom = void 0, this.unproject = void 0, this.project = void 0, this.setCursor = void 0, this.type = $.Drawing, this.mode = "base", e || this.updateOptions(t);
+  }
+  updateOptions(t) {
+    t != null && t.styles && (this.styles = b({}, this._styles, t.styles)), t != null && t.pointerDistance && (this.pointerDistance = t.pointerDistance), t != null && t.validation && (this.validate = t && t.validation), t != null && t.projection && (this.projection = t.projection);
   }
   setDrawing() {
     if (this._state !== "started") throw new Error("Mode must be unregistered or stopped to start");
@@ -84,14 +87,14 @@ class N {
       return r ? { valid: !1, reason: r } : { valid: !0 };
     }(t, this.store.idStrategy.isValidId);
     if (this.validate) {
-      const i = this.validate(t, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: M.Provisional });
+      const i = this.validate(t, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: I.Provisional });
       return { valid: e.valid && i.valid, reason: i.reason };
     }
     return { valid: e.valid, reason: e.reason };
   }
   validateModeFeature(t, e) {
     const i = this.performFeatureValidation(t);
-    return i.valid ? t.properties.mode !== this.mode ? { valid: !1, reason: Ve } : e(t) : { valid: !1, reason: i.reason };
+    return i.valid ? t.properties.mode !== this.mode ? { valid: !1, reason: Re } : e(t) : { valid: !1, reason: i.reason };
   }
   onFinish(t, e) {
   }
@@ -123,43 +126,43 @@ class N {
     return t === void 0 ? e : typeof t == "function" ? t(i) : t;
   }
 }
-class Ue extends N {
+class Xe extends N {
   constructor(...t) {
-    super(...t), this.type = Y.Select;
+    super(...t), this.type = $.Select;
   }
 }
-function T(s, t) {
+function A(s, t) {
   const e = (d) => d * Math.PI / 180, i = e(s[1]), o = e(s[0]), r = e(t[1]), n = r - i, a = e(t[0]) - o, l = Math.sin(n / 2) * Math.sin(n / 2) + Math.cos(i) * Math.cos(r) * Math.sin(a / 2) * Math.sin(a / 2);
   return 2 * Math.atan2(Math.sqrt(l), Math.sqrt(1 - l)) * 6371e3 / 1e3;
 }
-const ue = 63710088e-1;
+const ye = 63710088e-1;
 function E(s) {
   return s % 360 * Math.PI / 180;
 }
-function pe(s) {
+function fe(s) {
   return s / 6371.0088;
 }
-function U(s) {
+function z(s) {
   return s % (2 * Math.PI) * 180 / Math.PI;
 }
 function F(s, t = 9) {
   const e = Math.pow(10, t);
   return Math.round(s * e) / e;
 }
-const Tt = 57.29577951308232, Vt = 0.017453292519943295, pt = 6378137, x = (s, t) => ({ x: s === 0 ? 0 : s * Vt * pt, y: t === 0 ? 0 : Math.log(Math.tan(Math.PI / 4 + t * Vt / 2)) * pt }), W = (s, t) => ({ lng: s === 0 ? 0 : Tt * (s / pt), lat: t === 0 ? 0 : (2 * Math.atan(Math.exp(t / pt)) - Math.PI / 2) * Tt });
-function ze(s, t, e) {
-  const i = E(s[0]), o = E(s[1]), r = E(e), n = pe(t), a = Math.asin(Math.sin(o) * Math.cos(n) + Math.cos(o) * Math.sin(n) * Math.cos(r));
-  return [U(i + Math.atan2(Math.sin(r) * Math.sin(n) * Math.cos(o), Math.cos(n) - Math.sin(o) * Math.sin(a))), U(a)];
+const Ut = 57.29577951308232, zt = 0.017453292519943295, ft = 6378137, x = (s, t) => ({ x: s === 0 ? 0 : s * zt * ft, y: t === 0 ? 0 : Math.log(Math.tan(Math.PI / 4 + t * zt / 2)) * ft }), W = (s, t) => ({ lng: s === 0 ? 0 : Ut * (s / ft), lat: t === 0 ? 0 : (2 * Math.atan(Math.exp(t / ft)) - Math.PI / 2) * Ut });
+function Ke(s, t, e) {
+  const i = E(s[0]), o = E(s[1]), r = E(e), n = fe(t), a = Math.asin(Math.sin(o) * Math.cos(n) + Math.cos(o) * Math.sin(n) * Math.cos(r));
+  return [z(i + Math.atan2(Math.sin(r) * Math.sin(n) * Math.cos(o), Math.cos(n) - Math.sin(o) * Math.sin(a))), z(a)];
 }
-function Ut(s) {
+function Rt(s) {
   const { center: t, radiusKilometers: e, coordinatePrecision: i } = s, o = s.steps ? s.steps : 64, r = [];
   for (let n = 0; n < o; n++) {
-    const a = ze(t, e, -360 * n / o);
+    const a = Ke(t, e, -360 * n / o);
     r.push([F(a[0], i), F(a[1], i)]);
   }
   return r.push(r[0]), { type: "Feature", geometry: { type: "Polygon", coordinates: [r] }, properties: {} };
 }
-function Dt(s) {
+function _t(s) {
   let t;
   if (s.geometry.type === "Polygon") t = s.geometry.coordinates;
   else {
@@ -173,55 +176,51 @@ function Dt(s) {
     return r < 0 || r > 1;
   }
   function o(r, n, a, l) {
-    const d = t[r][n], c = t[r][n + 1], h = t[a][l], u = t[a][l + 1], p = function(v, f, m, C) {
-      if (at(v, m) || at(v, C) || at(f, m) || at(C, m)) return null;
-      const P = v[0], S = v[1], I = f[0], w = f[1], D = m[0], A = m[1], L = C[0], B = C[1], z = (P - I) * (A - B) - (S - w) * (D - L);
-      return z === 0 ? null : [((P * w - S * I) * (D - L) - (P - I) * (D * B - A * L)) / z, ((P * w - S * I) * (A - B) - (S - w) * (D * B - A * L)) / z];
-    }(d, c, h, u);
+    const d = t[r][n], h = t[r][n + 1], c = t[a][l], u = t[a][l + 1], p = function(v, f, m, C) {
+      if (ht(v, m) || ht(v, C) || ht(f, m) || ht(C, m)) return null;
+      const P = v[0], S = v[1], M = f[0], w = f[1], D = m[0], G = m[1], L = C[0], B = C[1], R = (P - M) * (G - B) - (S - w) * (D - L);
+      return R === 0 ? null : [((P * w - S * M) * (D - L) - (P - M) * (D * B - G * L)) / R, ((P * w - S * M) * (G - B) - (S - w) * (D * B - G * L)) / R];
+    }(d, h, c, u);
     if (p === null) return;
     let g, y;
-    g = c[0] !== d[0] ? (p[0] - d[0]) / (c[0] - d[0]) : (p[1] - d[1]) / (c[1] - d[1]), y = u[0] !== h[0] ? (p[0] - h[0]) / (u[0] - h[0]) : (p[1] - h[1]) / (u[1] - h[1]), i(g) || i(y) || (p.toString(), e.push(p));
+    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 at(s, t) {
+function ht(s, t) {
   return s[0] === t[0] && s[1] === t[1];
 }
-function vt(s, t) {
-  return s.length === 2 && typeof s[0] == "number" && typeof s[1] == "number" && s[0] !== 1 / 0 && s[1] !== 1 / 0 && (i = s[0]) >= -180 && i <= 180 && (e = s[1]) >= -90 && e <= 90 && zt(s[0]) <= t && zt(s[1]) <= t;
+function St(s, t) {
+  return s.length === 2 && typeof s[0] == "number" && typeof s[1] == "number" && s[0] !== 1 / 0 && s[1] !== 1 / 0 && (i = s[0]) >= -180 && i <= 180 && (e = s[1]) >= -90 && e <= 90 && Xt(s[0]) <= t && Xt(s[1]) <= t;
   var e, i;
 }
-function zt(s) {
+function Xt(s) {
   let t = 1, e = 0;
   for (; Math.round(s * t) / t !== s; ) t *= 10, e++;
   return e;
 }
-const Re = "Feature has holes", Xe = "Feature has less than 4 coordinates", Ke = "Feature has invalid coordinates", Ye = "Feature coordinates are not closed";
-function Ct(s, t) {
-  return s.geometry.type !== "Polygon" ? { valid: !1, reason: "Feature is not a Polygon" } : s.geometry.coordinates.length !== 1 ? { valid: !1, reason: Re } : s.geometry.coordinates[0].length < 4 ? { valid: !1, reason: Xe } : s.geometry.coordinates[0].every((o) => vt(o, t)) ? (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: Ye } : { valid: !0 } : { valid: !1, reason: Ke };
+const Ye = "Feature has holes", $e = "Feature has less than 4 coordinates", He = "Feature has invalid coordinates", qe = "Feature coordinates are not closed";
+function xt(s, t) {
+  return s.geometry.type !== "Polygon" ? { valid: !1, reason: "Feature is not a Polygon" } : s.geometry.coordinates.length !== 1 ? { valid: !1, reason: Ye } : s.geometry.coordinates[0].length < 4 ? { valid: !1, reason: $e } : s.geometry.coordinates[0].every((o) => St(o, t)) ? (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 } : { valid: !1, reason: He };
   var e, i;
 }
-function nt(s, t) {
-  const e = Ct(s, t);
-  return e.valid ? Dt(s) ? { valid: !1, reason: "Feature intersects itself" } : { valid: !0 } : e;
+function lt(s, t) {
+  const e = xt(s, t);
+  return e.valid ? _t(s) ? { valid: !1, reason: "Feature intersects itself" } : { valid: !0 } : e;
 }
-class ge extends N {
+const Je = { cancel: "Escape", finish: "Enter" }, Ze = { start: "crosshair" };
+let me = class extends N {
   constructor(t) {
-    var e;
-    super(t), this.mode = "circle", this.center = void 0, this.clickCount = 0, this.currentCircleId = void 0, this.keyEvents = void 0, this.cursors = void 0, this.startingRadiusKilometers = 1e-5, this.cursorMovedAfterInitialCursorDown = !1;
-    const i = { start: "crosshair" };
-    if (this.cursors = t && t.cursors ? b({}, i, t.cursors) : i, (t == null ? void 0 : t.keyEvents) === null) this.keyEvents = { cancel: null, finish: null };
-    else {
-      const o = { cancel: "Escape", finish: "Enter" };
-      this.keyEvents = t && t.keyEvents ? b({}, o, t.keyEvents) : o;
-    }
-    this.startingRadiusKilometers = (e = t == null ? void 0 : t.startingRadiusKilometers) != null ? e : 1e-5, this.validate = t == null ? void 0 : t.validation;
+    super(t, !0), this.mode = "circle", this.center = void 0, this.clickCount = 0, this.currentCircleId = void 0, this.keyEvents = Je, this.cursors = Ze, this.startingRadiusKilometers = 1e-5, this.cursorMovedAfterInitialCursorDown = !1, this.updateOptions(t);
+  }
+  updateOptions(t) {
+    super.updateOptions(t), t != null && t.cursors && (this.cursors = b({}, this.cursors, t.cursors)), (t == null ? void 0 : t.keyEvents) === null ? this.keyEvents = { cancel: null, finish: null } : t != null && t.keyEvents && (this.keyEvents = b({}, this.keyEvents, t.keyEvents)), t != null && t.startingRadiusKilometers && (this.startingRadiusKilometers = t.startingRadiusKilometers);
   }
   close() {
     if (this.currentCircleId === void 0) return;
     const t = this.currentCircleId;
     if (this.validate && t) {
       const e = this.store.getGeometryCopy(t);
-      if (!this.validate({ type: "Feature", id: t, geometry: e, properties: {} }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: M.Finish }).valid) return;
+      if (!this.validate({ type: "Feature", id: t, geometry: e, properties: {} }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: I.Finish }).valid) return;
     }
     this.cursorMovedAfterInitialCursorDown = !1, this.center = void 0, this.currentCircleId = void 0, this.clickCount = 0, this.state === "drawing" && this.setStarted(), this.onFinish(t, { mode: this.mode, action: "draw" });
   }
@@ -234,7 +233,7 @@ class ge extends N {
   onClick(t) {
     if (this.clickCount === 0) {
       this.center = [t.lng, t.lat];
-      const e = Ut({ center: this.center, radiusKilometers: this.startingRadiusKilometers, coordinatePrecision: this.coordinatePrecision }), [i] = this.store.create([{ geometry: e.geometry, properties: { mode: this.mode, radiusKilometers: this.startingRadiusKilometers } }]);
+      const e = Rt({ center: this.center, radiusKilometers: this.startingRadiusKilometers, coordinatePrecision: this.coordinatePrecision }), [i] = this.store.create([{ geometry: e.geometry, properties: { mode: this.mode, radiusKilometers: this.startingRadiusKilometers } }]);
       this.currentCircleId = i, this.clickCount++, this.cursorMovedAfterInitialCursorDown = !1, this.setDrawing();
     } else this.clickCount === 1 && this.center && this.currentCircleId !== void 0 && this.cursorMovedAfterInitialCursorDown && this.updateCircle(t), this.close();
   }
@@ -265,58 +264,69 @@ class ge 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) => nt(e, this.coordinatePrecision));
+    return this.validateModeFeature(t, (e) => lt(e, this.coordinatePrecision));
   }
   updateCircle(t) {
     if (this.clickCount === 1 && this.center && this.currentCircleId) {
-      const e = T(this.center, [t.lng, t.lat]);
+      const e = A(this.center, [t.lng, t.lat]);
       let i;
       if (this.projection === "web-mercator") {
         const o = function(r, n) {
-          const a = 1e3 * T(r, n);
+          const a = 1e3 * A(r, n);
           if (a === 0) return 1;
-          const { x: l, y: d } = x(r[0], r[1]), { x: c, y: h } = x(n[0], n[1]);
-          return Math.sqrt(Math.pow(c - l, 2) + Math.pow(h - d, 2)) / a;
+          const { x: l, y: d } = x(r[0], r[1]), { x: h, y: c } = x(n[0], n[1]);
+          return Math.sqrt(Math.pow(h - l, 2) + Math.pow(c - d, 2)) / a;
         }(this.center, [t.lng, t.lat]);
         i = function(r) {
-          const { center: n, radiusKilometers: a, coordinatePrecision: l } = r, d = r.steps ? r.steps : 64, c = 1e3 * a, [h, u] = n, { x: p, y: g } = x(h, u), y = [];
+          const { center: n, radiusKilometers: a, coordinatePrecision: l } = r, d = r.steps ? r.steps : 64, h = 1e3 * a, [c, u] = n, { x: p, y: g } = x(c, u), y = [];
           for (let v = 0; v < d; v++) {
-            const f = 360 * v / d * Math.PI / 180, m = c * Math.cos(f), C = c * Math.sin(f), [P, S] = [p + m, g + C], { lng: I, lat: w } = W(P, S);
-            y.push([F(I, l), F(w, l)]);
+            const f = 360 * v / d * Math.PI / 180, m = h * Math.cos(f), C = h * Math.sin(f), [P, S] = [p + m, g + C], { lng: M, lat: w } = W(P, S);
+            y.push([F(M, l), F(w, l)]);
           }
           return y.push(y[0]), { type: "Feature", geometry: { type: "Polygon", coordinates: [y] }, properties: {} };
         }({ center: this.center, radiusKilometers: e * o, coordinatePrecision: this.coordinatePrecision });
       } else {
         if (this.projection !== "globe") throw new Error("Invalid projection");
-        i = Ut({ center: this.center, radiusKilometers: e, coordinatePrecision: this.coordinatePrecision });
+        i = Rt({ center: this.center, radiusKilometers: e, coordinatePrecision: this.coordinatePrecision });
       }
-      if (this.validate && !this.validate({ type: "Feature", id: this.currentCircleId, geometry: i.geometry, properties: { radiusKilometers: e } }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: M.Provisional }).valid) return;
+      if (this.validate && !this.validate({ type: "Feature", id: this.currentCircleId, geometry: i.geometry, properties: { radiusKilometers: e } }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: I.Provisional }).valid) return;
       this.store.updateGeometry([{ id: this.currentCircleId, geometry: i.geometry }]), this.store.updateProperty([{ id: this.currentCircleId, property: "radiusKilometers", value: e }]);
     }
   }
-}
+};
 const O = (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);
 };
-let ye = class extends N {
-  constructor(t) {
-    super(t), this.mode = "freehand", this.startingClick = !1, this.currentId = void 0, this.closingPointId = void 0, this.minDistance = void 0, this.keyEvents = void 0, this.cursors = void 0, this.preventPointsNearClose = void 0, this.autoClose = void 0, this.autoCloseTimeout = 500, this.hasLeftStartingPoint = !1, this.preventNewFeature = !1;
-    const e = { start: "crosshair", close: "pointer" };
-    if (this.cursors = t && t.cursors ? b({}, e, t.cursors) : e, this.preventPointsNearClose = t && t.preventPointsNearClose || !0, t && t.autoCloseTimeout && !t.autoClose) throw new Error("autoCloseTimeout is set, but autoClose is not enabled");
-    if (this.autoClose = t && t.autoClose || !1, this.autoCloseTimeout = t && t.autoCloseTimeout || 500, this.minDistance = t && t.minDistance || 20, (t == null ? void 0 : t.keyEvents) === null) this.keyEvents = { cancel: null, finish: null };
-    else {
-      const i = { cancel: "Escape", finish: "Enter" };
-      this.keyEvents = t && t.keyEvents ? b({}, i, t.keyEvents) : i;
+function dt(s) {
+  if (!function(e) {
+    const i = e.coordinates[0];
+    let o = 0;
+    for (let r = 0; r < i.length - 1; r++) {
+      const [n, a] = i[r], [l, d] = i[r + 1];
+      o += (l - n) * (d + a);
     }
-    this.validate = t == null ? void 0 : t.validation;
+    return o < 0;
+  }(s)) return { type: "Polygon", coordinates: [s.coordinates[0].reverse()] };
+}
+const Qe = { cancel: "Escape", finish: "Enter" }, ti = { start: "crosshair", close: "pointer" };
+let ve = class extends N {
+  constructor(t) {
+    super(t, !0), this.mode = "freehand", this.startingClick = !1, this.currentId = void 0, this.closingPointId = void 0, this.minDistance = 20, this.keyEvents = Qe, this.cursors = ti, this.preventPointsNearClose = !0, this.autoClose = !1, this.autoCloseTimeout = 500, this.hasLeftStartingPoint = !1, this.preventNewFeature = !1, this.updateOptions(t);
+  }
+  updateOptions(t) {
+    super.updateOptions(t), t != null && t.minDistance && (this.minDistance = t.minDistance), (t == null ? void 0 : t.preventPointsNearClose) !== void 0 && (this.preventPointsNearClose = t.preventPointsNearClose), (t == null ? void 0 : t.autoClose) !== void 0 && (this.autoClose = t.autoClose), t != null && t.autoCloseTimeout && (this.autoCloseTimeout = t.autoCloseTimeout), (t == null ? void 0 : t.keyEvents) === null ? this.keyEvents = { cancel: null, finish: null } : t != null && t.keyEvents && (this.keyEvents = b({}, this.keyEvents, t.keyEvents)), t != null && t.cursors && (this.cursors = b({}, this.cursors, t.cursors));
   }
   close() {
     if (this.currentId === void 0) return;
+    if (this.currentId) {
+      const e = dt(this.store.getGeometryCopy(this.currentId));
+      e && this.store.updateGeometry([{ id: this.currentId, geometry: e }]);
+    }
     const t = this.currentId;
     if (this.validate && t) {
       const e = this.store.getGeometryCopy(t);
-      if (!this.validate({ type: "Feature", id: t, geometry: e, properties: {} }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: M.Finish }).valid) return;
+      if (!this.validate({ type: "Feature", id: t, geometry: e, properties: {} }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: I.Finish }).valid) return;
     }
     this.closingPointId && this.store.delete([this.closingPointId]), this.startingClick = !1, this.currentId = void 0, this.closingPointId = void 0, this.hasLeftStartingPoint = !1, this.state === "drawing" && this.setStarted(), this.onFinish(t, { mode: this.mode, action: "draw" });
   }
@@ -328,8 +338,8 @@ let ye = class extends N {
   }
   onMouseMove(t) {
     if (this.currentId === void 0 || this.startingClick === !1) return;
-    const e = this.store.getGeometryCopy(this.currentId), i = e.coordinates[0].length - 2, [o, r] = e.coordinates[0][i], { x: n, y: a } = this.project(o, r), l = O({ x: n, y: a }, { x: t.containerX, y: t.containerY }), [d, c] = e.coordinates[0][0], { x: h, y: u } = this.project(d, c);
-    if (O({ x: h, y: u }, { x: t.containerX, y: t.containerY }) < this.pointerDistance) {
+    const e = this.store.getGeometryCopy(this.currentId), i = e.coordinates[0].length - 2, [o, r] = e.coordinates[0][i], { x: n, y: a } = this.project(o, r), l = O({ x: n, y: a }, { x: t.containerX, y: t.containerY }), [d, h] = e.coordinates[0][0], { x: c, y: u } = this.project(d, h);
+    if (O({ x: c, y: u }, { x: t.containerX, y: t.containerY }) < this.pointerDistance) {
       if (this.autoClose && this.hasLeftStartingPoint && (this.preventNewFeature = !0, setTimeout(() => {
         this.preventNewFeature = !1;
       }, this.autoCloseTimeout), this.close()), this.setCursor(this.cursors.close), this.preventPointsNearClose) return;
@@ -337,7 +347,7 @@ let ye = class extends N {
     if (l < this.minDistance) return;
     e.coordinates[0].pop();
     const p = { type: "Polygon", coordinates: [[...e.coordinates[0], [t.lng, t.lat], e.coordinates[0][0]]] };
-    this.validate && !this.validate({ type: "Feature", id: this.currentId, geometry: p, properties: {} }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: M.Provisional }).valid || this.store.updateGeometry([{ id: this.currentId, geometry: p }]);
+    this.validate && !this.validate({ type: "Feature", id: this.currentId, geometry: p, properties: {} }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: I.Provisional }).valid || this.store.updateGeometry([{ id: this.currentId, geometry: p }]);
   }
   onClick(t) {
     if (!this.preventNewFeature) {
@@ -351,7 +361,7 @@ let ye = class extends N {
   onKeyDown() {
   }
   onKeyUp(t) {
-    t.key === this.keyEvents.cancel ? this.cleanUp() : t.key === this.keyEvents.finish && this.close();
+    t.key === this.keyEvents.cancel ? this.cleanUp() : t.key === this.keyEvents.finish && this.startingClick === !0 && this.close();
   }
   onDragStart() {
   }
@@ -372,27 +382,28 @@ let ye = class 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) : (t.type === "Feature" && t.geometry.type === "Point" && t.properties.mode === this.mode && (e.pointWidth = this.getNumericStylingValue(this.styles.closingPointWidth, e.pointWidth, t), e.pointColor = this.getHexColorStylingValue(this.styles.closingPointColor, e.pointColor, t), e.pointOutlineColor = this.getHexColorStylingValue(this.styles.closingPointOutlineColor, e.pointOutlineColor, t), e.pointOutlineWidth = this.getNumericStylingValue(this.styles.closingPointOutlineWidth, 2, t), e.zIndex = 40), e);
   }
   validateFeature(t) {
-    return this.validateModeFeature(t, (e) => Ct(e, this.coordinatePrecision));
+    return this.validateModeFeature(t, (e) => xt(e, this.coordinatePrecision));
   }
-}, j = class {
+};
+class j {
   constructor({ store: t, mode: e, project: i, unproject: o, pointerDistance: r, coordinatePrecision: n, projection: a }) {
     this.store = void 0, this.mode = void 0, this.project = void 0, this.unproject = void 0, this.pointerDistance = void 0, this.coordinatePrecision = void 0, this.projection = void 0, this.store = t, this.mode = e, this.project = i, this.unproject = o, this.pointerDistance = r, this.coordinatePrecision = n, this.projection = a;
   }
-};
-function fe({ unproject: s, point: t, pointerDistance: e }) {
+}
+function Ce({ 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])] } };
 }
-let Pt = class extends j {
+let rt = class extends j {
   constructor(t) {
     super(t);
   }
   create(t) {
     const { containerX: e, containerY: i } = t;
-    return fe({ unproject: this.unproject, point: { x: e, y: i }, pointerDistance: this.pointerDistance });
+    return Ce({ unproject: this.unproject, point: { x: e, y: i }, pointerDistance: this.pointerDistance });
   }
 };
-class St extends j {
+class nt extends j {
   constructor(t) {
     super(t);
   }
@@ -401,7 +412,7 @@ class St extends j {
     return O({ x: i, y: o }, { x: t.containerX, y: t.containerY });
   }
 }
-class me extends j {
+class Lt extends j {
   constructor(t, e, i) {
     super(t), this.config = void 0, this.pixelDistance = void 0, this.clickBoundingBox = void 0, this.getSnappableCoordinateFirstClick = (o) => this.getSnappable(o, (r) => !!(r.properties && r.properties.mode === this.mode)).coordinate, this.getSnappableCoordinate = (o, r) => this.getSnappable(o, (n) => !!(n.properties && n.properties.mode === this.mode && n.id !== r)).coordinate, this.config = t, this.pixelDistance = e, this.clickBoundingBox = i;
   }
@@ -415,84 +426,84 @@ class me extends j {
         a = n.geometry.coordinates;
       }
       a.forEach((l, d) => {
-        const c = this.pixelDistance.measure(t, l);
-        c < r.minDist && c < this.pointerDistance && (r.coordinate = l, r.minDist = c, r.featureId = n.id, r.featureCoordinateIndex = d);
+        const h = this.pixelDistance.measure(t, l);
+        h < r.minDist && h < this.pointerDistance && (r.coordinate = l, r.minDist = h, r.featureId = n.id, r.featureCoordinateIndex = d);
       });
     }), r;
   }
 }
-function Rt(s, t, e) {
-  const i = E(s[0]), o = E(s[1]), r = E(e), n = pe(t), a = Math.asin(Math.sin(o) * Math.cos(n) + Math.cos(o) * Math.sin(n) * Math.cos(r));
-  return [U(i + Math.atan2(Math.sin(r) * Math.sin(n) * Math.cos(o), Math.cos(n) - Math.sin(o) * Math.sin(a))), U(a)];
+function Kt(s, t, e) {
+  const i = E(s[0]), o = E(s[1]), r = E(e), n = fe(t), a = Math.asin(Math.sin(o) * Math.cos(n) + Math.cos(o) * Math.sin(n) * Math.cos(r));
+  return [z(i + Math.atan2(Math.sin(r) * Math.sin(n) * Math.cos(o), Math.cos(n) - Math.sin(o) * Math.sin(a))), z(a)];
 }
-function rt({ x: s, y: t }, e, i) {
+function at({ x: s, y: t }, e, i) {
   const o = E(i);
   return { x: s + e * Math.cos(o), y: t + e * Math.sin(o) };
 }
-function Xt(s, t) {
+function Yt(s, t) {
   const e = E(s[0]), i = E(t[0]), o = E(s[1]), r = E(t[1]), n = Math.sin(i - e) * Math.cos(r), a = Math.cos(o) * Math.sin(r) - Math.sin(o) * Math.cos(r) * Math.cos(i - e);
-  return U(Math.atan2(n, a));
+  return z(Math.atan2(n, a));
 }
-function G({ x: s, y: t }, { x: e, y: i }) {
+function T({ x: s, y: t }, { x: e, y: i }) {
   let o = Math.atan2(i - t, e - s);
   return o *= 180 / Math.PI, o > 180 ? o -= 360 : o < -180 && (o += 360), o;
 }
-function K(s) {
+function Y(s) {
   return (s + 360) % 360;
 }
-function $e(s, t, e) {
+function ei(s, t, e) {
   const i = [], o = s.length;
   let r, n, a, l = 0;
-  for (let c = 0; c < s.length && !(t >= l && c === s.length - 1); c++) {
+  for (let h = 0; h < s.length && !(t >= l && h === s.length - 1); h++) {
     if (l > t && i.length === 0) {
-      if (r = t - l, !r) return i.push(s[c]), i;
-      n = Xt(s[c], s[c - 1]) - 180, a = Rt(s[c], r, n), i.push(a);
+      if (r = t - l, !r) return i.push(s[h]), i;
+      n = Yt(s[h], s[h - 1]) - 180, a = Kt(s[h], r, n), i.push(a);
     }
-    if (l >= e) return r = e - l, r ? (n = Xt(s[c], s[c - 1]) - 180, a = Rt(s[c], r, n), i.push(a), i) : (i.push(s[c]), i);
-    if (l >= t && i.push(s[c]), c === s.length - 1) return i;
-    l += T(s[c], s[c + 1]);
+    if (l >= e) return r = e - l, r ? (n = Yt(s[h], s[h - 1]) - 180, a = Kt(s[h], r, n), i.push(a), i) : (i.push(s[h]), i);
+    if (l >= t && i.push(s[h]), h === s.length - 1) return i;
+    l += A(s[h], s[h + 1]);
   }
   if (l < t && s.length === o) throw new Error("Start position is beyond line");
   const d = s[s.length - 1];
   return [d, d];
 }
-function lt(s) {
+function ct(s) {
   return s * (Math.PI / 180);
 }
-function Kt(s) {
+function $t(s) {
   return s * (180 / Math.PI);
 }
-class He extends j {
+class ii extends j {
   constructor(t) {
     super(t), this.config = void 0, this.config = t;
   }
   generateInsertionCoordinates(t, e, i) {
     const o = [t, e];
     let r = 0;
-    for (let d = 0; d < o.length - 1; d++) r += T(o[0], o[1]);
+    for (let d = 0; d < o.length - 1; d++) r += A(o[0], o[1]);
     if (r <= i) return o;
     let n = r / i - 1;
     Number.isInteger(n) || (n = Math.floor(n) + 1);
     const a = [];
     for (let d = 0; d < n; d++) {
-      const c = $e(o, i * d, i * (d + 1));
-      a.push(c);
+      const h = ei(o, i * d, i * (d + 1));
+      a.push(h);
     }
     const l = [];
     for (let d = 0; d < a.length; d++) l.push(a[d][1]);
     return this.limitCoordinates(l);
   }
   generateInsertionGeodesicCoordinates(t, e, i) {
-    const o = T(t, e), r = function(n, a, l) {
-      const d = [], c = lt(n[1]), h = lt(n[0]), u = lt(a[1]), p = lt(a[0]);
+    const o = A(t, e), r = function(n, a, l) {
+      const d = [], h = ct(n[1]), c = ct(n[0]), u = ct(a[1]), p = ct(a[0]);
       l += 1;
-      const g = 2 * Math.asin(Math.sqrt(Math.sin((u - c) / 2) ** 2 + Math.cos(c) * Math.cos(u) * Math.sin((p - h) / 2) ** 2));
+      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;
       for (let y = 0; y <= l; y++) {
-        const v = y / l, f = Math.sin((1 - v) * g) / Math.sin(g), m = Math.sin(v * g) / Math.sin(g), C = f * Math.cos(c) * Math.cos(h) + m * Math.cos(u) * Math.cos(p), P = f * Math.cos(c) * Math.sin(h) + m * Math.cos(u) * Math.sin(p), S = f * Math.sin(c) + m * Math.sin(u);
+        const v = y / l, f = Math.sin((1 - v) * g) / Math.sin(g), m = Math.sin(v * g) / Math.sin(g), C = f * Math.cos(h) * Math.cos(c) + m * Math.cos(u) * Math.cos(p), P = f * Math.cos(h) * Math.sin(c) + m * Math.cos(u) * Math.sin(p), S = f * Math.sin(h) + m * Math.sin(u);
         if (isNaN(C) || isNaN(P) || isNaN(S)) continue;
-        const I = Math.atan2(S, Math.sqrt(C ** 2 + P ** 2)), w = Math.atan2(P, C);
-        isNaN(I) || isNaN(w) || d.push([Kt(w), Kt(I)]);
+        const M = Math.atan2(S, Math.sqrt(C ** 2 + P ** 2)), w = Math.atan2(P, C);
+        isNaN(M) || isNaN(w) || d.push([$t(w), $t(M)]);
       }
       return d.slice(1, -1);
     }(t, e, Math.floor(o / i));
@@ -505,24 +516,97 @@ class He extends j {
 function Z(s, t) {
   return s[0] === t[0] && s[1] === t[1];
 }
-function ve(s, t) {
-  return s.geometry.type !== "LineString" ? { valid: !1, reason: "Feature is not a LineString" } : s.geometry.coordinates.length < 2 ? { valid: !1, reason: "Feature has less than 2 coordinates" } : s.geometry.coordinates.every((e) => vt(e, t)) ? { valid: !0 } : { valid: !1, reason: "Feature has invalid coordinates" };
+function Pe(s, t) {
+  return s.geometry.type !== "LineString" ? { valid: !1, reason: "Feature is not a LineString" } : s.geometry.coordinates.length < 2 ? { valid: !1, reason: "Feature has less than 2 coordinates" } : s.geometry.coordinates.every((e) => St(e, t)) ? { valid: !0 } : { valid: !1, reason: "Feature has invalid coordinates" };
+}
+function Ht(s) {
+  return Math.sqrt(Math.pow(s[0], 2) + Math.pow(s[1], 2) + Math.pow(s[2], 2));
+}
+function X(s, t) {
+  const e = function(i, o) {
+    const [r, n, a] = i, [l, d, h] = o;
+    return r * l + n * d + a * h;
+  }(s, t) / (Ht(s) * Ht(t));
+  return Math.acos(Math.min(Math.max(e, -1), 1));
+}
+function Mt(s) {
+  const t = E(s[1]), e = E(s[0]);
+  return [Math.cos(t) * Math.cos(e), Math.cos(t) * Math.sin(e), Math.sin(t)];
+}
+function K(s) {
+  const [t, e, i] = s, o = z(Math.asin(i));
+  return [z(Math.atan2(e, t)), o];
+}
+function oi(s, t, e) {
+  const i = Mt(s), o = Mt(t), r = Mt(e), [n, a, l] = r, [d, h, c] = function(B, R) {
+    const [jt, Bt, Nt] = B, [Gt, Tt, At] = R;
+    return [Bt * At - Nt * Tt, Nt * Gt - jt * At, jt * Tt - Bt * Gt];
+  }(i, o), u = h * l - c * a, p = c * n - d * l, g = d * a - h * n, y = g * h - p * c, v = u * c - g * d, f = p * d - u * h, m = 1 / Math.sqrt(Math.pow(y, 2) + Math.pow(v, 2) + Math.pow(f, 2)), C = [y * m, v * m, f * m], P = [-1 * y * m, -1 * v * m, -1 * f * m], S = X(i, o), M = X(i, C), w = X(o, C), D = X(i, P), G = X(o, P);
+  let L;
+  return L = M < D && M < G || w < D && w < G ? C : P, X(i, L) > S || X(o, L) > S ? A(K(L), K(i)) <= A(K(L), K(o)) ? [K(i), !0, !1] : [K(o), !1, !0] : [K(L), !1, !1];
+}
+function si(s, t, e) {
+  const i = t.x - s.x, o = t.y - s.y, r = Math.max(0, Math.min(1, ((e.x - s.x) * i + (e.y - s.y) * o) / (i * i + o * o)));
+  return { x: s.x + r * i, y: s.y + r * o };
+}
+class Se extends j {
+  constructor(t, e, i) {
+    super(t), this.config = void 0, this.pixelDistance = void 0, this.clickBoundingBox = void 0, this.getSnappableCoordinateFirstClick = (o) => this.getSnappable(o, (r) => !!(r.properties && r.properties.mode === this.mode)).coordinate, this.getSnappableCoordinate = (o, r) => this.getSnappable(o, (n) => !!(n.properties && n.properties.mode === this.mode && n.id !== r)).coordinate, this.config = t, this.pixelDistance = e, this.clickBoundingBox = i;
+  }
+  getSnappable(t, e) {
+    const i = this.clickBoundingBox.create(t), o = this.store.search(i, e), r = { featureId: void 0, featureCoordinateIndex: void 0, coordinate: void 0, minDistance: 1 / 0 };
+    return o.forEach((n) => {
+      let a;
+      if (n.geometry.type === "Polygon") a = n.geometry.coordinates[0];
+      else {
+        if (n.geometry.type !== "LineString") return;
+        a = n.geometry.coordinates;
+      }
+      const l = [];
+      for (let u = 0; u < a.length - 1; u++) l.push([a[u], a[u + 1]]);
+      let d;
+      const h = [t.lng, t.lat];
+      if (this.config.projection === "web-mercator" ? d = function(u, p) {
+        let g = [1 / 0, 1 / 0], y = 1 / 0, v = 0;
+        for (let f of p) {
+          const m = f[0], C = f[1];
+          let P, S = 1 / 0;
+          const M = x(m[0], m[1]), w = x(C[0], C[1]), D = x(u[0], u[1]);
+          if (m[0] === u[0] && m[1] === u[1]) P = m;
+          else if (C[0] === u[0] && C[1] === u[1]) P = C;
+          else {
+            const { x: G, y: L } = si(M, w, D), { lng: B, lat: R } = W(G, L);
+            P = [B, R];
+          }
+          P && (S = O(D, x(P[0], P[1])), S < y && (g = P, y = S, v = p.indexOf(f)));
+        }
+        return y === 1 / 0 ? void 0 : { coordinate: g, lineIndex: v, distance: y };
+      }(h, l) : this.config.projection === "globe" && (d = function(u, p) {
+        let g = [1 / 0, 1 / 0], y = 1 / 0, v = 0;
+        for (let f of p) {
+          const m = f[0], C = f[1];
+          let P, S = 1 / 0;
+          m[0] === u[0] && m[1] === u[1] ? P = m : C[0] === u[0] && C[1] === u[1] ? P = C : [P] = oi(m, C, u), P && (S = A(u, P), S < y && (g = P, y = S, v = p.indexOf(f)));
+        }
+        return y === 1 / 0 ? void 0 : { coordinate: g, distance: y, lineIndex: v };
+      }(h, l)), !d) return;
+      const c = this.pixelDistance.measure(t, d.coordinate);
+      c < r.minDistance && c < this.pointerDistance && (r.featureId = n.id, r.coordinate = d.coordinate, r.featureCoordinateIndex = d.lineIndex, r.minDistance = c);
+    }), r;
+  }
 }
-class Ce extends N {
+const ri = { cancel: "Escape", finish: "Enter" }, ni = { start: "crosshair", close: "pointer", dragStart: "grabbing", dragEnd: "crosshair" };
+class xe extends N {
   constructor(t) {
-    super(t), this.mode = "linestring", this.currentCoordinate = 0, this.currentId = void 0, this.closingPointId = void 0, this.keyEvents = void 0, this.snapping = void 0, this.cursors = void 0, this.mouseMove = !1, this.insertCoordinates = void 0, this.lastCommitedCoordinates = void 0, this.snappedPointId = void 0, this.coordinateSnapping = void 0, this.insertPoint = void 0;
-    const e = { start: "crosshair", close: "pointer" };
-    if (this.cursors = t && t.cursors ? b({}, e, t.cursors) : e, this.snapping = t && t.snapping ? t.snapping : void 0, (t == null ? void 0 : t.keyEvents) === null) this.keyEvents = { cancel: null, finish: null };
-    else {
-      const i = { cancel: "Escape", finish: "Enter" };
-      this.keyEvents = t && t.keyEvents ? b({}, i, t.keyEvents) : i;
-    }
-    this.validate = t == null ? void 0 : t.validation, this.insertCoordinates = t == null ? void 0 : t.insertCoordinates;
+    super(t, !0), this.mode = "linestring", this.currentCoordinate = 0, this.currentId = void 0, this.closingPointId = void 0, this.keyEvents = ri, this.snapping = void 0, this.cursors = ni, this.mouseMove = !1, this.insertCoordinates = void 0, this.lastCommitedCoordinates = void 0, this.snappedPointId = void 0, this.editable = !1, this.editedFeatureId = void 0, this.editedFeatureCoordinateIndex = void 0, this.editedSnapType = void 0, this.editedInsertIndex = void 0, this.editedPointId = void 0, this.coordinateSnapping = void 0, this.insertPoint = void 0, this.lineSnapping = void 0, this.pixelDistance = void 0, this.clickBoundingBox = void 0, this.updateOptions(t);
+  }
+  updateOptions(t) {
+    super.updateOptions(t), t != null && t.cursors && (this.cursors = b({}, this.cursors, t.cursors)), t != null && t.snapping && (this.snapping = t.snapping), (t == null ? void 0 : t.keyEvents) === null ? this.keyEvents = { cancel: null, finish: null } : t != null && t.keyEvents && (this.keyEvents = b({}, this.keyEvents, t.keyEvents)), t != null && t.insertCoordinates && (this.insertCoordinates = t.insertCoordinates), t && t.editable && (this.editable = t.editable);
   }
   close() {
     if (this.currentId === void 0) return;
     const t = this.store.getGeometryCopy(this.currentId);
-    t.coordinates.pop(), this.updateGeometries([...t.coordinates], void 0, M.Commit);
+    t.coordinates.pop(), this.updateGeometries([...t.coordinates], void 0, I.Commit);
     const e = this.currentId;
     this.closingPointId && this.store.delete([this.closingPointId]), this.snappedPointId && this.store.delete([this.snappedPointId]), this.currentCoordinate = 0, this.currentId = void 0, this.closingPointId = void 0, this.snappedPointId = void 0, this.lastCommitedCoordinates = void 0, this.state === "drawing" && this.setStarted(), this.onFinish(e, { mode: this.mode, action: "draw" });
   }
@@ -536,7 +620,7 @@ class Ce extends N {
   generateInsertCoordinates(t, e) {
     if (!this.insertCoordinates || !this.lastCommitedCoordinates) throw new Error("Not able to insert coordinates");
     if (this.insertCoordinates.strategy !== "amount") throw new Error("Strategy does not exist");
-    const i = T(t, e) / (this.insertCoordinates.value + 1);
+    const i = A(t, e) / (this.insertCoordinates.value + 1);
     let o = [];
     return this.projection === "globe" ? o = this.insertPoint.generateInsertionGeodesicCoordinates(t, e, i) : this.projection === "web-mercator" && (o = this.insertPoint.generateInsertionCoordinates(t, e, i)), o;
   }
@@ -549,7 +633,7 @@ class Ce extends N {
     const e = this.store.getGeometryCopy(this.currentId).coordinates, [i] = this.store.create([{ geometry: { type: "Point", coordinates: [...t] }, properties: { mode: this.mode } }]);
     this.closingPointId = i, this.setCursor(this.cursors.close);
     const o = [...e, t];
-    this.updateGeometries(o, void 0, M.Commit), this.currentCoordinate++;
+    this.updateGeometries(o, void 0, I.Commit), this.currentCoordinate++;
   }
   updateToLine(t, e) {
     if (!this.currentId) return;
@@ -557,10 +641,10 @@ class Ce extends N {
     if (O({ x: n, y: a }, { x: e.x, y: e.y }) < this.pointerDistance) return void this.close();
     this.setCursor(this.cursors.close);
     const l = [...i, t];
-    this.updateGeometries(l, i[i.length - 1], M.Commit), this.currentCoordinate++;
+    this.updateGeometries(l, i[i.length - 1], I.Commit), this.currentCoordinate++;
   }
   registerBehaviors(t) {
-    this.coordinateSnapping = new me(t, new St(t), new Pt(t)), this.insertPoint = new He(t);
+    this.coordinateSnapping = new Lt(t, new nt(t), new rt(t)), this.insertPoint = new ii(t), this.clickBoundingBox = new rt(t), this.pixelDistance = new nt(t), this.lineSnapping = new Se(t, this.pixelDistance, this.clickBoundingBox), this.coordinateSnapping = new Lt(t, this.pixelDistance, this.clickBoundingBox);
   }
   start() {
     this.setStarted(), this.setCursor(this.cursors.start);
@@ -574,7 +658,7 @@ class Ce extends N {
     if (e) {
       if (this.snappedPointId) this.store.updateGeometry([{ id: this.snappedPointId, geometry: { type: "Point", coordinates: e } }]);
       else {
-        const [n] = this.store.create([{ geometry: { type: "Point", coordinates: e }, properties: { mode: this.mode, [Ot]: !0 } }]);
+        const [n] = this.store.create([{ geometry: { type: "Point", coordinates: e }, properties: { mode: this.mode, [Dt]: !0 } }]);
         this.snappedPointId = n;
       }
       t.lng = e[0], t.lat = e[1];
@@ -594,23 +678,58 @@ class Ce extends N {
         r = [...this.lastCommitedCoordinates.slice(0, -1), ...l, i];
       }
     }
-    this.updateGeometries(r, void 0, M.Provisional);
+    this.updateGeometries(r, void 0, I.Provisional);
   }
-  onClick(t) {
-    this.currentCoordinate > 0 && !this.mouseMove && this.onMouseMove(t), this.mouseMove = !1, this.snappedPointId && (this.store.delete([this.snappedPointId]), this.snappedPointId = void 0);
+  onRightClick(t) {
+    if (!this.editable || this.state !== "started") return;
+    const { featureId: e, featureCoordinateIndex: i } = this.coordinateSnapping.getSnappable(t, (n) => n.geometry.type === "LineString");
+    if (!e || i === void 0) return;
+    const o = this.store.getGeometryCopy(e);
+    let r;
+    if (o.type === "LineString" && (r = o.coordinates, !(r.length <= 2))) {
+      if (r.splice(i, 1), this.validate && !this.validate({ id: e, type: "Feature", geometry: o, properties: {} }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: I.Commit }).valid) return;
+      this.snappedPointId && (this.store.delete([this.snappedPointId]), this.snappedPointId = void 0), this.store.updateGeometry([{ id: e, geometry: o }]);
+    }
+  }
+  onLeftClick(t) {
+    this.snappedPointId && (this.store.delete([this.snappedPointId]), this.snappedPointId = void 0);
     const e = this.snapCoordinate(t) || [t.lng, t.lat];
     this.currentCoordinate === 0 ? this.createLine(e) : this.currentCoordinate === 1 && this.currentId ? this.firstUpdateToLine(e) : this.currentId && this.updateToLine(e, { x: t.containerX, y: t.containerY });
   }
+  onClick(t) {
+    this.currentCoordinate > 0 && !this.mouseMove && this.onMouseMove(t), this.mouseMove = !1, t.button === "right" ? this.onRightClick(t) : t.button === "left" && this.onLeftClick(t);
+  }
   onKeyDown() {
   }
   onKeyUp(t) {
     t.key === this.keyEvents.cancel && this.cleanUp(), t.key === this.keyEvents.finish && this.close();
   }
-  onDragStart() {
+  onDragStart(t, e) {
+    if (!this.editable) return;
+    let i;
+    if (this.state === "started") {
+      const o = this.lineSnapping.getSnappable(t);
+      o.coordinate && (this.editedSnapType = "line", this.editedFeatureCoordinateIndex = o.featureCoordinateIndex, this.editedFeatureId = o.featureId, i = o.coordinate);
+      const r = this.coordinateSnapping.getSnappable(t);
+      r.coordinate && (this.editedSnapType = "coordinate", this.editedFeatureCoordinateIndex = r.featureCoordinateIndex, this.editedFeatureId = r.featureId, i = r.coordinate);
+    }
+    if (this.editedFeatureId && i) {
+      if (!this.editedPointId) {
+        const [o] = this.store.create([{ geometry: { type: "Point", coordinates: i }, properties: { mode: this.mode, [V]: !0 } }]);
+        this.editedPointId = o;
+      }
+      this.setCursor(this.cursors.dragStart), e(!1);
+    }
   }
-  onDrag() {
+  onDrag(t, e) {
+    if (this.editedFeatureId === void 0 || this.editedFeatureCoordinateIndex === void 0) return;
+    const i = this.store.getGeometryCopy(this.editedFeatureId);
+    this.editedSnapType === "coordinate" || this.editedSnapType === "line" && this.editedInsertIndex !== void 0 ? i.coordinates[this.editedFeatureCoordinateIndex] = [t.lng, t.lat] : this.editedSnapType === "line" && this.editedInsertIndex === void 0 && (this.editedInsertIndex = this.editedFeatureCoordinateIndex + 1, i.coordinates.splice(this.editedInsertIndex, 0, [t.lng, t.lat]), this.editedFeatureCoordinateIndex++);
+    const o = { type: "LineString", coordinates: i.coordinates };
+    this.validate && !this.validate({ type: "Feature", geometry: o, properties: this.store.getPropertiesCopy(this.editedFeatureId) }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: I.Provisional }).valid || (this.snapping && this.snappedPointId && (this.store.delete([this.snappedPointId]), this.snappedPointId = void 0), this.store.updateGeometry([{ id: this.editedFeatureId, geometry: o }]), this.editedPointId && this.store.updateGeometry([{ id: this.editedPointId, geometry: { type: "Point", coordinates: [t.lng, t.lat] } }]), this.store.updateProperty([{ id: this.editedFeatureId, property: V, value: !0 }]), e(!0));
   }
-  onDragEnd() {
+  onDragEnd(t, e) {
+    this.editedFeatureId !== void 0 && (this.setCursor(this.cursors.dragEnd), this.editedPointId && (this.store.delete([this.editedPointId]), this.editedPointId = void 0), this.store.updateProperty([{ id: this.editedFeatureId, property: V, value: !1 }]), this.editedFeatureId = void 0, this.editedFeatureCoordinateIndex = void 0, this.editedInsertIndex = void 0, this.editedSnapType = void 0, e(!0));
   }
   cleanUp() {
     const t = this.currentId, e = this.closingPointId, i = this.snappedPointId;
@@ -630,7 +749,7 @@ class Ce extends N {
     return e;
   }
   validateFeature(t) {
-    return this.validateModeFeature(t, (e) => ve(e, this.coordinatePrecision));
+    return this.validateModeFeature(t, (e) => Pe(e, this.coordinatePrecision));
   }
   snapCoordinate(t) {
     var e, i;
@@ -638,15 +757,17 @@ class Ce extends N {
     return (e = this.snapping) != null && e.toCoordinate && (o = this.currentId ? this.coordinateSnapping.getSnappableCoordinate(t, this.currentId) : this.coordinateSnapping.getSnappableCoordinateFirstClick(t)), (i = this.snapping) != null && i.toCustom && (o = this.snapping.toCustom(t)), o;
   }
 }
-const qe = "Feature is not a Point", Je = "Feature has invalid coordinates";
-function Pe(s, t) {
-  return s.geometry.type !== "Point" ? { valid: !1, reason: qe } : vt(s.geometry.coordinates, t) ? { valid: !0 } : { valid: !1, reason: Je };
+const ai = "Feature is not a Point", li = "Feature has invalid coordinates";
+function Ie(s, t) {
+  return s.geometry.type !== "Point" ? { valid: !1, reason: ai } : St(s.geometry.coordinates, t) ? { valid: !0 } : { valid: !1, reason: li };
 }
-class Se extends N {
+const di = { create: "crosshair", dragStart: "grabbing", dragEnd: "crosshair" };
+class be extends N {
   constructor(t) {
-    super(t), this.mode = "point", this.cursors = void 0, this.editable = void 0, this.editedFeatureId = void 0, this.pixelDistance = void 0, this.clickBoundingBox = void 0;
-    const e = { create: "crosshair", dragStart: "grabbing", dragEnd: "crosshair" };
-    this.cursors = t && t.cursors ? b({}, e, t.cursors) : e, this.editable = !(!t || !t.editable) && t.editable;
+    super(t, !0), this.mode = "point", this.cursors = di, this.editable = !1, this.editedFeatureId = void 0, this.pixelDistance = void 0, this.clickBoundingBox = void 0, this.updateOptions(t);
+  }
+  updateOptions(t) {
+    super.updateOptions(t), t != null && t.cursors && (this.cursors = b({}, this.cursors, t.cursors)), t != null && t.editable && (this.editable = t.editable);
   }
   start() {
     this.setStarted(), this.setCursor(this.cursors.create);
@@ -656,10 +777,7 @@ class Se extends N {
   }
   onClick(t) {
     if (!this.store) throw new Error("Mode must be registered first");
-    const e = { type: "Point", coordinates: [t.lng, t.lat] }, i = { mode: this.mode };
-    if (this.validate && !this.validate({ type: "Feature", geometry: e, properties: i }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: M.Finish }).valid) return;
-    const [o] = this.store.create([{ geometry: e, properties: i }]);
-    this.onFinish(o, { mode: this.mode, action: "draw" });
+    t.button === "right" ? this.onRightClick(t) : t.button === "left" && this.onLeftClick(t);
   }
   onMouseMove() {
   }
@@ -672,26 +790,19 @@ class Se extends N {
   }
   onDragStart(t, e) {
     if (this.editable) {
-      const i = this.clickBoundingBox.create(t), o = this.store.search(i);
-      let r, n = 1 / 0;
-      for (let a = 0; a < o.length; a++) {
-        const l = o[a];
-        if (l.geometry.type !== "Point" || l.properties.mode !== this.mode) continue;
-        const d = this.pixelDistance.measure(t, l.geometry.coordinates);
-        d > n || d > this.pointerDistance || (n = d, r = l);
-      }
-      r && (this.editedFeatureId = r.id);
+      const i = this.getNearestPointFeature(t);
+      this.editedFeatureId = i == null ? void 0 : i.id;
     }
     this.editedFeatureId && (this.setCursor(this.cursors.dragStart), e(!1));
   }
   onDrag(t, e) {
-    this.editedFeatureId !== void 0 && (this.validate && !this.validate({ type: "Feature", geometry: { type: "Point", coordinates: [t.lng, t.lat] }, properties: this.store.getPropertiesCopy(this.editedFeatureId) }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: M.Finish }).valid || (this.store.updateGeometry([{ id: this.editedFeatureId, geometry: { type: "Point", coordinates: [t.lng, t.lat] } }]), this.store.updateProperty([{ id: this.editedFeatureId, property: J, value: !0 }]), e(!0)));
+    this.editedFeatureId !== void 0 && (this.validate && !this.validate({ type: "Feature", geometry: { type: "Point", coordinates: [t.lng, t.lat] }, properties: this.store.getPropertiesCopy(this.editedFeatureId) }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: I.Finish }).valid || (this.store.updateGeometry([{ id: this.editedFeatureId, geometry: { type: "Point", coordinates: [t.lng, t.lat] } }]), this.store.updateProperty([{ id: this.editedFeatureId, property: V, value: !0 }]), e(!0)));
   }
   onDragEnd(t, e) {
-    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: J, value: !1 }]), this.editedFeatureId = void 0, e(!0));
+    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 St(t), this.clickBoundingBox = new Pt(t);
+    this.pixelDistance = new nt(t), this.clickBoundingBox = new rt(t);
   }
   styleFeature(t) {
     const e = b({}, { polygonFillColor: "#3f97e0", polygonOutlineColor: "#3f97e0", polygonOutlineWidth: 4, polygonFillOpacity: 0.3, pointColor: "#3f97e0", pointOutlineColor: "#ffffff", pointOutlineWidth: 0, pointWidth: 6, lineStringColor: "#3f97e0", lineStringWidth: 4, zIndex: 0 });
@@ -702,10 +813,32 @@ class Se extends N {
     return e;
   }
   validateFeature(t) {
-    return this.validateModeFeature(t, (e) => Pe(e, this.coordinatePrecision));
+    return this.validateModeFeature(t, (e) => Ie(e, this.coordinatePrecision));
+  }
+  onLeftClick(t) {
+    const e = { type: "Point", coordinates: [t.lng, t.lat] }, i = { mode: this.mode };
+    if (this.validate && !this.validate({ type: "Feature", geometry: e, properties: i }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: I.Finish }).valid) return;
+    const [o] = this.store.create([{ geometry: e, properties: i }]);
+    this.onFinish(o, { mode: this.mode, action: "draw" });
+  }
+  onRightClick(t) {
+    if (!this.editable) return;
+    const e = this.getNearestPointFeature(t);
+    e && this.store.delete([e.id]);
+  }
+  getNearestPointFeature(t) {
+    const e = this.clickBoundingBox.create(t), i = this.store.search(e);
+    let o, r = 1 / 0;
+    for (let n = 0; n < i.length; n++) {
+      const a = i[n];
+      if (a.geometry.type !== "Point" || a.properties.mode !== this.mode) continue;
+      const l = this.pixelDistance.measure(t, a.geometry.coordinates);
+      l > r || l > this.pointerDistance || (r = l, o = a);
+    }
+    return o;
   }
 }
-class Ze extends j {
+class hi extends j {
   constructor(t, e) {
     super(t), this.config = void 0, this.pixelDistance = void 0, this._startEndPoints = [], this.config = t, this.pixelDistance = e;
   }
@@ -731,102 +864,27 @@ class Ze extends j {
     return { isClosing: o < this.pointerDistance, isPreviousClosing: r < this.pointerDistance };
   }
 }
-function Yt(s) {
-  return Math.sqrt(Math.pow(s[0], 2) + Math.pow(s[1], 2) + Math.pow(s[2], 2));
-}
-function R(s, t) {
-  const e = function(i, o) {
-    const [r, n, a] = i, [l, d, c] = o;
-    return r * l + n * d + a * c;
-  }(s, t) / (Yt(s) * Yt(t));
-  return Math.acos(Math.min(Math.max(e, -1), 1));
-}
-function It(s) {
-  const t = E(s[1]), e = E(s[0]);
-  return [Math.cos(t) * Math.cos(e), Math.cos(t) * Math.sin(e), Math.sin(t)];
-}
-function X(s) {
-  const [t, e, i] = s, o = U(Math.asin(i));
-  return [U(Math.atan2(e, t)), o];
-}
-function Qe(s, t, e) {
-  const i = It(s), o = It(t), r = It(e), [n, a, l] = r, [d, c, h] = function(B, z) {
-    const [kt, Wt, jt] = B, [Bt, Nt, At] = z;
-    return [Wt * At - jt * Nt, jt * Bt - kt * At, kt * Nt - Wt * Bt];
-  }(i, o), u = c * l - h * a, p = h * n - d * l, g = d * a - c * n, y = g * c - p * h, v = u * h - g * d, f = p * d - u * c, m = 1 / Math.sqrt(Math.pow(y, 2) + Math.pow(v, 2) + Math.pow(f, 2)), C = [y * m, v * m, f * m], P = [-1 * y * m, -1 * v * m, -1 * f * m], S = R(i, o), I = R(i, C), w = R(o, C), D = R(i, P), A = R(o, P);
-  let L;
-  return L = I < D && I < A || w < D && w < A ? C : P, R(i, L) > S || R(o, L) > S ? T(X(L), X(i)) <= T(X(L), X(o)) ? [X(i), !0, !1] : [X(o), !1, !0] : [X(L), !1, !1];
-}
-function ti(s, t, e) {
-  const i = t.x - s.x, o = t.y - s.y, r = Math.max(0, Math.min(1, ((e.x - s.x) * i + (e.y - s.y) * o) / (i * i + o * o)));
-  return { x: s.x + r * i, y: s.y + r * o };
-}
-class ei extends j {
-  constructor(t, e, i) {
-    super(t), this.config = void 0, this.pixelDistance = void 0, this.clickBoundingBox = void 0, this.getSnappableCoordinateFirstClick = (o) => this.getSnappable(o, (r) => !!(r.properties && r.properties.mode === this.mode)).coordinate, this.getSnappableCoordinate = (o, r) => this.getSnappable(o, (n) => !!(n.properties && n.properties.mode === this.mode && n.id !== r)).coordinate, this.config = t, this.pixelDistance = e, this.clickBoundingBox = i;
-  }
-  getSnappable(t, e) {
-    const i = this.clickBoundingBox.create(t), o = this.store.search(i, e), r = { featureId: void 0, featureCoordinateIndex: void 0, coordinate: void 0, minDistance: 1 / 0 };
-    return o.forEach((n) => {
-      let a;
-      if (n.geometry.type === "Polygon") a = n.geometry.coordinates[0];
-      else {
-        if (n.geometry.type !== "LineString") return;
-        a = n.geometry.coordinates;
-      }
-      const l = [];
-      for (let u = 0; u < a.length - 1; u++) l.push([a[u], a[u + 1]]);
-      let d;
-      const c = [t.lng, t.lat];
-      if (this.config.projection === "web-mercator" ? d = function(u, p) {
-        let g = [1 / 0, 1 / 0], y = 1 / 0, v = 0;
-        for (let f of p) {
-          const m = f[0], C = f[1];
-          let P, S = 1 / 0;
-          const I = x(m[0], m[1]), w = x(C[0], C[1]), D = x(u[0], u[1]);
-          if (m[0] === u[0] && m[1] === u[1]) P = m;
-          else if (C[0] === u[0] && C[1] === u[1]) P = C;
-          else {
-            const { x: A, y: L } = ti(I, w, D), { lng: B, lat: z } = W(A, L);
-            P = [B, z];
-          }
-          P && (S = O(D, x(P[0], P[1])), S < y && (g = P, y = S, v = p.indexOf(f)));
-        }
-        return y === 1 / 0 ? void 0 : { coordinate: g, lineIndex: v, distance: y };
-      }(c, l) : this.config.projection === "globe" && (d = function(u, p) {
-        let g = [1 / 0, 1 / 0], y = 1 / 0, v = 0;
-        for (let f of p) {
-          const m = f[0], C = f[1];
-          let P, S = 1 / 0;
-          m[0] === u[0] && m[1] === u[1] ? P = m : C[0] === u[0] && C[1] === u[1] ? P = C : [P] = Qe(m, C, u), P && (S = T(u, P), S < y && (g = P, y = S, v = p.indexOf(f)));
-        }
-        return y === 1 / 0 ? void 0 : { coordinate: g, distance: y, lineIndex: v };
-      }(c, l)), !d) return;
-      const h = this.pixelDistance.measure(t, d.coordinate);
-      h < r.minDistance && h < this.pointerDistance && (r.featureId = n.id, r.coordinate = d.coordinate, r.featureCoordinateIndex = d.lineIndex, r.minDistance = h);
-    }), r;
-  }
-}
-class xe extends N {
+const ci = { cancel: "Escape", finish: "Enter" }, ui = { start: "crosshair", close: "pointer", dragStart: "grabbing", dragEnd: "crosshair" };
+class Me extends N {
   constructor(t) {
-    super(t), this.mode = "polygon", this.currentCoordinate = 0, this.currentId = void 0, this.keyEvents = void 0, this.snapping = void 0, this.editable = void 0, this.snappedPointId = void 0, this.editedFeatureId = void 0, this.editedFeatureCoordinateIndex = void 0, this.editedSnapType = void 0, this.editedInsertIndex = void 0, this.editedPointId = void 0, this.lineSnapping = void 0, this.coordinateSnapping = void 0, this.pixelDistance = void 0, this.closingPoints = void 0, this.clickBoundingBox = void 0, this.cursors = void 0, this.mouseMove = !1;
-    const e = { start: "crosshair", close: "pointer", dragStart: "grabbing", dragEnd: "crosshair" };
-    if (this.cursors = t && t.cursors ? b({}, e, t.cursors) : e, this.snapping = t && t.snapping ? t.snapping : void 0, (t == null ? void 0 : t.keyEvents) === null) this.keyEvents = { cancel: null, finish: null };
-    else {
-      const i = { cancel: "Escape", finish: "Enter" };
-      this.keyEvents = t && t.keyEvents ? b({}, i, t.keyEvents) : i;
-    }
-    this.editable = !(!t || !t.editable) && t.editable;
+    super(t, !0), this.mode = "polygon", this.currentCoordinate = 0, this.currentId = void 0, this.keyEvents = ci, this.cursors = ui, this.mouseMove = !1, this.snapping = void 0, this.snappedPointId = void 0, this.editable = !1, this.editedFeatureId = void 0, this.editedFeatureCoordinateIndex = void 0, this.editedSnapType = void 0, this.editedInsertIndex = void 0, this.editedPointId = void 0, this.lineSnapping = void 0, this.coordinateSnapping = void 0, this.pixelDistance = void 0, this.closingPoints = void 0, this.clickBoundingBox = void 0, this.updateOptions(t);
+  }
+  updateOptions(t) {
+    super.updateOptions(t), t != null && t.cursors && (this.cursors = b({}, this.cursors, t.cursors)), (t == null ? void 0 : t.keyEvents) === null ? this.keyEvents = { cancel: null, finish: null } : t != null && t.keyEvents && (this.keyEvents = b({}, this.keyEvents, t.keyEvents)), t != null && t.snapping && (this.snapping = t.snapping), t != null && t.editable && (this.editable = t.editable);
   }
   close() {
     if (this.currentId === void 0) return;
     const t = this.store.getGeometryCopy(this.currentId).coordinates[0];
-    if (t.length < 5 || !this.updatePolygonGeometry([...t.slice(0, -2), t[0]], M.Finish)) return;
+    if (t.length < 5 || !this.updatePolygonGeometry([...t.slice(0, -2), t[0]], I.Finish)) return;
     const e = this.currentId;
+    if (this.currentId) {
+      const i = dt(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 Pt(t), this.pixelDistance = new St(t), this.lineSnapping = new ei(t, this.pixelDistance, this.clickBoundingBox), this.coordinateSnapping = new me(t, this.pixelDistance, this.clickBoundingBox), this.closingPoints = new Ze(t, this.pixelDistance);
+    this.clickBoundingBox = new rt(t), this.pixelDistance = new nt(t), this.lineSnapping = new Se(t, this.pixelDistance, this.clickBoundingBox), this.coordinateSnapping = new Lt(t, this.pixelDistance, this.clickBoundingBox), this.closingPoints = new hi(t, this.pixelDistance);
   }
   start() {
     this.setStarted(), this.setCursor(this.cursors.start);
@@ -840,7 +898,7 @@ class xe extends N {
     if (e) {
       if (this.snappedPointId) this.store.updateGeometry([{ id: this.snappedPointId, geometry: { type: "Point", coordinates: e } }]);
       else {
-        const [r] = this.store.create([{ geometry: { type: "Point", coordinates: e }, properties: { mode: this.mode, [Ot]: !0 } }]);
+        const [r] = this.store.create([{ geometry: { type: "Point", coordinates: e }, properties: { mode: this.mode, [Dt]: !0 } }]);
         this.snappedPointId = r;
       }
       t.lng = e[0], t.lat = e[1];
@@ -856,7 +914,7 @@ class xe extends N {
       const { isClosing: r, isPreviousClosing: n } = this.closingPoints.isClosingPoint(t);
       n || r ? (this.snappedPointId && (this.store.delete([this.snappedPointId]), this.snappedPointId = void 0), this.setCursor(this.cursors.close), o = [...i.slice(0, -2), i[0], i[0]]) : o = [...i.slice(0, -2), [t.lng, t.lat], i[0]];
     }
-    this.updatePolygonGeometry(o, M.Provisional);
+    this.updatePolygonGeometry(o, I.Provisional);
   }
   updatePolygonGeometry(t, e) {
     if (!this.currentId) return !1;
@@ -876,8 +934,16 @@ class xe extends N {
     }
     return (o = this.snapping) != null && o.toCustom && (r = this.snapping.toCustom(t)), r;
   }
-  onClick(t) {
-    if (this.currentCoordinate > 0 && !this.mouseMove && this.onMouseMove(t), this.mouseMove = !1, this.snappedPointId && (this.store.delete([this.snappedPointId]), this.snappedPointId = void 0), this.currentCoordinate === 0) {
+  onRightClick(t) {
+    if (!this.editable) return;
+    const { featureId: e, featureCoordinateIndex: i } = this.coordinateSnapping.getSnappable(t, (n) => n.geometry.type === "Polygon");
+    if (!e || i === void 0) return;
+    const o = this.store.getGeometryCopy(e);
+    let r;
+    o.type === "Polygon" && (r = o.coordinates[0], r.length <= 4 || (o.type !== "Polygon" || i !== 0 && i !== r.length - 1 ? r.splice(i, 1) : (r.shift(), r.pop(), r.push([r[0][0], r[0][1]])), (!this.validate || this.validate({ id: e, type: "Feature", geometry: o, properties: {} }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: I.Commit }).valid) && (this.snappedPointId && (this.store.delete([this.snappedPointId]), this.snappedPointId = void 0), this.store.updateGeometry([{ id: e, geometry: o }]))));
+  }
+  onLeftClick(t) {
+    if (this.snappedPointId && (this.store.delete([this.snappedPointId]), this.snappedPointId = void 0), this.currentCoordinate === 0) {
       const e = this.snapCoordinate(t);
       e && (t.lng = e[0], t.lat = e[1]);
       const [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 } }]);
@@ -886,13 +952,13 @@ class xe extends N {
       const e = this.snapCoordinate(t);
       e && (t.lng = e[0], t.lat = e[1]);
       const i = this.store.getGeometryCopy(this.currentId);
-      if (Z([t.lng, t.lat], i.coordinates[0][0]) || !this.updatePolygonGeometry([i.coordinates[0][0], [t.lng, t.lat], [t.lng, t.lat], i.coordinates[0][0]], M.Commit)) return;
+      if (Z([t.lng, t.lat], i.coordinates[0][0]) || !this.updatePolygonGeometry([i.coordinates[0][0], [t.lng, t.lat], [t.lng, t.lat], i.coordinates[0][0]], I.Commit)) return;
       this.currentCoordinate++;
     } else if (this.currentCoordinate === 2 && this.currentId) {
       const e = this.snapCoordinate(t);
       e && (t.lng = e[0], t.lat = e[1]);
       const i = this.store.getGeometryCopy(this.currentId).coordinates[0];
-      if (Z([t.lng, t.lat], i[1]) || !this.updatePolygonGeometry([i[0], i[1], [t.lng, t.lat], [t.lng, t.lat], i[0]], M.Commit)) return;
+      if (Z([t.lng, t.lat], i[1]) || !this.updatePolygonGeometry([i[0], i[1], [t.lng, t.lat], [t.lng, t.lat], i[0]], I.Commit)) return;
       this.currentCoordinate === 2 && this.closingPoints.create(i, "polygon"), this.currentCoordinate++;
     } else if (this.currentId) {
       const e = this.store.getGeometryCopy(this.currentId).coordinates[0], { isClosing: i, isPreviousClosing: o } = this.closingPoints.isClosingPoint(t);
@@ -903,11 +969,14 @@ class xe extends N {
         const n = /* @__PURE__ */ function(a = [[[0, 0], [0, 1], [1, 1], [1, 0], [0, 0]]]) {
           return { type: "Feature", geometry: { type: "Polygon", coordinates: a }, properties: {} };
         }([[...e.slice(0, -1), [t.lng, t.lat], e[0]]]);
-        if (!this.updatePolygonGeometry(n.geometry.coordinates[0], M.Commit)) return;
+        if (!this.updatePolygonGeometry(n.geometry.coordinates[0], I.Commit)) return;
         this.currentCoordinate++, this.closingPoints.ids.length && this.closingPoints.update(n.geometry.coordinates[0]);
       }
     }
   }
+  onClick(t) {
+    this.currentCoordinate > 0 && !this.mouseMove && this.onMouseMove(t), this.mouseMove = !1, t.button !== "right" ? t.button !== "left" || this.onLeftClick(t) : this.onRightClick(t);
+  }
   onKeyUp(t) {
     t.key === this.keyEvents.cancel ? this.cleanUp() : t.key === this.keyEvents.finish && this.close();
   }
@@ -924,7 +993,7 @@ class xe extends N {
     }
     if (this.editedFeatureId && i) {
       if (!this.editedPointId) {
-        const [o] = this.store.create([{ geometry: { type: "Point", coordinates: i }, properties: { mode: this.mode, [J]: !0 } }]);
+        const [o] = this.store.create([{ geometry: { type: "Point", coordinates: i }, properties: { mode: this.mode, [V]: !0 } }]);
         this.editedPointId = o;
       }
       this.setCursor(this.cursors.dragStart), e(!1);
@@ -935,10 +1004,10 @@ class xe extends N {
     const i = this.store.getGeometryCopy(this.editedFeatureId), o = i.coordinates[0];
     this.editedSnapType === "coordinate" || this.editedSnapType === "line" && this.editedInsertIndex !== void 0 ? this.editedFeatureCoordinateIndex === 0 || this.editedFeatureCoordinateIndex === i.coordinates[0].length - 1 ? (o[0] = [t.lng, t.lat], o[o.length - 1] = [t.lng, t.lat]) : o[this.editedFeatureCoordinateIndex] = [t.lng, t.lat] : this.editedSnapType === "line" && this.editedInsertIndex === void 0 && (this.editedInsertIndex = this.editedFeatureCoordinateIndex + 1, i.coordinates[0].splice(this.editedInsertIndex, 0, [t.lng, t.lat]), this.editedFeatureCoordinateIndex++);
     const r = { type: "Polygon", coordinates: i.coordinates };
-    this.validate && !this.validate({ type: "Feature", geometry: r, properties: this.store.getPropertiesCopy(this.editedFeatureId) }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: M.Provisional }).valid || (this.snapping && this.snappedPointId && (this.store.delete([this.snappedPointId]), this.snappedPointId = void 0), this.store.updateGeometry([{ id: this.editedFeatureId, geometry: r }]), this.editedPointId && this.store.updateGeometry([{ id: this.editedPointId, geometry: { type: "Point", coordinates: [t.lng, t.lat] } }]), this.store.updateProperty([{ id: this.editedFeatureId, property: J, value: !0 }]), e(!0));
+    this.validate && !this.validate({ type: "Feature", geometry: r, properties: this.store.getPropertiesCopy(this.editedFeatureId) }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: I.Provisional }).valid || (this.snapping && this.snappedPointId && (this.store.delete([this.snappedPointId]), this.snappedPointId = void 0), this.store.updateGeometry([{ id: this.editedFeatureId, geometry: r }]), this.editedPointId && this.store.updateGeometry([{ id: this.editedPointId, geometry: { type: "Point", coordinates: [t.lng, t.lat] } }]), this.store.updateProperty([{ id: this.editedFeatureId, property: V, value: !0 }]), e(!0));
   }
   onDragEnd(t, e) {
-    this.editedFeatureId !== void 0 && (this.setCursor(this.cursors.dragEnd), this.editedPointId && (this.store.delete([this.editedPointId]), this.editedPointId = void 0), this.store.updateProperty([{ id: this.editedFeatureId, property: J, value: !1 }]), this.editedFeatureId = void 0, this.editedFeatureCoordinateIndex = void 0, this.editedInsertIndex = void 0, this.editedSnapType = void 0, e(!0));
+    this.editedFeatureId !== void 0 && (this.setCursor(this.cursors.dragEnd), this.editedPointId && (this.store.delete([this.editedPointId]), this.editedPointId = void 0), this.store.updateProperty([{ id: this.editedFeatureId, property: V, value: !1 }]), this.editedFeatureId = void 0, this.editedFeatureCoordinateIndex = void 0, this.editedInsertIndex = void 0, this.editedSnapType = void 0, e(!0));
   }
   cleanUp() {
     const t = this.currentId, e = this.snappedPointId, i = this.editedPointId;
@@ -953,7 +1022,7 @@ class xe 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[J], o = i ? "editedPoint" : t.properties[st] ? "closingPoint" : t.properties[Ot] ? "snappingPoint" : void 0;
+        const i = t.properties[V], o = i ? "editedPoint" : t.properties[st] ? "closingPoint" : t.properties[Dt] ? "snappingPoint" : void 0;
         if (!o) return e;
         const r = { 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 } };
         return e.pointWidth = this.getNumericStylingValue(r[o].width, e.pointWidth, t), e.pointColor = this.getHexColorStylingValue(r[o].color, e.pointColor, t), e.pointOutlineColor = this.getHexColorStylingValue(r[o].outlineColor, e.pointOutlineColor, t), e.pointOutlineWidth = this.getNumericStylingValue(r[o].outlineWidth, 2, t), e.zIndex = i ? 35 : 30, e;
@@ -962,18 +1031,16 @@ class xe extends N {
     return e;
   }
   validateFeature(t) {
-    return this.validateModeFeature(t, (e) => Ct(e, this.coordinatePrecision));
+    return this.validateModeFeature(t, (e) => xt(e, this.coordinatePrecision));
   }
 }
-class be extends N {
+const pi = { cancel: "Escape", finish: "Enter" }, gi = { start: "crosshair" };
+class we extends N {
   constructor(t) {
-    super(t), this.mode = "rectangle", this.center = void 0, this.clickCount = 0, this.currentRectangleId = void 0, this.keyEvents = void 0, this.cursors = void 0;
-    const e = { start: "crosshair" };
-    if (this.cursors = t && t.cursors ? b({}, e, t.cursors) : e, (t == null ? void 0 : t.keyEvents) === null) this.keyEvents = { cancel: null, finish: null };
-    else {
-      const i = { cancel: "Escape", finish: "Enter" };
-      this.keyEvents = t && t.keyEvents ? b({}, i, t.keyEvents) : i;
-    }
+    super(t, !0), this.mode = "rectangle", this.center = void 0, this.clickCount = 0, this.currentRectangleId = void 0, this.keyEvents = pi, this.cursors = gi, this.updateOptions(t);
+  }
+  updateOptions(t) {
+    super.updateOptions(t), t != null && t.cursors && (this.cursors = b({}, this.cursors, t.cursors)), (t == null ? void 0 : t.keyEvents) === null ? this.keyEvents = { cancel: null, finish: null } : t != null && t.keyEvents && (this.keyEvents = b({}, this.keyEvents, t.keyEvents));
   }
   updateRectangle(t, e) {
     if (this.clickCount === 1 && this.center && this.currentRectangleId) {
@@ -984,6 +1051,10 @@ class be extends N {
   }
   close() {
     const t = this.currentRectangleId;
+    if (t) {
+      const e = dt(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" });
   }
   start() {
@@ -997,10 +1068,10 @@ class be extends N {
       this.center = [t.lng, t.lat];
       const [e] = 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 } }]);
       this.currentRectangleId = e, this.clickCount++, this.setDrawing();
-    } else this.updateRectangle(t, M.Finish), this.close();
+    } else this.updateRectangle(t, I.Finish), this.close();
   }
   onMouseMove(t) {
-    this.updateRectangle(t, M.Provisional);
+    this.updateRectangle(t, I.Provisional);
   }
   onKeyDown() {
   }
@@ -1022,12 +1093,16 @@ class be 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) => nt(e, this.coordinatePrecision));
+    return this.validateModeFeature(t, (e) => lt(e, this.coordinatePrecision));
   }
 }
 class et extends N {
   constructor(t) {
-    super({ styles: t.styles }), this.type = Y.Render, this.mode = "render", this.mode = t.modeName;
+    if (!t.modeName) throw new Error("Mode name is required for TerraDrawRenderMode");
+    super(t, !0), this.type = $.Render, this.mode = "render", this.updateOptions(t);
+  }
+  updateOptions(t) {
+    super.updateOptions(t), t != null && t.modeName && (this.mode = t.modeName);
   }
   registerBehaviors(t) {
     this.mode = t.mode;
@@ -1060,50 +1135,50 @@ class et extends N {
   validateFeature(t) {
     const e = super.validateFeature(t);
     if (e.valid) {
-      const i = t, o = Pe(i, this.coordinatePrecision).valid || Ct(i, this.coordinatePrecision).valid || ve(i, this.coordinatePrecision).valid;
+      const i = t, o = Ie(i, this.coordinatePrecision).valid || xt(i, this.coordinatePrecision).valid || Pe(i, this.coordinatePrecision).valid;
       return o ? { valid: !0 } : { valid: o, reason: "Feature is not a valid Point, Polygon or LineString feature" };
     }
     return e;
   }
 }
-function gt(s, t) {
+function mt(s, t) {
   const e = s, i = t, o = E(e[1]), r = E(i[1]);
   let n = E(i[0] - e[0]);
   n > Math.PI && (n -= 2 * Math.PI), n < -Math.PI && (n += 2 * Math.PI);
-  const a = Math.log(Math.tan(r / 2 + Math.PI / 4) / Math.tan(o / 2 + Math.PI / 4)), l = (U(Math.atan2(n, a)) + 360) % 360;
+  const a = Math.log(Math.tan(r / 2 + Math.PI / 4) / Math.tan(o / 2 + Math.PI / 4)), l = (z(Math.atan2(n, a)) + 360) % 360;
   return l > 180 ? -(360 - l) : l;
 }
-function Lt(s, t, e) {
+function kt(s, t, e) {
   let i = t;
   t < 0 && (i = -Math.abs(i));
-  const o = i / ue, r = s[0] * Math.PI / 180, n = E(s[1]), a = E(e), l = o * Math.cos(a);
+  const o = i / ye, r = s[0] * Math.PI / 180, n = E(s[1]), a = E(e), l = o * Math.cos(a);
   let d = n + l;
   Math.abs(d) > Math.PI / 2 && (d = d > 0 ? Math.PI - d : -Math.PI - d);
-  const c = Math.log(Math.tan(d / 2 + Math.PI / 4) / Math.tan(n / 2 + Math.PI / 4)), h = Math.abs(c) > 1e-11 ? l / c : Math.cos(n), u = [(180 * (r + o * Math.sin(a) / h) / Math.PI + 540) % 360 - 180, 180 * d / Math.PI];
+  const h = Math.log(Math.tan(d / 2 + Math.PI / 4) / Math.tan(n / 2 + Math.PI / 4)), c = Math.abs(h) > 1e-11 ? l / h : Math.cos(n), u = [(180 * (r + o * Math.sin(a) / c) / Math.PI + 540) % 360 - 180, 180 * d / Math.PI];
   return u[0] += u[0] - s[0] > 180 ? -360 : s[0] - u[0] > 180 ? 360 : 0, u;
 }
-function Ie(s, t, e, i, o) {
+function Fe(s, t, e, i, o) {
   const r = i(s[0], s[1]), n = i(t[0], t[1]), { lng: a, lat: l } = o((r.x + n.x) / 2, (r.y + n.y) / 2);
   return [F(a, e), F(l, e)];
 }
-function ii(s, t, e) {
-  const i = Lt(s, 1e3 * T(s, t) / 2, gt(s, t));
+function yi(s, t, e) {
+  const i = kt(s, 1e3 * A(s, t) / 2, mt(s, t));
   return [F(i[0], e), F(i[1], e)];
 }
-function $t({ featureCoords: s, precision: t, unproject: e, project: i, projection: o }) {
+function qt({ featureCoords: s, precision: t, unproject: e, project: i, projection: o }) {
   const r = [];
   for (let n = 0; n < s.length - 1; n++) {
     let a;
-    if (o === "web-mercator") a = Ie(s[n], s[n + 1], t, i, e);
+    if (o === "web-mercator") a = Fe(s[n], s[n + 1], t, i, e);
     else {
       if (o !== "globe") throw new Error("Invalid projection");
-      a = ii(s[n], s[n + 1], t);
+      a = yi(s[n], s[n + 1], t);
     }
     r.push(a);
   }
   return r;
 }
-class oi extends j {
+class fi extends j {
   constructor(t, e) {
     super(t), this.config = void 0, this.selectionPointBehavior = void 0, this._midPoints = [], this.config = t, this.selectionPointBehavior = e;
   }
@@ -1119,17 +1194,17 @@ class oi extends j {
   create(t, e, i) {
     if (!this.store.has(e)) throw new Error("Store does not have feature with this id");
     this._midPoints = this.store.create(function(o, r, n, a, l, d) {
-      return $t({ featureCoords: o, precision: n, project: a, unproject: l, projection: d }).map((c, h) => ({ geometry: { type: "Point", coordinates: c }, properties: r(h) }));
-    }(t, (o) => ({ mode: this.mode, [V.MID_POINT]: !0, midPointSegment: o, midPointFeatureId: e }), i, this.config.project, this.config.unproject, this.projection));
+      return qt({ featureCoords: o, precision: n, project: a, unproject: l, projection: d }).map((h, c) => ({ geometry: { type: "Point", coordinates: h }, properties: r(c) }));
+    }(t, (o) => ({ mode: this.mode, [U.MID_POINT]: !0, midPointSegment: o, midPointFeatureId: e }), i, this.config.project, this.config.unproject, this.projection));
   }
   delete() {
     this._midPoints.length && (this.store.delete(this._midPoints), this._midPoints = []);
   }
   getUpdated(t) {
-    if (this._midPoints.length !== 0) return $t({ featureCoords: t, precision: this.coordinatePrecision, project: this.config.project, unproject: this.config.unproject, projection: this.config.projection }).map((e, i) => ({ id: this._midPoints[i], geometry: { type: "Point", coordinates: e } }));
+    if (this._midPoints.length !== 0) return qt({ featureCoords: t, precision: this.coordinatePrecision, project: this.config.project, unproject: this.config.unproject, projection: this.config.projection }).map((e, i) => ({ id: this._midPoints[i], geometry: { type: "Point", coordinates: e } }));
   }
 }
-class si extends j {
+class mi extends j {
   constructor(t) {
     super(t), this._selectionPoints = [];
   }
@@ -1155,16 +1230,16 @@ class si extends j {
     if (this._selectionPoints[t] !== void 0) return { id: this._selectionPoints[t], geometry: { type: "Point", coordinates: e } };
   }
 }
-function Me(s, t) {
+function Ee(s, t) {
   let e = !1;
   for (let n = 0, a = t.length; n < a; n++) {
     const l = t[n];
-    for (let d = 0, c = l.length, h = c - 1; d < c; h = d++) (o = l[d])[1] > (i = s)[1] != (r = l[h])[1] > i[1] && i[0] < (r[0] - o[0]) * (i[1] - o[1]) / (r[1] - o[1]) + o[0] && (e = !e);
+    for (let d = 0, h = l.length, c = h - 1; d < h; c = d++) (o = l[d])[1] > (i = s)[1] != (r = l[c])[1] > i[1] && i[0] < (r[0] - o[0]) * (i[1] - o[1]) / (r[1] - o[1]) + o[0] && (e = !e);
   }
   var i, o, r;
   return e;
 }
-const we = (s, t, e) => {
+const Oe = (s, t, e) => {
   const i = (r) => r * r, o = (r, n) => i(r.x - n.x) + i(r.y - n.y);
   return Math.sqrt(((r, n, a) => {
     const l = o(n, a);
@@ -1173,34 +1248,34 @@ const we = (s, t, e) => {
     return d = Math.max(0, Math.min(1, d)), o(r, { x: n.x + d * (a.x - n.x), y: n.y + d * (a.y - n.y) });
   })(s, t, e));
 };
-class ri extends j {
+class vi extends j {
   constructor(t, e, i) {
     super(t), this.config = void 0, this.createClickBoundingBox = void 0, this.pixelDistance = void 0, this.config = t, this.createClickBoundingBox = e, this.pixelDistance = i;
   }
   find(t, e) {
     let i, o, r, n, a = 1 / 0, l = 1 / 0, d = 1 / 0;
-    const c = this.createClickBoundingBox.create(t), h = this.store.search(c);
-    for (let u = 0; u < h.length; u++) {
-      const p = h[u], g = p.geometry;
+    const h = this.createClickBoundingBox.create(t), c = this.store.search(h);
+    for (let u = 0; u < c.length; u++) {
+      const p = c[u], g = p.geometry;
       if (g.type === "Point") {
-        if (p.properties.selectionPoint || !e && p.properties[V.MID_POINT]) continue;
+        if (p.properties.selectionPoint || !e && p.properties[U.MID_POINT]) continue;
         const y = this.pixelDistance.measure(t, g.coordinates);
-        p.properties[V.MID_POINT] && y < this.pointerDistance && y < d ? (d = y, r = p) : !p.properties[V.MID_POINT] && y < this.pointerDistance && y < a && (a = y, i = p);
+        p.properties[U.MID_POINT] && y < this.pointerDistance && y < d ? (d = y, r = p) : !p.properties[U.MID_POINT] && y < this.pointerDistance && y < a && (a = y, i = p);
       } else if (g.type === "LineString") {
         if (i) continue;
         for (let y = 0; y < g.coordinates.length - 1; y++) {
-          const v = g.coordinates[y], f = g.coordinates[y + 1], m = we({ x: t.containerX, y: t.containerY }, this.project(v[0], v[1]), this.project(f[0], f[1]));
+          const v = g.coordinates[y], f = g.coordinates[y + 1], m = Oe({ x: t.containerX, y: t.containerY }, this.project(v[0], v[1]), this.project(f[0], f[1]));
           m < this.pointerDistance && m < l && (l = m, o = p);
         }
       } else if (g.type === "Polygon") {
         if (i || o) continue;
-        Me([t.lng, t.lat], g.coordinates) && (n = p);
+        Ee([t.lng, t.lat], g.coordinates) && (n = p);
       }
     }
     return { clickedFeature: i || o || n, clickedMidPoint: r };
   }
 }
-class ni extends j {
+class Ci extends j {
   constructor(t, e, i, o) {
     super(t), this.config = void 0, this.featuresAtCursorEvent = void 0, this.selectionPoints = void 0, this.midPoints = void 0, this.draggedFeatureId = null, this.dragPosition = void 0, this.config = t, this.featuresAtCursorEvent = e, this.selectionPoints = i, this.midPoints = o;
   }
@@ -1224,26 +1299,26 @@ class ni extends j {
       let r, n;
       if (i.type === "Polygon" ? (r = i.coordinates[0], n = r.length - 1) : (r = i.coordinates, n = r.length), !this.dragPosition) return !1;
       for (let d = 0; d < n; d++) {
-        const c = r[d];
-        let h, u;
+        const h = r[d];
+        let c, u;
         if (this.config.projection === "web-mercator") {
-          const p = x(this.dragPosition[0], this.dragPosition[1]), g = x(o[0], o[1]), y = x(c[0], c[1]), v = { x: p.x - g.x, y: p.y - g.y }, f = y.x - v.x, m = y.y - v.y, { lng: C, lat: P } = W(f, m);
-          h = C, u = P;
+          const p = x(this.dragPosition[0], this.dragPosition[1]), g = x(o[0], o[1]), y = x(h[0], h[1]), v = { x: p.x - g.x, y: p.y - g.y }, f = y.x - v.x, m = y.y - v.y, { lng: C, lat: P } = W(f, m);
+          c = C, u = P;
         } else {
           const p = [this.dragPosition[0] - o[0], this.dragPosition[1] - o[1]];
-          h = c[0] - p[0], u = c[1] - p[1];
+          c = h[0] - p[0], u = h[1] - p[1];
         }
-        if (h = F(h, this.config.coordinatePrecision), u = F(u, this.config.coordinatePrecision), h > 180 || h < -180 || u > 90 || u < -90) return !1;
-        r[d] = [h, u];
+        if (c = F(c, this.config.coordinatePrecision), u = F(u, this.config.coordinatePrecision), c > 180 || c < -180 || u > 90 || u < -90) return !1;
+        r[d] = [c, u];
       }
       i.type === "Polygon" && (r[r.length - 1] = [r[0][0], r[0][1]]);
       const a = this.selectionPoints.getUpdated(r) || [], l = this.midPoints.getUpdated(r) || [];
-      if (e && !e({ type: "Feature", id: this.draggedFeatureId, geometry: i, properties: {} }, { project: this.config.project, unproject: this.config.unproject, coordinatePrecision: this.config.coordinatePrecision, updateType: M.Provisional }).valid) return !1;
+      if (e && !e({ type: "Feature", id: this.draggedFeatureId, geometry: i, properties: {} }, { project: this.config.project, unproject: this.config.unproject, coordinatePrecision: this.config.coordinatePrecision, updateType: I.Provisional }).valid) return !1;
       this.store.updateGeometry([{ id: this.draggedFeatureId, geometry: i }, ...a, ...l]), this.dragPosition = [t.lng, t.lat];
     } else i.type === "Point" && (this.store.updateGeometry([{ id: this.draggedFeatureId, geometry: { type: "Point", coordinates: o } }]), this.dragPosition = [t.lng, t.lat]);
   }
 }
-class ai extends j {
+class Pi extends j {
   constructor(t, e, i, o) {
     super(t), this.config = void 0, this.pixelDistance = void 0, this.selectionPoints = void 0, this.midPoints = void 0, this.draggedCoordinate = { id: null, index: -1 }, this.config = t, this.pixelDistance = e, this.selectionPoints = i, this.midPoints = o;
   }
@@ -1274,11 +1349,11 @@ class ai extends j {
     if (t.lng > 180 || t.lng < -180 || t.lat > 90 || t.lat < -90) return !1;
     if (r.type !== "Polygon" || o !== n.length - 1 && o !== 0) n[o] = a;
     else {
-      const h = n.length - 1;
-      n[0] = a, n[h] = a;
+      const c = n.length - 1;
+      n[0] = a, n[c] = a;
     }
-    const l = this.selectionPoints.getOneUpdated(o, a), d = l ? [l] : [], c = this.midPoints.getUpdated(n) || [];
-    return !(r.type !== "Point" && !e && Dt({ geometry: r }) || i && !i({ type: "Feature", id: this.draggedCoordinate.id, geometry: r, properties: {} }, { project: this.config.project, unproject: this.config.unproject, coordinatePrecision: this.config.coordinatePrecision, updateType: M.Provisional }).valid || (this.store.updateGeometry([{ id: this.draggedCoordinate.id, geometry: r }, ...d, ...c]), 0));
+    const l = this.selectionPoints.getOneUpdated(o, a), d = l ? [l] : [], h = this.midPoints.getUpdated(n) || [];
+    return !(r.type !== "Point" && !e && _t({ geometry: r }) || i && !i({ type: "Feature", id: this.draggedCoordinate.id, geometry: r, properties: {} }, { project: this.config.project, unproject: this.config.unproject, coordinatePrecision: this.config.coordinatePrecision, updateType: I.Provisional }).valid || (this.store.updateGeometry([{ id: this.draggedCoordinate.id, geometry: r }, ...d, ...h]), 0));
   }
   isDragging() {
     return this.draggedCoordinate.id !== null;
@@ -1290,21 +1365,21 @@ class ai extends j {
     this.draggedCoordinate = { id: null, index: -1 };
   }
 }
-function yt(s) {
+function vt(s) {
   let t = 0, e = 0, i = 0;
   return (s.geometry.type === "Polygon" ? s.geometry.coordinates[0].slice(0, -1) : s.geometry.coordinates).forEach((o) => {
     t += o[0], e += o[1], i++;
   }, !0), [t / i, e / i];
 }
-function Fe(s, t) {
+function De(s, t) {
   s[0] += s[0] - t[0] > 180 ? -360 : t[0] - s[0] > 180 ? 360 : 0;
-  const e = ue, i = t[1] * Math.PI / 180, o = s[1] * Math.PI / 180, r = o - i;
+  const e = ye, i = t[1] * Math.PI / 180, o = s[1] * Math.PI / 180, r = o - i;
   let n = Math.abs(s[0] - t[0]) * Math.PI / 180;
   n > Math.PI && (n -= 2 * Math.PI);
   const a = Math.log(Math.tan(o / 2 + Math.PI / 4) / Math.tan(i / 2 + Math.PI / 4)), l = Math.abs(a) > 1e-11 ? r / a : Math.cos(i);
   return Math.sqrt(r * r + l * l * n * n) * e;
 }
-function ft(s) {
+function Ct(s) {
   const t = (s.geometry.type === "Polygon" ? s.geometry.coordinates[0] : s.geometry.coordinates).map((e) => {
     const { x: i, y: o } = x(e[0], e[1]);
     return [i, o];
@@ -1313,8 +1388,8 @@ function ft(s) {
     let i = 0, o = 0, r = 0;
     const n = e.length;
     for (let a = 0; a < n - 1; a++) {
-      const [l, d] = e[a], [c, h] = e[a + 1], u = l * h - c * d;
-      i += u, o += (l + c) * u, r += (d + h) * u;
+      const [l, d] = e[a], [h, c] = e[a + 1], u = l * c - h * d;
+      i += u, o += (l + h) * u, r += (d + c) * u;
     }
     return i /= 2, o /= 6 * i, r /= 6 * i, { x: o, y: r };
   }(t) : function(e) {
@@ -1327,7 +1402,7 @@ function ft(s) {
     return { x: o / i, y: r / i };
   }(t);
 }
-class li extends j {
+class Si extends j {
   constructor(t, e, i) {
     super(t), this.config = void 0, this.selectionPoints = void 0, this.midPoints = void 0, this.lastBearing = void 0, this.config = t, this.selectionPoints = e, this.midPoints = i;
   }
@@ -1341,36 +1416,36 @@ class li extends j {
     let n;
     const a = { type: "Feature", geometry: o, properties: {} };
     if (this.config.projection === "web-mercator") {
-      if (n = G(ft(a), x(t.lng, t.lat)), !this.lastBearing) return void (this.lastBearing = n);
-      ((h, u) => {
-        if (u === 0 || u === 360 || u === -360) return h;
-        const p = 0.017453292519943295 * u, g = (h.geometry.type === "Polygon" ? h.geometry.coordinates[0] : h.geometry.coordinates).map(([f, m]) => x(f, m)), y = g.reduce((f, m) => ({ x: f.x + m.x, y: f.y + m.y }), { x: 0, y: 0 });
+      if (n = T(Ct(a), x(t.lng, t.lat)), !this.lastBearing) return void (this.lastBearing = n);
+      ((c, u) => {
+        if (u === 0 || u === 360 || u === -360) return c;
+        const p = 0.017453292519943295 * u, g = (c.geometry.type === "Polygon" ? c.geometry.coordinates[0] : c.geometry.coordinates).map(([f, m]) => x(f, m)), y = g.reduce((f, m) => ({ x: f.x + m.x, y: f.y + m.y }), { x: 0, y: 0 });
         y.x /= g.length, y.y /= g.length;
         const v = g.map((f) => ({ x: y.x + (f.x - y.x) * Math.cos(p) - (f.y - y.y) * Math.sin(p), y: y.y + (f.x - y.x) * Math.sin(p) + (f.y - y.y) * Math.cos(p) })).map(({ x: f, y: m }) => [W(f, m).lng, W(f, m).lat]);
-        h.geometry.type === "Polygon" ? h.geometry.coordinates[0] = v : h.geometry.coordinates = v;
+        c.geometry.type === "Polygon" ? c.geometry.coordinates[0] = v : c.geometry.coordinates = v;
       })(a, -(this.lastBearing - n));
     } else {
       if (this.config.projection !== "globe") throw new Error("Unsupported projection");
-      if (n = gt(yt({ geometry: o }), r), !this.lastBearing) return void (this.lastBearing = n + 180);
-      (function(h, u) {
-        if (u === 0 || u === 360 || u === -360) return h;
-        const p = yt(h);
-        (h.geometry.type === "Polygon" ? h.geometry.coordinates[0] : h.geometry.coordinates).forEach((g) => {
-          const y = gt(p, g) + u, v = Fe(p, g), f = Lt(p, v, y);
+      if (n = mt(vt({ geometry: o }), r), !this.lastBearing) return void (this.lastBearing = n + 180);
+      (function(c, u) {
+        if (u === 0 || u === 360 || u === -360) return c;
+        const p = vt(c);
+        (c.geometry.type === "Polygon" ? c.geometry.coordinates[0] : c.geometry.coordinates).forEach((g) => {
+          const y = mt(p, g) + u, v = De(p, g), f = kt(p, v, y);
           g[0] = f[0], g[1] = f[1];
         });
       })(a, -(this.lastBearing - (n + 180)));
     }
     const l = o.type === "Polygon" ? o.coordinates[0] : o.coordinates;
-    l.forEach((h) => {
-      h[0] = F(h[0], this.coordinatePrecision), h[1] = F(h[1], this.coordinatePrecision);
+    l.forEach((c) => {
+      c[0] = F(c[0], this.coordinatePrecision), c[1] = F(c[1], this.coordinatePrecision);
     });
-    const d = this.midPoints.getUpdated(l) || [], c = this.selectionPoints.getUpdated(l) || [];
-    if (i && !i({ id: e, type: "Feature", geometry: o, properties: {} }, { project: this.config.project, unproject: this.config.unproject, coordinatePrecision: this.config.coordinatePrecision, updateType: M.Provisional })) return !1;
-    this.store.updateGeometry([{ id: e, geometry: o }, ...c, ...d]), this.projection === "web-mercator" ? this.lastBearing = n : this.projection === "globe" && (this.lastBearing = n + 180);
+    const d = this.midPoints.getUpdated(l) || [], h = this.selectionPoints.getUpdated(l) || [];
+    if (i && !i({ id: e, type: "Feature", geometry: o, properties: {} }, { project: this.config.project, unproject: this.config.unproject, coordinatePrecision: this.config.coordinatePrecision, updateType: I.Provisional })) return !1;
+    this.store.updateGeometry([{ id: e, geometry: o }, ...h, ...d]), this.projection === "web-mercator" ? this.lastBearing = n : this.projection === "globe" && (this.lastBearing = n + 180);
   }
 }
-class di extends j {
+class xi extends j {
   constructor(t, e, i) {
     super(t), this.config = void 0, this.selectionPoints = void 0, this.midPoints = void 0, this.lastDistance = void 0, this.config = t, this.selectionPoints = e, this.midPoints = i;
   }
@@ -1382,13 +1457,13 @@ class di extends j {
     if (o.type !== "Polygon" && o.type !== "LineString") return;
     const r = [t.lng, t.lat], n = { type: "Feature", geometry: o, properties: {} };
     let a;
-    const l = ft(n);
+    const l = Ct(n);
     if (this.config.projection === "web-mercator") {
       const p = x(t.lng, t.lat);
       a = O(l, p);
     } else {
       if (this.config.projection !== "globe") throw new Error("Invalid projection");
-      a = T(yt({ geometry: o }), r);
+      a = A(vt({ geometry: o }), r);
     }
     if (!this.lastDistance) return void (this.lastDistance = a);
     const d = 1 - (this.lastDistance - a) / a;
@@ -1396,25 +1471,25 @@ class di extends j {
       const { lng: p, lat: g } = W(l.x, l.y);
       (function(y, v, f) {
         if (v === 1) return y;
-        const m = (y.geometry.type === "Polygon" ? y.geometry.coordinates[0] : y.geometry.coordinates).map(([S, I]) => x(S, I)), C = x(f[0], f[1]), P = m.map((S) => ({ x: C.x + (S.x - C.x) * v, y: C.y + (S.y - C.y) * v })).map(({ x: S, y: I }) => [W(S, I).lng, W(S, I).lat]);
+        const m = (y.geometry.type === "Polygon" ? y.geometry.coordinates[0] : y.geometry.coordinates).map(([S, M]) => x(S, M)), C = x(f[0], f[1]), P = m.map((S) => ({ x: C.x + (S.x - C.x) * v, y: C.y + (S.y - C.y) * v })).map(({ x: S, y: M }) => [W(S, M).lng, W(S, M).lat]);
         y.geometry.type === "Polygon" ? y.geometry.coordinates[0] = P : y.geometry.coordinates = P;
       })(n, d, [p, g]);
     } else this.config.projection === "globe" && function(p, g, y, v = "xy") {
       g === 1 || (p.geometry.type === "Polygon" ? p.geometry.coordinates[0] : p.geometry.coordinates).forEach((f) => {
-        const m = Fe(y, f), C = gt(y, f), P = Lt(y, m * g, C);
+        const m = De(y, f), C = mt(y, f), P = kt(y, m * g, C);
         v !== "x" && v !== "xy" || (f[0] = P[0]), v !== "y" && v !== "xy" || (f[1] = P[1]);
       });
-    }(n, d, yt(n));
-    const c = o.type === "Polygon" ? o.coordinates[0] : o.coordinates;
-    c.forEach((p) => {
+    }(n, d, vt(n));
+    const h = o.type === "Polygon" ? o.coordinates[0] : o.coordinates;
+    h.forEach((p) => {
       p[0] = F(p[0], this.coordinatePrecision), p[1] = F(p[1], this.coordinatePrecision);
     });
-    const h = this.midPoints.getUpdated(c) || [], u = this.selectionPoints.getUpdated(c) || [];
-    if (i && !i({ id: e, type: "Feature", geometry: o, properties: {} }, { project: this.config.project, unproject: this.config.unproject, coordinatePrecision: this.config.coordinatePrecision, updateType: M.Provisional })) return !1;
-    this.store.updateGeometry([{ id: e, geometry: o }, ...u, ...h]), this.lastDistance = a;
+    const c = this.midPoints.getUpdated(h) || [], u = this.selectionPoints.getUpdated(h) || [];
+    if (i && !i({ id: e, type: "Feature", geometry: o, properties: {} }, { project: this.config.project, unproject: this.config.unproject, coordinatePrecision: this.config.coordinatePrecision, updateType: I.Provisional })) return !1;
+    this.store.updateGeometry([{ id: e, geometry: o }, ...u, ...c]), this.lastDistance = a;
   }
 }
-class ci extends j {
+class Ii extends j {
   constructor(t, e, i, o) {
     super(t), this.config = void 0, this.pixelDistance = void 0, this.selectionPoints = void 0, this.midPoints = void 0, this.minimumScale = 1e-4, this.draggedCoordinate = { id: null, index: -1 }, this.boundingBoxMaps = { opposite: { 0: 4, 1: 5, 2: 6, 3: 7, 4: 0, 5: 1, 6: 2, 7: 3 } }, this.config = t, this.pixelDistance = e, this.selectionPoints = i, this.midPoints = o;
   }
@@ -1473,18 +1548,18 @@ class ci extends j {
   centerWebMercatorDrag(t) {
     const e = this.getSelectedFeatureDataWebMercator();
     if (!e) return null;
-    const { feature: i, boundingBox: o, updatedCoords: r, selectedCoordinate: n } = e, a = ft(i);
+    const { feature: i, boundingBox: o, updatedCoords: r, selectedCoordinate: n } = e, a = Ct(i);
     if (!a) return null;
-    const l = x(n[0], n[1]), { closestBBoxIndex: d } = this.getIndexesWebMercator(o, l), c = x(t.lng, t.lat);
-    return this.scaleWebMercator({ closestBBoxIndex: d, updatedCoords: r, webMercatorCursor: c, webMercatorSelected: l, webMercatorOrigin: a }), r;
+    const l = x(n[0], n[1]), { closestBBoxIndex: d } = this.getIndexesWebMercator(o, l), h = x(t.lng, t.lat);
+    return this.scaleWebMercator({ closestBBoxIndex: d, updatedCoords: r, webMercatorCursor: h, webMercatorSelected: l, webMercatorOrigin: a }), r;
   }
   centerFixedWebMercatorDrag(t) {
     const e = this.getSelectedFeatureDataWebMercator();
     if (!e) return null;
-    const { feature: i, boundingBox: o, updatedCoords: r, selectedCoordinate: n } = e, a = ft(i);
+    const { feature: i, boundingBox: o, updatedCoords: r, selectedCoordinate: n } = e, a = Ct(i);
     if (!a) return null;
-    const l = x(n[0], n[1]), { closestBBoxIndex: d } = this.getIndexesWebMercator(o, l), c = x(t.lng, t.lat);
-    return this.scaleFixedWebMercator({ closestBBoxIndex: d, updatedCoords: r, webMercatorCursor: c, webMercatorSelected: l, webMercatorOrigin: a }), r;
+    const l = x(n[0], n[1]), { closestBBoxIndex: d } = this.getIndexesWebMercator(o, l), h = x(t.lng, t.lat);
+    return this.scaleFixedWebMercator({ closestBBoxIndex: d, updatedCoords: r, webMercatorCursor: h, webMercatorSelected: l, webMercatorOrigin: a }), r;
   }
   scaleFixedWebMercator({ closestBBoxIndex: t, webMercatorOrigin: e, webMercatorSelected: i, webMercatorCursor: o, updatedCoords: r }) {
     if (!this.isValidDragWebMercator(t, e.x - o.x, e.y - o.y)) return null;
@@ -1494,14 +1569,14 @@ class ci extends j {
   oppositeFixedWebMercatorDrag(t) {
     const e = this.getSelectedFeatureDataWebMercator();
     if (!e) return null;
-    const { boundingBox: i, updatedCoords: o, selectedCoordinate: r } = e, n = x(r[0], r[1]), { oppositeBboxIndex: a, closestBBoxIndex: l } = this.getIndexesWebMercator(i, n), d = { x: i[a][0], y: i[a][1] }, c = x(t.lng, t.lat);
-    return this.scaleFixedWebMercator({ closestBBoxIndex: l, updatedCoords: o, webMercatorCursor: c, webMercatorSelected: n, webMercatorOrigin: d }), o;
+    const { boundingBox: i, updatedCoords: o, selectedCoordinate: r } = e, n = x(r[0], r[1]), { oppositeBboxIndex: a, closestBBoxIndex: l } = this.getIndexesWebMercator(i, n), d = { x: i[a][0], y: i[a][1] }, h = x(t.lng, t.lat);
+    return this.scaleFixedWebMercator({ closestBBoxIndex: l, updatedCoords: o, webMercatorCursor: h, webMercatorSelected: n, webMercatorOrigin: d }), o;
   }
   oppositeWebMercatorDrag(t) {
     const e = this.getSelectedFeatureDataWebMercator();
     if (!e) return null;
-    const { boundingBox: i, updatedCoords: o, selectedCoordinate: r } = e, n = x(r[0], r[1]), { oppositeBboxIndex: a, closestBBoxIndex: l } = this.getIndexesWebMercator(i, n), d = { x: i[a][0], y: i[a][1] }, c = x(t.lng, t.lat);
-    return this.scaleWebMercator({ closestBBoxIndex: l, updatedCoords: o, webMercatorCursor: c, webMercatorSelected: n, webMercatorOrigin: d }), o;
+    const { boundingBox: i, updatedCoords: o, selectedCoordinate: r } = e, n = x(r[0], r[1]), { oppositeBboxIndex: a, closestBBoxIndex: l } = this.getIndexesWebMercator(i, n), d = { x: i[a][0], y: i[a][1] }, h = x(t.lng, t.lat);
+    return this.scaleWebMercator({ closestBBoxIndex: l, updatedCoords: o, webMercatorCursor: h, webMercatorSelected: n, webMercatorOrigin: d }), o;
   }
   scaleWebMercator({ closestBBoxIndex: t, webMercatorOrigin: e, webMercatorSelected: i, webMercatorCursor: o, updatedCoords: r }) {
     const n = e.x - o.x, a = e.y - o.y;
@@ -1525,8 +1600,8 @@ class ci extends j {
   }
   performWebMercatorScale(t, e, i, o, r) {
     t.forEach((n) => {
-      const { x: a, y: l } = x(n[0], n[1]), d = e + (a - e) * o, c = i + (l - i) * r, { lng: h, lat: u } = W(d, c);
-      n[0] = h, n[1] = u;
+      const { x: a, y: l } = x(n[0], n[1]), d = e + (a - e) * o, h = i + (l - i) * r, { lng: c, lat: u } = W(d, h);
+      n[0] = c, n[1] = u;
     });
   }
   getBBoxWebMercator(t) {
@@ -1569,26 +1644,25 @@ class ci extends j {
     let r = null;
     if (e === "center" ? r = this.centerWebMercatorDrag(t) : e === "opposite" ? r = this.oppositeWebMercatorDrag(t) : e === "center-fixed" ? r = this.centerFixedWebMercatorDrag(t) : e === "opposite-fixed" && (r = this.oppositeFixedWebMercatorDrag(t)), !r) return !1;
     for (let d = 0; d < r.length; d++) {
-      const c = r[d];
-      if (c[0] = F(c[0], this.coordinatePrecision), c[1] = F(c[1], this.coordinatePrecision), !vt(c, this.coordinatePrecision)) return !1;
+      const h = r[d];
+      if (h[0] = F(h[0], this.coordinatePrecision), h[1] = F(h[1], this.coordinatePrecision), !St(h, this.coordinatePrecision)) return !1;
     }
     const n = this.midPoints.getUpdated(r) || [], a = this.selectionPoints.getUpdated(r) || [], l = { type: o.geometry.type, coordinates: o.geometry.type === "Polygon" ? [r] : r };
-    return !(i && !i({ id: this.draggedCoordinate.id, type: "Feature", geometry: l, properties: {} }, { project: this.config.project, unproject: this.config.unproject, coordinatePrecision: this.config.coordinatePrecision, updateType: M.Provisional }).valid || (this.store.updateGeometry([{ id: this.draggedCoordinate.id, geometry: l }, ...a, ...n]), 0));
+    return !(i && !i({ id: this.draggedCoordinate.id, type: "Feature", geometry: l, properties: {} }, { project: this.config.project, unproject: this.config.unproject, coordinatePrecision: this.config.coordinatePrecision, updateType: I.Provisional }).valid || (this.store.updateGeometry([{ id: this.draggedCoordinate.id, geometry: l }, ...a, ...n]), 0));
   }
 }
-class Ee extends Ue {
+const bi = { deselect: "Escape", delete: "Delete", rotate: ["Control", "r"], scale: ["Control", "s"] }, Jt = { pointerOver: "move", dragStart: "move", dragEnd: "move", insertMidpoint: "crosshair" };
+class Le extends Xe {
   constructor(t) {
-    var e;
-    super(t), this.mode = "select", this.allowManualDeselection = !0, this.dragEventThrottle = 5, this.dragEventCount = 0, this.selected = [], this.flags = void 0, this.keyEvents = void 0, this.selectionPoints = void 0, this.midPoints = void 0, this.featuresAtMouseEvent = void 0, this.pixelDistance = void 0, this.clickBoundingBox = void 0, this.dragFeature = void 0, this.dragCoordinate = void 0, this.rotateFeature = void 0, this.scaleFeature = void 0, this.dragCoordinateResizeFeature = void 0, this.cursors = void 0, this.validations = {}, this.flags = t && t.flags ? t.flags : {};
-    const i = { pointerOver: "move", dragStart: "move", dragEnd: "move", insertMidpoint: "crosshair" };
-    if (this.cursors = t && t.cursors ? b({}, i, t.cursors) : i, (t == null ? void 0 : t.keyEvents) === null) this.keyEvents = { deselect: null, delete: null, rotate: null, scale: null };
-    else {
-      const o = { deselect: "Escape", delete: "Delete", rotate: ["Control", "r"], scale: ["Control", "s"] };
-      this.keyEvents = t && t.keyEvents ? b({}, o, t.keyEvents) : o;
-    }
-    if (this.dragEventThrottle = t && t.dragEventThrottle !== void 0 && t.dragEventThrottle || 5, this.allowManualDeselection = (e = t == null ? void 0 : t.allowManualDeselection) == null || e, t && t.flags && t.flags) for (const o in t.flags) {
-      const r = t.flags[o].feature;
-      r && r.validation && (this.validations[o] = r.validation);
+    super(t, !0), this.mode = "select", this.allowManualDeselection = !0, this.dragEventThrottle = 5, this.dragEventCount = 0, this.selected = [], this.flags = {}, this.keyEvents = bi, this.cursors = Jt, this.validations = {}, this.selectionPoints = void 0, this.midPoints = void 0, this.featuresAtMouseEvent = void 0, this.pixelDistance = void 0, this.clickBoundingBox = void 0, this.dragFeature = void 0, this.dragCoordinate = void 0, this.rotateFeature = void 0, this.scaleFeature = void 0, this.dragCoordinateResizeFeature = void 0, this.updateOptions(t);
+  }
+  updateOptions(t) {
+    if (super.updateOptions(t), this.cursors = t && t.cursors ? b({}, this.cursors, t.cursors) : Jt, (t == null ? void 0 : t.keyEvents) === null ? this.keyEvents = { deselect: null, delete: null, rotate: null, scale: null } : t != null && t.keyEvents && (this.keyEvents = b({}, this.keyEvents, t.keyEvents)), (t == null ? void 0 : t.dragEventThrottle) !== void 0 && (this.dragEventThrottle = t.dragEventThrottle), (t == null ? void 0 : t.allowManualDeselection) !== void 0 && (this.allowManualDeselection = t.allowManualDeselection), t != null && t.flags) {
+      this.flags = b({}, this.flags, t.flags), this.validations = {};
+      for (const e in this.flags) {
+        const i = this.flags[e].feature;
+        i && i.validation && (this.validations[e] = i.validation);
+      }
     }
   }
   selectFeature(t) {
@@ -1599,13 +1673,13 @@ class Ee extends Ue {
     this._state = "selecting";
   }
   registerBehaviors(t) {
-    this.pixelDistance = new St(t), this.clickBoundingBox = new Pt(t), this.featuresAtMouseEvent = new ri(t, this.clickBoundingBox, this.pixelDistance), this.selectionPoints = new si(t), this.midPoints = new oi(t, this.selectionPoints), this.rotateFeature = new li(t, this.selectionPoints, this.midPoints), this.scaleFeature = new di(t, this.selectionPoints, this.midPoints), this.dragFeature = new ni(t, this.featuresAtMouseEvent, this.selectionPoints, this.midPoints), this.dragCoordinate = new ai(t, this.pixelDistance, this.selectionPoints, this.midPoints), this.dragCoordinateResizeFeature = new ci(t, this.pixelDistance, this.selectionPoints, this.midPoints);
+    this.pixelDistance = new nt(t), this.clickBoundingBox = new rt(t), this.featuresAtMouseEvent = new vi(t, this.clickBoundingBox, this.pixelDistance), this.selectionPoints = new mi(t), this.midPoints = new fi(t, this.selectionPoints), this.rotateFeature = new Si(t, this.selectionPoints, this.midPoints), this.scaleFeature = new xi(t, this.selectionPoints, this.midPoints), this.dragFeature = new Ci(t, this.featuresAtMouseEvent, this.selectionPoints, this.midPoints), this.dragCoordinate = new Pi(t, this.pixelDistance, this.selectionPoints, this.midPoints), this.dragCoordinateResizeFeature = new Ii(t, this.pixelDistance, this.selectionPoints, this.midPoints);
   }
   deselectFeature() {
     this.deselect();
   }
   deselect() {
-    const t = this.selected.filter((e) => this.store.has(e)).map((e) => ({ id: e, property: V.SELECTED, value: !1 }));
+    const t = this.selected.filter((e) => this.store.has(e)).map((e) => ({ id: e, property: U.SELECTED, value: !1 }));
     this.store.updateProperty(t), this.onDeselect(this.selected[0]), this.selected = [], this.selectionPoints.delete(), this.midPoints.delete();
   }
   deleteSelected() {
@@ -1614,18 +1688,18 @@ class Ee extends Ue {
   onRightClick(t) {
     if (!this.selectionPoints.ids.length) return;
     let e, i = 1 / 0;
-    if (this.selectionPoints.ids.forEach((h) => {
-      const u = this.store.getGeometryCopy(h), p = this.pixelDistance.measure(t, u.coordinates);
-      p < this.pointerDistance && p < i && (i = p, e = this.store.getPropertiesCopy(h));
+    if (this.selectionPoints.ids.forEach((c) => {
+      const u = this.store.getGeometryCopy(c), p = this.pixelDistance.measure(t, u.coordinates);
+      p < this.pointerDistance && p < i && (i = p, e = this.store.getPropertiesCopy(c));
     }), !e) return;
     const o = e.selectionPointFeatureId, r = e.index, n = this.store.getPropertiesCopy(o), a = this.flags[n.mode], l = this.validations[n.mode];
     if (!(a && a.feature && a.feature.coordinates && a.feature.coordinates.deletable)) return;
     const d = this.store.getGeometryCopy(o);
-    let c;
+    let h;
     if (d.type === "Polygon") {
-      if (c = d.coordinates[0], c.length <= 4) return;
-    } else if (d.type === "LineString" && (c = d.coordinates, c.length <= 2)) return;
-    c && (d.type !== "Polygon" || r !== 0 && r !== c.length - 1 ? c.splice(r, 1) : (c.shift(), c.pop(), c.push([c[0][0], c[0][1]])), (!l || l({ id: o, type: "Feature", geometry: d, properties: n }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: M.Commit }).valid) && (this.store.delete([...this.midPoints.ids, ...this.selectionPoints.ids]), this.store.updateGeometry([{ id: o, geometry: d }]), this.selectionPoints.create(c, d.type, o), a && a.feature && a.feature.coordinates && a.feature.coordinates.midpoints && this.midPoints.create(c, o, this.coordinatePrecision)));
+      if (h = d.coordinates[0], h.length <= 4) return;
+    } else if (d.type === "LineString" && (h = d.coordinates, h.length <= 2)) return;
+    h && (d.type !== "Polygon" || r !== 0 && r !== h.length - 1 ? h.splice(r, 1) : (h.shift(), h.pop(), h.push([h[0][0], h[0][1]])), (!l || l({ id: o, type: "Feature", geometry: d, properties: n }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: I.Commit }).valid) && (this.store.delete([...this.midPoints.ids, ...this.selectionPoints.ids]), this.store.updateGeometry([{ id: o, geometry: d }]), this.selectionPoints.create(h, d.type, o), a && a.feature && a.feature.coordinates && a.feature.coordinates.midpoints && this.midPoints.create(h, o, this.coordinatePrecision)));
   }
   select(t, e = !0) {
     if (this.selected[0] === t) return;
@@ -1726,7 +1800,7 @@ class Ee extends Ue {
     if (t.properties.mode === this.mode && t.geometry.type === "Point") {
       if (t.properties.selectionPoint) return e.pointColor = this.getHexColorStylingValue(this.styles.selectionPointColor, e.pointColor, t), e.pointOutlineColor = this.getHexColorStylingValue(this.styles.selectionPointOutlineColor, e.pointOutlineColor, t), e.pointWidth = this.getNumericStylingValue(this.styles.selectionPointWidth, e.pointWidth, t), e.pointOutlineWidth = this.getNumericStylingValue(this.styles.selectionPointOutlineWidth, 2, t), e.zIndex = 30, e;
       if (t.properties.midPoint) return e.pointColor = this.getHexColorStylingValue(this.styles.midPointColor, e.pointColor, t), e.pointOutlineColor = this.getHexColorStylingValue(this.styles.midPointOutlineColor, e.pointOutlineColor, t), e.pointWidth = this.getNumericStylingValue(this.styles.midPointWidth, 4, t), e.pointOutlineWidth = this.getNumericStylingValue(this.styles.midPointOutlineWidth, 2, t), e.zIndex = 40, e;
-    } else if (t.properties[V.SELECTED]) {
+    } else if (t.properties[U.SELECTED]) {
       if (t.geometry.type === "Polygon") return e.polygonFillColor = this.getHexColorStylingValue(this.styles.selectedPolygonColor, e.polygonFillColor, t), e.polygonOutlineWidth = this.getNumericStylingValue(this.styles.selectedPolygonOutlineWidth, e.polygonOutlineWidth, t), e.polygonOutlineColor = this.getHexColorStylingValue(this.styles.selectedPolygonOutlineColor, e.polygonOutlineColor, t), e.polygonFillOpacity = this.getNumericStylingValue(this.styles.selectedPolygonFillOpacity, e.polygonFillOpacity, t), e.zIndex = 10, e;
       if (t.geometry.type === "LineString") return e.lineStringColor = this.getHexColorStylingValue(this.styles.selectedLineStringColor, e.lineStringColor, t), e.lineStringWidth = this.getNumericStylingValue(this.styles.selectedLineStringWidth, e.lineStringWidth, t), e.zIndex = 10, e;
       if (t.geometry.type === "Point") return e.pointWidth = this.getNumericStylingValue(this.styles.selectedPointWidth, e.pointWidth, t), e.pointColor = this.getHexColorStylingValue(this.styles.selectedPointColor, e.pointColor, t), e.pointOutlineColor = this.getHexColorStylingValue(this.styles.selectedPointOutlineColor, e.pointOutlineColor, t), e.pointOutlineWidth = this.getNumericStylingValue(this.styles.selectedPointOutlineWidth, e.pointOutlineWidth, t), e.zIndex = 10, e;
@@ -1734,9 +1808,9 @@ class Ee extends Ue {
     return e;
   }
 }
-class hi extends N {
+class Mi extends N {
   constructor(...t) {
-    super(...t), this.type = Y.Static, this.mode = "static";
+    super(...t), this.type = $.Static, this.mode = "static";
   }
   start() {
   }
@@ -1762,11 +1836,11 @@ class hi extends N {
     return b({}, { polygonFillColor: "#3f97e0", polygonOutlineColor: "#3f97e0", polygonOutlineWidth: 4, polygonFillOpacity: 0.3, pointColor: "#3f97e0", pointOutlineColor: "#ffffff", pointOutlineWidth: 0, pointWidth: 6, lineStringColor: "#3f97e0", lineStringWidth: 4, zIndex: 0 });
   }
 }
-function Oe(s, t, e, i, o) {
+function _e(s, t, e, i, o) {
   for (; i > e; ) {
     if (i - e > 600) {
-      const l = i - e + 1, d = t - e + 1, c = Math.log(l), h = 0.5 * Math.exp(2 * c / 3), u = 0.5 * Math.sqrt(c * h * (l - h) / l) * (d - l / 2 < 0 ? -1 : 1);
-      Oe(s, t, Math.max(e, Math.floor(t - d * h / l + u)), Math.min(i, Math.floor(t + (l - d) * h / l + u)), o);
+      const l = i - e + 1, d = t - e + 1, h = Math.log(l), c = 0.5 * Math.exp(2 * h / 3), u = 0.5 * Math.sqrt(h * c * (l - c) / l) * (d - l / 2 < 0 ? -1 : 1);
+      _e(s, t, Math.max(e, Math.floor(t - d * c / l + u)), Math.min(i, Math.floor(t + (l - d) * c / l + u)), o);
     }
     const r = s[t];
     let n = e, a = i;
@@ -1781,11 +1855,11 @@ function Q(s, t, e) {
   const i = s[t];
   s[t] = s[e], s[e] = i;
 }
-function $(s, t) {
+function H(s, t) {
   it(s, 0, s.children.length, t, s);
 }
 function it(s, t, e, i, o) {
-  o || (o = q([])), o.minX = 1 / 0, o.minY = 1 / 0, o.maxX = -1 / 0, o.maxY = -1 / 0;
+  o || (o = J([])), o.minX = 1 / 0, o.minY = 1 / 0, o.maxX = -1 / 0, o.maxY = -1 / 0;
   for (let r = t; r < e; r++) {
     const n = s.children[r];
     ot(o, s.leaf ? i(n) : n);
@@ -1795,52 +1869,52 @@ function it(s, t, e, i, o) {
 function ot(s, t) {
   return s.minX = Math.min(s.minX, t.minX), s.minY = Math.min(s.minY, t.minY), s.maxX = Math.max(s.maxX, t.maxX), s.maxY = Math.max(s.maxY, t.maxY), s;
 }
-function ui(s, t) {
+function wi(s, t) {
   return s.minX - t.minX;
 }
-function pi(s, t) {
+function Fi(s, t) {
   return s.minY - t.minY;
 }
-function Mt(s) {
+function wt(s) {
   return (s.maxX - s.minX) * (s.maxY - s.minY);
 }
-function dt(s) {
+function ut(s) {
   return s.maxX - s.minX + (s.maxY - s.minY);
 }
-function gi(s, t) {
+function Ei(s, t) {
   const e = Math.max(s.minX, t.minX), i = Math.max(s.minY, t.minY), o = Math.min(s.maxX, t.maxX), r = Math.min(s.maxY, t.maxY);
   return Math.max(0, o - e) * Math.max(0, r - i);
 }
-function wt(s, t) {
+function Ft(s, t) {
   return s.minX <= t.minX && s.minY <= t.minY && t.maxX <= s.maxX && t.maxY <= s.maxY;
 }
-function ct(s, t) {
+function pt(s, t) {
   return t.minX <= s.maxX && t.minY <= s.maxY && t.maxX >= s.minX && t.maxY >= s.minY;
 }
-function q(s) {
+function J(s) {
   return { children: s, height: 1, leaf: !0, minX: 1 / 0, minY: 1 / 0, maxX: -1 / 0, maxY: -1 / 0 };
 }
-function Ht(s, t, e, i, o) {
+function Zt(s, t, e, i, o) {
   const r = [t, e];
   for (; r.length; ) {
     if ((e = r.pop()) - (t = r.pop()) <= i) continue;
     const n = t + Math.ceil((e - t) / i / 2) * i;
-    Oe(s, n, t, e, o), r.push(t, n, n, e);
+    _e(s, n, t, e, o), r.push(t, n, n, e);
   }
 }
-class yi {
+class Oi {
   constructor(t) {
     this._maxEntries = void 0, this._minEntries = void 0, this.data = void 0, this._maxEntries = Math.max(4, t), this._minEntries = Math.max(2, Math.ceil(0.4 * this._maxEntries)), this.clear();
   }
   search(t) {
     let e = this.data;
     const i = [];
-    if (!ct(t, e)) return i;
+    if (!pt(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;
-        ct(t, l) && (e.leaf ? i.push(a) : wt(t, l) ? this._all(a, i) : r.push(a));
+        pt(t, l) && (e.leaf ? i.push(a) : Ft(t, l) ? this._all(a, i) : r.push(a));
       }
       e = r.pop();
     }
@@ -1848,13 +1922,13 @@ class yi {
   }
   collides(t) {
     let e = this.data;
-    if (ct(t, e)) {
+    if (pt(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 (ct(t, n)) {
-            if (e.leaf || wt(t, n)) return !0;
+          if (pt(t, n)) {
+            if (e.leaf || Ft(t, n)) return !0;
             i.push(r);
           }
         }
@@ -1883,7 +1957,7 @@ class yi {
     this._insert(t, this.data.height - 1);
   }
   clear() {
-    this.data = q([]);
+    this.data = J([]);
   }
   remove(t) {
     let e = this.data;
@@ -1894,7 +1968,7 @@ class yi {
         const d = e.children.indexOf(t);
         d !== -1 && (e.children.splice(d, 1), o.push(e), this._condense(o));
       }
-      l || e.leaf || !wt(e, i) ? a ? (n++, e = a.children[n], l = !1) : e = null : (o.push(e), r.push(n), n = 0, a = e, e = e.children[0]);
+      l || e.leaf || !Ft(e, i) ? a ? (n++, e = a.children[n], l = !1) : e = null : (o.push(e), r.push(n), n = 0, a = e, e = e.children[0]);
     }
   }
   toBBox(t) {
@@ -1914,26 +1988,26 @@ class yi {
   _build(t, e, i, o) {
     const r = i - e + 1;
     let n, a = this._maxEntries;
-    if (r <= a) return n = q(t.slice(e, i + 1)), $(n, this.toBBox), n;
-    o || (o = Math.ceil(Math.log(r) / Math.log(a)), a = Math.ceil(r / Math.pow(a, o - 1))), n = q([]), n.leaf = !1, n.height = o;
+    if (r <= a) return n = J(t.slice(e, i + 1)), H(n, this.toBBox), n;
+    o || (o = Math.ceil(Math.log(r) / Math.log(a)), a = Math.ceil(r / Math.pow(a, o - 1))), n = J([]), n.leaf = !1, n.height = o;
     const l = Math.ceil(r / a), d = l * Math.ceil(Math.sqrt(a));
-    Ht(t, e, i, d, this.compareMinX);
-    for (let c = e; c <= i; c += d) {
-      const h = Math.min(c + d - 1, i);
-      Ht(t, c, h, l, this.compareMinY);
-      for (let u = c; u <= h; u += l) {
-        const p = Math.min(u + l - 1, h);
+    Zt(t, e, i, d, this.compareMinX);
+    for (let h = e; h <= i; h += d) {
+      const c = Math.min(h + d - 1, i);
+      Zt(t, h, c, l, this.compareMinY);
+      for (let u = h; u <= c; u += l) {
+        const p = Math.min(u + l - 1, c);
         n.children.push(this._build(t, u, p, o - 1));
       }
     }
-    return $(n, this.toBBox), n;
+    return H(n, this.toBBox), n;
   }
   _chooseSubtree(t, e, i, o) {
     for (; o.push(e), !e.leaf && o.length - 1 !== i; ) {
       let a, l = 1 / 0, d = 1 / 0;
-      for (let c = 0; c < e.children.length; c++) {
-        const h = e.children[c], u = Mt(h), p = (r = t, n = h, (Math.max(n.maxX, r.maxX) - Math.min(n.minX, r.minX)) * (Math.max(n.maxY, r.maxY) - Math.min(n.minY, r.minY)) - u);
-        p < d ? (d = p, l = u < l ? u : l, a = h) : p === d && u < l && (l = u, a = h);
+      for (let h = 0; h < e.children.length; h++) {
+        const c = e.children[h], u = wt(c), p = (r = t, n = c, (Math.max(n.maxX, r.maxX) - Math.min(n.minX, r.minX)) * (Math.max(n.maxY, r.maxY) - Math.min(n.minY, r.minY)) - u);
+        p < d ? (d = p, l = u < l ? u : l, a = c) : p === d && u < l && (l = u, a = c);
       }
       e = a || e.children[0];
     }
@@ -1948,35 +2022,35 @@ class yi {
   _split(t, e) {
     const i = t[e], o = i.children.length, r = this._minEntries;
     this._chooseSplitAxis(i, r, o);
-    const n = this._chooseSplitIndex(i, r, o), a = q(i.children.splice(n, i.children.length - n));
-    a.height = i.height, a.leaf = i.leaf, $(i, this.toBBox), $(a, this.toBBox), e ? t[e - 1].children.push(a) : this._splitRoot(i, a);
+    const n = this._chooseSplitIndex(i, r, o), a = J(i.children.splice(n, i.children.length - n));
+    a.height = i.height, a.leaf = i.leaf, H(i, this.toBBox), H(a, this.toBBox), e ? t[e - 1].children.push(a) : this._splitRoot(i, a);
   }
   _splitRoot(t, e) {
-    this.data = q([t, e]), this.data.height = t.height + 1, this.data.leaf = !1, $(this.data, this.toBBox);
+    this.data = J([t, e]), this.data.height = t.height + 1, this.data.leaf = !1, H(this.data, this.toBBox);
   }
   _chooseSplitIndex(t, e, i) {
     let o, r = 1 / 0, n = 1 / 0;
     for (let a = e; a <= i - e; a++) {
-      const l = it(t, 0, a, this.toBBox), d = it(t, a, i, this.toBBox), c = gi(l, d), h = Mt(l) + Mt(d);
-      c < r ? (r = c, o = a, n = h < n ? h : n) : c === r && h < n && (n = h, o = a);
+      const l = it(t, 0, a, this.toBBox), d = it(t, a, i, this.toBBox), h = Ei(l, d), c = wt(l) + wt(d);
+      h < r ? (r = h, o = a, n = c < n ? c : n) : h === r && c < n && (n = c, o = a);
     }
     return o || i - e;
   }
   _chooseSplitAxis(t, e, i) {
-    const o = t.leaf ? this.compareMinX : ui, r = t.leaf ? this.compareMinY : pi;
+    const o = t.leaf ? this.compareMinX : wi, r = t.leaf ? this.compareMinY : Fi;
     this._allDistMargin(t, e, i, o) < this._allDistMargin(t, e, i, r) && t.children.sort(o);
   }
   _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 = dt(n) + dt(a);
+    let l = ut(n) + ut(a);
     for (let d = e; d < i - e; d++) {
-      const c = t.children[d];
-      ot(n, t.leaf ? r(c) : c), l += dt(n);
+      const h = t.children[d];
+      ot(n, t.leaf ? r(h) : h), l += ut(n);
     }
     for (let d = i - e - 1; d >= e; d--) {
-      const c = t.children[d];
-      ot(a, t.leaf ? r(c) : c), l += dt(a);
+      const h = t.children[d];
+      ot(a, t.leaf ? r(h) : h), l += ut(a);
     }
     return l;
   }
@@ -1984,12 +2058,12 @@ class yi {
     for (let o = i; o >= 0; o--) ot(e[o], t);
   }
   _condense(t) {
-    for (let e, i = t.length - 1; i >= 0; i--) t[i].children.length === 0 ? i > 0 ? (e = t[i - 1].children, e.splice(e.indexOf(t[i]), 1)) : this.clear() : $(t[i], this.toBBox);
+    for (let e, i = t.length - 1; i >= 0; i--) t[i].children.length === 0 ? i > 0 ? (e = t[i - 1].children, e.splice(e.indexOf(t[i]), 1)) : this.clear() : H(t[i], this.toBBox);
   }
 }
-class fi {
+class Di {
   constructor(t) {
-    this.tree = void 0, this.idToNode = void 0, this.nodeToId = void 0, this.tree = new yi(t && t.maxEntries ? t.maxEntries : 9), this.idToNode = /* @__PURE__ */ new Map(), this.nodeToId = /* @__PURE__ */ new Map();
+    this.tree = void 0, this.idToNode = void 0, this.nodeToId = void 0, this.tree = new Oi(t && t.maxEntries ? t.maxEntries : 9), this.idToNode = /* @__PURE__ */ new Map(), this.nodeToId = /* @__PURE__ */ new Map();
   }
   setMaps(t, e) {
     this.idToNode.set(t.id, e), this.nodeToId.set(e, t.id);
@@ -2040,14 +2114,14 @@ class fi {
     return this.tree.collides(this.toBBox(t));
   }
 }
-const mi = { getId: () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(s) {
+const Li = { getId: () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(s) {
   const t = 16 * Math.random() | 0;
   return (s == "x" ? t : 3 & t | 8).toString(16);
 }), isValidId: (s) => typeof s == "string" && s.length === 36 };
-class vi {
+class _i {
   constructor(t) {
     this.idStrategy = void 0, this.tracked = void 0, this.spatialIndex = void 0, this.store = void 0, this._onChange = () => {
-    }, this.store = {}, this.spatialIndex = new fi(), this.tracked = !t || t.tracked !== !1, this.idStrategy = t && t.idStrategy ? t.idStrategy : mi;
+    }, this.store = {}, this.spatialIndex = new Di(), this.tracked = !t || t.tracked !== !1, this.idStrategy = t && t.idStrategy ? t.idStrategy : Li;
   }
   clone(t) {
     return JSON.parse(JSON.stringify(t));
@@ -2071,10 +2145,10 @@ class vi {
       }
       if (this.tracked) {
         if (n.properties.createdAt) {
-          if (!Gt(n.properties.createdAt)) return r.push({ id: n.id, valid: !1, reason: "createdAt is not a valid numeric timestamp" }), !1;
+          if (!Vt(n.properties.createdAt)) return r.push({ id: n.id, valid: !1, reason: "createdAt is not a valid numeric timestamp" }), !1;
         } else n.properties.createdAt = +/* @__PURE__ */ new Date();
         if (n.properties.updatedAt) {
-          if (!Gt(n.properties.updatedAt)) return r.push({ id: n.id, valid: !1, reason: "updatedAt is not a valid numeric timestamp" }), !1;
+          if (!Vt(n.properties.updatedAt)) return r.push({ id: n.id, valid: !1, reason: "updatedAt is not a valid numeric timestamp" }), !1;
         } else n.properties.updatedAt = +/* @__PURE__ */ new Date();
       }
       return this.has(a) ? (r.push({ id: a, valid: !1, reason: `Feature already exists with this id: ${a}` }), !1) : (this.store[a] = n, o.push(a), r.push({ id: a, valid: !0 }), !0);
@@ -2131,6 +2205,9 @@ class vi {
       delete this.store[e], this.spatialIndex.remove(e);
     }), this._onChange && this._onChange([...t], "delete");
   }
+  copy(t) {
+    return this.clone(this.store[t]);
+  }
   copyAll() {
     return this.clone(Object.keys(this.store).map((t) => this.store[t]));
   }
@@ -2141,21 +2218,19 @@ class vi {
     return Object.keys(this.store).length;
   }
 }
-const Ci = "Feature is not a Polygon or LineString", Pi = "Feature intersects itself", Si = (s) => s.geometry.type !== "Polygon" && s.geometry.type !== "LineString" ? { valid: !1, reason: Ci } : Dt(s) ? { valid: !1, reason: Pi } : { valid: !0 };
-function qt(s, t, e) {
-  const i = G(s, t);
-  let o = G(t, e) - i;
+const ki = "Feature is not a Polygon or LineString", Wi = "Feature intersects itself", ji = (s) => s.geometry.type !== "Polygon" && s.geometry.type !== "LineString" ? { valid: !1, reason: ki } : _t(s) ? { valid: !1, reason: Wi } : { valid: !0 };
+function Qt(s, t, e) {
+  const i = T(s, t);
+  let o = T(t, e) - i;
   return o < 0 && (o += 360), 180 - Math.abs(o - 90 - 90);
 }
-class De extends N {
+const Bi = { cancel: "Escape", finish: "Enter" }, Ni = { start: "crosshair", close: "pointer" };
+class ke extends N {
   constructor(t) {
-    super(t), this.mode = "angled-rectangle", this.currentCoordinate = 0, this.currentId = void 0, this.keyEvents = void 0, this.cursors = void 0, this.mouseMove = !1;
-    const e = { start: "crosshair", close: "pointer" };
-    if (this.cursors = t && t.cursors ? b({}, e, t.cursors) : e, (t == null ? void 0 : t.keyEvents) === null) this.keyEvents = { cancel: null, finish: null };
-    else {
-      const i = { cancel: "Escape", finish: "Enter" };
-      this.keyEvents = t && t.keyEvents ? b({}, i, t.keyEvents) : i;
-    }
+    super(t, !0), this.mode = "angled-rectangle", this.currentCoordinate = 0, this.currentId = void 0, this.keyEvents = Bi, this.cursors = Ni, this.mouseMove = !1, this.updateOptions(t);
+  }
+  updateOptions(t) {
+    super.updateOptions(t), t != null && t.cursors && (this.cursors = b({}, this.cursors, t.cursors)), (t == null ? void 0 : t.keyEvents) === null ? this.keyEvents = { cancel: null, finish: null } : t != null && t.keyEvents && (this.keyEvents = b({}, this.keyEvents, t.keyEvents));
   }
   close() {
     if (this.currentId === void 0) return;
@@ -2176,13 +2251,13 @@ class De extends N {
       const o = 1 / Math.pow(10, this.coordinatePrecision - 1), r = Math.max(1e-6, o);
       i = [e[0], [t.lng, t.lat], [t.lng, t.lat - r], e[0]];
     } else if (this.currentCoordinate === 2) {
-      const o = e[0], r = e[1], n = Ie(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]), c = x(t.lng, t.lat), h = O(c, a) < O(c, d), u = qt(a, l, c), p = h ? 90 - u : qt(a, l, c) - 90, g = O(l, c), y = Math.cos(E(p)) * g, v = G(a, d) + (function(S, I, w) {
-        const D = (w.x - I.x) * (S.y - I.y) - (w.y - I.y) * (S.x - I.x);
+      const o = e[0], r = e[1], n = Fe(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 = O(h, a) < O(h, d), u = Qt(a, l, h), p = c ? 90 - u : Qt(a, l, h) - 90, g = O(l, h), y = Math.cos(E(p)) * g, v = T(a, d) + (function(S, M, w) {
+        const D = (w.x - M.x) * (S.y - M.y) - (w.y - M.y) * (S.x - M.x);
         return D > 1e-10 ? "left" : D < -1e-10 ? "right" : "left";
-      }(a, d, c) === "right" ? -90 : 90), f = rt(a, y, v), m = rt(d, y, v), C = W(f.x, f.y), P = W(m.x, m.y);
+      }(a, d, h) === "right" ? -90 : 90), f = at(a, y, v), m = at(d, y, v), C = W(f.x, f.y), P = W(m.x, m.y);
       i = [e[0], e[1], [P.lng, P.lat], [C.lng, C.lat], e[0]];
     }
-    i && this.updatePolygonGeometry(this.currentId, i, M.Provisional);
+    i && this.updatePolygonGeometry(this.currentId, i, I.Provisional);
   }
   updatePolygonGeometry(t, e, i) {
     const o = { type: "Polygon", coordinates: [e] };
@@ -2194,12 +2269,16 @@ class De extends N {
       this.currentId = e, this.currentCoordinate++, this.setDrawing();
     } else if (this.currentCoordinate === 1 && this.currentId) {
       const e = this.store.getGeometryCopy(this.currentId);
-      if (Z([t.lng, t.lat], e.coordinates[0][0]) || !this.updatePolygonGeometry(this.currentId, [e.coordinates[0][0], [t.lng, t.lat], [t.lng, t.lat], e.coordinates[0][0]], M.Commit)) return;
+      if (Z([t.lng, t.lat], e.coordinates[0][0]) || !this.updatePolygonGeometry(this.currentId, [e.coordinates[0][0], [t.lng, t.lat], [t.lng, t.lat], e.coordinates[0][0]], I.Commit)) return;
       this.currentCoordinate++;
     } else this.currentCoordinate === 2 && this.currentId && this.close();
   }
   onKeyUp(t) {
-    t.key === this.keyEvents.cancel ? this.cleanUp() : t.key === this.keyEvents.finish && this.close();
+    if (t.key === this.keyEvents.cancel) this.cleanUp();
+    else if (t.key === this.keyEvents.finish) {
+      if (this.currentCoordinate < 2) return void this.cleanUp();
+      this.close();
+    }
   }
   onKeyDown() {
   }
@@ -2221,27 +2300,26 @@ class De 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) => nt(e, this.coordinatePrecision));
+    return this.validateModeFeature(t, (e) => lt(e, this.coordinatePrecision));
   }
 }
-function Le(s, t, e) {
+function We(s, t, e) {
   return (t.x - s.x) * (e.y - s.y) - (t.y - s.y) * (e.x - s.x) <= 0;
 }
-class _e extends N {
+const Gi = { cancel: "Escape", finish: "Enter" }, Ti = { start: "crosshair", close: "pointer" };
+class je extends N {
   constructor(t) {
-    super(t), this.mode = "sector", this.currentCoordinate = 0, this.currentId = void 0, this.keyEvents = void 0, this.direction = void 0, this.arcPoints = void 0, this.cursors = void 0, this.mouseMove = !1;
-    const e = { start: "crosshair", close: "pointer" };
-    if (this.cursors = t && t.cursors ? b({}, e, t.cursors) : e, (t == null ? void 0 : t.keyEvents) === null) this.keyEvents = { cancel: null, finish: null };
-    else {
-      const i = { cancel: "Escape", finish: "Enter" };
-      this.keyEvents = t && t.keyEvents ? b({}, i, t.keyEvents) : i;
-    }
-    this.arcPoints = (t == null ? void 0 : t.arcPoints) || 64;
+    super(t, !0), this.mode = "sector", this.currentCoordinate = 0, this.currentId = void 0, this.keyEvents = Gi, this.direction = void 0, this.arcPoints = 64, this.cursors = Ti, this.mouseMove = !1, this.updateOptions(t);
+  }
+  updateOptions(t) {
+    super.updateOptions(t), t != null && t.cursors && (this.cursors = b({}, this.cursors, t.cursors)), (t == null ? void 0 : t.keyEvents) === null ? this.keyEvents = { cancel: null, finish: null } : t != null && t.keyEvents && (this.keyEvents = b({}, this.keyEvents, t.keyEvents)), t != null && t.arcPoints && (this.arcPoints = t.arcPoints);
   }
   close() {
     if (this.currentId === void 0) return;
-    const t = this.currentId;
-    this.currentCoordinate = 0, this.currentId = void 0, this.direction = void 0, this.state === "drawing" && this.setStarted(), this.onFinish(t, { mode: this.mode, action: "draw" });
+    const t = dt(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" });
   }
   start() {
     this.setStarted(), this.setCursor(this.cursors.start);
@@ -2259,21 +2337,21 @@ class _e extends N {
     } else if (this.currentCoordinate === 2) {
       const o = e[0], r = e[1], n = [t.lng, t.lat], a = x(o[0], o[1]), l = x(r[0], r[1]), d = x(n[0], n[1]);
       if (this.direction === void 0) {
-        const C = Le(a, l, d);
+        const C = We(a, l, d);
         this.direction = C ? "clockwise" : "anticlockwise";
       }
-      const c = O(a, l), h = G(a, l), u = G(a, d), p = this.arcPoints, g = [o], y = K(h), v = K(u);
+      const h = O(a, l), c = T(a, l), u = T(a, d), p = this.arcPoints, g = [o], y = Y(c), v = Y(u);
       let f;
       this.direction === "anticlockwise" ? (f = v - y, f < 0 && (f += 360)) : (f = y - v, f < 0 && (f += 360));
       const m = (this.direction === "anticlockwise" ? 1 : -1) * f / p;
       g.push(r);
       for (let C = 0; C <= p; C++) {
-        const P = rt(a, c, y + C * m), { lng: S, lat: I } = W(P.x, P.y), w = [F(S, this.coordinatePrecision), F(I, this.coordinatePrecision)];
+        const P = at(a, h, y + C * m), { lng: S, lat: M } = W(P.x, P.y), w = [F(S, this.coordinatePrecision), F(M, this.coordinatePrecision)];
         w[0] !== g[g.length - 1][0] && w[1] !== g[g.length - 1][1] && g.push(w);
       }
       g.push(o), i = [...g];
     }
-    i && this.updatePolygonGeometry(this.currentId, i, M.Provisional);
+    i && this.updatePolygonGeometry(this.currentId, i, I.Provisional);
   }
   updatePolygonGeometry(t, e, i) {
     const o = { type: "Polygon", coordinates: [e] };
@@ -2285,7 +2363,7 @@ class _e extends N {
       this.currentId = e, this.currentCoordinate++, this.setDrawing();
     } else if (this.currentCoordinate === 1 && this.currentId) {
       const e = this.store.getGeometryCopy(this.currentId);
-      if (Z([t.lng, t.lat], e.coordinates[0][0]) || !this.updatePolygonGeometry(this.currentId, [e.coordinates[0][0], [t.lng, t.lat], [t.lng, t.lat], e.coordinates[0][0]], M.Commit)) return;
+      if (Z([t.lng, t.lat], e.coordinates[0][0]) || !this.updatePolygonGeometry(this.currentId, [e.coordinates[0][0], [t.lng, t.lat], [t.lng, t.lat], e.coordinates[0][0]], I.Commit)) return;
       this.currentCoordinate++;
     } else this.currentCoordinate === 2 && this.currentId && this.close();
   }
@@ -2312,24 +2390,25 @@ class _e 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) => nt(e, this.coordinatePrecision));
+    return this.validateModeFeature(t, (e) => lt(e, this.coordinatePrecision));
   }
 }
-class ke extends N {
+const Ai = { cancel: "Escape", finish: "Enter" }, Vi = { start: "crosshair", close: "pointer" };
+class Be extends N {
   constructor(t) {
-    super(t), this.mode = "sensor", this.currentCoordinate = 0, this.currentId = void 0, this.currentInitialArcId = void 0, this.currentStartingPointId = void 0, this.keyEvents = void 0, this.direction = void 0, this.arcPoints = void 0, this.cursors = void 0, this.mouseMove = !1;
-    const e = { start: "crosshair", close: "pointer" };
-    if (this.cursors = t && t.cursors ? b({}, e, t.cursors) : e, (t == null ? void 0 : t.keyEvents) === null) this.keyEvents = { cancel: null, finish: null };
-    else {
-      const i = { cancel: "Escape", finish: "Enter" };
-      this.keyEvents = t && t.keyEvents ? b({}, i, t.keyEvents) : i;
-    }
-    this.arcPoints = (t == null ? void 0 : t.arcPoints) || 64;
+    super(t, !0), this.mode = "sensor", this.currentCoordinate = 0, this.currentId = void 0, this.currentInitialArcId = void 0, this.currentStartingPointId = void 0, this.keyEvents = Ai, this.direction = void 0, this.arcPoints = 64, this.cursors = Vi, this.mouseMove = !1, this.updateOptions(t);
+  }
+  updateOptions(t) {
+    super.updateOptions(t), t != null && t.cursors && (this.cursors = b({}, this.cursors, t.cursors)), (t == null ? void 0 : t.keyEvents) === null ? this.keyEvents = { cancel: null, finish: null } : t != null && t.keyEvents && (this.keyEvents = b({}, this.keyEvents, t.keyEvents)), t != null && t.arcPoints && (this.arcPoints = t.arcPoints);
   }
   close() {
     if (this.currentStartingPointId === void 0) return;
     const t = this.currentStartingPointId, e = this.currentInitialArcId, i = this.currentId;
-    t && this.store.delete([t]), e && this.store.delete([e]), 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" });
+    if (t && this.store.delete([t]), e && this.store.delete([e]), this.currentId) {
+      const o = dt(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" });
   }
   start() {
     this.setStarted(), this.setCursor(this.cursors.start);
@@ -2342,29 +2421,29 @@ class ke extends N {
       if (this.currentCoordinate === 2) {
         const e = this.store.getGeometryCopy(this.currentInitialArcId).coordinates, i = this.store.getGeometryCopy(this.currentStartingPointId).coordinates, o = e[0], r = [t.lng, t.lat], n = x(o[0], o[1]), a = x(r[0], r[1]), l = x(i[0], i[1]), d = O(l, n);
         if (this.direction === void 0) {
-          const m = Le(l, n, a);
+          const m = We(l, n, a);
           this.direction = m ? "clockwise" : "anticlockwise";
         }
-        const c = G(l, n), h = G(l, a), u = this.arcPoints, p = [o], g = K(c), y = K(h);
+        const h = T(l, n), c = T(l, a), u = this.arcPoints, p = [o], g = Y(h), y = Y(c);
         let v;
         this.direction === "anticlockwise" ? (v = y - g, v < 0 && (v += 360)) : (v = g - y, v < 0 && (v += 360));
         const f = (this.direction === "anticlockwise" ? 1 : -1) * v / u;
         for (let m = 0; m <= u; m++) {
-          const C = rt(l, d, g + m * f), { lng: P, lat: S } = W(C.x, C.y), I = [F(P, this.coordinatePrecision), F(S, this.coordinatePrecision)];
-          I[0] !== p[p.length - 1][0] && I[1] !== p[p.length - 1][1] && p.push(I);
+          const C = at(l, d, g + m * f), { lng: P, lat: S } = W(C.x, C.y), M = [F(P, this.coordinatePrecision), F(S, this.coordinatePrecision)];
+          M[0] !== p[p.length - 1][0] && M[1] !== p[p.length - 1][1] && p.push(M);
         }
-        this.updateLineStringGeometry(this.currentInitialArcId, p, M.Provisional);
+        this.updateLineStringGeometry(this.currentInitialArcId, p, I.Provisional);
       } else if (this.currentCoordinate === 3) {
         const e = this.store.getGeometryCopy(this.currentInitialArcId).coordinates;
         if (e.length < 2 || !this.direction) return;
-        const i = this.store.getGeometryCopy(this.currentStartingPointId).coordinates, o = e[0], r = e[e.length - 1], n = x(t.lng, t.lat), a = x(o[0], o[1]), l = x(r[0], r[1]), d = x(i[0], i[1]), c = O(d, a), h = O(d, n) < c ? a : n, u = G(d, n), p = G(d, a), g = G(d, l), y = K(p), v = K(g), f = K(u);
+        const i = this.store.getGeometryCopy(this.currentStartingPointId).coordinates, o = e[0], r = e[e.length - 1], n = x(t.lng, t.lat), a = x(o[0], o[1]), l = x(r[0], r[1]), d = x(i[0], i[1]), h = O(d, a), c = O(d, n) < h ? a : n, u = T(d, n), p = T(d, a), g = T(d, l), y = Y(p), v = Y(g), f = Y(u);
         if (this.notInSector({ normalizedCursor: f, normalizedStart: y, normalizedEnd: v, direction: this.direction })) return;
-        const m = this.getDeltaBearing(this.direction, y, v), C = this.arcPoints, P = (this.direction === "anticlockwise" ? 1 : -1) * m / C, S = O(d, h), I = [];
+        const m = this.getDeltaBearing(this.direction, y, v), C = this.arcPoints, P = (this.direction === "anticlockwise" ? 1 : -1) * m / C, S = O(d, c), M = [];
         for (let w = 0; w <= C; w++) {
-          const D = rt(d, S, y + w * P), { lng: A, lat: L } = W(D.x, D.y), B = [F(A, this.coordinatePrecision), F(L, this.coordinatePrecision)];
-          B[0] !== e[e.length - 1][0] && B[1] !== e[e.length - 1][1] && I.unshift(B);
+          const D = at(d, S, y + w * P), { lng: G, lat: L } = W(D.x, D.y), B = [F(G, this.coordinatePrecision), F(L, this.coordinatePrecision)];
+          B[0] !== e[e.length - 1][0] && B[1] !== e[e.length - 1][1] && M.unshift(B);
         }
-        e.push(...I), 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 } }]);
+        e.push(...M), e.push(e[0]), this.currentId ? this.updatePolygonGeometry(this.currentId, e, I.Provisional) : [this.currentId] = this.store.create([{ geometry: { type: "Polygon", coordinates: [e] }, properties: { mode: this.mode } }]);
       }
     }
   }
@@ -2408,7 +2487,7 @@ class ke 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) => nt(e, this.coordinatePrecision));
+    return this.validateModeFeature(t, (e) => lt(e, this.coordinatePrecision));
   }
   getDeltaBearing(t, e, i) {
     let o;
@@ -2418,51 +2497,51 @@ class ke extends N {
     return o === "clockwise" ? e <= i ? t >= e && t <= i : t >= e || t <= i : e >= i ? t <= e && t >= i : t <= e || t >= i;
   }
 }
-class xi {
+class Ui {
   constructor(t) {
-    this._modes = void 0, this._mode = void 0, this._adapter = void 0, this._enabled = !1, this._store = void 0, this._eventListeners = void 0, this._instanceSelectMode = void 0, this._adapter = t.adapter, this._mode = new hi();
-    const e = /* @__PURE__ */ new Set(), i = t.modes.reduce((c, h) => {
-      if (e.has(h.mode)) throw new Error(`There is already a ${h.mode} mode provided`);
-      return e.add(h.mode), c[h.mode] = h, c;
+    this._modes = void 0, this._mode = void 0, this._adapter = void 0, this._enabled = !1, this._store = void 0, this._eventListeners = void 0, this._instanceSelectMode = void 0, this._adapter = t.adapter, this._mode = new Mi();
+    const e = /* @__PURE__ */ new Set(), i = t.modes.reduce((h, c) => {
+      if (e.has(c.mode)) throw new Error(`There is already a ${c.mode} mode provided`);
+      return e.add(c.mode), h[c.mode] = c, h;
     }, {}), o = Object.keys(i);
     if (o.length === 0) throw new Error("No modes provided");
-    o.forEach((c) => {
-      if (i[c].type === Y.Select) {
+    o.forEach((h) => {
+      if (i[h].type === $.Select) {
         if (this._instanceSelectMode) throw new Error("only one type of select mode can be provided");
-        this._instanceSelectMode = c;
+        this._instanceSelectMode = h;
       }
-    }), this._modes = b({}, i, { static: this._mode }), this._eventListeners = { change: [], select: [], deselect: [], finish: [], ready: [] }, this._store = new vi({ tracked: !!t.tracked, idStrategy: t.idStrategy ? t.idStrategy : void 0 });
-    const r = (c) => {
-      const h = [], u = this._store.copyAll().filter((p) => !c.includes(p.id) || (h.push(p), !1));
-      return { changed: h, unchanged: u };
-    }, n = (c, h) => {
+    }), this._modes = b({}, i, { static: this._mode }), this._eventListeners = { change: [], select: [], deselect: [], finish: [], ready: [] }, this._store = new _i({ tracked: !!t.tracked, idStrategy: t.idStrategy ? t.idStrategy : void 0 });
+    const r = (h) => {
+      const c = [], u = this._store.copyAll().filter((p) => !h.includes(p.id) || (c.push(p), !1));
+      return { changed: c, unchanged: u };
+    }, n = (h, c) => {
       this._enabled && this._eventListeners.finish.forEach((u) => {
-        u(c, h);
+        u(h, c);
       });
-    }, a = (c, h) => {
+    }, a = (h, c) => {
       if (!this._enabled) return;
       this._eventListeners.change.forEach((g) => {
-        g(c, h);
+        g(h, c);
       });
-      const { changed: u, unchanged: p } = r(c);
-      h === "create" ? this._adapter.render({ created: u, deletedIds: [], unchanged: p, updated: [] }, this.getModeStyles()) : h === "update" ? this._adapter.render({ created: [], deletedIds: [], unchanged: p, updated: u }, this.getModeStyles()) : h === "delete" ? this._adapter.render({ created: [], deletedIds: c, unchanged: p, updated: [] }, this.getModeStyles()) : h === "styling" && this._adapter.render({ created: [], deletedIds: [], unchanged: p, updated: [] }, this.getModeStyles());
-    }, l = (c) => {
+      const { changed: u, unchanged: p } = r(h);
+      c === "create" ? this._adapter.render({ created: u, deletedIds: [], unchanged: p, updated: [] }, this.getModeStyles()) : c === "update" ? this._adapter.render({ created: [], deletedIds: [], unchanged: p, updated: u }, this.getModeStyles()) : c === "delete" ? this._adapter.render({ created: [], deletedIds: h, unchanged: p, updated: [] }, this.getModeStyles()) : c === "styling" && this._adapter.render({ created: [], deletedIds: [], unchanged: p, updated: [] }, this.getModeStyles());
+    }, l = (h) => {
       if (!this._enabled) return;
       this._eventListeners.select.forEach((p) => {
-        p(c);
+        p(h);
       });
-      const { changed: h, unchanged: u } = r([c]);
-      this._adapter.render({ created: [], deletedIds: [], unchanged: u, updated: h }, this.getModeStyles());
-    }, d = (c) => {
+      const { changed: c, unchanged: u } = r([h]);
+      this._adapter.render({ created: [], deletedIds: [], unchanged: u, updated: c }, this.getModeStyles());
+    }, d = (h) => {
       if (!this._enabled) return;
       this._eventListeners.deselect.forEach((p) => {
         p();
       });
-      const { changed: h, unchanged: u } = r([c]);
-      h && this._adapter.render({ created: [], deletedIds: [], unchanged: u, updated: h }, this.getModeStyles());
+      const { changed: c, unchanged: u } = r([h]);
+      c && this._adapter.render({ created: [], deletedIds: [], unchanged: u, updated: c }, this.getModeStyles());
     };
-    Object.keys(this._modes).forEach((c) => {
-      this._modes[c].register({ mode: c, store: this._store, setCursor: this._adapter.setCursor.bind(this._adapter), project: this._adapter.project.bind(this._adapter), unproject: this._adapter.unproject.bind(this._adapter), setDoubleClickToZoom: this._adapter.setDoubleClickToZoom.bind(this._adapter), onChange: a, onSelect: l, onDeselect: d, onFinish: n, coordinatePrecision: this._adapter.getCoordinatePrecision() });
+    Object.keys(this._modes).forEach((h) => {
+      this._modes[h].register({ mode: h, store: this._store, setCursor: this._adapter.setCursor.bind(this._adapter), project: this._adapter.project.bind(this._adapter), unproject: this._adapter.unproject.bind(this._adapter), setDoubleClickToZoom: this._adapter.setDoubleClickToZoom.bind(this._adapter), onChange: a, onSelect: l, onDeselect: d, onFinish: n, coordinatePrecision: this._adapter.getCoordinatePrecision() });
     });
   }
   checkEnabled() {
@@ -2471,26 +2550,26 @@ class xi {
   getModeStyles() {
     const t = {};
     return Object.keys(this._modes).forEach((e) => {
-      t[e] = (i) => this._instanceSelectMode && i.properties[V.SELECTED] ? this._modes[this._instanceSelectMode].styleFeature.bind(this._modes[this._instanceSelectMode])(i) : this._modes[e].styleFeature.bind(this._modes[e])(i);
+      t[e] = (i) => this._instanceSelectMode && i.properties[U.SELECTED] ? this._modes[this._instanceSelectMode].styleFeature.bind(this._modes[this._instanceSelectMode])(i) : this._modes[e].styleFeature.bind(this._modes[e])(i);
     }), t;
   }
   featuresAtLocation({ lng: t, lat: e }, i) {
-    const o = i && i.pointerDistance !== void 0 ? i.pointerDistance : 30, r = !i || i.ignoreSelectFeatures === void 0 || i.ignoreSelectFeatures, n = this._adapter.unproject.bind(this._adapter), a = this._adapter.project.bind(this._adapter), l = a(t, e), d = fe({ unproject: n, point: l, pointerDistance: o });
-    return this._store.search(d).filter((c) => {
-      if (r && (c.properties[V.MID_POINT] || c.properties[V.SELECTION_POINT])) return !1;
-      if (c.geometry.type === "Point") {
-        const h = c.geometry.coordinates, u = a(h[0], h[1]);
+    const o = i && i.pointerDistance !== void 0 ? i.pointerDistance : 30, r = !i || i.ignoreSelectFeatures === void 0 || i.ignoreSelectFeatures, n = this._adapter.unproject.bind(this._adapter), a = this._adapter.project.bind(this._adapter), l = a(t, e), d = Ce({ unproject: n, point: l, pointerDistance: o });
+    return this._store.search(d).filter((h) => {
+      if (r && (h.properties[U.MID_POINT] || h.properties[U.SELECTION_POINT])) return !1;
+      if (h.geometry.type === "Point") {
+        const c = h.geometry.coordinates, u = a(c[0], c[1]);
         return O(l, u) < o;
       }
-      if (c.geometry.type === "LineString") {
-        const h = c.geometry.coordinates;
-        for (let u = 0; u < h.length - 1; u++) {
-          const p = h[u], g = h[u + 1];
-          if (we(l, a(p[0], p[1]), a(g[0], g[1])) < o) return !0;
+      if (h.geometry.type === "LineString") {
+        const c = h.geometry.coordinates;
+        for (let u = 0; u < c.length - 1; u++) {
+          const p = c[u], g = c[u + 1];
+          if (Oe(l, a(p[0], p[1]), a(g[0], g[1])) < o) return !0;
         }
         return !1;
       }
-      return !!Me([t, e], c.geometry.coordinates) || void 0;
+      return !!Ee([t, e], h.geometry.coordinates) || void 0;
     });
   }
   getSelectMode() {
@@ -2501,9 +2580,16 @@ class xi {
     if (this.checkEnabled(), !this._modes[t]) throw new Error("No mode with this name present");
     this._modes[t].styles = e;
   }
+  updateModeOptions(t, e) {
+    if (this.checkEnabled(), !this._modes[t]) throw new Error("No mode with this name present");
+    this._modes[t].updateOptions(e);
+  }
   getSnapshot() {
     return this._store.copyAll();
   }
+  getSnapshotFeature(t) {
+    if (this._store.has(t)) return this._store.copy(t);
+  }
   clear() {
     this.checkEnabled(), this._adapter.clear();
   }
@@ -2591,15 +2677,15 @@ class xi {
     i.includes(e) && i.splice(i.indexOf(e), 1);
   }
 }
-var Jt, Ft, Zt;
-function Qt(s, t = 9) {
+var te, Et, ee;
+function ie(s, t = 9) {
   const e = Math.pow(10, t);
   return Math.round(s * e) / e;
 }
-(Ft = Jt || (Jt = {})).Commit = "commit", Ft.Provisional = "provisional", Ft.Finish = "finish", function(s) {
+(Et = te || (te = {})).Commit = "commit", Et.Provisional = "provisional", Et.Finish = "finish", function(s) {
   s.Drawing = "drawing", s.Select = "select", s.Static = "static", s.Render = "render";
-}(Zt || (Zt = {}));
-class H {
+}(ee || (ee = {}));
+class q {
   constructor({ name: t, callback: e, unregister: i, register: o }) {
     this.name = void 0, this.callback = void 0, this.registered = !1, this.register = void 0, this.unregister = void 0, this.name = t, this.register = () => {
       this.registered || (this.registered = !0, o(e));
@@ -2608,7 +2694,7 @@ class H {
     }, this.callback = e;
   }
 }
-var bi = class {
+var zi = class {
   constructor(s) {
     this._minPixelDragDistance = void 0, this._minPixelDragDistanceDrawing = void 0, this._minPixelDragDistanceSelecting = void 0, this._lastDrawEvent = void 0, this._coordinatePrecision = void 0, this._heldKeys = /* @__PURE__ */ new Set(), this._listeners = [], this._dragState = "not-dragging", this._currentModeCallbacks = void 0, this._minPixelDragDistance = typeof s.minPixelDragDistance == "number" ? s.minPixelDragDistance : 1, this._minPixelDragDistanceSelecting = typeof s.minPixelDragDistanceSelecting == "number" ? s.minPixelDragDistanceSelecting : 1, this._minPixelDragDistanceDrawing = typeof s.minPixelDragDistanceDrawing == "number" ? s.minPixelDragDistanceDrawing : 8, this._coordinatePrecision = typeof s.coordinatePrecision == "number" ? s.coordinatePrecision : 9;
   }
@@ -2623,7 +2709,7 @@ var bi = class {
     const t = this.getLngLatFromEvent(s);
     if (!t) return null;
     const { lng: e, lat: i } = t, { containerX: o, containerY: r } = this.getMapElementXYPosition(s), n = this.getButton(s), a = Array.from(this._heldKeys);
-    return { lng: Qt(e, this._coordinatePrecision), lat: Qt(i, this._coordinatePrecision), containerX: o, containerY: r, button: n, heldKeys: a };
+    return { lng: ie(e, this._coordinatePrecision), lat: ie(i, this._coordinatePrecision), containerX: o, containerY: r, button: n, heldKeys: a };
   }
   register(s) {
     this._currentModeCallbacks = s, this._listeners = this.getAdapterListeners(), this._listeners.forEach((t) => {
@@ -2634,7 +2720,7 @@ var bi = class {
     return this._coordinatePrecision;
   }
   getAdapterListeners() {
-    return [new H({ name: "pointerdown", callback: (s) => {
+    return [new q({ name: "pointerdown", callback: (s) => {
       if (!this._currentModeCallbacks || !s.isPrimary) return;
       const t = this.getDrawEventFromEvent(s);
       t && (this._dragState = "pre-dragging", this._lastDrawEvent = t);
@@ -2642,7 +2728,7 @@ var bi = class {
       this.getMapEventElement().addEventListener("pointerdown", s);
     }, unregister: (s) => {
       this.getMapEventElement().removeEventListener("pointerdown", s);
-    } }), new H({ name: "pointermove", callback: (s) => {
+    } }), new q({ name: "pointermove", callback: (s) => {
       if (!this._currentModeCallbacks || !s.isPrimary) return;
       s.preventDefault();
       const t = this.getDrawEventFromEvent(s);
@@ -2650,7 +2736,7 @@ var bi = class {
       else if (this._dragState === "pre-dragging") {
         if (!this._lastDrawEvent) return;
         const e = { x: this._lastDrawEvent.containerX, y: this._lastDrawEvent.containerY }, i = { x: t.containerX, y: t.containerY }, o = this._currentModeCallbacks.getState(), r = ((a, l) => {
-          const { x: d, y: c } = a, { x: h, y: u } = l, p = h - d, g = u - c;
+          const { x: d, y: h } = a, { x: c, y: u } = l, p = c - d, g = u - h;
           return Math.sqrt(g * g + p * p);
         })(e, i);
         let n = !1;
@@ -2665,13 +2751,13 @@ var bi = class {
       this.getMapEventElement().addEventListener("pointermove", s);
     }, unregister: (s) => {
       this.getMapEventElement().removeEventListener("pointermove", s);
-    } }), new H({ name: "contextmenu", callback: (s) => {
+    } }), new q({ name: "contextmenu", callback: (s) => {
       this._currentModeCallbacks && s.preventDefault();
     }, register: (s) => {
       this.getMapEventElement().addEventListener("contextmenu", s);
     }, unregister: (s) => {
       this.getMapEventElement().removeEventListener("contextmenu", s);
-    } }), new H({ name: "pointerup", callback: (s) => {
+    } }), new q({ name: "pointerup", callback: (s) => {
       if (!this._currentModeCallbacks || s.target !== this.getMapEventElement() || !s.isPrimary) return;
       const t = this.getDrawEventFromEvent(s);
       t && (this._dragState === "dragging" ? this._currentModeCallbacks.onDragEnd(t, (e) => {
@@ -2681,13 +2767,13 @@ var bi = class {
       this.getMapEventElement().addEventListener("pointerup", s);
     }, unregister: (s) => {
       this.getMapEventElement().removeEventListener("pointerup", s);
-    } }), new H({ name: "keyup", callback: (s) => {
+    } }), new q({ name: "keyup", callback: (s) => {
       this._currentModeCallbacks && (this._heldKeys.delete(s.key), this._currentModeCallbacks.onKeyUp({ key: s.key, heldKeys: Array.from(this._heldKeys), preventDefault: () => s.preventDefault() }));
     }, register: (s) => {
       this.getMapEventElement().addEventListener("keyup", s);
     }, unregister: (s) => {
       this.getMapEventElement().removeEventListener("keyup", s);
-    } }), new H({ name: "keydown", callback: (s) => {
+    } }), new q({ name: "keydown", callback: (s) => {
       this._currentModeCallbacks && (this._heldKeys.add(s.key), this._currentModeCallbacks.onKeyDown({ key: s.key, heldKeys: Array.from(this._heldKeys), preventDefault: () => s.preventDefault() }));
     }, register: (s) => {
       this.getMapEventElement().addEventListener("keydown", s);
@@ -2701,7 +2787,7 @@ var bi = class {
     }), this.clear();
   }
 };
-class Ii extends bi {
+class Ri extends zi {
   constructor(t) {
     super(t), this._nextRender = void 0, this._map = void 0, this._container = void 0, this._rendered = !1, this.changedIds = { deletion: !1, points: !1, linestrings: !1, polygons: !1, styling: !1 }, this._map = t.map, this._container = this._map.getContainer();
   }
@@ -2771,13 +2857,13 @@ class Ii extends bi {
     this.updateChangedIds(t), this._nextRender && cancelAnimationFrame(this._nextRender), this._nextRender = requestAnimationFrame(() => {
       const i = [...t.created, ...t.updated, ...t.unchanged], o = [], r = [], n = [];
       for (let a = 0; a < i.length; a++) {
-        const l = i[a], { properties: d } = l, c = e[d.mode](l);
-        l.geometry.type === "Point" ? (d.pointColor = c.pointColor, d.pointOutlineColor = c.pointOutlineColor, d.pointOutlineWidth = c.pointOutlineWidth, d.pointWidth = c.pointWidth, o.push(l)) : l.geometry.type === "LineString" ? (d.lineStringColor = c.lineStringColor, d.lineStringWidth = c.lineStringWidth, r.push(l)) : l.geometry.type === "Polygon" && (d.polygonFillColor = c.polygonFillColor, d.polygonFillOpacity = c.polygonFillOpacity, d.polygonOutlineColor = c.polygonOutlineColor, d.polygonOutlineWidth = c.polygonOutlineWidth, n.push(l));
+        const l = i[a], { properties: d } = l, h = e[d.mode](l);
+        l.geometry.type === "Point" ? (d.pointColor = h.pointColor, d.pointOutlineColor = h.pointOutlineColor, d.pointOutlineWidth = h.pointOutlineWidth, d.pointWidth = h.pointWidth, o.push(l)) : l.geometry.type === "LineString" ? (d.lineStringColor = h.lineStringColor, d.lineStringWidth = h.lineStringWidth, r.push(l)) : l.geometry.type === "Polygon" && (d.polygonFillColor = h.polygonFillColor, d.polygonFillOpacity = h.polygonFillOpacity, d.polygonOutlineColor = h.polygonOutlineColor, d.polygonOutlineWidth = h.polygonOutlineWidth, n.push(l));
       }
       if (this._rendered) {
         const a = this.changedIds.deletion || this.changedIds.styling, l = a || this.changedIds.linestrings, d = a || this.changedIds.polygons;
-        let c;
-        (a || this.changedIds.points) && (c = this._setGeoJSONLayerData("Point", o)), l && this._setGeoJSONLayerData("LineString", r), d && this._setGeoJSONLayerData("Polygon", n), c && this._map.moveLayer(c);
+        let h;
+        (a || this.changedIds.points) && (h = this._setGeoJSONLayerData("Point", o)), l && this._setGeoJSONLayerData("LineString", r), d && this._setGeoJSONLayerData("Polygon", n), h && this._map.moveLayer(h);
       } else {
         const a = this._addGeoJSONLayer("Point", o);
         this._addGeoJSONLayer("LineString", r), this._addGeoJSONLayer("Polygon", n), this._rendered = !0, a && this._map.moveLayer(a);
@@ -2799,7 +2885,7 @@ class Ii extends bi {
     super.register(t), (e = this._currentModeCallbacks) != null && e.onReady && this._currentModeCallbacks.onReady();
   }
 }
-const ho = [
+const Lo = [
   "render",
   "point",
   "linestring",
@@ -2814,7 +2900,7 @@ const ho = [
   "delete-selection",
   "delete",
   "download"
-], Mi = {
+], Xi = {
   modes: [
     "render",
     "point",
@@ -2832,7 +2918,7 @@ const ho = [
     "download"
   ],
   open: !1
-}, ut = {
+}, yt = {
   modes: [
     "render",
     "point",
@@ -2852,7 +2938,8 @@ const ho = [
   open: !1,
   // see styling parameters of Terra Draw at https://github.com/JamesLMilner/terra-draw/blob/main/guides/5.STYLING.md
   modeOptions: {
-    point: new Se({
+    point: new be({
+      editable: !0,
       styles: {
         pointColor: "#FFFFFF",
         pointWidth: 5,
@@ -2860,7 +2947,8 @@ const ho = [
         pointOutlineWidth: 1
       }
     }),
-    linestring: new Ce({
+    linestring: new xe({
+      editable: !0,
       styles: {
         lineStringColor: "#232E3D",
         lineStringWidth: 2,
@@ -2870,7 +2958,8 @@ const ho = [
         closingPointOutlineWidth: 1
       }
     }),
-    polygon: new xe({
+    polygon: new Me({
+      editable: !0,
       styles: {
         fillColor: "#EDEFF0",
         fillOpacity: 0.7,
@@ -2882,7 +2971,7 @@ const ho = [
         closingPointOutlineWidth: 1
       }
     }),
-    rectangle: new be({
+    rectangle: new we({
       styles: {
         fillColor: "#EDEFF0",
         fillOpacity: 0.7,
@@ -2890,7 +2979,7 @@ const ho = [
         outlineWidth: 2
       }
     }),
-    "angled-rectangle": new De({
+    "angled-rectangle": new ke({
       styles: {
         fillColor: "#EDEFF0",
         fillOpacity: 0.7,
@@ -2898,7 +2987,7 @@ const ho = [
         outlineWidth: 2
       }
     }),
-    circle: new ge({
+    circle: new me({
       styles: {
         fillColor: "#EDEFF0",
         fillOpacity: 0.7,
@@ -2906,7 +2995,7 @@ const ho = [
         outlineWidth: 2
       }
     }),
-    freehand: new ye({
+    freehand: new ve({
       styles: {
         fillColor: "#EDEFF0",
         fillOpacity: 0.7,
@@ -2918,7 +3007,7 @@ const ho = [
         closingPointOutlineWidth: 1
       }
     }),
-    sensor: new ke({
+    sensor: new Be({
       styles: {
         fillColor: "#EDEFF0",
         fillOpacity: 0.7,
@@ -2930,7 +3019,7 @@ const ho = [
         centerPointOutlineWidth: 1
       }
     }),
-    sector: new _e({
+    sector: new je({
       styles: {
         fillColor: "#EDEFF0",
         fillOpacity: 0.7,
@@ -2938,7 +3027,7 @@ const ho = [
         outlineWidth: 2
       }
     }),
-    select: new Ee({
+    select: new Le({
       flags: {
         point: {
           feature: {
@@ -3192,28 +3281,33 @@ Alt. `, ["to-string", ["floor", ["get", "elevation"]]], " m"],
   distancePrecision: 2,
   areaUnit: "metric",
   areaPrecision: 2
-}, wi = () => ({
+}, Ki = () => ({
   render: new et({
     modeName: "render",
     styles: {}
   }),
-  point: new Se(),
-  linestring: new Ce(),
-  polygon: new xe({
+  point: new be({
+    editable: !0
+  }),
+  linestring: new xe({
+    editable: !0
+  }),
+  polygon: new Me({
+    editable: !0,
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     validation: (t, e) => {
       const i = e.updateType;
-      return i === "finish" || i === "commit" ? Si(t) : { valid: !0 };
+      return i === "finish" || i === "commit" ? ji(t) : { valid: !0 };
     }
   }),
-  rectangle: new be(),
-  "angled-rectangle": new De(),
-  circle: new ge(),
-  freehand: new ye(),
-  sensor: new ke(),
-  sector: new _e(),
-  select: new Ee({
+  rectangle: new we(),
+  "angled-rectangle": new ke(),
+  circle: new me(),
+  freehand: new ve(),
+  sensor: new Be(),
+  sector: new je(),
+  select: new Le({
     flags: {
       point: {
         feature: {
@@ -3327,7 +3421,7 @@ Alt. `, ["to-string", ["floor", ["get", "elevation"]]], " m"],
     styles: {}
   })
 });
-var _ = 63710088e-1, Fi = {
+var _ = 63710088e-1, Yi = {
   centimeters: _ * 100,
   centimetres: _ * 100,
   degrees: 360 / (2 * Math.PI),
@@ -3344,87 +3438,87 @@ var _ = 63710088e-1, Fi = {
   radians: 1,
   yards: _ * 1.0936
 };
-function Ei(s, t, e = {}) {
+function $i(s, t, e = {}) {
   const i = { type: "Feature" };
   return (e.id === 0 || e.id) && (i.id = e.id), e.bbox && (i.bbox = e.bbox), i.properties = t || {}, i.geometry = s, i;
 }
-function Oi(s, t, e = {}) {
+function Hi(s, t, e = {}) {
   if (!s)
     throw new Error("coordinates is required");
   if (!Array.isArray(s))
     throw new Error("coordinates must be an Array");
   if (s.length < 2)
     throw new Error("coordinates must be at least 2 numbers long");
-  if (!te(s[0]) || !te(s[1]))
+  if (!oe(s[0]) || !oe(s[1]))
     throw new Error("coordinates must contain numbers");
-  return Ei({
+  return $i({
     type: "Point",
     coordinates: s
   }, t, e);
 }
-function Di(s, t = "kilometers") {
-  const e = Fi[t];
+function qi(s, t = "kilometers") {
+  const e = Yi[t];
   if (!e)
     throw new Error(t + " units is invalid");
   return s * e;
 }
-function ht(s) {
+function gt(s) {
   return s % 360 * Math.PI / 180;
 }
-function te(s) {
+function oe(s) {
   return !isNaN(s) && s !== null && !Array.isArray(s);
 }
-function We(s, t, e) {
+function Ne(s, t, e) {
   if (s !== null)
-    for (var i, o, r, n, a, l, d, c = 0, h = 0, u, p = s.type, g = p === "FeatureCollection", y = p === "Feature", v = g ? s.features.length : 1, f = 0; f < v; f++) {
+    for (var i, o, r, n, a, l, d, h = 0, c = 0, u, p = s.type, g = p === "FeatureCollection", y = p === "Feature", v = g ? s.features.length : 1, f = 0; f < v; f++) {
       d = g ? s.features[f].geometry : y ? s.geometry : s, u = d ? d.type === "GeometryCollection" : !1, a = u ? d.geometries.length : 1;
       for (var m = 0; m < a; m++) {
         var C = 0, P = 0;
         if (n = u ? d.geometries[m] : d, n !== null) {
           l = n.coordinates;
           var S = n.type;
-          switch (c = S === "Polygon" || S === "MultiPolygon" ? 1 : 0, S) {
+          switch (h = S === "Polygon" || S === "MultiPolygon" ? 1 : 0, S) {
             case null:
               break;
             case "Point":
               if (t(
                 l,
-                h,
+                c,
                 f,
                 C,
                 P
               ) === !1)
                 return !1;
-              h++, C++;
+              c++, C++;
               break;
             case "LineString":
             case "MultiPoint":
               for (i = 0; i < l.length; i++) {
                 if (t(
                   l[i],
-                  h,
+                  c,
                   f,
                   C,
                   P
                 ) === !1)
                   return !1;
-                h++, S === "MultiPoint" && C++;
+                c++, S === "MultiPoint" && C++;
               }
               S === "LineString" && C++;
               break;
             case "Polygon":
             case "MultiLineString":
               for (i = 0; i < l.length; i++) {
-                for (o = 0; o < l[i].length - c; o++) {
+                for (o = 0; o < l[i].length - h; o++) {
                   if (t(
                     l[i][o],
-                    h,
+                    c,
                     f,
                     C,
                     P
                   ) === !1)
                     return !1;
-                  h++;
+                  c++;
                 }
                 S === "MultiLineString" && C++, S === "Polygon" && P++;
               }
@@ -3433,16 +3527,16 @@ function We(s, t, e) {
             case "MultiPolygon":
               for (i = 0; i < l.length; i++) {
                 for (P = 0, o = 0; o < l[i].length; o++) {
-                  for (r = 0; r < l[i][o].length - c; r++) {
+                  for (r = 0; r < l[i][o].length - h; r++) {
                     if (t(
                       l[i][o][r],
-                      h,
+                      c,
                       f,
                       C,
                       P
                     ) === !1)
                       return !1;
-                    h++;
+                    c++;
                   }
                   P++;
                 }
@@ -3451,7 +3545,7 @@ function We(s, t, e) {
               break;
             case "GeometryCollection":
               for (i = 0; i < n.geometries.length; i++)
-                if (We(n.geometries[i], t) === !1)
+                if (Ne(n.geometries[i], t) === !1)
                   return !1;
               break;
             default:
@@ -3461,17 +3555,17 @@ function We(s, t, e) {
       }
     }
 }
-function Li(s, t) {
-  var e, i, o, r, n, a, l, d, c, h, u = 0, p = s.type === "FeatureCollection", g = s.type === "Feature", y = p ? s.features.length : 1;
+function Ji(s, t) {
+  var e, i, o, r, n, a, l, d, h, c, u = 0, p = s.type === "FeatureCollection", g = s.type === "Feature", y = p ? s.features.length : 1;
   for (e = 0; e < y; e++) {
-    for (a = p ? s.features[e].geometry : g ? s.geometry : s, d = p ? s.features[e].properties : g ? s.properties : {}, c = p ? s.features[e].bbox : g ? s.bbox : void 0, h = p ? s.features[e].id : g ? s.id : void 0, l = a ? a.type === "GeometryCollection" : !1, n = l ? a.geometries.length : 1, o = 0; o < n; o++) {
+    for (a = p ? s.features[e].geometry : g ? s.geometry : s, d = p ? s.features[e].properties : g ? s.properties : {}, h = p ? s.features[e].bbox : g ? s.bbox : void 0, c = p ? s.features[e].id : g ? s.id : void 0, l = a ? a.type === "GeometryCollection" : !1, n = l ? a.geometries.length : 1, o = 0; o < n; o++) {
       if (r = l ? a.geometries[o] : a, r === null) {
         if (t(
           null,
           u,
           d,
-          c,
-          h
+          h,
+          c
         ) === !1)
           return !1;
         continue;
@@ -3487,8 +3581,8 @@ function Li(s, t) {
             r,
             u,
             d,
-            c,
-            h
+            h,
+            c
           ) === !1)
             return !1;
           break;
@@ -3499,8 +3593,8 @@ function Li(s, t) {
               r.geometries[i],
               u,
               d,
-              c,
-              h
+              h,
+              c
             ) === !1)
               return !1;
           break;
@@ -3512,9 +3606,9 @@ function Li(s, t) {
     u++;
   }
 }
-function _i(s, t, e) {
+function Zi(s, t, e) {
   var i = e;
-  return Li(
+  return Ji(
     s,
     function(o, r, n, a, l) {
       r === 0 && e === void 0 ? i = o : i = t(
@@ -3528,21 +3622,21 @@ function _i(s, t, e) {
     }
   ), i;
 }
-function ki(s) {
-  return _i(
+function Qi(s) {
+  return Zi(
     s,
-    (t, e) => t + Wi(e),
+    (t, e) => t + to(e),
     0
   );
 }
-function Wi(s) {
+function to(s) {
   let t = 0, e;
   switch (s.type) {
     case "Polygon":
-      return ee(s.coordinates);
+      return se(s.coordinates);
     case "MultiPolygon":
       for (e = 0; e < s.coordinates.length; e++)
-        t += ee(s.coordinates[e]);
+        t += se(s.coordinates[e]);
       return t;
     case "Point":
     case "MultiPoint":
@@ -3552,36 +3646,36 @@ function Wi(s) {
   }
   return 0;
 }
-function ee(s) {
+function se(s) {
   let t = 0;
   if (s && s.length > 0) {
-    t += Math.abs(ie(s[0]));
+    t += Math.abs(re(s[0]));
     for (let e = 1; e < s.length; e++)
-      t -= Math.abs(ie(s[e]));
+      t -= Math.abs(re(s[e]));
   }
   return t;
 }
-var ji = _ * _ / 2, Et = Math.PI / 180;
-function ie(s) {
+var eo = _ * _ / 2, Ot = Math.PI / 180;
+function re(s) {
   const t = s.length - 1;
   if (t <= 2) return 0;
   let e = 0, i = 0;
   for (; i < t; ) {
-    const o = s[i], r = s[i + 1 === t ? 0 : i + 1], n = s[i + 2 >= t ? (i + 2) % t : i + 2], a = o[0] * Et, l = r[1] * Et, d = n[0] * Et;
+    const o = s[i], r = s[i + 1 === t ? 0 : i + 1], n = s[i + 2 >= t ? (i + 2) % t : i + 2], a = o[0] * Ot, l = r[1] * Ot, d = n[0] * Ot;
     e += (d - a) * Math.sin(l), i++;
   }
-  return e * ji;
+  return e * eo;
 }
-var Bi = ki;
-const Ni = (s, t) => {
+var io = Qi;
+const oo = (s, t) => {
   let e = s, i = "m²";
   return t === "metric" ? s >= 1e6 ? (e = s / 1e6, i = "km²") : s >= 1e4 && (e = s / 1e4, i = "ha") : s >= 258998811e-2 ? (e = s / 258998811e-2, i = "mi²") : s >= 4046.856 ? (e = s / 4046.856, i = "acre") : s >= 0.83612736 && (e = s / 0.83612736, i = "yd²"), { area: e, unit: i };
-}, oe = (s, t, e) => {
+}, ne = (s, t, e) => {
   if (s.geometry.type !== "Polygon") return s;
-  const i = Bi(s.geometry), o = Ni(i, t);
+  const i = io(s.geometry), o = oo(i, t);
   return o.area = parseFloat(o.area.toFixed(e)), s.properties.area = o.area, s.properties.unit = o.unit, s;
 };
-function se(s) {
+function ae(s) {
   if (!s)
     throw new Error("coord is required");
   if (!Array.isArray(s)) {
@@ -3594,52 +3688,52 @@ function se(s) {
     return [...s];
   throw new Error("coord must be GeoJSON Point or an Array of numbers");
 }
-function Ai(s, t, e = {}) {
-  var i = se(s), o = se(t), r = ht(o[1] - i[1]), n = ht(o[0] - i[0]), a = ht(i[1]), l = ht(o[1]), d = Math.pow(Math.sin(r / 2), 2) + Math.pow(Math.sin(n / 2), 2) * Math.cos(a) * Math.cos(l);
-  return Di(
+function so(s, t, e = {}) {
+  var i = ae(s), o = ae(t), r = gt(o[1] - i[1]), n = gt(o[0] - i[0]), a = gt(i[1]), l = gt(o[1]), d = Math.pow(Math.sin(r / 2), 2) + Math.pow(Math.sin(n / 2), 2) * Math.cos(a) * Math.cos(l);
+  return qi(
     2 * Math.atan2(Math.sqrt(d), Math.sqrt(1 - d)),
     e.units
   );
 }
-var Gi = Ai;
-const Ti = (s) => s === "degrees" ? "°" : s === "miles" ? "mi" : s === "radians" ? "rad" : "km", re = (s, t, e, i, o, r) => {
+var ro = so;
+const no = (s) => s === "degrees" ? "°" : s === "miles" ? "mi" : s === "radians" ? "rad" : "km", le = (s, t, e, i, o, r) => {
   if (s.geometry.type !== "LineString") return s;
   const n = s.geometry.coordinates;
   let a = 0;
   const l = [];
   for (let d = 0; d < n.length - 1; d++) {
-    const c = n[d], h = n[d + 1], u = Gi(c, h, { units: t });
+    const h = n[d], c = n[d + 1], u = ro(h, c, { units: t });
     a += u;
     const p = JSON.parse(JSON.stringify(s));
-    if (p.id = `${p.id}-${d}`, p.geometry.coordinates = [c, h], p.properties.originalId = s.id, p.properties.distance = parseFloat(u.toFixed(e)), p.properties.total = parseFloat(a.toFixed(e)), p.properties.unit = Ti(t), o === !0 && r === void 0) {
-      const g = i == null ? void 0 : i.queryTerrainElevation(c);
+    if (p.id = `${p.id}-${d}`, p.geometry.coordinates = [h, c], p.properties.originalId = s.id, p.properties.distance = parseFloat(u.toFixed(e)), p.properties.total = parseFloat(a.toFixed(e)), p.properties.unit = no(t), o === !0 && r === void 0) {
+      const g = i == null ? void 0 : i.queryTerrainElevation(h);
       g && (p.properties.elevation_start = g);
-      const y = i == null ? void 0 : i.queryTerrainElevation(h);
+      const y = i == null ? void 0 : i.queryTerrainElevation(c);
       y && (p.properties.elevation_end = y);
     }
     l.push(p);
   }
   return s.properties.distance = l[l.length - 1].properties.total, s.properties.unit = l[l.length - 1].properties.unit, s.properties.segments = JSON.parse(JSON.stringify(l)), s;
-}, ne = (s) => s.charAt(0).toUpperCase() + s.slice(1), xt = ["td-point", "td-linestring", "td-polygon"];
-var de, ce, he;
-const uo = [
-  ...xt,
-  (de = ut.polygonLayerSpec) == null ? void 0 : de.source,
-  (ce = ut.lineLayerLabelSpec) == null ? void 0 : ce.source,
-  (he = ut.pointLayerLabelSpec) == null ? void 0 : he.source
-], je = (s, t, e = xt) => {
+}, de = (s) => s.charAt(0).toUpperCase() + s.slice(1), It = ["td-point", "td-linestring", "td-polygon"];
+var ue, pe, ge;
+const _o = [
+  ...It,
+  (ue = yt.polygonLayerSpec) == null ? void 0 : ue.source,
+  (pe = yt.lineLayerLabelSpec) == null ? void 0 : pe.source,
+  (ge = yt.pointLayerLabelSpec) == null ? void 0 : ge.source
+], Ge = (s, t, e = It) => {
   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) => {
     e.includes(o) || delete i.sources[o];
   })) : t.excludeTerraDrawLayers === !0 && (i.layers = i.layers.filter((o) => "source" in o && !e.includes(o.source)), Object.keys(i.sources).forEach((o) => {
     e.includes(o) && delete i.sources[o];
   }))), i;
-}, Vi = (s, t = 250) => {
+}, ao = (s, t = 250) => {
   let e;
   return (...i) => {
     clearTimeout(e), e = setTimeout(() => s(...i), t);
   };
-}, ae = (s, t, e, i) => {
+}, he = (s, t, e, i) => {
   if (s.geometry.type !== "Point") return s;
   const o = s.geometry.coordinates;
   if (e === !0 && i === void 0) {
@@ -3648,58 +3742,58 @@ const uo = [
   }
   return s;
 };
-var Ui = Object.defineProperty, zi = (s, t, e) => t in s ? Ui(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, tt = (s, t, e) => zi(s, typeof t != "symbol" ? t + "" : t, e), mt = 2 * Math.PI * 6378137 / 2;
-function Ri(s) {
+var lo = Object.defineProperty, ho = (s, t, e) => t in s ? lo(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, tt = (s, t, e) => ho(s, typeof t != "symbol" ? t + "" : t, e), Pt = 2 * Math.PI * 6378137 / 2;
+function co(s) {
   return s = s || 256, 2 * Math.PI * 6378137 / s;
 }
-function Xi(s, t, e = { enable: !0, decimal: 1 }) {
-  s = _t(s);
-  var i = s[0], o = s[1], r = i * mt / 180, n = Math.log(Math.tan((90 + o) * Math.PI / 360)) / (Math.PI / 180);
-  return n = n * mt / 180, e.enable && (r = Number(r.toFixed(e.decimal)), n = Number(n.toFixed(e.decimal))), [r, n];
+function uo(s, t, e = { enable: !0, decimal: 1 }) {
+  s = Wt(s);
+  var i = s[0], o = s[1], r = i * Pt / 180, n = Math.log(Math.tan((90 + o) * Math.PI / 360)) / (Math.PI / 180);
+  return n = n * Pt / 180, e.enable && (r = Number(r.toFixed(e.decimal)), n = Number(n.toFixed(e.decimal))), [r, n];
 }
-function Ki(s, t, e) {
-  var i = s[0], o = s[1], r = Zi(t, e), n = (i + mt) / r, a = (o + mt) / r;
+function po(s, t, e) {
+  var i = s[0], o = s[1], r = Co(t, e), n = (i + Pt) / r, a = (o + Pt) / r;
   return [n, a, t];
 }
-function Be(s, t, e) {
-  s = _t(s);
-  var i = Xi(s), o = Ki(i, t);
-  return $i(o);
+function Te(s, t, e) {
+  s = Wt(s);
+  var i = uo(s), o = po(i, t);
+  return yo(o);
 }
-function Yi(s, t, e) {
-  if (s = _t(s), t === 0)
+function go(s, t, e) {
+  if (s = Wt(s), t === 0)
     return [0, 0, 0];
-  var i = Be(s, t);
-  return Hi(i);
+  var i = Te(s, t);
+  return fo(i);
 }
-function $i(s, t, e) {
+function yo(s, t, e) {
   t = t || 256;
   var i = s[0], o = s[1], r = s[2];
   if (r === 0) return [0, 0, 0];
-  Ne(r);
+  Ae(r);
   var n = Math.ceil(i / t) - 1, a = Math.ceil(o / t) - 1;
   return n < 0 && (n = 0), a < 0 && (a = 0), [n, a, r];
 }
-function Hi(s, t) {
-  qi(s);
+function fo(s, t) {
+  mo(s);
   var e = s[0], i = s[1], o = s[2];
   if (o === 0)
     return [0, 0, 0];
   var r = e, n = Math.pow(2, o) - 1 - i;
   return [r, n, o];
 }
-function qi(s, t) {
+function mo(s, t) {
   var e = s[0], i = s[1], o = s[2];
   if (o == null) throw new Error("<zoom> is required");
   if (e == null) throw new Error("<x> is required");
   if (i == null) throw new Error("<y> is required");
-  return o = Ne(o), s = Ji(s), s;
+  return o = Ae(o), s = vo(s), s;
 }
-function Ji(s) {
+function vo(s) {
   var t = s[0], e = s[1], i = s[2], o = Math.pow(2, i);
   return t = t % o, t < 0 && (t = t + o), [t, e, i];
 }
-function Ne(s) {
+function Ae(s) {
   if (s === !1) return s;
   if (s == null)
     throw new Error("<zoom> is required");
@@ -3709,22 +3803,22 @@ function Ne(s) {
     throw new Error("<zoom> cannot be greater than 32");
   return s;
 }
-function _t(s, t) {
-  var e = to(s[0]), i = Qi(s[1]);
+function Wt(s, t) {
+  var e = So(s[0]), i = Po(s[1]);
   return i > 85 && (i = 85), i < -85 && (i = -85), [e, i];
 }
-function Zi(s, t) {
-  return Ri(t) / Math.pow(2, s);
+function Co(s, t) {
+  return co(t) / Math.pow(2, s);
 }
-function Qi(s) {
+function Po(s) {
   if (s == null) throw new Error("lat is required");
   return (s > 90 || s < -90) && (s = s % 180, s > 90 && (s = -180 + s), s < -90 && (s = 180 + s), s === 0 && (s = 0)), s;
 }
-function to(s) {
+function So(s) {
   if (s == null) throw new Error("lng is required");
   return (s > 180 || s < -180) && (s = s % 360, s > 180 && (s = -360 + s), s < -180 && (s = 360 + s), s === 0 && (s = 0)), s;
 }
-class Ae {
+class Ve {
   /**
    * Constructor
    * @param url URL for terrain RGB raster tilesets
@@ -3749,17 +3843,17 @@ class Ae {
         const r = t[0], n = t[1];
         let a = e;
         e > this.maxzoom ? a = this.maxzoom : e < this.minzoom && (a = this.minzoom);
-        const l = this.tms ? Be([r, n], a) : Yi([r, n], a), d = this.url.replace(/{x}/g, l[0].toString()).replace(/{y}/g, l[1].toString()).replace(/{z}/g, l[2].toString());
-        let c = this.getUrlExtension(d);
-        switch (c || (c = "png"), c) {
+        const l = this.tms ? Te([r, n], a) : go([r, n], a), d = this.url.replace(/{x}/g, l[0].toString()).replace(/{y}/g, l[1].toString()).replace(/{z}/g, l[2].toString());
+        let h = this.getUrlExtension(d);
+        switch (h || (h = "png"), h) {
           case "png":
           case "webp":
-            this.getValueFromRaster(d, l, r, n).then((h) => {
-              i(h);
+            this.getValueFromRaster(d, l, r, n).then((c) => {
+              i(c);
             });
             break;
           default:
-            o(new Error(`Invalid file extension: ${c}`));
+            o(new Error(`Invalid file extension: ${h}`));
             break;
         }
       }
@@ -3784,12 +3878,12 @@ class Ae {
     return new Promise((a, l) => {
       const d = new Image();
       d.onload = () => {
-        const c = document.createElement("canvas");
-        c.width = d.width, c.height = d.height;
-        const h = c.getContext("2d");
-        if (!h) return l(new Error("Failed to create canvas context"));
-        h.drawImage(d, 0, 0);
-        const u = h.getImageData(0, 0, d.width, d.height).data, p = this.pixels2rgba(new Uint8Array(u), e, i, o), g = this.calc(p[0], p[1], p[2], p[3]);
+        const h = document.createElement("canvas");
+        h.width = d.width, h.height = d.height;
+        const c = h.getContext("2d");
+        if (!c) return l(new Error("Failed to create canvas context"));
+        c.drawImage(d, 0, 0);
+        const u = c.getImageData(0, 0, d.width, d.height).data, p = this.pixels2rgba(new Uint8Array(u), e, i, o), g = this.calc(p[0], p[1], p[2], p[3]);
         a(g);
       }, d.onerror = () => a(void 0), d.src = URL.createObjectURL(n);
     });
@@ -3805,7 +3899,7 @@ class Ae {
   pixels2rgba(t, e, i, o) {
     const r = [];
     for (let d = 0; d < t.length; d += 4) {
-      const c = t[d], h = t[d + 1], u = t[d + 2], p = t[d + 3], g = [c, h, u, p];
+      const h = t[d], c = t[d + 1], u = t[d + 2], p = t[d + 3], g = [h, c, u, p];
       r.push(g);
     }
     const n = this.tileToBBOX(e), a = this.getPixelPosition(i, o, n), l = a[0] + a[1] * this.tileSize;
@@ -3819,8 +3913,8 @@ class Ae {
    * @returns The position in pixel
    */
   getPixelPosition(t, e, i) {
-    const o = this.tileSize, r = this.tileSize, n = i[2] - i[0], a = i[3] - i[1], l = (t - i[0]) / n, d = (e - i[1]) / a, c = Math.floor(o * l), h = Math.floor(r * (1 - d));
-    return [c, h];
+    const o = this.tileSize, r = this.tileSize, n = i[2] - i[0], a = i[3] - i[1], l = (t - i[0]) / n, d = (e - i[1]) / a, h = Math.floor(o * l), c = Math.floor(r * (1 - d));
+    return [h, c];
   }
   /**
    * Get file extenstion name from the URL
@@ -3851,7 +3945,7 @@ class Ae {
     return i * Math.atan(0.5 * (Math.exp(o) - Math.exp(-o)));
   }
 }
-class eo extends Ae {
+class xo extends Ve {
   /**
    * Constructor
    * @param url URL for terrain RGB raster tilesets
@@ -3883,7 +3977,7 @@ class eo extends Ae {
     return -1e4 + (t * 256 * 256 + e * 256 + i) * 0.1;
   }
 }
-class io extends Ae {
+class Io extends Ve {
   /**
    * Constructor
    * @param url URL for terrarium raster tilesets
@@ -3917,15 +4011,15 @@ class io extends Ae {
     return parseInt(o.toFixed(0));
   }
 }
-const le = async (s, t) => {
+const ce = async (s, t) => {
   const e = [];
   for (const i of s)
     e.push(
       new Promise((o) => {
         if (i.geometry.type !== "Point" && o(i), t) {
-          const r = t.url, n = t.encoding ?? "mapbox", a = t.tileSize ?? 512, l = t.minzoom ?? 5, d = t.maxzoom ?? 15, c = t.tms ?? !1;
-          (n === "mapbox" ? new eo(r, a, l, d, c) : new io(r, a, l, d, c)).getElevation(i.geometry.coordinates, d).then((h) => {
-            h && (i.properties.elevation = h), o(i);
+          const r = t.url, n = t.encoding ?? "mapbox", a = t.tileSize ?? 512, l = t.minzoom ?? 5, d = t.maxzoom ?? 15, h = t.tms ?? !1;
+          (n === "mapbox" ? new xo(r, a, l, d, h) : new Io(r, a, l, d, h)).getElevation(i.geometry.coordinates, d).then((c) => {
+            c && (i.properties.elevation = c), o(i);
           }).catch(() => o(i));
         } else
           o(i);
@@ -3933,7 +4027,7 @@ const le = async (s, t) => {
     );
   return await Promise.all(e);
 };
-class oo {
+class bo {
   /**
    * Constructor
    * @param options Plugin control options
@@ -3944,7 +4038,7 @@ class oo {
     k(this, "modeButtons", {});
     k(this, "_isExpanded", !1);
     k(this, "terradraw");
-    k(this, "options", Mi);
+    k(this, "options", Xi);
     k(this, "events", {});
     k(this, "defaultMode", "render");
     this.modeButtons = {}, t && (this.options = Object.assign(this.options, t));
@@ -3988,20 +4082,20 @@ class oo {
     if (this.options && this.options.modes && this.options.modes.length === 0)
       throw new Error("At least a mode must be enabled.");
     this.map = t;
-    const e = wi(), i = [];
+    const e = Ki(), i = [];
     return (r = (o = this.options) == null ? void 0 : o.modes) == null || r.forEach((d) => {
       if (this.options.modeOptions && this.options.modeOptions[d]) {
-        const c = this.options.modeOptions[d];
+        const h = this.options.modeOptions[d];
         if (d === "select") {
-          const h = e[d];
-          if (h) {
-            const u = h.flags;
+          const c = e[d];
+          if (c) {
+            const u = c.flags;
             Object.keys(u).forEach((p) => {
-              c.flags[p] || (c.flags[p] = u[p]);
+              h.flags[p] || (h.flags[p] = u[p]);
             });
           }
         }
-        i.push(c);
+        i.push(h);
       } else e[d] && i.push(e[d]);
     }), i.forEach((d) => {
       d.state !== "unregistered" && (d._state = "unregistered");
@@ -4010,14 +4104,14 @@ class oo {
         modeName: "default",
         styles: {}
       })
-    ), this.defaultMode = "default"), this.isExpanded = this.options.open === !0, this.terradraw = new xi({
-      adapter: new Ii({ map: t, ...this.options.adapterOptions }),
+    ), this.defaultMode = "default"), this.isExpanded = this.options.open === !0, this.terradraw = new Ui({
+      adapter: new Ri({ map: t, ...this.options.adapterOptions }),
       modes: i
     }), this.terradraw.start(), this.controlContainer = document.createElement("div"), this.controlContainer.classList.add("maplibregl-ctrl"), this.controlContainer.classList.add("maplibregl-ctrl-group"), i.forEach((d) => {
       d.mode !== "default" && this.addTerradrawButton(d.mode);
     }), Object.values(this.modeButtons).forEach((d) => {
-      var c;
-      (c = this.controlContainer) == null || c.appendChild(d);
+      var h;
+      (h = this.controlContainer) == null || h.appendChild(d);
     }), (l = this.terradraw) == null || l.on("change", this.toggleButtonsWhenNoFeature.bind(this)), this.toggleButtonsWhenNoFeature(), this.controlContainer;
   }
   /**
@@ -4108,7 +4202,7 @@ class oo {
    */
   addTerradrawButton(t) {
     const e = document.createElement("button");
-    e.type = "button", this.modeButtons[t] = e, t === "render" ? (e.classList.add(`maplibregl-terradraw-${t}-button`), this.isExpanded && e.classList.add("enabled"), e.type = "button", e.title = ne("expand or collapse drawing tool"), e.addEventListener("click", this.toggleEditor.bind(this))) : (e.classList.add("maplibregl-terradraw-add-control"), this.isExpanded || e.classList.add("hidden"), e.title = ne(t.replace(/-/g, " ")), t === "delete" ? (e.classList.add(`maplibregl-terradraw-${t}-button`), e.addEventListener("click", () => {
+    e.type = "button", this.modeButtons[t] = e, t === "render" ? (e.classList.add(`maplibregl-terradraw-${t}-button`), this.isExpanded && e.classList.add("enabled"), e.type = "button", e.title = de("expand or collapse drawing tool"), e.addEventListener("click", this.toggleEditor.bind(this))) : (e.classList.add("maplibregl-terradraw-add-control"), this.isExpanded || e.classList.add("hidden"), e.title = de(t.replace(/-/g, " ")), t === "delete" ? (e.classList.add(`maplibregl-terradraw-${t}-button`), e.addEventListener("click", () => {
       this.terradraw && this.terradraw.enabled && (this.terradraw.clear(), this.deactivate(), this.toggleDeleteSelectionButton(), this.toggleButtonsWhenNoFeature(), this.dispatchEvent("feature-deleted"));
     })) : t === "delete-selection" ? (e.classList.add(`maplibregl-terradraw-${t}-button`), e.classList.add("hidden-delete-selection"), e.addEventListener("click", () => {
       var r;
@@ -4158,7 +4252,7 @@ class oo {
    * @returns
    */
   cleanStyle(t, e) {
-    return je(t, e, xt);
+    return Ge(t, e, It);
   }
   /**
    * Download button click event handler
@@ -4192,34 +4286,34 @@ class oo {
     var a, l;
     const t = ((a = this.terradraw) == null ? void 0 : a.enabled) || !1, e = (l = this.terradraw) == null ? void 0 : l.getMode(), i = this.getFeatures(!1), o = i && i.features.length > 0, r = o && t && e === "select", n = document.getElementsByClassName("maplibregl-terradraw-delete-selection-button");
     for (let d = 0; d < n.length; d++) {
-      const c = n.item(d);
-      c && (r ? c.classList.remove("hidden-delete-selection") : c.classList.add("hidden-delete-selection"));
+      const h = n.item(d);
+      h && (r ? h.classList.remove("hidden-delete-selection") : h.classList.add("hidden-delete-selection"));
     }
     if (!o) {
       const d = document.getElementsByClassName("maplibregl-terradraw-add-select-button");
-      for (let c = 0; c < d.length; c++) {
-        const h = d.item(c);
-        h && h.classList.remove("active");
+      for (let h = 0; h < d.length; h++) {
+        const c = d.item(h);
+        c && c.classList.remove("active");
       }
     }
   }
 }
-function so(s, t = {}) {
+function Mo(s, t = {}) {
   let e = 0, i = 0, o = 0;
-  return We(
+  return Ne(
     s,
     function(r) {
       e += r[0], i += r[1], o++;
     }
-  ), Oi([e / o, i / o], t.properties);
+  ), Hi([e / o, i / o], t.properties);
 }
-class po extends oo {
+class ko extends bo {
   /**
    * Constructor
    * @param options Plugin control options
    */
   constructor(e) {
-    let i = ut;
+    let i = yt;
     e && (i = Object.assign(i, e));
     super({
       modes: i.modes,
@@ -4252,7 +4346,7 @@ class po extends oo {
      * Handle finish event of terradraw. It will be called after finishing adding a feature
      * @param id Feature ID
      */
-    k(this, "handleTerradrawFeatureReady", Vi((e) => {
+    k(this, "handleTerradrawFeatureReady", ao((e) => {
       this.map && (this.computeElevationByLineFeatureID(e), this.computeElevationByPointFeatureID(e));
     }, 300));
     /**
@@ -4270,7 +4364,7 @@ class po extends oo {
             }
           );
           if (o && o.length > 0) {
-            const r = await le(
+            const r = await ce(
               o,
               this.measureOptions.terrainSource
             );
@@ -4298,7 +4392,7 @@ class po extends oo {
             }
           );
           if (o && o.length > 0) {
-            const r = await le(
+            const r = await ce(
               o,
               this.measureOptions.terrainSource
             );
@@ -4427,13 +4521,13 @@ class po extends oo {
    * @returns
    */
   cleanStyle(e, i) {
-    var l, d, c;
-    const o = xt, r = (l = this.measureOptions.polygonLayerSpec) == null ? void 0 : l.source;
+    var l, d, h;
+    const o = It, r = (l = this.measureOptions.polygonLayerSpec) == null ? void 0 : l.source;
     r && o.push(r);
     const n = (d = this.measureOptions.lineLayerLabelSpec) == null ? void 0 : d.source;
     n && o.push(n);
-    const a = (c = this.measureOptions.pointLayerLabelSpec) == null ? void 0 : c.source;
-    return a && o.push(a), je(e, i, o);
+    const a = (h = this.measureOptions.pointLayerLabelSpec) == null ? void 0 : h.source;
+    return a && o.push(a), Ge(e, i, o);
   }
   /**
    * Register  measure control related maplibre sources and layers
@@ -4487,30 +4581,28 @@ class po extends oo {
    * Handle change event of TerraDraw
    * @param ids Feature IDs
    */
-  handleTerradrawFeatureChanged(e) {
-    if (!this.map) return;
-    const i = this.getTerraDrawInstance();
-    if (!i) return;
-    const o = i.getSnapshot();
-    for (const r of e) {
-      const n = o.find((a) => a.id === r);
-      if (n) {
-        const a = n.geometry.type, l = n.properties.mode;
-        l === "linestring" && a === "LineString" ? this.measureLine(r) : l === "point" && a === "Point" ? this.measurePoint(r) : !["point", "linestring", "select", "render"].includes(l) && a === "Polygon" && this.measurePolygon(r);
+  handleTerradrawFeatureChanged(e, i) {
+    if (!this.map || i === "styling") return;
+    const r = [
+      this.measureOptions.pointLayerLabelSpec,
+      this.measureOptions.lineLayerLabelSpec,
+      this.measureOptions.lineLayerNodeSpec,
+      this.measureOptions.polygonLayerSpec
+    ].map((l) => l.source);
+    if (i === "delete") {
+      this.clearMeasureFeatures(r, e);
+      return;
+    }
+    const n = this.getTerraDrawInstance();
+    if (!n) return;
+    const a = n.getSnapshot();
+    for (const l of e) {
+      const d = a.find((h) => h.id === l);
+      if (d) {
+        const h = d.geometry.type, c = d.properties.mode;
+        c === "linestring" && h === "LineString" ? this.measureLine(l) : c === "point" && h === "Point" ? this.measurePoint(l) : !["point", "linestring", "select", "render"].includes(c) && h === "Polygon" && this.measurePolygon(l);
       } else
-        this.clearMeasureFeatures(
-          r,
-          this.measureOptions.lineLayerNodeSpec.source
-        ), this.clearMeasureFeatures(
-          r,
-          this.measureOptions.lineLayerLabelSpec.source
-        ), this.clearMeasureFeatures(
-          r,
-          this.measureOptions.polygonLayerSpec.source
-        ), this.clearMeasureFeatures(
-          r,
-          this.measureOptions.pointLayerLabelSpec.source
-        );
+        this.clearMeasureFeatures(r, [l]);
     }
   }
   /**
@@ -4533,20 +4625,20 @@ class po extends oo {
   }
   /**
    * Clear GeoJSON feature related to measure control by TerraDraw feature ID
-   * @param id feature ID
-   * @param sourceId source ID to delete
+   * @param sourceIds the array of source ID to delete
+   * @param ids the array of feature ID. Optional, if undefined, delete all labels for source
    * @returns void
    */
-  clearMeasureFeatures(e, i) {
-    var r;
-    if (!this.map) return;
-    const o = this.map.getStyle().sources[i];
-    o && typeof o.data != "string" && o.data.type === "FeatureCollection" && (o.data.features = o.data.features.filter(
-      (n) => {
-        var a;
-        return ((a = n.properties) == null ? void 0 : a.originalId) !== e;
+  clearMeasureFeatures(e, i = void 0) {
+    var o;
+    if (this.map)
+      for (const r of e) {
+        const n = this.map.getStyle().sources[r];
+        n && typeof n.data != "string" && n.data.type === "FeatureCollection" && (i === void 0 ? n.data.features = [] : n.data.features = n.data.features.filter((a) => {
+          var l;
+          return (l = a.properties) != null && l.originalId ? !i.includes(a.properties.originalId) : !i.includes(a.id);
+        }), (o = this.map.getSource(r)) == null || o.setData(n.data));
       }
-    ), (r = this.map.getSource(i)) == null || r.setData(o.data));
   }
   /**
    * Replace GeoJSON source with updated features for a given source ID
@@ -4555,32 +4647,35 @@ class po extends oo {
    * @param type either 'linestring' or 'point'
    */
   replaceGeoJSONSource(e, i, o) {
-    var n;
+    var n, a;
     if (!this.map) return;
     const r = this.map.getStyle().sources[i];
     if (r && typeof r.data != "string" && r.data.type === "FeatureCollection") {
-      const a = e.map((l) => l.id);
+      const l = [];
+      for (const h of e)
+        (n = this.terradraw) != null && n.getSnapshotFeature(h.id) && l.push(h);
+      const d = l.map((h) => h.id);
       if (typeof r.data != "string" && r.data.type === "FeatureCollection") {
         o === "linestring" ? r.data.features = [
           ...r.data.features = r.data.features.filter(
-            (d) => {
-              var c;
-              return !(a.includes((c = d.properties) == null ? void 0 : c.originalId) && d.geometry.type === "Point");
+            (c) => {
+              var u;
+              return !(d.includes((u = c.properties) == null ? void 0 : u.originalId) && c.geometry.type === "Point");
             }
           ),
-          ...e
+          ...l
         ] : o === "point" && (r.data.features = [
           ...r.data.features = r.data.features.filter(
-            (d) => !(a.includes(d.id) && d.geometry.type === "Point")
+            (c) => !(d.includes(c.id) && c.geometry.type === "Point")
           ),
-          ...e
+          ...l
         ]);
-        const l = {};
-        r.data.features.forEach((d) => {
-          var h;
-          const c = d.id;
-          l[c] ? !l[c].properties.elevation && ((h = d.properties) != null && h.elevation) && (l[c] = d) : l[c] = d;
-        }), r.data.features = Array.from(Object.values(l)), (n = this.map.getSource(i)) == null || n.setData(r.data);
+        const h = {};
+        r.data.features.forEach((c) => {
+          var p;
+          const u = c.id;
+          h[u] ? !h[u].properties.elevation && ((p = c.properties) != null && p.elevation) && (h[u] = c) : h[u] = c;
+        }), r.data.features = Array.from(Object.values(h)), (a = this.map.getSource(i)) == null || a.setData(r.data);
       }
     }
   }
@@ -4600,12 +4695,12 @@ class po extends oo {
       if (a) {
         typeof a.data != "string" && a.data.type === "FeatureCollection" && (a.data.features = a.data.features.filter(
           (d) => {
-            var c;
-            return ((c = d.properties) == null ? void 0 : c.originalId) !== e;
+            var h;
+            return ((h = d.properties) == null ? void 0 : h.originalId) !== e;
           }
         ));
         const l = JSON.parse(JSON.stringify(r));
-        l.id = l.id + "-area-label", l.geometry = so(r.geometry).geometry, l.properties.originalId = r.id, r = oe(r, this.areaUnit, this.areaPrecision), l.properties.area = r.properties.area, l.properties.unit = r.properties.unit, typeof a.data != "string" && a.data.type === "FeatureCollection" && a.data.features.push(l), (n = this.map.getSource(
+        l.id = l.id + "-area-label", l.geometry = Mo(r.geometry).geometry, l.properties.originalId = r.id, r = ne(r, this.areaUnit, this.areaPrecision), l.properties.area = r.properties.area, l.properties.unit = r.properties.unit, typeof a.data != "string" && a.data.type === "FeatureCollection" && a.data.features.push(l), (n = this.map.getSource(
           this.measureOptions.polygonLayerSpec.source
         )) == null || n.setData(a.data), this.map.moveLayer(this.measureOptions.polygonLayerSpec.id), this.map.getLayer(this.measureOptions.lineLayerLabelSpec.id) && this.map.moveLayer(
           this.measureOptions.lineLayerLabelSpec.id
@@ -4635,10 +4730,10 @@ class po extends oo {
       if (a) {
         typeof a.data != "string" && a.data.type === "FeatureCollection" && (a.data.features = a.data.features.filter(
           (d) => {
-            var c;
-            return ((c = d.properties) == null ? void 0 : c.originalId) !== e;
+            var h;
+            return ((h = d.properties) == null ? void 0 : h.originalId) !== e;
           }
-        )), r = re(
+        )), r = le(
           r,
           this.distanceUnit,
           this.distancePrecision,
@@ -4648,21 +4743,21 @@ class po extends oo {
         );
         const l = r.properties.segments;
         for (let d = 0; d < l.length; d++) {
-          const c = l[d];
-          typeof a.data != "string" && a.data.type === "FeatureCollection" && a.data.features.push(c);
-          const h = c.geometry.coordinates, u = h[0], p = h[1];
+          const h = l[d];
+          typeof a.data != "string" && a.data.type === "FeatureCollection" && a.data.features.push(h);
+          const c = h.geometry.coordinates, u = c[0], p = c[1];
           if (d === 0) {
-            const y = JSON.parse(JSON.stringify(c));
-            y.id = `${c.id}-node-${d}`, y.geometry = {
+            const y = JSON.parse(JSON.stringify(h));
+            y.id = `${h.id}-node-${d}`, y.geometry = {
               type: "Point",
               coordinates: u
-            }, y.properties.distance = 0, y.properties.total = 0, c.properties.elevation_start && (y.properties.elevation = c.properties.elevation_start), typeof a.data != "string" && a.data.type === "FeatureCollection" && a.data.features.push(y);
+            }, y.properties.distance = 0, y.properties.total = 0, h.properties.elevation_start && (y.properties.elevation = h.properties.elevation_start), typeof a.data != "string" && a.data.type === "FeatureCollection" && a.data.features.push(y);
           }
-          const g = JSON.parse(JSON.stringify(c));
-          g.id = `${c.id}-node-${d + 1}`, g.geometry = {
+          const g = JSON.parse(JSON.stringify(h));
+          g.id = `${h.id}-node-${d + 1}`, g.geometry = {
             type: "Point",
             coordinates: p
-          }, c.properties.elevation_end && (g.properties.elevation = c.properties.elevation_end), typeof a.data != "string" && a.data.type === "FeatureCollection" && a.data.features.push(g);
+          }, h.properties.elevation_end && (g.properties.elevation = h.properties.elevation_end), typeof a.data != "string" && a.data.type === "FeatureCollection" && a.data.features.push(g);
         }
         (n = this.map.getSource(
           this.measureOptions.lineLayerLabelSpec.source
@@ -4687,7 +4782,7 @@ class po extends oo {
     let r = o == null ? void 0 : o.find((a) => a.id === e && a.geometry.type === "Point");
     if (r) {
       const a = this.map.getStyle().sources[this.measureOptions.pointLayerLabelSpec.source];
-      a && (typeof a.data != "string" && a.data.type === "FeatureCollection" && (a.data.features = a.data.features.filter((l) => l.id !== e)), r = ae(
+      a && (typeof a.data != "string" && a.data.type === "FeatureCollection" && (a.data.features = a.data.features.filter((l) => l.id !== e)), r = he(
         r,
         this.map,
         this.computeElevation,
@@ -4707,29 +4802,17 @@ class po extends oo {
    * Event definition when feature is deleted by terradraw
    */
   onFeatureDeleted(e) {
-    var o, r;
     if (!this.map) return;
     if (this.getTerraDrawInstance()) {
-      let n = [];
-      typeof e == "object" && e !== null && "deletedIds" in e && (n = e.deletedIds);
-      const a = [
+      let o = [];
+      typeof e == "object" && e !== null && "deletedIds" in e && (o = e.deletedIds);
+      const n = [
         this.measureOptions.pointLayerLabelSpec,
         this.measureOptions.lineLayerLabelSpec,
+        this.measureOptions.lineLayerNodeSpec,
         this.measureOptions.polygonLayerSpec
-      ];
-      if (n && n.length > 0)
-        for (const l of a) {
-          const d = this.map.getStyle().sources[l.source];
-          d && (typeof d.data != "string" && d.data.type === "FeatureCollection" && (d.data.features = d.data.features.filter((c) => {
-            var h;
-            return (h = c.properties) != null && h.originalId ? !n.includes(c.properties.originalId) : !n.includes(c.id);
-          })), (o = this.map.getSource(l.source)) == null || o.setData(d.data));
-        }
-      else
-        for (const l of a) {
-          const d = this.map.getStyle().sources[l.source];
-          d && (typeof d.data != "string" && d.data.type === "FeatureCollection" && (d.data.features = []), (r = this.map.getSource(l.source)) == null || r.setData(d.data));
-        }
+      ].map((a) => a.source);
+      o && o.length > 0 ? this.clearMeasureFeatures(n, o) : this.clearMeasureFeatures(n, void 0);
     }
   }
   /**
@@ -4744,14 +4827,14 @@ class po extends oo {
       const r = i.features[o];
       if (!this.map || !this.map.loaded()) continue;
       const n = r.geometry.type;
-      n === "LineString" ? i.features[o] = re(
+      n === "LineString" ? i.features[o] = le(
         r,
         this.distanceUnit,
         this.distancePrecision,
         this.map,
         this.computeElevation,
         this.measureOptions.terrainSource
-      ) : n === "Polygon" ? i.features[o] = oe(r, this.areaUnit, this.areaPrecision) : n === "Point" && (i.features[o] = ae(
+      ) : n === "Polygon" ? i.features[o] = ne(r, this.areaUnit, this.areaPrecision) : n === "Point" && (i.features[o] = he(
         r,
         this.map,
         this.computeElevation,
@@ -4762,22 +4845,22 @@ class po extends oo {
   }
 }
 export {
-  ho as AvailableModes,
-  po as MaplibreMeasureControl,
-  oo as MaplibreTerradrawControl,
-  uo as TERRADRAW_MEASURE_SOURCE_IDS,
-  xt as TERRADRAW_SOURCE_IDS,
-  oe as calcArea,
-  re as calcDistance,
-  ne as capitalize,
-  je as cleanMaplibreStyle,
-  Ni as convertAreaUnit,
-  Vi as debounce,
-  Mi as defaultControlOptions,
-  ut as defaultMeasureControlOptions,
-  wi as getDefaultModeOptions,
-  Ti as getDistanceUnitName,
-  ae as queryElevationByPoint,
-  le as queryElevationFromRasterDEM
+  Lo as AvailableModes,
+  ko as MaplibreMeasureControl,
+  bo as MaplibreTerradrawControl,
+  _o as TERRADRAW_MEASURE_SOURCE_IDS,
+  It as TERRADRAW_SOURCE_IDS,
+  ne as calcArea,
+  le as calcDistance,
+  de as capitalize,
+  Ge as cleanMaplibreStyle,
+  oo as convertAreaUnit,
+  ao as debounce,
+  Xi as defaultControlOptions,
+  yt as defaultMeasureControlOptions,
+  Ki as getDefaultModeOptions,
+  no as getDistanceUnitName,
+  he as queryElevationByPoint,
+  ce as queryElevationFromRasterDEM
 };
 //# sourceMappingURL=maplibre-gl-terradraw.es.js.map