@watergis/maplibre-gl-terradraw 0.4.4 → 0.5.1

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

@@ -1,6 +1,6 @@
 var ne = Object.defineProperty;
 var ae = (n, t, e) => t in n ? ne(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var L = (n, t, e) => ae(n, typeof t != "symbol" ? t + "" : t, e);
+var B = (n, t, e) => ae(n, typeof t != "symbol" ? t + "" : t, e);
 function v() {
   return v = Object.assign ? Object.assign.bind() : function(n) {
     for (var t = 1; t < arguments.length; t++) {
@@ -343,8 +343,8 @@ function Ft(n) {
     });
   });
 }
-var kt, Ot, jt, M;
-Ft(It), Ft(Dt), kt = It, Ot = function(n, t, e) {
+var Ot, kt, jt, M;
+Ft(It), Ft(Dt), Ot = It, kt = function(n, t, e) {
   const i = n.length;
   e = e > 1 ? e : 2, t === void 0 && (t = e > 2 ? n.slice() : new Array(i));
   for (let o = 0; o < i; o += e) {
@@ -359,8 +359,8 @@ Ft(It), Ft(Dt), kt = It, Ot = function(n, t, e) {
   for (let o = 0; o < i; o += e) t[o] = 180 * n[o] / H, t[o + 1] = 360 * Math.atan(Math.exp(n[o + 1] / et)) / Math.PI - 90;
   return t;
 }, Dt.forEach(function(n) {
-  kt.forEach(function(t) {
-    dt(n, t, Ot), dt(t, n, jt);
+  Ot.forEach(function(t) {
+    dt(n, t, kt), dt(t, n, jt);
   });
 });
 (function(n) {
@@ -380,7 +380,7 @@ var A;
 (function(n) {
   n.Drawing = "drawing", n.Select = "select", n.Static = "static", n.Render = "render";
 })(A || (A = {}));
-class O {
+class k {
   get state() {
     return this._state;
   }
@@ -464,7 +464,7 @@ class O {
     return t === void 0 ? e : typeof t == "function" ? t(i) : t;
   }
 }
-class ye extends O {
+class ye extends k {
   constructor(...t) {
     super(...t), this.type = A.Select;
   }
@@ -483,7 +483,7 @@ function $t(n) {
 function J(n) {
   return n % (2 * Math.PI) * 180 / Math.PI;
 }
-const Lt = 57.29577951308232, Nt = 0.017453292519943295, ct = 6378137, x = (n, t) => ({ x: n === 0 ? 0 : n * Nt * ct, y: t === 0 ? 0 : Math.log(Math.tan(Math.PI / 4 + t * Nt / 2)) * ct }), k = (n, t) => ({ lng: n === 0 ? 0 : Lt * (n / ct), lat: t === 0 ? 0 : (2 * Math.atan(Math.exp(t / ct)) - Math.PI / 2) * Lt });
+const Lt = 57.29577951308232, Nt = 0.017453292519943295, ct = 6378137, x = (n, t) => ({ x: n === 0 ? 0 : n * Nt * ct, y: t === 0 ? 0 : Math.log(Math.tan(Math.PI / 4 + t * Nt / 2)) * ct }), O = (n, t) => ({ lng: n === 0 ? 0 : Lt * (n / ct), lat: t === 0 ? 0 : (2 * Math.atan(Math.exp(t / ct)) - Math.PI / 2) * Lt });
 function me(n, t, e) {
   const i = D(n[0]), o = D(n[1]), s = D(e), r = $t(t), a = Math.asin(Math.sin(o) * Math.cos(r) + Math.cos(o) * Math.sin(r) * Math.cos(s));
   return [J(i + Math.atan2(Math.sin(s) * Math.sin(r) * Math.cos(o), Math.cos(r) - Math.sin(o) * Math.sin(a))), J(a)];
@@ -513,8 +513,8 @@ function St(n) {
   function s(r, a, l, h) {
     const d = e[r][a], c = e[r][a + 1], u = e[l][h], g = e[l][h + 1], p = function(m, C, P, b) {
       if (rt(m, P) || rt(m, b) || rt(C, P) || rt(b, P)) return null;
-      const w = m[0], S = m[1], I = C[0], W = C[1], R = P[0], T = P[1], B = b[0], ot = b[1], mt = (w - I) * (T - ot) - (S - W) * (R - B);
-      return mt === 0 ? null : [((w * W - S * I) * (R - B) - (w - I) * (R * ot - T * B)) / mt, ((w * W - S * I) * (T - ot) - (S - W) * (R * ot - T * B)) / mt];
+      const w = m[0], S = m[1], I = C[0], W = C[1], R = P[0], T = P[1], L = b[0], ot = b[1], mt = (w - I) * (T - ot) - (S - W) * (R - L);
+      return mt === 0 ? null : [((w * W - S * I) * (R - L) - (w - I) * (R * ot - T * L)) / mt, ((w * W - S * I) * (T - ot) - (S - W) * (R * ot - T * L)) / mt];
     }(d, c, u, g);
     if (p === null) return;
     let y, f;
@@ -540,7 +540,7 @@ function U(n, t) {
 function Jt(n, t) {
   return U(n, t) && !St(n);
 }
-class fe extends O {
+class fe extends k {
   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;
@@ -617,7 +617,7 @@ class fe extends O {
         i = function(s) {
           const { center: r, radiusKilometers: a, coordinatePrecision: l } = s, h = s.steps ? s.steps : 64, d = 1e3 * a, [c, u] = r, { x: g, y: p } = x(c, u), y = [];
           for (let f = 0; f < h; f++) {
-            const m = 360 * f / h * Math.PI / 180, C = d * Math.cos(m), P = d * Math.sin(m), [b, w] = [g + C, p + P], { lng: S, lat: I } = k(b, w);
+            const m = 360 * f / h * Math.PI / 180, C = d * Math.cos(m), P = d * Math.sin(m), [b, w] = [g + C, p + P], { lng: S, lat: I } = O(b, w);
             y.push([E(S, l), E(I, l)]);
           }
           return y.push(y[0]), { type: "Feature", geometry: { type: "Polygon", coordinates: [y] }, properties: {} };
@@ -631,7 +631,7 @@ class fe extends O {
     }
   }
 }
-class Ce extends O {
+class Ce extends k {
   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" };
@@ -833,7 +833,7 @@ class Pe extends F {
 function $(n, t) {
   return n[0] === t[0] && n[1] === t[1];
 }
-class xe extends O {
+class xe extends k {
   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" };
@@ -947,7 +947,7 @@ class xe extends O {
 function Qt(n, t) {
   return n.geometry.type === "Point" && yt(n.geometry.coordinates, t);
 }
-class Me extends O {
+class Me extends k {
   constructor(t) {
     super(t), this.mode = "point", this.cursors = void 0;
     const e = { create: "crosshair" };
@@ -1014,7 +1014,7 @@ class Se extends F {
     return { isClosing: o < this.pointerDistance, isPreviousClosing: s < this.pointerDistance };
   }
 }
-class be extends O {
+class be extends k {
   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" };
@@ -1123,7 +1123,7 @@ class be extends O {
     return !!super.validateFeature(t) && t.properties.mode === this.mode && U(t, this.coordinatePrecision);
   }
 }
-class we extends O {
+class we extends k {
   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" };
@@ -1183,7 +1183,7 @@ class we extends O {
     return !!super.validateFeature(t) && t.properties.mode === this.mode && Jt(t, this.coordinatePrecision);
   }
 }
-class ht extends O {
+class ht extends k {
   constructor(t) {
     super({ styles: t.styles }), this.type = A.Render, this.mode = "render", this.mode = t.modeName;
   }
@@ -1390,7 +1390,7 @@ class Fe extends F {
     } else i.type === "Point" && (this.store.updateGeometry([{ id: this.draggedFeatureId, geometry: { type: "Point", coordinates: o } }]), this.dragPosition = [t.lng, t.lat]);
   }
 }
-class ke extends F {
+class Oe extends F {
   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;
   }
@@ -1474,7 +1474,7 @@ function pt(n) {
     return { x: o / i, y: s / i };
   }(t);
 }
-class Oe extends F {
+class ke extends F {
   constructor(t, e, i) {
     super(t), this.config = void 0, this.selectionPoints = void 0, this.midPoints = void 0, this.lastBearing = void 0, this.config = t, this.selectionPoints = e, this.midPoints = i;
   }
@@ -1493,7 +1493,7 @@ class Oe extends F {
         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, C]) => x(m, C)), y = p.reduce((m, C) => ({ x: m.x + C.x, y: m.y + C.y }), { x: 0, y: 0 });
         y.x /= p.length, y.y /= p.length;
-        const f = 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: C }) => [k(m, C).lng, k(m, C).lat]);
+        const f = 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: C }) => [O(m, C).lng, O(m, C).lat]);
         c.geometry.type === "Polygon" ? c.geometry.coordinates[0] = f : c.geometry.coordinates = f;
       })(a, -(this.lastBearing - r));
     } else {
@@ -1540,10 +1540,10 @@ class je extends F {
     if (!this.lastDistance) return void (this.lastDistance = a);
     const h = 1 - (this.lastDistance - a) / a;
     if (this.config.projection === "web-mercator") {
-      const { lng: g, lat: p } = k(l.x, l.y);
+      const { lng: g, lat: p } = O(l.x, l.y);
       (function(y, f, m) {
         if (f === 1) return y;
-        const C = (y.geometry.type === "Polygon" ? y.geometry.coordinates[0] : y.geometry.coordinates).map(([w, S]) => x(w, S)), P = x(m[0], m[1]), b = C.map((w) => ({ x: P.x + (w.x - P.x) * f, y: P.y + (w.y - P.y) * f })).map(({ x: w, y: S }) => [k(w, S).lng, k(w, S).lat]);
+        const C = (y.geometry.type === "Polygon" ? y.geometry.coordinates[0] : y.geometry.coordinates).map(([w, S]) => x(w, S)), P = x(m[0], m[1]), b = C.map((w) => ({ x: P.x + (w.x - P.x) * f, y: P.y + (w.y - P.y) * f })).map(({ x: w, y: S }) => [O(w, S).lng, O(w, S).lat]);
         y.geometry.type === "Polygon" ? y.geometry.coordinates[0] = b : y.geometry.coordinates = b;
       })(r, h, [g, p]);
     } else this.config.projection === "globe" && function(g, p, y, f = "xy") {
@@ -1672,7 +1672,7 @@ class We extends F {
   }
   performWebMercatorScale(t, e, i, o, s) {
     t.forEach((r) => {
-      const { x: a, y: l } = x(r[0], r[1]), h = e + (a - e) * o, d = i + (l - i) * s, { lng: c, lat: u } = k(h, d);
+      const { x: a, y: l } = x(r[0], r[1]), h = e + (a - e) * o, d = i + (l - i) * s, { lng: c, lat: u } = O(h, d);
       r[0] = c, r[1] = u;
     });
   }
@@ -1746,7 +1746,7 @@ class Be extends ye {
     this._state = "selecting";
   }
   registerBehaviors(t) {
-    this.pixelDistance = new wt(t), this.clickBoundingBox = new bt(t), this.featuresAtMouseEvent = new De(t, this.clickBoundingBox, this.pixelDistance), this.selectionPoints = new _e(t), this.midPoints = new Ie(t, this.selectionPoints), this.rotateFeature = new Oe(t, this.selectionPoints, this.midPoints), this.scaleFeature = new je(t, this.selectionPoints, this.midPoints), this.dragFeature = new Fe(t, this.featuresAtMouseEvent, this.selectionPoints, this.midPoints), this.dragCoordinate = new ke(t, this.pixelDistance, this.selectionPoints, this.midPoints), this.dragCoordinateResizeFeature = new We(t, this.pixelDistance, this.selectionPoints, this.midPoints);
+    this.pixelDistance = new wt(t), this.clickBoundingBox = new bt(t), this.featuresAtMouseEvent = new De(t, this.clickBoundingBox, this.pixelDistance), this.selectionPoints = new _e(t), this.midPoints = new Ie(t, this.selectionPoints), this.rotateFeature = new ke(t, this.selectionPoints, this.midPoints), this.scaleFeature = new je(t, this.selectionPoints, this.midPoints), this.dragFeature = new Fe(t, this.featuresAtMouseEvent, this.selectionPoints, this.midPoints), this.dragCoordinate = new Oe(t, this.pixelDistance, this.selectionPoints, this.midPoints), this.dragCoordinateResizeFeature = new We(t, this.pixelDistance, this.selectionPoints, this.midPoints);
   }
   deselectFeature() {
     this.deselect();
@@ -1884,7 +1884,7 @@ class Be extends ye {
     return e;
   }
 }
-class Le extends O {
+class Le extends k {
   constructor(...t) {
     super(...t), this.type = A.Static, this.mode = "static";
   }
@@ -2289,7 +2289,7 @@ function Kt(n, t, e) {
   let o = j(t, e) - i;
   return o < 0 && (o += 360), 180 - Math.abs(o - 90 - 90);
 }
-class Ke extends O {
+class Ke extends k {
   constructor(t) {
     super(t), this.mode = "angled-rectangle", this.currentCoordinate = 0, this.currentId = void 0, this.keyEvents = void 0, this.cursors = void 0, this.mouseMove = !1;
     const e = { start: "crosshair", close: "pointer" };
@@ -2321,7 +2321,7 @@ class Ke extends O {
       const o = e[0], s = e[1], r = te(o, s, this.coordinatePrecision, this.project, this.unproject), a = x(o[0], o[1]), l = x(r[0], r[1]), h = x(s[0], s[1]), d = x(t.lng, t.lat), c = _(d, a) < _(d, h), u = Kt(a, l, d), g = c ? 90 - u : Kt(a, l, d) - 90, p = _(l, d), y = Math.cos(D(g)) * p, f = j(a, h) + (function(w, S, I) {
         const W = (I.x - S.x) * (w.y - S.y) - (I.y - S.y) * (w.x - S.x);
         return W > 1e-10 ? "left" : W < -1e-10 ? "right" : "left";
-      }(a, h, d) === "right" ? -90 : 90), m = it(a, y, f), C = it(h, y, f), P = k(m.x, m.y), b = k(C.x, C.y);
+      }(a, h, d) === "right" ? -90 : 90), m = it(a, y, f), C = it(h, y, f), P = O(m.x, m.y), b = O(C.x, C.y);
       i = [e[0], e[1], [b.lng, b.lat], [P.lng, P.lat], e[0]];
     }
     i && this.updatePolygonGeometry(this.currentId, i, M.Provisional);
@@ -2369,7 +2369,7 @@ class Ke extends O {
 function re(n, t, e) {
   return (t.x - n.x) * (e.y - n.y) - (t.y - n.y) * (e.x - n.x) <= 0;
 }
-class ze extends O {
+class ze extends k {
   constructor(t) {
     super(t), this.mode = "sector", this.currentCoordinate = 0, this.currentId = void 0, this.keyEvents = void 0, this.direction = void 0, this.arcPoints = void 0, this.cursors = void 0, this.mouseMove = !1;
     const e = { start: "crosshair", close: "pointer" };
@@ -2410,7 +2410,7 @@ class ze extends O {
       const C = (this.direction === "anticlockwise" ? 1 : -1) * m / g;
       p.push(s);
       for (let P = 0; P <= g; P++) {
-        const b = it(a, d, y + P * C), { lng: w, lat: S } = k(b.x, b.y), I = [E(w, this.coordinatePrecision), E(S, this.coordinatePrecision)];
+        const b = it(a, d, y + P * C), { lng: w, lat: S } = O(b.x, b.y), I = [E(w, this.coordinatePrecision), E(S, this.coordinatePrecision)];
         I[0] !== p[p.length - 1][0] && I[1] !== p[p.length - 1][1] && p.push(I);
       }
       p.push(o), i = [...p];
@@ -2457,7 +2457,7 @@ class ze extends O {
     return !!super.validateFeature(t) && t.properties.mode === this.mode && U(t, this.coordinatePrecision);
   }
 }
-class Ye extends O {
+class Ye extends k {
   constructor(t) {
     super(t), this.mode = "sensor", this.currentCoordinate = 0, this.currentId = void 0, this.currentInitialArcId = void 0, this.currentStartingPointId = void 0, this.keyEvents = void 0, this.direction = void 0, this.arcPoints = void 0, this.cursors = void 0, this.mouseMove = !1;
     const e = { start: "crosshair", close: "pointer" };
@@ -2492,7 +2492,7 @@ class Ye extends O {
         this.direction === "anticlockwise" ? (f = y - p, f < 0 && (f += 360)) : (f = p - y, f < 0 && (f += 360));
         const m = (this.direction === "anticlockwise" ? 1 : -1) * f / u;
         for (let C = 0; C <= u; C++) {
-          const P = it(l, h, p + C * m), { lng: b, lat: w } = k(P.x, P.y), S = [E(b, this.coordinatePrecision), E(w, this.coordinatePrecision)];
+          const P = it(l, h, p + C * m), { lng: b, lat: w } = O(P.x, P.y), S = [E(b, this.coordinatePrecision), E(w, this.coordinatePrecision)];
           S[0] !== g[g.length - 1][0] && S[1] !== g[g.length - 1][1] && g.push(S);
         }
         this.updateLineStringGeometry(this.currentInitialArcId, g, M.Provisional);
@@ -2503,8 +2503,8 @@ class Ye extends O {
         if (this.notInSector({ normalizedCursor: m, normalizedStart: y, normalizedEnd: f, direction: this.direction })) return;
         const C = this.getDeltaBearing(this.direction, y, f), P = this.arcPoints, b = (this.direction === "anticlockwise" ? 1 : -1) * C / P, w = _(h, c), S = [];
         for (let I = 0; I <= P; I++) {
-          const W = it(h, w, y + I * b), { lng: R, lat: T } = k(W.x, W.y), B = [E(R, this.coordinatePrecision), E(T, this.coordinatePrecision)];
-          B[0] !== e[e.length - 1][0] && B[1] !== e[e.length - 1][1] && S.unshift(B);
+          const W = it(h, w, y + I * b), { lng: R, lat: T } = O(W.x, W.y), L = [E(R, this.coordinatePrecision), E(T, this.coordinatePrecision)];
+          L[0] !== e[e.length - 1][0] && L[1] !== e[e.length - 1][1] && S.unshift(L);
         }
         e.push(...S), 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 } }]);
       }
@@ -2883,18 +2883,28 @@ class Ze {
    * @param options Plugin control options
    */
   constructor(t) {
-    L(this, "controlContainer");
-    L(this, "map");
-    L(this, "modeButtons", {});
-    L(this, "isExpanded", !1);
-    L(this, "terradraw");
-    L(this, "options", $e);
-    L(this, "defaultMode", "render");
+    B(this, "controlContainer");
+    B(this, "map");
+    B(this, "modeButtons", {});
+    B(this, "isExpanded", !1);
+    B(this, "terradraw");
+    B(this, "options", $e);
+    B(this, "events", {});
+    B(this, "defaultMode", "render");
     this.modeButtons = {}, t && (this.options = Object.assign(this.options, t));
   }
+  /**
+   * Get the default control position
+   * @returns default control position. Default is 'top-right'
+   */
   getDefaultPosition() {
     return "top-right";
   }
+  /**
+   * add the plugin control to maplibre
+   * @param map Maplibre Map object
+   * @returns HTML Element
+   */
   onAdd(t) {
     var o, s, r, a;
     if (this.options && this.options.modes && this.options.modes.length === 0)
@@ -2932,20 +2942,54 @@ class Ze {
       (h = this.controlContainer) == null || h.appendChild(l);
     }), this.controlContainer;
   }
+  /**
+   * Remove the plugin control from maplibre
+   * @returns void
+   */
   onRemove() {
     !this.controlContainer || !this.controlContainer.parentNode || !this.map || (this.deactivate(), this.modeButtons = {}, this.terradraw = void 0, this.map = void 0, this.controlContainer.parentNode.removeChild(this.controlContainer));
   }
+  /**
+   * Register an event for the plugin
+   * @param event event type
+   * @param callback
+   */
+  on(t, e) {
+    this.events[t] ? this.events[t].push(e) : this.events[t] = [e];
+  }
+  /**
+   * Unregister an event for the plugin
+   * @param event event type
+   * @param callback
+   * @returns
+   */
+  off(t, e) {
+    if (!this.events[t]) return;
+    const i = this.events[t].findIndex((o) => o === e);
+    i !== -1 && this.events[t].splice(i, 1);
+  }
+  /**
+   * Dispatch an event. Pass the current snapshot of features and mode
+   * @param event event type
+   */
+  dispatchEvent(t) {
+    this.events[t] && this.events[t].forEach((e) => {
+      var s, r;
+      const i = (s = this.terradraw) == null ? void 0 : s.getSnapshot(), o = i == null ? void 0 : i.filter((a) => a.properties.selected === !0);
+      e({ feature: o, mode: (r = this.terradraw) == null ? void 0 : r.getMode() });
+    });
+  }
   /**
    * Activate Terra Draw to start drawing
    */
   activate() {
-    this.terradraw && (this.terradraw.enabled || this.terradraw.start());
+    this.terradraw && (this.terradraw.enabled || (this.terradraw.start(), this.dispatchEvent("mode-changed")));
   }
   /**
    * Deactivate Terra Draw to stop drawing
    */
   deactivate() {
-    this.terradraw && this.terradraw.enabled && (this.resetActiveMode(), this.terradraw.stop());
+    this.terradraw && this.terradraw.enabled && (this.resetActiveMode(), this.dispatchEvent("mode-changed"), this.terradraw.stop());
   }
   /**
    * Get the Terra Draw instance.
@@ -2990,7 +3034,7 @@ class Ze {
   addTerradrawButton(t) {
     const e = document.createElement("button");
     e.type = "button", this.modeButtons[t] = e, t === "render" ? (e.classList.add(`maplibregl-terradraw-${t}-button`), this.isExpanded && e.classList.add("enabled"), e.type = "button", e.title = this.capitalize("expand or collapse drawing tool"), e.addEventListener("click", this.toggleEditor.bind(this))) : (e.classList.add("maplibregl-terradraw-add-control"), this.isExpanded || e.classList.add("hidden"), e.title = this.capitalize(t.replace(/-/g, " ")), t === "delete" ? (e.classList.add(`maplibregl-terradraw-${t}-button`), e.addEventListener("click", () => {
-      this.terradraw && this.terradraw.enabled && (this.terradraw.clear(), this.deactivate(), this.toggleDeleteSelectionButton());
+      this.terradraw && this.terradraw.enabled && (this.terradraw.clear(), this.deactivate(), this.toggleDeleteSelectionButton(), this.dispatchEvent("feature-deleted"));
     })) : t === "delete-selection" ? (e.classList.add(`maplibregl-terradraw-${t}-button`), e.classList.add("hidden-delete-selection"), e.addEventListener("click", () => {
       var s;
       if (!this.terradraw || !this.terradraw.enabled) return;
@@ -2999,7 +3043,7 @@ class Ze {
         const r = this.terradraw.getMode();
         this.terradraw.setMode(this.defaultMode);
         const a = o.map((l) => l.id);
-        this.terradraw.removeFeatures(a), this.terradraw.setMode(r);
+        this.terradraw.removeFeatures(a), this.terradraw.setMode(r), this.dispatchEvent("feature-deleted");
       }
       this.toggleDeleteSelectionButton();
     })) : (e.classList.add(`maplibregl-terradraw-add-${t}-button`), e.addEventListener("click", () => {
@@ -3008,6 +3052,9 @@ class Ze {
       this.activate(), this.resetActiveMode(), i || (this.terradraw.setMode(t), e.classList.add("active")), this.toggleDeleteSelectionButton();
     })));
   }
+  /**
+   * Toggle the state of delete-select button
+   */
   toggleDeleteSelectionButton() {
     var s, r;
     const t = ((s = this.terradraw) == null ? void 0 : s.enabled) || !1, e = (r = this.terradraw) == null ? void 0 : r.getMode(), i = t && e === "select", o = document.getElementsByClassName("maplibregl-terradraw-delete-selection-button");
@@ -3016,6 +3063,11 @@ class Ze {
       l && (i ? l.classList.remove("hidden-delete-selection") : l.classList.add("hidden-delete-selection"));
     }
   }
+  /**
+   * Capitalzie string value
+   * @param value string value
+   * @returns string
+   */
   capitalize(t) {
     return t.charAt(0).toUpperCase() + t.slice(1);
   }