@watergis/maplibre-gl-terradraw 1.0.1 → 1.1.0

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

@@ -1,6 +1,6 @@
-var Pt = Object.defineProperty;
-var vt = (o, e, t) => e in o ? Pt(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var A = (o, e, t) => vt(o, typeof e != "symbol" ? e + "" : e, t);
+var vt = Object.defineProperty;
+var St = (o, e, t) => e in o ? vt(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var A = (o, e, t) => St(o, typeof e != "symbol" ? e + "" : e, t);
 function M() {
   return M = Object.assign ? Object.assign.bind() : function(o) {
     for (var e = 1; e < arguments.length; e++) {
@@ -10,25 +10,25 @@ function M() {
     return o;
   }, M.apply(null, arguments);
 }
-var b;
+var w;
 (function(o) {
   o.Commit = "commit", o.Provisional = "provisional", o.Finish = "finish";
-})(b || (b = {}));
-const T = { SELECTED: "selected", MID_POINT: "midPoint", SELECTION_POINT: "selectionPoint" }, ie = "closingPoint", xe = "snappingPoint";
-function fe(o) {
+})(w || (w = {}));
+const V = { SELECTED: "selected", MID_POINT: "midPoint", SELECTION_POINT: "selectionPoint" }, q = "edited", ne = "closingPoint", we = "snappingPoint";
+function Pe(o) {
   return !!(o && typeof o == "object" && o !== null && !Array.isArray(o));
 }
-function ke(o) {
+function We(o) {
   return !!function(e) {
     return typeof e == "number" && !isNaN(new Date(e).valueOf());
   }(o);
 }
-const St = "Feature mode property does not match the mode being added to";
-var X;
+const xt = "Feature mode property does not match the mode being added to";
+var Y;
 (function(o) {
   o.Drawing = "drawing", o.Select = "select", o.Static = "static", o.Render = "render";
-})(X || (X = {}));
-class N {
+})(Y || (Y = {}));
+class B {
   get state() {
     return this._state;
   }
@@ -45,7 +45,7 @@ class N {
   registerBehaviors(e) {
   }
   constructor(e) {
-    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 = X.Drawing, this.mode = "base", this._state = "unregistered", this._styles = e && e.styles ? M({}, e.styles) : {}, this.pointerDistance = e && e.pointerDistance || 40, this.validate = e && e.validation, this.projection = e && e.projection || "web-mercator";
+    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 = e && e.styles ? M({}, e.styles) : {}, this.pointerDistance = e && e.pointerDistance || 40, this.validate = e && e.validation, this.projection = e && e.projection || "web-mercator";
   }
   setDrawing() {
     if (this._state !== "started") throw new Error("Mode must be unregistered or stopped to start");
@@ -70,9 +70,9 @@ class N {
     if (this._state === "unregistered") throw new Error("Mode must be registered");
     const t = function(i, n) {
       let s;
-      if (fe(i)) if (i.id == null) s = "Feature has no id";
+      if (Pe(i)) if (i.id == null) s = "Feature has no id";
       else if (typeof i.id != "string" && typeof i.id != "number") s = "Feature must be string or number as per GeoJSON spec";
-      else if (n(i.id)) if (fe(i.geometry)) if (fe(i.properties)) if (typeof i.geometry.type == "string" && ["Polygon", "LineString", "Point"].includes(i.geometry.type)) if (Array.isArray(i.geometry.coordinates)) {
+      else if (n(i.id)) if (Pe(i.geometry)) if (Pe(i.properties)) if (typeof i.geometry.type == "string" && ["Polygon", "LineString", "Point"].includes(i.geometry.type)) if (Array.isArray(i.geometry.coordinates)) {
         if (!i.properties.mode || typeof i.properties.mode != "string") return { valid: !1, reason: "Feature does not have a valid mode property" };
       } else s = "Feature coordinates is not an array";
       else s = "Feature is not Point, LineString or Polygon";
@@ -83,14 +83,14 @@ class N {
       return s ? { valid: !1, reason: s } : { valid: !0 };
     }(e, this.store.idStrategy.isValidId);
     if (this.validate) {
-      const i = this.validate(e, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: b.Provisional });
+      const i = this.validate(e, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: w.Provisional });
       return { valid: t.valid && i.valid, reason: i.reason };
     }
     return { valid: t.valid, reason: t.reason };
   }
   validateModeFeature(e, t) {
     const i = this.performFeatureValidation(e);
-    return i.valid ? e.properties.mode !== this.mode ? { valid: !1, reason: St } : t(e) : { valid: !1, reason: i.reason };
+    return i.valid ? e.properties.mode !== this.mode ? { valid: !1, reason: xt } : t(e) : { valid: !1, reason: i.reason };
   }
   onFinish(e, t) {
   }
@@ -122,43 +122,43 @@ class N {
     return e === void 0 ? t : typeof e == "function" ? e(i) : e;
   }
 }
-class xt extends N {
+class Mt extends B {
   constructor(...e) {
-    super(...e), this.type = X.Select;
+    super(...e), this.type = Y.Select;
   }
 }
-function V(o, e) {
+function T(o, e) {
   const t = (d) => d * Math.PI / 180, i = t(o[1]), n = t(o[0]), s = t(e[1]), r = s - i, a = t(e[0]) - n, l = Math.sin(r / 2) * Math.sin(r / 2) + Math.cos(i) * Math.cos(s) * Math.sin(a / 2) * Math.sin(a / 2);
   return 2 * Math.atan2(Math.sqrt(l), Math.sqrt(1 - l)) * 6371e3 / 1e3;
 }
-const Ze = 63710088e-1;
-function F(o) {
+const Qe = 63710088e-1;
+function E(o) {
   return o % 360 * Math.PI / 180;
 }
-function Qe(o) {
+function et(o) {
   return o / 6371.0088;
 }
 function U(o) {
   return o % (2 * Math.PI) * 180 / Math.PI;
 }
-function E(o, e = 9) {
+function F(o, e = 9) {
   const t = Math.pow(10, e);
   return Math.round(o * t) / t;
 }
-const We = 57.29577951308232, je = 0.017453292519943295, ce = 6378137, x = (o, e) => ({ x: o === 0 ? 0 : o * je * ce, y: e === 0 ? 0 : Math.log(Math.tan(Math.PI / 4 + e * je / 2)) * ce }), k = (o, e) => ({ lng: o === 0 ? 0 : We * (o / ce), lat: e === 0 ? 0 : (2 * Math.atan(Math.exp(e / ce)) - Math.PI / 2) * We });
-function Mt(o, e, t) {
-  const i = F(o[0]), n = F(o[1]), s = F(t), r = Qe(e), a = Math.asin(Math.sin(n) * Math.cos(r) + Math.cos(n) * Math.sin(r) * Math.cos(s));
+const je = 57.29577951308232, Be = 0.017453292519943295, ce = 6378137, x = (o, e) => ({ x: o === 0 ? 0 : o * Be * ce, y: e === 0 ? 0 : Math.log(Math.tan(Math.PI / 4 + e * Be / 2)) * ce }), L = (o, e) => ({ lng: o === 0 ? 0 : je * (o / ce), lat: e === 0 ? 0 : (2 * Math.atan(Math.exp(e / ce)) - Math.PI / 2) * je });
+function It(o, e, t) {
+  const i = E(o[0]), n = E(o[1]), s = E(t), r = et(e), a = Math.asin(Math.sin(n) * Math.cos(r) + Math.cos(n) * Math.sin(r) * Math.cos(s));
   return [U(i + Math.atan2(Math.sin(s) * Math.sin(r) * Math.cos(n), Math.cos(r) - Math.sin(n) * Math.sin(a))), U(a)];
 }
 function Ne(o) {
   const { center: e, radiusKilometers: t, coordinatePrecision: i } = o, n = o.steps ? o.steps : 64, s = [];
   for (let r = 0; r < n; r++) {
-    const a = Mt(e, t, -360 * r / n);
-    s.push([E(a[0], i), E(a[1], i)]);
+    const a = It(e, t, -360 * r / n);
+    s.push([F(a[0], i), F(a[1], i)]);
   }
   return s.push(s[0]), { type: "Feature", geometry: { type: "Polygon", coordinates: [s] }, properties: {} };
 }
-function Me(o) {
+function be(o) {
   let e;
   if (o.geometry.type === "Polygon") e = o.geometry.coordinates;
   else {
@@ -172,38 +172,38 @@ function Me(o) {
     return s < 0 || s > 1;
   }
   function n(s, r, a, l) {
-    const d = e[s][r], c = e[s][r + 1], h = e[a][l], u = e[a][l + 1], p = function(P, f, m, C) {
-      if (oe(P, m) || oe(P, C) || oe(f, m) || oe(C, m)) return null;
-      const v = P[0], S = P[1], w = f[0], I = f[1], O = m[0], B = m[1], _ = C[0], j = C[1], q = (v - w) * (B - j) - (S - I) * (O - _);
-      return q === 0 ? null : [((v * I - S * w) * (O - _) - (v - w) * (O * j - B * _)) / q, ((v * I - S * w) * (B - j) - (S - I) * (O * j - B * _)) / q];
-    }(d, c, h, u);
+    const d = e[s][r], h = e[s][r + 1], c = e[a][l], u = e[a][l + 1], p = function(C, f, m, P) {
+      if (re(C, m) || re(C, P) || re(f, m) || re(P, m)) return null;
+      const v = C[0], S = C[1], I = f[0], b = f[1], O = m[0], N = m[1], _ = P[0], j = P[1], R = (v - I) * (N - j) - (S - b) * (O - _);
+      return R === 0 ? null : [((v * b - S * I) * (O - _) - (v - I) * (O * j - N * _)) / R, ((v * b - S * I) * (N - j) - (S - b) * (O * j - N * _)) / 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(), t.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(), t.push(p));
   }
 }
-function oe(o, e) {
+function re(o, e) {
   return o[0] === e[0] && o[1] === e[1];
 }
-function ge(o, e) {
-  return o.length === 2 && typeof o[0] == "number" && typeof o[1] == "number" && o[0] !== 1 / 0 && o[1] !== 1 / 0 && (i = o[0]) >= -180 && i <= 180 && (t = o[1]) >= -90 && t <= 90 && Be(o[0]) <= e && Be(o[1]) <= e;
+function ye(o, e) {
+  return o.length === 2 && typeof o[0] == "number" && typeof o[1] == "number" && o[0] !== 1 / 0 && o[1] !== 1 / 0 && (i = o[0]) >= -180 && i <= 180 && (t = o[1]) >= -90 && t <= 90 && Ae(o[0]) <= e && Ae(o[1]) <= e;
   var t, i;
 }
-function Be(o) {
+function Ae(o) {
   let e = 1, t = 0;
   for (; Math.round(o * e) / e !== o; ) e *= 10, t++;
   return t;
 }
-const wt = "Feature has holes", bt = "Feature has less than 4 coordinates", It = "Feature has invalid coordinates", Et = "Feature coordinates are not closed";
-function ye(o, e) {
-  return o.geometry.type !== "Polygon" ? { valid: !1, reason: "Feature is not a Polygon" } : o.geometry.coordinates.length !== 1 ? { valid: !1, reason: wt } : o.geometry.coordinates[0].length < 4 ? { valid: !1, reason: bt } : o.geometry.coordinates[0].every((n) => ge(n, e)) ? (t = o.geometry.coordinates[0][0])[0] !== (i = o.geometry.coordinates[0][o.geometry.coordinates[0].length - 1])[0] || t[1] !== i[1] ? { valid: !1, reason: Et } : { valid: !0 } : { valid: !1, reason: It };
+const wt = "Feature has holes", bt = "Feature has less than 4 coordinates", Ft = "Feature has invalid coordinates", Et = "Feature coordinates are not closed";
+function fe(o, e) {
+  return o.geometry.type !== "Polygon" ? { valid: !1, reason: "Feature is not a Polygon" } : o.geometry.coordinates.length !== 1 ? { valid: !1, reason: wt } : o.geometry.coordinates[0].length < 4 ? { valid: !1, reason: bt } : o.geometry.coordinates[0].every((n) => ye(n, e)) ? (t = o.geometry.coordinates[0][0])[0] !== (i = o.geometry.coordinates[0][o.geometry.coordinates[0].length - 1])[0] || t[1] !== i[1] ? { valid: !1, reason: Et } : { valid: !0 } : { valid: !1, reason: Ft };
   var t, i;
 }
-function se(o, e) {
-  const t = ye(o, e);
-  return t.valid ? Me(o) ? { valid: !1, reason: "Feature intersects itself" } : { valid: !0 } : t;
+function oe(o, e) {
+  const t = fe(o, e);
+  return t.valid ? be(o) ? { valid: !1, reason: "Feature intersects itself" } : { valid: !0 } : t;
 }
-class et extends N {
+class tt extends B {
   constructor(e) {
     var t;
     super(e), 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;
@@ -220,7 +220,7 @@ class et extends N {
     const e = this.currentCircleId;
     if (this.validate && e) {
       const t = this.store.getGeometryCopy(e);
-      if (!this.validate({ type: "Feature", id: e, geometry: t, properties: {} }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: b.Finish }).valid) return;
+      if (!this.validate({ type: "Feature", id: e, geometry: t, properties: {} }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: w.Finish }).valid) return;
     }
     this.cursorMovedAfterInitialCursorDown = !1, this.center = void 0, this.currentCircleId = void 0, this.clickCount = 0, this.state === "drawing" && this.setStarted(), this.onFinish(e, { mode: this.mode, action: "draw" });
   }
@@ -264,24 +264,24 @@ class et extends N {
     return e.type === "Feature" && e.geometry.type === "Polygon" && e.properties.mode === this.mode && (t.polygonFillColor = this.getHexColorStylingValue(this.styles.fillColor, t.polygonFillColor, e), t.polygonOutlineColor = this.getHexColorStylingValue(this.styles.outlineColor, t.polygonOutlineColor, e), t.polygonOutlineWidth = this.getNumericStylingValue(this.styles.outlineWidth, t.polygonOutlineWidth, e), t.polygonFillOpacity = this.getNumericStylingValue(this.styles.fillOpacity, t.polygonFillOpacity, e), t.zIndex = 10), t;
   }
   validateFeature(e) {
-    return this.validateModeFeature(e, (t) => se(t, this.coordinatePrecision));
+    return this.validateModeFeature(e, (t) => oe(t, this.coordinatePrecision));
   }
   updateCircle(e) {
     if (this.clickCount === 1 && this.center && this.currentCircleId) {
-      const t = V(this.center, [e.lng, e.lat]);
+      const t = T(this.center, [e.lng, e.lat]);
       let i;
       if (this.projection === "web-mercator") {
         const n = function(s, r) {
-          const a = 1e3 * V(s, r);
+          const a = 1e3 * T(s, r);
           if (a === 0) return 1;
-          const { x: l, y: d } = x(s[0], s[1]), { x: c, y: h } = x(r[0], r[1]);
-          return Math.sqrt(Math.pow(c - l, 2) + Math.pow(h - d, 2)) / a;
+          const { x: l, y: d } = x(s[0], s[1]), { x: h, y: c } = x(r[0], r[1]);
+          return Math.sqrt(Math.pow(h - l, 2) + Math.pow(c - d, 2)) / a;
         }(this.center, [e.lng, e.lat]);
         i = function(s) {
-          const { center: r, radiusKilometers: a, coordinatePrecision: l } = s, d = s.steps ? s.steps : 64, c = 1e3 * a, [h, u] = r, { x: p, y: g } = x(h, u), y = [];
-          for (let P = 0; P < d; P++) {
-            const f = 360 * P / d * Math.PI / 180, m = c * Math.cos(f), C = c * Math.sin(f), [v, S] = [p + m, g + C], { lng: w, lat: I } = k(v, S);
-            y.push([E(w, l), E(I, l)]);
+          const { center: r, radiusKilometers: a, coordinatePrecision: l } = s, d = s.steps ? s.steps : 64, h = 1e3 * a, [c, u] = r, { x: p, y: g } = x(c, u), y = [];
+          for (let C = 0; C < d; C++) {
+            const f = 360 * C / d * Math.PI / 180, m = h * Math.cos(f), P = h * Math.sin(f), [v, S] = [p + m, g + P], { lng: I, lat: b } = L(v, S);
+            y.push([F(I, l), F(b, l)]);
           }
           return y.push(y[0]), { type: "Feature", geometry: { type: "Polygon", coordinates: [y] }, properties: {} };
         }({ center: this.center, radiusKilometers: t * n, coordinatePrecision: this.coordinatePrecision });
@@ -289,7 +289,7 @@ class et extends N {
         if (this.projection !== "globe") throw new Error("Invalid projection");
         i = Ne({ center: this.center, radiusKilometers: t, coordinatePrecision: this.coordinatePrecision });
       }
-      if (this.validate && !this.validate({ type: "Feature", id: this.currentCircleId, geometry: i.geometry, properties: { radiusKilometers: t } }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: b.Provisional }).valid) return;
+      if (this.validate && !this.validate({ type: "Feature", id: this.currentCircleId, geometry: i.geometry, properties: { radiusKilometers: t } }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: w.Provisional }).valid) return;
       this.store.updateGeometry([{ id: this.currentCircleId, geometry: i.geometry }]), this.store.updateProperty([{ id: this.currentCircleId, property: "radiusKilometers", value: t }]);
     }
   }
@@ -298,7 +298,7 @@ const D = (o, e) => {
   const { x: t, y: i } = o, { x: n, y: s } = e, r = n - t, a = s - i;
   return Math.sqrt(a * a + r * r);
 };
-class tt extends N {
+class it extends B {
   constructor(e) {
     super(e), 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 t = { start: "crosshair", close: "pointer" };
@@ -315,7 +315,7 @@ class tt extends N {
     const e = this.currentId;
     if (this.validate && e) {
       const t = this.store.getGeometryCopy(e);
-      if (!this.validate({ type: "Feature", id: e, geometry: t, properties: {} }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: b.Finish }).valid) return;
+      if (!this.validate({ type: "Feature", id: e, geometry: t, properties: {} }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: w.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(e, { mode: this.mode, action: "draw" });
   }
@@ -327,8 +327,8 @@ class tt extends N {
   }
   onMouseMove(e) {
     if (this.currentId === void 0 || this.startingClick === !1) return;
-    const t = this.store.getGeometryCopy(this.currentId), i = t.coordinates[0].length - 2, [n, s] = t.coordinates[0][i], { x: r, y: a } = this.project(n, s), l = D({ x: r, y: a }, { x: e.containerX, y: e.containerY }), [d, c] = t.coordinates[0][0], { x: h, y: u } = this.project(d, c);
-    if (D({ x: h, y: u }, { x: e.containerX, y: e.containerY }) < this.pointerDistance) {
+    const t = this.store.getGeometryCopy(this.currentId), i = t.coordinates[0].length - 2, [n, s] = t.coordinates[0][i], { x: r, y: a } = this.project(n, s), l = D({ x: r, y: a }, { x: e.containerX, y: e.containerY }), [d, h] = t.coordinates[0][0], { x: c, y: u } = this.project(d, h);
+    if (D({ x: c, y: u }, { x: e.containerX, y: e.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;
@@ -336,12 +336,12 @@ class tt extends N {
     if (l < this.minDistance) return;
     t.coordinates[0].pop();
     const p = { type: "Polygon", coordinates: [[...t.coordinates[0], [e.lng, e.lat], t.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: b.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: w.Provisional }).valid || this.store.updateGeometry([{ id: this.currentId, geometry: p }]);
   }
   onClick(e) {
     if (!this.preventNewFeature) {
       if (this.startingClick === !1) {
-        const [t, i] = this.store.create([{ geometry: { type: "Polygon", coordinates: [[[e.lng, e.lat], [e.lng, e.lat], [e.lng, e.lat], [e.lng, e.lat]]] }, properties: { mode: this.mode } }, { geometry: { type: "Point", coordinates: [e.lng, e.lat] }, properties: { mode: this.mode, [ie]: !0 } }]);
+        const [t, i] = this.store.create([{ geometry: { type: "Polygon", coordinates: [[[e.lng, e.lat], [e.lng, e.lat], [e.lng, e.lat], [e.lng, e.lat]]] }, properties: { mode: this.mode } }, { geometry: { type: "Point", coordinates: [e.lng, e.lat] }, properties: { mode: this.mode, [ne]: !0 } }]);
         return this.currentId = t, this.closingPointId = i, this.startingClick = !0, void this.setDrawing();
       }
       this.close();
@@ -371,7 +371,7 @@ class tt extends N {
     return e.type === "Feature" && e.geometry.type === "Polygon" && e.properties.mode === this.mode ? (t.polygonFillColor = this.getHexColorStylingValue(this.styles.fillColor, t.polygonFillColor, e), t.polygonOutlineColor = this.getHexColorStylingValue(this.styles.outlineColor, t.polygonOutlineColor, e), t.polygonOutlineWidth = this.getNumericStylingValue(this.styles.outlineWidth, t.polygonOutlineWidth, e), t.polygonFillOpacity = this.getNumericStylingValue(this.styles.fillOpacity, t.polygonFillOpacity, e), t.zIndex = 10, t) : (e.type === "Feature" && e.geometry.type === "Point" && e.properties.mode === this.mode && (t.pointWidth = this.getNumericStylingValue(this.styles.closingPointWidth, t.pointWidth, e), t.pointColor = this.getHexColorStylingValue(this.styles.closingPointColor, t.pointColor, e), t.pointOutlineColor = this.getHexColorStylingValue(this.styles.closingPointOutlineColor, t.pointOutlineColor, e), t.pointOutlineWidth = this.getNumericStylingValue(this.styles.closingPointOutlineWidth, 2, e), t.zIndex = 40), t);
   }
   validateFeature(e) {
-    return this.validateModeFeature(e, (t) => ye(t, this.coordinatePrecision));
+    return this.validateModeFeature(e, (t) => fe(t, this.coordinatePrecision));
   }
 }
 class W {
@@ -379,20 +379,20 @@ class W {
     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 = e, this.mode = t, this.project = i, this.unproject = n, this.pointerDistance = s, this.coordinatePrecision = r, this.projection = a;
   }
 }
-function it({ unproject: o, point: e, pointerDistance: t }) {
+function nt({ unproject: o, point: e, pointerDistance: t }) {
   const i = t / 2, { x: n, y: s } = e;
   return { type: "Feature", properties: {}, geometry: { type: "Polygon", coordinates: [[o(n - i, s - i), o(n + i, s - i), o(n + i, s + i), o(n - i, s + i), o(n - i, s - i)].map((r) => [r.lng, r.lat])] } };
 }
-class we extends W {
+class me extends W {
   constructor(e) {
     super(e);
   }
   create(e) {
     const { containerX: t, containerY: i } = e;
-    return it({ unproject: this.unproject, point: { x: t, y: i }, pointerDistance: this.pointerDistance });
+    return nt({ unproject: this.unproject, point: { x: t, y: i }, pointerDistance: this.pointerDistance });
   }
 }
-class be extends W {
+class Ce extends W {
   constructor(e) {
     super(e);
   }
@@ -401,12 +401,12 @@ class be extends W {
     return D({ x: i, y: n }, { x: e.containerX, y: e.containerY });
   }
 }
-class nt extends W {
+class st extends W {
   constructor(e, t, i) {
-    super(e), this.config = void 0, this.pixelDistance = void 0, this.clickBoundingBox = void 0, this.getSnappableCoordinateFirstClick = (n) => this.getSnappable(n, (s) => !!(s.properties && s.properties.mode === this.mode)), this.getSnappableCoordinate = (n, s) => this.getSnappable(n, (r) => !!(r.properties && r.properties.mode === this.mode && r.id !== s)), this.config = e, this.pixelDistance = t, this.clickBoundingBox = i;
+    super(e), this.config = void 0, this.pixelDistance = void 0, this.clickBoundingBox = void 0, this.getSnappableCoordinateFirstClick = (n) => this.getSnappable(n, (s) => !!(s.properties && s.properties.mode === this.mode)).coordinate, this.getSnappableCoordinate = (n, s) => this.getSnappable(n, (r) => !!(r.properties && r.properties.mode === this.mode && r.id !== s)).coordinate, this.config = e, this.pixelDistance = t, this.clickBoundingBox = i;
   }
   getSnappable(e, t) {
-    const i = this.clickBoundingBox.create(e), n = this.store.search(i, t), s = { coord: void 0, minDist: 1 / 0 };
+    const i = this.clickBoundingBox.create(e), n = this.store.search(i, t), s = { featureId: void 0, featureCoordinateIndex: void 0, coordinate: void 0, minDist: 1 / 0 };
     return n.forEach((r) => {
       let a;
       if (r.geometry.type === "Polygon") a = r.geometry.coordinates[0];
@@ -414,101 +414,101 @@ class nt extends W {
         if (r.geometry.type !== "LineString") return;
         a = r.geometry.coordinates;
       }
-      a.forEach((l) => {
-        const d = this.pixelDistance.measure(e, l);
-        d < s.minDist && d < this.pointerDistance && (s.coord = l, s.minDist = d);
+      a.forEach((l, d) => {
+        const h = this.pixelDistance.measure(e, l);
+        h < s.minDist && h < this.pointerDistance && (s.coordinate = l, s.minDist = h, s.featureId = r.id, s.featureCoordinateIndex = d);
       });
-    }), s.coord;
+    }), s;
   }
 }
-function Ae(o, e, t) {
-  const i = F(o[0]), n = F(o[1]), s = F(t), r = Qe(e), a = Math.asin(Math.sin(n) * Math.cos(r) + Math.cos(n) * Math.sin(r) * Math.cos(s));
+function Ge(o, e, t) {
+  const i = E(o[0]), n = E(o[1]), s = E(t), r = et(e), a = Math.asin(Math.sin(n) * Math.cos(r) + Math.cos(n) * Math.sin(r) * Math.cos(s));
   return [U(i + Math.atan2(Math.sin(s) * Math.sin(r) * Math.cos(n), Math.cos(r) - Math.sin(n) * Math.sin(a))), U(a)];
 }
-function ne({ x: o, y: e }, t, i) {
-  const n = F(i);
+function se({ x: o, y: e }, t, i) {
+  const n = E(i);
   return { x: o + t * Math.cos(n), y: e + t * Math.sin(n) };
 }
-function Ge(o, e) {
-  const t = F(o[0]), i = F(e[0]), n = F(o[1]), s = F(e[1]), r = Math.sin(i - t) * Math.cos(s), a = Math.cos(n) * Math.sin(s) - Math.sin(n) * Math.cos(s) * Math.cos(i - t);
+function Te(o, e) {
+  const t = E(o[0]), i = E(e[0]), n = E(o[1]), s = E(e[1]), r = Math.sin(i - t) * Math.cos(s), a = Math.cos(n) * Math.sin(s) - Math.sin(n) * Math.cos(s) * Math.cos(i - t);
   return U(Math.atan2(r, a));
 }
 function G({ x: o, y: e }, { x: t, y: i }) {
   let n = Math.atan2(i - e, t - o);
   return n *= 180 / Math.PI, n > 180 ? n -= 360 : n < -180 && (n += 360), n;
 }
-function K(o) {
+function X(o) {
   return (o + 360) % 360;
 }
-function Ft(o, e, t) {
+function Dt(o, e, t) {
   const i = [], n = o.length;
   let s, r, a, l = 0;
-  for (let c = 0; c < o.length && !(e >= l && c === o.length - 1); c++) {
+  for (let h = 0; h < o.length && !(e >= l && h === o.length - 1); h++) {
     if (l > e && i.length === 0) {
-      if (s = e - l, !s) return i.push(o[c]), i;
-      r = Ge(o[c], o[c - 1]) - 180, a = Ae(o[c], s, r), i.push(a);
+      if (s = e - l, !s) return i.push(o[h]), i;
+      r = Te(o[h], o[h - 1]) - 180, a = Ge(o[h], s, r), i.push(a);
     }
-    if (l >= t) return s = t - l, s ? (r = Ge(o[c], o[c - 1]) - 180, a = Ae(o[c], s, r), i.push(a), i) : (i.push(o[c]), i);
-    if (l >= e && i.push(o[c]), c === o.length - 1) return i;
-    l += V(o[c], o[c + 1]);
+    if (l >= t) return s = t - l, s ? (r = Te(o[h], o[h - 1]) - 180, a = Ge(o[h], s, r), i.push(a), i) : (i.push(o[h]), i);
+    if (l >= e && i.push(o[h]), h === o.length - 1) return i;
+    l += T(o[h], o[h + 1]);
   }
   if (l < e && o.length === n) throw new Error("Start position is beyond line");
   const d = o[o.length - 1];
   return [d, d];
 }
-function re(o) {
+function ae(o) {
   return o * (Math.PI / 180);
 }
 function Ve(o) {
   return o * (180 / Math.PI);
 }
-class Dt extends W {
+class Ot extends W {
   constructor(e) {
     super(e), this.config = void 0, this.config = e;
   }
   generateInsertionCoordinates(e, t, i) {
     const n = [e, t];
     let s = 0;
-    for (let d = 0; d < n.length - 1; d++) s += V(n[0], n[1]);
+    for (let d = 0; d < n.length - 1; d++) s += T(n[0], n[1]);
     if (s <= i) return n;
     let r = s / i - 1;
     Number.isInteger(r) || (r = Math.floor(r) + 1);
     const a = [];
     for (let d = 0; d < r; d++) {
-      const c = Ft(n, i * d, i * (d + 1));
-      a.push(c);
+      const h = Dt(n, 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(e, t, i) {
-    const n = V(e, t), s = function(r, a, l) {
-      const d = [], c = re(r[1]), h = re(r[0]), u = re(a[1]), p = re(a[0]);
+    const n = T(e, t), s = function(r, a, l) {
+      const d = [], h = ae(r[1]), c = ae(r[0]), u = ae(a[1]), p = ae(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 P = y / l, f = Math.sin((1 - P) * g) / Math.sin(g), m = Math.sin(P * g) / Math.sin(g), C = f * Math.cos(c) * Math.cos(h) + m * Math.cos(u) * Math.cos(p), v = f * Math.cos(c) * Math.sin(h) + m * Math.cos(u) * Math.sin(p), S = f * Math.sin(c) + m * Math.sin(u);
-        if (isNaN(C) || isNaN(v) || isNaN(S)) continue;
-        const w = Math.atan2(S, Math.sqrt(C ** 2 + v ** 2)), I = Math.atan2(v, C);
-        isNaN(w) || isNaN(I) || d.push([Ve(I), Ve(w)]);
+        const C = y / l, f = Math.sin((1 - C) * g) / Math.sin(g), m = Math.sin(C * g) / Math.sin(g), P = f * Math.cos(h) * Math.cos(c) + m * Math.cos(u) * Math.cos(p), v = 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(P) || isNaN(v) || isNaN(S)) continue;
+        const I = Math.atan2(S, Math.sqrt(P ** 2 + v ** 2)), b = Math.atan2(v, P);
+        isNaN(I) || isNaN(b) || d.push([Ve(b), Ve(I)]);
       }
       return d.slice(1, -1);
     }(e, t, Math.floor(n / i));
     return this.limitCoordinates(s);
   }
   limitCoordinates(e) {
-    return e.map((t) => [E(t[0], this.config.coordinatePrecision), E(t[1], this.config.coordinatePrecision)]);
+    return e.map((t) => [F(t[0], this.config.coordinatePrecision), F(t[1], this.config.coordinatePrecision)]);
   }
 }
-function J(o, e) {
+function Z(o, e) {
   return o[0] === e[0] && o[1] === e[1];
 }
-function st(o, e) {
-  return o.geometry.type !== "LineString" ? { valid: !1, reason: "Feature is not a LineString" } : o.geometry.coordinates.length < 2 ? { valid: !1, reason: "Feature has less than 2 coordinates" } : o.geometry.coordinates.every((t) => ge(t, e)) ? { valid: !0 } : { valid: !1, reason: "Feature has invalid coordinates" };
+function ot(o, e) {
+  return o.geometry.type !== "LineString" ? { valid: !1, reason: "Feature is not a LineString" } : o.geometry.coordinates.length < 2 ? { valid: !1, reason: "Feature has less than 2 coordinates" } : o.geometry.coordinates.every((t) => ye(t, e)) ? { valid: !0 } : { valid: !1, reason: "Feature has invalid coordinates" };
 }
-class ot extends N {
+class rt extends B {
   constructor(e) {
     super(e), 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 t = { start: "crosshair", close: "pointer" };
@@ -522,7 +522,7 @@ class ot extends N {
   close() {
     if (this.currentId === void 0) return;
     const e = this.store.getGeometryCopy(this.currentId);
-    e.coordinates.pop(), this.updateGeometries([...e.coordinates], void 0, b.Commit);
+    e.coordinates.pop(), this.updateGeometries([...e.coordinates], void 0, w.Commit);
     const t = 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(t, { mode: this.mode, action: "draw" });
   }
@@ -536,7 +536,7 @@ class ot extends N {
   generateInsertCoordinates(e, t) {
     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 = V(e, t) / (this.insertCoordinates.value + 1);
+    const i = T(e, t) / (this.insertCoordinates.value + 1);
     let n = [];
     return this.projection === "globe" ? n = this.insertPoint.generateInsertionGeodesicCoordinates(e, t, i) : this.projection === "web-mercator" && (n = this.insertPoint.generateInsertionCoordinates(e, t, i)), n;
   }
@@ -549,7 +549,7 @@ class ot extends N {
     const t = this.store.getGeometryCopy(this.currentId).coordinates, [i] = this.store.create([{ geometry: { type: "Point", coordinates: [...e] }, properties: { mode: this.mode } }]);
     this.closingPointId = i, this.setCursor(this.cursors.close);
     const n = [...t, e];
-    this.updateGeometries(n, void 0, b.Commit), this.currentCoordinate++;
+    this.updateGeometries(n, void 0, w.Commit), this.currentCoordinate++;
   }
   updateToLine(e, t) {
     if (!this.currentId) return;
@@ -557,10 +557,10 @@ class ot extends N {
     if (D({ x: r, y: a }, { x: t.x, y: t.y }) < this.pointerDistance) return void this.close();
     this.setCursor(this.cursors.close);
     const l = [...i, e];
-    this.updateGeometries(l, i[i.length - 1], b.Commit), this.currentCoordinate++;
+    this.updateGeometries(l, i[i.length - 1], w.Commit), this.currentCoordinate++;
   }
   registerBehaviors(e) {
-    this.coordinateSnapping = new nt(e, new be(e), new we(e)), this.insertPoint = new Dt(e);
+    this.coordinateSnapping = new st(e, new Ce(e), new me(e)), this.insertPoint = new Ot(e);
   }
   start() {
     this.setStarted(), this.setCursor(this.cursors.start);
@@ -574,7 +574,7 @@ class ot extends N {
     if (t) {
       if (this.snappedPointId) this.store.updateGeometry([{ id: this.snappedPointId, geometry: { type: "Point", coordinates: t } }]);
       else {
-        const [r] = this.store.create([{ geometry: { type: "Point", coordinates: t }, properties: { mode: this.mode, [xe]: !0 } }]);
+        const [r] = this.store.create([{ geometry: { type: "Point", coordinates: t }, properties: { mode: this.mode, [we]: !0 } }]);
         this.snappedPointId = r;
       }
       e.lng = t[0], e.lat = t[1];
@@ -589,12 +589,12 @@ class ot extends N {
     let s = [...n, i];
     if (this.insertCoordinates && this.currentId && this.lastCommitedCoordinates) {
       const r = this.lastCommitedCoordinates[this.lastCommitedCoordinates.length - 1], a = i;
-      if (!J(r, a)) {
+      if (!Z(r, a)) {
         const l = this.generateInsertCoordinates(r, a);
         s = [...this.lastCommitedCoordinates.slice(0, -1), ...l, i];
       }
     }
-    this.updateGeometries(s, void 0, b.Provisional);
+    this.updateGeometries(s, void 0, w.Provisional);
   }
   onClick(e) {
     this.currentCoordinate > 0 && !this.mouseMove && this.onMouseMove(e), this.mouseMove = !1, this.snappedPointId && (this.store.delete([this.snappedPointId]), this.snappedPointId = void 0);
@@ -624,13 +624,13 @@ class ot extends N {
     const t = M({}, { polygonFillColor: "#3f97e0", polygonOutlineColor: "#3f97e0", polygonOutlineWidth: 4, polygonFillOpacity: 0.3, pointColor: "#3f97e0", pointOutlineColor: "#ffffff", pointOutlineWidth: 0, pointWidth: 6, lineStringColor: "#3f97e0", lineStringWidth: 4, zIndex: 0 });
     if (e.type === "Feature" && e.geometry.type === "LineString" && e.properties.mode === this.mode) return t.lineStringColor = this.getHexColorStylingValue(this.styles.lineStringColor, t.lineStringColor, e), t.lineStringWidth = this.getNumericStylingValue(this.styles.lineStringWidth, t.lineStringWidth, e), t.zIndex = 10, t;
     if (e.type === "Feature" && e.geometry.type === "Point" && e.properties.mode === this.mode) {
-      const i = e.properties[ie];
+      const i = e.properties[ne];
       return t.pointColor = this.getHexColorStylingValue(i ? this.styles.closingPointColor : this.styles.snappingPointColor, t.pointColor, e), t.pointWidth = this.getNumericStylingValue(i ? this.styles.closingPointWidth : this.styles.snappingPointWidth, t.pointWidth, e), t.pointOutlineColor = this.getHexColorStylingValue(i ? this.styles.closingPointOutlineColor : this.styles.snappingPointOutlineColor, "#ffffff", e), t.pointOutlineWidth = this.getNumericStylingValue(i ? this.styles.closingPointOutlineWidth : this.styles.snappingPointOutlineWidth, 2, e), t.zIndex = 40, t;
     }
     return t;
   }
   validateFeature(e) {
-    return this.validateModeFeature(e, (t) => st(t, this.coordinatePrecision));
+    return this.validateModeFeature(e, (t) => ot(t, this.coordinatePrecision));
   }
   snapCoordinate(e) {
     var t, i;
@@ -638,15 +638,15 @@ class ot extends N {
     return (t = this.snapping) != null && t.toCoordinate && (n = this.currentId ? this.coordinateSnapping.getSnappableCoordinate(e, this.currentId) : this.coordinateSnapping.getSnappableCoordinateFirstClick(e)), (i = this.snapping) != null && i.toCustom && (n = this.snapping.toCustom(e)), n;
   }
 }
-const Ot = "Feature is not a Point", _t = "Feature has invalid coordinates";
-function rt(o, e) {
-  return o.geometry.type !== "Point" ? { valid: !1, reason: Ot } : ge(o.geometry.coordinates, e) ? { valid: !0 } : { valid: !1, reason: _t };
+const _t = "Feature is not a Point", kt = "Feature has invalid coordinates";
+function at(o, e) {
+  return o.geometry.type !== "Point" ? { valid: !1, reason: _t } : ye(o.geometry.coordinates, e) ? { valid: !0 } : { valid: !1, reason: kt };
 }
-class Lt extends N {
+class Lt extends B {
   constructor(e) {
-    super(e), this.mode = "point", this.cursors = void 0;
-    const t = { create: "crosshair" };
-    this.cursors = e && e.cursors ? M({}, t, e.cursors) : t;
+    super(e), this.mode = "point", this.cursors = void 0, this.editable = void 0, this.editedFeatureId = void 0, this.pixelDistance = void 0, this.clickBoundingBox = void 0;
+    const t = { create: "crosshair", dragStart: "grabbing", dragEnd: "crosshair" };
+    this.cursors = e && e.cursors ? M({}, t, e.cursors) : t, this.editable = !(!e || !e.editable) && e.editable;
   }
   start() {
     this.setStarted(), this.setCursor(this.cursors.create);
@@ -657,7 +657,7 @@ class Lt extends N {
   onClick(e) {
     if (!this.store) throw new Error("Mode must be registered first");
     const t = { type: "Point", coordinates: [e.lng, e.lat] }, i = { mode: this.mode };
-    if (this.validate && !this.validate({ type: "Feature", geometry: t, properties: i }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: b.Finish }).valid) return;
+    if (this.validate && !this.validate({ type: "Feature", geometry: t, properties: i }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: w.Finish }).valid) return;
     const [n] = this.store.create([{ geometry: t, properties: i }]);
     this.onFinish(n, { mode: this.mode, action: "draw" });
   }
@@ -668,22 +668,44 @@ class Lt extends N {
   onKeyUp() {
   }
   cleanUp() {
+    this.editedFeatureId = void 0;
   }
-  onDragStart() {
+  onDragStart(e, t) {
+    if (this.editable) {
+      const i = this.clickBoundingBox.create(e), n = this.store.search(i);
+      let s, r = 1 / 0;
+      for (let a = 0; a < n.length; a++) {
+        const l = n[a];
+        if (l.geometry.type !== "Point" || l.properties.mode !== this.mode) continue;
+        const d = this.pixelDistance.measure(e, l.geometry.coordinates);
+        d > r || d > this.pointerDistance || (r = d, s = l);
+      }
+      s && (this.editedFeatureId = s.id);
+    }
+    this.editedFeatureId && (this.setCursor(this.cursors.dragStart), t(!1));
   }
-  onDrag() {
+  onDrag(e, t) {
+    this.editedFeatureId !== void 0 && (this.validate && !this.validate({ type: "Feature", geometry: { type: "Point", coordinates: [e.lng, e.lat] }, properties: this.store.getPropertiesCopy(this.editedFeatureId) }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: w.Finish }).valid || (this.store.updateGeometry([{ id: this.editedFeatureId, geometry: { type: "Point", coordinates: [e.lng, e.lat] } }]), this.store.updateProperty([{ id: this.editedFeatureId, property: q, value: !0 }]), t(!0)));
   }
-  onDragEnd() {
+  onDragEnd(e, t) {
+    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: q, value: !1 }]), this.editedFeatureId = void 0, t(!0));
+  }
+  registerBehaviors(e) {
+    this.pixelDistance = new Ce(e), this.clickBoundingBox = new me(e);
   }
   styleFeature(e) {
     const t = M({}, { polygonFillColor: "#3f97e0", polygonOutlineColor: "#3f97e0", polygonOutlineWidth: 4, polygonFillOpacity: 0.3, pointColor: "#3f97e0", pointOutlineColor: "#ffffff", pointOutlineWidth: 0, pointWidth: 6, lineStringColor: "#3f97e0", lineStringWidth: 4, zIndex: 0 });
-    return e.type === "Feature" && e.geometry.type === "Point" && e.properties.mode === this.mode && (t.pointWidth = this.getNumericStylingValue(this.styles.pointWidth, t.pointWidth, e), t.pointColor = this.getHexColorStylingValue(this.styles.pointColor, t.pointColor, e), t.pointOutlineColor = this.getHexColorStylingValue(this.styles.pointOutlineColor, t.pointOutlineColor, e), t.pointOutlineWidth = this.getNumericStylingValue(this.styles.pointOutlineWidth, 2, e), t.zIndex = 30), t;
+    if (e.type === "Feature" && e.geometry.type === "Point" && e.properties.mode === this.mode) {
+      const i = !!(e.id && this.editedFeatureId === e.id);
+      t.pointWidth = this.getNumericStylingValue(i ? this.styles.editedPointWidth : this.styles.pointWidth, t.pointWidth, e), t.pointColor = this.getHexColorStylingValue(i ? this.styles.editedPointColor : this.styles.pointColor, t.pointColor, e), t.pointOutlineColor = this.getHexColorStylingValue(i ? this.styles.editedPointOutlineColor : this.styles.pointOutlineColor, t.pointOutlineColor, e), t.pointOutlineWidth = this.getNumericStylingValue(i ? this.styles.editedPointOutlineWidth : this.styles.pointOutlineWidth, 2, e), t.zIndex = 30;
+    }
+    return t;
   }
   validateFeature(e) {
-    return this.validateModeFeature(e, (t) => rt(t, this.coordinatePrecision));
+    return this.validateModeFeature(e, (t) => at(t, this.coordinatePrecision));
   }
 }
-class kt extends W {
+class Wt extends W {
   constructor(e, t) {
     super(e), this.config = void 0, this.pixelDistance = void 0, this._startEndPoints = [], this.config = e, this.pixelDistance = t;
   }
@@ -695,7 +717,7 @@ class kt extends W {
   create(e, t) {
     if (this.ids.length) throw new Error("Opening and closing points already created");
     if (e.length <= 3) throw new Error("Requires at least 4 coordinates");
-    this._startEndPoints = this.store.create([{ geometry: { type: "Point", coordinates: e[0] }, properties: { mode: t, [ie]: !0 } }, { geometry: { type: "Point", coordinates: e[e.length - 2] }, properties: { mode: t, [ie]: !0 } }]);
+    this._startEndPoints = this.store.create([{ geometry: { type: "Point", coordinates: e[0] }, properties: { mode: t, [ne]: !0 } }, { geometry: { type: "Point", coordinates: e[e.length - 2] }, properties: { mode: t, [ne]: !0 } }]);
   }
   delete() {
     this.ids.length && (this.store.delete(this.ids), this._startEndPoints = []);
@@ -709,42 +731,42 @@ class kt extends W {
     return { isClosing: n < this.pointerDistance, isPreviousClosing: s < this.pointerDistance };
   }
 }
-function Te(o) {
+function Ue(o) {
   return Math.sqrt(Math.pow(o[0], 2) + Math.pow(o[1], 2) + Math.pow(o[2], 2));
 }
-function R(o, e) {
+function z(o, e) {
   const t = function(i, n) {
-    const [s, r, a] = i, [l, d, c] = n;
-    return s * l + r * d + a * c;
-  }(o, e) / (Te(o) * Te(e));
+    const [s, r, a] = i, [l, d, h] = n;
+    return s * l + r * d + a * h;
+  }(o, e) / (Ue(o) * Ue(e));
   return Math.acos(Math.min(Math.max(t, -1), 1));
 }
-function me(o) {
-  const e = F(o[1]), t = F(o[0]);
+function ve(o) {
+  const e = E(o[1]), t = E(o[0]);
   return [Math.cos(e) * Math.cos(t), Math.cos(e) * Math.sin(t), Math.sin(e)];
 }
-function z(o) {
+function K(o) {
   const [e, t, i] = o, n = U(Math.asin(i));
   return [U(Math.atan2(t, e)), n];
 }
-function Wt(o, e, t) {
-  const i = me(o), n = me(e), s = me(t), [r, a, l] = s, [d, c, h] = function(j, q) {
-    const [Ee, Fe, De] = j, [Oe, _e, Le] = q;
-    return [Fe * Le - De * _e, De * Oe - Ee * Le, Ee * _e - Fe * Oe];
-  }(i, n), u = c * l - h * a, p = h * r - d * l, g = d * a - c * r, y = g * c - p * h, P = u * h - g * d, f = p * d - u * c, m = 1 / Math.sqrt(Math.pow(y, 2) + Math.pow(P, 2) + Math.pow(f, 2)), C = [y * m, P * m, f * m], v = [-1 * y * m, -1 * P * m, -1 * f * m], S = R(i, n), w = R(i, C), I = R(n, C), O = R(i, v), B = R(n, v);
+function jt(o, e, t) {
+  const i = ve(o), n = ve(e), s = ve(t), [r, a, l] = s, [d, h, c] = function(j, R) {
+    const [Ee, De, Oe] = j, [_e, ke, Le] = R;
+    return [De * Le - Oe * ke, Oe * _e - Ee * Le, Ee * ke - De * _e];
+  }(i, n), u = h * l - c * a, p = c * r - d * l, g = d * a - h * r, y = g * h - p * c, C = u * c - g * d, f = p * d - u * h, m = 1 / Math.sqrt(Math.pow(y, 2) + Math.pow(C, 2) + Math.pow(f, 2)), P = [y * m, C * m, f * m], v = [-1 * y * m, -1 * C * m, -1 * f * m], S = z(i, n), I = z(i, P), b = z(n, P), O = z(i, v), N = z(n, v);
   let _;
-  return _ = w < O && w < B || I < O && I < B ? C : v, R(i, _) > S || R(n, _) > S ? V(z(_), z(i)) <= V(z(_), z(n)) ? [z(i), !0, !1] : [z(n), !1, !0] : [z(_), !1, !1];
+  return _ = I < O && I < N || b < O && b < N ? P : v, z(i, _) > S || z(n, _) > S ? T(K(_), K(i)) <= T(K(_), K(n)) ? [K(i), !0, !1] : [K(n), !1, !0] : [K(_), !1, !1];
 }
-function jt(o, e, t) {
+function Bt(o, e, t) {
   const i = e.x - o.x, n = e.y - o.y, s = Math.max(0, Math.min(1, ((t.x - o.x) * i + (t.y - o.y) * n) / (i * i + n * n)));
   return { x: o.x + s * i, y: o.y + s * n };
 }
 class Nt extends W {
   constructor(e, t, i) {
-    super(e), this.config = void 0, this.pixelDistance = void 0, this.clickBoundingBox = void 0, this.getSnappableCoordinateFirstClick = (n) => this.getSnappable(n, (s) => !!(s.properties && s.properties.mode === this.mode)), this.getSnappableCoordinate = (n, s) => this.getSnappable(n, (r) => !!(r.properties && r.properties.mode === this.mode && r.id !== s)), this.config = e, this.pixelDistance = t, this.clickBoundingBox = i;
+    super(e), this.config = void 0, this.pixelDistance = void 0, this.clickBoundingBox = void 0, this.getSnappableCoordinateFirstClick = (n) => this.getSnappable(n, (s) => !!(s.properties && s.properties.mode === this.mode)).coordinate, this.getSnappableCoordinate = (n, s) => this.getSnappable(n, (r) => !!(r.properties && r.properties.mode === this.mode && r.id !== s)).coordinate, this.config = e, this.pixelDistance = t, this.clickBoundingBox = i;
   }
   getSnappable(e, t) {
-    const i = this.clickBoundingBox.create(e), n = this.store.search(i, t), s = { coord: void 0, minDistance: 1 / 0 };
+    const i = this.clickBoundingBox.create(e), n = this.store.search(i, t), s = { featureId: void 0, featureCoordinateIndex: void 0, coordinate: void 0, minDistance: 1 / 0 };
     return n.forEach((r) => {
       let a;
       if (r.geometry.type === "Polygon") a = r.geometry.coordinates[0];
@@ -755,56 +777,56 @@ class Nt extends W {
       const l = [];
       for (let u = 0; u < a.length - 1; u++) l.push([a[u], a[u + 1]]);
       let d;
-      const c = [e.lng, e.lat];
+      const h = [e.lng, e.lat];
       if (this.config.projection === "web-mercator" ? d = function(u, p) {
-        let g = [1 / 0, 1 / 0], y = 1 / 0;
-        for (let P of p) {
-          const f = P[0], m = P[1];
-          let C, v = 1 / 0;
-          const S = x(f[0], f[1]), w = x(m[0], m[1]), I = x(u[0], u[1]);
-          if (f[0] === u[0] && f[1] === u[1]) C = f;
-          else if (m[0] === u[0] && m[1] === u[1]) C = m;
+        let g = [1 / 0, 1 / 0], y = 1 / 0, C = 0;
+        for (let f of p) {
+          const m = f[0], P = f[1];
+          let v, S = 1 / 0;
+          const I = x(m[0], m[1]), b = x(P[0], P[1]), O = x(u[0], u[1]);
+          if (m[0] === u[0] && m[1] === u[1]) v = m;
+          else if (P[0] === u[0] && P[1] === u[1]) v = P;
           else {
-            const { x: O, y: B } = jt(S, w, I), { lng: _, lat: j } = k(O, B);
-            C = [_, j];
+            const { x: N, y: _ } = Bt(I, b, O), { lng: j, lat: R } = L(N, _);
+            v = [j, R];
           }
-          C && (v = D(I, x(C[0], C[1])), v < y && (g = C, y = v));
+          v && (S = D(O, x(v[0], v[1])), S < y && (g = v, y = S, C = p.indexOf(f)));
         }
-        return y === 1 / 0 ? void 0 : { coordinate: g, distance: y };
-      }(c, l) : this.config.projection === "globe" && (d = function(u, p) {
-        let g = [1 / 0, 1 / 0], y = 1 / 0;
-        for (let P of p) {
-          const f = P[0], m = P[1];
-          let C, v = 1 / 0;
-          f[0] === u[0] && f[1] === u[1] ? C = f : m[0] === u[0] && m[1] === u[1] ? C = m : [C] = Wt(f, m, u), C && (v = V(u, C), v < y && (g = C, y = v));
+        return y === 1 / 0 ? void 0 : { coordinate: g, lineIndex: C, distance: y };
+      }(h, l) : this.config.projection === "globe" && (d = function(u, p) {
+        let g = [1 / 0, 1 / 0], y = 1 / 0, C = 0;
+        for (let f of p) {
+          const m = f[0], P = f[1];
+          let v, S = 1 / 0;
+          m[0] === u[0] && m[1] === u[1] ? v = m : P[0] === u[0] && P[1] === u[1] ? v = P : [v] = jt(m, P, u), v && (S = T(u, v), S < y && (g = v, y = S, C = p.indexOf(f)));
         }
-        return y === 1 / 0 ? void 0 : { coordinate: g, distance: y };
-      }(c, l)), !d) return;
-      const h = this.pixelDistance.measure(e, d.coordinate);
-      h < s.minDistance && h < this.pointerDistance && (s.coord = d.coordinate, s.minDistance = h);
-    }), s.coord;
+        return y === 1 / 0 ? void 0 : { coordinate: g, distance: y, lineIndex: C };
+      }(h, l)), !d) return;
+      const c = this.pixelDistance.measure(e, d.coordinate);
+      c < s.minDistance && c < this.pointerDistance && (s.featureId = r.id, s.coordinate = d.coordinate, s.featureCoordinateIndex = d.lineIndex, s.minDistance = c);
+    }), s;
   }
 }
-class at extends N {
+class lt extends B {
   constructor(e) {
-    super(e), this.mode = "polygon", this.currentCoordinate = 0, this.currentId = void 0, this.keyEvents = void 0, this.snapping = void 0, this.snappedPointId = void 0, this.lineSnapping = void 0, this.coordinateSnapping = void 0, this.pixelDistance = void 0, this.closingPoints = void 0, this.cursors = void 0, this.mouseMove = !1;
-    const t = { start: "crosshair", close: "pointer" };
+    super(e), 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 t = { start: "crosshair", close: "pointer", dragStart: "grabbing", dragEnd: "crosshair" };
     if (this.cursors = e && e.cursors ? M({}, t, e.cursors) : t, this.snapping = e && e.snapping ? e.snapping : void 0, (e == null ? void 0 : e.keyEvents) === null) this.keyEvents = { cancel: null, finish: null };
     else {
       const i = { cancel: "Escape", finish: "Enter" };
       this.keyEvents = e && e.keyEvents ? M({}, i, e.keyEvents) : i;
     }
+    this.editable = !(!e || !e.editable) && e.editable;
   }
   close() {
     if (this.currentId === void 0) return;
     const e = this.store.getGeometryCopy(this.currentId).coordinates[0];
-    if (e.length < 5 || !this.updatePolygonGeometry([...e.slice(0, -2), e[0]], b.Finish)) return;
+    if (e.length < 5 || !this.updatePolygonGeometry([...e.slice(0, -2), e[0]], w.Finish)) return;
     const t = this.currentId;
     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(t, { mode: this.mode, action: "draw" });
   }
   registerBehaviors(e) {
-    const t = new we(e);
-    this.pixelDistance = new be(e), this.lineSnapping = new Nt(e, this.pixelDistance, t), this.coordinateSnapping = new nt(e, this.pixelDistance, t), this.closingPoints = new kt(e, this.pixelDistance);
+    this.clickBoundingBox = new me(e), this.pixelDistance = new Ce(e), this.lineSnapping = new Nt(e, this.pixelDistance, this.clickBoundingBox), this.coordinateSnapping = new st(e, this.pixelDistance, this.clickBoundingBox), this.closingPoints = new Wt(e, this.pixelDistance);
   }
   start() {
     this.setStarted(), this.setCursor(this.cursors.start);
@@ -818,7 +840,7 @@ class at extends N {
     if (t) {
       if (this.snappedPointId) this.store.updateGeometry([{ id: this.snappedPointId, geometry: { type: "Point", coordinates: t } }]);
       else {
-        const [s] = this.store.create([{ geometry: { type: "Point", coordinates: t }, properties: { mode: this.mode, [xe]: !0 } }]);
+        const [s] = this.store.create([{ geometry: { type: "Point", coordinates: t }, properties: { mode: this.mode, [we]: !0 } }]);
         this.snappedPointId = s;
       }
       e.lng = t[0], e.lat = t[1];
@@ -834,7 +856,7 @@ class at extends N {
       const { isClosing: s, isPreviousClosing: r } = this.closingPoints.isClosingPoint(e);
       r || s ? (this.snappedPointId && (this.store.delete([this.snappedPointId]), this.snappedPointId = void 0), this.setCursor(this.cursors.close), n = [...i.slice(0, -2), i[0], i[0]]) : n = [...i.slice(0, -2), [e.lng, e.lat], i[0]];
     }
-    this.updatePolygonGeometry(n, b.Provisional);
+    this.updatePolygonGeometry(n, w.Provisional);
   }
   updatePolygonGeometry(e, t) {
     if (!this.currentId) return !1;
@@ -864,24 +886,24 @@ class at extends N {
       const t = this.snapCoordinate(e);
       t && (e.lng = t[0], e.lat = t[1]);
       const i = this.store.getGeometryCopy(this.currentId);
-      if (J([e.lng, e.lat], i.coordinates[0][0]) || !this.updatePolygonGeometry([i.coordinates[0][0], [e.lng, e.lat], [e.lng, e.lat], i.coordinates[0][0]], b.Commit)) return;
+      if (Z([e.lng, e.lat], i.coordinates[0][0]) || !this.updatePolygonGeometry([i.coordinates[0][0], [e.lng, e.lat], [e.lng, e.lat], i.coordinates[0][0]], w.Commit)) return;
       this.currentCoordinate++;
     } else if (this.currentCoordinate === 2 && this.currentId) {
       const t = this.snapCoordinate(e);
       t && (e.lng = t[0], e.lat = t[1]);
       const i = this.store.getGeometryCopy(this.currentId).coordinates[0];
-      if (J([e.lng, e.lat], i[1]) || !this.updatePolygonGeometry([i[0], i[1], [e.lng, e.lat], [e.lng, e.lat], i[0]], b.Commit)) return;
+      if (Z([e.lng, e.lat], i[1]) || !this.updatePolygonGeometry([i[0], i[1], [e.lng, e.lat], [e.lng, e.lat], i[0]], w.Commit)) return;
       this.currentCoordinate === 2 && this.closingPoints.create(i, "polygon"), this.currentCoordinate++;
     } else if (this.currentId) {
       const t = this.store.getGeometryCopy(this.currentId).coordinates[0], { isClosing: i, isPreviousClosing: n } = this.closingPoints.isClosingPoint(e);
       if (n || i) this.close();
       else {
         const s = this.snapCoordinate(e);
-        if (s && (e.lng = s[0], e.lat = s[1]), J([e.lng, e.lat], t[this.currentCoordinate - 1])) return;
+        if (s && (e.lng = s[0], e.lat = s[1]), Z([e.lng, e.lat], t[this.currentCoordinate - 1])) return;
         const r = /* @__PURE__ */ function(a = [[[0, 0], [0, 1], [1, 1], [1, 0], [0, 0]]]) {
           return { type: "Feature", geometry: { type: "Polygon", coordinates: a }, properties: {} };
         }([[...t.slice(0, -1), [e.lng, e.lat], t[0]]]);
-        if (!this.updatePolygonGeometry(r.geometry.coordinates[0], b.Commit)) return;
+        if (!this.updatePolygonGeometry(r.geometry.coordinates[0], w.Commit)) return;
         this.currentCoordinate++, this.closingPoints.ids.length && this.closingPoints.update(r.geometry.coordinates[0]);
       }
     }
@@ -891,19 +913,38 @@ class at extends N {
   }
   onKeyDown() {
   }
-  onDragStart() {
-    this.setCursor("unset");
+  onDragStart(e, t) {
+    if (!this.editable) return;
+    let i;
+    if (this.state === "started") {
+      const n = this.lineSnapping.getSnappable(e);
+      n.coordinate && (this.editedSnapType = "line", this.editedFeatureCoordinateIndex = n.featureCoordinateIndex, this.editedFeatureId = n.featureId, i = n.coordinate);
+      const s = this.coordinateSnapping.getSnappable(e);
+      s.coordinate && (this.editedSnapType = "coordinate", this.editedFeatureCoordinateIndex = s.featureCoordinateIndex, this.editedFeatureId = s.featureId, i = s.coordinate);
+    }
+    if (this.editedFeatureId && i) {
+      if (!this.editedPointId) {
+        const [n] = this.store.create([{ geometry: { type: "Point", coordinates: i }, properties: { mode: this.mode, [q]: !0 } }]);
+        this.editedPointId = n;
+      }
+      this.setCursor(this.cursors.dragStart), t(!1);
+    }
   }
-  onDrag() {
+  onDrag(e, t) {
+    if (this.editedFeatureId === void 0 || this.editedFeatureCoordinateIndex === void 0) return;
+    const i = this.store.getGeometryCopy(this.editedFeatureId), n = i.coordinates[0];
+    this.editedSnapType === "coordinate" || this.editedSnapType === "line" && this.editedInsertIndex !== void 0 ? this.editedFeatureCoordinateIndex === 0 || this.editedFeatureCoordinateIndex === i.coordinates[0].length - 1 ? (n[0] = [e.lng, e.lat], n[n.length - 1] = [e.lng, e.lat]) : n[this.editedFeatureCoordinateIndex] = [e.lng, e.lat] : this.editedSnapType === "line" && this.editedInsertIndex === void 0 && (this.editedInsertIndex = this.editedFeatureCoordinateIndex + 1, i.coordinates[0].splice(this.editedInsertIndex, 0, [e.lng, e.lat]), this.editedFeatureCoordinateIndex++);
+    const s = { type: "Polygon", coordinates: i.coordinates };
+    this.validate && !this.validate({ type: "Feature", geometry: s, properties: this.store.getPropertiesCopy(this.editedFeatureId) }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: w.Provisional }).valid || (this.snapping && this.snappedPointId && (this.store.delete([this.snappedPointId]), this.snappedPointId = void 0), this.store.updateGeometry([{ id: this.editedFeatureId, geometry: s }]), this.editedPointId && this.store.updateGeometry([{ id: this.editedPointId, geometry: { type: "Point", coordinates: [e.lng, e.lat] } }]), this.store.updateProperty([{ id: this.editedFeatureId, property: q, value: !0 }]), t(!0));
   }
-  onDragEnd() {
-    this.setCursor(this.cursors.start);
+  onDragEnd(e, t) {
+    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: q, value: !1 }]), this.editedFeatureId = void 0, this.editedFeatureCoordinateIndex = void 0, this.editedInsertIndex = void 0, this.editedSnapType = void 0, t(!0));
   }
   cleanUp() {
-    const e = this.currentId, t = this.snappedPointId;
-    this.currentId = void 0, this.snappedPointId = void 0, this.currentCoordinate = 0, this.state === "drawing" && this.setStarted();
+    const e = this.currentId, t = this.snappedPointId, i = this.editedPointId;
+    this.currentId = void 0, this.snappedPointId = void 0, this.editedPointId = void 0, this.editedFeatureId = void 0, this.editedFeatureCoordinateIndex = void 0, this.editedInsertIndex = void 0, this.editedSnapType = void 0, this.currentCoordinate = 0, this.state === "drawing" && this.setStarted();
     try {
-      e !== void 0 && this.store.delete([e]), t !== void 0 && this.store.delete([t]), this.closingPoints.ids.length && this.closingPoints.delete();
+      e !== void 0 && this.store.delete([e]), i !== void 0 && this.store.delete([i]), t !== void 0 && this.store.delete([t]), this.closingPoints.ids.length && this.closingPoints.delete();
     } catch {
     }
   }
@@ -912,17 +953,19 @@ class at extends N {
     if (e.properties.mode === this.mode) {
       if (e.geometry.type === "Polygon") return t.polygonFillColor = this.getHexColorStylingValue(this.styles.fillColor, t.polygonFillColor, e), t.polygonOutlineColor = this.getHexColorStylingValue(this.styles.outlineColor, t.polygonOutlineColor, e), t.polygonOutlineWidth = this.getNumericStylingValue(this.styles.outlineWidth, t.polygonOutlineWidth, e), t.polygonFillOpacity = this.getNumericStylingValue(this.styles.fillOpacity, t.polygonFillOpacity, e), t.zIndex = 10, t;
       if (e.geometry.type === "Point") {
-        const i = e.properties[ie], n = e.properties[xe];
-        return t.pointWidth = this.getNumericStylingValue(i ? this.styles.closingPointWidth : n ? this.styles.snappingPointWidth : t.pointWidth, t.pointWidth, e), t.pointColor = this.getHexColorStylingValue(i ? this.styles.closingPointColor : n ? this.styles.snappingPointColor : t.pointColor, t.pointColor, e), t.pointOutlineColor = this.getHexColorStylingValue(i ? this.styles.closingPointOutlineColor : n ? this.styles.snappingPointOutlineColor : t.pointOutlineColor, t.pointOutlineColor, e), t.pointOutlineWidth = this.getNumericStylingValue(i ? this.styles.closingPointOutlineWidth : n ? this.styles.snappingPointOutlineWidth : 2, 2, e), t.zIndex = 30, t;
+        const i = e.properties[q], n = i ? "editedPoint" : e.properties[ne] ? "closingPoint" : e.properties[we] ? "snappingPoint" : void 0;
+        if (!n) return t;
+        const s = { 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 t.pointWidth = this.getNumericStylingValue(s[n].width, t.pointWidth, e), t.pointColor = this.getHexColorStylingValue(s[n].color, t.pointColor, e), t.pointOutlineColor = this.getHexColorStylingValue(s[n].outlineColor, t.pointOutlineColor, e), t.pointOutlineWidth = this.getNumericStylingValue(s[n].outlineWidth, 2, e), t.zIndex = i ? 35 : 30, t;
       }
     }
     return t;
   }
   validateFeature(e) {
-    return this.validateModeFeature(e, (t) => ye(t, this.coordinatePrecision));
+    return this.validateModeFeature(e, (t) => fe(t, this.coordinatePrecision));
   }
 }
-class lt extends N {
+class dt extends B {
   constructor(e) {
     super(e), this.mode = "rectangle", this.center = void 0, this.clickCount = 0, this.currentRectangleId = void 0, this.keyEvents = void 0, this.cursors = void 0;
     const t = { start: "crosshair" };
@@ -954,10 +997,10 @@ class lt extends N {
       this.center = [e.lng, e.lat];
       const [t] = this.store.create([{ geometry: { type: "Polygon", coordinates: [[[e.lng, e.lat], [e.lng, e.lat], [e.lng, e.lat], [e.lng, e.lat]]] }, properties: { mode: this.mode } }]);
       this.currentRectangleId = t, this.clickCount++, this.setDrawing();
-    } else this.updateRectangle(e, b.Finish), this.close();
+    } else this.updateRectangle(e, w.Finish), this.close();
   }
   onMouseMove(e) {
-    this.updateRectangle(e, b.Provisional);
+    this.updateRectangle(e, w.Provisional);
   }
   onKeyDown() {
   }
@@ -979,12 +1022,12 @@ class lt extends N {
     return e.type === "Feature" && e.geometry.type === "Polygon" && e.properties.mode === this.mode && (t.polygonFillColor = this.getHexColorStylingValue(this.styles.fillColor, t.polygonFillColor, e), t.polygonOutlineColor = this.getHexColorStylingValue(this.styles.outlineColor, t.polygonOutlineColor, e), t.polygonOutlineWidth = this.getNumericStylingValue(this.styles.outlineWidth, t.polygonOutlineWidth, e), t.polygonFillOpacity = this.getNumericStylingValue(this.styles.fillOpacity, t.polygonFillOpacity, e), t.zIndex = 10), t;
   }
   validateFeature(e) {
-    return this.validateModeFeature(e, (t) => se(t, this.coordinatePrecision));
+    return this.validateModeFeature(e, (t) => oe(t, this.coordinatePrecision));
   }
 }
-class Q extends N {
+class ee extends B {
   constructor(e) {
-    super({ styles: e.styles }), this.type = X.Render, this.mode = "render", this.mode = e.modeName;
+    super({ styles: e.styles }), this.type = Y.Render, this.mode = "render", this.mode = e.modeName;
   }
   registerBehaviors(e) {
     this.mode = e.mode;
@@ -1017,50 +1060,50 @@ class Q extends N {
   validateFeature(e) {
     const t = super.validateFeature(e);
     if (t.valid) {
-      const i = e, n = rt(i, this.coordinatePrecision).valid || ye(i, this.coordinatePrecision).valid || st(i, this.coordinatePrecision).valid;
+      const i = e, n = at(i, this.coordinatePrecision).valid || fe(i, this.coordinatePrecision).valid || ot(i, this.coordinatePrecision).valid;
       return n ? { valid: !0 } : { valid: n, reason: "Feature is not a valid Point, Polygon or LineString feature" };
     }
     return t;
   }
 }
-function he(o, e) {
-  const t = o, i = e, n = F(t[1]), s = F(i[1]);
-  let r = F(i[0] - t[0]);
+function ue(o, e) {
+  const t = o, i = e, n = E(t[1]), s = E(i[1]);
+  let r = E(i[0] - t[0]);
   r > Math.PI && (r -= 2 * Math.PI), r < -Math.PI && (r += 2 * Math.PI);
   const a = Math.log(Math.tan(s / 2 + Math.PI / 4) / Math.tan(n / 2 + Math.PI / 4)), l = (U(Math.atan2(r, a)) + 360) % 360;
   return l > 180 ? -(360 - l) : l;
 }
-function Ie(o, e, t) {
+function Fe(o, e, t) {
   let i = e;
   e < 0 && (i = -Math.abs(i));
-  const n = i / Ze, s = o[0] * Math.PI / 180, r = F(o[1]), a = F(t), l = n * Math.cos(a);
+  const n = i / Qe, s = o[0] * Math.PI / 180, r = E(o[1]), a = E(t), l = n * Math.cos(a);
   let d = r + 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(r / 2 + Math.PI / 4)), h = Math.abs(c) > 1e-11 ? l / c : Math.cos(r), u = [(180 * (s + n * 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(r / 2 + Math.PI / 4)), c = Math.abs(h) > 1e-11 ? l / h : Math.cos(r), u = [(180 * (s + n * Math.sin(a) / c) / Math.PI + 540) % 360 - 180, 180 * d / Math.PI];
   return u[0] += u[0] - o[0] > 180 ? -360 : o[0] - u[0] > 180 ? 360 : 0, u;
 }
-function dt(o, e, t, i, n) {
+function ht(o, e, t, i, n) {
   const s = i(o[0], o[1]), r = i(e[0], e[1]), { lng: a, lat: l } = n((s.x + r.x) / 2, (s.y + r.y) / 2);
-  return [E(a, t), E(l, t)];
+  return [F(a, t), F(l, t)];
 }
-function Bt(o, e, t) {
-  const i = Ie(o, 1e3 * V(o, e) / 2, he(o, e));
-  return [E(i[0], t), E(i[1], t)];
+function At(o, e, t) {
+  const i = Fe(o, 1e3 * T(o, e) / 2, ue(o, e));
+  return [F(i[0], t), F(i[1], t)];
 }
-function Ue({ featureCoords: o, precision: e, unproject: t, project: i, projection: n }) {
+function Re({ featureCoords: o, precision: e, unproject: t, project: i, projection: n }) {
   const s = [];
   for (let r = 0; r < o.length - 1; r++) {
     let a;
-    if (n === "web-mercator") a = dt(o[r], o[r + 1], e, i, t);
+    if (n === "web-mercator") a = ht(o[r], o[r + 1], e, i, t);
     else {
       if (n !== "globe") throw new Error("Invalid projection");
-      a = Bt(o[r], o[r + 1], e);
+      a = At(o[r], o[r + 1], e);
     }
     s.push(a);
   }
   return s;
 }
-class At extends W {
+class Gt extends W {
   constructor(e, t) {
     super(e), this.config = void 0, this.selectionPointBehavior = void 0, this._midPoints = [], this.config = e, this.selectionPointBehavior = t;
   }
@@ -1076,17 +1119,17 @@ class At extends W {
   create(e, t, i) {
     if (!this.store.has(t)) throw new Error("Store does not have feature with this id");
     this._midPoints = this.store.create(function(n, s, r, a, l, d) {
-      return Ue({ featureCoords: n, precision: r, project: a, unproject: l, projection: d }).map((c, h) => ({ geometry: { type: "Point", coordinates: c }, properties: s(h) }));
-    }(e, (n) => ({ mode: this.mode, [T.MID_POINT]: !0, midPointSegment: n, midPointFeatureId: t }), i, this.config.project, this.config.unproject, this.projection));
+      return Re({ featureCoords: n, precision: r, project: a, unproject: l, projection: d }).map((h, c) => ({ geometry: { type: "Point", coordinates: h }, properties: s(c) }));
+    }(e, (n) => ({ mode: this.mode, [V.MID_POINT]: !0, midPointSegment: n, midPointFeatureId: t }), i, this.config.project, this.config.unproject, this.projection));
   }
   delete() {
     this._midPoints.length && (this.store.delete(this._midPoints), this._midPoints = []);
   }
   getUpdated(e) {
-    if (this._midPoints.length !== 0) return Ue({ featureCoords: e, precision: this.coordinatePrecision, project: this.config.project, unproject: this.config.unproject, projection: this.config.projection }).map((t, i) => ({ id: this._midPoints[i], geometry: { type: "Point", coordinates: t } }));
+    if (this._midPoints.length !== 0) return Re({ featureCoords: e, precision: this.coordinatePrecision, project: this.config.project, unproject: this.config.unproject, projection: this.config.projection }).map((t, i) => ({ id: this._midPoints[i], geometry: { type: "Point", coordinates: t } }));
   }
 }
-class Gt extends W {
+class Tt extends W {
   constructor(e) {
     super(e), this._selectionPoints = [];
   }
@@ -1116,12 +1159,12 @@ function ct(o, e) {
   let t = !1;
   for (let r = 0, a = e.length; r < a; r++) {
     const l = e[r];
-    for (let d = 0, c = l.length, h = c - 1; d < c; h = d++) (n = l[d])[1] > (i = o)[1] != (s = l[h])[1] > i[1] && i[0] < (s[0] - n[0]) * (i[1] - n[1]) / (s[1] - n[1]) + n[0] && (t = !t);
+    for (let d = 0, h = l.length, c = h - 1; d < h; c = d++) (n = l[d])[1] > (i = o)[1] != (s = l[c])[1] > i[1] && i[0] < (s[0] - n[0]) * (i[1] - n[1]) / (s[1] - n[1]) + n[0] && (t = !t);
   }
   var i, n, s;
   return t;
 }
-const ht = (o, e, t) => {
+const ut = (o, e, t) => {
   const i = (s) => s * s, n = (s, r) => i(s.x - r.x) + i(s.y - r.y);
   return Math.sqrt(((s, r, a) => {
     const l = n(r, a);
@@ -1136,17 +1179,17 @@ class Vt extends W {
   }
   find(e, t) {
     let i, n, s, r, a = 1 / 0, l = 1 / 0, d = 1 / 0;
-    const c = this.createClickBoundingBox.create(e), 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(e), 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 || !t && p.properties[T.MID_POINT]) continue;
+        if (p.properties.selectionPoint || !t && p.properties[V.MID_POINT]) continue;
         const y = this.pixelDistance.measure(e, g.coordinates);
-        p.properties[T.MID_POINT] && y < this.pointerDistance && y < d ? (d = y, s = p) : !p.properties[T.MID_POINT] && y < this.pointerDistance && y < a && (a = y, i = p);
+        p.properties[V.MID_POINT] && y < this.pointerDistance && y < d ? (d = y, s = p) : !p.properties[V.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 P = g.coordinates[y], f = g.coordinates[y + 1], m = ht({ x: e.containerX, y: e.containerY }, this.project(P[0], P[1]), this.project(f[0], f[1]));
+          const C = g.coordinates[y], f = g.coordinates[y + 1], m = ut({ x: e.containerX, y: e.containerY }, this.project(C[0], C[1]), this.project(f[0], f[1]));
           m < this.pointerDistance && m < l && (l = m, n = p);
         }
       } else if (g.type === "Polygon") {
@@ -1157,7 +1200,7 @@ class Vt extends W {
     return { clickedFeature: i || n || r, clickedMidPoint: s };
   }
 }
-class Tt extends W {
+class Ut extends W {
   constructor(e, t, i, n) {
     super(e), 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 = e, this.featuresAtCursorEvent = t, this.selectionPoints = i, this.midPoints = n;
   }
@@ -1181,26 +1224,26 @@ class Tt extends W {
       let s, r;
       if (i.type === "Polygon" ? (s = i.coordinates[0], r = s.length - 1) : (s = i.coordinates, r = s.length), !this.dragPosition) return !1;
       for (let d = 0; d < r; d++) {
-        const c = s[d];
-        let h, u;
+        const h = s[d];
+        let c, u;
         if (this.config.projection === "web-mercator") {
-          const p = x(this.dragPosition[0], this.dragPosition[1]), g = x(n[0], n[1]), y = x(c[0], c[1]), P = { x: p.x - g.x, y: p.y - g.y }, f = y.x - P.x, m = y.y - P.y, { lng: C, lat: v } = k(f, m);
-          h = C, u = v;
+          const p = x(this.dragPosition[0], this.dragPosition[1]), g = x(n[0], n[1]), y = x(h[0], h[1]), C = { x: p.x - g.x, y: p.y - g.y }, f = y.x - C.x, m = y.y - C.y, { lng: P, lat: v } = L(f, m);
+          c = P, u = v;
         } else {
           const p = [this.dragPosition[0] - n[0], this.dragPosition[1] - n[1]];
-          h = c[0] - p[0], u = c[1] - p[1];
+          c = h[0] - p[0], u = h[1] - p[1];
         }
-        if (h = E(h, this.config.coordinatePrecision), u = E(u, this.config.coordinatePrecision), h > 180 || h < -180 || u > 90 || u < -90) return !1;
-        s[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;
+        s[d] = [c, u];
       }
       i.type === "Polygon" && (s[s.length - 1] = [s[0][0], s[0][1]]);
       const a = this.selectionPoints.getUpdated(s) || [], l = this.midPoints.getUpdated(s) || [];
-      if (t && !t({ type: "Feature", id: this.draggedFeatureId, geometry: i, properties: {} }, { project: this.config.project, unproject: this.config.unproject, coordinatePrecision: this.config.coordinatePrecision, updateType: b.Provisional }).valid) return !1;
+      if (t && !t({ type: "Feature", id: this.draggedFeatureId, geometry: i, properties: {} }, { project: this.config.project, unproject: this.config.unproject, coordinatePrecision: this.config.coordinatePrecision, updateType: w.Provisional }).valid) return !1;
       this.store.updateGeometry([{ id: this.draggedFeatureId, geometry: i }, ...a, ...l]), this.dragPosition = [e.lng, e.lat];
     } else i.type === "Point" && (this.store.updateGeometry([{ id: this.draggedFeatureId, geometry: { type: "Point", coordinates: n } }]), this.dragPosition = [e.lng, e.lat]);
   }
 }
-class Ut extends W {
+class Rt extends W {
   constructor(e, t, i, n) {
     super(e), this.config = void 0, this.pixelDistance = void 0, this.selectionPoints = void 0, this.midPoints = void 0, this.draggedCoordinate = { id: null, index: -1 }, this.config = e, this.pixelDistance = t, this.selectionPoints = i, this.midPoints = n;
   }
@@ -1226,16 +1269,16 @@ class Ut extends W {
     return n.index === -1 ? -1 : n.index;
   }
   drag(e, t, i) {
-    if (!this.draggedCoordinate.id) return !1;
+    if (this.draggedCoordinate.id === null) return !1;
     const n = this.draggedCoordinate.index, s = this.store.getGeometryCopy(this.draggedCoordinate.id), r = s.type === "LineString" ? s.coordinates : s.coordinates[0], a = [e.lng, e.lat];
     if (e.lng > 180 || e.lng < -180 || e.lat > 90 || e.lat < -90) return !1;
     if (s.type !== "Polygon" || n !== r.length - 1 && n !== 0) r[n] = a;
     else {
-      const h = r.length - 1;
-      r[0] = a, r[h] = a;
+      const c = r.length - 1;
+      r[0] = a, r[c] = a;
     }
-    const l = this.selectionPoints.getOneUpdated(n, a), d = l ? [l] : [], c = this.midPoints.getUpdated(r) || [];
-    return !(s.type !== "Point" && !t && Me({ type: "Feature", geometry: s, properties: {} }) || i && !i({ type: "Feature", id: this.draggedCoordinate.id, geometry: s, properties: {} }, { project: this.config.project, unproject: this.config.unproject, coordinatePrecision: this.config.coordinatePrecision, updateType: b.Provisional }).valid || (this.store.updateGeometry([{ id: this.draggedCoordinate.id, geometry: s }, ...d, ...c]), 0));
+    const l = this.selectionPoints.getOneUpdated(n, a), d = l ? [l] : [], h = this.midPoints.getUpdated(r) || [];
+    return !(s.type !== "Point" && !t && be({ geometry: s }) || i && !i({ type: "Feature", id: this.draggedCoordinate.id, geometry: s, properties: {} }, { project: this.config.project, unproject: this.config.unproject, coordinatePrecision: this.config.coordinatePrecision, updateType: w.Provisional }).valid || (this.store.updateGeometry([{ id: this.draggedCoordinate.id, geometry: s }, ...d, ...h]), 0));
   }
   isDragging() {
     return this.draggedCoordinate.id !== null;
@@ -1247,21 +1290,21 @@ class Ut extends W {
     this.draggedCoordinate = { id: null, index: -1 };
   }
 }
-function ue(o) {
+function pe(o) {
   let e = 0, t = 0, i = 0;
   return (o.geometry.type === "Polygon" ? o.geometry.coordinates[0].slice(0, -1) : o.geometry.coordinates).forEach((n) => {
     e += n[0], t += n[1], i++;
   }, !0), [e / i, t / i];
 }
-function ut(o, e) {
+function pt(o, e) {
   o[0] += o[0] - e[0] > 180 ? -360 : e[0] - o[0] > 180 ? 360 : 0;
-  const t = Ze, i = e[1] * Math.PI / 180, n = o[1] * Math.PI / 180, s = n - i;
+  const t = Qe, i = e[1] * Math.PI / 180, n = o[1] * Math.PI / 180, s = n - i;
   let r = Math.abs(o[0] - e[0]) * Math.PI / 180;
   r > Math.PI && (r -= 2 * Math.PI);
   const a = Math.log(Math.tan(n / 2 + Math.PI / 4) / Math.tan(i / 2 + Math.PI / 4)), l = Math.abs(a) > 1e-11 ? s / a : Math.cos(i);
   return Math.sqrt(s * s + l * l * r * r) * t;
 }
-function pe(o) {
+function ge(o) {
   const e = (o.geometry.type === "Polygon" ? o.geometry.coordinates[0] : o.geometry.coordinates).map((t) => {
     const { x: i, y: n } = x(t[0], t[1]);
     return [i, n];
@@ -1270,8 +1313,8 @@ function pe(o) {
     let i = 0, n = 0, s = 0;
     const r = t.length;
     for (let a = 0; a < r - 1; a++) {
-      const [l, d] = t[a], [c, h] = t[a + 1], u = l * h - c * d;
-      i += u, n += (l + c) * u, s += (d + h) * u;
+      const [l, d] = t[a], [h, c] = t[a + 1], u = l * c - h * d;
+      i += u, n += (l + h) * u, s += (d + c) * u;
     }
     return i /= 2, n /= 6 * i, s /= 6 * i, { x: n, y: s };
   }(e) : function(t) {
@@ -1284,7 +1327,7 @@ function pe(o) {
     return { x: n / i, y: s / i };
   }(e);
 }
-class Rt extends W {
+class zt extends W {
   constructor(e, t, i) {
     super(e), this.config = void 0, this.selectionPoints = void 0, this.midPoints = void 0, this.lastBearing = void 0, this.config = e, this.selectionPoints = t, this.midPoints = i;
   }
@@ -1298,36 +1341,36 @@ class Rt extends W {
     let r;
     const a = { type: "Feature", geometry: n, properties: {} };
     if (this.config.projection === "web-mercator") {
-      if (r = G(pe(a), x(e.lng, e.lat)), !this.lastBearing) return void (this.lastBearing = r);
-      ((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 (r = G(ge(a), x(e.lng, e.lat)), !this.lastBearing) return void (this.lastBearing = r);
+      ((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 P = 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 }) => [k(f, m).lng, k(f, m).lat]);
-        h.geometry.type === "Polygon" ? h.geometry.coordinates[0] = P : h.geometry.coordinates = P;
+        const C = 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 }) => [L(f, m).lng, L(f, m).lat]);
+        c.geometry.type === "Polygon" ? c.geometry.coordinates[0] = C : c.geometry.coordinates = C;
       })(a, -(this.lastBearing - r));
     } else {
       if (this.config.projection !== "globe") throw new Error("Unsupported projection");
-      if (r = he(ue({ type: "Feature", geometry: n, properties: {} }), s), !this.lastBearing) return void (this.lastBearing = r + 180);
-      (function(h, u) {
-        if (u === 0 || u === 360 || u === -360) return h;
-        const p = ue(h);
-        (h.geometry.type === "Polygon" ? h.geometry.coordinates[0] : h.geometry.coordinates).forEach((g) => {
-          const y = he(p, g) + u, P = ut(p, g), f = Ie(p, P, y);
+      if (r = ue(pe({ geometry: n }), s), !this.lastBearing) return void (this.lastBearing = r + 180);
+      (function(c, u) {
+        if (u === 0 || u === 360 || u === -360) return c;
+        const p = pe(c);
+        (c.geometry.type === "Polygon" ? c.geometry.coordinates[0] : c.geometry.coordinates).forEach((g) => {
+          const y = ue(p, g) + u, C = pt(p, g), f = Fe(p, C, y);
           g[0] = f[0], g[1] = f[1];
         });
       })(a, -(this.lastBearing - (r + 180)));
     }
     const l = n.type === "Polygon" ? n.coordinates[0] : n.coordinates;
-    l.forEach((h) => {
-      h[0] = E(h[0], this.coordinatePrecision), h[1] = E(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: t, type: "Feature", geometry: n, properties: {} }, { project: this.config.project, unproject: this.config.unproject, coordinatePrecision: this.config.coordinatePrecision, updateType: b.Provisional })) return !1;
-    this.store.updateGeometry([{ id: t, geometry: n }, ...c, ...d]), this.projection === "web-mercator" ? this.lastBearing = r : this.projection === "globe" && (this.lastBearing = r + 180);
+    const d = this.midPoints.getUpdated(l) || [], h = this.selectionPoints.getUpdated(l) || [];
+    if (i && !i({ id: t, type: "Feature", geometry: n, properties: {} }, { project: this.config.project, unproject: this.config.unproject, coordinatePrecision: this.config.coordinatePrecision, updateType: w.Provisional })) return !1;
+    this.store.updateGeometry([{ id: t, geometry: n }, ...h, ...d]), this.projection === "web-mercator" ? this.lastBearing = r : this.projection === "globe" && (this.lastBearing = r + 180);
   }
 }
-class zt extends W {
+class Kt extends W {
   constructor(e, t, i) {
     super(e), this.config = void 0, this.selectionPoints = void 0, this.midPoints = void 0, this.lastDistance = void 0, this.config = e, this.selectionPoints = t, this.midPoints = i;
   }
@@ -1339,39 +1382,39 @@ class zt extends W {
     if (n.type !== "Polygon" && n.type !== "LineString") return;
     const s = [e.lng, e.lat], r = { type: "Feature", geometry: n, properties: {} };
     let a;
-    const l = pe(r);
+    const l = ge(r);
     if (this.config.projection === "web-mercator") {
       const p = x(e.lng, e.lat);
       a = D(l, p);
     } else {
       if (this.config.projection !== "globe") throw new Error("Invalid projection");
-      a = V(ue({ type: "Feature", geometry: n, properties: {} }), s);
+      a = T(pe({ geometry: n }), s);
     }
     if (!this.lastDistance) return void (this.lastDistance = a);
     const d = 1 - (this.lastDistance - a) / a;
     if (this.config.projection === "web-mercator") {
-      const { lng: p, lat: g } = k(l.x, l.y);
-      (function(y, P, f) {
-        if (P === 1) return y;
-        const m = (y.geometry.type === "Polygon" ? y.geometry.coordinates[0] : y.geometry.coordinates).map(([S, w]) => x(S, w)), C = x(f[0], f[1]), v = m.map((S) => ({ x: C.x + (S.x - C.x) * P, y: C.y + (S.y - C.y) * P })).map(({ x: S, y: w }) => [k(S, w).lng, k(S, w).lat]);
+      const { lng: p, lat: g } = L(l.x, l.y);
+      (function(y, C, f) {
+        if (C === 1) return y;
+        const m = (y.geometry.type === "Polygon" ? y.geometry.coordinates[0] : y.geometry.coordinates).map(([S, I]) => x(S, I)), P = x(f[0], f[1]), v = m.map((S) => ({ x: P.x + (S.x - P.x) * C, y: P.y + (S.y - P.y) * C })).map(({ x: S, y: I }) => [L(S, I).lng, L(S, I).lat]);
         y.geometry.type === "Polygon" ? y.geometry.coordinates[0] = v : y.geometry.coordinates = v;
       })(r, d, [p, g]);
-    } else this.config.projection === "globe" && function(p, g, y, P = "xy") {
+    } else this.config.projection === "globe" && function(p, g, y, C = "xy") {
       g === 1 || (p.geometry.type === "Polygon" ? p.geometry.coordinates[0] : p.geometry.coordinates).forEach((f) => {
-        const m = ut(y, f), C = he(y, f), v = Ie(y, m * g, C);
-        P !== "x" && P !== "xy" || (f[0] = v[0]), P !== "y" && P !== "xy" || (f[1] = v[1]);
+        const m = pt(y, f), P = ue(y, f), v = Fe(y, m * g, P);
+        C !== "x" && C !== "xy" || (f[0] = v[0]), C !== "y" && C !== "xy" || (f[1] = v[1]);
       });
-    }(r, d, ue(r));
-    const c = n.type === "Polygon" ? n.coordinates[0] : n.coordinates;
-    c.forEach((p) => {
-      p[0] = E(p[0], this.coordinatePrecision), p[1] = E(p[1], this.coordinatePrecision);
+    }(r, d, pe(r));
+    const h = n.type === "Polygon" ? n.coordinates[0] : n.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: t, type: "Feature", geometry: n, properties: {} }, { project: this.config.project, unproject: this.config.unproject, coordinatePrecision: this.config.coordinatePrecision, updateType: b.Provisional })) return !1;
-    this.store.updateGeometry([{ id: t, geometry: n }, ...u, ...h]), this.lastDistance = a;
+    const c = this.midPoints.getUpdated(h) || [], u = this.selectionPoints.getUpdated(h) || [];
+    if (i && !i({ id: t, type: "Feature", geometry: n, properties: {} }, { project: this.config.project, unproject: this.config.unproject, coordinatePrecision: this.config.coordinatePrecision, updateType: w.Provisional })) return !1;
+    this.store.updateGeometry([{ id: t, geometry: n }, ...u, ...c]), this.lastDistance = a;
   }
 }
-class Kt extends W {
+class Xt extends W {
   constructor(e, t, i, n) {
     super(e), 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 = e, this.pixelDistance = t, this.selectionPoints = i, this.midPoints = n;
   }
@@ -1430,18 +1473,18 @@ class Kt extends W {
   centerWebMercatorDrag(e) {
     const t = this.getSelectedFeatureDataWebMercator();
     if (!t) return null;
-    const { feature: i, boundingBox: n, updatedCoords: s, selectedCoordinate: r } = t, a = pe(i);
+    const { feature: i, boundingBox: n, updatedCoords: s, selectedCoordinate: r } = t, a = ge(i);
     if (!a) return null;
-    const l = x(r[0], r[1]), { closestBBoxIndex: d } = this.getIndexesWebMercator(n, l), c = x(e.lng, e.lat);
-    return this.scaleWebMercator({ closestBBoxIndex: d, updatedCoords: s, webMercatorCursor: c, webMercatorSelected: l, webMercatorOrigin: a }), s;
+    const l = x(r[0], r[1]), { closestBBoxIndex: d } = this.getIndexesWebMercator(n, l), h = x(e.lng, e.lat);
+    return this.scaleWebMercator({ closestBBoxIndex: d, updatedCoords: s, webMercatorCursor: h, webMercatorSelected: l, webMercatorOrigin: a }), s;
   }
   centerFixedWebMercatorDrag(e) {
     const t = this.getSelectedFeatureDataWebMercator();
     if (!t) return null;
-    const { feature: i, boundingBox: n, updatedCoords: s, selectedCoordinate: r } = t, a = pe(i);
+    const { feature: i, boundingBox: n, updatedCoords: s, selectedCoordinate: r } = t, a = ge(i);
     if (!a) return null;
-    const l = x(r[0], r[1]), { closestBBoxIndex: d } = this.getIndexesWebMercator(n, l), c = x(e.lng, e.lat);
-    return this.scaleFixedWebMercator({ closestBBoxIndex: d, updatedCoords: s, webMercatorCursor: c, webMercatorSelected: l, webMercatorOrigin: a }), s;
+    const l = x(r[0], r[1]), { closestBBoxIndex: d } = this.getIndexesWebMercator(n, l), h = x(e.lng, e.lat);
+    return this.scaleFixedWebMercator({ closestBBoxIndex: d, updatedCoords: s, webMercatorCursor: h, webMercatorSelected: l, webMercatorOrigin: a }), s;
   }
   scaleFixedWebMercator({ closestBBoxIndex: e, webMercatorOrigin: t, webMercatorSelected: i, webMercatorCursor: n, updatedCoords: s }) {
     if (!this.isValidDragWebMercator(e, t.x - n.x, t.y - n.y)) return null;
@@ -1451,14 +1494,14 @@ class Kt extends W {
   oppositeFixedWebMercatorDrag(e) {
     const t = this.getSelectedFeatureDataWebMercator();
     if (!t) return null;
-    const { boundingBox: i, updatedCoords: n, selectedCoordinate: s } = t, r = x(s[0], s[1]), { oppositeBboxIndex: a, closestBBoxIndex: l } = this.getIndexesWebMercator(i, r), d = { x: i[a][0], y: i[a][1] }, c = x(e.lng, e.lat);
-    return this.scaleFixedWebMercator({ closestBBoxIndex: l, updatedCoords: n, webMercatorCursor: c, webMercatorSelected: r, webMercatorOrigin: d }), n;
+    const { boundingBox: i, updatedCoords: n, selectedCoordinate: s } = t, r = x(s[0], s[1]), { oppositeBboxIndex: a, closestBBoxIndex: l } = this.getIndexesWebMercator(i, r), d = { x: i[a][0], y: i[a][1] }, h = x(e.lng, e.lat);
+    return this.scaleFixedWebMercator({ closestBBoxIndex: l, updatedCoords: n, webMercatorCursor: h, webMercatorSelected: r, webMercatorOrigin: d }), n;
   }
   oppositeWebMercatorDrag(e) {
     const t = this.getSelectedFeatureDataWebMercator();
     if (!t) return null;
-    const { boundingBox: i, updatedCoords: n, selectedCoordinate: s } = t, r = x(s[0], s[1]), { oppositeBboxIndex: a, closestBBoxIndex: l } = this.getIndexesWebMercator(i, r), d = { x: i[a][0], y: i[a][1] }, c = x(e.lng, e.lat);
-    return this.scaleWebMercator({ closestBBoxIndex: l, updatedCoords: n, webMercatorCursor: c, webMercatorSelected: r, webMercatorOrigin: d }), n;
+    const { boundingBox: i, updatedCoords: n, selectedCoordinate: s } = t, r = x(s[0], s[1]), { oppositeBboxIndex: a, closestBBoxIndex: l } = this.getIndexesWebMercator(i, r), d = { x: i[a][0], y: i[a][1] }, h = x(e.lng, e.lat);
+    return this.scaleWebMercator({ closestBBoxIndex: l, updatedCoords: n, webMercatorCursor: h, webMercatorSelected: r, webMercatorOrigin: d }), n;
   }
   scaleWebMercator({ closestBBoxIndex: e, webMercatorOrigin: t, webMercatorSelected: i, webMercatorCursor: n, updatedCoords: s }) {
     const r = t.x - n.x, a = t.y - n.y;
@@ -1482,8 +1525,8 @@ class Kt extends W {
   }
   performWebMercatorScale(e, t, i, n, s) {
     e.forEach((r) => {
-      const { x: a, y: l } = x(r[0], r[1]), d = t + (a - t) * n, c = i + (l - i) * s, { lng: h, lat: u } = k(d, c);
-      r[0] = h, r[1] = u;
+      const { x: a, y: l } = x(r[0], r[1]), d = t + (a - t) * n, h = i + (l - i) * s, { lng: c, lat: u } = L(d, h);
+      r[0] = c, r[1] = u;
     });
   }
   getBBoxWebMercator(e) {
@@ -1526,14 +1569,14 @@ class Kt extends W {
     let s = null;
     if (t === "center" ? s = this.centerWebMercatorDrag(e) : t === "opposite" ? s = this.oppositeWebMercatorDrag(e) : t === "center-fixed" ? s = this.centerFixedWebMercatorDrag(e) : t === "opposite-fixed" && (s = this.oppositeFixedWebMercatorDrag(e)), !s) return !1;
     for (let d = 0; d < s.length; d++) {
-      const c = s[d];
-      if (c[0] = E(c[0], this.coordinatePrecision), c[1] = E(c[1], this.coordinatePrecision), !ge(c, this.coordinatePrecision)) return !1;
+      const h = s[d];
+      if (h[0] = F(h[0], this.coordinatePrecision), h[1] = F(h[1], this.coordinatePrecision), !ye(h, this.coordinatePrecision)) return !1;
     }
     const r = this.midPoints.getUpdated(s) || [], a = this.selectionPoints.getUpdated(s) || [], l = { type: n.geometry.type, coordinates: n.geometry.type === "Polygon" ? [s] : s };
-    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: b.Provisional }).valid || (this.store.updateGeometry([{ id: this.draggedCoordinate.id, geometry: l }, ...a, ...r]), 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: w.Provisional }).valid || (this.store.updateGeometry([{ id: this.draggedCoordinate.id, geometry: l }, ...a, ...r]), 0));
   }
 }
-class Xt extends xt {
+class Yt extends Mt {
   constructor(e) {
     var t;
     super(e), 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 = e && e.flags ? e.flags : {};
@@ -1556,13 +1599,13 @@ class Xt extends xt {
     this._state = "selecting";
   }
   registerBehaviors(e) {
-    this.pixelDistance = new be(e), this.clickBoundingBox = new we(e), this.featuresAtMouseEvent = new Vt(e, this.clickBoundingBox, this.pixelDistance), this.selectionPoints = new Gt(e), this.midPoints = new At(e, this.selectionPoints), this.rotateFeature = new Rt(e, this.selectionPoints, this.midPoints), this.scaleFeature = new zt(e, this.selectionPoints, this.midPoints), this.dragFeature = new Tt(e, this.featuresAtMouseEvent, this.selectionPoints, this.midPoints), this.dragCoordinate = new Ut(e, this.pixelDistance, this.selectionPoints, this.midPoints), this.dragCoordinateResizeFeature = new Kt(e, this.pixelDistance, this.selectionPoints, this.midPoints);
+    this.pixelDistance = new Ce(e), this.clickBoundingBox = new me(e), this.featuresAtMouseEvent = new Vt(e, this.clickBoundingBox, this.pixelDistance), this.selectionPoints = new Tt(e), this.midPoints = new Gt(e, this.selectionPoints), this.rotateFeature = new zt(e, this.selectionPoints, this.midPoints), this.scaleFeature = new Kt(e, this.selectionPoints, this.midPoints), this.dragFeature = new Ut(e, this.featuresAtMouseEvent, this.selectionPoints, this.midPoints), this.dragCoordinate = new Rt(e, this.pixelDistance, this.selectionPoints, this.midPoints), this.dragCoordinateResizeFeature = new Xt(e, this.pixelDistance, this.selectionPoints, this.midPoints);
   }
   deselectFeature() {
     this.deselect();
   }
   deselect() {
-    const e = this.selected.filter((t) => this.store.has(t)).map((t) => ({ id: t, property: T.SELECTED, value: !1 }));
+    const e = this.selected.filter((t) => this.store.has(t)).map((t) => ({ id: t, property: V.SELECTED, value: !1 }));
     this.store.updateProperty(e), this.onDeselect(this.selected[0]), this.selected = [], this.selectionPoints.delete(), this.midPoints.delete();
   }
   deleteSelected() {
@@ -1571,21 +1614,18 @@ class Xt extends xt {
   onRightClick(e) {
     if (!this.selectionPoints.ids.length) return;
     let t, i = 1 / 0;
-    if (this.selectionPoints.ids.forEach((h) => {
-      const u = this.store.getGeometryCopy(h), p = this.pixelDistance.measure(e, u.coordinates);
-      p < this.pointerDistance && p < i && (i = p, t = this.store.getPropertiesCopy(h));
+    if (this.selectionPoints.ids.forEach((c) => {
+      const u = this.store.getGeometryCopy(c), p = this.pixelDistance.measure(e, u.coordinates);
+      p < this.pointerDistance && p < i && (i = p, t = this.store.getPropertiesCopy(c));
     }), !t) return;
     const n = t.selectionPointFeatureId, s = t.index, r = this.store.getPropertiesCopy(n), a = this.flags[r.mode], l = this.validations[r.mode];
     if (!(a && a.feature && a.feature.coordinates && a.feature.coordinates.deletable)) return;
     const d = this.store.getGeometryCopy(n);
-    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 <= 3)) return;
-    if (c) {
-      if (d.type === "Polygon" && s === 0 || s === c.length - 1 ? (c.shift(), c.pop(), c.push([c[0][0], c[0][1]])) : c.splice(s, 1), l && !l({ id: n, type: "Feature", geometry: d, properties: r }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: b.Commit }).valid) return;
-      this.store.delete([...this.midPoints.ids, ...this.selectionPoints.ids]), this.store.updateGeometry([{ id: n, geometry: d }]), this.selectionPoints.create(c, d.type, n), a && a.feature && a.feature.coordinates && a.feature.coordinates.midpoints && this.midPoints.create(c, n, 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" || s !== 0 && s !== h.length - 1 ? h.splice(s, 1) : (h.shift(), h.pop(), h.push([h[0][0], h[0][1]])), (!l || l({ id: n, type: "Feature", geometry: d, properties: r }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: w.Commit }).valid) && (this.store.delete([...this.midPoints.ids, ...this.selectionPoints.ids]), this.store.updateGeometry([{ id: n, geometry: d }]), this.selectionPoints.create(h, d.type, n), a && a.feature && a.feature.coordinates && a.feature.coordinates.midpoints && this.midPoints.create(h, n, this.coordinatePrecision)));
   }
   select(e, t = !0) {
     if (this.selected[0] === e) return;
@@ -1686,7 +1726,7 @@ class Xt extends xt {
     if (e.properties.mode === this.mode && e.geometry.type === "Point") {
       if (e.properties.selectionPoint) return t.pointColor = this.getHexColorStylingValue(this.styles.selectionPointColor, t.pointColor, e), t.pointOutlineColor = this.getHexColorStylingValue(this.styles.selectionPointOutlineColor, t.pointOutlineColor, e), t.pointWidth = this.getNumericStylingValue(this.styles.selectionPointWidth, t.pointWidth, e), t.pointOutlineWidth = this.getNumericStylingValue(this.styles.selectionPointOutlineWidth, 2, e), t.zIndex = 30, t;
       if (e.properties.midPoint) return t.pointColor = this.getHexColorStylingValue(this.styles.midPointColor, t.pointColor, e), t.pointOutlineColor = this.getHexColorStylingValue(this.styles.midPointOutlineColor, t.pointOutlineColor, e), t.pointWidth = this.getNumericStylingValue(this.styles.midPointWidth, 4, e), t.pointOutlineWidth = this.getNumericStylingValue(this.styles.midPointOutlineWidth, 2, e), t.zIndex = 40, t;
-    } else if (e.properties[T.SELECTED]) {
+    } else if (e.properties[V.SELECTED]) {
       if (e.geometry.type === "Polygon") return t.polygonFillColor = this.getHexColorStylingValue(this.styles.selectedPolygonColor, t.polygonFillColor, e), t.polygonOutlineWidth = this.getNumericStylingValue(this.styles.selectedPolygonOutlineWidth, t.polygonOutlineWidth, e), t.polygonOutlineColor = this.getHexColorStylingValue(this.styles.selectedPolygonOutlineColor, t.polygonOutlineColor, e), t.polygonFillOpacity = this.getNumericStylingValue(this.styles.selectedPolygonFillOpacity, t.polygonFillOpacity, e), t.zIndex = 10, t;
       if (e.geometry.type === "LineString") return t.lineStringColor = this.getHexColorStylingValue(this.styles.selectedLineStringColor, t.lineStringColor, e), t.lineStringWidth = this.getNumericStylingValue(this.styles.selectedLineStringWidth, t.lineStringWidth, e), t.zIndex = 10, t;
       if (e.geometry.type === "Point") return t.pointWidth = this.getNumericStylingValue(this.styles.selectedPointWidth, t.pointWidth, e), t.pointColor = this.getHexColorStylingValue(this.styles.selectedPointColor, t.pointColor, e), t.pointOutlineColor = this.getHexColorStylingValue(this.styles.selectedPointOutlineColor, t.pointOutlineColor, e), t.pointOutlineWidth = this.getNumericStylingValue(this.styles.selectedPointOutlineWidth, t.pointOutlineWidth, e), t.zIndex = 10, t;
@@ -1694,9 +1734,9 @@ class Xt extends xt {
     return t;
   }
 }
-class Yt extends N {
+class Ht extends B {
   constructor(...e) {
-    super(...e), this.type = X.Static, this.mode = "static";
+    super(...e), this.type = Y.Static, this.mode = "static";
   }
   start() {
   }
@@ -1722,85 +1762,85 @@ class Yt extends N {
     return M({}, { polygonFillColor: "#3f97e0", polygonOutlineColor: "#3f97e0", polygonOutlineWidth: 4, polygonFillOpacity: 0.3, pointColor: "#3f97e0", pointOutlineColor: "#ffffff", pointOutlineWidth: 0, pointWidth: 6, lineStringColor: "#3f97e0", lineStringWidth: 4, zIndex: 0 });
   }
 }
-function pt(o, e, t, i, n) {
+function gt(o, e, t, i, n) {
   for (; i > t; ) {
     if (i - t > 600) {
-      const l = i - t + 1, d = e - t + 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);
-      pt(o, e, Math.max(t, Math.floor(e - d * h / l + u)), Math.min(i, Math.floor(e + (l - d) * h / l + u)), n);
+      const l = i - t + 1, d = e - t + 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);
+      gt(o, e, Math.max(t, Math.floor(e - d * c / l + u)), Math.min(i, Math.floor(e + (l - d) * c / l + u)), n);
     }
     const s = o[e];
     let r = t, a = i;
-    for (Z(o, t, e), n(o[i], s) > 0 && Z(o, t, i); r < a; ) {
-      for (Z(o, r, a), r++, a--; n(o[r], s) < 0; ) r++;
+    for (Q(o, t, e), n(o[i], s) > 0 && Q(o, t, i); r < a; ) {
+      for (Q(o, r, a), r++, a--; n(o[r], s) < 0; ) r++;
       for (; n(o[a], s) > 0; ) a--;
     }
-    n(o[t], s) === 0 ? Z(o, t, a) : (a++, Z(o, a, i)), a <= e && (t = a + 1), e <= a && (i = a - 1);
+    n(o[t], s) === 0 ? Q(o, t, a) : (a++, Q(o, a, i)), a <= e && (t = a + 1), e <= a && (i = a - 1);
   }
 }
-function Z(o, e, t) {
+function Q(o, e, t) {
   const i = o[e];
   o[e] = o[t], o[t] = i;
 }
-function Y(o, e) {
-  ee(o, 0, o.children.length, e, o);
+function H(o, e) {
+  te(o, 0, o.children.length, e, o);
 }
-function ee(o, e, t, i, n) {
-  n || (n = $([])), n.minX = 1 / 0, n.minY = 1 / 0, n.maxX = -1 / 0, n.maxY = -1 / 0;
+function te(o, e, t, i, n) {
+  n || (n = J([])), n.minX = 1 / 0, n.minY = 1 / 0, n.maxX = -1 / 0, n.maxY = -1 / 0;
   for (let s = e; s < t; s++) {
     const r = o.children[s];
-    te(n, o.leaf ? i(r) : r);
+    ie(n, o.leaf ? i(r) : r);
   }
   return n;
 }
-function te(o, e) {
+function ie(o, e) {
   return o.minX = Math.min(o.minX, e.minX), o.minY = Math.min(o.minY, e.minY), o.maxX = Math.max(o.maxX, e.maxX), o.maxY = Math.max(o.maxY, e.maxY), o;
 }
-function Ht(o, e) {
+function $t(o, e) {
   return o.minX - e.minX;
 }
-function $t(o, e) {
+function Jt(o, e) {
   return o.minY - e.minY;
 }
-function Ce(o) {
+function Se(o) {
   return (o.maxX - o.minX) * (o.maxY - o.minY);
 }
-function ae(o) {
+function le(o) {
   return o.maxX - o.minX + (o.maxY - o.minY);
 }
-function Jt(o, e) {
+function qt(o, e) {
   const t = Math.max(o.minX, e.minX), i = Math.max(o.minY, e.minY), n = Math.min(o.maxX, e.maxX), s = Math.min(o.maxY, e.maxY);
   return Math.max(0, n - t) * Math.max(0, s - i);
 }
-function Pe(o, e) {
+function xe(o, e) {
   return o.minX <= e.minX && o.minY <= e.minY && e.maxX <= o.maxX && e.maxY <= o.maxY;
 }
-function le(o, e) {
+function de(o, e) {
   return e.minX <= o.maxX && e.minY <= o.maxY && e.maxX >= o.minX && e.maxY >= o.minY;
 }
-function $(o) {
+function J(o) {
   return { children: o, height: 1, leaf: !0, minX: 1 / 0, minY: 1 / 0, maxX: -1 / 0, maxY: -1 / 0 };
 }
-function Re(o, e, t, i, n) {
+function ze(o, e, t, i, n) {
   const s = [e, t];
   for (; s.length; ) {
     if ((t = s.pop()) - (e = s.pop()) <= i) continue;
     const r = e + Math.ceil((t - e) / i / 2) * i;
-    pt(o, r, e, t, n), s.push(e, r, r, t);
+    gt(o, r, e, t, n), s.push(e, r, r, t);
   }
 }
-class qt {
+class Zt {
   constructor(e) {
     this._maxEntries = void 0, this._minEntries = void 0, this.data = void 0, this._maxEntries = Math.max(4, e), this._minEntries = Math.max(2, Math.ceil(0.4 * this._maxEntries)), this.clear();
   }
   search(e) {
     let t = this.data;
     const i = [];
-    if (!le(e, t)) return i;
+    if (!de(e, t)) return i;
     const n = this.toBBox, s = [];
     for (; t; ) {
       for (let r = 0; r < t.children.length; r++) {
         const a = t.children[r], l = t.leaf ? n(a) : a;
-        le(e, l) && (t.leaf ? i.push(a) : Pe(e, l) ? this._all(a, i) : s.push(a));
+        de(e, l) && (t.leaf ? i.push(a) : xe(e, l) ? this._all(a, i) : s.push(a));
       }
       t = s.pop();
     }
@@ -1808,13 +1848,13 @@ class qt {
   }
   collides(e) {
     let t = this.data;
-    if (le(e, t)) {
+    if (de(e, t)) {
       const i = [];
       for (; t; ) {
         for (let n = 0; n < t.children.length; n++) {
           const s = t.children[n], r = t.leaf ? this.toBBox(s) : s;
-          if (le(e, r)) {
-            if (t.leaf || Pe(e, r)) return !0;
+          if (de(e, r)) {
+            if (t.leaf || xe(e, r)) return !0;
             i.push(s);
           }
         }
@@ -1843,7 +1883,7 @@ class qt {
     this._insert(e, this.data.height - 1);
   }
   clear() {
-    this.data = $([]);
+    this.data = J([]);
   }
   remove(e) {
     let t = this.data;
@@ -1854,7 +1894,7 @@ class qt {
         const d = t.children.indexOf(e);
         d !== -1 && (t.children.splice(d, 1), n.push(t), this._condense(n));
       }
-      l || t.leaf || !Pe(t, i) ? a ? (r++, t = a.children[r], l = !1) : t = null : (n.push(t), s.push(r), r = 0, a = t, t = t.children[0]);
+      l || t.leaf || !xe(t, i) ? a ? (r++, t = a.children[r], l = !1) : t = null : (n.push(t), s.push(r), r = 0, a = t, t = t.children[0]);
     }
   }
   toBBox(e) {
@@ -1874,26 +1914,26 @@ class qt {
   _build(e, t, i, n) {
     const s = i - t + 1;
     let r, a = this._maxEntries;
-    if (s <= a) return r = $(e.slice(t, i + 1)), Y(r, this.toBBox), r;
-    n || (n = Math.ceil(Math.log(s) / Math.log(a)), a = Math.ceil(s / Math.pow(a, n - 1))), r = $([]), r.leaf = !1, r.height = n;
+    if (s <= a) return r = J(e.slice(t, i + 1)), H(r, this.toBBox), r;
+    n || (n = Math.ceil(Math.log(s) / Math.log(a)), a = Math.ceil(s / Math.pow(a, n - 1))), r = J([]), r.leaf = !1, r.height = n;
     const l = Math.ceil(s / a), d = l * Math.ceil(Math.sqrt(a));
-    Re(e, t, i, d, this.compareMinX);
-    for (let c = t; c <= i; c += d) {
-      const h = Math.min(c + d - 1, i);
-      Re(e, c, h, l, this.compareMinY);
-      for (let u = c; u <= h; u += l) {
-        const p = Math.min(u + l - 1, h);
+    ze(e, t, i, d, this.compareMinX);
+    for (let h = t; h <= i; h += d) {
+      const c = Math.min(h + d - 1, i);
+      ze(e, h, c, l, this.compareMinY);
+      for (let u = h; u <= c; u += l) {
+        const p = Math.min(u + l - 1, c);
         r.children.push(this._build(e, u, p, n - 1));
       }
     }
-    return Y(r, this.toBBox), r;
+    return H(r, this.toBBox), r;
   }
   _chooseSubtree(e, t, i, n) {
     for (; n.push(t), !t.leaf && n.length - 1 !== i; ) {
       let a, l = 1 / 0, d = 1 / 0;
-      for (let c = 0; c < t.children.length; c++) {
-        const h = t.children[c], u = Ce(h), p = (s = e, r = h, (Math.max(r.maxX, s.maxX) - Math.min(r.minX, s.minX)) * (Math.max(r.maxY, s.maxY) - Math.min(r.minY, s.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 < t.children.length; h++) {
+        const c = t.children[h], u = Se(c), p = (s = e, r = c, (Math.max(r.maxX, s.maxX) - Math.min(r.minX, s.minX)) * (Math.max(r.maxY, s.maxY) - Math.min(r.minY, s.minY)) - u);
+        p < d ? (d = p, l = u < l ? u : l, a = c) : p === d && u < l && (l = u, a = c);
       }
       t = a || t.children[0];
     }
@@ -1902,54 +1942,54 @@ class qt {
   }
   _insert(e, t, i) {
     const n = i ? e : this.toBBox(e), s = [], r = this._chooseSubtree(n, this.data, t, s);
-    for (r.children.push(e), te(r, n); t >= 0 && s[t].children.length > this._maxEntries; ) this._split(s, t), t--;
+    for (r.children.push(e), ie(r, n); t >= 0 && s[t].children.length > this._maxEntries; ) this._split(s, t), t--;
     this._adjustParentBBoxes(n, s, t);
   }
   _split(e, t) {
     const i = e[t], n = i.children.length, s = this._minEntries;
     this._chooseSplitAxis(i, s, n);
-    const r = this._chooseSplitIndex(i, s, n), a = $(i.children.splice(r, i.children.length - r));
-    a.height = i.height, a.leaf = i.leaf, Y(i, this.toBBox), Y(a, this.toBBox), t ? e[t - 1].children.push(a) : this._splitRoot(i, a);
+    const r = this._chooseSplitIndex(i, s, n), a = J(i.children.splice(r, i.children.length - r));
+    a.height = i.height, a.leaf = i.leaf, H(i, this.toBBox), H(a, this.toBBox), t ? e[t - 1].children.push(a) : this._splitRoot(i, a);
   }
   _splitRoot(e, t) {
-    this.data = $([e, t]), this.data.height = e.height + 1, this.data.leaf = !1, Y(this.data, this.toBBox);
+    this.data = J([e, t]), this.data.height = e.height + 1, this.data.leaf = !1, H(this.data, this.toBBox);
   }
   _chooseSplitIndex(e, t, i) {
     let n, s = 1 / 0, r = 1 / 0;
     for (let a = t; a <= i - t; a++) {
-      const l = ee(e, 0, a, this.toBBox), d = ee(e, a, i, this.toBBox), c = Jt(l, d), h = Ce(l) + Ce(d);
-      c < s ? (s = c, n = a, r = h < r ? h : r) : c === s && h < r && (r = h, n = a);
+      const l = te(e, 0, a, this.toBBox), d = te(e, a, i, this.toBBox), h = qt(l, d), c = Se(l) + Se(d);
+      h < s ? (s = h, n = a, r = c < r ? c : r) : h === s && c < r && (r = c, n = a);
     }
     return n || i - t;
   }
   _chooseSplitAxis(e, t, i) {
-    const n = e.leaf ? this.compareMinX : Ht, s = e.leaf ? this.compareMinY : $t;
+    const n = e.leaf ? this.compareMinX : $t, s = e.leaf ? this.compareMinY : Jt;
     this._allDistMargin(e, t, i, n) < this._allDistMargin(e, t, i, s) && e.children.sort(n);
   }
   _allDistMargin(e, t, i, n) {
     e.children.sort(n);
-    const s = this.toBBox, r = ee(e, 0, t, s), a = ee(e, i - t, i, s);
-    let l = ae(r) + ae(a);
+    const s = this.toBBox, r = te(e, 0, t, s), a = te(e, i - t, i, s);
+    let l = le(r) + le(a);
     for (let d = t; d < i - t; d++) {
-      const c = e.children[d];
-      te(r, e.leaf ? s(c) : c), l += ae(r);
+      const h = e.children[d];
+      ie(r, e.leaf ? s(h) : h), l += le(r);
     }
     for (let d = i - t - 1; d >= t; d--) {
-      const c = e.children[d];
-      te(a, e.leaf ? s(c) : c), l += ae(a);
+      const h = e.children[d];
+      ie(a, e.leaf ? s(h) : h), l += le(a);
     }
     return l;
   }
   _adjustParentBBoxes(e, t, i) {
-    for (let n = i; n >= 0; n--) te(t[n], e);
+    for (let n = i; n >= 0; n--) ie(t[n], e);
   }
   _condense(e) {
-    for (let t, i = e.length - 1; i >= 0; i--) e[i].children.length === 0 ? i > 0 ? (t = e[i - 1].children, t.splice(t.indexOf(e[i]), 1)) : this.clear() : Y(e[i], this.toBBox);
+    for (let t, i = e.length - 1; i >= 0; i--) e[i].children.length === 0 ? i > 0 ? (t = e[i - 1].children, t.splice(t.indexOf(e[i]), 1)) : this.clear() : H(e[i], this.toBBox);
   }
 }
-class Zt {
+class Qt {
   constructor(e) {
-    this.tree = void 0, this.idToNode = void 0, this.nodeToId = void 0, this.tree = new qt(e && e.maxEntries ? e.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 Zt(e && e.maxEntries ? e.maxEntries : 9), this.idToNode = /* @__PURE__ */ new Map(), this.nodeToId = /* @__PURE__ */ new Map();
   }
   setMaps(e, t) {
     this.idToNode.set(e.id, t), this.nodeToId.set(t, e.id);
@@ -2000,14 +2040,14 @@ class Zt {
     return this.tree.collides(this.toBBox(e));
   }
 }
-const Qt = { getId: () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(o) {
+const ei = { getId: () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(o) {
   const e = 16 * Math.random() | 0;
   return (o == "x" ? e : 3 & e | 8).toString(16);
 }), isValidId: (o) => typeof o == "string" && o.length === 36 };
-class ei {
+class ti {
   constructor(e) {
     this.idStrategy = void 0, this.tracked = void 0, this.spatialIndex = void 0, this.store = void 0, this._onChange = () => {
-    }, this.store = {}, this.spatialIndex = new Zt(), this.tracked = !e || e.tracked !== !1, this.idStrategy = e && e.idStrategy ? e.idStrategy : Qt;
+    }, this.store = {}, this.spatialIndex = new Qt(), this.tracked = !e || e.tracked !== !1, this.idStrategy = e && e.idStrategy ? e.idStrategy : ei;
   }
   clone(e) {
     return JSON.parse(JSON.stringify(e));
@@ -2031,10 +2071,10 @@ class ei {
       }
       if (this.tracked) {
         if (r.properties.createdAt) {
-          if (!ke(r.properties.createdAt)) return s.push({ id: r.id, valid: !1, reason: "createdAt is not a valid numeric timestamp" }), !1;
+          if (!We(r.properties.createdAt)) return s.push({ id: r.id, valid: !1, reason: "createdAt is not a valid numeric timestamp" }), !1;
         } else r.properties.createdAt = +/* @__PURE__ */ new Date();
         if (r.properties.updatedAt) {
-          if (!ke(r.properties.updatedAt)) return s.push({ id: r.id, valid: !1, reason: "updatedAt is not a valid numeric timestamp" }), !1;
+          if (!We(r.properties.updatedAt)) return s.push({ id: r.id, valid: !1, reason: "updatedAt is not a valid numeric timestamp" }), !1;
         } else r.properties.updatedAt = +/* @__PURE__ */ new Date();
       }
       return this.has(a) ? (s.push({ id: a, valid: !1, reason: `Feature already exists with this id: ${a}` }), !1) : (this.store[a] = r, n.push(a), s.push({ id: a, valid: !0 }), !0);
@@ -2101,13 +2141,13 @@ class ei {
     return Object.keys(this.store).length;
   }
 }
-const ti = "Feature is not a Polygon or LineString", ii = "Feature intersects itself", ni = (o) => o.geometry.type !== "Polygon" && o.geometry.type !== "LineString" ? { valid: !1, reason: ti } : Me(o) ? { valid: !1, reason: ii } : { valid: !0 };
-function ze(o, e, t) {
+const ii = "Feature is not a Polygon or LineString", ni = "Feature intersects itself", si = (o) => o.geometry.type !== "Polygon" && o.geometry.type !== "LineString" ? { valid: !1, reason: ii } : be(o) ? { valid: !1, reason: ni } : { valid: !0 };
+function Ke(o, e, t) {
   const i = G(o, e);
   let n = G(e, t) - i;
   return n < 0 && (n += 360), 180 - Math.abs(n - 90 - 90);
 }
-class gt extends N {
+class yt extends B {
   constructor(e) {
     super(e), this.mode = "angled-rectangle", this.currentCoordinate = 0, this.currentId = void 0, this.keyEvents = void 0, this.cursors = void 0, this.mouseMove = !1;
     const t = { start: "crosshair", close: "pointer" };
@@ -2136,13 +2176,13 @@ class gt extends N {
       const n = 1 / Math.pow(10, this.coordinatePrecision - 1), s = Math.max(1e-6, n);
       i = [t[0], [e.lng, e.lat], [e.lng, e.lat - s], t[0]];
     } else if (this.currentCoordinate === 2) {
-      const n = t[0], s = t[1], r = dt(n, s, this.coordinatePrecision, this.project, this.unproject), a = x(n[0], n[1]), l = x(r[0], r[1]), d = x(s[0], s[1]), c = x(e.lng, e.lat), h = D(c, a) < D(c, d), u = ze(a, l, c), p = h ? 90 - u : ze(a, l, c) - 90, g = D(l, c), y = Math.cos(F(p)) * g, P = G(a, d) + (function(S, w, I) {
-        const O = (I.x - w.x) * (S.y - w.y) - (I.y - w.y) * (S.x - w.x);
+      const n = t[0], s = t[1], r = ht(n, s, this.coordinatePrecision, this.project, this.unproject), a = x(n[0], n[1]), l = x(r[0], r[1]), d = x(s[0], s[1]), h = x(e.lng, e.lat), c = D(h, a) < D(h, d), u = Ke(a, l, h), p = c ? 90 - u : Ke(a, l, h) - 90, g = D(l, h), y = Math.cos(E(p)) * g, C = G(a, d) + (function(S, I, b) {
+        const O = (b.x - I.x) * (S.y - I.y) - (b.y - I.y) * (S.x - I.x);
         return O > 1e-10 ? "left" : O < -1e-10 ? "right" : "left";
-      }(a, d, c) === "right" ? -90 : 90), f = ne(a, y, P), m = ne(d, y, P), C = k(f.x, f.y), v = k(m.x, m.y);
-      i = [t[0], t[1], [v.lng, v.lat], [C.lng, C.lat], t[0]];
+      }(a, d, h) === "right" ? -90 : 90), f = se(a, y, C), m = se(d, y, C), P = L(f.x, f.y), v = L(m.x, m.y);
+      i = [t[0], t[1], [v.lng, v.lat], [P.lng, P.lat], t[0]];
     }
-    i && this.updatePolygonGeometry(this.currentId, i, b.Provisional);
+    i && this.updatePolygonGeometry(this.currentId, i, w.Provisional);
   }
   updatePolygonGeometry(e, t, i) {
     const n = { type: "Polygon", coordinates: [t] };
@@ -2154,7 +2194,7 @@ class gt extends N {
       this.currentId = t, this.currentCoordinate++, this.setDrawing();
     } else if (this.currentCoordinate === 1 && this.currentId) {
       const t = this.store.getGeometryCopy(this.currentId);
-      if (J([e.lng, e.lat], t.coordinates[0][0]) || !this.updatePolygonGeometry(this.currentId, [t.coordinates[0][0], [e.lng, e.lat], [e.lng, e.lat], t.coordinates[0][0]], b.Commit)) return;
+      if (Z([e.lng, e.lat], t.coordinates[0][0]) || !this.updatePolygonGeometry(this.currentId, [t.coordinates[0][0], [e.lng, e.lat], [e.lng, e.lat], t.coordinates[0][0]], w.Commit)) return;
       this.currentCoordinate++;
     } else this.currentCoordinate === 2 && this.currentId && this.close();
   }
@@ -2181,13 +2221,13 @@ class gt extends N {
     return e.properties.mode === this.mode && e.geometry.type === "Polygon" && (t.polygonFillColor = this.getHexColorStylingValue(this.styles.fillColor, t.polygonFillColor, e), t.polygonOutlineColor = this.getHexColorStylingValue(this.styles.outlineColor, t.polygonOutlineColor, e), t.polygonOutlineWidth = this.getNumericStylingValue(this.styles.outlineWidth, t.polygonOutlineWidth, e), t.polygonFillOpacity = this.getNumericStylingValue(this.styles.fillOpacity, t.polygonFillOpacity, e), t.zIndex = 10), t;
   }
   validateFeature(e) {
-    return this.validateModeFeature(e, (t) => se(t, this.coordinatePrecision));
+    return this.validateModeFeature(e, (t) => oe(t, this.coordinatePrecision));
   }
 }
-function yt(o, e, t) {
+function ft(o, e, t) {
   return (e.x - o.x) * (t.y - o.y) - (e.y - o.y) * (t.x - o.x) <= 0;
 }
-class ft extends N {
+class mt extends B {
   constructor(e) {
     super(e), 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 t = { start: "crosshair", close: "pointer" };
@@ -2219,21 +2259,21 @@ class ft extends N {
     } else if (this.currentCoordinate === 2) {
       const n = t[0], s = t[1], r = [e.lng, e.lat], a = x(n[0], n[1]), l = x(s[0], s[1]), d = x(r[0], r[1]);
       if (this.direction === void 0) {
-        const C = yt(a, l, d);
-        this.direction = C ? "clockwise" : "anticlockwise";
+        const P = ft(a, l, d);
+        this.direction = P ? "clockwise" : "anticlockwise";
       }
-      const c = D(a, l), h = G(a, l), u = G(a, d), p = this.arcPoints, g = [n], y = K(h), P = K(u);
+      const h = D(a, l), c = G(a, l), u = G(a, d), p = this.arcPoints, g = [n], y = X(c), C = X(u);
       let f;
-      this.direction === "anticlockwise" ? (f = P - y, f < 0 && (f += 360)) : (f = y - P, f < 0 && (f += 360));
+      this.direction === "anticlockwise" ? (f = C - y, f < 0 && (f += 360)) : (f = y - C, f < 0 && (f += 360));
       const m = (this.direction === "anticlockwise" ? 1 : -1) * f / p;
       g.push(s);
-      for (let C = 0; C <= p; C++) {
-        const v = ne(a, c, y + C * m), { lng: S, lat: w } = k(v.x, v.y), I = [E(S, this.coordinatePrecision), E(w, this.coordinatePrecision)];
-        I[0] !== g[g.length - 1][0] && I[1] !== g[g.length - 1][1] && g.push(I);
+      for (let P = 0; P <= p; P++) {
+        const v = se(a, h, y + P * m), { lng: S, lat: I } = L(v.x, v.y), b = [F(S, this.coordinatePrecision), F(I, this.coordinatePrecision)];
+        b[0] !== g[g.length - 1][0] && b[1] !== g[g.length - 1][1] && g.push(b);
       }
       g.push(n), i = [...g];
     }
-    i && this.updatePolygonGeometry(this.currentId, i, b.Provisional);
+    i && this.updatePolygonGeometry(this.currentId, i, w.Provisional);
   }
   updatePolygonGeometry(e, t, i) {
     const n = { type: "Polygon", coordinates: [t] };
@@ -2245,7 +2285,7 @@ class ft extends N {
       this.currentId = t, this.currentCoordinate++, this.setDrawing();
     } else if (this.currentCoordinate === 1 && this.currentId) {
       const t = this.store.getGeometryCopy(this.currentId);
-      if (J([e.lng, e.lat], t.coordinates[0][0]) || !this.updatePolygonGeometry(this.currentId, [t.coordinates[0][0], [e.lng, e.lat], [e.lng, e.lat], t.coordinates[0][0]], b.Commit)) return;
+      if (Z([e.lng, e.lat], t.coordinates[0][0]) || !this.updatePolygonGeometry(this.currentId, [t.coordinates[0][0], [e.lng, e.lat], [e.lng, e.lat], t.coordinates[0][0]], w.Commit)) return;
       this.currentCoordinate++;
     } else this.currentCoordinate === 2 && this.currentId && this.close();
   }
@@ -2272,10 +2312,10 @@ class ft extends N {
     return e.properties.mode === this.mode && e.geometry.type === "Polygon" && (t.polygonFillColor = this.getHexColorStylingValue(this.styles.fillColor, t.polygonFillColor, e), t.polygonOutlineColor = this.getHexColorStylingValue(this.styles.outlineColor, t.polygonOutlineColor, e), t.polygonOutlineWidth = this.getNumericStylingValue(this.styles.outlineWidth, t.polygonOutlineWidth, e), t.polygonFillOpacity = this.getNumericStylingValue(this.styles.fillOpacity, t.polygonFillOpacity, e), t.zIndex = 10), t;
   }
   validateFeature(e) {
-    return this.validateModeFeature(e, (t) => se(t, this.coordinatePrecision));
+    return this.validateModeFeature(e, (t) => oe(t, this.coordinatePrecision));
   }
 }
-class mt extends N {
+class Ct extends B {
   constructor(e) {
     super(e), 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 t = { start: "crosshair", close: "pointer" };
@@ -2302,29 +2342,29 @@ class mt extends N {
       if (this.currentCoordinate === 2) {
         const t = this.store.getGeometryCopy(this.currentInitialArcId).coordinates, i = this.store.getGeometryCopy(this.currentStartingPointId).coordinates, n = t[0], s = [e.lng, e.lat], r = x(n[0], n[1]), a = x(s[0], s[1]), l = x(i[0], i[1]), d = D(l, r);
         if (this.direction === void 0) {
-          const m = yt(l, r, a);
+          const m = ft(l, r, a);
           this.direction = m ? "clockwise" : "anticlockwise";
         }
-        const c = G(l, r), h = G(l, a), u = this.arcPoints, p = [n], g = K(c), y = K(h);
-        let P;
-        this.direction === "anticlockwise" ? (P = y - g, P < 0 && (P += 360)) : (P = g - y, P < 0 && (P += 360));
-        const f = (this.direction === "anticlockwise" ? 1 : -1) * P / u;
+        const h = G(l, r), c = G(l, a), u = this.arcPoints, p = [n], g = X(h), y = X(c);
+        let C;
+        this.direction === "anticlockwise" ? (C = y - g, C < 0 && (C += 360)) : (C = g - y, C < 0 && (C += 360));
+        const f = (this.direction === "anticlockwise" ? 1 : -1) * C / u;
         for (let m = 0; m <= u; m++) {
-          const C = ne(l, d, g + m * f), { lng: v, lat: S } = k(C.x, C.y), w = [E(v, this.coordinatePrecision), E(S, this.coordinatePrecision)];
-          w[0] !== p[p.length - 1][0] && w[1] !== p[p.length - 1][1] && p.push(w);
+          const P = se(l, d, g + m * f), { lng: v, lat: S } = L(P.x, P.y), I = [F(v, this.coordinatePrecision), F(S, this.coordinatePrecision)];
+          I[0] !== p[p.length - 1][0] && I[1] !== p[p.length - 1][1] && p.push(I);
         }
-        this.updateLineStringGeometry(this.currentInitialArcId, p, b.Provisional);
+        this.updateLineStringGeometry(this.currentInitialArcId, p, w.Provisional);
       } else if (this.currentCoordinate === 3) {
         const t = this.store.getGeometryCopy(this.currentInitialArcId).coordinates;
         if (t.length < 2 || !this.direction) return;
-        const i = this.store.getGeometryCopy(this.currentStartingPointId).coordinates, n = t[0], s = t[t.length - 1], r = x(e.lng, e.lat), a = x(n[0], n[1]), l = x(s[0], s[1]), d = x(i[0], i[1]), c = D(d, a), h = D(d, r) < c ? a : r, u = G(d, r), p = G(d, a), g = G(d, l), y = K(p), P = K(g), f = K(u);
-        if (this.notInSector({ normalizedCursor: f, normalizedStart: y, normalizedEnd: P, direction: this.direction })) return;
-        const m = this.getDeltaBearing(this.direction, y, P), C = this.arcPoints, v = (this.direction === "anticlockwise" ? 1 : -1) * m / C, S = D(d, h), w = [];
-        for (let I = 0; I <= C; I++) {
-          const O = ne(d, S, y + I * v), { lng: B, lat: _ } = k(O.x, O.y), j = [E(B, this.coordinatePrecision), E(_, this.coordinatePrecision)];
-          j[0] !== t[t.length - 1][0] && j[1] !== t[t.length - 1][1] && w.unshift(j);
+        const i = this.store.getGeometryCopy(this.currentStartingPointId).coordinates, n = t[0], s = t[t.length - 1], r = x(e.lng, e.lat), a = x(n[0], n[1]), l = x(s[0], s[1]), d = x(i[0], i[1]), h = D(d, a), c = D(d, r) < h ? a : r, u = G(d, r), p = G(d, a), g = G(d, l), y = X(p), C = X(g), f = X(u);
+        if (this.notInSector({ normalizedCursor: f, normalizedStart: y, normalizedEnd: C, direction: this.direction })) return;
+        const m = this.getDeltaBearing(this.direction, y, C), P = this.arcPoints, v = (this.direction === "anticlockwise" ? 1 : -1) * m / P, S = D(d, c), I = [];
+        for (let b = 0; b <= P; b++) {
+          const O = se(d, S, y + b * v), { lng: N, lat: _ } = L(O.x, O.y), j = [F(N, this.coordinatePrecision), F(_, this.coordinatePrecision)];
+          j[0] !== t[t.length - 1][0] && j[1] !== t[t.length - 1][1] && I.unshift(j);
         }
-        t.push(...w), t.push(t[0]), this.currentId ? this.updatePolygonGeometry(this.currentId, t, b.Provisional) : [this.currentId] = this.store.create([{ geometry: { type: "Polygon", coordinates: [t] }, properties: { mode: this.mode } }]);
+        t.push(...I), t.push(t[0]), this.currentId ? this.updatePolygonGeometry(this.currentId, t, w.Provisional) : [this.currentId] = this.store.create([{ geometry: { type: "Polygon", coordinates: [t] }, properties: { mode: this.mode } }]);
       }
     }
   }
@@ -2368,7 +2408,7 @@ class mt extends N {
     return e.properties.mode === this.mode && (e.geometry.type === "Polygon" ? (t.polygonFillColor = this.getHexColorStylingValue(this.styles.fillColor, t.polygonFillColor, e), t.polygonOutlineColor = this.getHexColorStylingValue(this.styles.outlineColor, t.polygonOutlineColor, e), t.polygonOutlineWidth = this.getNumericStylingValue(this.styles.outlineWidth, t.polygonOutlineWidth, e), t.polygonFillOpacity = this.getNumericStylingValue(this.styles.fillOpacity, t.polygonFillOpacity, e), t.zIndex = 10) : e.geometry.type === "LineString" ? (t.lineStringColor = this.getHexColorStylingValue(this.styles.outlineColor, t.polygonOutlineColor, e), t.lineStringWidth = this.getNumericStylingValue(this.styles.outlineWidth, t.polygonOutlineWidth, e), t.zIndex = 10) : e.geometry.type === "Point" && (t.pointColor = this.getHexColorStylingValue(this.styles.centerPointColor, t.pointColor, e), t.pointWidth = this.getNumericStylingValue(this.styles.centerPointWidth, t.pointWidth, e), t.pointOutlineColor = this.getHexColorStylingValue(this.styles.centerPointOutlineColor, t.pointOutlineColor, e), t.pointOutlineWidth = this.getNumericStylingValue(this.styles.centerPointOutlineWidth, t.pointOutlineWidth, e), t.zIndex = 20)), t;
   }
   validateFeature(e) {
-    return this.validateModeFeature(e, (t) => se(t, this.coordinatePrecision));
+    return this.validateModeFeature(e, (t) => oe(t, this.coordinatePrecision));
   }
   getDeltaBearing(e, t, i) {
     let n;
@@ -2378,51 +2418,51 @@ class mt extends N {
     return n === "clockwise" ? t <= i ? e >= t && e <= i : e >= t || e <= i : t >= i ? e <= t && e >= i : e <= t || e >= i;
   }
 }
-class si {
+class oi {
   constructor(e) {
-    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 = e.adapter, this._mode = new Yt();
-    const t = /* @__PURE__ */ new Set(), i = e.modes.reduce((c, h) => {
-      if (t.has(h.mode)) throw new Error(`There is already a ${h.mode} mode provided`);
-      return t.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 = e.adapter, this._mode = new Ht();
+    const t = /* @__PURE__ */ new Set(), i = e.modes.reduce((h, c) => {
+      if (t.has(c.mode)) throw new Error(`There is already a ${c.mode} mode provided`);
+      return t.add(c.mode), h[c.mode] = c, h;
     }, {}), n = Object.keys(i);
     if (n.length === 0) throw new Error("No modes provided");
-    n.forEach((c) => {
-      if (i[c].type === X.Select) {
+    n.forEach((h) => {
+      if (i[h].type === Y.Select) {
         if (this._instanceSelectMode) throw new Error("only one type of select mode can be provided");
-        this._instanceSelectMode = c;
+        this._instanceSelectMode = h;
       }
-    }), this._modes = M({}, i, { static: this._mode }), this._eventListeners = { change: [], select: [], deselect: [], finish: [], ready: [] }, this._store = new ei({ tracked: !!e.tracked, idStrategy: e.idStrategy ? e.idStrategy : void 0 });
-    const s = (c) => {
-      const h = [], u = this._store.copyAll().filter((p) => !c.includes(p.id) || (h.push(p), !1));
-      return { changed: h, unchanged: u };
-    }, r = (c, h) => {
+    }), this._modes = M({}, i, { static: this._mode }), this._eventListeners = { change: [], select: [], deselect: [], finish: [], ready: [] }, this._store = new ti({ tracked: !!e.tracked, idStrategy: e.idStrategy ? e.idStrategy : void 0 });
+    const s = (h) => {
+      const c = [], u = this._store.copyAll().filter((p) => !h.includes(p.id) || (c.push(p), !1));
+      return { changed: c, unchanged: u };
+    }, r = (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 } = s(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 } = s(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 } = s([c]);
-      this._adapter.render({ created: [], deletedIds: [], unchanged: u, updated: h }, this.getModeStyles());
-    }, d = (c) => {
+      const { changed: c, unchanged: u } = s([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 } = s([c]);
-      h && this._adapter.render({ created: [], deletedIds: [], unchanged: u, updated: h }, this.getModeStyles());
+      const { changed: c, unchanged: u } = s([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: r, 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: r, coordinatePrecision: this._adapter.getCoordinatePrecision() });
     });
   }
   checkEnabled() {
@@ -2431,26 +2471,26 @@ class si {
   getModeStyles() {
     const e = {};
     return Object.keys(this._modes).forEach((t) => {
-      e[t] = (i) => this._instanceSelectMode && i.properties[T.SELECTED] ? this._modes[this._instanceSelectMode].styleFeature.bind(this._modes[this._instanceSelectMode])(i) : this._modes[t].styleFeature.bind(this._modes[t])(i);
+      e[t] = (i) => this._instanceSelectMode && i.properties[V.SELECTED] ? this._modes[this._instanceSelectMode].styleFeature.bind(this._modes[this._instanceSelectMode])(i) : this._modes[t].styleFeature.bind(this._modes[t])(i);
     }), e;
   }
   featuresAtLocation({ lng: e, lat: t }, i) {
-    const n = i && i.pointerDistance !== void 0 ? i.pointerDistance : 30, s = !i || i.ignoreSelectFeatures === void 0 || i.ignoreSelectFeatures, r = this._adapter.unproject.bind(this._adapter), a = this._adapter.project.bind(this._adapter), l = a(e, t), d = it({ unproject: r, point: l, pointerDistance: n });
-    return this._store.search(d).filter((c) => {
-      if (s && (c.properties[T.MID_POINT] || c.properties[T.SELECTION_POINT])) return !1;
-      if (c.geometry.type === "Point") {
-        const h = c.geometry.coordinates, u = a(h[0], h[1]);
+    const n = i && i.pointerDistance !== void 0 ? i.pointerDistance : 30, s = !i || i.ignoreSelectFeatures === void 0 || i.ignoreSelectFeatures, r = this._adapter.unproject.bind(this._adapter), a = this._adapter.project.bind(this._adapter), l = a(e, t), d = nt({ unproject: r, point: l, pointerDistance: n });
+    return this._store.search(d).filter((h) => {
+      if (s && (h.properties[V.MID_POINT] || h.properties[V.SELECTION_POINT])) return !1;
+      if (h.geometry.type === "Point") {
+        const c = h.geometry.coordinates, u = a(c[0], c[1]);
         return D(l, u) < n;
       }
-      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 (ht(l, a(p[0], p[1]), a(g[0], g[1])) < n) 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 (ut(l, a(p[0], p[1]), a(g[0], g[1])) < n) return !0;
         }
         return !1;
       }
-      return !!ct([e, t], c.geometry.coordinates) || void 0;
+      return !!ct([e, t], h.geometry.coordinates) || void 0;
     });
   }
   getSelectMode() {
@@ -2551,15 +2591,15 @@ class si {
     i.includes(t) && i.splice(i.indexOf(t), 1);
   }
 }
-var Ke, ve, Xe;
-function Ye(o, e = 9) {
+var Xe, Me, Ye;
+function He(o, e = 9) {
   const t = Math.pow(10, e);
   return Math.round(o * t) / t;
 }
-(ve = Ke || (Ke = {})).Commit = "commit", ve.Provisional = "provisional", ve.Finish = "finish", function(o) {
+(Me = Xe || (Xe = {})).Commit = "commit", Me.Provisional = "provisional", Me.Finish = "finish", function(o) {
   o.Drawing = "drawing", o.Select = "select", o.Static = "static", o.Render = "render";
-}(Xe || (Xe = {}));
-class H {
+}(Ye || (Ye = {}));
+class $ {
   constructor({ name: e, callback: t, unregister: i, register: n }) {
     this.name = void 0, this.callback = void 0, this.registered = !1, this.register = void 0, this.unregister = void 0, this.name = e, this.register = () => {
       this.registered || (this.registered = !0, n(t));
@@ -2568,7 +2608,7 @@ class H {
     }, this.callback = t;
   }
 }
-var oi = class {
+var ri = class {
   constructor(o) {
     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 o.minPixelDragDistance == "number" ? o.minPixelDragDistance : 1, this._minPixelDragDistanceSelecting = typeof o.minPixelDragDistanceSelecting == "number" ? o.minPixelDragDistanceSelecting : 1, this._minPixelDragDistanceDrawing = typeof o.minPixelDragDistanceDrawing == "number" ? o.minPixelDragDistanceDrawing : 8, this._coordinatePrecision = typeof o.coordinatePrecision == "number" ? o.coordinatePrecision : 9;
   }
@@ -2583,7 +2623,7 @@ var oi = class {
     const e = this.getLngLatFromEvent(o);
     if (!e) return null;
     const { lng: t, lat: i } = e, { containerX: n, containerY: s } = this.getMapElementXYPosition(o), r = this.getButton(o), a = Array.from(this._heldKeys);
-    return { lng: Ye(t, this._coordinatePrecision), lat: Ye(i, this._coordinatePrecision), containerX: n, containerY: s, button: r, heldKeys: a };
+    return { lng: He(t, this._coordinatePrecision), lat: He(i, this._coordinatePrecision), containerX: n, containerY: s, button: r, heldKeys: a };
   }
   register(o) {
     this._currentModeCallbacks = o, this._listeners = this.getAdapterListeners(), this._listeners.forEach((e) => {
@@ -2594,7 +2634,7 @@ var oi = class {
     return this._coordinatePrecision;
   }
   getAdapterListeners() {
-    return [new H({ name: "pointerdown", callback: (o) => {
+    return [new $({ name: "pointerdown", callback: (o) => {
       if (!this._currentModeCallbacks || !o.isPrimary) return;
       const e = this.getDrawEventFromEvent(o);
       e && (this._dragState = "pre-dragging", this._lastDrawEvent = e);
@@ -2602,7 +2642,7 @@ var oi = class {
       this.getMapEventElement().addEventListener("pointerdown", o);
     }, unregister: (o) => {
       this.getMapEventElement().removeEventListener("pointerdown", o);
-    } }), new H({ name: "pointermove", callback: (o) => {
+    } }), new $({ name: "pointermove", callback: (o) => {
       if (!this._currentModeCallbacks || !o.isPrimary) return;
       o.preventDefault();
       const e = this.getDrawEventFromEvent(o);
@@ -2610,7 +2650,7 @@ var oi = class {
       else if (this._dragState === "pre-dragging") {
         if (!this._lastDrawEvent) return;
         const t = { x: this._lastDrawEvent.containerX, y: this._lastDrawEvent.containerY }, i = { x: e.containerX, y: e.containerY }, n = this._currentModeCallbacks.getState(), s = ((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);
         })(t, i);
         let r = !1;
@@ -2625,13 +2665,13 @@ var oi = class {
       this.getMapEventElement().addEventListener("pointermove", o);
     }, unregister: (o) => {
       this.getMapEventElement().removeEventListener("pointermove", o);
-    } }), new H({ name: "contextmenu", callback: (o) => {
+    } }), new $({ name: "contextmenu", callback: (o) => {
       this._currentModeCallbacks && o.preventDefault();
     }, register: (o) => {
       this.getMapEventElement().addEventListener("contextmenu", o);
     }, unregister: (o) => {
       this.getMapEventElement().removeEventListener("contextmenu", o);
-    } }), new H({ name: "pointerup", callback: (o) => {
+    } }), new $({ name: "pointerup", callback: (o) => {
       if (!this._currentModeCallbacks || o.target !== this.getMapEventElement() || !o.isPrimary) return;
       const e = this.getDrawEventFromEvent(o);
       e && (this._dragState === "dragging" ? this._currentModeCallbacks.onDragEnd(e, (t) => {
@@ -2641,13 +2681,13 @@ var oi = class {
       this.getMapEventElement().addEventListener("pointerup", o);
     }, unregister: (o) => {
       this.getMapEventElement().removeEventListener("pointerup", o);
-    } }), new H({ name: "keyup", callback: (o) => {
+    } }), new $({ name: "keyup", callback: (o) => {
       this._currentModeCallbacks && (this._heldKeys.delete(o.key), this._currentModeCallbacks.onKeyUp({ key: o.key, heldKeys: Array.from(this._heldKeys), preventDefault: () => o.preventDefault() }));
     }, register: (o) => {
       this.getMapEventElement().addEventListener("keyup", o);
     }, unregister: (o) => {
       this.getMapEventElement().removeEventListener("keyup", o);
-    } }), new H({ name: "keydown", callback: (o) => {
+    } }), new $({ name: "keydown", callback: (o) => {
       this._currentModeCallbacks && (this._heldKeys.add(o.key), this._currentModeCallbacks.onKeyDown({ key: o.key, heldKeys: Array.from(this._heldKeys), preventDefault: () => o.preventDefault() }));
     }, register: (o) => {
       this.getMapEventElement().addEventListener("keydown", o);
@@ -2661,7 +2701,7 @@ var oi = class {
     }), this.clear();
   }
 };
-class ri extends oi {
+class ai extends ri {
   constructor(e) {
     super(e), 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 = e.map, this._container = this._map.getContainer();
   }
@@ -2731,13 +2771,13 @@ class ri extends oi {
     this.updateChangedIds(e), this._nextRender && cancelAnimationFrame(this._nextRender), this._nextRender = requestAnimationFrame(() => {
       const i = [...e.created, ...e.updated, ...e.unchanged], n = [], s = [], r = [];
       for (let a = 0; a < i.length; a++) {
-        const l = i[a], { properties: d } = l, c = t[d.mode](l);
-        l.geometry.type === "Point" ? (d.pointColor = c.pointColor, d.pointOutlineColor = c.pointOutlineColor, d.pointOutlineWidth = c.pointOutlineWidth, d.pointWidth = c.pointWidth, n.push(l)) : l.geometry.type === "LineString" ? (d.lineStringColor = c.lineStringColor, d.lineStringWidth = c.lineStringWidth, s.push(l)) : l.geometry.type === "Polygon" && (d.polygonFillColor = c.polygonFillColor, d.polygonFillOpacity = c.polygonFillOpacity, d.polygonOutlineColor = c.polygonOutlineColor, d.polygonOutlineWidth = c.polygonOutlineWidth, r.push(l));
+        const l = i[a], { properties: d } = l, h = t[d.mode](l);
+        l.geometry.type === "Point" ? (d.pointColor = h.pointColor, d.pointOutlineColor = h.pointOutlineColor, d.pointOutlineWidth = h.pointOutlineWidth, d.pointWidth = h.pointWidth, n.push(l)) : l.geometry.type === "LineString" ? (d.lineStringColor = h.lineStringColor, d.lineStringWidth = h.lineStringWidth, s.push(l)) : l.geometry.type === "Polygon" && (d.polygonFillColor = h.polygonFillColor, d.polygonFillOpacity = h.polygonFillOpacity, d.polygonOutlineColor = h.polygonOutlineColor, d.polygonOutlineWidth = h.polygonOutlineWidth, r.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", n)), l && this._setGeoJSONLayerData("LineString", s), d && this._setGeoJSONLayerData("Polygon", r), c && this._map.moveLayer(c);
+        let h;
+        (a || this.changedIds.points) && (h = this._setGeoJSONLayerData("Point", n)), l && this._setGeoJSONLayerData("LineString", s), d && this._setGeoJSONLayerData("Polygon", r), h && this._map.moveLayer(h);
       } else {
         const a = this._addGeoJSONLayer("Point", n);
         this._addGeoJSONLayer("LineString", s), this._addGeoJSONLayer("Polygon", r), this._rendered = !0, a && this._map.moveLayer(a);
@@ -2759,7 +2799,7 @@ class ri extends oi {
     super.register(e), (t = this._currentModeCallbacks) != null && t.onReady && this._currentModeCallbacks.onReady();
   }
 }
-const Mi = [
+const Ii = [
   "render",
   "point",
   "linestring",
@@ -2788,7 +2828,7 @@ const Mi = [
   "delete-selection",
   "delete",
   "download"
-], ai = {
+], li = {
   modes: [
     "render",
     "point",
@@ -2806,7 +2846,7 @@ const Mi = [
     "download"
   ],
   open: !1
-}, li = {
+}, di = {
   modes: [
     "render",
     "linestring",
@@ -2825,7 +2865,7 @@ const Mi = [
   open: !1,
   // see styling parameters of Terra Draw at https://github.com/JamesLMilner/terra-draw/blob/main/guides/5.STYLING.md
   modeOptions: {
-    linestring: new ot({
+    linestring: new rt({
       styles: {
         lineStringColor: "#232E3D",
         lineStringWidth: 2,
@@ -2835,7 +2875,7 @@ const Mi = [
         closingPointOutlineWidth: 1
       }
     }),
-    polygon: new at({
+    polygon: new lt({
       styles: {
         fillColor: "#EDEFF0",
         fillOpacity: 0.7,
@@ -2847,7 +2887,7 @@ const Mi = [
         closingPointOutlineWidth: 1
       }
     }),
-    rectangle: new lt({
+    rectangle: new dt({
       styles: {
         fillColor: "#EDEFF0",
         fillOpacity: 0.7,
@@ -2855,7 +2895,7 @@ const Mi = [
         outlineWidth: 2
       }
     }),
-    "angled-rectangle": new gt({
+    "angled-rectangle": new yt({
       styles: {
         fillColor: "#EDEFF0",
         fillOpacity: 0.7,
@@ -2863,7 +2903,7 @@ const Mi = [
         outlineWidth: 2
       }
     }),
-    circle: new et({
+    circle: new tt({
       styles: {
         fillColor: "#EDEFF0",
         fillOpacity: 0.7,
@@ -2871,7 +2911,7 @@ const Mi = [
         outlineWidth: 2
       }
     }),
-    freehand: new tt({
+    freehand: new it({
       styles: {
         fillColor: "#EDEFF0",
         fillOpacity: 0.7,
@@ -2883,7 +2923,7 @@ const Mi = [
         closingPointOutlineWidth: 1
       }
     }),
-    sensor: new mt({
+    sensor: new Ct({
       styles: {
         fillColor: "#EDEFF0",
         fillOpacity: 0.7,
@@ -2895,7 +2935,7 @@ const Mi = [
         centerPointOutlineWidth: 1
       }
     }),
-    sector: new ft({
+    sector: new mt({
       styles: {
         fillColor: "#EDEFF0",
         fillOpacity: 0.7,
@@ -3008,28 +3048,28 @@ Alt. `, ["to-string", ["floor", ["get", "elevation"]]], " m"],
   distancePrecision: 2,
   areaUnit: "metric",
   areaPrecision: 2
-}, di = () => ({
-  render: new Q({
+}, hi = () => ({
+  render: new ee({
     modeName: "render",
     styles: {}
   }),
   point: new Lt(),
-  linestring: new ot(),
-  polygon: new at({
+  linestring: new rt(),
+  polygon: new lt({
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     validation: (e, t) => {
       const i = t.updateType;
-      return i === "finish" || i === "commit" ? ni(e) : { valid: !0 };
+      return i === "finish" || i === "commit" ? si(e) : { valid: !0 };
     }
   }),
-  rectangle: new lt(),
-  "angled-rectangle": new gt(),
-  circle: new et(),
-  freehand: new tt(),
-  sensor: new mt(),
-  sector: new ft(),
-  select: new Xt({
+  rectangle: new dt(),
+  "angled-rectangle": new yt(),
+  circle: new tt(),
+  freehand: new it(),
+  sensor: new Ct(),
+  sector: new mt(),
+  select: new Yt({
     flags: {
       point: {
         feature: {
@@ -3130,15 +3170,15 @@ Alt. `, ["to-string", ["floor", ["get", "elevation"]]], " m"],
       }
     }
   }),
-  delete: new Q({
+  delete: new ee({
     modeName: "delete",
     styles: {}
   }),
-  "delete-selection": new Q({
+  "delete-selection": new ee({
     modeName: "delete-selection",
     styles: {}
   }),
-  download: new Q({
+  download: new ee({
     modeName: "download",
     styles: {}
   })
@@ -3152,13 +3192,35 @@ class ci {
     A(this, "controlContainer");
     A(this, "map");
     A(this, "modeButtons", {});
-    A(this, "isExpanded", !1);
+    A(this, "_isExpanded", !1);
     A(this, "terradraw");
-    A(this, "options", ai);
+    A(this, "options", li);
     A(this, "events", {});
     A(this, "defaultMode", "render");
     this.modeButtons = {}, e && (this.options = Object.assign(this.options, e));
   }
+  /**
+   * get the state of whether the control is expanded or collapsed
+   */
+  get isExpanded() {
+    return this._isExpanded;
+  }
+  /**
+   * set the state of the control either expanded or collapsed.
+   * terradraw mode will be reset if the state is changed.
+   * either `expanded` or `collapsed` event is dispatched when changed
+   */
+  set isExpanded(e) {
+    var n, s;
+    this._isExpanded = e;
+    const t = document.getElementsByClassName("maplibregl-terradraw-add-control");
+    for (let r = 0; r < t.length; r++) {
+      const a = t.item(r);
+      a && (this.isExpanded ? a.classList.remove("hidden") : a.classList.add("hidden"));
+    }
+    const i = document.getElementsByClassName("maplibregl-terradraw-render-button");
+    i && i.length > 0 && (this.isExpanded ? (n = i.item(0)) == null || n.classList.add("enabled") : ((s = i.item(0)) == null || s.classList.remove("enabled"), this.resetActiveMode())), this.toggleDeleteSelectionButton(), this.toggleButtonsWhenNoFeature(), this.isExpanded ? this.dispatchEvent("expanded") : this.dispatchEvent("collapsed");
+  }
   /**
    * Get the default control position
    * @returns default control position. Default is 'top-right'
@@ -3176,36 +3238,36 @@ class ci {
     if (this.options && this.options.modes && this.options.modes.length === 0)
       throw new Error("At least a mode must be enabled.");
     this.map = e;
-    const t = di(), i = [];
+    const t = hi(), i = [];
     return (s = (n = this.options) == null ? void 0 : n.modes) == null || s.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 = t[d];
-          if (h) {
-            const u = h.flags;
+          const c = t[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 t[d] && i.push(t[d]);
     }), i.forEach((d) => {
       d.state !== "unregistered" && (d._state = "unregistered");
     }), (a = (r = this.options) == null ? void 0 : r.modes) != null && a.includes("render") || (i.push(
-      new Q({
+      new ee({
         modeName: "default",
         styles: {}
       })
-    ), this.defaultMode = "default"), this.isExpanded = this.options.open === !0, this.terradraw = new si({
-      adapter: new ri({ map: e, ...this.options.adapterOptions }),
+    ), this.defaultMode = "default"), this.isExpanded = this.options.open === !0, this.terradraw = new oi({
+      adapter: new ai({ map: e, ...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;
   }
   /**
@@ -3269,15 +3331,7 @@ class ci {
    * Toggle editor control
    */
   toggleEditor() {
-    var i, n;
-    if (!this.terradraw) return;
-    const e = document.getElementsByClassName("maplibregl-terradraw-add-control");
-    for (let s = 0; s < e.length; s++) {
-      const r = e.item(s);
-      r && (this.isExpanded ? r.classList.add("hidden") : r.classList.remove("hidden"));
-    }
-    const t = document.getElementsByClassName("maplibregl-terradraw-render-button");
-    t && t.length > 0 && (this.isExpanded ? ((i = t.item(0)) == null || i.classList.remove("enabled"), this.resetActiveMode()) : (n = t.item(0)) == null || n.classList.add("enabled")), this.toggleDeleteSelectionButton(), this.toggleButtonsWhenNoFeature(), this.isExpanded = !this.isExpanded;
+    this.terradraw && (this.isExpanded = !this.isExpanded);
   }
   /**
    * Reset active mode to back to render mode
@@ -3364,14 +3418,14 @@ class ci {
     var a, l;
     const e = ((a = this.terradraw) == null ? void 0 : a.enabled) || !1, t = (l = this.terradraw) == null ? void 0 : l.getMode(), i = this.getFeatures(!1), n = i && i.features.length > 0, s = n && e && t === "select", r = document.getElementsByClassName("maplibregl-terradraw-delete-selection-button");
     for (let d = 0; d < r.length; d++) {
-      const c = r.item(d);
-      c && (s ? c.classList.remove("hidden-delete-selection") : c.classList.add("hidden-delete-selection"));
+      const h = r.item(d);
+      h && (s ? h.classList.remove("hidden-delete-selection") : h.classList.add("hidden-delete-selection"));
     }
     if (!n) {
       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");
       }
     }
   }
@@ -3384,54 +3438,54 @@ class ci {
     return e.charAt(0).toUpperCase() + e.slice(1);
   }
 }
-var L = 63710088e-1, hi = {
-  centimeters: L * 100,
-  centimetres: L * 100,
+var k = 63710088e-1, ui = {
+  centimeters: k * 100,
+  centimetres: k * 100,
   degrees: 360 / (2 * Math.PI),
-  feet: L * 3.28084,
-  inches: L * 39.37,
-  kilometers: L / 1e3,
-  kilometres: L / 1e3,
-  meters: L,
-  metres: L,
-  miles: L / 1609.344,
-  millimeters: L * 1e3,
-  millimetres: L * 1e3,
-  nauticalmiles: L / 1852,
+  feet: k * 3.28084,
+  inches: k * 39.37,
+  kilometers: k / 1e3,
+  kilometres: k / 1e3,
+  meters: k,
+  metres: k,
+  miles: k / 1609.344,
+  millimeters: k * 1e3,
+  millimetres: k * 1e3,
+  nauticalmiles: k / 1852,
   radians: 1,
-  yards: L * 1.0936
+  yards: k * 1.0936
 };
-function ui(o, e, t = {}) {
+function pi(o, e, t = {}) {
   const i = { type: "Feature" };
   return (t.id === 0 || t.id) && (i.id = t.id), t.bbox && (i.bbox = t.bbox), i.properties = e || {}, i.geometry = o, i;
 }
-function pi(o, e, t = {}) {
+function gi(o, e, t = {}) {
   if (!o)
     throw new Error("coordinates is required");
   if (!Array.isArray(o))
     throw new Error("coordinates must be an Array");
   if (o.length < 2)
     throw new Error("coordinates must be at least 2 numbers long");
-  if (!He(o[0]) || !He(o[1]))
+  if (!$e(o[0]) || !$e(o[1]))
     throw new Error("coordinates must contain numbers");
-  return ui({
+  return pi({
     type: "Point",
     coordinates: o
   }, e, t);
 }
-function gi(o, e = "kilometers") {
-  const t = hi[e];
+function yi(o, e = "kilometers") {
+  const t = ui[e];
   if (!t)
     throw new Error(e + " units is invalid");
   return o * t;
 }
-function de(o) {
+function he(o) {
   return o % 360 * Math.PI / 180;
 }
-function He(o) {
+function $e(o) {
   return !isNaN(o) && o !== null && !Array.isArray(o);
 }
-function $e(o) {
+function Je(o) {
   if (!o)
     throw new Error("coord is required");
   if (!Array.isArray(o)) {
@@ -3444,91 +3498,91 @@ function $e(o) {
     return [...o];
   throw new Error("coord must be GeoJSON Point or an Array of numbers");
 }
-function yi(o, e, t = {}) {
-  var i = $e(o), n = $e(e), s = de(n[1] - i[1]), r = de(n[0] - i[0]), a = de(i[1]), l = de(n[1]), d = Math.pow(Math.sin(s / 2), 2) + Math.pow(Math.sin(r / 2), 2) * Math.cos(a) * Math.cos(l);
-  return gi(
+function fi(o, e, t = {}) {
+  var i = Je(o), n = Je(e), s = he(n[1] - i[1]), r = he(n[0] - i[0]), a = he(i[1]), l = he(n[1]), d = Math.pow(Math.sin(s / 2), 2) + Math.pow(Math.sin(r / 2), 2) * Math.cos(a) * Math.cos(l);
+  return yi(
     2 * Math.atan2(Math.sqrt(d), Math.sqrt(1 - d)),
     t.units
   );
 }
-function Ct(o, e, t) {
+function Pt(o, e, t) {
   if (o !== null)
-    for (var i, n, s, r, a, l, d, c = 0, h = 0, u, p = o.type, g = p === "FeatureCollection", y = p === "Feature", P = g ? o.features.length : 1, f = 0; f < P; f++) {
+    for (var i, n, s, r, a, l, d, h = 0, c = 0, u, p = o.type, g = p === "FeatureCollection", y = p === "Feature", C = g ? o.features.length : 1, f = 0; f < C; f++) {
       d = g ? o.features[f].geometry : y ? o.geometry : o, u = d ? d.type === "GeometryCollection" : !1, a = u ? d.geometries.length : 1;
       for (var m = 0; m < a; m++) {
-        var C = 0, v = 0;
+        var P = 0, v = 0;
         if (r = u ? d.geometries[m] : d, r !== null) {
           l = r.coordinates;
           var S = r.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 (e(
                 l,
-                h,
+                c,
                 f,
-                C,
+                P,
                 v
               ) === !1)
                 return !1;
-              h++, C++;
+              c++, P++;
               break;
             case "LineString":
             case "MultiPoint":
               for (i = 0; i < l.length; i++) {
                 if (e(
                   l[i],
-                  h,
+                  c,
                   f,
-                  C,
+                  P,
                   v
                 ) === !1)
                   return !1;
-                h++, S === "MultiPoint" && C++;
+                c++, S === "MultiPoint" && P++;
               }
-              S === "LineString" && C++;
+              S === "LineString" && P++;
               break;
             case "Polygon":
             case "MultiLineString":
               for (i = 0; i < l.length; i++) {
-                for (n = 0; n < l[i].length - c; n++) {
+                for (n = 0; n < l[i].length - h; n++) {
                   if (e(
                     l[i][n],
-                    h,
+                    c,
                     f,
-                    C,
+                    P,
                     v
                   ) === !1)
                     return !1;
-                  h++;
+                  c++;
                 }
-                S === "MultiLineString" && C++, S === "Polygon" && v++;
+                S === "MultiLineString" && P++, S === "Polygon" && v++;
               }
-              S === "Polygon" && C++;
+              S === "Polygon" && P++;
               break;
             case "MultiPolygon":
               for (i = 0; i < l.length; i++) {
                 for (v = 0, n = 0; n < l[i].length; n++) {
-                  for (s = 0; s < l[i][n].length - c; s++) {
+                  for (s = 0; s < l[i][n].length - h; s++) {
                     if (e(
                       l[i][n][s],
-                      h,
+                      c,
                       f,
-                      C,
+                      P,
                       v
                     ) === !1)
                       return !1;
-                    h++;
+                    c++;
                   }
                   v++;
                 }
-                C++;
+                P++;
               }
               break;
             case "GeometryCollection":
               for (i = 0; i < r.geometries.length; i++)
-                if (Ct(r.geometries[i], e) === !1)
+                if (Pt(r.geometries[i], e) === !1)
                   return !1;
               break;
             default:
@@ -3538,17 +3592,17 @@ function Ct(o, e, t) {
       }
     }
 }
-function fi(o, e) {
-  var t, i, n, s, r, a, l, d, c, h, u = 0, p = o.type === "FeatureCollection", g = o.type === "Feature", y = p ? o.features.length : 1;
+function mi(o, e) {
+  var t, i, n, s, r, a, l, d, h, c, u = 0, p = o.type === "FeatureCollection", g = o.type === "Feature", y = p ? o.features.length : 1;
   for (t = 0; t < y; t++) {
-    for (a = p ? o.features[t].geometry : g ? o.geometry : o, d = p ? o.features[t].properties : g ? o.properties : {}, c = p ? o.features[t].bbox : g ? o.bbox : void 0, h = p ? o.features[t].id : g ? o.id : void 0, l = a ? a.type === "GeometryCollection" : !1, r = l ? a.geometries.length : 1, n = 0; n < r; n++) {
+    for (a = p ? o.features[t].geometry : g ? o.geometry : o, d = p ? o.features[t].properties : g ? o.properties : {}, h = p ? o.features[t].bbox : g ? o.bbox : void 0, c = p ? o.features[t].id : g ? o.id : void 0, l = a ? a.type === "GeometryCollection" : !1, r = l ? a.geometries.length : 1, n = 0; n < r; n++) {
       if (s = l ? a.geometries[n] : a, s === null) {
         if (e(
           null,
           u,
           d,
-          c,
-          h
+          h,
+          c
         ) === !1)
           return !1;
         continue;
@@ -3564,8 +3618,8 @@ function fi(o, e) {
             s,
             u,
             d,
-            c,
-            h
+            h,
+            c
           ) === !1)
             return !1;
           break;
@@ -3576,8 +3630,8 @@ function fi(o, e) {
               s.geometries[i],
               u,
               d,
-              c,
-              h
+              h,
+              c
             ) === !1)
               return !1;
           break;
@@ -3589,9 +3643,9 @@ function fi(o, e) {
     u++;
   }
 }
-function mi(o, e, t) {
+function Ci(o, e, t) {
   var i = t;
-  return fi(
+  return mi(
     o,
     function(n, s, r, a, l) {
       s === 0 && t === void 0 ? i = n : i = e(
@@ -3605,21 +3659,21 @@ function mi(o, e, t) {
     }
   ), i;
 }
-function Ci(o) {
-  return mi(
+function Pi(o) {
+  return Ci(
     o,
-    (e, t) => e + Pi(t),
+    (e, t) => e + vi(t),
     0
   );
 }
-function Pi(o) {
+function vi(o) {
   let e = 0, t;
   switch (o.type) {
     case "Polygon":
-      return Je(o.coordinates);
+      return qe(o.coordinates);
     case "MultiPolygon":
       for (t = 0; t < o.coordinates.length; t++)
-        e += Je(o.coordinates[t]);
+        e += qe(o.coordinates[t]);
       return e;
     case "Point":
     case "MultiPoint":
@@ -3629,34 +3683,34 @@ function Pi(o) {
   }
   return 0;
 }
-function Je(o) {
+function qe(o) {
   let e = 0;
   if (o && o.length > 0) {
-    e += Math.abs(qe(o[0]));
+    e += Math.abs(Ze(o[0]));
     for (let t = 1; t < o.length; t++)
-      e -= Math.abs(qe(o[t]));
+      e -= Math.abs(Ze(o[t]));
   }
   return e;
 }
-var vi = L * L / 2, Se = Math.PI / 180;
-function qe(o) {
+var Si = k * k / 2, Ie = Math.PI / 180;
+function Ze(o) {
   const e = o.length - 1;
   if (e <= 2) return 0;
   let t = 0, i = 0;
   for (; i < e; ) {
-    const n = o[i], s = o[i + 1 === e ? 0 : i + 1], r = o[i + 2 >= e ? (i + 2) % e : i + 2], a = n[0] * Se, l = s[1] * Se, d = r[0] * Se;
+    const n = o[i], s = o[i + 1 === e ? 0 : i + 1], r = o[i + 2 >= e ? (i + 2) % e : i + 2], a = n[0] * Ie, l = s[1] * Ie, d = r[0] * Ie;
     t += (d - a) * Math.sin(l), i++;
   }
-  return t * vi;
+  return t * Si;
 }
-function Si(o, e = {}) {
+function xi(o, e = {}) {
   let t = 0, i = 0, n = 0;
-  return Ct(
+  return Pt(
     o,
     function(s) {
       t += s[0], i += s[1], n++;
     }
-  ), pi([t / n, i / n], e.properties);
+  ), gi([t / n, i / n], e.properties);
 }
 class bi extends ci {
   /**
@@ -3664,7 +3718,7 @@ class bi extends ci {
    * @param options Plugin control options
    */
   constructor(t) {
-    let i = li;
+    let i = di;
     t && (i = Object.assign(i, t));
     super({
       modes: i.modes,
@@ -3874,7 +3928,7 @@ class bi extends ci {
    */
   calcArea(t) {
     if (t.geometry.type !== "Polygon") return t;
-    const i = Ci(t.geometry);
+    const i = Pi(t.geometry);
     let n = i, s = "m²";
     return this.areaUnit === "metric" ? i >= 1e6 ? (n = i / 1e6, s = "km²") : i >= 1e4 && (n = i / 1e4, s = "ha") : i >= 258998811e-2 ? (n = i / 258998811e-2, s = "mi²") : i >= 4046.856 ? (n = i / 4046.856, s = "acre") : i >= 0.83612736 && (n = i / 0.83612736, s = "yd²"), n = parseFloat(n.toFixed(this.areaPrecision)), t.properties.area = n, t.properties.unit = s, t;
   }
@@ -3898,13 +3952,13 @@ class bi extends ci {
     let n = 0;
     const s = [];
     for (let l = 0; l < i.length - 1; l++) {
-      const d = i[l], c = i[l + 1], h = yi(d, c, { units: this.distanceUnit });
-      n += h;
+      const d = i[l], h = i[l + 1], c = fi(d, h, { units: this.distanceUnit });
+      n += c;
       const u = JSON.parse(JSON.stringify(t));
-      if (u.id = `${u.id}-${l}`, u.geometry.coordinates = [d, c], u.properties.originalId = t.id, u.properties.distance = parseFloat(h.toFixed(this.distancePrecision)), u.properties.total = parseFloat(n.toFixed(this.distancePrecision)), u.properties.unit = this.getDistanceUnitName(this.distanceUnit), this.measureOptions.computeElevation === !0) {
+      if (u.id = `${u.id}-${l}`, u.geometry.coordinates = [d, h], u.properties.originalId = t.id, u.properties.distance = parseFloat(c.toFixed(this.distancePrecision)), u.properties.total = parseFloat(n.toFixed(this.distancePrecision)), u.properties.unit = this.getDistanceUnitName(this.distanceUnit), this.measureOptions.computeElevation === !0) {
         const p = (r = this.map) == null ? void 0 : r.queryTerrainElevation(d);
         p && (u.properties.elevation_start = p);
-        const g = (a = this.map) == null ? void 0 : a.queryTerrainElevation(c);
+        const g = (a = this.map) == null ? void 0 : a.queryTerrainElevation(h);
         g && (u.properties.elevation_end = g);
       }
       s.push(u);
@@ -3927,12 +3981,12 @@ class bi extends ci {
       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) !== t;
+            var h;
+            return ((h = d.properties) == null ? void 0 : h.originalId) !== t;
           }
         ));
         const l = JSON.parse(JSON.stringify(s));
-        l.id = l.id + "-area-label", l.geometry = Si(s.geometry).geometry, l.properties.originalId = s.id, s = this.calcArea(s), l.properties.area = s.properties.area, l.properties.unit = s.properties.unit, typeof a.data != "string" && a.data.type === "FeatureCollection" && a.data.features.push(l), (r = this.map.getSource(
+        l.id = l.id + "-area-label", l.geometry = xi(s.geometry).geometry, l.properties.originalId = s.id, s = this.calcArea(s), l.properties.area = s.properties.area, l.properties.unit = s.properties.unit, typeof a.data != "string" && a.data.type === "FeatureCollection" && a.data.features.push(l), (r = this.map.getSource(
           this.measureOptions.polygonLayerSpec.source
         )) == null || r.setData(a.data), this.map.moveLayer(this.measureOptions.polygonLayerSpec.id), this.map.getLayer(this.measureOptions.lineLayerLabelSpec.id) && this.map.moveLayer(
           this.measureOptions.lineLayerLabelSpec.id
@@ -3958,27 +4012,27 @@ class bi extends ci {
       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) !== t;
+            var h;
+            return ((h = d.properties) == null ? void 0 : h.originalId) !== t;
           }
         )), s = this.calcDistance(s);
         const l = s.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);
         }
         (r = this.map.getSource(
           this.measureOptions.lineLayerLabelSpec.source
@@ -4001,13 +4055,13 @@ class bi extends ci {
       for (const r of s) {
         const a = this.map.getStyle().sources[r];
         if (a) {
-          const l = t.getSnapshot(), c = (l == null ? void 0 : l.filter(
-            (h) => ["LineString", "Polygon"].includes(h.geometry.type)
-          )).map((h) => h.id);
+          const l = t.getSnapshot(), h = (l == null ? void 0 : l.filter(
+            (c) => ["LineString", "Polygon"].includes(c.geometry.type)
+          )).map((c) => c.id);
           typeof a.data != "string" && a.data.type === "FeatureCollection" && (a.data.features = a.data.features.filter(
-            (h) => {
+            (c) => {
               var u;
-              return c.includes((u = h.properties) == null ? void 0 : u.originalId);
+              return h.includes((u = c.properties) == null ? void 0 : u.originalId);
             }
           )), r === this.measureOptions.lineLayerLabelSpec.source ? ((i = this.map.getSource(
             this.measureOptions.lineLayerLabelSpec.source
@@ -4045,11 +4099,11 @@ class bi extends ci {
 }
 export {
   wi as AvailableMeasureModes,
-  Mi as AvailableModes,
+  Ii as AvailableModes,
   bi as MaplibreMeasureControl,
   ci as MaplibreTerradrawControl,
-  ai as defaultControlOptions,
-  li as defaultMeasureControlOptions,
-  di as getDefaultModeOptions
+  li as defaultControlOptions,
+  di as defaultMeasureControlOptions,
+  hi as getDefaultModeOptions
 };
 //# sourceMappingURL=maplibre-gl-terradraw.es.js.map