runbir-tools 1.0.10 → 1.0.11

package/dist/runbir-tools.es.js

@@ -1,4 +1,4 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".map[data-v-d0235b39]{width:100%;height:100%}@keyframes rotate-d0235b39{0%{transform:rotate(0)}to{transform:rotate(360deg)}}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".map[data-v-7da5e12c]{width:100%;height:100%}@keyframes rotate-7da5e12c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
 var ze = Object.defineProperty;
 var Ve = (s, e, t) => e in s ? ze(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
 var se = (s, e, t) => Ve(s, typeof e != "symbol" ? e + "" : e, t);
@@ -1924,7 +1924,7 @@ function get$2(s, e) {
 }
 const K0 = 0.9996, E = 669438e-8, E2 = E * E, E3 = E2 * E, E_P2 = E / (1 - E), SQRT_E = Math.sqrt(1 - E), _E = (1 - SQRT_E) / (1 + SQRT_E), _E2 = _E * _E, _E3 = _E2 * _E, _E4 = _E3 * _E, _E5 = _E4 * _E, M1 = 1 - E / 4 - 3 * E2 / 64 - 5 * E3 / 256, M2 = 3 * E / 8 + 3 * E2 / 32 + 45 * E3 / 1024, M3 = 15 * E2 / 256 + 45 * E3 / 1024, M4 = 35 * E3 / 3072, P2 = 3 / 2 * _E - 27 / 32 * _E3 + 269 / 512 * _E5, P3 = 21 / 16 * _E2 - 55 / 32 * _E4, P4 = 151 / 96 * _E3 - 417 / 128 * _E5, P5 = 1097 / 512 * _E4, R = 6378137;
 function toLonLat(s, e, t) {
-  const i = s - 5e5, o = (t.north ? e : e - 1e7) / K0 / (R * M1), a = o + P2 * Math.sin(2 * o) + P3 * Math.sin(4 * o) + P4 * Math.sin(6 * o) + P5 * Math.sin(8 * o), l = Math.sin(a), c = l * l, h = Math.cos(a), u = l / h, d = u * u, g = d * d, f = 1 - E * c, m = Math.sqrt(1 - E * c), p = R / m, _ = (1 - E) / f, y = E_P2 * h ** 2, A = y * y, x = i / (p * K0), C = x * x, T = C * x, S = T * x, w = S * x, I = w * x, L = a - u / _ * (C / 2 - S / 24 * (5 + 3 * d + 10 * y - 4 * A - 9 * E_P2)) + I / 720 * (61 + 90 * d + 298 * y + 45 * g - 252 * E_P2 - 3 * A);
+  const i = s - 5e5, o = (t.north ? e : e - 1e7) / K0 / (R * M1), a = o + P2 * Math.sin(2 * o) + P3 * Math.sin(4 * o) + P4 * Math.sin(6 * o) + P5 * Math.sin(8 * o), l = Math.sin(a), c = l * l, h = Math.cos(a), u = l / h, d = u * u, g = d * d, f = 1 - E * c, m = Math.sqrt(1 - E * c), p = R / m, _ = (1 - E) / f, y = E_P2 * h ** 2, A = y * y, x = i / (p * K0), C = x * x, T = C * x, I = T * x, w = I * x, S = w * x, L = a - u / _ * (C / 2 - I / 24 * (5 + 3 * d + 10 * y - 4 * A - 9 * E_P2)) + S / 720 * (61 + 90 * d + 298 * y + 45 * g - 252 * E_P2 - 3 * A);
   let D = (x - T / 6 * (1 + 2 * d + y) + w / 120 * (5 - 2 * y + 28 * d - 3 * A + 8 * E_P2 + 24 * g)) / h;
   return D = wrap(
     D + toRadians(zoneToCentralLongitude(t.number)),
@@ -11166,19 +11166,19 @@ function buildText(s, e) {
     s,
     t + "padding",
     e
-  ), S = optionalDeclutterMode(
+  ), I = optionalDeclutterMode(
     s,
     t + "declutter-mode"
-  ), w = new Text({ declutterMode: S });
-  return function(I) {
-    if (w.setText(i(I)), n && w.setFill(n(I)), r && w.setBackgroundFill(r(I)), o && w.setStroke(o(I)), a && w.setBackgroundStroke(a(I)), l && w.setFont(l(I)), c && w.setMaxAngle(c(I)), h && w.setOffsetX(h(I)), u && w.setOffsetY(u(I)), d && w.setOverflow(d(I)), g) {
-      const L = g(I);
+  ), w = new Text({ declutterMode: I });
+  return function(S) {
+    if (w.setText(i(S)), n && w.setFill(n(S)), r && w.setBackgroundFill(r(S)), o && w.setStroke(o(S)), a && w.setBackgroundStroke(a(S)), l && w.setFont(l(S)), c && w.setMaxAngle(c(S)), h && w.setOffsetX(h(S)), u && w.setOffsetY(u(S)), d && w.setOverflow(d(S)), g) {
+      const L = g(S);
       if (L !== "point" && L !== "line")
         throw new Error("Expected point or line for text-placement");
       w.setPlacement(L);
     }
-    if (f && w.setRepeat(f(I)), m && w.setScale(m(I)), p && w.setRotateWithView(p(I)), _ && w.setRotation(_(I)), y) {
-      const L = y(I);
+    if (f && w.setRepeat(f(S)), m && w.setScale(m(S)), p && w.setRotateWithView(p(S)), _ && w.setRotation(_(S)), y) {
+      const L = y(S);
       if (L !== "left" && L !== "center" && L !== "right" && L !== "end" && L !== "start")
         throw new Error(
           "Expected left, right, center, start, or end for text-align"
@@ -11186,20 +11186,20 @@ function buildText(s, e) {
       w.setTextAlign(L);
     }
     if (A) {
-      const L = A(I);
+      const L = A(S);
       if (L !== "left" && L !== "right" && L !== "center")
         throw new Error("Expected left, right, or center for text-justify");
       w.setJustify(L);
     }
     if (x) {
-      const L = x(I);
+      const L = x(S);
       if (L !== "bottom" && L !== "top" && L !== "middle" && L !== "alphabetic" && L !== "hanging")
         throw new Error(
           "Expected bottom, top, middle, alphabetic, or hanging for text-baseline"
         );
       w.setTextBaseline(L);
     }
-    return T && w.setPadding(T(I)), C && w.setKeepUpright(C(I)), w;
+    return T && w.setPadding(T(S)), C && w.setKeepUpright(C(S)), w;
   };
 }
 function buildImage(s, e) {
@@ -11249,8 +11249,8 @@ function buildIcon(s, e) {
     size: x,
     declutterMode: C
   });
-  return function(S) {
-    return a && T.setOpacity(a(S)), l && T.setDisplacement(l(S)), c && T.setRotation(c(S)), h && T.setRotateWithView(h(S)), o && T.setScale(o(S)), r && T.setAnchor(r(S)), T;
+  return function(I) {
+    return a && T.setOpacity(a(I)), l && T.setDisplacement(l(I)), c && T.setRotation(c(I)), h && T.setRotateWithView(h(I)), o && T.setScale(o(I)), r && T.setAnchor(r(I)), T;
   };
 }
 function buildShape(s, e) {
@@ -11741,8 +11741,8 @@ class MapRenderer extends Disposable {
   forEachFeatureAtCoordinate(e, t, i, n, r, o, a, l) {
     let c;
     const h = t.viewState;
-    function u(x, C, T, S) {
-      return r.call(o, C, x ? T : null, S);
+    function u(x, C, T, I) {
+      return r.call(o, C, x ? T : null, I);
     }
     const d = h.projection, g = wrapX$1(e.slice(), d), f = [[0, 0]];
     if (d.canWrapX() && n) {
@@ -11755,11 +11755,11 @@ class MapRenderer extends Disposable {
     ), y = [];
     for (let x = 0; x < f.length; x++)
       for (let C = p - 1; C >= 0; --C) {
-        const T = m[C], S = T.layer;
-        if (S.hasRenderer() && inView(T, h) && a.call(l, S)) {
-          const w = S.getRenderer(), I = S.getSource();
-          if (w && I) {
-            const L = I.getWrapX() ? g : e, D = u.bind(
+        const T = m[C], I = T.layer;
+        if (I.hasRenderer() && inView(T, h) && a.call(l, I)) {
+          const w = I.getRenderer(), S = I.getSource();
+          if (w && S) {
+            const L = S.getWrapX() ? g : e, D = u.bind(
               null,
               T.managed
             );
@@ -17522,19 +17522,19 @@ class CanvasTextBuilder extends CanvasBuilder {
         ) : y = [h.slice(m, d[p])];
         for (let A = 0, x = y.length; A < x; ++A) {
           const C = y[A];
-          let T = 0, S = C.length;
+          let T = 0, I = C.length;
           if (f == null) {
-            const I = matchingChunk(
+            const S = matchingChunk(
               o.maxAngle,
               C,
               0,
               C.length,
               2
             );
-            T = I[0], S = I[1];
+            T = S[0], I = S[1];
           }
-          for (let I = T; I < S; I += u)
-            a.push(C[I], C[I + 1]);
+          for (let S = T; S < I; S += u)
+            a.push(C[S], C[S + 1]);
           const w = a.length;
           m = d[p], this.drawChars_(l, w), l = w;
         }
@@ -17583,8 +17583,8 @@ class CanvasTextBuilder extends CanvasBuilder {
       if (d && (g - l) / 2 !== h.length / u) {
         let x = l / 2;
         d = d.filter((C, T) => {
-          const S = a[(x + T) * 2] === h[T * u] && a[(x + T) * 2 + 1] === h[T * u + 1];
-          return S || --x, S;
+          const I = a[(x + T) * 2] === h[T * u] && a[(x + T) * 2 + 1] === h[T * u + 1];
+          return I || --x, I;
         });
       }
       this.saveTextStates_();
@@ -17592,8 +17592,8 @@ class CanvasTextBuilder extends CanvasBuilder {
       this.beginGeometry(e, t, i);
       let p = o.padding;
       if (p != defaultPadding && (o.scale[0] < 0 || o.scale[1] < 0)) {
-        let x = o.padding[0], C = o.padding[1], T = o.padding[2], S = o.padding[3];
-        o.scale[0] < 0 && (C = -C, S = -S), o.scale[1] < 0 && (x = -x, T = -T), p = [x, C, T, S];
+        let x = o.padding[0], C = o.padding[1], T = o.padding[2], I = o.padding[3];
+        o.scale[0] < 0 && (C = -C, I = -I), o.scale[1] < 0 && (x = -x, T = -T), p = [x, C, T, I];
       }
       const _ = this.pixelRatio;
       this.instructions.push([
@@ -17830,10 +17830,10 @@ function drawTextOnPath(s, e, t, i, n, r, o, a, l, c, h, u, d = !0) {
     A();
   while (e < t - i && y + _ < r);
   let x = _ === 0 ? 0 : (r - y) / _;
-  const C = lerp(m, g, x), T = lerp(p, f, x), S = e - i, w = y, I = r + a * l(c, n, h);
-  for (; e < t - i && y + _ < I; )
+  const C = lerp(m, g, x), T = lerp(p, f, x), I = e - i, w = y, S = r + a * l(c, n, h);
+  for (; e < t - i && y + _ < S; )
     A();
-  x = _ === 0 ? 0 : (I - y) / _;
+  x = _ === 0 ? 0 : (S - y) / _;
   const L = lerp(m, g, x), D = lerp(p, f, x);
   let b = !1;
   if (d)
@@ -17842,13 +17842,13 @@ function drawTextOnPath(s, e, t, i, n, r, o, a, l, c, h, u, d = !0) {
       rotate(G, 0, 4, 2, u, G, G), b = G[0] > G[2];
     } else
       b = C > L;
-  const P = Math.PI, O = [], B = S + i === e;
-  e = S, _ = 0, y = w, g = s[e], f = s[e + 1];
+  const P = Math.PI, O = [], B = I + i === e;
+  e = I, _ = 0, y = w, g = s[e], f = s[e + 1];
   let N;
   if (B) {
     A(), N = Math.atan2(f - p, g - m), b && (N += N > 0 ? -P : P);
     const G = (L + C) / 2, F = (D + T) / 2;
-    return O[0] = [G, F, (I - r) / 2, N, n], O;
+    return O[0] = [G, F, (S - r) / 2, N, n], O;
   }
   n = n.replace(/\n/g, " ");
   for (let G = 0, F = n.length; G < F; ) {
@@ -18013,33 +18013,33 @@ class Executor {
 `).reduce(createTextChunks, []), { width: f, height: m, widths: p, heights: _, lineWidths: y } = getTextDimensions(
       l,
       g
-    ), A = f + d, x = [], C = (A + 2) * h[0], T = (m + d) * h[1], S = {
+    ), A = f + d, x = [], C = (A + 2) * h[0], T = (m + d) * h[1], I = {
       width: C < 0 ? Math.floor(C) : Math.ceil(C),
       height: T < 0 ? Math.floor(T) : Math.ceil(T),
       contextInstructions: x
     };
     (h[0] != 1 || h[1] != 1) && x.push("scale", h), n && (x.push("strokeStyle", o.strokeStyle), x.push("lineWidth", d), x.push("lineCap", o.lineCap), x.push("lineJoin", o.lineJoin), x.push("miterLimit", o.miterLimit), x.push("setLineDash", [o.lineDash]), x.push("lineDashOffset", o.lineDashOffset)), i && x.push("fillStyle", a.fillStyle), x.push("textBaseline", "middle"), x.push("textAlign", "center");
     const w = 0.5 - u;
-    let I = u * A + w * d;
+    let S = u * A + w * d;
     const L = [], D = [];
     let b = 0, P = 0, O = 0, B = 0, N;
     for (let G = 0, F = g.length; G < F; G += 2) {
       const X = g[G];
       if (X === `
 `) {
-        P += b, b = 0, I = u * A + w * d, ++B;
+        P += b, b = 0, S = u * A + w * d, ++B;
         continue;
       }
       const W = g[G + 1] || l.font;
       W !== N && (n && L.push("font", W), i && D.push("font", W), N = W), b = Math.max(b, _[O]);
       const U = [
         X,
-        I + w * p[O] + u * (p[O] - y[B]),
+        S + w * p[O] + u * (p[O] - y[B]),
         0.5 * (d + b) + P
       ];
-      I += p[O], n && L.push("strokeText", U), i && D.push("fillText", U), ++O;
+      S += p[O], n && L.push("strokeText", U), i && D.push("fillText", U), ++O;
     }
-    return Array.prototype.push.apply(x, L), Array.prototype.push.apply(x, D), this.labels_[r] = S, S;
+    return Array.prototype.push.apply(x, L), Array.prototype.push.apply(x, D), this.labels_[r] = I, I;
   }
   /**
    * @param {CanvasRenderingContext2D} context Context.
@@ -18082,10 +18082,10 @@ class Executor {
   calculateImageOrLabelDimensions_(e, t, i, n, r, o, a, l, c, h, u, d, g, f, m, p) {
     a *= d[0], l *= d[1];
     let _ = i - a, y = n - l;
-    const A = r + c > e ? e - c : r, x = o + h > t ? t - h : o, C = f[3] + A * d[0] + f[1], T = f[0] + x * d[1] + f[2], S = _ - f[3], w = y - f[0];
-    (m || u !== 0) && (p1[0] = S, p4[0] = S, p1[1] = w, p2[1] = w, p2[0] = S + C, p3[0] = p2[0], p3[1] = w + T, p4[1] = p3[1]);
-    let I;
-    return u !== 0 ? (I = compose(
+    const A = r + c > e ? e - c : r, x = o + h > t ? t - h : o, C = f[3] + A * d[0] + f[1], T = f[0] + x * d[1] + f[2], I = _ - f[3], w = y - f[0];
+    (m || u !== 0) && (p1[0] = I, p4[0] = I, p1[1] = w, p2[1] = w, p2[0] = I + C, p3[0] = p2[0], p3[1] = w + T, p4[1] = p3[1]);
+    let S;
+    return u !== 0 ? (S = compose(
       create(),
       i,
       n,
@@ -18094,16 +18094,16 @@ class Executor {
       u,
       -i,
       -n
-    ), apply(I, p1), apply(I, p2), apply(I, p3), apply(I, p4), createOrUpdate$2(
+    ), apply(S, p1), apply(S, p2), apply(S, p3), apply(S, p4), createOrUpdate$2(
       Math.min(p1[0], p2[0], p3[0], p4[0]),
       Math.min(p1[1], p2[1], p3[1], p4[1]),
       Math.max(p1[0], p2[0], p3[0], p4[0]),
       Math.max(p1[1], p2[1], p3[1], p4[1]),
       tmpExtent
     )) : createOrUpdate$2(
-      Math.min(S, S + C),
+      Math.min(I, I + C),
       Math.min(w, w + T),
-      Math.max(S, S + C),
+      Math.max(I, I + C),
       Math.max(w, w + T),
       tmpExtent
     ), g && (_ = Math.round(_), y = Math.round(y)), {
@@ -18120,7 +18120,7 @@ class Executor {
         maxY: tmpExtent[3],
         value: p
       },
-      canvasTransform: I,
+      canvasTransform: S,
       scale: d
     };
   }
@@ -18236,7 +18236,7 @@ class Executor {
     ), setFromArray(this.renderedTransform_, i));
     let u = 0;
     const d = n.length;
-    let g = 0, f, m, p, _, y, A, x, C, T, S, w, I, L, D = 0, b = 0;
+    let g = 0, f, m, p, _, y, A, x, C, T, I, w, S, L, D = 0, b = 0;
     const P = this.coordinateCache_, O = this.viewRotation_, B = Math.round(Math.atan2(-i[1], i[0]) * 1e12) / 1e12, N = (
       /** @type {import("../../render.js").State} */
       {
@@ -18277,10 +18277,10 @@ class Executor {
           const Te = (
             /** @type {import("../../geom/SimpleGeometry.js").default} */
             v[3]
-          ), Ie = v[4], ye = v[5];
+          ), Se = v[4], ye = v[5];
           N.geometry = Te, N.feature = F, u in P || (P[u] = []);
           const ue = P[u];
-          ye ? ye(h, g, f, 2, ue) : (ue[0] = h[g], ue[1] = h[g + 1], ue.length = 2), c && (c.zIndex = v[6]), Ie(ue, N), ++u;
+          ye ? ye(h, g, f, 2, ue) : (ue[0] = h[g], ue[1] = h[g + 1], ue.length = 2), c && (c.zIndex = v[6]), Se(ue, N), ++u;
           break;
         case Instruction.DRAW_IMAGE:
           g = /** @type {number} */
@@ -18324,15 +18324,15 @@ class Executor {
             v[15]
           );
           if (!T && v.length >= 20) {
-            S = /** @type {string} */
+            I = /** @type {string} */
             v[19], w = /** @type {string} */
-            v[20], I = /** @type {string} */
+            v[20], S = /** @type {string} */
             v[21], L = /** @type {string} */
             v[22];
             const ee = this.drawLabelWithPointPlacement_(
-              S,
-              w,
               I,
+              w,
+              S,
               L
             );
             T = ee.label, v[3] = T;
@@ -18350,11 +18350,11 @@ class Executor {
           let ve;
           v.length > 25 && (ve = /** @type {number} */
           v[25]);
-          let Re, we, Se;
+          let Re, we, Ie;
           v.length > 17 ? (Re = /** @type {Array<number>} */
           v[16], we = /** @type {Array<*>} */
-          v[17], Se = /** @type {Array<*>} */
-          v[18]) : (Re = defaultPadding, we = null, Se = null), Ee && B ? de += O : !Ee && !B && (de -= O);
+          v[17], Ie = /** @type {Array<*>} */
+          v[18]) : (Re = defaultPadding, we = null, Ie = null), Ee && B ? de += O : !Ee && !B && (de -= O);
           let Be = 0;
           for (; g < f; g += 2) {
             if (ve && ve[Be++] < _e / this.pixelRatio)
@@ -18374,7 +18374,7 @@ class Executor {
               me,
               r,
               Re,
-              !!we || !!Se,
+              !!we || !!Ie,
               F
             ), ge = [
               e,
@@ -18383,7 +18383,7 @@ class Executor {
               ee,
               oe,
               we,
-              Se
+              Ie
             ];
             if (l) {
               let te, ae, ie;
@@ -18433,14 +18433,14 @@ class Executor {
             /** @type {number} */
             v[8]
           );
-          I = /** @type {string} */
+          S = /** @type {string} */
           v[9];
           const Pe = (
             /** @type {number} */
             v[10]
           );
-          S = /** @type {string|Array<string>} */
-          v[11], Array.isArray(S) && (S = S.reduce(richTextToPlainText, "")), w = /** @type {string} */
+          I = /** @type {string|Array<string>} */
+          v[11], Array.isArray(I) && (I = I.reduce(richTextToPlainText, "")), w = /** @type {string} */
           v[12];
           const ke = [
             /** @type {number} */
@@ -18458,14 +18458,14 @@ class Executor {
           ];
           let Ae;
           xe in this.widths_ ? Ae = this.widths_[xe] : (Ae = {}, this.widths_[xe] = Ae);
-          const Ne = lineStringLength(h, Oe, be, 2), Ge = Math.abs(Ce[0]) * measureAndCacheTextWidth(xe, S, Ae);
+          const Ne = lineStringLength(h, Oe, be, 2), Ge = Math.abs(Ce[0]) * measureAndCacheTextWidth(xe, I, Ae);
           if (Xe || Ge <= Ne) {
-            const ee = this.textStates[w].textAlign, ge = (Ne - Ge) * horizontalTextAlign(S, ee), te = drawTextOnPath(
+            const ee = this.textStates[w].textAlign, ge = (Ne - Ge) * horizontalTextAlign(I, ee), te = drawTextOnPath(
               h,
               Oe,
               be,
               2,
-              S,
+              I,
               ge,
               We,
               Math.abs(Ce[0]),
@@ -18478,10 +18478,10 @@ class Executor {
             e: if (te) {
               const ae = [];
               let ie, le, he, Y, q;
-              if (I)
+              if (S)
                 for (ie = 0, le = te.length; ie < le; ++ie) {
                   q = te[ie], he = /** @type {string} */
-                  q[4], Y = this.createLabel(he, w, "", I), m = /** @type {number} */
+                  q[4], Y = this.createLabel(he, w, "", S), m = /** @type {number} */
                   q[2] + (Ce[0] < 0 ? -Pe : Pe), p = Le * Y.height + (0.5 - Le) * 2 * Pe * Ce[1] / Ce[0] - Fe;
                   const ce = this.calculateImageOrLabelDimensions_(
                     Y.width,
@@ -18748,17 +18748,17 @@ class ExecutorGroup {
     ));
     const d = getPixelIndexArray(n);
     let g;
-    function f(C, T, S) {
+    function f(C, T, I) {
       const w = h.getImageData(
         0,
         0,
         a,
         a
       ).data;
-      for (let I = 0, L = d.length; I < L; I++)
-        if (w[d[I]] > 0) {
-          if (!o || S === "none" || g !== "Image" && g !== "Text" || o.includes(C)) {
-            const D = (d[I] - 3) / 4, b = n - D % a, P = n - (D / a | 0), O = r(C, T, b * b + P * P);
+      for (let S = 0, L = d.length; S < L; S++)
+        if (w[d[S]] > 0) {
+          if (!o || I === "none" || g !== "Image" && g !== "Text" || o.includes(C)) {
+            const D = (d[S] - 3) / 4, b = n - D % a, P = n - (D / a | 0), O = r(C, T, b * b + P * P);
             if (O)
               return O;
           }
@@ -18900,8 +18900,8 @@ function createHitDetectionImageData(s, e, t, i, n, r, o, a, l) {
       continue;
     Array.isArray(T) || (T = [T]);
     const w = (A * p).toString(16).padStart(7, "#00000");
-    for (let I = 0, L = T.length; I < L; ++I) {
-      const D = T[I], b = D.getGeometryFunction()(x);
+    for (let S = 0, L = T.length; S < L; ++S) {
+      const D = T[S], b = D.getGeometryFunction()(x);
       if (!b || !intersects$1(c, b.getExtent()))
         continue;
       const P = D.clone(), O = P.getFill();
@@ -18958,11 +18958,11 @@ function createHitDetectionImageData(s, e, t, i, n, r, o, a, l) {
   for (let A = 0, x = y.length; A < x; ++A) {
     const C = _[y[A]];
     for (const T in C) {
-      const S = C[T];
-      for (let w = 0, I = S.length; w < I; w += 2) {
-        f.setStyle(S[w + 1]);
+      const I = C[T];
+      for (let w = 0, S = I.length; w < S; w += 2) {
+        f.setStyle(I[w + 1]);
         for (let L = 0, D = e.length; L < D; ++L)
-          f.setTransform(e[L]), f.drawGeometry(S[w]);
+          f.setTransform(e[L]), f.drawGeometry(I[w]);
       }
     }
   }
@@ -19307,7 +19307,7 @@ class CanvasVectorLayerRenderer extends CanvasLayerRenderer {
     const n = t.extent, r = t.viewState, o = r.center, a = r.resolution, l = r.projection, c = r.rotation, h = l.getExtent(), u = this.getLayer().getSource(), d = this.getLayer().getDeclutter(), g = t.pixelRatio, f = t.viewHints, m = !(f[ViewHint.ANIMATING] || f[ViewHint.INTERACTING]), p = this.context, _ = Math.round(getWidth(n) / a * g), y = Math.round(getHeight(n) / a * g), A = u.getWrapX() && l.canWrapX(), x = A ? getWidth(h) : null, C = A ? Math.ceil((n[2] - h[2]) / x) + 1 : 1;
     let T = A ? Math.floor((n[0] - h[0]) / x) : 0;
     do {
-      let S = this.getRenderTransform(
+      let I = this.getRenderTransform(
         o,
         a,
         0,
@@ -19316,10 +19316,10 @@ class CanvasVectorLayerRenderer extends CanvasLayerRenderer {
         y,
         T * x
       );
-      t.declutter && (S = S.slice(0)), e.execute(
+      t.declutter && (I = I.slice(0)), e.execute(
         p,
         [p.canvas.width, p.canvas.height],
-        S,
+        I,
         c,
         m,
         i === void 0 ? ALL : i ? DECLUTTER : NON_DECLUTTER,
@@ -19565,9 +19565,9 @@ class CanvasVectorLayerRenderer extends CanvasLayerRenderer {
     let T;
     for (let O = 0, B = A.length; O < B; ++O)
       i.loadFeatures(A[O], u, h);
-    const S = getSquaredTolerance(u, d);
+    const I = getSquaredTolerance(u, d);
     let w = !0;
-    const I = (
+    const S = (
       /**
        * @param {import("../../Feature.js").default} feature Feature.
        * @param {number} index Index.
@@ -19578,7 +19578,7 @@ class CanvasVectorLayerRenderer extends CanvasLayerRenderer {
         if (G && (N = G(O, u)), N) {
           const F = this.renderFeature(
             O,
-            S,
+            I,
             N,
             C,
             T,
@@ -19591,7 +19591,7 @@ class CanvasVectorLayerRenderer extends CanvasLayerRenderer {
     ), L = toUserExtent(_), D = i.getFeaturesInExtent(L);
     m && D.sort(m);
     for (let O = 0, B = D.length; O < B; ++O)
-      I(D[O], O);
+      S(D[O], O);
     this.renderedFeatures_ = D, this.ready = w;
     const b = C.finish(), P = new ExecutorGroup(
       _,
@@ -20006,7 +20006,7 @@ function render(s, e, t, i, n, r, o, a, l, c, h, u, d, g) {
   }
   f.globalCompositeOperation = "lighter";
   const p = createEmpty();
-  l.forEach(function(C, T, S) {
+  l.forEach(function(C, T, I) {
     extend$1(p, C.extent);
   });
   let _;
@@ -20015,7 +20015,7 @@ function render(s, e, t, i, n, r, o, a, l, c, h, u, d, g) {
     Math.round(getWidth(p) * y),
     Math.round(getHeight(p) * y),
     canvasPool
-  ), u || (_.imageSmoothingEnabled = !1), l.forEach(function(C, T, S) {
+  ), u || (_.imageSmoothingEnabled = !1), l.forEach(function(C, T, I) {
     if (C.image.width > 0 && C.image.height > 0) {
       if (C.clipExtent) {
         _.save();
@@ -20027,7 +20027,7 @@ function render(s, e, t, i, n, r, o, a, l, c, h, u, d, g) {
           u ? B : Math.round(P + B) - Math.round(P)
         ), _.clip();
       }
-      const w = (C.extent[0] - p[0]) * y, I = -(C.extent[3] - p[3]) * y, L = getWidth(C.extent) * y, D = getHeight(C.extent) * y;
+      const w = (C.extent[0] - p[0]) * y, S = -(C.extent[3] - p[3]) * y, L = getWidth(C.extent) * y, D = getHeight(C.extent) * y;
       _.drawImage(
         C.image,
         c,
@@ -20035,22 +20035,22 @@ function render(s, e, t, i, n, r, o, a, l, c, h, u, d, g) {
         C.image.width - 2 * c,
         C.image.height - 2 * c,
         u ? w : Math.round(w),
-        u ? I : Math.round(I),
+        u ? S : Math.round(S),
         u ? L : Math.round(w + L) - Math.round(w),
-        u ? D : Math.round(I + D) - Math.round(I)
+        u ? D : Math.round(S + D) - Math.round(S)
       ), C.clipExtent && _.restore();
     }
   }));
   const x = getTopLeft(o);
-  return a.getTriangles().forEach(function(C, T, S) {
-    const w = C.source, I = C.target;
+  return a.getTriangles().forEach(function(C, T, I) {
+    const w = C.source, S = C.target;
     let L = w[0][0], D = w[0][1], b = w[1][0], P = w[1][1], O = w[2][0], B = w[2][1];
-    const N = m((I[0][0] - x[0]) / r), G = m(
-      -(I[0][1] - x[1]) / r
-    ), F = m((I[1][0] - x[0]) / r), X = m(
-      -(I[1][1] - x[1]) / r
-    ), W = m((I[2][0] - x[0]) / r), U = m(
-      -(I[2][1] - x[1]) / r
+    const N = m((S[0][0] - x[0]) / r), G = m(
+      -(S[0][1] - x[1]) / r
+    ), F = m((S[1][0] - x[0]) / r), X = m(
+      -(S[1][1] - x[1]) / r
+    ), W = m((S[2][0] - x[0]) / r), U = m(
+      -(S[2][1] - x[1]) / r
     ), v = L, K = D;
     L = 0, D = 0, b -= v, P -= K, O -= v, B -= K;
     const H = [
@@ -20097,9 +20097,9 @@ function render(s, e, t, i, n, r, o, a, l, c, h, u, d, g) {
       );
     }
     f.drawImage(Q, 0, 0), f.restore();
-  }), _ && (releaseCanvas(_), canvasPool.push(_.canvas)), h && (f.save(), f.globalCompositeOperation = "source-over", f.strokeStyle = "black", f.lineWidth = 1, a.getTriangles().forEach(function(C, T, S) {
-    const w = C.target, I = (w[0][0] - x[0]) / r, L = -(w[0][1] - x[1]) / r, D = (w[1][0] - x[0]) / r, b = -(w[1][1] - x[1]) / r, P = (w[2][0] - x[0]) / r, O = -(w[2][1] - x[1]) / r;
-    f.beginPath(), f.moveTo(D, b), f.lineTo(I, L), f.lineTo(P, O), f.closePath(), f.stroke();
+  }), _ && (releaseCanvas(_), canvasPool.push(_.canvas)), h && (f.save(), f.globalCompositeOperation = "source-over", f.strokeStyle = "black", f.lineWidth = 1, a.getTriangles().forEach(function(C, T, I) {
+    const w = C.target, S = (w[0][0] - x[0]) / r, L = -(w[0][1] - x[1]) / r, D = (w[1][0] - x[0]) / r, b = -(w[1][1] - x[1]) / r, P = (w[2][0] - x[0]) / r, O = -(w[2][1] - x[1]) / r;
+    f.beginPath(), f.moveTo(D, b), f.lineTo(S, L), f.lineTo(P, O), f.closePath(), f.stroke();
   }), f.restore()), f.canvas;
 }
 const MAX_SUBDIVISION = 10, MAX_TRIANGLE_WIDTH = 0.25;
@@ -20386,27 +20386,27 @@ class ReprojTile extends Tile {
     )) : C = getIntersection(C, m)), !getArea(C))
       this.state = TileState.EMPTY;
     else {
-      let T = 0, S = 0;
-      e.canWrapX() && (T = getWidth(_), S = Math.floor(
+      let T = 0, I = 0;
+      e.canWrapX() && (T = getWidth(_), I = Math.floor(
         (C[0] - _[0]) / T
       )), wrapAndSliceX(
         C.slice(),
         e,
         !0
-      ).forEach((I) => {
+      ).forEach((S) => {
         const L = t.getTileRangeForExtentAndZ(
-          I,
+          S,
           this.sourceZ_
         );
         for (let D = L.minX; D <= L.maxX; D++)
           for (let b = L.minY; b <= L.maxY; b++) {
             const P = c(this.sourceZ_, D, b, a);
             if (P) {
-              const O = S * T;
+              const O = I * T;
               this.sourceTiles_.push({ tile: P, offset: O });
             }
           }
-        ++S;
+        ++I;
       }), this.sourceTiles_.length === 0 && (this.state = TileState.EMPTY);
     }
   }
@@ -20839,11 +20839,11 @@ class CanvasImageLayerRenderer extends CanvasLayerRenderer {
     const p = this.context.canvas.width, _ = this.context.canvas.height, y = this.getRenderContext(e);
     let A = !1, x = !0;
     if (c.extent) {
-      const I = fromUserExtent(
+      const S = fromUserExtent(
         c.extent,
         u.projection
       );
-      x = intersects$1(I, e.extent), A = x && !containsExtent(I, e.extent), A && this.clipUnrotated(y, e, I);
+      x = intersects$1(S, e.extent), A = x && !containsExtent(S, e.extent), A && this.clipUnrotated(y, e, S);
     }
     const C = i.getImage(), T = compose(
       this.tempTransform,
@@ -20856,10 +20856,10 @@ class CanvasImageLayerRenderer extends CanvasLayerRenderer {
       l * (d[1] - n[3]) / a
     );
     this.renderedResolution = a * h / l;
-    const S = C.width * T[0], w = C.height * T[3];
-    if (this.getLayer().getSource().getInterpolate() || (y.imageSmoothingEnabled = !1), this.preRender(y, e), x && S >= 0.5 && w >= 0.5) {
-      const I = T[4], L = T[5], D = c.opacity;
-      D !== 1 && (y.save(), y.globalAlpha = D), y.drawImage(C, 0, 0, +C.width, +C.height, I, L, S, w), D !== 1 && y.restore();
+    const I = C.width * T[0], w = C.height * T[3];
+    if (this.getLayer().getSource().getInterpolate() || (y.imageSmoothingEnabled = !1), this.preRender(y, e), x && I >= 0.5 && w >= 0.5) {
+      const S = T[4], L = T[5], D = c.opacity;
+      D !== 1 && (y.save(), y.globalAlpha = D), y.drawImage(C, 0, 0, +C.width, +C.height, S, L, I, w), D !== 1 && y.restore();
     }
     return this.postRender(this.context, e), A && y.restore(), y.imageSmoothingEnabled = !0, this.container;
   }
@@ -21083,8 +21083,8 @@ class CanvasTileLayerRenderer extends CanvasLayerRenderer {
           const C = this.getTile(p, A, x, e);
           if (!C || !addTileToLookup(n, C, p))
             continue;
-          const S = C.getKey();
-          if (u[S] = !0, C.getState() === TileState.IDLE && !e.tileQueue.isKeyQueued(S)) {
+          const I = C.getKey();
+          if (u[I] = !0, C.getState() === TileState.IDLE && !e.tileQueue.isKeyQueued(I)) {
             const w = createOrUpdate(p, A, x, this.tempTileCoord_);
             e.tileQueue.enqueue([
               C,
@@ -21185,7 +21185,7 @@ class CanvasTileLayerRenderer extends CanvasLayerRenderer {
       a[1] - C,
       a[0] + x,
       a[1] + C
-    ], S = {};
+    ], I = {};
     this.renderedTiles.length = 0;
     const w = c.getPreload();
     if (e.nextExtent) {
@@ -21193,21 +21193,21 @@ class CanvasTileLayerRenderer extends CanvasLayerRenderer {
         n.nextResolution,
         h.zDirection
       ), X = getRenderExtent(e, e.nextExtent);
-      this.enqueueTiles(e, X, F, S, w);
+      this.enqueueTiles(e, X, F, I, w);
     }
-    const I = getRenderExtent(e, m);
-    if (this.enqueueTiles(e, I, d, S, 0), w > 0 && setTimeout(() => {
+    const S = getRenderExtent(e, m);
+    if (this.enqueueTiles(e, S, d, I, 0), w > 0 && setTimeout(() => {
       this.enqueueTiles(
         e,
-        I,
-        d - 1,
         S,
+        d - 1,
+        I,
         w - 1
       );
-    }, 0), !(d in S))
+    }, 0), !(d in I))
       return this.container;
     const L = getUid(this), D = e.time;
-    for (const F of S[d]) {
+    for (const F of I[d]) {
       const X = F.getState();
       if (X === TileState.EMPTY)
         continue;
@@ -21216,15 +21216,15 @@ class CanvasTileLayerRenderer extends CanvasLayerRenderer {
         F.endTransition(L);
         continue;
       }
-      if (X !== TileState.ERROR && (this.renderComplete = !1), this.findStaleTile_(W, S)) {
-        removeTileFromLookup(S, F, d), e.animate = !0;
+      if (X !== TileState.ERROR && (this.renderComplete = !1), this.findStaleTile_(W, I)) {
+        removeTileFromLookup(I, F, d), e.animate = !0;
         continue;
       }
       if (this.findAltTiles_(
         u,
         W,
         d + 1,
-        S
+        I
       ))
         continue;
       const K = u.getMinZoom();
@@ -21232,7 +21232,7 @@ class CanvasTileLayerRenderer extends CanvasLayerRenderer {
         u,
         W,
         H,
-        S
+        I
       ); --H)
         ;
     }
@@ -21247,7 +21247,7 @@ class CanvasTileLayerRenderer extends CanvasLayerRenderer {
       -_ / 2,
       -y / 2
     ), i.extent && this.clipUnrotated(P, e, A), h.getInterpolate() || (P.imageSmoothingEnabled = !1), this.preRender(P, e);
-    const O = Object.keys(S).map(Number);
+    const O = Object.keys(I).map(Number);
     O.sort(ascending);
     let B;
     const N = [], G = [];
@@ -21263,10 +21263,10 @@ class CanvasTileLayerRenderer extends CanvasLayerRenderer {
         p * (Q[0] - T[0]) / g,
         p * (T[3] - Q[3]) / g
       ]), re = p * h.getGutterForProjection(r);
-      for (const ne of S[X]) {
+      for (const ne of I[X]) {
         if (ne.getState() !== TileState.LOADED)
           continue;
-        const J = ne.tileCoord, Te = z[1] - J[1], Ie = Math.round(j[0] - (Te - 1) * K), ye = z[2] - J[2], ue = Math.round(j[1] - (ye - 1) * H), $ = Math.round(j[0] - Te * K), oe = Math.round(j[1] - ye * H), fe = Ie - $, pe = ue - oe, Ee = O.length === 1;
+        const J = ne.tileCoord, Te = z[1] - J[1], Se = Math.round(j[0] - (Te - 1) * K), ye = z[2] - J[2], ue = Math.round(j[1] - (ye - 1) * H), $ = Math.round(j[0] - Te * K), oe = Math.round(j[1] - ye * H), fe = Se - $, pe = ue - oe, Ee = O.length === 1;
         let de = !1;
         B = [$, oe, $ + fe, oe, $ + fe, oe + pe, $, oe + pe];
         for (let me = 0, _e = N.length; me < _e; ++me)
@@ -24510,6 +24510,29 @@ const _hoisted_1 = {
     function capitalize(s) {
       return s.charAt(0).toUpperCase() + s.slice(1);
     }
+    const cloneDeepKeepFunction = (s) => {
+      if (Array.isArray(s))
+        return s.map((e) => cloneDeepKeepFunction(e));
+      if (s && typeof s == "object") {
+        const e = {};
+        return Object.keys(s).forEach((t) => {
+          e[t] = cloneDeepKeepFunction(s[t]);
+        }), e;
+      }
+      return s;
+    }, isEqualWithFunction = (s, e) => {
+      if (typeof s == "function" || typeof e == "function")
+        return typeof s != "function" || typeof e != "function" ? !1 : s === e || s.toString() === e.toString();
+      if (s === e)
+        return !0;
+      if (Array.isArray(s) && Array.isArray(e))
+        return s.length !== e.length ? !1 : s.every((t, i) => isEqualWithFunction(t, e[i]));
+      if (s && e && typeof s == "object" && typeof e == "object") {
+        const t = Object.keys(s), i = Object.keys(e);
+        return t.length !== i.length ? !1 : t.every((n) => isEqualWithFunction(s[n], e[n]));
+      }
+      return !1;
+    };
     function getColor(s) {
       return s < 10.8 ? "#404040" : s < 13.9 ? "#008000" : s < 17.2 ? "#0000ff" : s < 24.5 ? "#ff7d00" : "#ff0000";
     }
@@ -24526,7 +24549,7 @@ const _hoisted_1 = {
         typhoonList[t].drawWindCircle(), typhoonPoint = void 0;
       }
     };
-    return onMounted(() => {
+    onMounted(() => {
       map = new Map(options);
       const s = /* @__PURE__ */ new Set();
       props.options.event && props.options.event.register.forEach((e) => {
@@ -24578,27 +24601,34 @@ const _hoisted_1 = {
       (s) => {
         map.setView(new View(s));
       }
-    ), watch(
-      () => JSON.parse(JSON.stringify(props.options.layers)),
-      (s, e) => {
+    );
+    let previousLayersSnapshot = cloneDeepKeepFunction(props.options.layers);
+    return watch(
+      () => props.options.layers,
+      (s) => {
+        if (!map) {
+          previousLayersSnapshot = cloneDeepKeepFunction(s);
+          return;
+        }
+        const e = previousLayersSnapshot;
         s.forEach((t) => {
           const i = e.findIndex((n) => n.id === t.id);
           if (i > -1) {
             const n = {};
             for (const r in t)
-              if (JSON.stringify(t[r]) !== JSON.stringify(e[i][r]))
+              if (!isEqualWithFunction(t[r], e[i][r]))
                 if (r === "source") {
                   const o = {};
                   for (const a in t[r])
-                    JSON.stringify(t[r][a]) !== JSON.stringify(e[i][r][a]) && (o[a] = t[r][a]);
+                    isEqualWithFunction(t[r][a], e[i][r][a]) || (o[a] = t[r][a]);
                   n[r] = o;
                 } else t.type === "point" && r === "data" ? (n.add = [], n.update = [], n.delete = [], t[r].forEach((o) => {
                   const a = e[i][r].findIndex((l) => l.id === o.id);
-                  a < 0 ? n.add.push(o) : JSON.stringify(o) !== JSON.stringify(e[i][r][a]) && n.update.push(o);
+                  a < 0 ? n.add.push(o) : isEqualWithFunction(o, e[i][r][a]) || n.update.push(o);
                 }), e[i][r].forEach((o) => {
                   t[r].find((l) => l.id === o.id) || n.delete.push(o);
                 })) : n[r] = t[r];
-            JSON.stringify(n) !== "{}" && updateLayer(t.id, t.type, n);
+            Object.keys(n).length > 0 && updateLayer(t.id, t.type, n);
           } else {
             const n = addLayer(t);
             map.addLayer(n);
@@ -24612,7 +24642,7 @@ const _hoisted_1 = {
                 a.includes(o) && (map.removeOverlay(typhoonMarks[a].nameOverlay), map.removeOverlay(typhoonMarks[a].lastPointOverlay), delete typhoonMarks[a]);
             }
           }
-        });
+        }), previousLayersSnapshot = cloneDeepKeepFunction(s);
       },
       { deep: !0 }
     ), (s, e) => (openBlock(), createElementBlock("div", _hoisted_1));
@@ -24622,7 +24652,7 @@ const _hoisted_1 = {
   for (const [i, n] of e)
     t[i] = n;
   return t;
-}, VueOl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d0235b39"]]), plugin = {
+}, VueOl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7da5e12c"]]), plugin = {
   install(s) {
     s.component("VueOl", VueOl);
   }