@watergis/maplibre-gl-terradraw 1.3.9 → 1.3.10

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

@@ -15,7 +15,7 @@ var M;
 (function(s) {
   s.Commit = "commit", s.Provisional = "provisional", s.Finish = "finish";
 })(M || (M = {}));
-const T = { SELECTED: "selected", MID_POINT: "midPoint", SELECTION_POINT: "selectionPoint" }, V = "edited", st = "closingPoint", Lt = "snappingPoint", kt = "coordinatePoint", rt = "coordinatePointIds";
+const T = { SELECTED: "selected", MID_POINT: "midPoint", SELECTION_POINT: "selectionPoint" }, V = "edited", st = "closingPoint", _t = "snappingPoint", kt = "coordinatePoint", rt = "coordinatePointIds";
 function wt(s) {
   return !!(s && typeof s == "object" && s !== null && !Array.isArray(s));
 }
@@ -182,8 +182,8 @@ function Bt(s) {
   function o(r, n, a, l) {
     const d = t[r][n], h = t[r][n + 1], c = t[a][l], u = t[a][l + 1], p = function(m, v, f, C) {
       if (ct(m, f) || ct(m, C) || ct(v, f) || ct(C, f)) return null;
-      const P = m[0], S = m[1], b = v[0], w = v[1], D = f[0], G = f[1], _ = C[0], j = C[1], z = (P - b) * (G - j) - (S - w) * (D - _);
-      return z === 0 ? null : [((P * w - S * b) * (D - _) - (P - b) * (D * j - G * _)) / z, ((P * w - S * b) * (G - j) - (S - w) * (D * j - G * _)) / z];
+      const P = m[0], S = m[1], b = v[0], w = v[1], D = f[0], G = f[1], L = C[0], j = C[1], z = (P - b) * (G - j) - (S - w) * (D - L);
+      return z === 0 ? null : [((P * w - S * b) * (D - L) - (P - b) * (D * j - G * L)) / z, ((P * w - S * b) * (G - j) - (S - w) * (D * j - G * L)) / z];
     }(d, h, c, u);
     if (p === null) return;
     let g, y;
@@ -562,8 +562,8 @@ function ni(s, t, e) {
     const [Gt, At, Tt] = j, [Ut, Vt, Rt] = z;
     return [At * Rt - Tt * Vt, Tt * Ut - Gt * Rt, Gt * Vt - At * Ut];
   }(i, o), u = h * l - c * a, p = c * n - d * l, g = d * a - h * n, y = g * h - p * c, m = u * c - g * d, v = p * d - u * h, f = 1 / Math.sqrt(Math.pow(y, 2) + Math.pow(m, 2) + Math.pow(v, 2)), C = [y * f, m * f, v * f], P = [-1 * y * f, -1 * m * f, -1 * v * f], S = X(i, o), b = X(i, C), w = X(o, C), D = X(i, P), G = X(o, P);
-  let _;
-  return _ = b < D && b < G || w < D && w < G ? C : P, X(i, _) > S || X(o, _) > S ? U(K(_), K(i)) <= U(K(_), K(o)) ? [K(i), !0, !1] : [K(o), !1, !0] : [K(_), !1, !1];
+  let L;
+  return L = b < D && b < G || w < D && w < G ? C : P, X(i, L) > S || X(o, L) > S ? U(K(L), K(i)) <= U(K(L), K(o)) ? [K(i), !0, !1] : [K(o), !1, !0] : [K(L), !1, !1];
 }
 function ai(s, t, e) {
   const i = t.x - s.x, o = t.y - s.y, r = Math.max(0, Math.min(1, ((e.x - s.x) * i + (e.y - s.y) * o) / (i * i + o * o)));
@@ -595,7 +595,7 @@ class Ie extends k {
           if (f[0] === u[0] && f[1] === u[1]) P = f;
           else if (C[0] === u[0] && C[1] === u[1]) P = C;
           else {
-            const { x: G, y: _ } = ai(b, w, D), { lng: j, lat: z } = W(G, _);
+            const { x: G, y: L } = ai(b, w, D), { lng: j, lat: z } = W(G, L);
             P = [j, z];
           }
           P && (S = E(D, x(P[0], P[1])), S < y && (g = P, y = S, m = p.indexOf(v)));
@@ -678,7 +678,7 @@ class be extends N {
     if (e) {
       if (this.snappedPointId) this.store.updateGeometry([{ id: this.snappedPointId, geometry: { type: "Point", coordinates: e } }]);
       else {
-        const [n] = this.store.create([{ geometry: { type: "Point", coordinates: e }, properties: { mode: this.mode, [Lt]: !0 } }]);
+        const [n] = this.store.create([{ geometry: { type: "Point", coordinates: e }, properties: { mode: this.mode, [_t]: !0 } }]);
         this.snappedPointId = n;
       }
       t.lng = e[0], t.lat = e[1];
@@ -984,7 +984,7 @@ class Ee extends N {
     if (e) {
       if (this.snappedPointId) this.store.updateGeometry([{ id: this.snappedPointId, geometry: { type: "Point", coordinates: e } }]);
       else {
-        const [r] = this.store.create([{ geometry: { type: "Point", coordinates: e }, properties: { mode: this.mode, [Lt]: !0 } }]);
+        const [r] = this.store.create([{ geometry: { type: "Point", coordinates: e }, properties: { mode: this.mode, [_t]: !0 } }]);
         this.snappedPointId = r;
       }
       t.lng = e[0], t.lat = e[1];
@@ -1111,7 +1111,7 @@ class Ee extends N {
     if (t.properties.mode === this.mode) {
       if (t.geometry.type === "Polygon") return e.polygonFillColor = this.getHexColorStylingValue(this.styles.fillColor, e.polygonFillColor, t), e.polygonOutlineColor = this.getHexColorStylingValue(this.styles.outlineColor, e.polygonOutlineColor, t), e.polygonOutlineWidth = this.getNumericStylingValue(this.styles.outlineWidth, e.polygonOutlineWidth, t), e.polygonFillOpacity = this.getNumericStylingValue(this.styles.fillOpacity, e.polygonFillOpacity, t), e.zIndex = 10, e;
       if (t.geometry.type === "Point") {
-        const i = t.properties[V], o = t.properties[kt], r = i ? "editedPoint" : t.properties[st] ? "closingPoint" : t.properties[Lt] ? "snappingPoint" : o ? "coordinatePoint" : void 0;
+        const i = t.properties[V], o = t.properties[kt], r = i ? "editedPoint" : t.properties[st] ? "closingPoint" : t.properties[_t] ? "snappingPoint" : o ? "coordinatePoint" : void 0;
         if (!r) return e;
         const n = { editedPoint: { width: this.styles.editedPointOutlineWidth, color: this.styles.editedPointColor, outlineColor: this.styles.editedPointOutlineColor, outlineWidth: this.styles.editedPointOutlineWidth }, closingPoint: { width: this.styles.closingPointWidth, color: this.styles.closingPointColor, outlineColor: this.styles.closingPointOutlineColor, outlineWidth: this.styles.closingPointOutlineWidth }, snappingPoint: { width: this.styles.snappingPointWidth, color: this.styles.snappingPointColor, outlineColor: this.styles.snappingPointOutlineColor, outlineWidth: this.styles.snappingPointOutlineWidth }, coordinatePoint: { width: this.styles.coordinatePointWidth, color: this.styles.coordinatePointColor, outlineColor: this.styles.coordinatePointOutlineColor, outlineWidth: this.styles.coordinatePointOutlineWidth } };
         return e.pointWidth = this.getNumericStylingValue(n[r].width, e.pointWidth, t), e.pointColor = this.getHexColorStylingValue(n[r].color, e.pointColor, t), e.pointOutlineColor = this.getHexColorStylingValue(n[r].outlineColor, e.pointOutlineColor, t), e.pointOutlineWidth = this.getNumericStylingValue(n[r].outlineWidth, 2, t), e.zIndex = i ? 35 : o ? 25 : 30, e;
@@ -1322,7 +1322,7 @@ class Si extends k {
     if (this._selectionPoints[t] !== void 0) return { id: this._selectionPoints[t], geometry: { type: "Point", coordinates: e } };
   }
 }
-function _e(s, t) {
+function Le(s, t) {
   let e = !1;
   for (let n = 0, a = t.length; n < a; n++) {
     const l = t[n];
@@ -1331,7 +1331,7 @@ function _e(s, t) {
   var i, o, r;
   return e;
 }
-const Le = (s, t, e) => {
+const _e = (s, t, e) => {
   const i = (r) => r * r, o = (r, n) => i(r.x - n.x) + i(r.y - n.y);
   return Math.sqrt(((r, n, a) => {
     const l = o(n, a);
@@ -1356,12 +1356,12 @@ class xi extends k {
       } else if (g.type === "LineString") {
         if (i) continue;
         for (let y = 0; y < g.coordinates.length - 1; y++) {
-          const m = g.coordinates[y], v = g.coordinates[y + 1], f = Le({ x: t.containerX, y: t.containerY }, this.project(m[0], m[1]), this.project(v[0], v[1]));
+          const m = g.coordinates[y], v = g.coordinates[y + 1], f = _e({ x: t.containerX, y: t.containerY }, this.project(m[0], m[1]), this.project(v[0], v[1]));
           f < this.pointerDistance && f < l && (l = f, o = p);
         }
       } else if (g.type === "Polygon") {
         if (i || o) continue;
-        _e([t.lng, t.lat], g.coordinates) && (n = p);
+        Le([t.lng, t.lat], g.coordinates) && (n = p);
       }
     }
     return { clickedFeature: i || o || n, clickedMidPoint: r };
@@ -1989,7 +1989,7 @@ function ot(s, t) {
 function Di(s, t) {
   return s.minX - t.minX;
 }
-function _i(s, t) {
+function Li(s, t) {
   return s.minY - t.minY;
 }
 function Et(s) {
@@ -1998,7 +1998,7 @@ function Et(s) {
 function pt(s) {
   return s.maxX - s.minX + (s.maxY - s.minY);
 }
-function Li(s, t) {
+function _i(s, t) {
   const e = Math.max(s.minX, t.minX), i = Math.max(s.minY, t.minY), o = Math.min(s.maxX, t.maxX), r = Math.min(s.maxY, t.maxY);
   return Math.max(0, o - e) * Math.max(0, r - i);
 }
@@ -2148,13 +2148,13 @@ class ki {
   _chooseSplitIndex(t, e, i) {
     let o, r = 1 / 0, n = 1 / 0;
     for (let a = e; a <= i - e; a++) {
-      const l = it(t, 0, a, this.toBBox), d = it(t, a, i, this.toBBox), h = Li(l, d), c = Et(l) + Et(d);
+      const l = it(t, 0, a, this.toBBox), d = it(t, a, i, this.toBBox), h = _i(l, d), c = Et(l) + Et(d);
       h < r ? (r = h, o = a, n = c < n ? c : n) : h === r && c < n && (n = c, o = a);
     }
     return o || i - e;
   }
   _chooseSplitAxis(t, e, i) {
-    const o = t.leaf ? this.compareMinX : Di, r = t.leaf ? this.compareMinY : _i;
+    const o = t.leaf ? this.compareMinX : Di, r = t.leaf ? this.compareMinY : Li;
     this._allDistMargin(t, e, i, o) < this._allDistMargin(t, e, i, r) && t.children.sort(o);
   }
   _allDistMargin(t, e, i, o) {
@@ -2560,7 +2560,7 @@ class Ae extends N {
         if (this.notInSector({ normalizedCursor: v, normalizedStart: y, normalizedEnd: m, direction: this.direction })) return;
         const f = this.getDeltaBearing(this.direction, y, m), C = this.arcPoints, P = (this.direction === "anticlockwise" ? 1 : -1) * f / C, S = E(d, c), b = [];
         for (let w = 0; w <= C; w++) {
-          const D = lt(d, S, y + w * P), { lng: G, lat: _ } = W(D.x, D.y), j = [F(G, this.coordinatePrecision), F(_, this.coordinatePrecision)];
+          const D = lt(d, S, y + w * P), { lng: G, lat: L } = W(D.x, D.y), j = [F(G, this.coordinatePrecision), F(L, this.coordinatePrecision)];
           j[0] !== e[e.length - 1][0] && j[1] !== e[e.length - 1][1] && b.unshift(j);
         }
         e.push(...b), e.push(e[0]), this.currentId ? this.updatePolygonGeometry(this.currentId, e, M.Provisional) : [this.currentId] = this.store.create([{ geometry: { type: "Polygon", coordinates: [e] }, properties: { mode: this.mode } }]);
@@ -2784,11 +2784,11 @@ class $i {
         const c = h.geometry.coordinates;
         for (let u = 0; u < c.length - 1; u++) {
           const p = c[u], g = c[u + 1];
-          if (Le(l, a(p[0], p[1]), a(g[0], g[1])) < o) return !0;
+          if (_e(l, a(p[0], p[1]), a(g[0], g[1])) < o) return !0;
         }
         return !1;
       }
-      return !!_e([t, e], h.geometry.coordinates) || void 0;
+      return !!Le([t, e], h.geometry.coordinates) || void 0;
     });
   }
   getSelectMode() {
@@ -3538,22 +3538,22 @@ Alt. `, ["to-string", ["floor", ["get", "elevation"]]], " m"],
     styles: {}
   })
 });
-var L = 63710088e-1, qi = {
-  centimeters: L * 100,
-  centimetres: L * 100,
+var _ = 63710088e-1, qi = {
+  centimeters: _ * 100,
+  centimetres: _ * 100,
   degrees: 360 / (2 * Math.PI),
-  feet: L * 3.28084,
-  inches: L * 39.37,
-  kilometers: L / 1e3,
-  kilometres: L / 1e3,
-  meters: L,
-  metres: L,
-  miles: L / 1609.344,
-  millimeters: L * 1e3,
-  millimetres: L * 1e3,
-  nauticalmiles: L / 1852,
+  feet: _ * 3.28084,
+  inches: _ * 39.37,
+  kilometers: _ / 1e3,
+  kilometres: _ / 1e3,
+  meters: _,
+  metres: _,
+  miles: _ / 1609.344,
+  millimeters: _ * 1e3,
+  millimetres: _ * 1e3,
+  nauticalmiles: _ / 1852,
   radians: 1,
-  yards: L * 1.0936
+  yards: _ * 1.0936
 };
 function Zi(s, t, e = {}) {
   const i = { type: "Feature" };
@@ -3772,7 +3772,7 @@ function re(s) {
   }
   return t;
 }
-var ro = L * L / 2, Dt = Math.PI / 180;
+var ro = _ * _ / 2, Dt = Math.PI / 180;
 function ne(s) {
   const t = s.length - 1;
   if (t <= 2) return 0;
@@ -3813,7 +3813,7 @@ function lo(s, t, e = {}) {
   );
 }
 var ho = lo;
-const de = (s) => s === "degrees" ? "°" : s === "miles" ? "mi" : s === "radians" ? "rad" : "km", _t = (s) => {
+const de = (s) => s === "degrees" ? "°" : s === "miles" ? "mi" : s === "radians" ? "rad" : "km", Lt = (s) => {
   if (s >= 1)
     return {
       distance: s,
@@ -3845,12 +3845,12 @@ const de = (s) => s === "degrees" ? "°" : s === "miles" ? "mi" : s === "radians
     l.push(p);
   }
   if (s.properties.distance = l[l.length - 1].properties.total, s.properties.unit = l[l.length - 1].properties.unit, s.properties.segments = JSON.parse(JSON.stringify(l)), t === "kilometers") {
-    const d = _t(s.properties.distance);
+    const d = Lt(s.properties.distance);
     s.properties.distance = d.distance, s.properties.unit = d.unit, s.properties.segments.forEach(
       (h) => {
-        const c = _t(h.properties.distance);
+        const c = Lt(h.properties.distance);
         h.properties.distance = c.distance, h.properties.unit = c.unit;
-        const u = _t(h.properties.total);
+        const u = Lt(h.properties.total);
         h.properties.total = u.distance, h.properties.totalUnit = u.unit;
       }
     );
@@ -4502,7 +4502,7 @@ class jo extends Fo {
    * @param options Plugin control options
    */
   constructor(e) {
-    let i = ft;
+    let i = structuredClone(ft);
     e && (i = Object.assign(i, e));
     super({
       modes: i.modes,
@@ -4649,6 +4649,41 @@ class jo extends Fo {
     const i = this.measureOptions.computeElevation === e;
     this.measureOptions.computeElevation = e, i || this.recalc();
   }
+  /**
+   * Get/Set font glyph for measure control layers
+   *
+   * As default, this maesure control uses maplibre's default font glyphs(`Open Sans Regular,Arial Unicode MS Regular`) described at https://maplibre.org/maplibre-style-spec/layers/#text-font
+   *
+   * If you are using your own maplibre style or different map privider, you probably need to set the font glyphs to match your maplibre style.
+   *
+   * Font glyph availability depends on what types of glyphs are supported by your maplibre style (e.g., Carto, Openmap tiles, Protomap, Maptiler, etc.)
+   * Please make sure the font glyphs are available in your maplibre style.
+   *
+   * Usage:
+   *
+   * ```js
+   * const drawControl = new MaplibreMeasureControl()
+   * drawControl.fontGlyphs = ['Open Sans Italic']
+   * map.addControl(drawControl)
+   * ```
+   */
+  get fontGlyphs() {
+    const i = [
+      this.measureOptions.pointLayerLabelSpec,
+      this.measureOptions.lineLayerLabelSpec,
+      this.measureOptions.polygonLayerSpec
+    ][0];
+    return i && i.layout && i.layout["text-font"];
+  }
+  set fontGlyphs(e) {
+    const i = [
+      this.measureOptions.pointLayerLabelSpec,
+      this.measureOptions.lineLayerLabelSpec,
+      this.measureOptions.polygonLayerSpec
+    ];
+    for (const o of i)
+      o && o.layout && (o.layout["text-font"] = e), this.map && o && this.map.getLayer(o.id) && this.map.setLayoutProperty(o.id, "text-font", e);
+  }
   /**
    * add the plugin control to maplibre
    * @param map Maplibre Map object
@@ -5044,7 +5079,7 @@ export {
   ce as capitalize,
   Ue as cleanMaplibreStyle,
   ao as convertAreaUnit,
-  _t as convertMetricDistance,
+  Lt as convertMetricDistance,
   co as debounce,
   Hi as defaultControlOptions,
   ft as defaultMeasureControlOptions,