@watergis/maplibre-gl-terradraw 1.3.7 → 1.3.9

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

@@ -15,8 +15,8 @@ var M;
 (function(s) {
   s.Commit = "commit", s.Provisional = "provisional", s.Finish = "finish";
 })(M || (M = {}));
-const V = { SELECTED: "selected", MID_POINT: "midPoint", SELECTION_POINT: "selectionPoint" }, U = "edited", st = "closingPoint", _t = "snappingPoint", Lt = "coordinatePoint", kt = "coordinatePointIds";
-function Mt(s) {
+const T = { SELECTED: "selected", MID_POINT: "midPoint", SELECTION_POINT: "selectionPoint" }, V = "edited", st = "closingPoint", Lt = "snappingPoint", kt = "coordinatePoint", rt = "coordinatePointIds";
+function wt(s) {
   return !!(s && typeof s == "object" && s !== null && !Array.isArray(s));
 }
 function zt(s) {
@@ -27,11 +27,11 @@ function Xt(s) {
     return typeof t == "number" && !isNaN(new Date(t).valueOf());
   }(s);
 }
-const Ye = "Feature mode property does not match the mode being added to";
-var $;
+const $e = "Feature mode property does not match the mode being added to";
+var Y;
 (function(s) {
   s.Drawing = "drawing", s.Select = "select", s.Static = "static", s.Render = "render";
-})($ || ($ = {}));
+})(Y || (Y = {}));
 let N = class {
   get state() {
     return this._state;
@@ -49,7 +49,7 @@ let N = class {
   registerBehaviors(t) {
   }
   constructor(t, e = !1) {
-    this._state = "unregistered", this._styles = {}, this.behaviors = [], this.validate = void 0, this.pointerDistance = 40, this.coordinatePrecision = void 0, this.onStyleChange = void 0, this.store = void 0, this.projection = "web-mercator", this.setDoubleClickToZoom = void 0, this.unproject = void 0, this.project = void 0, this.setCursor = void 0, this.type = $.Drawing, this.mode = "base", e || this.updateOptions(t);
+    this._state = "unregistered", this._styles = {}, this.behaviors = [], this.validate = void 0, this.pointerDistance = 40, this.coordinatePrecision = void 0, this.onStyleChange = void 0, this.store = void 0, this.projection = "web-mercator", this.setDoubleClickToZoom = void 0, this.unproject = void 0, this.project = void 0, this.setCursor = void 0, this.type = Y.Drawing, this.mode = "base", e || this.updateOptions(t);
   }
   updateOptions(t) {
     t != null && t.styles && (this.styles = I({}, this._styles, t.styles)), t != null && t.pointerDistance && (this.pointerDistance = t.pointerDistance), t != null && t.validation && (this.validate = t && t.validation), t != null && t.projection && (this.projection = t.projection);
@@ -79,9 +79,9 @@ let N = class {
     if (this._state === "unregistered") throw new Error("Mode must be registered");
     const e = function(i, o) {
       let r;
-      if (Mt(i)) if (i.id == null) r = "Feature has no id";
+      if (wt(i)) if (i.id == null) r = "Feature has no id";
       else if (typeof i.id != "string" && typeof i.id != "number") r = "Feature must be string or number as per GeoJSON spec";
-      else if (o(i.id)) if (Mt(i.geometry)) if (Mt(i.properties)) if (typeof i.geometry.type == "string" && ["Polygon", "LineString", "Point"].includes(i.geometry.type)) if (Array.isArray(i.geometry.coordinates)) {
+      else if (o(i.id)) if (wt(i.geometry)) if (wt(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 r = "Feature coordinates is not an array";
       else r = "Feature is not Point, LineString or Polygon";
@@ -99,7 +99,7 @@ let N = class {
   }
   validateModeFeature(t, e) {
     const i = this.performFeatureValidation(t);
-    return i.valid ? t.properties.mode !== this.mode ? { valid: !1, reason: Ye } : e(t) : { valid: !1, reason: i.reason };
+    return i.valid ? t.properties.mode !== this.mode ? { valid: !1, reason: $e } : e(t) : { valid: !1, reason: i.reason };
   }
   onFinish(t, e) {
   }
@@ -130,12 +130,12 @@ let N = class {
   getStylingValue(t, e, i) {
     return t === void 0 ? e : typeof t == "function" ? t(i) : t;
   }
-}, $e = class extends N {
+}, Ye = class extends N {
   constructor(...t) {
-    super(...t), this.type = $.Select;
+    super(...t), this.type = Y.Select;
   }
 };
-function T(s, t) {
+function U(s, t) {
   const e = (d) => d * Math.PI / 180, i = e(s[1]), o = e(s[0]), r = e(t[1]), n = r - i, a = e(t[0]) - o, l = Math.sin(n / 2) * Math.sin(n / 2) + Math.cos(i) * Math.cos(r) * Math.sin(a / 2) * Math.sin(a / 2);
   return 2 * Math.atan2(Math.sqrt(l), Math.sqrt(1 - l)) * 6371e3 / 1e3;
 }
@@ -153,12 +153,12 @@ function F(s, t = 9) {
   const e = Math.pow(10, t);
   return Math.round(s * e) / e;
 }
-const Kt = 57.29577951308232, Yt = 0.017453292519943295, ft = 6378137, x = (s, t) => ({ x: s === 0 ? 0 : s * Yt * ft, y: t === 0 ? 0 : Math.log(Math.tan(Math.PI / 4 + t * Yt / 2)) * ft }), W = (s, t) => ({ lng: s === 0 ? 0 : Kt * (s / ft), lat: t === 0 ? 0 : (2 * Math.atan(Math.exp(t / ft)) - Math.PI / 2) * Kt });
+const Kt = 57.29577951308232, $t = 0.017453292519943295, mt = 6378137, x = (s, t) => ({ x: s === 0 ? 0 : s * $t * mt, y: t === 0 ? 0 : Math.log(Math.tan(Math.PI / 4 + t * $t / 2)) * mt }), W = (s, t) => ({ lng: s === 0 ? 0 : Kt * (s / mt), lat: t === 0 ? 0 : (2 * Math.atan(Math.exp(t / mt)) - Math.PI / 2) * Kt });
 function He(s, t, e) {
   const i = O(s[0]), o = O(s[1]), r = O(e), n = ve(t), a = Math.asin(Math.sin(o) * Math.cos(n) + Math.cos(o) * Math.sin(n) * Math.cos(r));
   return [R(i + Math.atan2(Math.sin(r) * Math.sin(n) * Math.cos(o), Math.cos(n) - Math.sin(o) * Math.sin(a))), R(a)];
 }
-function $t(s) {
+function Yt(s) {
   const { center: t, radiusKilometers: e, coordinatePrecision: i } = s, o = s.steps ? s.steps : 64, r = [];
   for (let n = 0; n < o; n++) {
     const a = He(t, e, -360 * n / o);
@@ -181,7 +181,7 @@ function Bt(s) {
   }
   function o(r, n, a, l) {
     const d = t[r][n], h = t[r][n + 1], c = t[a][l], u = t[a][l + 1], p = function(m, v, f, C) {
-      if (ht(m, f) || ht(m, C) || ht(v, f) || ht(C, f)) return null;
+      if (ct(m, f) || ct(m, C) || ct(v, f) || ct(C, f)) return null;
       const P = m[0], S = m[1], b = v[0], w = v[1], D = f[0], G = f[1], _ = C[0], j = C[1], z = (P - b) * (G - j) - (S - w) * (D - _);
       return z === 0 ? null : [((P * w - S * b) * (D - _) - (P - b) * (D * j - G * _)) / z, ((P * w - S * b) * (G - j) - (S - w) * (D * j - G * _)) / z];
     }(d, h, c, u);
@@ -190,10 +190,10 @@ function Bt(s) {
     g = h[0] !== d[0] ? (p[0] - d[0]) / (h[0] - d[0]) : (p[1] - d[1]) / (h[1] - d[1]), y = u[0] !== c[0] ? (p[0] - c[0]) / (u[0] - c[0]) : (p[1] - c[1]) / (u[1] - c[1]), i(g) || i(y) || (p.toString(), e.push(p));
   }
 }
-function ht(s, t) {
+function ct(s, t) {
   return s[0] === t[0] && s[1] === t[1];
 }
-function xt(s, t) {
+function It(s, t) {
   return Ht(s[0]) <= t && Ht(s[1]) <= t;
 }
 function Wt(s) {
@@ -205,20 +205,20 @@ function Ht(s) {
   for (; Math.round(s * t) / t !== s; ) t *= 10, e++;
   return e;
 }
-const qe = "Feature has holes", Je = "Feature has less than 4 coordinates", Ze = "Feature has invalid coordinates", Qe = "Feature coordinates are not closed";
-function It(s, t) {
+const Je = "Feature has holes", qe = "Feature has less than 4 coordinates", Ze = "Feature has invalid coordinates", Qe = "Feature coordinates are not closed";
+function bt(s, t) {
   if (s.geometry.type !== "Polygon") return { valid: !1, reason: "Feature is not a Polygon" };
-  if (s.geometry.coordinates.length !== 1) return { valid: !1, reason: qe };
-  if (s.geometry.coordinates[0].length < 4) return { valid: !1, reason: Je };
+  if (s.geometry.coordinates.length !== 1) return { valid: !1, reason: Je };
+  if (s.geometry.coordinates[0].length < 4) return { valid: !1, reason: qe };
   for (let o = 0; o < s.geometry.coordinates[0].length; o++) {
     if (!Wt(s.geometry.coordinates[0][o])) return { valid: !1, reason: Ze };
-    if (!xt(s.geometry.coordinates[0][o], t)) return { valid: !1, reason: "Feature has coordinates with excessive precision" };
+    if (!It(s.geometry.coordinates[0][o], t)) return { valid: !1, reason: "Feature has coordinates with excessive precision" };
   }
   return (e = s.geometry.coordinates[0][0])[0] !== (i = s.geometry.coordinates[0][s.geometry.coordinates[0].length - 1])[0] || e[1] !== i[1] ? { valid: !1, reason: Qe } : { valid: !0 };
   var e, i;
 }
-function lt(s, t) {
-  const e = It(s, t);
+function dt(s, t) {
+  const e = bt(s, t);
   return e.valid ? Bt(s) ? { valid: !1, reason: "Feature intersects itself" } : { valid: !0 } : e;
 }
 const ti = { cancel: "Escape", finish: "Enter" }, ei = { start: "crosshair" };
@@ -247,7 +247,7 @@ class Ce extends N {
   onClick(t) {
     if (this.clickCount === 0) {
       this.center = [t.lng, t.lat];
-      const e = $t({ center: this.center, radiusKilometers: this.startingRadiusKilometers, coordinatePrecision: this.coordinatePrecision }), [i] = this.store.create([{ geometry: e.geometry, properties: { mode: this.mode, radiusKilometers: this.startingRadiusKilometers } }]);
+      const e = Yt({ center: this.center, radiusKilometers: this.startingRadiusKilometers, coordinatePrecision: this.coordinatePrecision }), [i] = this.store.create([{ geometry: e.geometry, properties: { mode: this.mode, radiusKilometers: this.startingRadiusKilometers } }]);
       this.currentCircleId = i, this.clickCount++, this.cursorMovedAfterInitialCursorDown = !1, this.setDrawing();
     } else this.clickCount === 1 && this.center && this.currentCircleId !== void 0 && this.cursorMovedAfterInitialCursorDown && this.updateCircle(t), this.close();
   }
@@ -278,15 +278,15 @@ class Ce extends N {
     return t.type === "Feature" && t.geometry.type === "Polygon" && t.properties.mode === this.mode && (e.polygonFillColor = this.getHexColorStylingValue(this.styles.fillColor, e.polygonFillColor, t), e.polygonOutlineColor = this.getHexColorStylingValue(this.styles.outlineColor, e.polygonOutlineColor, t), e.polygonOutlineWidth = this.getNumericStylingValue(this.styles.outlineWidth, e.polygonOutlineWidth, t), e.polygonFillOpacity = this.getNumericStylingValue(this.styles.fillOpacity, e.polygonFillOpacity, t), e.zIndex = 10), e;
   }
   validateFeature(t) {
-    return this.validateModeFeature(t, (e) => lt(e, this.coordinatePrecision));
+    return this.validateModeFeature(t, (e) => dt(e, this.coordinatePrecision));
   }
   updateCircle(t) {
     if (this.clickCount === 1 && this.center && this.currentCircleId) {
-      const e = T(this.center, [t.lng, t.lat]);
+      const e = U(this.center, [t.lng, t.lat]);
       let i;
       if (this.projection === "web-mercator") {
         const o = function(r, n) {
-          const a = 1e3 * T(r, n);
+          const a = 1e3 * U(r, n);
           if (a === 0) return 1;
           const { x: l, y: d } = x(r[0], r[1]), { x: h, y: c } = x(n[0], n[1]);
           return Math.sqrt(Math.pow(h - l, 2) + Math.pow(c - d, 2)) / a;
@@ -301,7 +301,7 @@ class Ce extends N {
         }({ center: this.center, radiusKilometers: e * o, coordinatePrecision: this.coordinatePrecision });
       } else {
         if (this.projection !== "globe") throw new Error("Invalid projection");
-        i = $t({ center: this.center, radiusKilometers: e, coordinatePrecision: this.coordinatePrecision });
+        i = Yt({ center: this.center, radiusKilometers: e, coordinatePrecision: this.coordinatePrecision });
       }
       if (this.validate && !this.validate({ type: "Feature", id: this.currentCircleId, geometry: i.geometry, properties: { radiusKilometers: e } }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: M.Provisional }).valid) return;
       this.store.updateGeometry([{ id: this.currentCircleId, geometry: i.geometry }]), this.store.updateProperty([{ id: this.currentCircleId, property: "radiusKilometers", value: e }]);
@@ -312,7 +312,7 @@ const E = (s, t) => {
   const { x: e, y: i } = s, { x: o, y: r } = t, n = o - e, a = r - i;
   return Math.sqrt(a * a + n * n);
 };
-function dt(s) {
+function ht(s) {
   if (!function(e) {
     const i = e.coordinates[0];
     let o = 0;
@@ -334,7 +334,7 @@ class Pe extends N {
   close() {
     if (this.currentId === void 0) return;
     if (this.currentId) {
-      const e = dt(this.store.getGeometryCopy(this.currentId));
+      const e = ht(this.store.getGeometryCopy(this.currentId));
       e && this.store.updateGeometry([{ id: this.currentId, geometry: e }]);
     }
     const t = this.currentId;
@@ -396,7 +396,7 @@ class Pe extends N {
     return t.type === "Feature" && t.geometry.type === "Polygon" && t.properties.mode === this.mode ? (e.polygonFillColor = this.getHexColorStylingValue(this.styles.fillColor, e.polygonFillColor, t), e.polygonOutlineColor = this.getHexColorStylingValue(this.styles.outlineColor, e.polygonOutlineColor, t), e.polygonOutlineWidth = this.getNumericStylingValue(this.styles.outlineWidth, e.polygonOutlineWidth, t), e.polygonFillOpacity = this.getNumericStylingValue(this.styles.fillOpacity, e.polygonFillOpacity, t), e.zIndex = 10, e) : (t.type === "Feature" && t.geometry.type === "Point" && t.properties.mode === this.mode && (e.pointWidth = this.getNumericStylingValue(this.styles.closingPointWidth, e.pointWidth, t), e.pointColor = this.getHexColorStylingValue(this.styles.closingPointColor, e.pointColor, t), e.pointOutlineColor = this.getHexColorStylingValue(this.styles.closingPointOutlineColor, e.pointOutlineColor, t), e.pointOutlineWidth = this.getNumericStylingValue(this.styles.closingPointOutlineWidth, 2, t), e.zIndex = 40), e);
   }
   validateFeature(t) {
-    return this.validateModeFeature(t, (e) => It(e, this.coordinatePrecision));
+    return this.validateModeFeature(t, (e) => bt(e, this.coordinatePrecision));
   }
 }
 class k {
@@ -408,7 +408,7 @@ function Se({ unproject: s, point: t, pointerDistance: e }) {
   const i = e / 2, { x: o, y: r } = t;
   return { type: "Feature", properties: {}, geometry: { type: "Polygon", coordinates: [[s(o - i, r - i), s(o + i, r - i), s(o + i, r + i), s(o - i, r + i), s(o - i, r - i)].map((n) => [n.lng, n.lat])] } };
 }
-class rt extends k {
+class nt extends k {
   constructor(t) {
     super(t);
   }
@@ -417,7 +417,7 @@ class rt extends k {
     return Se({ unproject: this.unproject, point: { x: e, y: i }, pointerDistance: this.pointerDistance });
   }
 }
-class nt extends k {
+class at extends k {
   constructor(t) {
     super(t);
   }
@@ -426,7 +426,7 @@ class nt extends k {
     return E({ x: i, y: o }, { x: t.containerX, y: t.containerY });
   }
 }
-class mt extends k {
+class vt extends k {
   constructor(t, e, i) {
     super(t), this.config = void 0, this.pixelDistance = void 0, this.clickBoundingBox = void 0, this.getSnappableCoordinateFirstClick = (o) => this.getSnappable(o, (r) => !!(r.properties && r.properties.mode === this.mode)).coordinate, this.getSnappableCoordinate = (o, r) => this.getSnappable(o, (n) => !!(n.properties && n.properties.mode === this.mode && n.id !== r)).coordinate, this.config = t, this.pixelDistance = e, this.clickBoundingBox = i;
   }
@@ -446,15 +446,15 @@ class mt extends k {
     }), r;
   }
 }
-function qt(s, t, e) {
+function Jt(s, t, e) {
   const i = O(s[0]), o = O(s[1]), r = O(e), n = ve(t), a = Math.asin(Math.sin(o) * Math.cos(n) + Math.cos(o) * Math.sin(n) * Math.cos(r));
   return [R(i + Math.atan2(Math.sin(r) * Math.sin(n) * Math.cos(o), Math.cos(n) - Math.sin(o) * Math.sin(a))), R(a)];
 }
-function at({ x: s, y: t }, e, i) {
+function lt({ x: s, y: t }, e, i) {
   const o = O(i);
   return { x: s + e * Math.cos(o), y: t + e * Math.sin(o) };
 }
-function Jt(s, t) {
+function qt(s, t) {
   const e = O(s[0]), i = O(t[0]), o = O(s[1]), r = O(t[1]), n = Math.sin(i - e) * Math.cos(r), a = Math.cos(o) * Math.sin(r) - Math.sin(o) * Math.cos(r) * Math.cos(i - e);
   return R(Math.atan2(n, a));
 }
@@ -462,7 +462,7 @@ function A({ x: s, y: t }, { x: e, y: i }) {
   let o = Math.atan2(i - t, e - s);
   return o *= 180 / Math.PI, o > 180 ? o -= 360 : o < -180 && (o += 360), o;
 }
-function Y(s) {
+function $(s) {
   return (s + 360) % 360;
 }
 function si(s, t, e) {
@@ -471,17 +471,17 @@ function si(s, t, e) {
   for (let h = 0; h < s.length && !(t >= l && h === s.length - 1); h++) {
     if (l > t && i.length === 0) {
       if (r = t - l, !r) return i.push(s[h]), i;
-      n = Jt(s[h], s[h - 1]) - 180, a = qt(s[h], r, n), i.push(a);
+      n = qt(s[h], s[h - 1]) - 180, a = Jt(s[h], r, n), i.push(a);
     }
-    if (l >= e) return r = e - l, r ? (n = Jt(s[h], s[h - 1]) - 180, a = qt(s[h], r, n), i.push(a), i) : (i.push(s[h]), i);
+    if (l >= e) return r = e - l, r ? (n = qt(s[h], s[h - 1]) - 180, a = Jt(s[h], r, n), i.push(a), i) : (i.push(s[h]), i);
     if (l >= t && i.push(s[h]), h === s.length - 1) return i;
-    l += T(s[h], s[h + 1]);
+    l += U(s[h], s[h + 1]);
   }
   if (l < t && s.length === o) throw new Error("Start position is beyond line");
   const d = s[s.length - 1];
   return [d, d];
 }
-function ct(s) {
+function ut(s) {
   return s * (Math.PI / 180);
 }
 function Zt(s) {
@@ -494,7 +494,7 @@ class ri extends k {
   generateInsertionCoordinates(t, e, i) {
     const o = [t, e];
     let r = 0;
-    for (let d = 0; d < o.length - 1; d++) r += T(o[0], o[1]);
+    for (let d = 0; d < o.length - 1; d++) r += U(o[0], o[1]);
     if (r <= i) return o;
     let n = r / i - 1;
     Number.isInteger(n) || (n = Math.floor(n) + 1);
@@ -508,8 +508,8 @@ class ri extends k {
     return this.limitCoordinates(l);
   }
   generateInsertionGeodesicCoordinates(t, e, i) {
-    const o = T(t, e), r = function(n, a, l) {
-      const d = [], h = ct(n[1]), c = ct(n[0]), u = ct(a[1]), p = ct(a[0]);
+    const o = U(t, e), r = function(n, a, l) {
+      const d = [], h = ut(n[1]), c = ut(n[0]), u = ut(a[1]), p = ut(a[0]);
       l += 1;
       const g = 2 * Math.asin(Math.sqrt(Math.sin((u - h) / 2) ** 2 + Math.cos(h) * Math.cos(u) * Math.sin((p - c) / 2) ** 2));
       if (g === 0 || isNaN(g)) return d;
@@ -535,7 +535,7 @@ function xe(s, t) {
   if (s.geometry.coordinates.length < 2) return { valid: !1, reason: "Feature has less than 2 coordinates" };
   for (let e = 0; e < s.geometry.coordinates.length; e++) {
     if (!Wt(s.geometry.coordinates[e])) return { valid: !1, reason: "Feature has invalid coordinates" };
-    if (!xt(s.geometry.coordinates[e], t)) return { valid: !1, reason: "Feature has coordinates with excessive precision" };
+    if (!It(s.geometry.coordinates[e], t)) return { valid: !1, reason: "Feature has coordinates with excessive precision" };
   }
   return { valid: !0 };
 }
@@ -549,7 +549,7 @@ function X(s, t) {
   }(s, t) / (Qt(s) * Qt(t));
   return Math.acos(Math.min(Math.max(e, -1), 1));
 }
-function wt(s) {
+function Ft(s) {
   const t = O(s[1]), e = O(s[0]);
   return [Math.cos(t) * Math.cos(e), Math.cos(t) * Math.sin(e), Math.sin(t)];
 }
@@ -558,12 +558,12 @@ function K(s) {
   return [R(Math.atan2(e, t)), o];
 }
 function ni(s, t, e) {
-  const i = wt(s), o = wt(t), r = wt(e), [n, a, l] = r, [d, h, c] = function(j, z) {
+  const i = Ft(s), o = Ft(t), r = Ft(e), [n, a, l] = r, [d, h, c] = function(j, z) {
     const [Gt, At, Tt] = j, [Ut, Vt, Rt] = z;
     return [At * Rt - Tt * Vt, Tt * Ut - Gt * Rt, Gt * Vt - At * Ut];
   }(i, o), u = h * l - c * a, p = c * n - d * l, g = d * a - h * n, y = g * h - p * c, m = u * c - g * d, v = p * d - u * h, f = 1 / Math.sqrt(Math.pow(y, 2) + Math.pow(m, 2) + Math.pow(v, 2)), C = [y * f, m * f, v * f], P = [-1 * y * f, -1 * m * f, -1 * v * f], S = X(i, o), b = X(i, C), w = X(o, C), D = X(i, P), G = X(o, P);
   let _;
-  return _ = b < D && b < G || w < D && w < G ? C : P, X(i, _) > S || X(o, _) > S ? T(K(_), K(i)) <= T(K(_), K(o)) ? [K(i), !0, !1] : [K(o), !1, !0] : [K(_), !1, !1];
+  return _ = b < D && b < G || w < D && w < G ? C : P, X(i, _) > S || X(o, _) > S ? U(K(_), K(i)) <= U(K(_), K(o)) ? [K(i), !0, !1] : [K(o), !1, !0] : [K(_), !1, !1];
 }
 function ai(s, t, e) {
   const i = t.x - s.x, o = t.y - s.y, r = Math.max(0, Math.min(1, ((e.x - s.x) * i + (e.y - s.y) * o) / (i * i + o * o)));
@@ -606,7 +606,7 @@ class Ie extends k {
         for (let v of p) {
           const f = v[0], C = v[1];
           let P, S = 1 / 0;
-          f[0] === u[0] && f[1] === u[1] ? P = f : C[0] === u[0] && C[1] === u[1] ? P = C : [P] = ni(f, C, u), P && (S = T(u, P), S < y && (g = P, y = S, m = p.indexOf(v)));
+          f[0] === u[0] && f[1] === u[1] ? P = f : C[0] === u[0] && C[1] === u[1] ? P = C : [P] = ni(f, C, u), P && (S = U(u, P), S < y && (g = P, y = S, m = p.indexOf(v)));
         }
         return y === 1 / 0 ? void 0 : { coordinate: g, distance: y, lineIndex: m };
       }(h, l)), !d) return;
@@ -640,7 +640,7 @@ class be extends N {
   generateInsertCoordinates(t, e) {
     if (!this.insertCoordinates || !this.lastCommitedCoordinates) throw new Error("Not able to insert coordinates");
     if (this.insertCoordinates.strategy !== "amount") throw new Error("Strategy does not exist");
-    const i = T(t, e) / (this.insertCoordinates.value + 1);
+    const i = U(t, e) / (this.insertCoordinates.value + 1);
     let o = [];
     return this.projection === "globe" ? o = this.insertPoint.generateInsertionGeodesicCoordinates(t, e, i) : this.projection === "web-mercator" && (o = this.insertPoint.generateInsertionCoordinates(t, e, i)), o;
   }
@@ -664,7 +664,7 @@ class be extends N {
     this.updateGeometries(l, i[i.length - 1], M.Commit), this.currentCoordinate++;
   }
   registerBehaviors(t) {
-    this.coordinateSnapping = new mt(t, new nt(t), new rt(t)), this.insertPoint = new ri(t), this.clickBoundingBox = new rt(t), this.pixelDistance = new nt(t), this.lineSnapping = new Ie(t, this.pixelDistance, this.clickBoundingBox), this.coordinateSnapping = new mt(t, this.pixelDistance, this.clickBoundingBox);
+    this.coordinateSnapping = new vt(t, new at(t), new nt(t)), this.insertPoint = new ri(t), this.clickBoundingBox = new nt(t), this.pixelDistance = new at(t), this.lineSnapping = new Ie(t, this.pixelDistance, this.clickBoundingBox), this.coordinateSnapping = new vt(t, this.pixelDistance, this.clickBoundingBox);
   }
   start() {
     this.setStarted(), this.setCursor(this.cursors.start);
@@ -678,7 +678,7 @@ class be extends N {
     if (e) {
       if (this.snappedPointId) this.store.updateGeometry([{ id: this.snappedPointId, geometry: { type: "Point", coordinates: e } }]);
       else {
-        const [n] = this.store.create([{ geometry: { type: "Point", coordinates: e }, properties: { mode: this.mode, [_t]: !0 } }]);
+        const [n] = this.store.create([{ geometry: { type: "Point", coordinates: e }, properties: { mode: this.mode, [Lt]: !0 } }]);
         this.snappedPointId = n;
       }
       t.lng = e[0], t.lat = e[1];
@@ -735,7 +735,7 @@ class be extends N {
     }
     if (this.editedFeatureId && i) {
       if (!this.editedPointId) {
-        const [o] = this.store.create([{ geometry: { type: "Point", coordinates: i }, properties: { mode: this.mode, [U]: !0 } }]);
+        const [o] = this.store.create([{ geometry: { type: "Point", coordinates: i }, properties: { mode: this.mode, [V]: !0 } }]);
         this.editedPointId = o;
       }
       this.setCursor(this.cursors.dragStart), e(!1);
@@ -746,10 +746,10 @@ class be extends N {
     const i = this.store.getGeometryCopy(this.editedFeatureId);
     this.editedSnapType === "coordinate" || this.editedSnapType === "line" && this.editedInsertIndex !== void 0 ? i.coordinates[this.editedFeatureCoordinateIndex] = [t.lng, t.lat] : this.editedSnapType === "line" && this.editedInsertIndex === void 0 && (this.editedInsertIndex = this.editedFeatureCoordinateIndex + 1, i.coordinates.splice(this.editedInsertIndex, 0, [t.lng, t.lat]), this.editedFeatureCoordinateIndex++);
     const o = { type: "LineString", coordinates: i.coordinates };
-    this.validate && !this.validate({ type: "Feature", geometry: o, properties: this.store.getPropertiesCopy(this.editedFeatureId) }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: M.Provisional }).valid || (this.snapping && this.snappedPointId && (this.store.delete([this.snappedPointId]), this.snappedPointId = void 0), this.store.updateGeometry([{ id: this.editedFeatureId, geometry: o }]), this.editedPointId && this.store.updateGeometry([{ id: this.editedPointId, geometry: { type: "Point", coordinates: [t.lng, t.lat] } }]), this.store.updateProperty([{ id: this.editedFeatureId, property: U, value: !0 }]), e(!0));
+    this.validate && !this.validate({ type: "Feature", geometry: o, properties: this.store.getPropertiesCopy(this.editedFeatureId) }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: M.Provisional }).valid || (this.snapping && this.snappedPointId && (this.store.delete([this.snappedPointId]), this.snappedPointId = void 0), this.store.updateGeometry([{ id: this.editedFeatureId, geometry: o }]), this.editedPointId && this.store.updateGeometry([{ id: this.editedPointId, geometry: { type: "Point", coordinates: [t.lng, t.lat] } }]), this.store.updateProperty([{ id: this.editedFeatureId, property: V, value: !0 }]), e(!0));
   }
   onDragEnd(t, e) {
-    this.editedFeatureId !== void 0 && (this.setCursor(this.cursors.dragEnd), this.editedPointId && (this.store.delete([this.editedPointId]), this.editedPointId = void 0), this.store.updateProperty([{ id: this.editedFeatureId, property: U, value: !1 }]), this.onFinish(this.editedFeatureId, { mode: this.mode, action: "edit" }), this.editedFeatureId = void 0, this.editedFeatureCoordinateIndex = void 0, this.editedInsertIndex = void 0, this.editedSnapType = void 0, e(!0));
+    this.editedFeatureId !== void 0 && (this.setCursor(this.cursors.dragEnd), this.editedPointId && (this.store.delete([this.editedPointId]), this.editedPointId = void 0), this.store.updateProperty([{ id: this.editedFeatureId, property: V, value: !1 }]), this.onFinish(this.editedFeatureId, { mode: this.mode, action: "edit" }), this.editedFeatureId = void 0, this.editedFeatureCoordinateIndex = void 0, this.editedInsertIndex = void 0, this.editedSnapType = void 0, e(!0));
   }
   cleanUp() {
     const t = this.currentId, e = this.closingPointId, i = this.snappedPointId;
@@ -782,7 +782,7 @@ class be extends N {
 }
 const hi = "Feature is not a Point", ci = "Feature has invalid coordinates", ui = "Feature has coordinates with excessive precision";
 function Me(s, t) {
-  return s.geometry.type !== "Point" ? { valid: !1, reason: hi } : Wt(s.geometry.coordinates) ? xt(s.geometry.coordinates, t) ? { valid: !0 } : { valid: !1, reason: ui } : { valid: !1, reason: ci };
+  return s.geometry.type !== "Point" ? { valid: !1, reason: hi } : Wt(s.geometry.coordinates) ? It(s.geometry.coordinates, t) ? { valid: !0 } : { valid: !1, reason: ui } : { valid: !1, reason: ci };
 }
 const pi = { create: "crosshair", dragStart: "grabbing", dragEnd: "crosshair" };
 class we extends N {
@@ -819,13 +819,13 @@ class we extends N {
     this.editedFeatureId && (this.setCursor(this.cursors.dragStart), e(!1));
   }
   onDrag(t, e) {
-    this.editedFeatureId !== void 0 && (this.validate && !this.validate({ type: "Feature", geometry: { type: "Point", coordinates: [t.lng, t.lat] }, properties: this.store.getPropertiesCopy(this.editedFeatureId) }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: M.Finish }).valid || (this.store.updateGeometry([{ id: this.editedFeatureId, geometry: { type: "Point", coordinates: [t.lng, t.lat] } }]), this.store.updateProperty([{ id: this.editedFeatureId, property: U, value: !0 }]), e(!0)));
+    this.editedFeatureId !== void 0 && (this.validate && !this.validate({ type: "Feature", geometry: { type: "Point", coordinates: [t.lng, t.lat] }, properties: this.store.getPropertiesCopy(this.editedFeatureId) }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: M.Finish }).valid || (this.store.updateGeometry([{ id: this.editedFeatureId, geometry: { type: "Point", coordinates: [t.lng, t.lat] } }]), this.store.updateProperty([{ id: this.editedFeatureId, property: V, value: !0 }]), e(!0)));
   }
   onDragEnd(t, e) {
-    this.editedFeatureId !== void 0 && (this.onFinish(this.editedFeatureId, { mode: this.mode, action: "edit" }), this.setCursor(this.cursors.dragEnd), this.store.updateProperty([{ id: this.editedFeatureId, property: U, value: !1 }]), this.editedFeatureId = void 0, e(!0));
+    this.editedFeatureId !== void 0 && (this.onFinish(this.editedFeatureId, { mode: this.mode, action: "edit" }), this.setCursor(this.cursors.dragEnd), this.store.updateProperty([{ id: this.editedFeatureId, property: V, value: !1 }]), this.editedFeatureId = void 0, e(!0));
   }
   registerBehaviors(t) {
-    this.pixelDistance = new nt(t), this.clickBoundingBox = new rt(t);
+    this.pixelDistance = new at(t), this.clickBoundingBox = new nt(t);
   }
   styleFeature(t) {
     const e = I({}, { polygonFillColor: "#3f97e0", polygonOutlineColor: "#3f97e0", polygonOutlineWidth: 4, polygonFillOpacity: 0.3, pointColor: "#3f97e0", pointOutlineColor: "#ffffff", pointOutlineWidth: 0, pointWidth: 6, lineStringColor: "#3f97e0", lineStringWidth: 4, zIndex: 0 });
@@ -899,19 +899,25 @@ class Fe extends k {
       if (e.type !== "LineString") return;
       o = e.coordinates;
     }
-    const r = this.store.getPropertiesCopy(t);
-    if (r.coordinatePointIds) {
-      const n = r.coordinatePointIds, a = n.map((l) => this.store.getGeometryCopy(l).coordinates);
-      if (n.length !== o.length) {
-        this.deleteCoordinatePoints(n);
-        const l = this.createPoints(o, i.mode);
-        this.setFeatureCoordinatePoints(t, l);
-      } else o.forEach((l, d) => {
-        l[0] === a[d][0] && l[1] === a[d][1] || this.store.updateGeometry([{ id: n[d], geometry: { type: "Point", coordinates: l } }]);
+    const r = this.store.getPropertiesCopy(t), n = r.coordinatePointIds;
+    if (n) if (n && n.every((a) => this.store.has(a))) {
+      const a = r.coordinatePointIds, l = a.map((d) => this.store.getGeometryCopy(d).coordinates);
+      if (a.length !== o.length) {
+        this.deleteCoordinatePoints(a);
+        const d = this.createPoints(o, i.mode);
+        this.setFeatureCoordinatePoints(t, d);
+      } else o.forEach((d, h) => {
+        d[0] === l[h][0] && d[1] === l[h][1] || this.store.updateGeometry([{ id: a[h], geometry: { type: "Point", coordinates: d } }]);
       });
     } else {
-      const n = this.createPoints(o, i.mode);
-      this.setFeatureCoordinatePoints(t, n);
+      const a = n.filter((d) => this.store.has(d));
+      a.length && this.deleteCoordinatePoints(a);
+      const l = this.createPoints(o, i.mode);
+      this.setFeatureCoordinatePoints(t, l);
+    }
+    else {
+      const a = this.createPoints(o, i.mode);
+      this.setFeatureCoordinatePoints(t, a);
     }
   }
   deletePointsByFeatureIds(t) {
@@ -922,17 +928,18 @@ class Fe extends k {
     if (i.coordinatePointIds) return i.coordinatePointIds.map((o, r) => ({ id: o, geometry: I({}, this.store.getGeometryCopy(o), { coordinates: e[r] }) }));
   }
   createPoints(t, e) {
-    return this.store.create(t.map((i) => ({ geometry: { type: "Point", coordinates: i }, properties: { mode: e, [Lt]: !0 } })));
+    return this.store.create(t.map((i) => ({ geometry: { type: "Point", coordinates: i }, properties: { mode: e, [kt]: !0 } })));
   }
   setFeatureCoordinatePoints(t, e) {
-    this.store.updateProperty([{ id: t, property: kt, value: e }]);
+    this.store.updateProperty([{ id: t, property: rt, value: e }]);
   }
   deleteCoordinatePoints(t) {
-    this.store.delete(t);
+    const e = t.filter((i) => this.store.has(i));
+    this.store.delete(e);
   }
   deleteIfPresent(t) {
-    const e = this.store.getPropertiesCopy(t);
-    e.coordinatePointIds && (this.deleteCoordinatePoints(e.coordinatePointIds), this.setFeatureCoordinatePoints(t, null));
+    const e = this.store.getPropertiesCopy(t).coordinatePointIds;
+    e && (this.deleteCoordinatePoints(e), this.setFeatureCoordinatePoints(t, null));
   }
 }
 const yi = { cancel: "Escape", finish: "Enter" }, fi = { start: "crosshair", close: "pointer", dragStart: "grabbing", dragEnd: "crosshair" };
@@ -946,7 +953,7 @@ class Ee extends N {
         this.coordinatePoints.createOrUpdate(e);
       });
       else if (this.coordinatePoints && this.showCoordinatePoints === !1) {
-        const e = this.store.copyAllWhere((i) => i.mode === this.mode && !!i[kt]);
+        const e = this.store.copyAllWhere((i) => i.mode === this.mode && !!i[rt]);
         this.coordinatePoints.deletePointsByFeatureIds(e.map((i) => i.id));
       }
     }
@@ -957,13 +964,13 @@ class Ee extends N {
     if (t.length < 5 || !this.updatePolygonGeometry([...t.slice(0, -2), t[0]], M.Finish)) return;
     const e = this.currentId;
     if (this.currentId) {
-      const i = dt(this.store.getGeometryCopy(this.currentId));
+      const i = ht(this.store.getGeometryCopy(this.currentId));
       i && this.store.updateGeometry([{ id: this.currentId, geometry: i }]);
     }
     this.snappedPointId && this.store.delete([this.snappedPointId]), this.currentCoordinate = 0, this.currentId = void 0, this.snappedPointId = void 0, this.closingPoints.delete(), this.state === "drawing" && this.setStarted(), this.onFinish(e, { mode: this.mode, action: "draw" });
   }
   registerBehaviors(t) {
-    this.clickBoundingBox = new rt(t), this.pixelDistance = new nt(t), this.lineSnapping = new Ie(t, this.pixelDistance, this.clickBoundingBox), this.coordinateSnapping = new mt(t, this.pixelDistance, this.clickBoundingBox), this.closingPoints = new gi(t, this.pixelDistance), this.coordinatePoints = new Fe(t);
+    this.clickBoundingBox = new nt(t), this.pixelDistance = new at(t), this.lineSnapping = new Ie(t, this.pixelDistance, this.clickBoundingBox), this.coordinateSnapping = new vt(t, this.pixelDistance, this.clickBoundingBox), this.closingPoints = new gi(t, this.pixelDistance), this.coordinatePoints = new Fe(t);
   }
   start() {
     this.setStarted(), this.setCursor(this.cursors.start);
@@ -977,7 +984,7 @@ class Ee extends N {
     if (e) {
       if (this.snappedPointId) this.store.updateGeometry([{ id: this.snappedPointId, geometry: { type: "Point", coordinates: e } }]);
       else {
-        const [r] = this.store.create([{ geometry: { type: "Point", coordinates: e }, properties: { mode: this.mode, [_t]: !0 } }]);
+        const [r] = this.store.create([{ geometry: { type: "Point", coordinates: e }, properties: { mode: this.mode, [Lt]: !0 } }]);
         this.snappedPointId = r;
       }
       t.lng = e[0], t.lat = e[1];
@@ -1075,7 +1082,7 @@ class Ee extends N {
     }
     if (this.editedFeatureId && i) {
       if (!this.editedPointId) {
-        const [o] = this.store.create([{ geometry: { type: "Point", coordinates: i }, properties: { mode: this.mode, [U]: !0 } }]);
+        const [o] = this.store.create([{ geometry: { type: "Point", coordinates: i }, properties: { mode: this.mode, [V]: !0 } }]);
         this.editedPointId = o;
       }
       this.setCursor(this.cursors.dragStart), e(!1);
@@ -1086,10 +1093,10 @@ class Ee extends N {
     const i = this.store.getGeometryCopy(this.editedFeatureId), o = i.coordinates[0];
     this.editedSnapType === "coordinate" || this.editedSnapType === "line" && this.editedInsertIndex !== void 0 ? this.editedFeatureCoordinateIndex === 0 || this.editedFeatureCoordinateIndex === i.coordinates[0].length - 1 ? (o[0] = [t.lng, t.lat], o[o.length - 1] = [t.lng, t.lat]) : o[this.editedFeatureCoordinateIndex] = [t.lng, t.lat] : this.editedSnapType === "line" && this.editedInsertIndex === void 0 && (this.editedInsertIndex = this.editedFeatureCoordinateIndex + 1, i.coordinates[0].splice(this.editedInsertIndex, 0, [t.lng, t.lat]), this.editedFeatureCoordinateIndex++);
     const r = { type: "Polygon", coordinates: i.coordinates };
-    this.validate && !this.validate({ type: "Feature", geometry: r, properties: this.store.getPropertiesCopy(this.editedFeatureId) }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: M.Provisional }).valid || (this.snapping && this.snappedPointId && (this.store.delete([this.snappedPointId]), this.snappedPointId = void 0), this.store.updateGeometry([{ id: this.editedFeatureId, geometry: r }]), this.showCoordinatePoints && this.coordinatePoints.createOrUpdate(this.editedFeatureId), this.editedPointId && this.store.updateGeometry([{ id: this.editedPointId, geometry: { type: "Point", coordinates: [t.lng, t.lat] } }]), this.store.updateProperty([{ id: this.editedFeatureId, property: U, value: !0 }]), e(!0));
+    this.validate && !this.validate({ type: "Feature", geometry: r, properties: this.store.getPropertiesCopy(this.editedFeatureId) }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: M.Provisional }).valid || (this.snapping && this.snappedPointId && (this.store.delete([this.snappedPointId]), this.snappedPointId = void 0), this.store.updateGeometry([{ id: this.editedFeatureId, geometry: r }]), this.showCoordinatePoints && this.coordinatePoints.createOrUpdate(this.editedFeatureId), this.editedPointId && this.store.updateGeometry([{ id: this.editedPointId, geometry: { type: "Point", coordinates: [t.lng, t.lat] } }]), this.store.updateProperty([{ id: this.editedFeatureId, property: V, value: !0 }]), e(!0));
   }
   onDragEnd(t, e) {
-    this.editedFeatureId !== void 0 && (this.setCursor(this.cursors.dragEnd), this.editedPointId && (this.store.delete([this.editedPointId]), this.editedPointId = void 0), this.store.updateProperty([{ id: this.editedFeatureId, property: U, value: !1 }]), this.onFinish(this.editedFeatureId, { mode: this.mode, action: "edit" }), this.editedFeatureId = void 0, this.editedFeatureCoordinateIndex = void 0, this.editedInsertIndex = void 0, this.editedSnapType = void 0, e(!0));
+    this.editedFeatureId !== void 0 && (this.setCursor(this.cursors.dragEnd), this.editedPointId && (this.store.delete([this.editedPointId]), this.editedPointId = void 0), this.store.updateProperty([{ id: this.editedFeatureId, property: V, value: !1 }]), this.onFinish(this.editedFeatureId, { mode: this.mode, action: "edit" }), this.editedFeatureId = void 0, this.editedFeatureCoordinateIndex = void 0, this.editedInsertIndex = void 0, this.editedSnapType = void 0, e(!0));
   }
   cleanUp() {
     const t = this.currentId, e = this.snappedPointId, i = this.editedPointId;
@@ -1104,7 +1111,7 @@ class Ee extends N {
     if (t.properties.mode === this.mode) {
       if (t.geometry.type === "Polygon") return e.polygonFillColor = this.getHexColorStylingValue(this.styles.fillColor, e.polygonFillColor, t), e.polygonOutlineColor = this.getHexColorStylingValue(this.styles.outlineColor, e.polygonOutlineColor, t), e.polygonOutlineWidth = this.getNumericStylingValue(this.styles.outlineWidth, e.polygonOutlineWidth, t), e.polygonFillOpacity = this.getNumericStylingValue(this.styles.fillOpacity, e.polygonFillOpacity, t), e.zIndex = 10, e;
       if (t.geometry.type === "Point") {
-        const i = t.properties[U], o = t.properties[Lt], r = i ? "editedPoint" : t.properties[st] ? "closingPoint" : t.properties[_t] ? "snappingPoint" : o ? "coordinatePoint" : void 0;
+        const i = t.properties[V], o = t.properties[kt], r = i ? "editedPoint" : t.properties[st] ? "closingPoint" : t.properties[Lt] ? "snappingPoint" : o ? "coordinatePoint" : void 0;
         if (!r) return e;
         const n = { editedPoint: { width: this.styles.editedPointOutlineWidth, color: this.styles.editedPointColor, outlineColor: this.styles.editedPointOutlineColor, outlineWidth: this.styles.editedPointOutlineWidth }, closingPoint: { width: this.styles.closingPointWidth, color: this.styles.closingPointColor, outlineColor: this.styles.closingPointOutlineColor, outlineWidth: this.styles.closingPointOutlineWidth }, snappingPoint: { width: this.styles.snappingPointWidth, color: this.styles.snappingPointColor, outlineColor: this.styles.snappingPointOutlineColor, outlineWidth: this.styles.snappingPointOutlineWidth }, coordinatePoint: { width: this.styles.coordinatePointWidth, color: this.styles.coordinatePointColor, outlineColor: this.styles.coordinatePointOutlineColor, outlineWidth: this.styles.coordinatePointOutlineWidth } };
         return e.pointWidth = this.getNumericStylingValue(n[r].width, e.pointWidth, t), e.pointColor = this.getHexColorStylingValue(n[r].color, e.pointColor, t), e.pointOutlineColor = this.getHexColorStylingValue(n[r].outlineColor, e.pointOutlineColor, t), e.pointOutlineWidth = this.getNumericStylingValue(n[r].outlineWidth, 2, t), e.zIndex = i ? 35 : o ? 25 : 30, e;
@@ -1116,7 +1123,7 @@ class Ee extends N {
     this.showCoordinatePoints && this.coordinatePoints.createOrUpdate(t.id);
   }
   validateFeature(t) {
-    return this.validateModeFeature(t, (e) => It(e, this.coordinatePrecision));
+    return this.validateModeFeature(t, (e) => bt(e, this.coordinatePrecision));
   }
 }
 const mi = { cancel: "Escape", finish: "Enter" }, vi = { start: "crosshair" };
@@ -1137,7 +1144,7 @@ class Oe extends N {
   close() {
     const t = this.currentRectangleId;
     if (t) {
-      const e = dt(this.store.getGeometryCopy(t));
+      const e = ht(this.store.getGeometryCopy(t));
       e && this.store.updateGeometry([{ id: t, geometry: e }]);
     }
     this.center = void 0, this.currentRectangleId = void 0, this.clickCount = 0, this.state === "drawing" && this.setStarted(), t !== void 0 && this.onFinish(t, { mode: this.mode, action: "draw" });
@@ -1178,13 +1185,13 @@ class Oe extends N {
     return t.type === "Feature" && t.geometry.type === "Polygon" && t.properties.mode === this.mode && (e.polygonFillColor = this.getHexColorStylingValue(this.styles.fillColor, e.polygonFillColor, t), e.polygonOutlineColor = this.getHexColorStylingValue(this.styles.outlineColor, e.polygonOutlineColor, t), e.polygonOutlineWidth = this.getNumericStylingValue(this.styles.outlineWidth, e.polygonOutlineWidth, t), e.polygonFillOpacity = this.getNumericStylingValue(this.styles.fillOpacity, e.polygonFillOpacity, t), e.zIndex = 10), e;
   }
   validateFeature(t) {
-    return this.validateModeFeature(t, (e) => lt(e, this.coordinatePrecision));
+    return this.validateModeFeature(t, (e) => dt(e, this.coordinatePrecision));
   }
 }
 class et extends N {
   constructor(t) {
     if (!t.modeName) throw new Error("Mode name is required for TerraDrawRenderMode");
-    super(t, !0), this.type = $.Render, this.mode = "render", this.updateOptions(t);
+    super(t, !0), this.type = Y.Render, this.mode = "render", this.updateOptions(t);
   }
   updateOptions(t) {
     super.updateOptions(t), t != null && t.modeName && (this.mode = t.modeName);
@@ -1220,13 +1227,13 @@ class et extends N {
   validateFeature(t) {
     const e = super.validateFeature(t);
     if (e.valid) {
-      const i = t, o = Me(i, this.coordinatePrecision).valid || It(i, this.coordinatePrecision).valid || xe(i, this.coordinatePrecision).valid;
+      const i = t, o = Me(i, this.coordinatePrecision).valid || bt(i, this.coordinatePrecision).valid || xe(i, this.coordinatePrecision).valid;
       return o ? { valid: !0 } : { valid: o, reason: "Feature is not a valid Point, Polygon or LineString feature" };
     }
     return e;
   }
 }
-function vt(s, t) {
+function Ct(s, t) {
   const e = s, i = t, o = O(e[1]), r = O(i[1]);
   let n = O(i[0] - e[0]);
   n > Math.PI && (n -= 2 * Math.PI), n < -Math.PI && (n += 2 * Math.PI);
@@ -1247,7 +1254,7 @@ function De(s, t, e, i, o) {
   return [F(a, e), F(l, e)];
 }
 function Ci(s, t, e) {
-  const i = jt(s, 1e3 * T(s, t) / 2, vt(s, t));
+  const i = jt(s, 1e3 * U(s, t) / 2, Ct(s, t));
   return [F(i[0], e), F(i[1], e)];
 }
 function te({ featureCoords: s, precision: t, unproject: e, project: i, projection: o }) {
@@ -1274,13 +1281,13 @@ class Pi extends k {
   }
   insert(t, e, i) {
     const o = this.store.getGeometryCopy(e), { midPointFeatureId: r, midPointSegment: n } = this.store.getPropertiesCopy(e), a = this.store.getGeometryCopy(r), l = a.type === "Polygon" ? a.coordinates[0] : a.coordinates;
-    l.splice(n + 1, 0, o.coordinates), a.coordinates = a.type === "Polygon" ? [l] : l, this.store.updateGeometry([{ id: r, geometry: a }]), this.store.getPropertiesCopy(t)[kt] && this.coordinatePointBehavior.createOrUpdate(t), this.store.delete([...this._midPoints, ...this.selectionPointBehavior.ids]), this.create(l, r, i), this.selectionPointBehavior.create(l, a.type, r);
+    l.splice(n + 1, 0, o.coordinates), a.coordinates = a.type === "Polygon" ? [l] : l, this.store.updateGeometry([{ id: r, geometry: a }]), this.store.getPropertiesCopy(t)[rt] && this.coordinatePointBehavior.createOrUpdate(t), this.store.delete([...this._midPoints, ...this.selectionPointBehavior.ids]), this.create(l, r, i), this.selectionPointBehavior.create(l, a.type, r);
   }
   create(t, e, i) {
     if (!this.store.has(e)) throw new Error("Store does not have feature with this id");
     this._midPoints = this.store.create(function(o, r, n, a, l, d) {
       return te({ featureCoords: o, precision: n, project: a, unproject: l, projection: d }).map((h, c) => ({ geometry: { type: "Point", coordinates: h }, properties: r(c) }));
-    }(t, (o) => ({ mode: this.mode, [V.MID_POINT]: !0, midPointSegment: o, midPointFeatureId: e }), i, this.config.project, this.config.unproject, this.projection));
+    }(t, (o) => ({ mode: this.mode, [T.MID_POINT]: !0, midPointSegment: o, midPointFeatureId: e }), i, this.config.project, this.config.unproject, this.projection));
   }
   delete() {
     this._midPoints.length && (this.store.delete(this._midPoints), this._midPoints = []);
@@ -1343,9 +1350,9 @@ class xi extends k {
     for (let u = 0; u < c.length; u++) {
       const p = c[u], g = p.geometry;
       if (g.type === "Point") {
-        if (p.properties.selectionPoint || p.properties.coordinatePoint || !e && p.properties[V.MID_POINT]) continue;
+        if (p.properties.selectionPoint || p.properties.coordinatePoint || !e && p.properties[T.MID_POINT]) continue;
         const y = this.pixelDistance.measure(t, g.coordinates);
-        p.properties[V.MID_POINT] && y < this.pointerDistance && y < d ? (d = y, r = p) : !p.properties[V.MID_POINT] && y < this.pointerDistance && y < a && (a = y, i = p);
+        p.properties[T.MID_POINT] && y < this.pointerDistance && y < d ? (d = y, r = p) : !p.properties[T.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++) {
@@ -1454,7 +1461,7 @@ class bi extends k {
     this.draggedCoordinate = { id: null, index: -1 };
   }
 }
-function Ct(s) {
+function Pt(s) {
   let t = 0, e = 0, i = 0;
   return (s.geometry.type === "Polygon" ? s.geometry.coordinates[0].slice(0, -1) : s.geometry.coordinates).forEach((o) => {
     t += o[0], e += o[1], i++;
@@ -1468,7 +1475,7 @@ function ke(s, t) {
   const a = Math.log(Math.tan(o / 2 + Math.PI / 4) / Math.tan(i / 2 + Math.PI / 4)), l = Math.abs(a) > 1e-11 ? r / a : Math.cos(i);
   return Math.sqrt(r * r + l * l * n * n) * e;
 }
-function Pt(s) {
+function St(s) {
   const t = (s.geometry.type === "Polygon" ? s.geometry.coordinates[0] : s.geometry.coordinates).map((e) => {
     const { x: i, y: o } = x(e[0], e[1]);
     return [i, o];
@@ -1505,7 +1512,7 @@ class Mi extends k {
     let n;
     const a = { type: "Feature", geometry: o, properties: {} };
     if (this.config.projection === "web-mercator") {
-      if (n = A(Pt(a), x(t.lng, t.lat)), !this.lastBearing) return void (this.lastBearing = n);
+      if (n = A(St(a), x(t.lng, t.lat)), !this.lastBearing) return void (this.lastBearing = n);
       ((u, p) => {
         if (p === 0 || p === 360 || p === -360) return u;
         const g = 0.017453292519943295 * p, y = (u.geometry.type === "Polygon" ? u.geometry.coordinates[0] : u.geometry.coordinates).map(([f, C]) => x(f, C)), m = y.reduce((f, C) => ({ x: f.x + C.x, y: f.y + C.y }), { x: 0, y: 0 });
@@ -1515,12 +1522,12 @@ class Mi extends k {
       })(a, -(this.lastBearing - n));
     } else {
       if (this.config.projection !== "globe") throw new Error("Unsupported projection");
-      if (n = vt(Ct({ geometry: o }), r), !this.lastBearing) return void (this.lastBearing = n + 180);
+      if (n = Ct(Pt({ geometry: o }), r), !this.lastBearing) return void (this.lastBearing = n + 180);
       (function(u, p) {
         if (p === 0 || p === 360 || p === -360) return u;
-        const g = Ct(u);
+        const g = Pt(u);
         (u.geometry.type === "Polygon" ? u.geometry.coordinates[0] : u.geometry.coordinates).forEach((y) => {
-          const m = vt(g, y) + p, v = ke(g, y), f = jt(g, v, m);
+          const m = Ct(g, y) + p, v = ke(g, y), f = jt(g, v, m);
           y[0] = f[0], y[1] = f[1];
         });
       })(a, -(this.lastBearing - (n + 180)));
@@ -1546,13 +1553,13 @@ class wi extends k {
     if (o.type !== "Polygon" && o.type !== "LineString") return;
     const r = [t.lng, t.lat], n = { type: "Feature", geometry: o, properties: {} };
     let a;
-    const l = Pt(n);
+    const l = St(n);
     if (this.config.projection === "web-mercator") {
       const g = x(t.lng, t.lat);
       a = E(l, g);
     } else {
       if (this.config.projection !== "globe") throw new Error("Invalid projection");
-      a = T(Ct({ geometry: o }), r);
+      a = U(Pt({ geometry: o }), r);
     }
     if (!this.lastDistance) return void (this.lastDistance = a);
     const d = 1 - (this.lastDistance - a) / a;
@@ -1565,10 +1572,10 @@ class wi extends k {
       })(n, d, [g, y]);
     } else this.config.projection === "globe" && function(g, y, m, v = "xy") {
       y === 1 || (g.geometry.type === "Polygon" ? g.geometry.coordinates[0] : g.geometry.coordinates).forEach((f) => {
-        const C = ke(m, f), P = vt(m, f), S = jt(m, C * y, P);
+        const C = ke(m, f), P = Ct(m, f), S = jt(m, C * y, P);
         v !== "x" && v !== "xy" || (f[0] = S[0]), v !== "y" && v !== "xy" || (f[1] = S[1]);
       });
-    }(n, d, Ct(n));
+    }(n, d, Pt(n));
     const h = o.type === "Polygon" ? o.coordinates[0] : o.coordinates;
     h.forEach((g) => {
       g[0] = F(g[0], this.coordinatePrecision), g[1] = F(g[1], this.coordinatePrecision);
@@ -1637,7 +1644,7 @@ class Fi extends k {
   centerWebMercatorDrag(t) {
     const e = this.getSelectedFeatureDataWebMercator();
     if (!e) return null;
-    const { feature: i, boundingBox: o, updatedCoords: r, selectedCoordinate: n } = e, a = Pt(i);
+    const { feature: i, boundingBox: o, updatedCoords: r, selectedCoordinate: n } = e, a = St(i);
     if (!a) return null;
     const l = x(n[0], n[1]), { closestBBoxIndex: d } = this.getIndexesWebMercator(o, l), h = x(t.lng, t.lat);
     return this.scaleWebMercator({ closestBBoxIndex: d, updatedCoords: r, webMercatorCursor: h, webMercatorSelected: l, webMercatorOrigin: a }), r;
@@ -1645,7 +1652,7 @@ class Fi extends k {
   centerFixedWebMercatorDrag(t) {
     const e = this.getSelectedFeatureDataWebMercator();
     if (!e) return null;
-    const { feature: i, boundingBox: o, updatedCoords: r, selectedCoordinate: n } = e, a = Pt(i);
+    const { feature: i, boundingBox: o, updatedCoords: r, selectedCoordinate: n } = e, a = St(i);
     if (!a) return null;
     const l = x(n[0], n[1]), { closestBBoxIndex: d } = this.getIndexesWebMercator(o, l), h = x(t.lng, t.lat);
     return this.scaleFixedWebMercator({ closestBBoxIndex: d, updatedCoords: r, webMercatorCursor: h, webMercatorSelected: l, webMercatorOrigin: a }), r;
@@ -1734,14 +1741,14 @@ class Fi extends k {
     if (e === "center" ? r = this.centerWebMercatorDrag(t) : e === "opposite" ? r = this.oppositeWebMercatorDrag(t) : e === "center-fixed" ? r = this.centerFixedWebMercatorDrag(t) : e === "opposite-fixed" && (r = this.oppositeFixedWebMercatorDrag(t)), !r) return !1;
     for (let h = 0; h < r.length; h++) {
       const c = r[h];
-      if (c[0] = F(c[0], this.coordinatePrecision), c[1] = F(c[1], this.coordinatePrecision), !xt(c, this.coordinatePrecision)) return !1;
+      if (c[0] = F(c[0], this.coordinatePrecision), c[1] = F(c[1], this.coordinatePrecision), !It(c, this.coordinatePrecision)) return !1;
     }
     const n = this.midPoints.getUpdated(r) || [], a = this.selectionPoints.getUpdated(r) || [], l = this.coordinatePoints.getUpdated(o.id, r) || [], d = { type: o.geometry.type, coordinates: o.geometry.type === "Polygon" ? [r] : r };
     return !(i && !i({ id: this.draggedCoordinate.id, type: "Feature", geometry: d, properties: {} }, { project: this.config.project, unproject: this.config.unproject, coordinatePrecision: this.config.coordinatePrecision, updateType: M.Provisional }).valid || (this.store.updateGeometry([{ id: this.draggedCoordinate.id, geometry: d }, ...a, ...n, ...l]), 0));
   }
 }
 const Ei = { deselect: "Escape", delete: "Delete", rotate: ["Control", "r"], scale: ["Control", "s"] }, ee = { pointerOver: "move", dragStart: "move", dragEnd: "move", insertMidpoint: "crosshair" };
-class Be extends $e {
+class Be extends Ye {
   constructor(t) {
     super(t, !0), this.mode = "select", this.allowManualDeselection = !0, this.dragEventThrottle = 5, this.dragEventCount = 0, this.selected = [], this.flags = {}, this.keyEvents = Ei, this.cursors = ee, this.validations = {}, this.selectionPoints = void 0, this.midPoints = void 0, this.coordinateSnap = 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.coordinatePoints = void 0, this.updateOptions(t);
   }
@@ -1757,7 +1764,7 @@ class Be extends $e {
   createOrUpdateCoordinatePoint(t) {
     const e = this.store.getPropertiesCopy(t);
     e.coordinatePointIds && this.store.delete(e.coordinatePointIds);
-    const i = this.store.getGeometryCopy(t), o = this.store.create(i.coordinates[0].map((r) => ({ geometry: { type: "Point", coordinates: r }, properties: { mode: this.mode, [Lt]: !0 } })));
+    const i = this.store.getGeometryCopy(t), o = this.store.create(i.coordinates[0].map((r) => ({ geometry: { type: "Point", coordinates: r }, properties: { mode: this.mode, [kt]: !0 } })));
     this.store.updateProperty([{ id: t, property: "coordinatePointIds", value: o }]);
   }
   selectFeature(t) {
@@ -1768,13 +1775,13 @@ class Be extends $e {
     this._state = "selecting";
   }
   registerBehaviors(t) {
-    this.pixelDistance = new nt(t), this.clickBoundingBox = new rt(t), this.featuresAtMouseEvent = new xi(t, this.clickBoundingBox, this.pixelDistance), this.selectionPoints = new Si(t), this.coordinatePoints = new Fe(t), this.midPoints = new Pi(t, this.selectionPoints, this.coordinatePoints), this.coordinateSnap = new mt(t, this.pixelDistance, this.clickBoundingBox), this.rotateFeature = new Mi(t, this.selectionPoints, this.midPoints, this.coordinatePoints), this.scaleFeature = new wi(t, this.selectionPoints, this.midPoints, this.coordinatePoints), this.dragFeature = new Ii(t, this.featuresAtMouseEvent, this.selectionPoints, this.midPoints, this.coordinatePoints), this.dragCoordinate = new bi(t, this.pixelDistance, this.selectionPoints, this.midPoints, this.coordinatePoints, this.coordinateSnap), this.dragCoordinateResizeFeature = new Fi(t, this.pixelDistance, this.selectionPoints, this.midPoints, this.coordinatePoints);
+    this.pixelDistance = new at(t), this.clickBoundingBox = new nt(t), this.featuresAtMouseEvent = new xi(t, this.clickBoundingBox, this.pixelDistance), this.selectionPoints = new Si(t), this.coordinatePoints = new Fe(t), this.midPoints = new Pi(t, this.selectionPoints, this.coordinatePoints), this.coordinateSnap = new vt(t, this.pixelDistance, this.clickBoundingBox), this.rotateFeature = new Mi(t, this.selectionPoints, this.midPoints, this.coordinatePoints), this.scaleFeature = new wi(t, this.selectionPoints, this.midPoints, this.coordinatePoints), this.dragFeature = new Ii(t, this.featuresAtMouseEvent, this.selectionPoints, this.midPoints, this.coordinatePoints), this.dragCoordinate = new bi(t, this.pixelDistance, this.selectionPoints, this.midPoints, this.coordinatePoints, this.coordinateSnap), this.dragCoordinateResizeFeature = new Fi(t, this.pixelDistance, this.selectionPoints, this.midPoints, this.coordinatePoints);
   }
   deselectFeature() {
     this.deselect();
   }
   deselect() {
-    const t = this.selected.filter((e) => this.store.has(e)).map((e) => ({ id: e, property: V.SELECTED, value: !1 }));
+    const t = this.selected.filter((e) => this.store.has(e)).map((e) => ({ id: e, property: T.SELECTED, value: !1 }));
     this.store.updateProperty(t), this.onDeselect(this.selected[0]), this.selected = [], this.selectionPoints.delete(), this.midPoints.delete();
   }
   deleteSelected() {
@@ -1807,7 +1814,7 @@ class Be extends $e {
       if (r === t) return;
       this.deselect();
     }
-    e && this.setCursor(this.cursors.pointerOver), this.selected = [t], this.store.updateProperty([{ id: t, property: "selected", value: !0 }]), this.onSelect(t);
+    e && this.setCursor(this.cursors.pointerOver), this.selected = [t], this.store.updateProperty([{ id: t, property: T.SELECTED, value: !0 }]), this.onSelect(t);
     const { type: n, coordinates: a } = this.store.getGeometryCopy(t);
     if (n !== "LineString" && n !== "Polygon") return;
     const l = n === "LineString" ? a : a[0];
@@ -1910,7 +1917,7 @@ class Be extends $e {
     if (t.properties.mode === this.mode && t.geometry.type === "Point") {
       if (t.properties.selectionPoint) return e.pointColor = this.getHexColorStylingValue(this.styles.selectionPointColor, e.pointColor, t), e.pointOutlineColor = this.getHexColorStylingValue(this.styles.selectionPointOutlineColor, e.pointOutlineColor, t), e.pointWidth = this.getNumericStylingValue(this.styles.selectionPointWidth, e.pointWidth, t), e.pointOutlineWidth = this.getNumericStylingValue(this.styles.selectionPointOutlineWidth, 2, t), e.zIndex = 30, e;
       if (t.properties.midPoint) return e.pointColor = this.getHexColorStylingValue(this.styles.midPointColor, e.pointColor, t), e.pointOutlineColor = this.getHexColorStylingValue(this.styles.midPointOutlineColor, e.pointOutlineColor, t), e.pointWidth = this.getNumericStylingValue(this.styles.midPointWidth, 4, t), e.pointOutlineWidth = this.getNumericStylingValue(this.styles.midPointOutlineWidth, 2, t), e.zIndex = 40, e;
-    } else if (t.properties[V.SELECTED]) {
+    } else if (t.properties[T.SELECTED]) {
       if (t.geometry.type === "Polygon") return e.polygonFillColor = this.getHexColorStylingValue(this.styles.selectedPolygonColor, e.polygonFillColor, t), e.polygonOutlineWidth = this.getNumericStylingValue(this.styles.selectedPolygonOutlineWidth, e.polygonOutlineWidth, t), e.polygonOutlineColor = this.getHexColorStylingValue(this.styles.selectedPolygonOutlineColor, e.polygonOutlineColor, t), e.polygonFillOpacity = this.getNumericStylingValue(this.styles.selectedPolygonFillOpacity, e.polygonFillOpacity, t), e.zIndex = 10, e;
       if (t.geometry.type === "LineString") return e.lineStringColor = this.getHexColorStylingValue(this.styles.selectedLineStringColor, e.lineStringColor, t), e.lineStringWidth = this.getNumericStylingValue(this.styles.selectedLineStringWidth, e.lineStringWidth, t), e.zIndex = 10, e;
       if (t.geometry.type === "Point") return e.pointWidth = this.getNumericStylingValue(this.styles.selectedPointWidth, e.pointWidth, t), e.pointColor = this.getHexColorStylingValue(this.styles.selectedPointColor, e.pointColor, t), e.pointOutlineColor = this.getHexColorStylingValue(this.styles.selectedPointOutlineColor, e.pointOutlineColor, t), e.pointOutlineWidth = this.getNumericStylingValue(this.styles.selectedPointOutlineWidth, e.pointOutlineWidth, t), e.zIndex = 10, e;
@@ -1920,7 +1927,7 @@ class Be extends $e {
 }
 class Oi extends N {
   constructor(...t) {
-    super(...t), this.type = $.Static, this.mode = "static";
+    super(...t), this.type = Y.Static, this.mode = "static";
   }
   start() {
   }
@@ -1969,7 +1976,7 @@ function H(s, t) {
   it(s, 0, s.children.length, t, s);
 }
 function it(s, t, e, i, o) {
-  o || (o = J([])), o.minX = 1 / 0, o.minY = 1 / 0, o.maxX = -1 / 0, o.maxY = -1 / 0;
+  o || (o = q([])), o.minX = 1 / 0, o.minY = 1 / 0, o.maxX = -1 / 0, o.maxY = -1 / 0;
   for (let r = t; r < e; r++) {
     const n = s.children[r];
     ot(o, s.leaf ? i(n) : n);
@@ -1985,23 +1992,23 @@ function Di(s, t) {
 function _i(s, t) {
   return s.minY - t.minY;
 }
-function Ft(s) {
+function Et(s) {
   return (s.maxX - s.minX) * (s.maxY - s.minY);
 }
-function ut(s) {
+function pt(s) {
   return s.maxX - s.minX + (s.maxY - s.minY);
 }
 function Li(s, t) {
   const e = Math.max(s.minX, t.minX), i = Math.max(s.minY, t.minY), o = Math.min(s.maxX, t.maxX), r = Math.min(s.maxY, t.maxY);
   return Math.max(0, o - e) * Math.max(0, r - i);
 }
-function Et(s, t) {
+function Ot(s, t) {
   return s.minX <= t.minX && s.minY <= t.minY && t.maxX <= s.maxX && t.maxY <= s.maxY;
 }
-function pt(s, t) {
+function gt(s, t) {
   return t.minX <= s.maxX && t.minY <= s.maxY && t.maxX >= s.minX && t.maxY >= s.minY;
 }
-function J(s) {
+function q(s) {
   return { children: s, height: 1, leaf: !0, minX: 1 / 0, minY: 1 / 0, maxX: -1 / 0, maxY: -1 / 0 };
 }
 function ie(s, t, e, i, o) {
@@ -2019,12 +2026,12 @@ class ki {
   search(t) {
     let e = this.data;
     const i = [];
-    if (!pt(t, e)) return i;
+    if (!gt(t, e)) return i;
     const o = this.toBBox, r = [];
     for (; e; ) {
       for (let n = 0; n < e.children.length; n++) {
         const a = e.children[n], l = e.leaf ? o(a) : a;
-        pt(t, l) && (e.leaf ? i.push(a) : Et(t, l) ? this._all(a, i) : r.push(a));
+        gt(t, l) && (e.leaf ? i.push(a) : Ot(t, l) ? this._all(a, i) : r.push(a));
       }
       e = r.pop();
     }
@@ -2032,13 +2039,13 @@ class ki {
   }
   collides(t) {
     let e = this.data;
-    if (pt(t, e)) {
+    if (gt(t, e)) {
       const i = [];
       for (; e; ) {
         for (let o = 0; o < e.children.length; o++) {
           const r = e.children[o], n = e.leaf ? this.toBBox(r) : r;
-          if (pt(t, n)) {
-            if (e.leaf || Et(t, n)) return !0;
+          if (gt(t, n)) {
+            if (e.leaf || Ot(t, n)) return !0;
             i.push(r);
           }
         }
@@ -2067,7 +2074,7 @@ class ki {
     this._insert(t, this.data.height - 1);
   }
   clear() {
-    this.data = J([]);
+    this.data = q([]);
   }
   remove(t) {
     let e = this.data;
@@ -2078,7 +2085,7 @@ class ki {
         const d = e.children.indexOf(t);
         d !== -1 && (e.children.splice(d, 1), o.push(e), this._condense(o));
       }
-      l || e.leaf || !Et(e, i) ? a ? (n++, e = a.children[n], l = !1) : e = null : (o.push(e), r.push(n), n = 0, a = e, e = e.children[0]);
+      l || e.leaf || !Ot(e, i) ? a ? (n++, e = a.children[n], l = !1) : e = null : (o.push(e), r.push(n), n = 0, a = e, e = e.children[0]);
     }
   }
   toBBox(t) {
@@ -2098,8 +2105,8 @@ class ki {
   _build(t, e, i, o) {
     const r = i - e + 1;
     let n, a = this._maxEntries;
-    if (r <= a) return n = J(t.slice(e, i + 1)), H(n, this.toBBox), n;
-    o || (o = Math.ceil(Math.log(r) / Math.log(a)), a = Math.ceil(r / Math.pow(a, o - 1))), n = J([]), n.leaf = !1, n.height = o;
+    if (r <= a) return n = q(t.slice(e, i + 1)), H(n, this.toBBox), n;
+    o || (o = Math.ceil(Math.log(r) / Math.log(a)), a = Math.ceil(r / Math.pow(a, o - 1))), n = q([]), n.leaf = !1, n.height = o;
     const l = Math.ceil(r / a), d = l * Math.ceil(Math.sqrt(a));
     ie(t, e, i, d, this.compareMinX);
     for (let h = e; h <= i; h += d) {
@@ -2116,7 +2123,7 @@ class ki {
     for (; o.push(e), !e.leaf && o.length - 1 !== i; ) {
       let a, l = 1 / 0, d = 1 / 0;
       for (let h = 0; h < e.children.length; h++) {
-        const c = e.children[h], u = Ft(c), p = (r = t, n = c, (Math.max(n.maxX, r.maxX) - Math.min(n.minX, r.minX)) * (Math.max(n.maxY, r.maxY) - Math.min(n.minY, r.minY)) - u);
+        const c = e.children[h], u = Et(c), p = (r = t, n = c, (Math.max(n.maxX, r.maxX) - Math.min(n.minX, r.minX)) * (Math.max(n.maxY, r.maxY) - Math.min(n.minY, r.minY)) - u);
         p < d ? (d = p, l = u < l ? u : l, a = c) : p === d && u < l && (l = u, a = c);
       }
       e = a || e.children[0];
@@ -2132,16 +2139,16 @@ class ki {
   _split(t, e) {
     const i = t[e], o = i.children.length, r = this._minEntries;
     this._chooseSplitAxis(i, r, o);
-    const n = this._chooseSplitIndex(i, r, o), a = J(i.children.splice(n, i.children.length - n));
+    const n = this._chooseSplitIndex(i, r, o), a = q(i.children.splice(n, i.children.length - n));
     a.height = i.height, a.leaf = i.leaf, H(i, this.toBBox), H(a, this.toBBox), e ? t[e - 1].children.push(a) : this._splitRoot(i, a);
   }
   _splitRoot(t, e) {
-    this.data = J([t, e]), this.data.height = t.height + 1, this.data.leaf = !1, H(this.data, this.toBBox);
+    this.data = q([t, e]), this.data.height = t.height + 1, this.data.leaf = !1, H(this.data, this.toBBox);
   }
   _chooseSplitIndex(t, e, i) {
     let o, r = 1 / 0, n = 1 / 0;
     for (let a = e; a <= i - e; a++) {
-      const l = it(t, 0, a, this.toBBox), d = it(t, a, i, this.toBBox), h = Li(l, d), c = Ft(l) + Ft(d);
+      const l = it(t, 0, a, this.toBBox), d = it(t, a, i, this.toBBox), h = Li(l, d), c = Et(l) + Et(d);
       h < r ? (r = h, o = a, n = c < n ? c : n) : h === r && c < n && (n = c, o = a);
     }
     return o || i - e;
@@ -2153,14 +2160,14 @@ class ki {
   _allDistMargin(t, e, i, o) {
     t.children.sort(o);
     const r = this.toBBox, n = it(t, 0, e, r), a = it(t, i - e, i, r);
-    let l = ut(n) + ut(a);
+    let l = pt(n) + pt(a);
     for (let d = e; d < i - e; d++) {
       const h = t.children[d];
-      ot(n, t.leaf ? r(h) : h), l += ut(n);
+      ot(n, t.leaf ? r(h) : h), l += pt(n);
     }
     for (let d = i - e - 1; d >= e; d--) {
       const h = t.children[d];
-      ot(a, t.leaf ? r(h) : h), l += ut(a);
+      ot(a, t.leaf ? r(h) : h), l += pt(a);
     }
     return l;
   }
@@ -2311,7 +2318,7 @@ class ji {
   }
   delete(t) {
     t.forEach((e) => {
-      if (!this.store[e]) throw new Error("No feature with this id, can not delete");
+      if (!this.store[e]) throw new Error(`No feature with id ${e}, can not delete`);
       delete this.store[e], this.spatialIndex.remove(e);
     }), this._onChange && this._onChange([...t], "delete");
   }
@@ -2367,7 +2374,7 @@ class je extends N {
       const o = e[0], r = e[1], n = De(o, r, this.coordinatePrecision, this.project, this.unproject), a = x(o[0], o[1]), l = x(n[0], n[1]), d = x(r[0], r[1]), h = x(t.lng, t.lat), c = E(h, a) < E(h, d), u = oe(a, l, h), p = c ? 90 - u : oe(a, l, h) - 90, g = E(l, h), y = Math.cos(O(p)) * g, m = A(a, d) + (function(S, b, w) {
         const D = (w.x - b.x) * (S.y - b.y) - (w.y - b.y) * (S.x - b.x);
         return D > 1e-10 ? "left" : D < -1e-10 ? "right" : "left";
-      }(a, d, h) === "right" ? -90 : 90), v = at(a, y, m), f = at(d, y, m), C = W(v.x, v.y), P = W(f.x, f.y);
+      }(a, d, h) === "right" ? -90 : 90), v = lt(a, y, m), f = lt(d, y, m), C = W(v.x, v.y), P = W(f.x, f.y);
       i = [e[0], e[1], [P.lng, P.lat], [C.lng, C.lat], e[0]];
     }
     i && this.updatePolygonGeometry(this.currentId, i, M.Provisional);
@@ -2413,7 +2420,7 @@ class je extends N {
     return t.properties.mode === this.mode && t.geometry.type === "Polygon" && (e.polygonFillColor = this.getHexColorStylingValue(this.styles.fillColor, e.polygonFillColor, t), e.polygonOutlineColor = this.getHexColorStylingValue(this.styles.outlineColor, e.polygonOutlineColor, t), e.polygonOutlineWidth = this.getNumericStylingValue(this.styles.outlineWidth, e.polygonOutlineWidth, t), e.polygonFillOpacity = this.getNumericStylingValue(this.styles.fillOpacity, e.polygonFillOpacity, t), e.zIndex = 10), e;
   }
   validateFeature(t) {
-    return this.validateModeFeature(t, (e) => lt(e, this.coordinatePrecision));
+    return this.validateModeFeature(t, (e) => dt(e, this.coordinatePrecision));
   }
 }
 function Ne(s, t, e) {
@@ -2429,7 +2436,7 @@ class Ge extends N {
   }
   close() {
     if (this.currentId === void 0) return;
-    const t = dt(this.store.getGeometryCopy(this.currentId));
+    const t = ht(this.store.getGeometryCopy(this.currentId));
     t && this.store.updateGeometry([{ id: this.currentId, geometry: t }]);
     const e = this.currentId;
     this.currentCoordinate = 0, this.currentId = void 0, this.direction = void 0, this.state === "drawing" && this.setStarted(), this.onFinish(e, { mode: this.mode, action: "draw" });
@@ -2453,13 +2460,13 @@ class Ge extends N {
         const C = Ne(a, l, d);
         this.direction = C ? "clockwise" : "anticlockwise";
       }
-      const h = E(a, l), c = A(a, l), u = A(a, d), p = this.arcPoints, g = [o], y = Y(c), m = Y(u);
+      const h = E(a, l), c = A(a, l), u = A(a, d), p = this.arcPoints, g = [o], y = $(c), m = $(u);
       let v;
       this.direction === "anticlockwise" ? (v = m - y, v < 0 && (v += 360)) : (v = y - m, v < 0 && (v += 360));
       const f = (this.direction === "anticlockwise" ? 1 : -1) * v / p;
       g.push(r);
       for (let C = 0; C <= p; C++) {
-        const P = at(a, h, y + C * f), { lng: S, lat: b } = W(P.x, P.y), w = [F(S, this.coordinatePrecision), F(b, this.coordinatePrecision)];
+        const P = lt(a, h, y + C * f), { lng: S, lat: b } = W(P.x, P.y), w = [F(S, this.coordinatePrecision), F(b, this.coordinatePrecision)];
         w[0] !== g[g.length - 1][0] && w[1] !== g[g.length - 1][1] && g.push(w);
       }
       g.push(o), i = [...g];
@@ -2503,7 +2510,7 @@ class Ge extends N {
     return t.properties.mode === this.mode && t.geometry.type === "Polygon" && (e.polygonFillColor = this.getHexColorStylingValue(this.styles.fillColor, e.polygonFillColor, t), e.polygonOutlineColor = this.getHexColorStylingValue(this.styles.outlineColor, e.polygonOutlineColor, t), e.polygonOutlineWidth = this.getNumericStylingValue(this.styles.outlineWidth, e.polygonOutlineWidth, t), e.polygonFillOpacity = this.getNumericStylingValue(this.styles.fillOpacity, e.polygonFillOpacity, t), e.zIndex = 10), e;
   }
   validateFeature(t) {
-    return this.validateModeFeature(t, (e) => lt(e, this.coordinatePrecision));
+    return this.validateModeFeature(t, (e) => dt(e, this.coordinatePrecision));
   }
 }
 const zi = { cancel: "Escape", finish: "Enter" }, Xi = { start: "crosshair", close: "pointer" };
@@ -2518,7 +2525,7 @@ class Ae extends N {
     if (this.currentStartingPointId === void 0) return;
     const t = this.currentStartingPointId, e = this.currentInitialArcId, i = this.currentId;
     if (t && this.store.delete([t]), e && this.store.delete([e]), this.currentId) {
-      const o = dt(this.store.getGeometryCopy(this.currentId));
+      const o = ht(this.store.getGeometryCopy(this.currentId));
       o && this.store.updateGeometry([{ id: this.currentId, geometry: o }]);
     }
     this.currentCoordinate = 0, this.currentStartingPointId = void 0, this.currentInitialArcId = void 0, this.currentId = void 0, this.direction = void 0, this.state === "drawing" && this.setStarted(), i && this.onFinish(i, { mode: this.mode, action: "draw" });
@@ -2537,23 +2544,23 @@ class Ae extends N {
           const f = Ne(l, n, a);
           this.direction = f ? "clockwise" : "anticlockwise";
         }
-        const h = A(l, n), c = A(l, a), u = this.arcPoints, p = [o], g = Y(h), y = Y(c);
+        const h = A(l, n), c = A(l, a), u = this.arcPoints, p = [o], g = $(h), y = $(c);
         let m;
         this.direction === "anticlockwise" ? (m = y - g, m < 0 && (m += 360)) : (m = g - y, m < 0 && (m += 360));
         const v = (this.direction === "anticlockwise" ? 1 : -1) * m / u;
         for (let f = 0; f <= u; f++) {
-          const C = at(l, d, g + f * v), { lng: P, lat: S } = W(C.x, C.y), b = [F(P, this.coordinatePrecision), F(S, this.coordinatePrecision)];
+          const C = lt(l, d, g + f * v), { lng: P, lat: S } = W(C.x, C.y), b = [F(P, this.coordinatePrecision), F(S, this.coordinatePrecision)];
           b[0] !== p[p.length - 1][0] && b[1] !== p[p.length - 1][1] && p.push(b);
         }
         this.updateLineStringGeometry(this.currentInitialArcId, p, M.Provisional);
       } else if (this.currentCoordinate === 3) {
         const e = this.store.getGeometryCopy(this.currentInitialArcId).coordinates;
         if (e.length < 2 || !this.direction) return;
-        const i = this.store.getGeometryCopy(this.currentStartingPointId).coordinates, o = e[0], r = e[e.length - 1], n = x(t.lng, t.lat), a = x(o[0], o[1]), l = x(r[0], r[1]), d = x(i[0], i[1]), h = E(d, a), c = E(d, n) < h ? a : n, u = A(d, n), p = A(d, a), g = A(d, l), y = Y(p), m = Y(g), v = Y(u);
+        const i = this.store.getGeometryCopy(this.currentStartingPointId).coordinates, o = e[0], r = e[e.length - 1], n = x(t.lng, t.lat), a = x(o[0], o[1]), l = x(r[0], r[1]), d = x(i[0], i[1]), h = E(d, a), c = E(d, n) < h ? a : n, u = A(d, n), p = A(d, a), g = A(d, l), y = $(p), m = $(g), v = $(u);
         if (this.notInSector({ normalizedCursor: v, normalizedStart: y, normalizedEnd: m, direction: this.direction })) return;
         const f = this.getDeltaBearing(this.direction, y, m), C = this.arcPoints, P = (this.direction === "anticlockwise" ? 1 : -1) * f / C, S = E(d, c), b = [];
         for (let w = 0; w <= C; w++) {
-          const D = at(d, S, y + w * P), { lng: G, lat: _ } = W(D.x, D.y), j = [F(G, this.coordinatePrecision), F(_, this.coordinatePrecision)];
+          const D = lt(d, S, y + w * P), { lng: G, lat: _ } = W(D.x, D.y), j = [F(G, this.coordinatePrecision), F(_, this.coordinatePrecision)];
           j[0] !== e[e.length - 1][0] && j[1] !== e[e.length - 1][1] && b.unshift(j);
         }
         e.push(...b), e.push(e[0]), this.currentId ? this.updatePolygonGeometry(this.currentId, e, M.Provisional) : [this.currentId] = this.store.create([{ geometry: { type: "Polygon", coordinates: [e] }, properties: { mode: this.mode } }]);
@@ -2600,7 +2607,7 @@ class Ae extends N {
     return t.properties.mode === this.mode && (t.geometry.type === "Polygon" ? (e.polygonFillColor = this.getHexColorStylingValue(this.styles.fillColor, e.polygonFillColor, t), e.polygonOutlineColor = this.getHexColorStylingValue(this.styles.outlineColor, e.polygonOutlineColor, t), e.polygonOutlineWidth = this.getNumericStylingValue(this.styles.outlineWidth, e.polygonOutlineWidth, t), e.polygonFillOpacity = this.getNumericStylingValue(this.styles.fillOpacity, e.polygonFillOpacity, t), e.zIndex = 10) : t.geometry.type === "LineString" ? (e.lineStringColor = this.getHexColorStylingValue(this.styles.outlineColor, e.polygonOutlineColor, t), e.lineStringWidth = this.getNumericStylingValue(this.styles.outlineWidth, e.polygonOutlineWidth, t), e.zIndex = 10) : t.geometry.type === "Point" && (e.pointColor = this.getHexColorStylingValue(this.styles.centerPointColor, e.pointColor, t), e.pointWidth = this.getNumericStylingValue(this.styles.centerPointWidth, e.pointWidth, t), e.pointOutlineColor = this.getHexColorStylingValue(this.styles.centerPointOutlineColor, e.pointOutlineColor, t), e.pointOutlineWidth = this.getNumericStylingValue(this.styles.centerPointOutlineWidth, e.pointOutlineWidth, t), e.zIndex = 20)), e;
   }
   validateFeature(t) {
-    return this.validateModeFeature(t, (e) => lt(e, this.coordinatePrecision));
+    return this.validateModeFeature(t, (e) => dt(e, this.coordinatePrecision));
   }
   getDeltaBearing(t, e, i) {
     let o;
@@ -2610,7 +2617,7 @@ class Ae extends N {
     return o === "clockwise" ? e <= i ? t >= e && t <= i : t >= e || t <= i : e >= i ? t <= e && t >= i : t <= e || t >= i;
   }
 }
-class q {
+class J {
   constructor({ name: t, callback: e, unregister: i, register: o }) {
     this.name = void 0, this.callback = void 0, this.registered = !1, this.register = void 0, this.unregister = void 0, this.name = t, this.register = () => {
       this.registered || (this.registered = !0, o(e));
@@ -2645,7 +2652,7 @@ var Ki = { __proto__: null, TerraDrawBaseAdapter: class {
     return this._coordinatePrecision;
   }
   getAdapterListeners() {
-    return [new q({ name: "pointerdown", callback: (s) => {
+    return [new J({ name: "pointerdown", callback: (s) => {
       if (!this._currentModeCallbacks || !s.isPrimary) return;
       const t = this.getDrawEventFromEvent(s);
       t && (this._dragState = "pre-dragging", this._lastDrawEvent = t);
@@ -2653,7 +2660,7 @@ var Ki = { __proto__: null, TerraDrawBaseAdapter: class {
       this.getMapEventElement().addEventListener("pointerdown", s);
     }, unregister: (s) => {
       this.getMapEventElement().removeEventListener("pointerdown", s);
-    } }), new q({ name: "pointermove", callback: (s) => {
+    } }), new J({ name: "pointermove", callback: (s) => {
       if (!this._currentModeCallbacks || !s.isPrimary) return;
       s.preventDefault();
       const t = this.getDrawEventFromEvent(s);
@@ -2673,13 +2680,13 @@ var Ki = { __proto__: null, TerraDrawBaseAdapter: class {
       this.getMapEventElement().addEventListener("pointermove", s);
     }, unregister: (s) => {
       this.getMapEventElement().removeEventListener("pointermove", s);
-    } }), new q({ name: "contextmenu", callback: (s) => {
+    } }), new J({ name: "contextmenu", callback: (s) => {
       this._currentModeCallbacks && s.preventDefault();
     }, register: (s) => {
       this.getMapEventElement().addEventListener("contextmenu", s);
     }, unregister: (s) => {
       this.getMapEventElement().removeEventListener("contextmenu", s);
-    } }), new q({ name: "pointerup", callback: (s) => {
+    } }), new J({ name: "pointerup", callback: (s) => {
       if (!this._currentModeCallbacks || s.target !== this.getMapEventElement() || !s.isPrimary) return;
       const t = this.getDrawEventFromEvent(s);
       t && (this._dragState === "dragging" ? this._currentModeCallbacks.onDragEnd(t, (e) => {
@@ -2689,13 +2696,13 @@ var Ki = { __proto__: null, TerraDrawBaseAdapter: class {
       this.getMapEventElement().addEventListener("pointerup", s);
     }, unregister: (s) => {
       this.getMapEventElement().removeEventListener("pointerup", s);
-    } }), new q({ name: "keyup", callback: (s) => {
+    } }), new J({ name: "keyup", callback: (s) => {
       this._currentModeCallbacks && (this._heldKeys.delete(s.key), this._currentModeCallbacks.onKeyUp({ key: s.key, heldKeys: Array.from(this._heldKeys), preventDefault: () => s.preventDefault() }));
     }, register: (s) => {
       this.getMapEventElement().addEventListener("keyup", s);
     }, unregister: (s) => {
       this.getMapEventElement().removeEventListener("keyup", s);
-    } }), new q({ name: "keydown", callback: (s) => {
+    } }), new J({ name: "keydown", callback: (s) => {
       this._currentModeCallbacks && (this._heldKeys.add(s.key), this._currentModeCallbacks.onKeyDown({ key: s.key, heldKeys: Array.from(this._heldKeys), preventDefault: () => s.preventDefault() }));
     }, register: (s) => {
       this.getMapEventElement().addEventListener("keydown", s);
@@ -2709,7 +2716,7 @@ var Ki = { __proto__: null, TerraDrawBaseAdapter: class {
     }), this.clear();
   }
 } };
-class Yi {
+class $i {
   constructor(t) {
     this._modes = void 0, this._mode = void 0, this._adapter = void 0, this._enabled = !1, this._store = void 0, this._eventListeners = void 0, this._instanceSelectMode = void 0, this._adapter = t.adapter, this._mode = new Oi();
     const e = /* @__PURE__ */ new Set(), i = t.modes.reduce((h, c) => {
@@ -2718,7 +2725,7 @@ class Yi {
     }, {}), o = Object.keys(i);
     if (o.length === 0) throw new Error("No modes provided");
     o.forEach((h) => {
-      if (i[h].type === $.Select) {
+      if (i[h].type === Y.Select) {
         if (this._instanceSelectMode) throw new Error("only one type of select mode can be provided");
         this._instanceSelectMode = h;
       }
@@ -2762,13 +2769,13 @@ class Yi {
   getModeStyles() {
     const t = {};
     return Object.keys(this._modes).forEach((e) => {
-      t[e] = (i) => this._instanceSelectMode && i.properties[V.SELECTED] ? this._modes[this._instanceSelectMode].styleFeature.bind(this._modes[this._instanceSelectMode])(i) : this._modes[e].styleFeature.bind(this._modes[e])(i);
+      t[e] = (i) => this._instanceSelectMode && i.properties[T.SELECTED] ? this._modes[this._instanceSelectMode].styleFeature.bind(this._modes[this._instanceSelectMode])(i) : this._modes[e].styleFeature.bind(this._modes[e])(i);
     }), t;
   }
   featuresAtLocation({ lng: t, lat: e }, i) {
     const o = i && i.pointerDistance !== void 0 ? i.pointerDistance : 30, r = !i || i.ignoreSelectFeatures === void 0 || i.ignoreSelectFeatures, n = this._adapter.unproject.bind(this._adapter), a = this._adapter.project.bind(this._adapter), l = a(t, e), d = Se({ unproject: n, point: l, pointerDistance: o });
     return this._store.search(d).filter((h) => {
-      if (r && (h.properties[V.MID_POINT] || h.properties[V.SELECTION_POINT])) return !1;
+      if (r && (h.properties[T.MID_POINT] || h.properties[T.SELECTION_POINT])) return !1;
       if (h.geometry.type === "Point") {
         const c = h.geometry.coordinates, u = a(c[0], c[1]);
         return E(l, u) < o;
@@ -2819,7 +2826,13 @@ class Yi {
     this._mode.stop(), this._mode = this._modes[t], this._mode.start();
   }
   removeFeatures(t) {
-    this.checkEnabled(), this._store.delete(t);
+    this.checkEnabled();
+    const e = [];
+    t.forEach((i) => {
+      if (!this._store.has(i)) throw new Error(`No feature with id ${i}, can not delete`);
+      const o = this._store.copy(i);
+      o.properties[T.SELECTED] && this.deselectFeature(i), o.properties[rt] && e.push(...o.properties[rt]);
+    }), this._store.delete([...t, ...e]);
   }
   selectFeature(t) {
     this.getSelectMode().selectFeature(t);
@@ -2892,14 +2905,14 @@ class Yi {
     i.includes(e) && i.splice(i.indexOf(e), 1);
   }
 }
-class $i extends Ki.TerraDrawBaseAdapter {
+class Yi extends Ki.TerraDrawBaseAdapter {
   constructor(t) {
     super(t), this._initialDragPan = void 0, this._initialDragRotate = void 0, this._nextRender = void 0, this._map = void 0, this._container = void 0, this._rendered = !1, this.changedIds = { deletion: !1, points: !1, linestrings: !1, polygons: !1, styling: !1 }, this._map = t.map, this._container = this._map.getContainer(), this._initialDragRotate = this._map.dragRotate.isEnabled(), this._initialDragPan = this._map.dragPan.isEnabled();
   }
   clearLayers() {
     this._rendered && (["point", "linestring", "polygon"].forEach((t) => {
       const e = `td-${t.toLowerCase()}`;
-      this._map.removeLayer(e), t === "polygon" && this._map.removeLayer(e + "-outline"), this._map.removeSource(e);
+      this._map.removeLayer(e), t === "polygon" && this._map.removeLayer(e + "-outline"), t === "point" && (this._map.removeLayer(e + "-lower"), this._map.removeSource(e + "-lower")), this._map.removeSource(e);
     }), this._rendered = !1, this._nextRender && (cancelAnimationFrame(this._nextRender), this._nextRender = void 0));
   }
   _addGeoJSONSource(t, e) {
@@ -2920,13 +2933,13 @@ class $i extends Ki.TerraDrawBaseAdapter {
   _addLayer(t, e) {
     e === "Point" && this._addPointLayer(t), e === "LineString" && this._addLineLayer(t), e === "Polygon" && (this._addFillLayer(t), this._addFillOutlineLayer(t));
   }
-  _addGeoJSONLayer(t, e) {
-    const i = `td-${t.toLowerCase()}`;
-    return this._addGeoJSONSource(i, e), this._addLayer(i, t), i;
+  _addGeoJSONLayer(t, e, i) {
+    const o = `td-${t.toLowerCase()}${i ? `-${i}` : ""}`;
+    return this._addGeoJSONSource(o, e), this._addLayer(o, t), o;
   }
-  _setGeoJSONLayerData(t, e) {
-    const i = `td-${t.toLowerCase()}`;
-    return this._map.getSource(i).setData({ type: "FeatureCollection", features: e }), i;
+  _setGeoJSONLayerData(t, e, i) {
+    const o = `td-${t.toLowerCase()}${i ? `-${i}` : ""}`;
+    return this._map.getSource(o).setData({ type: "FeatureCollection", features: e }), o;
   }
   updateChangedIds(t) {
     [...t.updated, ...t.created].forEach((e) => {
@@ -2960,18 +2973,15 @@ class $i extends Ki.TerraDrawBaseAdapter {
   }
   render(t, e) {
     this.updateChangedIds(t), this._nextRender && cancelAnimationFrame(this._nextRender), this._nextRender = requestAnimationFrame(() => {
-      const i = [...t.created, ...t.updated, ...t.unchanged], o = [], r = [], n = [];
-      for (let a = 0; a < i.length; a++) {
-        const l = i[a], { properties: d } = l, h = e[d.mode](l);
-        l.geometry.type === "Point" ? (d.pointColor = h.pointColor, d.pointOutlineColor = h.pointOutlineColor, d.pointOutlineWidth = h.pointOutlineWidth, d.pointWidth = h.pointWidth, o.push(l)) : l.geometry.type === "LineString" ? (d.lineStringColor = h.lineStringColor, d.lineStringWidth = h.lineStringWidth, r.push(l)) : l.geometry.type === "Polygon" && (d.polygonFillColor = h.polygonFillColor, d.polygonFillOpacity = h.polygonFillOpacity, d.polygonOutlineColor = h.polygonOutlineColor, d.polygonOutlineWidth = h.polygonOutlineWidth, n.push(l));
+      const i = [...t.created, ...t.updated, ...t.unchanged], o = [], r = [], n = [], a = [];
+      for (let l = 0; l < i.length; l++) {
+        const d = i[l], { properties: h } = d, c = e[h.mode](d);
+        d.geometry.type === "Point" ? (h.pointColor = c.pointColor, h.pointOutlineColor = c.pointOutlineColor, h.pointOutlineWidth = c.pointOutlineWidth, h.pointWidth = c.pointWidth, c.zIndex < 30 ? o.push(d) : r.push(d)) : d.geometry.type === "LineString" ? (h.lineStringColor = c.lineStringColor, h.lineStringWidth = c.lineStringWidth, n.push(d)) : d.geometry.type === "Polygon" && (h.polygonFillColor = c.polygonFillColor, h.polygonFillOpacity = c.polygonFillOpacity, h.polygonOutlineColor = c.polygonOutlineColor, h.polygonOutlineWidth = c.polygonOutlineWidth, a.push(d));
       }
       if (this._rendered) {
-        const a = this.changedIds.deletion || this.changedIds.styling, l = a || this.changedIds.linestrings, d = a || this.changedIds.polygons;
-        let h;
-        (a || this.changedIds.points) && (h = this._setGeoJSONLayerData("Point", o)), l && this._setGeoJSONLayerData("LineString", r), d && this._setGeoJSONLayerData("Polygon", n), h && this._map.moveLayer(h);
-      } else {
-        const a = this._addGeoJSONLayer("Point", o);
-        this._addGeoJSONLayer("LineString", r), this._addGeoJSONLayer("Polygon", n), this._rendered = !0, a && this._map.moveLayer(a);
+        const l = this.changedIds.deletion || this.changedIds.styling, d = l || this.changedIds.linestrings, h = l || this.changedIds.polygons;
+        let c, u;
+        (l || this.changedIds.points) && (c = this._setGeoJSONLayerData("Point", r), u = this._setGeoJSONLayerData("Point", o, "lower")), d && this._setGeoJSONLayerData("LineString", n), h && this._setGeoJSONLayerData("Polygon", a), c && (this._map.moveLayer(c), u && this._map.moveLayer(u, c));
       }
       this.changedIds = { points: !1, linestrings: !1, polygons: !1, deletion: !1, styling: !1 };
     });
@@ -2987,7 +2997,9 @@ class $i extends Ki.TerraDrawBaseAdapter {
   }
   register(t) {
     var e;
-    super.register(t), (e = this._currentModeCallbacks) != null && e.onReady && this._currentModeCallbacks.onReady();
+    super.register(t);
+    const i = this._addGeoJSONLayer("Point", []), o = this._addGeoJSONLayer("Point", [], "lower");
+    this._addGeoJSONLayer("LineString", []), this._addGeoJSONLayer("Polygon", []), i && (this._map.moveLayer(i), o && this._map.moveLayer(o, i)), this._rendered = !0, (e = this._currentModeCallbacks) != null && e.onReady && this._currentModeCallbacks.onReady();
   }
 }
 const ko = [
@@ -3023,7 +3035,7 @@ const ko = [
     "download"
   ],
   open: !1
-}, yt = {
+}, ft = {
   modes: [
     "render",
     "point",
@@ -3386,7 +3398,7 @@ Alt. `, ["to-string", ["floor", ["get", "elevation"]]], " m"],
   distancePrecision: 2,
   areaUnit: "metric",
   areaPrecision: 2
-}, qi = () => ({
+}, Ji = () => ({
   render: new et({
     modeName: "render",
     styles: {}
@@ -3526,7 +3538,7 @@ Alt. `, ["to-string", ["floor", ["get", "elevation"]]], " m"],
     styles: {}
   })
 });
-var L = 63710088e-1, Ji = {
+var L = 63710088e-1, qi = {
   centimeters: L * 100,
   centimetres: L * 100,
   degrees: 360 / (2 * Math.PI),
@@ -3562,12 +3574,12 @@ function Qi(s, t, e = {}) {
   }, t, e);
 }
 function to(s, t = "kilometers") {
-  const e = Ji[t];
+  const e = qi[t];
   if (!e)
     throw new Error(t + " units is invalid");
   return s * e;
 }
-function gt(s) {
+function yt(s) {
   return s % 360 * Math.PI / 180;
 }
 function se(s) {
@@ -3760,13 +3772,13 @@ function re(s) {
   }
   return t;
 }
-var ro = L * L / 2, Ot = Math.PI / 180;
+var ro = L * L / 2, Dt = Math.PI / 180;
 function ne(s) {
   const t = s.length - 1;
   if (t <= 2) return 0;
   let e = 0, i = 0;
   for (; i < t; ) {
-    const o = s[i], r = s[i + 1 === t ? 0 : i + 1], n = s[i + 2 >= t ? (i + 2) % t : i + 2], a = o[0] * Ot, l = r[1] * Ot, d = n[0] * Ot;
+    const o = s[i], r = s[i + 1 === t ? 0 : i + 1], n = s[i + 2 >= t ? (i + 2) % t : i + 2], a = o[0] * Dt, l = r[1] * Dt, d = n[0] * Dt;
     e += (d - a) * Math.sin(l), i++;
   }
   return e * ro;
@@ -3794,14 +3806,14 @@ function le(s) {
   throw new Error("coord must be GeoJSON Point or an Array of numbers");
 }
 function lo(s, t, e = {}) {
-  var i = le(s), o = le(t), r = gt(o[1] - i[1]), n = gt(o[0] - i[0]), a = gt(i[1]), l = gt(o[1]), d = Math.pow(Math.sin(r / 2), 2) + Math.pow(Math.sin(n / 2), 2) * Math.cos(a) * Math.cos(l);
+  var i = le(s), o = le(t), r = yt(o[1] - i[1]), n = yt(o[0] - i[0]), a = yt(i[1]), l = yt(o[1]), d = Math.pow(Math.sin(r / 2), 2) + Math.pow(Math.sin(n / 2), 2) * Math.cos(a) * Math.cos(l);
   return to(
     2 * Math.atan2(Math.sqrt(d), Math.sqrt(1 - d)),
     e.units
   );
 }
 var ho = lo;
-const de = (s) => s === "degrees" ? "°" : s === "miles" ? "mi" : s === "radians" ? "rad" : "km", Dt = (s) => {
+const de = (s) => s === "degrees" ? "°" : s === "miles" ? "mi" : s === "radians" ? "rad" : "km", _t = (s) => {
   if (s >= 1)
     return {
       distance: s,
@@ -3833,12 +3845,12 @@ const de = (s) => s === "degrees" ? "°" : s === "miles" ? "mi" : s === "radians
     l.push(p);
   }
   if (s.properties.distance = l[l.length - 1].properties.total, s.properties.unit = l[l.length - 1].properties.unit, s.properties.segments = JSON.parse(JSON.stringify(l)), t === "kilometers") {
-    const d = Dt(s.properties.distance);
+    const d = _t(s.properties.distance);
     s.properties.distance = d.distance, s.properties.unit = d.unit, s.properties.segments.forEach(
       (h) => {
-        const c = Dt(h.properties.distance);
+        const c = _t(h.properties.distance);
         h.properties.distance = c.distance, h.properties.unit = c.unit;
-        const u = Dt(h.properties.total);
+        const u = _t(h.properties.total);
         h.properties.total = u.distance, h.properties.totalUnit = u.unit;
       }
     );
@@ -3854,14 +3866,14 @@ const de = (s) => s === "degrees" ? "°" : s === "miles" ? "mi" : s === "radians
       );
     }
   ), s;
-}, ce = (s) => s.charAt(0).toUpperCase() + s.slice(1), bt = ["td-point", "td-linestring", "td-polygon"];
+}, ce = (s) => s.charAt(0).toUpperCase() + s.slice(1), Mt = ["td-point", "td-linestring", "td-polygon"];
 var ge, ye, fe;
 const Bo = [
-  ...bt,
-  (ge = yt.polygonLayerSpec) == null ? void 0 : ge.source,
-  (ye = yt.lineLayerLabelSpec) == null ? void 0 : ye.source,
-  (fe = yt.pointLayerLabelSpec) == null ? void 0 : fe.source
-], Ue = (s, t, e = bt) => {
+  ...Mt,
+  (ge = ft.polygonLayerSpec) == null ? void 0 : ge.source,
+  (ye = ft.lineLayerLabelSpec) == null ? void 0 : ye.source,
+  (fe = ft.pointLayerLabelSpec) == null ? void 0 : fe.source
+], Ue = (s, t, e = Mt) => {
   const i = JSON.parse(JSON.stringify(s));
   return t && (t.onlyTerraDrawLayers === !0 ? (i.layers = i.layers.filter((o) => "source" in o && e.includes(o.source)), Object.keys(i.sources).forEach((o) => {
     e.includes(o) || delete i.sources[o];
@@ -3882,17 +3894,17 @@ const Bo = [
   }
   return s;
 };
-var uo = Object.defineProperty, po = (s, t, e) => t in s ? uo(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, tt = (s, t, e) => po(s, typeof t != "symbol" ? t + "" : t, e), St = 2 * Math.PI * 6378137 / 2;
+var uo = Object.defineProperty, po = (s, t, e) => t in s ? uo(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, tt = (s, t, e) => po(s, typeof t != "symbol" ? t + "" : t, e), xt = 2 * Math.PI * 6378137 / 2;
 function go(s) {
   return s = s || 256, 2 * Math.PI * 6378137 / s;
 }
 function yo(s, t, e = { enable: !0, decimal: 1 }) {
   s = Nt(s);
-  var i = s[0], o = s[1], r = i * St / 180, n = Math.log(Math.tan((90 + o) * Math.PI / 360)) / (Math.PI / 180);
-  return n = n * St / 180, e.enable && (r = Number(r.toFixed(e.decimal)), n = Number(n.toFixed(e.decimal))), [r, n];
+  var i = s[0], o = s[1], r = i * xt / 180, n = Math.log(Math.tan((90 + o) * Math.PI / 360)) / (Math.PI / 180);
+  return n = n * xt / 180, e.enable && (r = Number(r.toFixed(e.decimal)), n = Number(n.toFixed(e.decimal))), [r, n];
 }
 function fo(s, t, e) {
-  var i = s[0], o = s[1], r = xo(t, e), n = (i + St) / r, a = (o + St) / r;
+  var i = s[0], o = s[1], r = xo(t, e), n = (i + xt) / r, a = (o + xt) / r;
   return [n, a, t];
 }
 function Ve(s, t, e) {
@@ -4252,41 +4264,44 @@ class Fo {
    * @returns HTML Element
    */
   onAdd(t) {
-    var o, r, n, a, l;
+    var o, r, n, a, l, d, h;
     if (this.options && this.options.modes && this.options.modes.length === 0)
       throw new Error("At least a mode must be enabled.");
     this.map = t;
-    const e = qi(), i = [];
-    return (r = (o = this.options) == null ? void 0 : o.modes) == null || r.forEach((d) => {
-      if (this.options.modeOptions && this.options.modeOptions[d]) {
-        const h = this.options.modeOptions[d];
-        if (d === "select") {
-          const c = e[d];
-          if (c) {
-            const u = c.flags;
-            Object.keys(u).forEach((p) => {
-              h.flags[p] || (h.flags[p] = u[p]);
+    const e = Ji(), i = [];
+    return (r = (o = this.options) == null ? void 0 : o.modes) == null || r.forEach((c) => {
+      if (this.options.modeOptions && this.options.modeOptions[c]) {
+        const u = this.options.modeOptions[c];
+        if (c === "select") {
+          const p = e[c];
+          if (p) {
+            const g = p.flags;
+            Object.keys(g).forEach((y) => {
+              u.flags[y] || (u.flags[y] = g[y]);
             });
           }
         }
-        i.push(h);
-      } else e[d] && i.push(e[d]);
-    }), i.forEach((d) => {
-      d.state !== "unregistered" && (d._state = "unregistered");
+        i.push(u);
+      } else e[c] && i.push(e[c]);
+    }), i.forEach((c) => {
+      c.state !== "unregistered" && (c._state = "unregistered");
     }), (a = (n = this.options) == null ? void 0 : n.modes) != null && a.includes("render") || (i.push(
       new et({
         modeName: "default",
         styles: {}
       })
-    ), this.defaultMode = "default"), this.isExpanded = this.options.open === !0, this.terradraw = new Yi({
-      adapter: new $i({ map: t, ...this.options.adapterOptions }),
+    ), this.defaultMode = "default"), this.isExpanded = this.options.open === !0, this.terradraw = new $i({
+      adapter: new Yi({ map: t, ...this.options.adapterOptions }),
       modes: i
-    }), this.terradraw.start(), this.controlContainer = document.createElement("div"), this.controlContainer.classList.add("maplibregl-ctrl"), this.controlContainer.classList.add("maplibregl-ctrl-group"), i.forEach((d) => {
-      d.mode !== "default" && this.addTerradrawButton(d.mode);
-    }), Object.values(this.modeButtons).forEach((d) => {
-      var h;
-      (h = this.controlContainer) == null || h.appendChild(d);
-    }), (l = this.terradraw) == null || l.on("change", this.toggleButtonsWhenNoFeature.bind(this)), this.toggleButtonsWhenNoFeature(), this.controlContainer;
+    }), (l = this.map) != null && l.loaded() ? this.terradraw.start() : (d = this.map) == null || d.once("load", () => {
+      var c;
+      (c = this.terradraw) == null || c.start();
+    }), this.controlContainer = document.createElement("div"), this.controlContainer.classList.add("maplibregl-ctrl"), this.controlContainer.classList.add("maplibregl-ctrl-group"), i.forEach((c) => {
+      c.mode !== "default" && this.addTerradrawButton(c.mode);
+    }), Object.values(this.modeButtons).forEach((c) => {
+      var u;
+      (u = this.controlContainer) == null || u.appendChild(c);
+    }), (h = this.terradraw) == null || h.on("change", this.toggleButtonsWhenNoFeature.bind(this)), this.toggleButtonsWhenNoFeature(), this.controlContainer;
   }
   /**
    * Remove the plugin control from maplibre
@@ -4426,7 +4441,7 @@ class Fo {
    * @returns
    */
   cleanStyle(t, e) {
-    return Ue(t, e, bt);
+    return Ue(t, e, Mt);
   }
   /**
    * Download button click event handler
@@ -4487,7 +4502,7 @@ class jo extends Fo {
    * @param options Plugin control options
    */
   constructor(e) {
-    let i = yt;
+    let i = ft;
     e && (i = Object.assign(i, e));
     super({
       modes: i.modes,
@@ -4696,7 +4711,7 @@ class jo extends Fo {
    */
   cleanStyle(e, i) {
     var l, d, h;
-    const o = bt, r = (l = this.measureOptions.polygonLayerSpec) == null ? void 0 : l.source;
+    const o = Mt, r = (l = this.measureOptions.polygonLayerSpec) == null ? void 0 : l.source;
     r && o.push(r);
     const n = (d = this.measureOptions.lineLayerLabelSpec) == null ? void 0 : d.source;
     n && o.push(n);
@@ -5023,17 +5038,17 @@ export {
   jo as MaplibreMeasureControl,
   Fo as MaplibreTerradrawControl,
   Bo as TERRADRAW_MEASURE_SOURCE_IDS,
-  bt as TERRADRAW_SOURCE_IDS,
+  Mt as TERRADRAW_SOURCE_IDS,
   ae as calcArea,
   he as calcDistance,
   ce as capitalize,
   Ue as cleanMaplibreStyle,
   ao as convertAreaUnit,
-  Dt as convertMetricDistance,
+  _t as convertMetricDistance,
   co as debounce,
   Hi as defaultControlOptions,
-  yt as defaultMeasureControlOptions,
-  qi as getDefaultModeOptions,
+  ft as defaultMeasureControlOptions,
+  Ji as getDefaultModeOptions,
   de as getDistanceUnitName,
   ue as queryElevationByPoint,
   pe as queryElevationFromRasterDEM,