@florasync/leaflet-geokit 0.7.0 → 0.8.0

package/dist/preact-bundled/index.js

@@ -146,9 +146,9 @@ function ro() {
           o.push(encodeURIComponent(i ? l.toUpperCase() : l) + "=" + encodeURIComponent(t[l]));
         return (!e || e.indexOf("?") === -1 ? "?" : "&") + o.join("&");
       }
-      var H = /\{ *([\w_ -]+) *\}/g;
-      function S(t, e) {
-        return t.replace(H, function(i, o) {
+      var F = /\{ *([\w_ -]+) *\}/g;
+      function C(t, e) {
+        return t.replace(F, function(i, o) {
           var l = e[o];
           if (l === void 0)
             throw new Error("No value provided for variable " + i);
@@ -202,7 +202,7 @@ function ro() {
         splitWords: P,
         setOptions: A,
         getParamString: N,
-        template: S,
+        template: C,
         isArray: D,
         indexOf: G,
         emptyImageUrl: Y,
@@ -1133,7 +1133,7 @@ function ro() {
         }
         return i === "auto" ? null : i;
       }
-      function F(t, e, i) {
+      function H(t, e, i) {
         var o = document.createElement(t);
         return o.className = e || "", i && i.appendChild(o), o;
       }
@@ -1262,7 +1262,7 @@ function ro() {
         TRANSITION_END: rn,
         get: sn,
         getStyle: ee,
-        create: F,
+        create: H,
         remove: J,
         empty: ye,
         toFront: Zt,
@@ -1644,9 +1644,9 @@ function ro() {
           this._stop();
           var o = this.project(this.getCenter()), l = this.project(t), u = this.getSize(), p = this._zoom;
           t = U(t), e = e === void 0 ? p : e;
-          var v = Math.max(u.x, u.y), y = v * this.getZoomScale(p, e), b = l.distanceTo(o) || 1, M = 1.42, C = M * M;
+          var v = Math.max(u.x, u.y), y = v * this.getZoomScale(p, e), b = l.distanceTo(o) || 1, M = 1.42, S = M * M;
           function R($) {
-            var Oe = $ ? -1 : 1, Ir = $ ? y : v, zr = y * y - v * v + Oe * C * C * b * b, Or = 2 * Ir * C * b, xi = zr / Or, Yn = Math.sqrt(xi * xi + 1) - xi, Br = Yn < 1e-9 ? -18 : Math.log(Yn);
+            var Oe = $ ? -1 : 1, Ir = $ ? y : v, zr = y * y - v * v + Oe * S * S * b * b, Or = 2 * Ir * S * b, xi = zr / Or, Yn = Math.sqrt(xi * xi + 1) - xi, Br = Yn < 1e-9 ? -18 : Math.log(Yn);
             return Br;
           }
           function st($) {
@@ -1663,7 +1663,7 @@ function ro() {
             return v * (et(ct) / et(ct + M * $));
           }
           function Tr($) {
-            return v * (et(ct) * mt(ct + M * $) - st(ct)) / C;
+            return v * (et(ct) * mt(ct + M * $) - st(ct)) / S;
           }
           function Cr($) {
             return 1 - Math.pow(1 - $, 1.5);
@@ -1850,7 +1850,7 @@ function ro() {
         // then returns it. The pane is created as a child of `container`, or
         // as a child of the main map pane if not set.
         createPane: function(t, e) {
-          var i = "leaflet-pane" + (t ? " leaflet-" + t.replace("Pane", "") + "-pane" : ""), o = F("div", i, e || this._mapPane);
+          var i = "leaflet-pane" + (t ? " leaflet-" + t.replace("Pane", "") + "-pane" : ""), o = H("div", i, e || this._mapPane);
           return t && (this._panes[t] = o), o;
         },
         // @section Methods for Getting Map State
@@ -1887,7 +1887,7 @@ function ro() {
         // the given bounds in its entirety.
         getBoundsZoom: function(t, e, i) {
           t = X(t), i = I(i || [0, 0]);
-          var o = this.getZoom() || 0, l = this.getMinZoom(), u = this.getMaxZoom(), p = t.getNorthWest(), v = t.getSouthEast(), y = this.getSize().subtract(i), b = lt(this.project(v, o), this.project(p, o)).getSize(), M = T.any3d ? this.options.zoomSnap : 1, C = y.x / b.x, R = y.y / b.y, st = e ? Math.max(C, R) : Math.min(C, R);
+          var o = this.getZoom() || 0, l = this.getMinZoom(), u = this.getMaxZoom(), p = t.getNorthWest(), v = t.getSouthEast(), y = this.getSize().subtract(i), b = lt(this.project(v, o), this.project(p, o)).getSize(), M = T.any3d ? this.options.zoomSnap : 1, S = y.x / b.x, R = y.y / b.y, st = e ? Math.max(S, R) : Math.min(S, R);
           return o = this.getScaleZoom(st, o), M && (o = Math.round(o / (M / 100)) * (M / 100), o = e ? Math.ceil(o / M) * M : Math.floor(o / M) * M), Math.max(l, Math.min(u, o));
         },
         // @method getSize(): Point
@@ -2270,7 +2270,7 @@ function ro() {
           return (e && e.animate) !== !0 && !this.getSize().contains(i) ? !1 : (this.panBy(i, e), !0);
         },
         _createAnimProxy: function() {
-          var t = this._proxy = F("div", "leaflet-proxy leaflet-zoom-animated");
+          var t = this._proxy = H("div", "leaflet-proxy leaflet-zoom-animated");
           this._panes.mapPane.appendChild(t), this.on("zoomanim", function(e) {
             var i = $e, o = this._proxy.style[i];
             Dt(this._proxy, this.project(e.center, e.zoom), this.getZoomScale(e.zoom, 1)), o === this._proxy.style[i] && this._animatingZoom && this._onZoomTransitionEnd();
@@ -2375,10 +2375,10 @@ function ro() {
           return t.remove(), this;
         },
         _initControlPos: function() {
-          var t = this._controlCorners = {}, e = "leaflet-", i = this._controlContainer = F("div", e + "control-container", this._container);
+          var t = this._controlCorners = {}, e = "leaflet-", i = this._controlContainer = H("div", e + "control-container", this._container);
           function o(l, u) {
             var p = e + l + " " + e + u;
-            t[l + u] = F("div", p, i);
+            t[l + u] = H("div", p, i);
           }
           o("top", "left"), o("top", "right"), o("bottom", "left"), o("bottom", "right");
         },
@@ -2467,14 +2467,14 @@ function ro() {
           return K(this._container, "leaflet-control-layers-expanded"), this;
         },
         _initLayout: function() {
-          var t = "leaflet-control-layers", e = this._container = F("div", t), i = this.options.collapsed;
+          var t = "leaflet-control-layers", e = this._container = H("div", t), i = this.options.collapsed;
           e.setAttribute("aria-haspopup", !0), re(e), di(e);
-          var o = this._section = F("section", t + "-list");
+          var o = this._section = H("section", t + "-list");
           i && (this._map.on("click", this.collapse, this), O(e, {
             mouseenter: this._expandSafely,
             mouseleave: this.collapse
           }, this));
-          var l = this._layersLink = F("a", t + "-toggle", e);
+          var l = this._layersLink = H("a", t + "-toggle", e);
           l.href = "#", l.title = "Layers", l.setAttribute("role", "button"), O(l, {
             keydown: function(u) {
               u.keyCode === 13 && this._expandSafely();
@@ -2483,7 +2483,7 @@ function ro() {
             click: function(u) {
               it(u), this._expandSafely();
             }
-          }, this), i || this.expand(), this._baseLayersList = F("div", t + "-base", o), this._separator = F("div", t + "-separator", o), this._overlaysList = F("div", t + "-overlays", o), e.appendChild(o);
+          }, this), i || this.expand(), this._baseLayersList = H("div", t + "-base", o), this._separator = H("div", t + "-separator", o), this._overlaysList = H("div", t + "-overlays", o), e.appendChild(o);
         },
         _getLayer: function(t) {
           for (var e = 0; e < this._layers.length; e++)
@@ -2577,7 +2577,7 @@ function ro() {
           zoomOutTitle: "Zoom out"
         },
         onAdd: function(t) {
-          var e = "leaflet-control-zoom", i = F("div", e + " leaflet-bar"), o = this.options;
+          var e = "leaflet-control-zoom", i = H("div", e + " leaflet-bar"), o = this.options;
           return this._zoomInButton = this._createButton(
             o.zoomInText,
             o.zoomInTitle,
@@ -2608,7 +2608,7 @@ function ro() {
           !this._disabled && this._map._zoom > this._map.getMinZoom() && this._map.zoomOut(this._map.options.zoomDelta * (t.shiftKey ? 3 : 1));
         },
         _createButton: function(t, e, i, o, l) {
-          var u = F("a", i, o);
+          var u = H("a", i, o);
           return u.innerHTML = t, u.href = "#", u.title = e, u.setAttribute("role", "button"), u.setAttribute("aria-label", e), re(u), O(u, "click", Ot), O(u, "click", l, this), O(u, "click", this._refocusOnMap, this), u;
         },
         _updateDisabled: function() {
@@ -2641,14 +2641,14 @@ function ro() {
           // If `true`, the control is updated on [`moveend`](#map-moveend), otherwise it's always up-to-date (updated on [`move`](#map-move)).
         },
         onAdd: function(t) {
-          var e = "leaflet-control-scale", i = F("div", e), o = this.options;
+          var e = "leaflet-control-scale", i = H("div", e), o = this.options;
           return this._addScales(o, e + "-line", i), t.on(o.updateWhenIdle ? "moveend" : "move", this._update, this), t.whenReady(this._update, this), i;
         },
         onRemove: function(t) {
           t.off(this.options.updateWhenIdle ? "moveend" : "move", this._update, this);
         },
         _addScales: function(t, e, i) {
-          t.metric && (this._mScale = F("div", e, i)), t.imperial && (this._iScale = F("div", e, i));
+          t.metric && (this._mScale = H("div", e, i)), t.imperial && (this._iScale = H("div", e, i));
         },
         _update: function() {
           var t = this._map, e = t.getSize().y / 2, i = t.distance(
@@ -2690,7 +2690,7 @@ function ro() {
           A(this, t), this._attributions = {};
         },
         onAdd: function(t) {
-          t.attributionControl = this, this._container = F("div", "leaflet-control-attribution"), re(this._container);
+          t.attributionControl = this, this._container = H("div", "leaflet-control-attribution"), re(this._container);
           for (var e in t._layers)
             t._layers[e].getAttribution && this.addAttribution(t._layers[e].getAttribution());
           return this._update(), t.on("layeradd", this._addAttribution, this), this._container;
@@ -2832,12 +2832,12 @@ function ro() {
         }
       });
       function _n(t, e, i) {
-        var o, l = [1, 4, 2, 8], u, p, v, y, b, M, C, R;
+        var o, l = [1, 4, 2, 8], u, p, v, y, b, M, S, R;
         for (u = 0, M = t.length; u < M; u++)
           t[u]._code = Bt(t[u], e);
         for (v = 0; v < 4; v++) {
-          for (C = l[v], o = [], u = 0, M = t.length, p = M - 1; u < M; p = u++)
-            y = t[u], b = t[p], y._code & C ? b._code & C || (R = ke(b, y, C, e, i), R._code = Bt(R, e), o.push(R)) : (b._code & C && (R = ke(b, y, C, e, i), R._code = Bt(R, e), o.push(R)), o.push(y));
+          for (S = l[v], o = [], u = 0, M = t.length, p = M - 1; u < M; p = u++)
+            y = t[u], b = t[p], y._code & S ? b._code & S || (R = ke(b, y, S, e, i), R._code = Bt(R, e), o.push(R)) : (b._code & S && (R = ke(b, y, S, e, i), R._code = Bt(R, e), o.push(R)), o.push(y));
           t = o;
         }
         return t;
@@ -2847,18 +2847,18 @@ function ro() {
         if (!t || t.length === 0)
           throw new Error("latlngs not passed");
         pt(t) || (console.warn("latlngs are not flat! Only the first ring will be used"), t = t[0]);
-        var C = U([0, 0]), R = X(t), st = R.getNorthWest().distanceTo(R.getSouthWest()) * R.getNorthEast().distanceTo(R.getNorthWest());
-        st < 1700 && (C = mi(t));
+        var S = U([0, 0]), R = X(t), st = R.getNorthWest().distanceTo(R.getSouthWest()) * R.getNorthEast().distanceTo(R.getNorthWest());
+        st < 1700 && (S = mi(t));
         var et = t.length, mt = [];
         for (i = 0; i < et; i++) {
           var ct = U(t[i]);
-          mt.push(e.project(U([ct.lat - C.lat, ct.lng - C.lng])));
+          mt.push(e.project(U([ct.lat - S.lat, ct.lng - S.lng])));
         }
         for (v = y = b = 0, i = 0, o = et - 1; i < et; o = i++)
           l = mt[i], u = mt[o], p = l.y * u.x - u.y * l.x, y += (l.x + u.x) * p, b += (l.y + u.y) * p, v += p * 3;
         v === 0 ? M = mt[0] : M = [y / v, b / v];
         var qt = e.unproject(I(M));
-        return U([qt.lat + C.lat, qt.lng + C.lng]);
+        return U([qt.lat + S.lat, qt.lng + S.lng]);
       }
       function mi(t) {
         for (var e = 0, i = 0, o = 0, l = 0; l < t.length; l++) {
@@ -2942,7 +2942,7 @@ function ro() {
         if (!t || t.length === 0)
           throw new Error("latlngs not passed");
         pt(t) || (console.warn("latlngs are not flat! Only the first ring will be used"), t = t[0]);
-        var M = U([0, 0]), C = X(t), R = C.getNorthWest().distanceTo(C.getSouthWest()) * C.getNorthEast().distanceTo(C.getNorthWest());
+        var M = U([0, 0]), S = X(t), R = S.getNorthWest().distanceTo(S.getSouthWest()) * S.getNorthEast().distanceTo(S.getNorthWest());
         R < 1700 && (M = mi(t));
         var st = t.length, et = [];
         for (i = 0; i < st; i++) {
@@ -3380,7 +3380,7 @@ function ro() {
           return t = e(t, /^url\((['"])?(.+)\1\)$/, 2), t && e(t, /^(.*)marker-icon\.png$/, 1);
         },
         _detectIconPath: function() {
-          var t = F("div", "leaflet-default-icon-path", document.body), e = ee(t, "background-image") || ee(t, "backgroundImage");
+          var t = H("div", "leaflet-default-icon-path", document.body), e = ee(t, "background-image") || ee(t, "backgroundImage");
           if (document.body.removeChild(t), e = this._stripUrl(e), e)
             return e;
           var i = document.querySelector('link[href$="leaflet.css"]');
@@ -3803,8 +3803,8 @@ function ro() {
             var l = Math.PI / 180, u = this._mRadius / Pt.R / l, p = i.project([e + u, t]), v = i.project([e - u, t]), y = p.add(v).divideBy(2), b = i.unproject(y).lat, M = Math.acos((Math.cos(u * l) - Math.sin(e * l) * Math.sin(b * l)) / (Math.cos(e * l) * Math.cos(b * l))) / l;
             (isNaN(M) || M === 0) && (M = u / Math.cos(Math.PI / 180 * e)), this._point = y.subtract(i.getPixelOrigin()), this._radius = isNaN(M) ? 0 : y.x - i.project([b, t - M]).x, this._radiusY = y.y - p.y;
           } else {
-            var C = o.unproject(o.project(this._latlng).subtract([this._mRadius, 0]));
-            this._point = i.latLngToLayerPoint(this._latlng), this._radius = this._point.x - i.latLngToLayerPoint(C).x;
+            var S = o.unproject(o.project(this._latlng).subtract([this._mRadius, 0]));
+            this._point = i.latLngToLayerPoint(this._latlng), this._radius = this._point.x - i.latLngToLayerPoint(S).x;
           }
           this._updateBounds();
         }
@@ -3848,8 +3848,8 @@ function ro() {
           for (var e = 1 / 0, i = null, o = ae, l, u, p = 0, v = this._parts.length; p < v; p++)
             for (var y = this._parts[p], b = 1, M = y.length; b < M; b++) {
               l = y[b - 1], u = y[b];
-              var C = o(t, l, u, !0);
-              C < e && (e = C, i = o(t, l, u));
+              var S = o(t, l, u, !0);
+              S < e && (e = S, i = o(t, l, u));
             }
           return i && (i.distance = Math.sqrt(e)), i;
         },
@@ -4103,12 +4103,12 @@ function ro() {
             return y = Pe(o, i.type === "Polygon" ? 1 : 2, p), new Vt(y, e);
           case "GeometryCollection":
             for (b = 0, M = i.geometries.length; b < M; b++) {
-              var C = Ee({
+              var S = Ee({
                 geometry: i.geometries[b],
                 type: "Feature",
                 properties: t.properties
               }, e);
-              C && l.push(C);
+              S && l.push(S);
             }
             return new kt(l);
           case "FeatureCollection":
@@ -4303,7 +4303,7 @@ function ro() {
           return this._image;
         },
         _initImage: function() {
-          var t = this._url.tagName === "IMG", e = this._image = t ? this._url : F("img");
+          var t = this._url.tagName === "IMG", e = this._image = t ? this._url : H("img");
           if (B(e, "leaflet-image-layer"), this._zoomAnimated && B(e, "leaflet-zoom-animated"), this.options.className && B(e, this.options.className), e.onselectstart = w, e.onmousemove = w, e.onload = a(this.fire, this, "load"), e.onerror = a(this._overlayOnError, this, "error"), (this.options.crossOrigin || this.options.crossOrigin === "") && (e.crossOrigin = this.options.crossOrigin === !0 ? "" : this.options.crossOrigin), this.options.zIndex && this._updateZIndex(), t) {
             this._url = e.src;
             return;
@@ -4362,7 +4362,7 @@ function ro() {
           playsInline: !0
         },
         _initImage: function() {
-          var t = this._url.tagName === "VIDEO", e = this._image = t ? this._url : F("video");
+          var t = this._url.tagName === "VIDEO", e = this._image = t ? this._url : H("video");
           if (B(e, "leaflet-image-layer"), this._zoomAnimated && B(e, "leaflet-zoom-animated"), this.options.className && B(e, this.options.className), e.onselectstart = w, e.onmousemove = w, e.onloadeddata = a(this.fire, this, "load"), t) {
             for (var i = e.getElementsByTagName("source"), o = [], l = 0; l < i.length; l++)
               o.push(i[l].src);
@@ -4371,7 +4371,7 @@ function ro() {
           }
           D(this._url) || (this._url = [this._url]), !this.options.keepAspectRatio && Object.prototype.hasOwnProperty.call(e.style, "objectFit") && (e.style.objectFit = "fill"), e.autoplay = !!this.options.autoplay, e.loop = !!this.options.loop, e.muted = !!this.options.muted, e.playsInline = !!this.options.playsInline;
           for (var u = 0; u < this._url.length; u++) {
-            var p = F("source");
+            var p = H("source");
             p.src = this._url[u], e.appendChild(p);
           }
         }
@@ -4639,12 +4639,12 @@ function ro() {
           return (this.options.closeOnClick !== void 0 ? this.options.closeOnClick : this._map.options.closePopupOnClick) && (t.preclick = this.close), this.options.keepInView && (t.moveend = this._adjustPan), t;
         },
         _initLayout: function() {
-          var t = "leaflet-popup", e = this._container = F(
+          var t = "leaflet-popup", e = this._container = H(
             "div",
             t + " " + (this.options.className || "") + " leaflet-zoom-animated"
-          ), i = this._wrapper = F("div", t + "-content-wrapper", e);
-          if (this._contentNode = F("div", t + "-content", i), re(e), di(this._contentNode), O(e, "contextmenu", zt), this._tipContainer = F("div", t + "-tip-container", e), this._tip = F("div", t + "-tip", this._tipContainer), this.options.closeButton) {
-            var o = this._closeButton = F("a", t + "-close-button", e);
+          ), i = this._wrapper = H("div", t + "-content-wrapper", e);
+          if (this._contentNode = H("div", t + "-content", i), re(e), di(this._contentNode), O(e, "contextmenu", zt), this._tipContainer = H("div", t + "-tip-container", e), this._tip = H("div", t + "-tip", this._tipContainer), this.options.closeButton) {
+            var o = this._closeButton = H("a", t + "-close-button", e);
             o.setAttribute("role", "button"), o.setAttribute("aria-label", "Close popup"), o.href = "#close", o.innerHTML = '<span aria-hidden="true">&#215;</span>', O(o, "click", function(l) {
               it(l), this.close();
             }, this);
@@ -4670,8 +4670,8 @@ function ro() {
             }
             var t = this._map, e = parseInt(ee(this._container, "marginBottom"), 10) || 0, i = this._container.offsetHeight + e, o = this._containerWidth, l = new z(this._containerLeft, -i - this._containerBottom);
             l._add(It(this._container));
-            var u = t.layerPointToContainerPoint(l), p = I(this.options.autoPanPadding), v = I(this.options.autoPanPaddingTopLeft || p), y = I(this.options.autoPanPaddingBottomRight || p), b = t.getSize(), M = 0, C = 0;
-            u.x + o + y.x > b.x && (M = u.x + o - b.x + y.x), u.x - M - v.x < 0 && (M = u.x - v.x), u.y + i + y.y > b.y && (C = u.y + i - b.y + y.y), u.y - C - v.y < 0 && (C = u.y - v.y), (M || C) && (this.options.keepInView && (this._autopanning = !0), t.fire("autopanstart").panBy([M, C]));
+            var u = t.layerPointToContainerPoint(l), p = I(this.options.autoPanPadding), v = I(this.options.autoPanPaddingTopLeft || p), y = I(this.options.autoPanPaddingBottomRight || p), b = t.getSize(), M = 0, S = 0;
+            u.x + o + y.x > b.x && (M = u.x + o - b.x + y.x), u.x - M - v.x < 0 && (M = u.x - v.x), u.y + i + y.y > b.y && (S = u.y + i - b.y + y.y), u.y - S - v.y < 0 && (S = u.y - v.y), (M || S) && (this.options.keepInView && (this._autopanning = !0), t.fire("autopanstart").panBy([M, S]));
           }
         },
         _getAnchor: function() {
@@ -4805,15 +4805,15 @@ function ro() {
         },
         _initLayout: function() {
           var t = "leaflet-tooltip", e = t + " " + (this.options.className || "") + " leaflet-zoom-" + (this._zoomAnimated ? "animated" : "hide");
-          this._contentNode = this._container = F("div", e), this._container.setAttribute("role", "tooltip"), this._container.setAttribute("id", "leaflet-tooltip-" + f(this));
+          this._contentNode = this._container = H("div", e), this._container.setAttribute("role", "tooltip"), this._container.setAttribute("id", "leaflet-tooltip-" + f(this));
         },
         _updateLayout: function() {
         },
         _adjustPan: function() {
         },
         _setPosition: function(t) {
-          var e, i, o = this._map, l = this._container, u = o.latLngToContainerPoint(o.getCenter()), p = o.layerPointToContainerPoint(t), v = this.options.direction, y = l.offsetWidth, b = l.offsetHeight, M = I(this.options.offset), C = this._getAnchor();
-          v === "top" ? (e = y / 2, i = b) : v === "bottom" ? (e = y / 2, i = 0) : v === "center" ? (e = y / 2, i = b / 2) : v === "right" ? (e = 0, i = b / 2) : v === "left" ? (e = y, i = b / 2) : p.x < u.x ? (v = "right", e = 0, i = b / 2) : (v = "left", e = y + (M.x + C.x) * 2, i = b / 2), t = t.subtract(I(e, i, !0)).add(M).add(C), K(l, "leaflet-tooltip-right"), K(l, "leaflet-tooltip-left"), K(l, "leaflet-tooltip-top"), K(l, "leaflet-tooltip-bottom"), B(l, "leaflet-tooltip-" + v), Q(l, t);
+          var e, i, o = this._map, l = this._container, u = o.latLngToContainerPoint(o.getCenter()), p = o.layerPointToContainerPoint(t), v = this.options.direction, y = l.offsetWidth, b = l.offsetHeight, M = I(this.options.offset), S = this._getAnchor();
+          v === "top" ? (e = y / 2, i = b) : v === "bottom" ? (e = y / 2, i = 0) : v === "center" ? (e = y / 2, i = b / 2) : v === "right" ? (e = 0, i = b / 2) : v === "left" ? (e = y, i = b / 2) : p.x < u.x ? (v = "right", e = 0, i = b / 2) : (v = "left", e = y + (M.x + S.x) * 2, i = b / 2), t = t.subtract(I(e, i, !0)).add(M).add(S), K(l, "leaflet-tooltip-right"), K(l, "leaflet-tooltip-left"), K(l, "leaflet-tooltip-top"), K(l, "leaflet-tooltip-bottom"), B(l, "leaflet-tooltip-" + v), Q(l, t);
         },
         _updatePosition: function() {
           var t = this._map.latLngToLayerPoint(this._latlng);
@@ -5125,7 +5125,7 @@ function ro() {
         },
         _onOpaqueTile: w,
         _initContainer: function() {
-          this._container || (this._container = F("div", "leaflet-layer " + (this.options.className || "")), this._updateZIndex(), this.options.opacity < 1 && this._updateOpacity(), this.getPane().appendChild(this._container));
+          this._container || (this._container = H("div", "leaflet-layer " + (this.options.className || "")), this._updateZIndex(), this.options.opacity < 1 && this._updateOpacity(), this.getPane().appendChild(this._container));
         },
         _updateLevels: function() {
           var t = this._tileZoom, e = this.options.maxZoom;
@@ -5133,7 +5133,7 @@ function ro() {
             for (var i in this._levels)
               i = Number(i), this._levels[i].el.children.length || i === t ? (this._levels[i].el.style.zIndex = e - Math.abs(t - i), this._onUpdateLevel(i)) : (J(this._levels[i].el), this._removeTilesAtZoom(i), this._onRemoveLevel(i), delete this._levels[i]);
             var o = this._levels[t], l = this._map;
-            return o || (o = this._levels[t] = {}, o.el = F("div", "leaflet-tile-container leaflet-zoom-animated", this._container), o.el.style.zIndex = e, o.origin = l.project(l.unproject(l.getPixelOrigin()), t).round(), o.zoom = t, this._setZoomTransform(o, l.getCenter(), l.getZoom()), w(o.el.offsetWidth), this._onCreateLevel(o)), this._level = o, o;
+            return o || (o = this._levels[t] = {}, o.el = H("div", "leaflet-tile-container leaflet-zoom-animated", this._container), o.el.style.zIndex = e, o.origin = l.project(l.unproject(l.getPixelOrigin()), t).round(), o.zoom = t, this._setZoomTransform(o, l.getCenter(), l.getZoom()), w(o.el.offsetWidth), this._onCreateLevel(o)), this._level = o, o;
           }
         },
         _onUpdateLevel: w,
@@ -5251,9 +5251,9 @@ function ro() {
                 this._setView(t, i);
                 return;
               }
-              for (var C = l.min.y; C <= l.max.y; C++)
+              for (var S = l.min.y; S <= l.max.y; S++)
                 for (var R = l.min.x; R <= l.max.x; R++) {
-                  var st = new z(R, C);
+                  var st = new z(R, S);
                   if (st.z = this._tileZoom, !!this._isValidTile(st)) {
                     var et = this._tiles[this._tileCoordsToKey(st)];
                     et ? et.current = !0 : p.push(st);
@@ -5443,7 +5443,7 @@ function ro() {
             var i = this._globalTileRange.max.y - t.y;
             this.options.tms && (e.y = i), e["-y"] = i;
           }
-          return S(this._url, n(e, this.options));
+          return C(this._url, n(e, this.options));
         },
         _tileOnLoad: function(t, e) {
           T.ielt9 ? setTimeout(a(t, this, null, e), 0) : t(null, e);
@@ -5804,7 +5804,7 @@ function ro() {
         };
       })(), Ar = {
         _initContainer: function() {
-          this._container = F("div", "leaflet-vml-container");
+          this._container = H("div", "leaflet-vml-container");
         },
         _update: function() {
           this._map._animatingZoom || (Et.prototype._update.call(this), this.fire("update"));
@@ -5971,7 +5971,7 @@ function ro() {
           }, this);
         },
         _onMouseMove: function(t) {
-          this._moved || (this._moved = !0, this._box = F("div", "leaflet-zoom-box", this._container), B(this._container, "leaflet-crosshair"), this._map.fire("boxzoomstart")), this._point = this._map.mouseEventToContainerPoint(t);
+          this._moved || (this._moved = !0, this._box = H("div", "leaflet-zoom-box", this._container), B(this._container, "leaflet-crosshair"), this._map.fire("boxzoomstart")), this._point = this._map.mouseEventToContainerPoint(t);
           var e = new j(this._point, this._startPoint), i = e.getSize();
           Q(this._box, e.min), this._box.style.width = i.x + "px", this._box.style.height = i.y + "px";
         },
@@ -6119,10 +6119,10 @@ function ro() {
             e.fire("moveend");
           else {
             this._prunePositions(+/* @__PURE__ */ new Date());
-            var l = this._lastPos.subtract(this._positions[0]), u = (this._lastTime - this._times[0]) / 1e3, p = i.easeLinearity, v = l.multiplyBy(p / u), y = v.distanceTo([0, 0]), b = Math.min(i.inertiaMaxSpeed, y), M = v.multiplyBy(b / y), C = b / (i.inertiaDeceleration * p), R = M.multiplyBy(-C / 2).round();
+            var l = this._lastPos.subtract(this._positions[0]), u = (this._lastTime - this._times[0]) / 1e3, p = i.easeLinearity, v = l.multiplyBy(p / u), y = v.distanceTo([0, 0]), b = Math.min(i.inertiaMaxSpeed, y), M = v.multiplyBy(b / y), S = b / (i.inertiaDeceleration * p), R = M.multiplyBy(-S / 2).round();
             !R.x && !R.y ? e.fire("moveend") : (R = e._limitOffset(R, e.options.maxBounds), ot(function() {
               e.panBy(R, {
-                duration: C,
+                duration: S,
                 easeLinearity: p,
                 noMoveStart: !0,
                 animate: !0
@@ -8248,28 +8248,28 @@ class Ds {
     this.map = h, this.onSave = c, this.measurementSystem = n, this.controlsGroup = tt.layerGroup().addTo(h), this.baseCircleOptions = { ...s.options }, delete this.baseCircleOptions.editing, delete this.baseCircleOptions.original, this.addLayer(s), this.installEditEventBridges(), this.renderControls();
   }
   installEditEventBridges() {
-    var g, w, x, E, P, A, N, H;
-    const h = Ne, s = (w = (g = h == null ? void 0 : h.Draw) == null ? void 0 : g.Event) == null ? void 0 : w.EDITMOVE, c = (E = (x = h == null ? void 0 : h.Draw) == null ? void 0 : x.Event) == null ? void 0 : E.EDITRESIZE, n = (A = (P = h == null ? void 0 : h.Draw) == null ? void 0 : P.Event) == null ? void 0 : A.EDITSTART, r = (H = (N = h == null ? void 0 : h.Draw) == null ? void 0 : N.Event) == null ? void 0 : H.EDITSTOP;
+    var g, w, x, E, P, A, N, F;
+    const h = Ne, s = (w = (g = h == null ? void 0 : h.Draw) == null ? void 0 : g.Event) == null ? void 0 : w.EDITMOVE, c = (E = (x = h == null ? void 0 : h.Draw) == null ? void 0 : x.Event) == null ? void 0 : E.EDITRESIZE, n = (A = (P = h == null ? void 0 : h.Draw) == null ? void 0 : P.Event) == null ? void 0 : A.EDITSTART, r = (F = (N = h == null ? void 0 : h.Draw) == null ? void 0 : N.Event) == null ? void 0 : F.EDITSTOP;
     if (!s || !c) return;
-    const a = (S) => {
-      const D = S == null ? void 0 : S.layer;
+    const a = (C) => {
+      const D = C == null ? void 0 : C.layer;
       D && this.layers.includes(D) && this.syncCenters(D);
-    }, d = (S) => {
-      const D = S == null ? void 0 : S.layer;
+    }, d = (C) => {
+      const D = C == null ? void 0 : C.layer;
       D && this.layers.includes(D) && (this.updateLabels(D), this.requestRenderControls());
-    }, f = (S) => {
+    }, f = (C) => {
       var q;
-      const D = S == null ? void 0 : S.layer;
+      const D = C == null ? void 0 : C.layer;
       if (!D || !this.layers.includes(D)) return;
       const G = D;
       ((q = G.getTooltip) == null ? void 0 : q.call(G)) && this.updateLabels(G);
     }, _ = () => {
-      this.layers.forEach((S) => {
+      this.layers.forEach((C) => {
         var G;
-        const D = (G = S.getTooltip) == null ? void 0 : G.call(S);
-        D && (S.setTooltipContent(
-          fe(S.getRadius(), this.measurementSystem)
-        ), D.options.offset = [10, 0], D.options.direction = "right", S.closeTooltip(), S.openTooltip());
+        const D = (G = C.getTooltip) == null ? void 0 : G.call(C);
+        D && (C.setTooltipContent(
+          fe(C.getRadius(), this.measurementSystem)
+        ), D.options.offset = [10, 0], D.options.direction = "right", C.closeTooltip(), C.openTooltip());
       });
     };
     this.map.on(s, a), this.map.on(c, d), n && (this.map.on(n, f), this.detachMapListeners.push(() => this.map.off(n, f))), r && (this.map.on(r, _), this.detachMapListeners.push(() => this.map.off(r, _))), this.detachMapListeners.push(() => this.map.off(s, a)), this.detachMapListeners.push(() => this.map.off(c, d));
@@ -8462,23 +8462,23 @@ function Us(m, h, s, c) {
   const n = Jt(m), r = Jt(s), a = Jt(c - h), d = Math.atan((1 - Rt) * Math.tan(n)), f = Math.atan((1 - Rt) * Math.tan(r)), _ = Math.sin(d), g = Math.cos(d), w = Math.sin(f), x = Math.cos(f);
   let E = a, P = 0, A = 0;
   const N = 200;
-  let H = 0, S = 0, D = 0, G = 0, Y = 0;
+  let F = 0, C = 0, D = 0, G = 0, Y = 0;
   for (; Math.abs(E - P) > 1e-12 && A < N; ) {
     const rt = Math.sin(E), _e = Math.cos(E);
-    if (H = Math.sqrt(
+    if (F = Math.sqrt(
       (x * rt) ** 2 + (g * w - _ * x * _e) ** 2
-    ), H === 0)
+    ), F === 0)
       return {
         distanceMeters: 0,
         bearingRad: 0,
         iterations: A,
         converged: !0
       };
-    S = _ * w + g * x * _e, D = Math.atan2(H, S);
-    const ut = g * x * rt / H;
-    G = 1 - ut ** 2, Y = G === 0 ? 0 : S - 2 * _ * w / G;
+    C = _ * w + g * x * _e, D = Math.atan2(F, C);
+    const ut = g * x * rt / F;
+    G = 1 - ut ** 2, Y = G === 0 ? 0 : C - 2 * _ * w / G;
     const Kt = Rt / 16 * G * (4 + Rt * (4 - 3 * G));
-    P = E, E = a + (1 - Kt) * Rt * ut * (D + Kt * H * (Y + Kt * S * (-1 + 2 * Y ** 2))), A += 1;
+    P = E, E = a + (1 - Kt) * Rt * ut * (D + Kt * F * (Y + Kt * C * (-1 + 2 * Y ** 2))), A += 1;
   }
   if (A >= N)
     return {
@@ -8487,7 +8487,7 @@ function Us(m, h, s, c) {
       iterations: A,
       converged: !1
     };
-  const q = (ho ** 2 - jt ** 2) / jt ** 2 * G, at = 1 + q / 16384 * (4096 + q * (-768 + q * (320 - 175 * q))), _t = q / 1024 * (256 + q * (-128 + q * (74 - 47 * q))), Nt = _t * H * (Y + _t / 4 * (S * (-1 + 2 * Y ** 2) - _t / 6 * Y * (-3 + 4 * H ** 2) * (-3 + 4 * Y ** 2))), me = jt * at * (D - Nt), ot = Math.atan2(
+  const q = (ho ** 2 - jt ** 2) / jt ** 2 * G, at = 1 + q / 16384 * (4096 + q * (-768 + q * (320 - 175 * q))), _t = q / 1024 * (256 + q * (-128 + q * (74 - 47 * q))), Nt = _t * F * (Y + _t / 4 * (C * (-1 + 2 * Y ** 2) - _t / 6 * Y * (-3 + 4 * F ** 2) * (-3 + 4 * Y ** 2))), me = jt * at * (D - Nt), ot = Math.atan2(
     x * Math.sin(E),
     g * w - _ * x * Math.cos(E)
   );
@@ -8504,7 +8504,7 @@ function Zs(m, h, s, c) {
   ), P = _ * w + g * x * Math.cos(a), A = Math.atan2(E, P);
   if (A === 0)
     return { distanceMeters: 0, bearingRad: 0 };
-  const H = 1 - (g * x * Math.sin(a) / Math.sin(A)) ** 2, S = H === 0 ? 0 : P - 2 * _ * w / H, D = (ho ** 2 - jt ** 2) / jt ** 2 * H, G = 1 + D / 16384 * (4096 + D * (-768 + D * (320 - 175 * D))), Y = D / 1024 * (256 + D * (-128 + D * (74 - 47 * D))), q = Y * E * (S + Y / 4 * (P * (-1 + 2 * S ** 2) - Y / 6 * S * (-3 + 4 * E ** 2) * (-3 + 4 * S ** 2))), at = jt * G * (A - q), _t = Math.atan2(
+  const F = 1 - (g * x * Math.sin(a) / Math.sin(A)) ** 2, C = F === 0 ? 0 : P - 2 * _ * w / F, D = (ho ** 2 - jt ** 2) / jt ** 2 * F, G = 1 + D / 16384 * (4096 + D * (-768 + D * (320 - 175 * D))), Y = D / 1024 * (256 + D * (-128 + D * (74 - 47 * D))), q = Y * E * (C + Y / 4 * (P * (-1 + 2 * C ** 2) - Y / 6 * C * (-3 + 4 * E ** 2) * (-3 + 4 * C ** 2))), at = jt * G * (A - q), _t = Math.atan2(
     x * Math.sin(a),
     g * w - _ * x * Math.cos(a)
   );
@@ -8557,7 +8557,14 @@ function Mi(m, h = {}) {
   ), n;
 }
 let eo = !1;
-class Ys {
+const Ys = {
+  polygon: "tool:polygon:created",
+  polyline: "tool:polyline:created",
+  rectangle: "tool:rectangle:created",
+  circle: "tool:circle:created",
+  marker: "tool:marker:created"
+};
+class qs {
   constructor(h) {
     k(this, "container");
     k(this, "logger");
@@ -8598,6 +8605,32 @@ class Ys {
       useExternalLeaflet: h.useExternalLeaflet
     }), bs(this.L), xs(this.L), ws(this.L);
   }
+  emitToolEvent(h, s) {
+    var n, r;
+    try {
+      (r = (n = this.options.toolHooks) == null ? void 0 : n[h]) == null || r.call(n, s);
+    } catch (a) {
+      this._error(`tool hook failed: ${h}`, a);
+    }
+    const c = this.options.toolEventEmitter;
+    if (c)
+      try {
+        if (typeof c.emit == "function") {
+          c.emit(h, s);
+          return;
+        }
+        typeof c.dispatchEvent == "function" && c.dispatchEvent(
+          new CustomEvent(h, {
+            detail: s
+          })
+        );
+      } catch (a) {
+        this._error(`tool emitter failed: ${h}`, a);
+      }
+  }
+  setToolObservers(h) {
+    this.options.toolHooks = h.toolHooks, this.options.toolEventEmitter = h.toolEventEmitter;
+  }
   resolveLeaflet(h) {
     if (!h.useExternalLeaflet)
       return Ne;
@@ -8625,24 +8658,24 @@ class Ys {
         preferCanvas: A = !0,
         // Default to Canvas rendering for better performance
         useExternalLeaflet: N
-      } = this.options.map, H = [f, _], S = this.L;
-      N && Mi(S, {
+      } = this.options.map, F = [f, _], C = this.L;
+      N && Mi(C, {
         onError: (at) => this.logger.warn("external-leaflet-missing-draw", { message: at })
-      }), this.map = S.map(this.container, {
+      }), this.map = C.map(this.container, {
         zoomControl: !0,
         preferCanvas: A
-      }).setView(H, g), this.setTileLayer({
+      }).setView(F, g), this.setTileLayer({
         urlTemplate: E,
         attribution: P != null ? P : "",
         maxZoom: x
-      }), this.drawnItems = S.featureGroup().addTo(this.map);
+      }), this.drawnItems = C.featureGroup().addTo(this.map);
       const D = this.buildDrawOptions(
         this.options.controls,
         !!this.options.readOnly
-      ), G = S.Control.Draw;
+      ), G = C.Control.Draw;
       this.drawControl = new G(D), this.map.addControl(this.drawControl), this.applyLayerCakeToolbarIcon(), this.applyMoveToolbarIcon(), this.options.controls.ruler && (this.logger.debug("init:ruler", {
-        available: typeof S.control.ruler == "function"
-      }), typeof S.control.ruler == "function" ? (this.addRulerControl(), this.installMeasurementSettingsControl()) : this.logger.warn("init:ruler:missing", {
+        available: typeof C.control.ruler == "function"
+      }), typeof C.control.ruler == "function" ? (this.addRulerControl(), this.installMeasurementSettingsControl()) : this.logger.warn("init:ruler:missing", {
         msg: "L.control.ruler is not defined"
       })), this.patchLeafletDrawBugs(), this.installPolygonFinishPatch(), this.map.invalidateSize(), setTimeout(() => {
         var at;
@@ -8819,7 +8852,12 @@ class Ys {
     return a || null;
   }
   setRulerUnits(h) {
-    this.measurementSystem !== h && (this.measurementSystem = h, this.logger.debug("ruler:units", { system: h }), this.syncMeasurementModalState(), this.rebuildRulerControl());
+    if (this.measurementSystem === h) return;
+    const s = this.measurementSystem;
+    this.measurementSystem = h, this.logger.debug("ruler:units", { system: h }), this.emitToolEvent("tool:ruler:units-changed", {
+      previous: s,
+      current: h
+    }), this.syncMeasurementModalState(), this.rebuildRulerControl();
   }
   // ---------------- Internals ----------------
   buildDrawOptions(h, s) {
@@ -9050,7 +9088,7 @@ class Ys {
     const h = this.map, s = (f = (d = this.drawControl) == null ? void 0 : d._toolbars) == null ? void 0 : f.draw;
     if (!s || !!!((g = (_ = s._modes) == null ? void 0 : _.polygon) != null && g.handler)) return;
     const n = 10, r = (w) => {
-      var x, E, P, A, N, H, S, D;
+      var x, E, P, A, N, F, C, D;
       try {
         const G = (E = (x = s._modes) == null ? void 0 : x.polygon) == null ? void 0 : E.handler;
         if (!G || !G._enabled) return;
@@ -9059,7 +9097,7 @@ class Ys {
         const q = (A = (P = Y[0]) == null ? void 0 : P.getLatLng) == null ? void 0 : A.call(P);
         if (!q) return;
         const at = h.latLngToContainerPoint(q), _t = h.latLngToContainerPoint(w.latlng);
-        Math.hypot(at.x - _t.x, at.y - _t.y) <= n && typeof G._finishShape == "function" && ((H = (N = w.originalEvent) == null ? void 0 : N.preventDefault) == null || H.call(N), (D = (S = w.originalEvent) == null ? void 0 : S.stopPropagation) == null || D.call(S), G._finishShape());
+        Math.hypot(at.x - _t.x, at.y - _t.y) <= n && typeof G._finishShape == "function" && ((F = (N = w.originalEvent) == null ? void 0 : N.preventDefault) == null || F.call(N), (D = (C = w.originalEvent) == null ? void 0 : C.stopPropagation) == null || D.call(C), G._finishShape());
       } catch (G) {
         this._error("polygon-finish-patch", G);
       }
@@ -9092,8 +9130,8 @@ class Ys {
         let P;
         if (w) {
           let N = ["ha", "m"];
-          const H = typeof w;
-          H === "string" ? N = [w] : H !== "boolean" && (N = Array.isArray(w) ? w : N), g >= 1e6 && N.indexOf("km") !== -1 ? P = `${_(1e-6 * g, E.km)} km²` : g >= 1e4 && N.indexOf("ha") !== -1 ? P = `${_(1e-4 * g, E.ha)} ha` : P = `${_(g, E.m)} m²`;
+          const F = typeof w;
+          F === "string" ? N = [w] : F !== "boolean" && (N = Array.isArray(w) ? w : N), g >= 1e6 && N.indexOf("km") !== -1 ? P = `${_(1e-6 * g, E.km)} km²` : g >= 1e4 && N.indexOf("ha") !== -1 ? P = `${_(1e-4 * g, E.ha)} ha` : P = `${_(g, E.m)} m²`;
         } else
           g = g / 0.836127, g >= 3097600 ? P = `${_(g / 3097600, E.mi)} mi²` : g >= 4840 ? P = `${_(g / 4840, E.ac)} acres` : P = `${_(g, E.yd)} yd²`;
         return P;
@@ -9139,22 +9177,27 @@ class Ys {
           this.activeCakeSession = new Ds(
             this.map,
             r,
-            (g) => {
+            (w) => {
               if (!this.drawnItems) return;
-              const w = this.store.add(g), x = this.L.geoJSON(g);
-              let E = 0;
-              x.eachLayer((P) => {
-                var N, H, S;
-                const A = (N = w[E]) != null ? N : w[w.length - 1];
-                P._fid = A, this.drawnItems.addLayer(P), this.installVertexContextMenu(P), (S = (H = this.options.callbacks) == null ? void 0 : H.onCreated) == null || S.call(H, {
-                  id: A,
+              const x = this.store.add(w), E = this.L.geoJSON(w);
+              let P = 0;
+              E.eachLayer((A) => {
+                var F, C, D;
+                const N = (F = x[P]) != null ? F : x[x.length - 1];
+                A._fid = N, this.drawnItems.addLayer(A), this.installVertexContextMenu(A), (D = (C = this.options.callbacks) == null ? void 0 : C.onCreated) == null || D.call(C, {
+                  id: N,
                   layerType: "polygon",
-                  geoJSON: P.toGeoJSON()
-                }), E++;
-              }), this.activeCakeSession = null;
+                  geoJSON: A.toGeoJSON()
+                }), P++;
+              }), this.activeCakeSession = null, this.emitToolEvent("tool:layer-cake:saved", {
+                featureCollection: w
+              });
             },
             this.measurementSystem
-          );
+          ), this.emitToolEvent("tool:layer-cake:session-started", {
+            center: r.getLatLng(),
+            radius: r.getRadius()
+          });
           return;
         }
         this.drawnItems.addLayer(r);
@@ -9163,6 +9206,11 @@ class Ys {
           features: [d]
         })[0];
         r._fid = _, this.installVertexContextMenu(r), (n = (c = this.options.callbacks) == null ? void 0 : c.onCreated) == null || n.call(c, { id: _, layerType: a, geoJSON: d });
+        const g = Ys[a];
+        g && this.emitToolEvent(g, {
+          id: _,
+          geoJSON: d
+        });
       } catch (r) {
         this._error("onCreated handler failed", r);
       }
@@ -9170,20 +9218,25 @@ class Ys {
       var s, c;
       try {
         const n = [];
-        h.layers.eachLayer((a) => {
-          const d = a.toGeoJSON(), f = a._fid;
-          if (f)
-            this.store.update(f, d), n.push(f);
+        h.layers.eachLayer((d) => {
+          const f = d.toGeoJSON(), _ = d._fid;
+          if (_)
+            this.store.update(_, f), n.push(_);
           else {
-            const _ = this.store.add({
+            const g = this.store.add({
               type: "FeatureCollection",
-              features: [d]
+              features: [f]
             })[0];
-            a._fid = _, n.push(_);
+            d._fid = g, n.push(g);
           }
-        }), (c = (s = this.options.callbacks) == null ? void 0 : s.onEdited) == null || c.call(s, {
+        });
+        const a = this.store.toFeatureCollection();
+        (c = (s = this.options.callbacks) == null ? void 0 : s.onEdited) == null || c.call(s, {
           ids: n,
-          geoJSON: this.store.toFeatureCollection()
+          geoJSON: a
+        }), this.emitToolEvent("tool:edit:applied", {
+          ids: n,
+          geoJSON: a
         });
       } catch (n) {
         this._error("onEdited handler failed", n);
@@ -9192,36 +9245,51 @@ class Ys {
       var s, c;
       try {
         const n = [];
-        h.layers.eachLayer((a) => {
-          const d = a._fid;
-          d && (n.push(d), this.store.remove(d));
-        }), (c = (s = this.options.callbacks) == null ? void 0 : s.onDeleted) == null || c.call(s, {
+        h.layers.eachLayer((d) => {
+          const f = d._fid;
+          f && (n.push(f), this.store.remove(f));
+        });
+        const a = this.store.toFeatureCollection();
+        (c = (s = this.options.callbacks) == null ? void 0 : s.onDeleted) == null || c.call(s, {
           ids: n,
-          geoJSON: this.store.toFeatureCollection()
+          geoJSON: a
+        }), this.emitToolEvent("tool:delete:applied", {
+          ids: n,
+          geoJSON: a
         });
       } catch (n) {
         this._error("onDeleted handler failed", n);
       }
     }), this.map.on("draw:moveend", (h) => {
+      var s;
       try {
-        this.showMoveConfirmationUI(h.layer, h.originalGeoJSON, h.newGeoJSON);
-      } catch (s) {
-        this._error("draw:moveend handler failed", s);
+        this.emitToolEvent("tool:move:pending", {
+          layerId: (s = h == null ? void 0 : h.layer) == null ? void 0 : s._fid,
+          originalGeoJSON: h == null ? void 0 : h.originalGeoJSON,
+          newGeoJSON: h == null ? void 0 : h.newGeoJSON
+        }), this.showMoveConfirmationUI(h.layer);
+      } catch (c) {
+        this._error("draw:moveend handler failed", c);
       }
     }), this.map.on("draw:moveconfirmed", (h) => {
-      var s, c;
+      var s, c, n;
       try {
-        const n = h.layer, r = n._fid;
-        if (r) {
-          const a = n.toGeoJSON();
-          this.store.update(r, a), (c = (s = this.options.callbacks) == null ? void 0 : s.onEdited) == null || c.call(s, {
-            ids: [r],
+        this.emitToolEvent("tool:move:confirmed", {
+          layerId: (s = h == null ? void 0 : h.layer) == null ? void 0 : s._fid,
+          originalGeoJSON: h == null ? void 0 : h.originalGeoJSON,
+          newGeoJSON: h == null ? void 0 : h.newGeoJSON
+        });
+        const r = h.layer, a = r._fid;
+        if (a) {
+          const d = r.toGeoJSON();
+          this.store.update(a, d), (n = (c = this.options.callbacks) == null ? void 0 : c.onEdited) == null || n.call(c, {
+            ids: [a],
             geoJSON: this.store.toFeatureCollection()
           });
         }
         this.hideMoveConfirmationUI();
-      } catch (n) {
-        this._error("draw:moveconfirmed handler failed", n);
+      } catch (r) {
+        this._error("draw:moveconfirmed handler failed", r);
       }
     }));
   }
@@ -9303,8 +9371,8 @@ class Ys {
     const g = h.getLatLngs();
     return (Array.isArray(g[0]) ? g : [g]).forEach((x, E) => {
       x.forEach((P, A) => {
-        const N = n(P), H = r(N, a);
-        H < d && (d = H, f = E, _ = A);
+        const N = n(P), F = r(N, a);
+        F < d && (d = F, f = E, _ = A);
       });
     }), f === -1 || d > c ? null : { pathIndex: f, vertexIndex: _ };
   }
@@ -9336,38 +9404,40 @@ class Ys {
     }
   }
   // -------- Move tool Save/Cancel UI --------
-  showMoveConfirmationUI(h, s, c) {
-    var n, r;
+  showMoveConfirmationUI(h) {
+    var s, c;
     try {
       if (this.hideMoveConfirmationUI(), !this.container || !this.map) return;
-      const a = this.drawControl;
-      if (!a) return;
-      const d = (n = a == null ? void 0 : a._toolbars) == null ? void 0 : n.draw;
-      if (!d) return;
-      const f = d._modes || {};
-      let _ = null;
-      for (const E in f) {
-        const P = f[E];
-        if (((r = P == null ? void 0 : P.handler) == null ? void 0 : r.type) === "move") {
-          _ = P.handler;
+      const n = this.drawControl;
+      if (!n) return;
+      const r = (s = n == null ? void 0 : n._toolbars) == null ? void 0 : s.draw;
+      if (!r) return;
+      const a = r._modes || {};
+      let d = null;
+      for (const w in a) {
+        const x = a[w];
+        if (((c = x == null ? void 0 : x.handler) == null ? void 0 : c.type) === "move") {
+          d = x.handler;
           break;
         }
       }
-      this.activeMoveHandler = _;
-      const g = document.createElement("div");
-      g.style.position = "absolute", g.style.bottom = "60px", g.style.left = "50%", g.style.transform = "translateX(-50%)", g.style.display = "flex", g.style.gap = "8px", g.style.background = "#fff", g.style.border = "2px solid #3388ff", g.style.borderRadius = "8px", g.style.padding = "12px 16px", g.style.boxShadow = "0 4px 12px rgba(0,0,0,0.2)", g.style.zIndex = "10000", g.style.fontSize = "14px", g.style.fontFamily = "system-ui, sans-serif";
-      const w = document.createElement("button");
-      w.textContent = "✓ Save", w.style.padding = "8px 16px", w.style.border = "none", w.style.background = "#28a745", w.style.color = "#fff", w.style.borderRadius = "4px", w.style.cursor = "pointer", w.style.fontWeight = "600", w.style.fontSize = "14px", w.addEventListener("click", (E) => {
-        E.stopPropagation(), E.preventDefault(), _ != null && _.confirmMove && _.confirmMove();
+      this.activeMoveHandler = d;
+      const f = document.createElement("div");
+      f.style.position = "absolute", f.style.bottom = "60px", f.style.left = "50%", f.style.transform = "translateX(-50%)", f.style.display = "flex", f.style.gap = "8px", f.style.background = "#fff", f.style.border = "2px solid #3388ff", f.style.borderRadius = "8px", f.style.padding = "12px 16px", f.style.boxShadow = "0 4px 12px rgba(0,0,0,0.2)", f.style.zIndex = "10000", f.style.fontSize = "14px", f.style.fontFamily = "system-ui, sans-serif";
+      const _ = document.createElement("button");
+      _.textContent = "✓ Save", _.style.padding = "8px 16px", _.style.border = "none", _.style.background = "#28a745", _.style.color = "#fff", _.style.borderRadius = "4px", _.style.cursor = "pointer", _.style.fontWeight = "600", _.style.fontSize = "14px", _.addEventListener("click", (w) => {
+        w.stopPropagation(), w.preventDefault(), d != null && d.confirmMove && d.confirmMove();
       });
-      const x = document.createElement("button");
-      x.textContent = "✕ Cancel", x.style.padding = "8px 16px", x.style.border = "1px solid #ccc", x.style.background = "#fff", x.style.color = "#333", x.style.borderRadius = "4px", x.style.cursor = "pointer", x.style.fontWeight = "600", x.style.fontSize = "14px", x.addEventListener("click", (E) => {
-        E.stopPropagation(), E.preventDefault(), _ != null && _.cancelMove && _.cancelMove(), this.hideMoveConfirmationUI();
-      }), g.appendChild(w), g.appendChild(x), this.container.appendChild(g), this.moveConfirmationUI = g, this.logger.debug("showMoveConfirmationUI", {
+      const g = document.createElement("button");
+      g.textContent = "✕ Cancel", g.style.padding = "8px 16px", g.style.border = "1px solid #ccc", g.style.background = "#fff", g.style.color = "#333", g.style.borderRadius = "4px", g.style.cursor = "pointer", g.style.fontWeight = "600", g.style.fontSize = "14px", g.addEventListener("click", (w) => {
+        w.stopPropagation(), w.preventDefault(), this.emitToolEvent("tool:move:cancelled", {
+          layerId: h == null ? void 0 : h._fid
+        }), d != null && d.cancelMove && d.cancelMove(), this.hideMoveConfirmationUI();
+      }), f.appendChild(_), f.appendChild(g), this.container.appendChild(f), this.moveConfirmationUI = f, this.logger.debug("showMoveConfirmationUI", {
         layerId: h._fid
       });
-    } catch (a) {
-      this._error("showMoveConfirmationUI", a);
+    } catch (n) {
+      this._error("showMoveConfirmationUI", n);
     }
   }
   hideMoveConfirmationUI() {
@@ -9404,7 +9474,7 @@ function uo(m) {
   const h = m.trim();
   return h.length > 0 ? h : void 0;
 }
-function qs(m) {
+function js(m) {
   const { style: h, attribution: s } = m, c = co(m.provider), n = uo(m.apiKey);
   switch (c) {
     case "osm":
@@ -9429,7 +9499,7 @@ function qs(m) {
       throw new Error(`Unknown tile provider: ${m.provider}`);
   }
 }
-function js(m) {
+function Js(m) {
   const h = co(m.provider), s = uo(m.apiKey);
   return h ? h === "here" && !s ? { valid: !1, error: "HERE Maps requires an API key" } : { valid: !0 } : { valid: !1, error: "Provider is required" };
 }
@@ -9470,6 +9540,8 @@ class zi extends HTMLElement {
     k(this, "_useExternalLeaflet", !1);
     k(this, "_skipLeafletStyles", !1);
     k(this, "_leafletInstance");
+    k(this, "_toolHooks");
+    k(this, "_toolEventEmitter");
     this._root = this.attachShadow({ mode: "open" }), this._root.innerHTML = `
       <style>
         :host {
@@ -9531,7 +9603,7 @@ class zi extends HTMLElement {
     this._logger.debug("connectedCallback", this._currentConfig()), as({
       root: this._root,
       skipStyles: this._skipLeafletStyles
-    }), this._applyThemeStyles(), this._controller = new Ys({
+    }), this._applyThemeStyles(), this._controller = new qs({
       container: this._container,
       map: this._mapConfig(),
       controls: this._controlsFromAttributes(),
@@ -9561,7 +9633,9 @@ class zi extends HTMLElement {
         }
       },
       leaflet: (s = this._leafletInstance) != null ? s : void 0,
-      useExternalLeaflet: this._useExternalLeaflet
+      useExternalLeaflet: this._useExternalLeaflet,
+      toolHooks: this._toolHooks,
+      toolEventEmitter: this._toolEventEmitter
     }), await this._controller.init(), this._tileProvider && this._updateTileLayer();
   }
   async disconnectedCallback() {
@@ -9684,7 +9758,7 @@ class zi extends HTMLElement {
           style: this._tileStyle,
           apiKey: this._apiKey,
           attribution: this._tileAttribution
-        }, _ = js(f);
+        }, _ = Js(f);
         if (!_.valid) {
           const x = (c = _.error) != null && c.toLowerCase().includes("api key") ? "missing_api_key" : "tile_load_failed";
           this._handleTileProviderError(
@@ -9694,7 +9768,7 @@ class zi extends HTMLElement {
           );
           return;
         }
-        const g = qs(f), w = this._activeTileProvider;
+        const g = js(f), w = this._activeTileProvider;
         s.setTileLayer(g, {
           onTileError: (x) => {
             if (this._tileProvider !== d) return;
@@ -9864,6 +9938,28 @@ class zi extends HTMLElement {
   set leafletInstance(s) {
     this._leafletInstance = s;
   }
+  get toolHooks() {
+    return this._toolHooks;
+  }
+  set toolHooks(s) {
+    this._toolHooks = s;
+    const c = this._controller;
+    typeof (c == null ? void 0 : c.setToolObservers) == "function" && c.setToolObservers({
+      toolHooks: this._toolHooks,
+      toolEventEmitter: this._toolEventEmitter
+    });
+  }
+  get toolEventEmitter() {
+    return this._toolEventEmitter;
+  }
+  set toolEventEmitter(s) {
+    this._toolEventEmitter = s;
+    const c = this._controller;
+    typeof (c == null ? void 0 : c.setToolObservers) == "function" && c.setToolObservers({
+      toolHooks: this._toolHooks,
+      toolEventEmitter: this._toolEventEmitter
+    });
+  }
   get themeCss() {
     return this._themeCss;
   }
@@ -10066,16 +10162,16 @@ if (!customElements.get(no)) {
   }
   customElements.define(no, m);
 }
-const Js = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ks = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   LeafletDrawMapElement: zi
-}, Symbol.toStringTag, { value: "Module" })), Ks = "leaflet-geokit";
+}, Symbol.toStringTag, { value: "Module" })), Xs = "leaflet-geokit";
 let Re = null;
-function Xs() {
-  return typeof customElements == "undefined" ? !1 : !!customElements.get(Ks);
+function Qs() {
+  return typeof customElements == "undefined" ? !1 : !!customElements.get(Xs);
 }
-async function Qs() {
-  typeof customElements != "undefined" && (Xs() || (Re || (Re = Promise.resolve().then(() => Js).then(() => {
+async function $s() {
+  typeof customElements != "undefined" && (Qs() || (Re || (Re = Promise.resolve().then(() => Ks).then(() => {
   }).finally(() => {
     Re = null;
   })), await Re));
@@ -10086,13 +10182,13 @@ const oo = [
   "leaflet-draw:deleted",
   "leaflet-draw:merged"
 ];
-function $s(m) {
+function ta(m) {
   return m ? typeof m == "string" ? m : Object.entries(m).map(([h, s]) => `${h}: ${String(s)};`).join(" ") : "";
 }
 function Ei(m) {
   return m instanceof Error ? m : typeof m == "string" ? new Error(m) : new Error("Unknown GeoKit Preact shim error");
 }
-function ta(m, h) {
+function ea(m, h) {
   Object.entries(h).forEach(([s, c]) => {
     if (c === !1 || c === null || c === void 0) {
       m.removeAttribute(s);
@@ -10105,24 +10201,24 @@ function ta(m, h) {
     m.setAttribute(s, String(c));
   });
 }
-function ea(m, h) {
+function ia(m, h) {
   if (h === "external") {
     m.useExternalLeaflet = !0, m.skipLeafletStyles = !0, m.setAttribute("use-external-leaflet", ""), m.setAttribute("skip-leaflet-styles", "");
     return;
   }
   m.useExternalLeaflet = !1, m.skipLeafletStyles = !1, m.removeAttribute("use-external-leaflet"), m.removeAttribute("skip-leaflet-styles");
 }
-function ia(m) {
+function na(m) {
   return function(s) {
-    const c = Zr(null), n = Hr(() => $s(s.style), [s.style]);
+    const c = Zr(null), n = Hr(() => ta(s.style), [s.style]);
     return Fr(() => {
       let r = !1, a;
-      return Qs().then(() => {
+      return $s().then(() => {
         if (r) return;
         const d = c.current;
         if (!d) return;
         const f = s.externalLeaflet != null ? s.externalLeaflet ? "external" : "bundled" : m;
-        ea(d, f), s.leafletInstance && (d.leafletInstance = s.leafletInstance), s.attributes && ta(d, s.attributes);
+        ia(d, f), d.leafletInstance = s.leafletInstance, d.toolHooks = s.toolHooks, d.toolEventEmitter = s.toolEventEmitter, s.attributes && ea(d, s.attributes);
         const _ = async () => {
           var x, E, P;
           try {
@@ -10157,6 +10253,8 @@ function ia(m) {
       m,
       s.externalLeaflet,
       s.leafletInstance,
+      s.toolHooks,
+      s.toolEventEmitter,
       s.attributes,
       s.initialGeoJSONText,
       s.onChangeText,
@@ -10170,9 +10268,9 @@ function ia(m) {
     });
   };
 }
-const sa = ia("bundled");
+const aa = na("bundled");
 export {
-  sa as PreactLeafletGeoKit,
-  sa as default
+  aa as PreactLeafletGeoKit,
+  aa as default
 };
 //# sourceMappingURL=index.js.map