@watergis/maplibre-gl-terradraw 0.0.2 → 0.0.3

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

@@ -1,6 +1,6 @@
-var de = Object.defineProperty;
-var ce = (s, t, e) => t in s ? de(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var k = (s, t, e) => ce(s, typeof t != "symbol" ? t + "" : t, e);
+var ce = Object.defineProperty;
+var ue = (s, t, e) => t in s ? ce(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var k = (s, t, e) => ue(s, typeof t != "symbol" ? t + "" : t, e);
 function f() {
   return f = Object.assign ? Object.assign.bind() : function(s) {
     for (var t = 1; t < arguments.length; t++) {
@@ -18,7 +18,7 @@ const I = (s, t) => {
   const { x: e, y: i } = s, { x: o, y: n } = t, r = o - e, a = n - i;
   return Math.sqrt(a * a + r * r);
 };
-class N {
+class A {
   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));
@@ -53,7 +53,7 @@ class Jt {
     return this._coordinatePrecision;
   }
   getAdapterListeners() {
-    return [new N({ name: "pointerdown", callback: (t) => {
+    return [new A({ name: "pointerdown", callback: (t) => {
       if (!this._currentModeCallbacks || !t.isPrimary) return;
       const e = this.getDrawEventFromEvent(t);
       e && (this._dragState = "pre-dragging", this._lastDrawEvent = e);
@@ -61,7 +61,7 @@ class Jt {
       this.getMapEventElement().addEventListener("pointerdown", t);
     }, unregister: (t) => {
       this.getMapEventElement().removeEventListener("pointerdown", t);
-    } }), new N({ name: "pointermove", callback: (t) => {
+    } }), new A({ name: "pointermove", callback: (t) => {
       if (!this._currentModeCallbacks || !t.isPrimary) return;
       t.preventDefault();
       const e = this.getDrawEventFromEvent(t);
@@ -81,13 +81,13 @@ class Jt {
       this.getMapEventElement().addEventListener("pointermove", t);
     }, unregister: (t) => {
       this.getMapEventElement().removeEventListener("pointermove", t);
-    } }), new N({ name: "contextmenu", callback: (t) => {
+    } }), new A({ name: "contextmenu", callback: (t) => {
       this._currentModeCallbacks && t.preventDefault();
     }, register: (t) => {
       this.getMapEventElement().addEventListener("contextmenu", t);
     }, unregister: (t) => {
       this.getMapEventElement().removeEventListener("contextmenu", t);
-    } }), new N({ name: "pointerup", callback: (t) => {
+    } }), new A({ name: "pointerup", callback: (t) => {
       if (!this._currentModeCallbacks || t.target !== this.getMapEventElement() || !t.isPrimary) return;
       const e = this.getDrawEventFromEvent(t);
       e && (this._dragState === "dragging" ? this._currentModeCallbacks.onDragEnd(e, (i) => {
@@ -97,13 +97,13 @@ class Jt {
       this.getMapEventElement().addEventListener("pointerup", t);
     }, unregister: (t) => {
       this.getMapEventElement().removeEventListener("pointerup", t);
-    } }), new N({ name: "keyup", callback: (t) => {
+    } }), new A({ name: "keyup", callback: (t) => {
       this._currentModeCallbacks && (this._heldKeys.delete(t.key), this._currentModeCallbacks.onKeyUp({ key: t.key, heldKeys: Array.from(this._heldKeys), preventDefault: () => t.preventDefault() }));
     }, register: (t) => {
       this.getMapEventElement().addEventListener("keyup", t);
     }, unregister: (t) => {
       this.getMapEventElement().removeEventListener("keyup", t);
-    } }), new N({ name: "keydown", callback: (t) => {
+    } }), new A({ name: "keydown", callback: (t) => {
       this._currentModeCallbacks && (this._heldKeys.add(t.key), this._currentModeCallbacks.onKeyDown({ key: t.key, heldKeys: Array.from(this._heldKeys), preventDefault: () => t.preventDefault() }));
     }, register: (t) => {
       this.getMapEventElement().addEventListener("keydown", t);
@@ -117,7 +117,7 @@ class Jt {
     }), this.clear();
   }
 }
-class ue extends Jt {
+class ge extends Jt {
   constructor(t) {
     super(t), this._nextRender = void 0, this._map = void 0, this._container = void 0, this._rendered = !1, this.changedIds = { deletion: !1, points: !1, linestrings: !1, polygons: !1, styling: !1 }, this._map = t.map, this._container = this._map.getContainer();
   }
@@ -226,9 +226,9 @@ class ue extends Jt {
     super.register(t), this._currentModeCallbacks && this._currentModeCallbacks.onReady && this._currentModeCallbacks.onReady();
   }
 }
-class ge extends Jt {
+class pe extends Jt {
   constructor(t) {
-    super(t), this.mapboxglAdapter = void 0, this.mapboxglAdapter = new ue(t);
+    super(t), this.mapboxglAdapter = void 0, this.mapboxglAdapter = new ge(t);
   }
   register(t) {
     this.mapboxglAdapter.register(t);
@@ -267,7 +267,7 @@ class ge extends Jt {
     this.mapboxglAdapter.clear();
   }
 }
-let pe = 0;
+let ye = 0;
 const L = typeof navigator < "u" && navigator.userAgent !== void 0 ? navigator.userAgent.toLowerCase() : "";
 L.includes("firefox"), L.includes("safari") && !L.includes("chrom") && (L.includes("version/15.4") || /cpu (os|iphone os) 15_4 like mac os x/.test(L)), L.includes("webkit") && L.includes("edge"), L.includes("macintosh");
 typeof WorkerGlobalScope < "u" && typeof OffscreenCanvas < "u" && self instanceof WorkerGlobalScope;
@@ -281,7 +281,7 @@ typeof WorkerGlobalScope < "u" && typeof OffscreenCanvas < "u" && self instanceo
   } catch {
   }
 })();
-var ye = class {
+var me = class {
   constructor() {
     this.disposed = !1;
   }
@@ -301,12 +301,12 @@ var ye = class {
     this.propagationStopped = !0;
   }
 };
-function wt() {
+function St() {
 }
 function Zt(s) {
   for (const t in s) delete s[t];
 }
-var me = class extends ye {
+var fe = class extends me {
   constructor(s) {
     super(), this.eventTarget_ = s, this.pendingRemovals_ = null, this.dispatching_ = null, this.listeners_ = null;
   }
@@ -329,7 +329,7 @@ var me = class extends ye {
     }
     if (--n[e] == 0) {
       let l = r[e];
-      for (delete r[e]; l--; ) this.removeEventListener(e, wt);
+      for (delete r[e]; l--; ) this.removeEventListener(e, St);
       delete n[e];
     }
     return a;
@@ -348,10 +348,10 @@ var me = class extends ye {
     const e = this.listeners_[s];
     if (!e) return;
     const i = e.indexOf(t);
-    i !== -1 && (this.pendingRemovals_ && s in this.pendingRemovals_ ? (e[i] = wt, ++this.pendingRemovals_[s]) : (e.splice(i, 1), e.length === 0 && delete this.listeners_[s]));
+    i !== -1 && (this.pendingRemovals_ && s in this.pendingRemovals_ ? (e[i] = St, ++this.pendingRemovals_[s]) : (e.splice(i, 1), e.length === 0 && delete this.listeners_[s]));
   }
-}, fe = "change";
-function Ct(s, t, e, i, o) {
+}, ve = "change";
+function xt(s, t, e, i, o) {
   if (o) {
     const r = e;
     e = function() {
@@ -361,18 +361,18 @@ function Ct(s, t, e, i, o) {
   const n = { target: s, type: t, listener: e };
   return s.addEventListener(t, e), n;
 }
-function St(s, t, e, i) {
-  return Ct(s, t, e, i, !0);
+function wt(s, t, e, i) {
+  return xt(s, t, e, i, !0);
 }
 function It(s) {
   s && s.target && (s.target.removeEventListener(s.type, s.listener), Zt(s));
 }
-var ve = class extends me {
+var Ce = class extends fe {
   constructor() {
     super(), this.on = this.onInternal, this.once = this.onceInternal, this.un = this.unInternal, this.revision_ = 0;
   }
   changed() {
-    ++this.revision_, this.dispatchEvent(fe);
+    ++this.revision_, this.dispatchEvent(ve);
   }
   getRevision() {
     return this.revision_;
@@ -380,18 +380,18 @@ var ve = class extends me {
   onInternal(s, t) {
     if (Array.isArray(s)) {
       const e = s.length, i = new Array(e);
-      for (let o = 0; o < e; ++o) i[o] = Ct(this, s[o], t);
+      for (let o = 0; o < e; ++o) i[o] = xt(this, s[o], t);
       return i;
     }
-    return Ct(this, s, t);
+    return xt(this, s, t);
   }
   onceInternal(s, t) {
     let e;
     if (Array.isArray(s)) {
       const i = s.length;
       e = new Array(i);
-      for (let o = 0; o < i; ++o) e[o] = St(this, s[o], t);
-    } else e = St(this, s, t);
+      for (let o = 0; o < i; ++o) e[o] = wt(this, s[o], t);
+    } else e = wt(this, s, t);
     return t.ol_key = e, e;
   }
   unInternal(s, t) {
@@ -409,9 +409,9 @@ class Dt extends qt {
     super(t), this.key = e, this.oldValue = i;
   }
 }
-new class extends ve {
+new class extends Ce {
   constructor(s) {
-    super(), this.ol_uid || (this.ol_uid = String(++pe)), this.values_ = null, s !== void 0 && this.setProperties(s);
+    super(), this.ol_uid || (this.ol_uid = String(++ye)), this.values_ = null, s !== void 0 && this.setProperties(s);
   }
   get(s) {
     let t;
@@ -464,7 +464,7 @@ new class extends ve {
     }
   }
 }();
-const Ce = { radians: 6370997 / (2 * Math.PI), degrees: 2 * Math.PI * 6370997 / 360, ft: 0.3048, m: 1, "us-ft": 1200 / 3937 };
+const xe = { radians: 6370997 / (2 * Math.PI), degrees: 2 * Math.PI * 6370997 / 360, ft: 0.3048, m: 1, "us-ft": 1200 / 3937 };
 var Qt = class {
   constructor(s) {
     this.code_ = s.code, this.units_ = s.units, this.extent_ = s.extent !== void 0 ? s.extent : null, this.worldExtent_ = s.worldExtent !== void 0 ? s.worldExtent : null, this.axisOrientation_ = s.axisOrientation !== void 0 ? s.axisOrientation : "enu", this.global_ = s.global !== void 0 && s.global, this.canWrapX_ = !(!this.global_ || !this.extent_), this.getPointResolutionFunc_ = s.getPointResolution, this.defaultTileGrid_ = null, this.metersPerUnit_ = s.metersPerUnit;
@@ -482,7 +482,7 @@ var Qt = class {
     return this.units_;
   }
   getMetersPerUnit() {
-    return this.metersPerUnit_ || Ce[this.units_];
+    return this.metersPerUnit_ || xe[this.units_];
   }
   getWorldExtent() {
     return this.worldExtent_;
@@ -515,81 +515,81 @@ var Qt = class {
     return this.getPointResolutionFunc_;
   }
 };
-const J = 6378137, T = Math.PI * J, xe = [-T, -T, T, T], Pe = [-180, -85, 180, 85], et = J * Math.log(Math.tan(Math.PI / 2));
-class A extends Qt {
+const J = 6378137, T = Math.PI * J, Pe = [-T, -T, T, T], Me = [-180, -85, 180, 85], it = J * Math.log(Math.tan(Math.PI / 2));
+class V extends Qt {
   constructor(t) {
-    super({ code: t, units: "m", extent: xe, global: !0, worldExtent: Pe, getPointResolution: function(e, i) {
+    super({ code: t, units: "m", extent: Pe, global: !0, worldExtent: Me, getPointResolution: function(e, i) {
       return e / Math.cosh(i[1] / J);
     } });
   }
 }
-const Ft = [new A("EPSG:3857"), new A("EPSG:102100"), new A("EPSG:102113"), new A("EPSG:900913"), new A("http://www.opengis.net/def/crs/EPSG/0/3857"), new A("http://www.opengis.net/gml/srs/epsg.xml#3857")], kt = [-180, -90, 180, 90], Me = 6378137 * Math.PI / 180;
-class G extends Qt {
+const Ft = [new V("EPSG:3857"), new V("EPSG:102100"), new V("EPSG:102113"), new V("EPSG:900913"), new V("http://www.opengis.net/def/crs/EPSG/0/3857"), new V("http://www.opengis.net/gml/srs/epsg.xml#3857")], kt = [-180, -90, 180, 90], _e = 6378137 * Math.PI / 180;
+class N extends Qt {
   constructor(t, e) {
-    super({ code: t, units: "degrees", extent: kt, axisOrientation: e, global: !0, metersPerUnit: Me, worldExtent: kt });
+    super({ code: t, units: "degrees", extent: kt, axisOrientation: e, global: !0, metersPerUnit: _e, worldExtent: kt });
   }
 }
-const Ot = [new G("CRS:84"), new G("EPSG:4326", "neu"), new G("urn:ogc:def:crs:OGC:1.3:CRS84"), new G("urn:ogc:def:crs:OGC:2:84"), new G("http://www.opengis.net/def/crs/OGC/1.3/CRS84"), new G("http://www.opengis.net/gml/srs/epsg.xml#4326", "neu"), new G("http://www.opengis.net/def/crs/EPSG/0/4326", "neu")];
-let yt = {};
-function rt(s, t, e) {
+const Ot = [new N("CRS:84"), new N("EPSG:4326", "neu"), new N("urn:ogc:def:crs:OGC:1.3:CRS84"), new N("urn:ogc:def:crs:OGC:2:84"), new N("http://www.opengis.net/def/crs/OGC/1.3/CRS84"), new N("http://www.opengis.net/gml/srs/epsg.xml#4326", "neu"), new N("http://www.opengis.net/def/crs/EPSG/0/4326", "neu")];
+let mt = {};
+function at(s, t, e) {
   const i = s.getCode(), o = t.getCode();
-  i in yt || (yt[i] = {}), yt[i][o] = e;
+  i in mt || (mt[i] = {}), mt[i][o] = e;
 }
 function te(s, t) {
   if (t !== void 0) for (let e = 0, i = s.length; e < i; ++e) t[e] = s[e];
   else t = s.slice();
   return t;
 }
-function _e(s) {
-  s.getCode(), rt(s, s, te);
+function be(s) {
+  s.getCode(), at(s, s, te);
 }
 function jt(s) {
   (function(t) {
-    t.forEach(_e);
+    t.forEach(be);
   })(s), s.forEach(function(t) {
     s.forEach(function(e) {
-      t !== e && rt(t, e, te);
+      t !== e && at(t, e, te);
     });
   });
 }
-var Lt, Bt, Wt, C;
-jt(Ft), jt(Ot), Lt = Ft, Bt = function(s, t, e) {
+var Lt, Wt, Bt, C;
+jt(Ft), jt(Ot), Lt = Ft, Wt = function(s, t, e) {
   const i = s.length;
   e = e > 1 ? e : 2, t === void 0 && (t = e > 2 ? s.slice() : new Array(i));
   for (let o = 0; o < i; o += e) {
     t[o] = T * s[o] / 180;
     let n = J * Math.log(Math.tan(Math.PI * (+s[o + 1] + 90) / 360));
-    n > et ? n = et : n < -et && (n = -et), t[o + 1] = n;
+    n > it ? n = it : n < -it && (n = -it), t[o + 1] = n;
   }
   return t;
-}, Wt = function(s, t, e) {
+}, Bt = function(s, t, e) {
   const i = s.length;
   e = e > 1 ? e : 2, t === void 0 && (t = e > 2 ? s.slice() : new Array(i));
   for (let o = 0; o < i; o += e) t[o] = 180 * s[o] / T, t[o + 1] = 360 * Math.atan(Math.exp(s[o + 1] / J)) / Math.PI - 90;
   return t;
 }, Ot.forEach(function(s) {
   Lt.forEach(function(t) {
-    rt(s, t, Bt), rt(t, s, Wt);
+    at(s, t, Wt), at(t, s, Bt);
   });
 });
 (function(s) {
   s.Commit = "commit", s.Provisional = "provisional", s.Finish = "finish";
 })(C || (C = {}));
-const xt = "selected", H = "midPoint", Gt = "closingPoint";
-function mt(s) {
+const Pt = "selected", H = "midPoint", Nt = "closingPoint";
+function ft(s) {
   return !!(s && typeof s == "object" && s !== null && !Array.isArray(s));
 }
-function Nt(s) {
+function Gt(s) {
   if (!function(t) {
     return typeof t == "number" && !isNaN(new Date(t).valueOf());
   }(s)) throw new Error("updatedAt and createdAt are not valid timestamps");
   return !0;
 }
-var U;
+var G;
 (function(s) {
   s.Drawing = "drawing", s.Select = "select", s.Static = "static", s.Render = "render";
-})(U || (U = {}));
-class j {
+})(G || (G = {}));
+class O {
   get state() {
     return this._state;
   }
@@ -606,7 +606,7 @@ class j {
   registerBehaviors(t) {
   }
   constructor(t) {
-    this._state = void 0, this._styles = void 0, this.behaviors = [], this.validate = void 0, this.pointerDistance = void 0, this.coordinatePrecision = void 0, this.onStyleChange = void 0, this.store = void 0, this.setDoubleClickToZoom = void 0, this.unproject = void 0, this.project = void 0, this.setCursor = void 0, this.projection = void 0, this.type = U.Drawing, this.mode = "base", this._state = "unregistered", this._styles = t && t.styles ? f({}, t.styles) : {}, this.pointerDistance = t && t.pointerDistance || 40, this.validate = t && t.validation, this.projection = t && t.projection || "web-mercator";
+    this._state = void 0, this._styles = void 0, this.behaviors = [], this.validate = void 0, this.pointerDistance = void 0, this.coordinatePrecision = void 0, this.onStyleChange = void 0, this.store = void 0, this.setDoubleClickToZoom = void 0, this.unproject = void 0, this.project = void 0, this.setCursor = void 0, this.projection = void 0, this.type = G.Drawing, this.mode = "base", this._state = "unregistered", this._styles = t && t.styles ? f({}, t.styles) : {}, this.pointerDistance = t && t.pointerDistance || 40, this.validate = t && t.validation, this.projection = t && t.projection || "web-mercator";
   }
   setDrawing() {
     if (this._state !== "started") throw new Error("Mode must be unregistered or stopped to start");
@@ -628,9 +628,9 @@ class j {
     if (this._state === "unregistered") throw new Error("Mode must be registered");
     const e = function(i, o) {
       let n;
-      if (mt(i)) if (i.id == null) n = "Feature has no id";
+      if (ft(i)) if (i.id == null) n = "Feature has no id";
       else if (typeof i.id != "string" && typeof i.id != "number") n = "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 (ft(i.geometry)) if (ft(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") throw new Error("Feature does not have a valid mode property");
       } else n = "Feature coordinates is not an array";
       else n = "Feature is not Point, LineString or Polygon";
@@ -673,39 +673,39 @@ class j {
     return t === void 0 ? e : typeof t == "function" ? t(i) : t;
   }
 }
-class be extends j {
+class Ee extends O {
   constructor(...t) {
-    super(...t), this.type = U.Select;
+    super(...t), this.type = G.Select;
   }
 }
-function B(s, t) {
+function W(s, t) {
   const e = (d) => d * Math.PI / 180, i = e(s[1]), o = e(s[0]), n = e(t[1]), r = n - i, a = e(t[0]) - o, l = Math.sin(r / 2) * Math.sin(r / 2) + Math.cos(i) * Math.cos(n) * Math.sin(a / 2) * Math.sin(a / 2);
   return 2 * Math.atan2(Math.sqrt(l), Math.sqrt(1 - l)) * 6371e3 / 1e3;
 }
-const Pt = 63710088e-1;
-function S(s) {
+const Mt = 63710088e-1;
+function w(s) {
   return s % 360 * Math.PI / 180;
 }
 function ee(s) {
-  return s / (Pt / 1e3);
+  return s / (Mt / 1e3);
 }
 function X(s) {
   return s % (2 * Math.PI) * 180 / Math.PI;
 }
-const At = 57.29577951308232, Rt = 0.017453292519943295, at = 6378137, P = (s, t) => ({ x: s === 0 ? 0 : s * Rt * at, y: t === 0 ? 0 : Math.log(Math.tan(Math.PI / 4 + t * Rt / 2)) * at }), O = (s, t) => ({ lng: s === 0 ? 0 : At * (s / at), lat: t === 0 ? 0 : (2 * Math.atan(Math.exp(t / at)) - Math.PI / 2) * At });
-function Ee(s, t, e) {
-  const i = S(s[0]), o = S(s[1]), n = S(e), r = ee(t), a = Math.asin(Math.sin(o) * Math.cos(r) + Math.cos(o) * Math.sin(r) * Math.cos(n));
+const At = 57.29577951308232, Vt = 0.017453292519943295, lt = 6378137, P = (s, t) => ({ x: s === 0 ? 0 : s * Vt * lt, y: t === 0 ? 0 : Math.log(Math.tan(Math.PI / 4 + t * Vt / 2)) * lt }), j = (s, t) => ({ lng: s === 0 ? 0 : At * (s / lt), lat: t === 0 ? 0 : (2 * Math.atan(Math.exp(t / lt)) - Math.PI / 2) * At });
+function Se(s, t, e) {
+  const i = w(s[0]), o = w(s[1]), n = w(e), r = ee(t), a = Math.asin(Math.sin(o) * Math.cos(r) + Math.cos(o) * Math.sin(r) * Math.cos(n));
   return [X(i + Math.atan2(Math.sin(n) * Math.sin(r) * Math.cos(o), Math.cos(r) - Math.sin(o) * Math.sin(a))), X(a)];
 }
-function Vt(s) {
+function Rt(s) {
   const { center: t, radiusKilometers: e, coordinatePrecision: i } = s, o = s.steps ? s.steps : 64, n = [];
   for (let r = 0; r < o; r++) {
-    const a = Ee(t, e, -360 * r / o);
+    const a = Se(t, e, -360 * r / o);
     n.push([b(a[0], i), b(a[1], i)]);
   }
   return n.push(n[0]), { type: "Feature", geometry: { type: "Polygon", coordinates: [n] }, properties: {} };
 }
-function Mt(s) {
+function _t(s) {
   const t = { epsilon: 0 };
   let e;
   if (s.geometry.type === "Polygon") e = s.geometry.coordinates;
@@ -721,35 +721,35 @@ function Mt(s) {
   }
   function n(r, a, l, d) {
     const h = e[r][a], c = e[r][a + 1], u = e[l][d], g = e[l][d + 1], p = function(m, x, M, E) {
-      if (it(m, M) || it(m, E) || it(x, M) || it(E, M)) return null;
-      const _ = m[0], w = m[1], F = x[0], W = x[1], q = M[0], Z = M[1], Q = E[0], tt = E[1], pt = (_ - F) * (Z - tt) - (w - W) * (q - Q);
-      return pt === 0 ? null : [((_ * W - w * F) * (q - Q) - (_ - F) * (q * tt - Z * Q)) / pt, ((_ * W - w * F) * (Z - tt) - (w - W) * (q * tt - Z * Q)) / pt];
+      if (ot(m, M) || ot(m, E) || ot(x, M) || ot(E, M)) return null;
+      const _ = m[0], S = m[1], F = x[0], B = x[1], Z = M[0], Q = M[1], tt = E[0], et = E[1], yt = (_ - F) * (Q - et) - (S - B) * (Z - tt);
+      return yt === 0 ? null : [((_ * B - S * F) * (Z - tt) - (_ - F) * (Z * et - Q * tt)) / yt, ((_ * B - S * F) * (Q - et) - (S - B) * (Z * et - Q * tt)) / yt];
     }(h, c, u, g);
     if (p === null) return;
     let y, v;
     y = c[0] !== h[0] ? (p[0] - h[0]) / (c[0] - h[0]) : (p[1] - h[1]) / (c[1] - h[1]), v = g[0] !== u[0] ? (p[0] - u[0]) / (g[0] - u[0]) : (p[1] - u[1]) / (g[1] - u[1]), o(y) || o(v) || (p.toString(), i.push(p));
   }
 }
-function it(s, t) {
+function ot(s, t) {
   return s[0] === t[0] && s[1] === t[1];
 }
-function _t(s, t) {
-  return s.length === 2 && typeof s[0] == "number" && typeof s[1] == "number" && s[0] !== 1 / 0 && s[1] !== 1 / 0 && (i = s[0]) >= -180 && i <= 180 && (e = s[1]) >= -90 && e <= 90 && Tt(s[0]) <= t && Tt(s[1]) <= t;
+function gt(s, t) {
+  return s.length === 2 && typeof s[0] == "number" && typeof s[1] == "number" && s[0] !== 1 / 0 && s[1] !== 1 / 0 && (i = s[0]) >= -180 && i <= 180 && (e = s[1]) >= -90 && e <= 90 && Ut(s[0]) <= t && Ut(s[1]) <= t;
   var e, i;
 }
-function Tt(s) {
+function Ut(s) {
   let t = 1, e = 0;
   for (; Math.round(s * t) / t !== s; ) t *= 10, e++;
   return e;
 }
-function ut(s, t) {
-  return s.geometry.type === "Polygon" && s.geometry.coordinates.length === 1 && s.geometry.coordinates[0].length >= 4 && s.geometry.coordinates[0].every((o) => _t(o, t)) && (e = s.geometry.coordinates[0][0])[0] === (i = s.geometry.coordinates[0][s.geometry.coordinates[0].length - 1])[0] && e[1] === i[1];
+function q(s, t) {
+  return s.geometry.type === "Polygon" && s.geometry.coordinates.length === 1 && s.geometry.coordinates[0].length >= 4 && s.geometry.coordinates[0].every((o) => gt(o, t)) && (e = s.geometry.coordinates[0][0])[0] === (i = s.geometry.coordinates[0][s.geometry.coordinates[0].length - 1])[0] && e[1] === i[1];
   var e, i;
 }
 function ie(s, t) {
-  return ut(s, t) && !Mt(s);
+  return q(s, t) && !_t(s);
 }
-class we extends j {
+class we extends O {
   constructor(t) {
     var e;
     super(t), this.mode = "circle", this.center = void 0, this.clickCount = 0, this.currentCircleId = void 0, this.keyEvents = void 0, this.cursors = void 0, this.startingRadiusKilometers = 1e-5;
@@ -779,7 +779,7 @@ class we extends j {
   onClick(t) {
     if (this.clickCount === 0) {
       this.center = [t.lng, t.lat];
-      const e = Vt({ center: this.center, radiusKilometers: this.startingRadiusKilometers, coordinatePrecision: this.coordinatePrecision }), [i] = this.store.create([{ geometry: e.geometry, properties: { mode: this.mode, radiusKilometers: this.startingRadiusKilometers } }]);
+      const e = Rt({ center: this.center, radiusKilometers: this.startingRadiusKilometers, coordinatePrecision: this.coordinatePrecision }), [i] = this.store.create([{ geometry: e.geometry, properties: { mode: this.mode, radiusKilometers: this.startingRadiusKilometers } }]);
       this.currentCircleId = i, this.clickCount++, this.setDrawing();
     } else this.clickCount === 1 && this.center && this.currentCircleId !== void 0 && this.updateCircle(t), this.close();
   }
@@ -814,11 +814,11 @@ class we extends j {
   }
   updateCircle(t) {
     if (this.clickCount === 1 && this.center && this.currentCircleId) {
-      const e = B(this.center, [t.lng, t.lat]);
+      const e = W(this.center, [t.lng, t.lat]);
       let i;
       if (this.projection === "web-mercator") {
         const o = function(n, r) {
-          const a = 1e3 * B(n, r);
+          const a = 1e3 * W(n, r);
           if (a === 0) return 1;
           const { x: l, y: d } = P(n[0], n[1]), { x: h, y: c } = P(r[0], r[1]);
           return Math.sqrt(Math.pow(h - l, 2) + Math.pow(c - d, 2)) / a;
@@ -826,21 +826,21 @@ class we extends j {
         i = function(n) {
           const { center: r, radiusKilometers: a, coordinatePrecision: l } = n, d = n.steps ? n.steps : 64, h = 1e3 * a, [c, u] = r, { x: g, y: p } = P(c, u), y = [];
           for (let v = 0; v < d; v++) {
-            const m = 360 * v / d * Math.PI / 180, x = h * Math.cos(m), M = h * Math.sin(m), [E, _] = [g + x, p + M], { lng: w, lat: F } = O(E, _);
-            y.push([b(w, l), b(F, l)]);
+            const m = 360 * v / d * Math.PI / 180, x = h * Math.cos(m), M = h * Math.sin(m), [E, _] = [g + x, p + M], { lng: S, lat: F } = j(E, _);
+            y.push([b(S, l), b(F, l)]);
           }
           return y.push(y[0]), { type: "Feature", geometry: { type: "Polygon", coordinates: [y] }, properties: {} };
         }({ center: this.center, radiusKilometers: e * o, coordinatePrecision: this.coordinatePrecision });
       } else {
         if (this.projection !== "globe") throw new Error("Invalid projection");
-        i = Vt({ center: this.center, radiusKilometers: e, coordinatePrecision: this.coordinatePrecision });
+        i = Rt({ center: this.center, radiusKilometers: e, coordinatePrecision: this.coordinatePrecision });
       }
       if (this.validate && !this.validate({ type: "Feature", id: this.currentCircleId, geometry: i.geometry, properties: { radiusKilometers: e } }, { project: this.project, unproject: this.unproject, coordinatePrecision: this.coordinatePrecision, updateType: C.Provisional })) return;
       this.store.updateGeometry([{ id: this.currentCircleId, geometry: i.geometry }]), this.store.updateProperty([{ id: this.currentCircleId, property: "radiusKilometers", value: e }]);
     }
   }
 }
-class Se extends j {
+class Ie extends O {
   constructor(t) {
     super(t), this.mode = "freehand", this.startingClick = !1, this.currentId = void 0, this.closingPointId = void 0, this.minDistance = void 0, this.keyEvents = void 0, this.cursors = void 0, this.preventPointsNearClose = void 0;
     const e = { start: "crosshair", close: "pointer" };
@@ -908,7 +908,7 @@ class Se extends j {
     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 !!super.validateFeature(t) && t.properties.mode === this.mode && ut(t, this.coordinatePrecision);
+    return !!super.validateFeature(t) && t.properties.mode === this.mode && q(t, this.coordinatePrecision);
   }
 }
 class D {
@@ -929,7 +929,7 @@ class bt extends D {
     return oe({ unproject: this.unproject, point: { x: e, y: i }, pointerDistance: this.pointerDistance });
   }
 }
-class gt extends D {
+class pt extends D {
   constructor(t) {
     super(t);
   }
@@ -958,58 +958,58 @@ class se extends D {
     }), n.coord;
   }
 }
-function Ut(s, t, e) {
-  const i = S(s[0]), o = S(s[1]), n = S(e), r = ee(t), a = Math.asin(Math.sin(o) * Math.cos(r) + Math.cos(o) * Math.sin(r) * Math.cos(n));
+function Tt(s, t, e) {
+  const i = w(s[0]), o = w(s[1]), n = w(e), r = ee(t), a = Math.asin(Math.sin(o) * Math.cos(r) + Math.cos(o) * Math.sin(r) * Math.cos(n));
   return [X(i + Math.atan2(Math.sin(n) * Math.sin(r) * Math.cos(o), Math.cos(r) - Math.sin(o) * Math.sin(a))), X(a)];
 }
 function Xt({ x: s, y: t }, e, i) {
-  const o = S(i);
+  const o = w(i);
   return { x: s + e * Math.cos(o), y: t + e * Math.sin(o) };
 }
 function Kt(s, t) {
-  const e = S(s[0]), i = S(t[0]), o = S(s[1]), n = S(t[1]), r = Math.sin(i - e) * Math.cos(n), a = Math.cos(o) * Math.sin(n) - Math.sin(o) * Math.cos(n) * Math.cos(i - e);
+  const e = w(s[0]), i = w(t[0]), o = w(s[1]), n = w(t[1]), r = Math.sin(i - e) * Math.cos(n), a = Math.cos(o) * Math.sin(n) - Math.sin(o) * Math.cos(n) * Math.cos(i - e);
   return X(Math.atan2(r, a));
 }
-function lt({ x: s, y: t }, { x: e, y: i }) {
+function ht({ 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 Ie(s, t, e) {
+function De(s, t, e) {
   const i = [], o = s.length;
   let n, r, a, l = 0;
   for (let h = 0; h < s.length && !(t >= l && h === s.length - 1); h++) {
     if (l > t && i.length === 0) {
       if (n = t - l, !n) return i.push(s[h]), i;
-      r = Kt(s[h], s[h - 1]) - 180, a = Ut(s[h], n, r), i.push(a);
+      r = Kt(s[h], s[h - 1]) - 180, a = Tt(s[h], n, r), i.push(a);
     }
-    if (l >= e) return n = e - l, n ? (r = Kt(s[h], s[h - 1]) - 180, a = Ut(s[h], n, r), i.push(a), i) : (i.push(s[h]), i);
+    if (l >= e) return n = e - l, n ? (r = Kt(s[h], s[h - 1]) - 180, a = Tt(s[h], n, r), i.push(a), i) : (i.push(s[h]), i);
     if (l >= t && i.push(s[h]), h === s.length - 1) return i;
-    l += B(s[h], s[h + 1]);
+    l += W(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 ot(s) {
+function st(s) {
   return s * (Math.PI / 180);
 }
 function Yt(s) {
   return s * (180 / Math.PI);
 }
-class De extends D {
+class Fe extends D {
   constructor(t) {
     super(t), this.config = void 0, this.config = t;
   }
   generateInsertionCoordinates(t, e, i) {
     const o = [t, e];
     let n = 0;
-    for (let d = 0; d < o.length - 1; d++) n += B(o[0], o[1]);
+    for (let d = 0; d < o.length - 1; d++) n += W(o[0], o[1]);
     if (n <= i) return o;
     let r = n / i - 1;
     Number.isInteger(r) || (r = Math.floor(r) + 1);
     const a = [];
     for (let d = 0; d < r; d++) {
-      const h = Ie(o, i * d, i * (d + 1));
+      const h = De(o, i * d, i * (d + 1));
       a.push(h);
     }
     const l = [];
@@ -1017,16 +1017,16 @@ class De extends D {
     return this.limitCoordinates(l);
   }
   generateInsertionGeodesicCoordinates(t, e, i) {
-    const o = B(t, e), n = function(r, a, l) {
-      const d = [], h = ot(r[1]), c = ot(r[0]), u = ot(a[1]), g = ot(a[0]);
+    const o = W(t, e), n = function(r, a, l) {
+      const d = [], h = st(r[1]), c = st(r[0]), u = st(a[1]), g = st(a[0]);
       l += 1;
       const p = 2 * Math.asin(Math.sqrt(Math.sin((u - h) / 2) ** 2 + Math.cos(h) * Math.cos(u) * Math.sin((g - c) / 2) ** 2));
       if (p === 0 || isNaN(p)) return d;
       for (let y = 0; y <= l; y++) {
         const v = y / l, m = Math.sin((1 - v) * p) / Math.sin(p), x = Math.sin(v * p) / Math.sin(p), M = m * Math.cos(h) * Math.cos(c) + x * Math.cos(u) * Math.cos(g), E = m * Math.cos(h) * Math.sin(c) + x * Math.cos(u) * Math.sin(g), _ = m * Math.sin(h) + x * Math.sin(u);
         if (isNaN(M) || isNaN(E) || isNaN(_)) continue;
-        const w = Math.atan2(_, Math.sqrt(M ** 2 + E ** 2)), F = Math.atan2(E, M);
-        isNaN(w) || isNaN(F) || d.push([Yt(F), Yt(w)]);
+        const S = Math.atan2(_, Math.sqrt(M ** 2 + E ** 2)), F = Math.atan2(E, M);
+        isNaN(S) || isNaN(F) || d.push([Yt(F), Yt(S)]);
       }
       return d.slice(1, -1);
     }(t, e, Math.floor(o / i));
@@ -1039,7 +1039,7 @@ class De extends D {
 function $(s, t) {
   return s[0] === t[0] && s[1] === t[1];
 }
-class Fe extends j {
+class ke extends O {
   constructor(t) {
     super(t), this.mode = "linestring", this.currentCoordinate = 0, this.currentId = void 0, this.closingPointId = void 0, this.keyEvents = void 0, this.snappingEnabled = void 0, this.cursors = void 0, this.mouseMove = !1, this.insertCoordinates = void 0, this.lastCommitedCoordinates = void 0, this.snapping = void 0, this.insertPoint = void 0;
     const e = { start: "crosshair", close: "pointer" };
@@ -1067,7 +1067,7 @@ class Fe extends j {
   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 = B(t, e) / (this.insertCoordinates.value + 1);
+    const i = W(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;
   }
@@ -1091,7 +1091,7 @@ class Fe extends j {
     this.updateGeometries(l, i[i.length - 1], C.Commit), this.currentCoordinate++;
   }
   registerBehaviors(t) {
-    this.snapping = new se(t, new gt(t), new bt(t)), this.insertPoint = new De(t);
+    this.snapping = new se(t, new pt(t), new bt(t)), this.insertPoint = new Fe(t);
   }
   start() {
     this.setStarted(), this.setCursor(this.cursors.start);
@@ -1150,10 +1150,10 @@ class Fe extends j {
     return !!super.validateFeature(t) && t.geometry.type === "LineString" && t.properties.mode === this.mode && t.geometry.coordinates.length >= 2;
   }
 }
-function ke(s, t) {
-  return s.geometry.type === "Point" && _t(s.geometry.coordinates, t);
+function ne(s, t) {
+  return s.geometry.type === "Point" && gt(s.geometry.coordinates, t);
 }
-class Oe extends j {
+class Oe extends O {
   constructor(t) {
     super(t), this.mode = "point", this.cursors = void 0;
     const e = { create: "crosshair" };
@@ -1191,7 +1191,7 @@ class Oe extends j {
     return t.type === "Feature" && t.geometry.type === "Point" && t.properties.mode === this.mode && (e.pointWidth = this.getNumericStylingValue(this.styles.pointWidth, e.pointWidth, t), e.pointColor = this.getHexColorStylingValue(this.styles.pointColor, e.pointColor, t), e.pointOutlineColor = this.getHexColorStylingValue(this.styles.pointOutlineColor, e.pointOutlineColor, t), e.pointOutlineWidth = this.getNumericStylingValue(this.styles.pointOutlineWidth, 2, t), e.zIndex = 30), e;
   }
   validateFeature(t) {
-    return !!super.validateFeature(t) && t.properties.mode === this.mode && ke(t, this.coordinatePrecision);
+    return !!super.validateFeature(t) && t.properties.mode === this.mode && ne(t, this.coordinatePrecision);
   }
 }
 class je extends D {
@@ -1206,7 +1206,7 @@ class je extends D {
   create(t, e) {
     if (this.ids.length) throw new Error("Opening and closing points already created");
     if (t.length <= 3) throw new Error("Requires at least 4 coordinates");
-    this._startEndPoints = this.store.create([{ geometry: { type: "Point", coordinates: t[0] }, properties: { mode: e, [Gt]: !0 } }, { geometry: { type: "Point", coordinates: t[t.length - 2] }, properties: { mode: e, [Gt]: !0 } }]);
+    this._startEndPoints = this.store.create([{ geometry: { type: "Point", coordinates: t[0] }, properties: { mode: e, [Nt]: !0 } }, { geometry: { type: "Point", coordinates: t[t.length - 2] }, properties: { mode: e, [Nt]: !0 } }]);
   }
   delete() {
     this.ids.length && (this.store.delete(this.ids), this._startEndPoints = []);
@@ -1220,7 +1220,7 @@ class je extends D {
     return { isClosing: o < this.pointerDistance, isPreviousClosing: n < this.pointerDistance };
   }
 }
-class Le extends j {
+class Le extends O {
   constructor(t) {
     super(t), this.mode = "polygon", this.currentCoordinate = 0, this.currentId = void 0, this.keyEvents = void 0, this.snappingEnabled = void 0, this.snapping = void 0, this.pixelDistance = void 0, this.closingPoints = void 0, this.cursors = void 0, this.mouseMove = !1;
     const e = { start: "crosshair", close: "pointer" };
@@ -1238,7 +1238,7 @@ class Le extends j {
     this.currentCoordinate = 0, this.currentId = void 0, this.closingPoints.delete(), this.state === "drawing" && this.setStarted(), this.onFinish(e, { mode: this.mode, action: "draw" });
   }
   registerBehaviors(t) {
-    this.pixelDistance = new gt(t), this.snapping = new se(t, this.pixelDistance, new bt(t)), this.closingPoints = new je(t, this.pixelDistance);
+    this.pixelDistance = new pt(t), this.snapping = new se(t, this.pixelDistance, new bt(t)), this.closingPoints = new je(t, this.pixelDistance);
   }
   start() {
     this.setStarted(), this.setCursor(this.cursors.start);
@@ -1326,10 +1326,10 @@ class Le extends j {
     return e;
   }
   validateFeature(t) {
-    return !!super.validateFeature(t) && t.properties.mode === this.mode && ut(t, this.coordinatePrecision);
+    return !!super.validateFeature(t) && t.properties.mode === this.mode && q(t, this.coordinatePrecision);
   }
 }
-class Be extends j {
+class We extends O {
   constructor(t) {
     super(t), this.mode = "rectangle", this.center = void 0, this.clickCount = 0, this.currentRectangleId = void 0, this.keyEvents = void 0, this.cursors = void 0;
     const e = { start: "crosshair" };
@@ -1389,9 +1389,47 @@ class Be extends j {
     return !!super.validateFeature(t) && t.properties.mode === this.mode && ie(t, this.coordinatePrecision);
   }
 }
-function ht(s, t) {
-  const e = s, i = t, o = S(e[1]), n = S(i[1]);
-  let r = S(i[0] - e[0]);
+class Be extends O {
+  constructor(t) {
+    super({ styles: t.styles }), this.type = G.Render, this.mode = "render", this.mode = t.modeName;
+  }
+  registerBehaviors(t) {
+    this.mode = t.mode;
+  }
+  start() {
+    this.setStarted();
+  }
+  stop() {
+    this.setStopped();
+  }
+  onKeyUp() {
+  }
+  onKeyDown() {
+  }
+  onClick() {
+  }
+  onDragStart() {
+  }
+  onDrag() {
+  }
+  onDragEnd() {
+  }
+  onMouseMove() {
+  }
+  cleanUp() {
+  }
+  styleFeature(t) {
+    return { pointColor: this.getHexColorStylingValue(this.styles.pointColor, "#3f97e0", t), pointWidth: this.getNumericStylingValue(this.styles.pointWidth, 6, t), pointOutlineColor: this.getHexColorStylingValue(this.styles.pointOutlineColor, "#ffffff", t), pointOutlineWidth: this.getNumericStylingValue(this.styles.pointOutlineWidth, 0, t), polygonFillColor: this.getHexColorStylingValue(this.styles.polygonFillColor, "#3f97e0", t), polygonFillOpacity: this.getNumericStylingValue(this.styles.polygonFillOpacity, 0.3, t), polygonOutlineColor: this.getHexColorStylingValue(this.styles.polygonOutlineColor, "#3f97e0", t), polygonOutlineWidth: this.getNumericStylingValue(this.styles.polygonOutlineWidth, 4, t), lineStringWidth: this.getNumericStylingValue(this.styles.lineStringWidth, 4, t), lineStringColor: this.getHexColorStylingValue(this.styles.lineStringColor, "#3f97e0", t), zIndex: this.getNumericStylingValue(this.styles.zIndex, 0, t) };
+  }
+  validateFeature(t) {
+    return super.validateFeature(t) && (ne(t, this.coordinatePrecision) || q(t, this.coordinatePrecision) || function(e, i) {
+      return e.geometry.type === "LineString" && e.geometry.coordinates.length >= 2 && e.geometry.coordinates.every((o) => gt(o, i));
+    }(t, this.coordinatePrecision));
+  }
+}
+function dt(s, t) {
+  const e = s, i = t, o = w(e[1]), n = w(i[1]);
+  let r = w(i[0] - e[0]);
   r > Math.PI && (r -= 2 * Math.PI), r < -Math.PI && (r += 2 * Math.PI);
   const a = Math.log(Math.tan(n / 2 + Math.PI / 4) / Math.tan(o / 2 + Math.PI / 4)), l = (X(Math.atan2(r, a)) + 360) % 360;
   return l > 180 ? -(360 - l) : l;
@@ -1399,28 +1437,28 @@ function ht(s, t) {
 function Et(s, t, e) {
   let i = t;
   t < 0 && (i = -Math.abs(i));
-  const o = i / Pt, n = s[0] * Math.PI / 180, r = S(s[1]), a = S(e), l = o * Math.cos(a);
+  const o = i / Mt, n = s[0] * Math.PI / 180, r = w(s[1]), a = w(e), l = o * Math.cos(a);
   let d = r + l;
   Math.abs(d) > Math.PI / 2 && (d = d > 0 ? Math.PI - d : -Math.PI - d);
   const h = Math.log(Math.tan(d / 2 + Math.PI / 4) / Math.tan(r / 2 + Math.PI / 4)), c = Math.abs(h) > 1e-11 ? l / h : Math.cos(r), u = [(180 * (n + o * Math.sin(a) / c) / Math.PI + 540) % 360 - 180, 180 * d / Math.PI];
   return u[0] += u[0] - s[0] > 180 ? -360 : s[0] - u[0] > 180 ? 360 : 0, u;
 }
-function ne(s, t, e, i, o) {
+function re(s, t, e, i, o) {
   const n = i(s[0], s[1]), r = i(t[0], t[1]), { lng: a, lat: l } = o((n.x + r.x) / 2, (n.y + r.y) / 2);
   return [b(a, e), b(l, e)];
 }
-function We(s, t, e) {
-  const i = Et(s, 1e3 * B(s, t) / 2, ht(s, t));
+function Ne(s, t, e) {
+  const i = Et(s, 1e3 * W(s, t) / 2, dt(s, t));
   return [b(i[0], e), b(i[1], e)];
 }
 function zt({ featureCoords: s, precision: t, unproject: e, project: i, projection: o }) {
   const n = [];
   for (let r = 0; r < s.length - 1; r++) {
     let a;
-    if (o === "web-mercator") a = ne(s[r], s[r + 1], t, i, e);
+    if (o === "web-mercator") a = re(s[r], s[r + 1], t, i, e);
     else {
       if (o !== "globe") throw new Error("Invalid projection");
-      a = We(s[r], s[r + 1], t);
+      a = Ne(s[r], s[r + 1], t);
     }
     n.push(a);
   }
@@ -1452,7 +1490,7 @@ class Ge extends D {
     if (this._midPoints.length !== 0) return zt({ featureCoords: t, precision: this.coordinatePrecision, project: this.config.project, unproject: this.config.unproject, projection: this.config.projection }).map((e, i) => ({ id: this._midPoints[i], geometry: { type: "Point", coordinates: e } }));
   }
 }
-class Ne extends D {
+class Ae extends D {
   constructor(t) {
     super(t), this._selectionPoints = [];
   }
@@ -1478,7 +1516,7 @@ class Ne extends D {
     if (this._selectionPoints[t] !== void 0) return { id: this._selectionPoints[t], geometry: { type: "Point", coordinates: e } };
   }
 }
-function re(s, t) {
+function ae(s, t) {
   let e = !1;
   for (let r = 0, a = t.length; r < a; r++) {
     const l = t[r];
@@ -1487,7 +1525,7 @@ function re(s, t) {
   var i, o, n;
   return e;
 }
-const ae = (s, t, e) => {
+const le = (s, t, e) => {
   const i = (n) => n * n, o = (n, r) => i(n.x - r.x) + i(n.y - r.y);
   return Math.sqrt(((n, r, a) => {
     const l = o(r, a);
@@ -1496,7 +1534,7 @@ const ae = (s, t, e) => {
     return d = Math.max(0, Math.min(1, d)), o(n, { x: r.x + d * (a.x - r.x), y: r.y + d * (a.y - r.y) });
   })(s, t, e));
 };
-class Ae extends D {
+class Ve extends D {
   constructor(t, e, i) {
     super(t), this.config = void 0, this.createClickBoundingBox = void 0, this.pixelDistance = void 0, this.config = t, this.createClickBoundingBox = e, this.pixelDistance = i;
   }
@@ -1510,10 +1548,10 @@ class Ae extends D {
         const u = this.pixelDistance.measure(t, c.coordinates);
         h.properties[H] && u < this.pointerDistance && u < r ? (r = u, o = h) : !h.properties[H] && u < this.pointerDistance && u < n && (n = u, i = h);
       } else if (c.type === "LineString") for (let u = 0; u < c.coordinates.length - 1; u++) {
-        const g = c.coordinates[u], p = c.coordinates[u + 1], y = ae({ x: t.containerX, y: t.containerY }, this.project(g[0], g[1]), this.project(p[0], p[1]));
+        const g = c.coordinates[u], p = c.coordinates[u + 1], y = le({ x: t.containerX, y: t.containerY }, this.project(g[0], g[1]), this.project(p[0], p[1]));
         y < this.pointerDistance && y < n && (n = y, i = h);
       }
-      else c.type === "Polygon" && re([t.lng, t.lat], c.coordinates) && (n = 0, i = h);
+      else c.type === "Polygon" && ae([t.lng, t.lat], c.coordinates) && (n = 0, i = h);
     }
     return { clickedFeature: i, clickedMidPoint: o };
   }
@@ -1553,7 +1591,7 @@ class Re extends D {
     } else i.type === "Point" && (this.store.updateGeometry([{ id: this.draggedFeatureId, geometry: { type: "Point", coordinates: o } }]), this.dragPosition = [t.lng, t.lat]);
   }
 }
-class Ve extends D {
+class Ue extends D {
   constructor(t, e, i, o) {
     super(t), this.config = void 0, this.pixelDistance = void 0, this.selectionPoints = void 0, this.midPoints = void 0, this.draggedCoordinate = { id: null, index: -1 }, this.config = t, this.pixelDistance = e, this.selectionPoints = i, this.midPoints = o;
   }
@@ -1588,7 +1626,7 @@ class Ve extends D {
       r[0] = a, r[c] = a;
     }
     const l = this.selectionPoints.getOneUpdated(o, a), d = l ? [l] : [], h = this.midPoints.getUpdated(r) || [];
-    return !(n.type !== "Point" && !e && Mt({ type: "Feature", geometry: n, properties: {} }) || i && !i({ type: "Feature", id: this.draggedCoordinate.id, geometry: n, properties: {} }, { project: this.config.project, unproject: this.config.unproject, coordinatePrecision: this.config.coordinatePrecision, updateType: C.Provisional }) || (this.store.updateGeometry([{ id: this.draggedCoordinate.id, geometry: n }, ...d, ...h]), 0));
+    return !(n.type !== "Point" && !e && _t({ type: "Feature", geometry: n, properties: {} }) || i && !i({ type: "Feature", id: this.draggedCoordinate.id, geometry: n, properties: {} }, { project: this.config.project, unproject: this.config.unproject, coordinatePrecision: this.config.coordinatePrecision, updateType: C.Provisional }) || (this.store.updateGeometry([{ id: this.draggedCoordinate.id, geometry: n }, ...d, ...h]), 0));
   }
   isDragging() {
     return this.draggedCoordinate.id !== null;
@@ -1600,21 +1638,21 @@ class Ve extends D {
     this.draggedCoordinate = { id: null, index: -1 };
   }
 }
-function dt(s) {
+function ct(s) {
   let t = 0, e = 0, i = 0;
   return (s.geometry.type === "Polygon" ? s.geometry.coordinates[0].slice(0, -1) : s.geometry.coordinates).forEach((o) => {
     t += o[0], e += o[1], i++;
   }, !0), [t / i, e / i];
 }
-function le(s, t) {
+function he(s, t) {
   s[0] += s[0] - t[0] > 180 ? -360 : t[0] - s[0] > 180 ? 360 : 0;
-  const e = Pt, i = t[1] * Math.PI / 180, o = s[1] * Math.PI / 180, n = o - i;
+  const e = Mt, i = t[1] * Math.PI / 180, o = s[1] * Math.PI / 180, n = o - i;
   let r = Math.abs(s[0] - t[0]) * Math.PI / 180;
   r > Math.PI && (r -= 2 * Math.PI);
   const a = Math.log(Math.tan(o / 2 + Math.PI / 4) / Math.tan(i / 2 + Math.PI / 4)), l = Math.abs(a) > 1e-11 ? n / a : Math.cos(i);
   return Math.sqrt(n * n + l * l * r * r) * e;
 }
-function ct(s) {
+function ut(s) {
   const t = (s.geometry.type === "Polygon" ? s.geometry.coordinates[0] : s.geometry.coordinates).map((e) => {
     const { x: i, y: o } = P(e[0], e[1]);
     return [i, o];
@@ -1651,22 +1689,22 @@ class Te extends D {
     let r;
     const a = { type: "Feature", geometry: o, properties: {} };
     if (this.config.projection === "web-mercator") {
-      if (r = lt(ct(a), P(t.lng, t.lat)), !this.lastBearing) return void (this.lastBearing = r);
+      if (r = ht(ut(a), P(t.lng, t.lat)), !this.lastBearing) return void (this.lastBearing = r);
       ((c, u) => {
         if (u === 0 || u === 360 || u === -360) return c;
         const g = 0.017453292519943295 * u, p = (c.geometry.type === "Polygon" ? c.geometry.coordinates[0] : c.geometry.coordinates).map(([m, x]) => P(m, x)), y = p.reduce((m, x) => ({ x: m.x + x.x, y: m.y + x.y }), { x: 0, y: 0 });
         y.x /= p.length, y.y /= p.length;
-        const v = p.map((m) => ({ x: y.x + (m.x - y.x) * Math.cos(g) - (m.y - y.y) * Math.sin(g), y: y.y + (m.x - y.x) * Math.sin(g) + (m.y - y.y) * Math.cos(g) })).map(({ x: m, y: x }) => [O(m, x).lng, O(m, x).lat]);
+        const v = p.map((m) => ({ x: y.x + (m.x - y.x) * Math.cos(g) - (m.y - y.y) * Math.sin(g), y: y.y + (m.x - y.x) * Math.sin(g) + (m.y - y.y) * Math.cos(g) })).map(({ x: m, y: x }) => [j(m, x).lng, j(m, x).lat]);
         c.geometry.type === "Polygon" ? c.geometry.coordinates[0] = v : (console.log("rotatedCoordinates linestring", v), c.geometry.coordinates = v);
       })(a, -(this.lastBearing - r));
     } else {
       if (this.config.projection !== "globe") throw new Error("Unsupported projection");
-      if (r = ht(dt({ type: "Feature", geometry: o, properties: {} }), n), !this.lastBearing) return void (this.lastBearing = r + 180);
+      if (r = dt(ct({ type: "Feature", geometry: o, properties: {} }), n), !this.lastBearing) return void (this.lastBearing = r + 180);
       (function(c, u) {
         if (u === 0 || u === 360 || u === -360) return c;
-        const g = dt(c);
+        const g = ct(c);
         (c.geometry.type === "Polygon" ? c.geometry.coordinates[0] : c.geometry.coordinates).forEach((p) => {
-          const y = ht(g, p) + u, v = le(g, p), m = Et(g, v, y);
+          const y = dt(g, p) + u, v = he(g, p), m = Et(g, v, y);
           p[0] = m[0], p[1] = m[1];
         });
       })(a, -(this.lastBearing - (r + 180)));
@@ -1680,7 +1718,7 @@ class Te extends D {
     this.store.updateGeometry([{ id: e, geometry: o }, ...h, ...d]), this.projection === "web-mercator" ? this.lastBearing = r : this.projection === "globe" && (this.lastBearing = r + 180);
   }
 }
-class Ue extends D {
+class Xe extends D {
   constructor(t, e, i) {
     super(t), this.config = void 0, this.selectionPoints = void 0, this.midPoints = void 0, this.lastDistance = void 0, this.config = t, this.selectionPoints = e, this.midPoints = i;
   }
@@ -1692,29 +1730,29 @@ class Ue extends D {
     if (o.type !== "Polygon" && o.type !== "LineString") return;
     const n = [t.lng, t.lat], r = { type: "Feature", geometry: o, properties: {} };
     let a;
-    const l = ct(r);
+    const l = ut(r);
     if (this.config.projection === "web-mercator") {
       const g = P(t.lng, t.lat);
       a = I(l, g);
     } else {
       if (this.config.projection !== "globe") throw new Error("Invalid projection");
-      a = B(dt({ type: "Feature", geometry: o, properties: {} }), n);
+      a = W(ct({ type: "Feature", geometry: o, properties: {} }), n);
     }
     if (!this.lastDistance) return void (this.lastDistance = a);
     const d = 1 - (this.lastDistance - a) / a;
     if (this.config.projection === "web-mercator") {
-      const { lng: g, lat: p } = O(l.x, l.y);
+      const { lng: g, lat: p } = j(l.x, l.y);
       (function(y, v, m) {
         if (v === 1) return y;
-        const x = (y.geometry.type === "Polygon" ? y.geometry.coordinates[0] : y.geometry.coordinates).map(([_, w]) => P(_, w)), M = P(m[0], m[1]), E = x.map((_) => ({ x: M.x + (_.x - M.x) * v, y: M.y + (_.y - M.y) * v })).map(({ x: _, y: w }) => [O(_, w).lng, O(_, w).lat]);
+        const x = (y.geometry.type === "Polygon" ? y.geometry.coordinates[0] : y.geometry.coordinates).map(([_, S]) => P(_, S)), M = P(m[0], m[1]), E = x.map((_) => ({ x: M.x + (_.x - M.x) * v, y: M.y + (_.y - M.y) * v })).map(({ x: _, y: S }) => [j(_, S).lng, j(_, S).lat]);
         y.geometry.type === "Polygon" ? y.geometry.coordinates[0] = E : y.geometry.coordinates = E;
       })(r, d, [g, p]);
     } else this.config.projection === "globe" && function(g, p, y, v = "xy") {
       p === 1 || (g.geometry.type === "Polygon" ? g.geometry.coordinates[0] : g.geometry.coordinates).forEach((m) => {
-        const x = le(y, m), M = ht(y, m), E = Et(y, x * p, M);
+        const x = he(y, m), M = dt(y, m), E = Et(y, x * p, M);
         v !== "x" && v !== "xy" || (m[0] = E[0]), v !== "y" && v !== "xy" || (m[1] = E[1]);
       });
-    }(r, d, dt(r));
+    }(r, d, ct(r));
     const h = o.type === "Polygon" ? o.coordinates[0] : o.coordinates;
     h.forEach((g) => {
       g[0] = b(g[0], this.coordinatePrecision), g[1] = b(g[1], this.coordinatePrecision);
@@ -1724,7 +1762,7 @@ class Ue extends D {
     this.store.updateGeometry([{ id: e, geometry: o }, ...u, ...c]), this.lastDistance = a;
   }
 }
-class Xe extends D {
+class Ke extends D {
   constructor(t, e, i, o) {
     super(t), this.config = void 0, this.pixelDistance = void 0, this.selectionPoints = void 0, this.midPoints = void 0, this.minimumScale = 1e-4, this.draggedCoordinate = { id: null, index: -1 }, this.boundingBoxMaps = { opposite: { 0: 4, 1: 5, 2: 6, 3: 7, 4: 0, 5: 1, 6: 2, 7: 3 } }, this.config = t, this.pixelDistance = e, this.selectionPoints = i, this.midPoints = o;
   }
@@ -1783,7 +1821,7 @@ class Xe extends D {
   centerWebMercatorDrag(t) {
     const e = this.getSelectedFeatureDataWebMercator();
     if (!e) return null;
-    const { feature: i, boundingBox: o, updatedCoords: n, selectedCoordinate: r } = e, a = ct(i);
+    const { feature: i, boundingBox: o, updatedCoords: n, selectedCoordinate: r } = e, a = ut(i);
     if (!a) return null;
     const l = P(r[0], r[1]), { closestBBoxIndex: d } = this.getIndexesWebMercator(o, l), h = P(t.lng, t.lat);
     return this.scaleWebMercator({ closestBBoxIndex: d, updatedCoords: n, webMercatorCursor: h, webMercatorSelected: l, webMercatorOrigin: a }), n;
@@ -1791,7 +1829,7 @@ class Xe extends D {
   centerFixedWebMercatorDrag(t) {
     const e = this.getSelectedFeatureDataWebMercator();
     if (!e) return null;
-    const { feature: i, boundingBox: o, updatedCoords: n, selectedCoordinate: r } = e, a = ct(i);
+    const { feature: i, boundingBox: o, updatedCoords: n, selectedCoordinate: r } = e, a = ut(i);
     if (!a) return null;
     const l = P(r[0], r[1]), { closestBBoxIndex: d } = this.getIndexesWebMercator(o, l), h = P(t.lng, t.lat);
     return this.scaleFixedWebMercator({ closestBBoxIndex: d, updatedCoords: n, webMercatorCursor: h, webMercatorSelected: l, webMercatorOrigin: a }), n;
@@ -1835,7 +1873,7 @@ class Xe extends D {
   }
   performWebMercatorScale(t, e, i, o, n) {
     t.forEach((r) => {
-      const { x: a, y: l } = P(r[0], r[1]), d = e + (a - e) * o, h = i + (l - i) * n, { lng: c, lat: u } = O(d, h);
+      const { x: a, y: l } = P(r[0], r[1]), d = e + (a - e) * o, h = i + (l - i) * n, { lng: c, lat: u } = j(d, h);
       r[0] = c, r[1] = u;
     });
   }
@@ -1880,13 +1918,13 @@ class Xe extends D {
     if (e === "center" ? n = this.centerWebMercatorDrag(t) : e === "opposite" ? n = this.oppositeWebMercatorDrag(t) : e === "center-fixed" ? n = this.centerFixedWebMercatorDrag(t) : e === "opposite-fixed" && (n = this.oppositeFixedWebMercatorDrag(t)), !n) return !1;
     for (let d = 0; d < n.length; d++) {
       const h = n[d];
-      if (h[0] = b(h[0], this.coordinatePrecision), h[1] = b(h[1], this.coordinatePrecision), !_t(h, this.coordinatePrecision)) return !1;
+      if (h[0] = b(h[0], this.coordinatePrecision), h[1] = b(h[1], this.coordinatePrecision), !gt(h, this.coordinatePrecision)) return !1;
     }
     const r = this.midPoints.getUpdated(n) || [], a = this.selectionPoints.getUpdated(n) || [], l = { type: o.geometry.type, coordinates: o.geometry.type === "Polygon" ? [n] : n };
     return !(i && !i({ id: this.draggedCoordinate.id, type: "Feature", geometry: l, properties: {} }, { project: this.config.project, unproject: this.config.unproject, coordinatePrecision: this.config.coordinatePrecision, updateType: C.Provisional }) || (this.store.updateGeometry([{ id: this.draggedCoordinate.id, geometry: l }, ...a, ...r]), 0));
   }
 }
-class Ke extends be {
+class Ye extends Ee {
   constructor(t) {
     var e;
     super(t), this.mode = "select", this.allowManualDeselection = !0, this.dragEventThrottle = 5, this.dragEventCount = 0, this.selected = [], this.flags = void 0, this.keyEvents = void 0, this.selectionPoints = void 0, this.midPoints = void 0, this.featuresAtMouseEvent = void 0, this.pixelDistance = void 0, this.clickBoundingBox = void 0, this.dragFeature = void 0, this.dragCoordinate = void 0, this.rotateFeature = void 0, this.scaleFeature = void 0, this.dragCoordinateResizeFeature = void 0, this.cursors = void 0, this.validations = {}, this.flags = t && t.flags ? t.flags : {};
@@ -1909,13 +1947,13 @@ class Ke extends be {
     this._state = "selecting";
   }
   registerBehaviors(t) {
-    this.pixelDistance = new gt(t), this.clickBoundingBox = new bt(t), this.featuresAtMouseEvent = new Ae(t, this.clickBoundingBox, this.pixelDistance), this.selectionPoints = new Ne(t), this.midPoints = new Ge(t, this.selectionPoints), this.rotateFeature = new Te(t, this.selectionPoints, this.midPoints), this.scaleFeature = new Ue(t, this.selectionPoints, this.midPoints), this.dragFeature = new Re(t, this.featuresAtMouseEvent, this.selectionPoints, this.midPoints), this.dragCoordinate = new Ve(t, this.pixelDistance, this.selectionPoints, this.midPoints), this.dragCoordinateResizeFeature = new Xe(t, this.pixelDistance, this.selectionPoints, this.midPoints);
+    this.pixelDistance = new pt(t), this.clickBoundingBox = new bt(t), this.featuresAtMouseEvent = new Ve(t, this.clickBoundingBox, this.pixelDistance), this.selectionPoints = new Ae(t), this.midPoints = new Ge(t, this.selectionPoints), this.rotateFeature = new Te(t, this.selectionPoints, this.midPoints), this.scaleFeature = new Xe(t, this.selectionPoints, this.midPoints), this.dragFeature = new Re(t, this.featuresAtMouseEvent, this.selectionPoints, this.midPoints), this.dragCoordinate = new Ue(t, this.pixelDistance, this.selectionPoints, this.midPoints), this.dragCoordinateResizeFeature = new Ke(t, this.pixelDistance, this.selectionPoints, this.midPoints);
   }
   deselectFeature() {
     this.deselect();
   }
   deselect() {
-    const t = this.selected.filter((e) => this.store.has(e)).map((e) => ({ id: e, property: xt, value: !1 }));
+    const t = this.selected.filter((e) => this.store.has(e)).map((e) => ({ id: e, property: Pt, value: !1 }));
     this.store.updateProperty(t), this.onDeselect(this.selected[0]), this.selected = [], this.selectionPoints.delete(), this.midPoints.delete();
   }
   deleteSelected() {
@@ -2039,7 +2077,7 @@ class Ke extends be {
     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[xt]) {
+    } else if (t.properties[Pt]) {
       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;
@@ -2047,9 +2085,9 @@ class Ke extends be {
     return e;
   }
 }
-class Ye extends j {
+class ze extends O {
   constructor(...t) {
-    super(...t), this.type = U.Static, this.mode = "static";
+    super(...t), this.type = G.Static, this.mode = "static";
   }
   start() {
   }
@@ -2075,11 +2113,11 @@ class Ye extends j {
     return f({}, { polygonFillColor: "#3f97e0", polygonOutlineColor: "#3f97e0", polygonOutlineWidth: 4, polygonFillOpacity: 0.3, pointColor: "#3f97e0", pointOutlineColor: "#ffffff", pointOutlineWidth: 0, pointWidth: 6, lineStringColor: "#3f97e0", lineStringWidth: 4, zIndex: 0 });
   }
 }
-function he(s, t, e, i, o) {
+function de(s, t, e, i, o) {
   for (; i > e; ) {
     if (i - e > 600) {
       const l = i - e + 1, d = t - e + 1, h = Math.log(l), c = 0.5 * Math.exp(2 * h / 3), u = 0.5 * Math.sqrt(h * c * (l - c) / l) * (d - l / 2 < 0 ? -1 : 1);
-      he(s, t, Math.max(e, Math.floor(t - d * c / l + u)), Math.min(i, Math.floor(t + (l - d) * c / l + u)), o);
+      de(s, t, Math.max(e, Math.floor(t - d * c / l + u)), Math.min(i, Math.floor(t + (l - d) * c / l + u)), o);
     }
     const n = s[t];
     let r = e, a = i;
@@ -2098,7 +2136,7 @@ function R(s, t) {
   Y(s, 0, s.children.length, t, s);
 }
 function Y(s, t, e, i, o) {
-  o || (o = V([])), o.minX = 1 / 0, o.minY = 1 / 0, o.maxX = -1 / 0, o.maxY = -1 / 0;
+  o || (o = U([])), o.minX = 1 / 0, o.minY = 1 / 0, o.maxX = -1 / 0, o.maxY = -1 / 0;
   for (let n = t; n < e; n++) {
     const r = s.children[n];
     z(o, s.leaf ? i(r) : r);
@@ -2108,29 +2146,29 @@ function Y(s, t, e, i, o) {
 function z(s, t) {
   return s.minX = Math.min(s.minX, t.minX), s.minY = Math.min(s.minY, t.minY), s.maxX = Math.max(s.maxX, t.maxX), s.maxY = Math.max(s.maxY, t.maxY), s;
 }
-function ze(s, t) {
+function He(s, t) {
   return s.minX - t.minX;
 }
-function He(s, t) {
+function $e(s, t) {
   return s.minY - t.minY;
 }
-function ft(s) {
+function vt(s) {
   return (s.maxX - s.minX) * (s.maxY - s.minY);
 }
-function st(s) {
+function nt(s) {
   return s.maxX - s.minX + (s.maxY - s.minY);
 }
-function $e(s, t) {
+function Je(s, t) {
   const e = Math.max(s.minX, t.minX), i = Math.max(s.minY, t.minY), o = Math.min(s.maxX, t.maxX), n = Math.min(s.maxY, t.maxY);
   return Math.max(0, o - e) * Math.max(0, n - i);
 }
-function vt(s, t) {
+function Ct(s, t) {
   return s.minX <= t.minX && s.minY <= t.minY && t.maxX <= s.maxX && t.maxY <= s.maxY;
 }
-function nt(s, t) {
+function rt(s, t) {
   return t.minX <= s.maxX && t.minY <= s.maxY && t.maxX >= s.minX && t.maxY >= s.minY;
 }
-function V(s) {
+function U(s) {
   return { children: s, height: 1, leaf: !0, minX: 1 / 0, minY: 1 / 0, maxX: -1 / 0, maxY: -1 / 0 };
 }
 function Ht(s, t, e, i, o) {
@@ -2138,22 +2176,22 @@ function Ht(s, t, e, i, o) {
   for (; n.length; ) {
     if ((e = n.pop()) - (t = n.pop()) <= i) continue;
     const r = t + Math.ceil((e - t) / i / 2) * i;
-    he(s, r, t, e, o), n.push(t, r, r, e);
+    de(s, r, t, e, o), n.push(t, r, r, e);
   }
 }
-class Je {
+class qe {
   constructor(t) {
     this._maxEntries = void 0, this._minEntries = void 0, this.data = void 0, this._maxEntries = Math.max(4, t), this._minEntries = Math.max(2, Math.ceil(0.4 * this._maxEntries)), this.clear();
   }
   search(t) {
     let e = this.data;
     const i = [];
-    if (!nt(t, e)) return i;
+    if (!rt(t, e)) return i;
     const o = this.toBBox, n = [];
     for (; e; ) {
       for (let r = 0; r < e.children.length; r++) {
         const a = e.children[r], l = e.leaf ? o(a) : a;
-        nt(t, l) && (e.leaf ? i.push(a) : vt(t, l) ? this._all(a, i) : n.push(a));
+        rt(t, l) && (e.leaf ? i.push(a) : Ct(t, l) ? this._all(a, i) : n.push(a));
       }
       e = n.pop();
     }
@@ -2161,13 +2199,13 @@ class Je {
   }
   collides(t) {
     let e = this.data;
-    if (nt(t, e)) {
+    if (rt(t, e)) {
       const i = [];
       for (; e; ) {
         for (let o = 0; o < e.children.length; o++) {
           const n = e.children[o], r = e.leaf ? this.toBBox(n) : n;
-          if (nt(t, r)) {
-            if (e.leaf || vt(t, r)) return !0;
+          if (rt(t, r)) {
+            if (e.leaf || Ct(t, r)) return !0;
             i.push(n);
           }
         }
@@ -2196,7 +2234,7 @@ class Je {
     this._insert(t, this.data.height - 1);
   }
   clear() {
-    this.data = V([]);
+    this.data = U([]);
   }
   remove(t) {
     let e = this.data;
@@ -2207,7 +2245,7 @@ class Je {
         const d = e.children.indexOf(t);
         d !== -1 && (e.children.splice(d, 1), o.push(e), this._condense(o));
       }
-      l || e.leaf || !vt(e, i) ? a ? (r++, e = a.children[r], l = !1) : e = null : (o.push(e), n.push(r), r = 0, a = e, e = e.children[0]);
+      l || e.leaf || !Ct(e, i) ? a ? (r++, e = a.children[r], l = !1) : e = null : (o.push(e), n.push(r), r = 0, a = e, e = e.children[0]);
     }
   }
   toBBox(t) {
@@ -2227,8 +2265,8 @@ class Je {
   _build(t, e, i, o) {
     const n = i - e + 1;
     let r, a = this._maxEntries;
-    if (n <= a) return r = V(t.slice(e, i + 1)), R(r, this.toBBox), r;
-    o || (o = Math.ceil(Math.log(n) / Math.log(a)), a = Math.ceil(n / Math.pow(a, o - 1))), r = V([]), r.leaf = !1, r.height = o;
+    if (n <= a) return r = U(t.slice(e, i + 1)), R(r, this.toBBox), r;
+    o || (o = Math.ceil(Math.log(n) / Math.log(a)), a = Math.ceil(n / Math.pow(a, o - 1))), r = U([]), r.leaf = !1, r.height = o;
     const l = Math.ceil(n / a), d = l * Math.ceil(Math.sqrt(a));
     Ht(t, e, i, d, this.compareMinX);
     for (let h = e; h <= i; h += d) {
@@ -2245,7 +2283,7 @@ class Je {
     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), g = (n = t, r = c, (Math.max(r.maxX, n.maxX) - Math.min(r.minX, n.minX)) * (Math.max(r.maxY, n.maxY) - Math.min(r.minY, n.minY)) - u);
+        const c = e.children[h], u = vt(c), g = (n = t, r = c, (Math.max(r.maxX, n.maxX) - Math.min(r.minX, n.minX)) * (Math.max(r.maxY, n.maxY) - Math.min(r.minY, n.minY)) - u);
         g < d ? (d = g, l = u < l ? u : l, a = c) : g === d && u < l && (l = u, a = c);
       }
       e = a || e.children[0];
@@ -2261,35 +2299,35 @@ class Je {
   _split(t, e) {
     const i = t[e], o = i.children.length, n = this._minEntries;
     this._chooseSplitAxis(i, n, o);
-    const r = this._chooseSplitIndex(i, n, o), a = V(i.children.splice(r, i.children.length - r));
+    const r = this._chooseSplitIndex(i, n, o), a = U(i.children.splice(r, i.children.length - r));
     a.height = i.height, a.leaf = i.leaf, R(i, this.toBBox), R(a, this.toBBox), e ? t[e - 1].children.push(a) : this._splitRoot(i, a);
   }
   _splitRoot(t, e) {
-    this.data = V([t, e]), this.data.height = t.height + 1, this.data.leaf = !1, R(this.data, this.toBBox);
+    this.data = U([t, e]), this.data.height = t.height + 1, this.data.leaf = !1, R(this.data, this.toBBox);
   }
   _chooseSplitIndex(t, e, i) {
     let o, n = 1 / 0, r = 1 / 0;
     for (let a = e; a <= i - e; a++) {
-      const l = Y(t, 0, a, this.toBBox), d = Y(t, a, i, this.toBBox), h = $e(l, d), c = ft(l) + ft(d);
+      const l = Y(t, 0, a, this.toBBox), d = Y(t, a, i, this.toBBox), h = Je(l, d), c = vt(l) + vt(d);
       h < n ? (n = h, o = a, r = c < r ? c : r) : h === n && c < r && (r = c, o = a);
     }
     return o || i - e;
   }
   _chooseSplitAxis(t, e, i) {
-    const o = t.leaf ? this.compareMinX : ze, n = t.leaf ? this.compareMinY : He;
+    const o = t.leaf ? this.compareMinX : He, n = t.leaf ? this.compareMinY : $e;
     this._allDistMargin(t, e, i, o) < this._allDistMargin(t, e, i, n) && t.children.sort(o);
   }
   _allDistMargin(t, e, i, o) {
     t.children.sort(o);
     const n = this.toBBox, r = Y(t, 0, e, n), a = Y(t, i - e, i, n);
-    let l = st(r) + st(a);
+    let l = nt(r) + nt(a);
     for (let d = e; d < i - e; d++) {
       const h = t.children[d];
-      z(r, t.leaf ? n(h) : h), l += st(r);
+      z(r, t.leaf ? n(h) : h), l += nt(r);
     }
     for (let d = i - e - 1; d >= e; d--) {
       const h = t.children[d];
-      z(a, t.leaf ? n(h) : h), l += st(a);
+      z(a, t.leaf ? n(h) : h), l += nt(a);
     }
     return l;
   }
@@ -2300,9 +2338,9 @@ class Je {
     for (let e, i = t.length - 1; i >= 0; i--) t[i].children.length === 0 ? i > 0 ? (e = t[i - 1].children, e.splice(e.indexOf(t[i]), 1)) : this.clear() : R(t[i], this.toBBox);
   }
 }
-class qe {
+class Ze {
   constructor(t) {
-    this.tree = void 0, this.idToNode = void 0, this.nodeToId = void 0, this.tree = new Je(t && t.maxEntries ? t.maxEntries : 9), this.idToNode = /* @__PURE__ */ new Map(), this.nodeToId = /* @__PURE__ */ new Map();
+    this.tree = void 0, this.idToNode = void 0, this.nodeToId = void 0, this.tree = new qe(t && t.maxEntries ? t.maxEntries : 9), this.idToNode = /* @__PURE__ */ new Map(), this.nodeToId = /* @__PURE__ */ new Map();
   }
   setMaps(t, e) {
     this.idToNode.set(t.id, e), this.nodeToId.set(e, t.id);
@@ -2353,14 +2391,14 @@ class qe {
     return this.tree.collides(this.toBBox(t));
   }
 }
-const Ze = { getId: () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(s) {
+const Qe = { getId: () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(s) {
   const t = 16 * Math.random() | 0;
   return (s == "x" ? t : 3 & t | 8).toString(16);
 }), isValidId: (s) => typeof s == "string" && s.length === 36 };
-class Qe {
+class ti {
   constructor(t) {
     this.idStrategy = void 0, this.tracked = void 0, this.spatialIndex = void 0, this.store = void 0, this._onChange = () => {
-    }, this.store = {}, this.spatialIndex = new qe(), this.tracked = !t || t.tracked !== !1, this.idStrategy = t && t.idStrategy ? t.idStrategy : Ze;
+    }, this.store = {}, this.spatialIndex = new Ze(), this.tracked = !t || t.tracked !== !1, this.idStrategy = t && t.idStrategy ? t.idStrategy : Qe;
   }
   clone(t) {
     return JSON.parse(JSON.stringify(t));
@@ -2375,7 +2413,7 @@ class Qe {
     if (t.length === 0) return;
     const i = this.clone(t);
     i.forEach((n) => {
-      n.id == null && (n.id = this.idStrategy.getId()), this.tracked && (n.properties.createdAt ? Nt(n.properties.createdAt) : n.properties.createdAt = +/* @__PURE__ */ new Date(), n.properties.updatedAt ? Nt(n.properties.updatedAt) : n.properties.updatedAt = +/* @__PURE__ */ new Date());
+      n.id == null && (n.id = this.idStrategy.getId()), this.tracked && (n.properties.createdAt ? Gt(n.properties.createdAt) : n.properties.createdAt = +/* @__PURE__ */ new Date(), n.properties.updatedAt ? Gt(n.properties.updatedAt) : n.properties.updatedAt = +/* @__PURE__ */ new Date());
     });
     const o = [];
     i.forEach((n) => {
@@ -2446,13 +2484,13 @@ class Qe {
     return Object.keys(this.store).length;
   }
 }
-const ti = (s) => (s.geometry.type === "Polygon" || s.geometry.type === "LineString") && !Mt(s);
+const ei = (s) => (s.geometry.type === "Polygon" || s.geometry.type === "LineString") && !_t(s);
 function $t(s, t, e) {
-  const i = lt(s, t);
-  let o = lt(t, e) - i;
+  const i = ht(s, t);
+  let o = ht(t, e) - i;
   return o < 0 && (o += 360), 180 - Math.abs(o - 90 - 90);
 }
-class ei extends j {
+class ii extends O {
   constructor(t) {
     super(t), this.mode = "angled-rectangle", this.currentCoordinate = 0, this.currentId = void 0, this.keyEvents = void 0, this.pixelDistance = void 0, this.cursors = void 0, this.mouseMove = !1;
     const e = { start: "crosshair", close: "pointer" };
@@ -2468,7 +2506,7 @@ class ei extends j {
     this.currentCoordinate = 0, this.currentId = void 0, this.state === "drawing" && this.setStarted(), this.onFinish(t, { mode: this.mode, action: "draw" });
   }
   registerBehaviors(t) {
-    this.pixelDistance = new gt(t);
+    this.pixelDistance = new pt(t);
   }
   start() {
     this.setStarted(), this.setCursor(this.cursors.start);
@@ -2484,10 +2522,10 @@ class ei extends j {
       const o = 1 / Math.pow(10, this.coordinatePrecision - 1), n = Math.max(1e-6, o);
       i = [e[0], [t.lng, t.lat], [t.lng, t.lat - n], e[0]];
     } else if (this.currentCoordinate === 2) {
-      const o = e[0], n = e[1], r = ne(o, n, this.coordinatePrecision, this.project, this.unproject), a = P(o[0], o[1]), l = P(r[0], r[1]), d = P(n[0], n[1]), h = P(t.lng, t.lat), c = I(h, a) < I(h, d), u = $t(a, l, h), g = c ? 90 - u : $t(a, l, h) - 90, p = I(l, h), y = Math.cos(S(g)) * p, v = lt(a, d) + (function(_, w, F) {
-        const W = (F.x - w.x) * (_.y - w.y) - (F.y - w.y) * (_.x - w.x);
-        return W > 1e-10 ? "left" : W < -1e-10 ? "right" : "left";
-      }(a, d, h) === "right" ? -90 : 90), m = Xt(a, y, v), x = Xt(d, y, v), M = O(m.x, m.y), E = O(x.x, x.y);
+      const o = e[0], n = e[1], r = re(o, n, this.coordinatePrecision, this.project, this.unproject), a = P(o[0], o[1]), l = P(r[0], r[1]), d = P(n[0], n[1]), h = P(t.lng, t.lat), c = I(h, a) < I(h, d), u = $t(a, l, h), g = c ? 90 - u : $t(a, l, h) - 90, p = I(l, h), y = Math.cos(w(g)) * p, v = ht(a, d) + (function(_, S, F) {
+        const B = (F.x - S.x) * (_.y - S.y) - (F.y - S.y) * (_.x - S.x);
+        return B > 1e-10 ? "left" : B < -1e-10 ? "right" : "left";
+      }(a, d, h) === "right" ? -90 : 90), m = Xt(a, y, v), x = Xt(d, y, v), M = j(m.x, m.y), E = j(x.x, x.y);
       i = [e[0], e[1], [E.lng, E.lat], [M.lng, M.lat], e[0]];
     }
     i && this.updatePolygonGeometry(this.currentId, i, C.Provisional);
@@ -2529,23 +2567,23 @@ class ei extends j {
     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 !!super.validateFeature(t) && t.properties.mode === this.mode && ut(t, this.coordinatePrecision);
+    return !!super.validateFeature(t) && t.properties.mode === this.mode && q(t, this.coordinatePrecision);
   }
 }
-class ii {
+class oi {
   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 Ye();
+    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 ze();
     const e = /* @__PURE__ */ new Set(), i = t.modes.reduce((h, c) => {
       if (e.has(c.mode)) throw new Error(`There is already a ${c.mode} mode provided`);
       return e.add(c.mode), h[c.mode] = c, h;
     }, {}), o = Object.keys(i);
     if (o.length === 0) throw new Error("No modes provided");
     o.forEach((h) => {
-      if (i[h].type === U.Select) {
+      if (i[h].type === G.Select) {
         if (this._instanceSelectMode) throw new Error("only one type of select mode can be provided");
         this._instanceSelectMode = h;
       }
-    }), this._modes = f({}, i, { static: this._mode }), this._eventListeners = { change: [], select: [], deselect: [], finish: [], ready: [] }, this._store = new Qe({ tracked: !!t.tracked, idStrategy: t.idStrategy ? t.idStrategy : void 0 });
+    }), this._modes = f({}, i, { static: this._mode }), this._eventListeners = { change: [], select: [], deselect: [], finish: [], ready: [] }, this._store = new ti({ tracked: !!t.tracked, idStrategy: t.idStrategy ? t.idStrategy : void 0 });
     const n = (h) => {
       const c = [], u = this._store.copyAll().filter((g) => !h.includes(g.id) || (c.push(g), !1));
       return { changed: c, unchanged: u };
@@ -2585,7 +2623,7 @@ class ii {
   getModeStyles() {
     const t = {};
     return Object.keys(this._modes).forEach((e) => {
-      t[e] = (i) => this._instanceSelectMode && i.properties[xt] ? 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[Pt] ? 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) {
@@ -2600,11 +2638,11 @@ class ii {
         const c = h.geometry.coordinates;
         for (let u = 0; u < c.length - 1; u++) {
           const g = c[u], p = c[u + 1];
-          if (ae(l, a(g[0], g[1]), a(p[0], p[1])) < o) return !0;
+          if (le(l, a(g[0], g[1]), a(p[0], p[1])) < o) return !0;
         }
         return !1;
       }
-      return !!re([t, e], h.geometry.coordinates) || void 0;
+      return !!ae([t, e], h.geometry.coordinates) || void 0;
     });
   }
   getSelectMode() {
@@ -2701,7 +2739,7 @@ class ii {
     i.includes(e) && i.splice(i.indexOf(e), 1);
   }
 }
-const oi = {
+const si = {
   point: !0,
   line: !0,
   polygon: !0,
@@ -2710,19 +2748,24 @@ const oi = {
   freehand: !0,
   angledRectangle: !0,
   select: !0
-}, si = (s) => {
+}, ni = (s) => {
   const t = [];
-  return s.point === !0 && t.push(new Oe()), s.line === !0 && t.push(new Fe()), s.polygon === !0 && t.push(
+  return t.push(
+    new Be({
+      modeName: "render",
+      styles: {}
+    })
+  ), s.point === !0 && t.push(new Oe()), s.line === !0 && t.push(new ke()), s.polygon === !0 && t.push(
     new Le({
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       validation: (e, i) => {
         const o = i.updateType;
-        return o === "finish" || o === "commit" ? ti(e) : !0;
+        return o === "finish" || o === "commit" ? ei(e) : !0;
       }
     })
-  ), s.rectangle === !0 && t.push(new Be()), s.angledRectangle === !0 && t.push(new ei()), s.circle === !0 && t.push(new we()), s.freehand === !0 && t.push(new Se()), s.select === !0 && t.push(
-    new Ke({
+  ), s.rectangle === !0 && t.push(new We()), s.angledRectangle === !0 && t.push(new ii()), s.circle === !0 && t.push(new we()), s.freehand === !0 && t.push(new Ie()), s.select === !0 && t.push(
+    new Ye({
       flags: {
         point: {
           feature: {
@@ -2799,7 +2842,7 @@ const oi = {
     })
   ), t;
 };
-class ri {
+class ai {
   constructor(t) {
     k(this, "controlContainer");
     k(this, "map");
@@ -2809,19 +2852,19 @@ class ri {
     k(this, "isExpanded", !1);
     k(this, "activeMode");
     k(this, "terradraw");
-    k(this, "options", oi);
-    this.modeButtons = {}, this.activeMode = "", t && (this.options = Object.assign(this.options, t));
+    k(this, "options", si);
+    this.modeButtons = {}, this.activeMode = "render", t && (this.options = Object.assign(this.options, t));
   }
   getDefaultPosition() {
     return "top-right";
   }
   onAdd(t) {
     this.map = t;
-    const e = si(this.options);
+    const e = ni(this.options);
     if (e.length === 0)
       throw new Error("At least a mode must be enabled.");
-    return this.terradraw = new ii({
-      adapter: new ge({ map: t }),
+    return this.terradraw = new oi({
+      adapter: new pe({ map: t }),
       modes: e
     }), this.terradraw.start(), this.controlContainer = document.createElement("div"), this.controlContainer.classList.add("maplibregl-ctrl"), this.controlContainer.classList.add("maplibregl-ctrl-group"), this.addButton = document.createElement("button"), this.addButton.classList.add("maplibregl-terradraw-add-button"), this.addButton.type = "button", this.addButton.addEventListener("click", () => {
       var o, n;
@@ -2833,7 +2876,7 @@ class ri {
       }
       this.isExpanded = !this.isExpanded;
     }), e.forEach((i) => {
-      this.addTerradrawButton(i.mode);
+      i.mode !== "render" && this.addTerradrawButton(i.mode);
     }), this.deleteButton = document.createElement("button"), this.deleteButton.classList.add("maplibregl-terradraw-add-control"), this.deleteButton.classList.add("maplibregl-terradraw-delete-button"), this.deleteButton.classList.add("hidden"), this.deleteButton.type = "button", this.deleteButton.addEventListener("click", () => {
       this.terradraw && this.terradraw.enabled && (this.terradraw.clear(), this.deactivate());
     }), this.controlContainer.appendChild(this.addButton), Object.values(this.modeButtons).forEach((i) => {
@@ -2848,27 +2891,32 @@ class ri {
     this.terradraw && (this.terradraw.enabled || this.terradraw.start());
   }
   deactivate() {
-    this.terradraw && this.terradraw.enabled && (this.terradraw.stop(), this.deactivate(), this.resetActiveMode());
+    this.terradraw && this.terradraw.enabled && (this.resetActiveMode(), this.terradraw.stop());
   }
   getTerraDrawInstance() {
     return this.terradraw;
   }
   resetActiveMode() {
-    this.activeMode = "";
+    var e;
+    if (!this.terradraw) return;
+    this.terradraw.enabled || this.terradraw.start();
     const t = document.getElementsByClassName("maplibregl-terradraw-add-control");
-    for (let e = 0; e < t.length; e++) {
-      const i = t.item(e);
-      i && i.classList.remove("active");
+    for (let i = 0; i < t.length; i++) {
+      const o = t.item(i);
+      o && o.classList.remove("active");
     }
+    this.activeMode = "render", (e = this.terradraw) == null || e.setMode("render");
   }
   addTerradrawButton(t) {
     const e = document.createElement("button");
     e.classList.add("maplibregl-terradraw-add-control"), e.classList.add(`maplibregl-terradraw-add-${t}-button`), e.classList.add("hidden"), e.type = "button", e.addEventListener("click", () => {
-      this.terradraw && (this.activate(), this.resetActiveMode(), this.terradraw.setMode(t), this.activeMode = t, e.classList.add("active"));
+      if (!this.terradraw) return;
+      const i = e.classList.contains("active");
+      this.activate(), this.resetActiveMode(), i || (this.terradraw.setMode(t), this.activeMode = t, e.classList.add("active"));
     }), this.modeButtons[t] = e;
   }
 }
 export {
-  ri as default
+  ai as default
 };
 //# sourceMappingURL=maplibre-gl-terradraw.es.js.map