deckgl-expansion 1.0.4 → 1.0.6

package/dist/lib/index.es.js

@@ -1,32 +1,32 @@
-var W = Object.defineProperty;
-var E = (n, t, e) => t in n ? W(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var b = (n, t, e) => E(n, typeof t != "symbol" ? t + "" : t, e);
-import { Layer as $ } from "@deck.gl/core";
-function G() {
+var E = Object.defineProperty;
+var $ = (n, t, e) => t in n ? E(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var j = (n, t, e) => $(n, typeof t != "symbol" ? t + "" : t, e);
+import { Layer as G } from "@deck.gl/core";
+function q() {
 }
-function N(n) {
+function D(n) {
   return Object.getOwnPropertySymbols(n).filter((t) => Object.prototype.propertyIsEnumerable.call(n, t));
 }
-function P(n) {
+function N(n) {
   return n == null ? n === void 0 ? "[object Undefined]" : "[object Null]" : Object.prototype.toString.call(n);
 }
-const K = "[object RegExp]", k = "[object String]", q = "[object Number]", Z = "[object Boolean]", V = "[object Arguments]", _ = "[object Symbol]", H = "[object Date]", J = "[object Map]", Q = "[object Set]", tt = "[object Array]", et = "[object Function]", it = "[object ArrayBuffer]", j = "[object Object]", nt = "[object Error]", st = "[object DataView]", ot = "[object Uint8Array]", rt = "[object Uint8ClampedArray]", ct = "[object Uint16Array]", at = "[object Uint32Array]", lt = "[object BigUint64Array]", ht = "[object Int8Array]", ut = "[object Int16Array]", ft = "[object Int32Array]", dt = "[object BigInt64Array]", gt = "[object Float32Array]", xt = "[object Float64Array]";
+const K = "[object RegExp]", k = "[object String]", Z = "[object Number]", _ = "[object Boolean]", V = "[object Arguments]", H = "[object Symbol]", J = "[object Date]", Q = "[object Map]", tt = "[object Set]", et = "[object Array]", it = "[object Function]", nt = "[object ArrayBuffer]", v = "[object Object]", st = "[object Error]", ot = "[object DataView]", rt = "[object Uint8Array]", at = "[object Uint8ClampedArray]", ct = "[object Uint16Array]", lt = "[object Uint32Array]", ht = "[object BigUint64Array]", ut = "[object Int8Array]", dt = "[object Int16Array]", ft = "[object Int32Array]", gt = "[object BigInt64Array]", pt = "[object Float32Array]", yt = "[object Float64Array]";
 function Y(n) {
   if (!n || typeof n != "object")
     return !1;
   const t = Object.getPrototypeOf(n);
   return t === null || t === Object.prototype || Object.getPrototypeOf(t) === null ? Object.prototype.toString.call(n) === "[object Object]" : !1;
 }
-function yt(n, t) {
+function xt(n, t) {
   return n === t || Number.isNaN(n) && Number.isNaN(t);
 }
 function mt(n, t, e) {
-  return p(n, t, void 0, void 0, void 0, void 0, e);
+  return m(n, t, void 0, void 0, void 0, void 0, e);
 }
-function p(n, t, e, i, s, o, c) {
-  const a = c(n, t, e, i, s, o);
-  if (a !== void 0)
-    return a;
+function m(n, t, e, i, s, o, a) {
+  const c = a(n, t, e, i, s, o);
+  if (c !== void 0)
+    return c;
   if (typeof n == typeof t)
     switch (typeof n) {
       case "bigint":
@@ -40,96 +40,96 @@ function p(n, t, e, i, s, o, c) {
       case "function":
         return n === t;
       case "object":
-        return w(n, t, o, c);
+        return w(n, t, o, a);
     }
-  return w(n, t, o, c);
+  return w(n, t, o, a);
 }
 function w(n, t, e, i) {
   if (Object.is(n, t))
     return !0;
-  let s = P(n), o = P(t);
-  if (s === V && (s = j), o === V && (o = j), s !== o)
+  let s = N(n), o = N(t);
+  if (s === V && (s = v), o === V && (o = v), s !== o)
     return !1;
   switch (s) {
     case k:
       return n.toString() === t.toString();
-    case q: {
+    case Z: {
       const r = n.valueOf(), l = t.valueOf();
-      return yt(r, l);
+      return xt(r, l);
     }
-    case Z:
-    case H:
     case _:
+    case J:
+    case H:
       return Object.is(n.valueOf(), t.valueOf());
     case K:
       return n.source === t.source && n.flags === t.flags;
-    case et:
+    case it:
       return n === t;
   }
   e = e ?? /* @__PURE__ */ new Map();
-  const c = e.get(n), a = e.get(t);
-  if (c != null && a != null)
-    return c === t;
+  const a = e.get(n), c = e.get(t);
+  if (a != null && c != null)
+    return a === t;
   e.set(n, t), e.set(t, n);
   try {
     switch (s) {
-      case J: {
+      case Q: {
         if (n.size !== t.size)
           return !1;
         for (const [r, l] of n.entries())
-          if (!t.has(r) || !p(l, t.get(r), r, n, t, e, i))
+          if (!t.has(r) || !m(l, t.get(r), r, n, t, e, i))
             return !1;
         return !0;
       }
-      case Q: {
+      case tt: {
         if (n.size !== t.size)
           return !1;
         const r = Array.from(n.values()), l = Array.from(t.values());
-        for (let f = 0; f < r.length; f++) {
-          const h = r[f], u = l.findIndex((d) => p(h, d, void 0, n, t, e, i));
+        for (let d = 0; d < r.length; d++) {
+          const h = r[d], u = l.findIndex((f) => m(h, f, void 0, n, t, e, i));
           if (u === -1)
             return !1;
           l.splice(u, 1);
         }
         return !0;
       }
-      case tt:
-      case ot:
+      case et:
       case rt:
-      case ct:
       case at:
+      case ct:
       case lt:
       case ht:
       case ut:
-      case ft:
       case dt:
+      case ft:
       case gt:
-      case xt: {
+      case pt:
+      case yt: {
         if (typeof Buffer < "u" && Buffer.isBuffer(n) !== Buffer.isBuffer(t) || n.length !== t.length)
           return !1;
         for (let r = 0; r < n.length; r++)
-          if (!p(n[r], t[r], r, n, t, e, i))
+          if (!m(n[r], t[r], r, n, t, e, i))
             return !1;
         return !0;
       }
-      case it:
+      case nt:
         return n.byteLength !== t.byteLength ? !1 : w(new Uint8Array(n), new Uint8Array(t), e, i);
-      case st:
+      case ot:
         return n.byteLength !== t.byteLength || n.byteOffset !== t.byteOffset ? !1 : w(new Uint8Array(n), new Uint8Array(t), e, i);
-      case nt:
+      case st:
         return n.name === t.name && n.message === t.message;
-      case j: {
+      case v: {
         if (!(w(n.constructor, t.constructor, e, i) || Y(n) && Y(t)))
           return !1;
-        const l = [...Object.keys(n), ...N(n)], f = [...Object.keys(t), ...N(t)];
-        if (l.length !== f.length)
+        const l = [...Object.keys(n), ...D(n)], d = [...Object.keys(t), ...D(t)];
+        if (l.length !== d.length)
           return !1;
         for (let h = 0; h < l.length; h++) {
-          const u = l[h], d = n[u];
+          const u = l[h], f = n[u];
           if (!Object.hasOwn(t, u))
             return !1;
-          const x = t[u];
-          if (!p(d, x, u, n, t, e, i))
+          const p = t[u];
+          if (!m(f, p, u, n, t, e, i))
             return !1;
         }
         return !0;
@@ -141,16 +141,16 @@ function w(n, t, e, i) {
     e.delete(n), e.delete(t);
   }
 }
-function pt(n, t) {
-  return mt(n, t, G);
+function wt(n, t) {
+  return mt(n, t, q);
 }
-const wt = Object.prototype.hasOwnProperty, y = typeof Symbol < "u" ? Symbol.toStringTag : void 0;
-function bt(n) {
+const bt = Object.prototype.hasOwnProperty, y = typeof Symbol < "u" ? Symbol.toStringTag : void 0;
+function jt(n) {
   if (n === null)
     return n === void 0 ? "[object Undefined]" : "[object Null]";
   if (!(y && y in Object(n)))
     return toString.call(n);
-  const t = wt.call(n, y), e = n[y];
+  const t = bt.call(n, y), e = n[y];
   let i = !1;
   try {
     n[y] = void 0, i = !0;
@@ -159,13 +159,13 @@ function bt(n) {
   const s = Object.prototype.toString.call(n);
   return i && (t ? n[y] = e : delete n[y]), s;
 }
-function m(n) {
-  if (!jt(n))
+function x(n) {
+  if (!vt(n))
     return !1;
-  const t = bt(n);
+  const t = jt(n);
   return t === "[object Function]" || t === "[object AsyncFunction]" || t === "[object GeneratorFunction]" || t === "[object Proxy]";
 }
-function jt(n) {
+function vt(n) {
   const t = typeof n;
   return n !== null && (t === "object" || t === "function");
 }
@@ -175,39 +175,39 @@ function At(n) {
 function A(n) {
   return Object.prototype.toString.call(n) === "[object Number]" && !isNaN(n);
 }
-function vt(n) {
+function St(n) {
   return Array.isArray(n);
 }
-function St(n, t) {
+function Ot(n, t) {
   console.warn(`${t}: ${n}`);
 }
 const z = {};
-function Ot(n, t) {
-  z[t] || (St(t, n), z[t] = !0);
-}
 function It(n, t) {
+  z[t] || (Ot(t, n), z[t] = !0);
+}
+function Tt(n, t) {
   return n - t * Math.floor(n / t);
 }
 function g(n) {
   return n != null && !isNaN(n);
 }
-function Tt(n, t = {}) {
+function Ct(n, t = {}) {
   let e, i;
-  if (n.forEach(function(c) {
-    switch (c.header.parameterCategory + "," + c.header.parameterNumber) {
+  if (n.forEach(function(a) {
+    switch (a.header.parameterCategory + "," + a.header.parameterNumber) {
       case "1,2":
       case "2,2":
-        e = c;
+        e = a;
         break;
       case "1,3":
       case "2,3":
-        i = c;
+        i = a;
         break;
     }
   }), !i || !e)
     return;
   const s = e.header;
-  return new B({
+  return new U({
     xmin: s.lo1,
     // 一般格点数据是按照矩形范围来切割，所以定义其经纬度范围
     ymin: s.la1,
@@ -228,16 +228,13 @@ function Tt(n, t = {}) {
     ...t
   });
 }
-function Ct(n, t, e, i) {
+function Mt(n, t, e, i) {
   if (typeof document < "u") {
     const s = document.createElement("canvas");
     return s.width = n * e, s.height = t * e, s;
   } else
     return new i(n * e, t * e);
 }
-function Mt(n) {
-  return n ? (n.parentNode && n.parentNode.removeChild(n), n) : null;
-}
 class L {
   constructor(t, e) {
     this.u = t, this.v = e, this.m = this.magnitude();
@@ -267,24 +264,24 @@ class L {
     return (this.directionTo() + 180) % 360;
   }
 }
-class B {
+class U {
   constructor(t) {
     this.grid = [], this.xmin = t.xmin, this.xmax = t.xmax, this.ymin = t.ymin, this.ymax = t.ymax, this.cols = t.cols, this.rows = t.rows, this.us = t.us, this.vs = t.vs, this.deltaX = t.deltaX, this.deltaY = t.deltaY, this.flipY = !!t.flipY, this.ymin = Math.min(t.ymax, t.ymin), this.ymax = Math.max(t.ymax, t.ymin), this.deltaY < 0 && this.ymin < this.ymax || (t.flipY === void 0 && (this.flipY = !0), console.warn("[wind-core]: The data is flipY")), this.isFields = !0;
     const e = Math.ceil((this.xmax - this.xmin) / t.deltaX), i = Math.ceil((this.ymax - this.ymin) / t.deltaY);
-    (e !== this.cols || i !== this.rows) && console.warn("[wind-core]: The data grid not equal"), this.isContinuous = Math.floor(this.cols * t.deltaX) >= 360, this.translateX = "translateX" in t ? t.translateX : this.xmax > 180, "wrappedX" in t && Ot("[wind-core]: ", "`wrappedX` namespace will deprecated please use `translateX` instead！"), this.wrapX = !!t.wrapX, this.grid = this.buildGrid(), this.range = this.calculateRange();
+    (e !== this.cols || i !== this.rows) && console.warn("[wind-core]: The data grid not equal"), this.isContinuous = Math.floor(this.cols * t.deltaX) >= 360, this.translateX = "translateX" in t ? t.translateX : this.xmax > 180, "wrappedX" in t && It("[wind-core]: ", "`wrappedX` namespace will deprecated please use `translateX` instead！"), this.wrapX = !!t.wrapX, this.grid = this.buildGrid(), this.range = this.calculateRange();
   }
   // from https://github.com/sakitam-fdd/wind-layer/blob/95368f9433/src/windy/windy.js#L110
   buildGrid() {
     const t = [];
     let e = 0;
-    const { rows: i, cols: s, us: o, vs: c } = this;
-    for (let a = 0; a < i; a++) {
+    const { rows: i, cols: s, us: o, vs: a } = this;
+    for (let c = 0; c < i; c++) {
       const r = [];
       for (let l = 0; l < s; l++, e++) {
-        const f = o[e], h = c[e], u = this.isValid(f) && this.isValid(h);
-        r[l] = u ? new L(f, h) : null;
+        const d = o[e], h = a[e], u = this.isValid(d) && this.isValid(h);
+        r[l] = u ? new L(d, h) : null;
       }
-      this.isContinuous && r.push(r[0]), t[a] = r;
+      this.isContinuous && r.push(r[0]), t[c] = r;
     }
     return t;
   }
@@ -313,9 +310,9 @@ class B {
    * @param   {Number[]} g11
    * @returns {Vector}
    */
-  bilinearInterpolateVector(t, e, i, s, o, c) {
-    const a = 1 - t, r = 1 - e, l = a * r, f = t * r, h = a * e, u = t * e, d = i.u * l + s.u * f + o.u * h + c.u * u, x = i.v * l + s.v * f + o.v * h + c.v * u;
-    return new L(d, x);
+  bilinearInterpolateVector(t, e, i, s, o, a) {
+    const c = 1 - t, r = 1 - e, l = c * r, d = t * r, h = c * e, u = t * e, f = i.u * l + s.u * d + o.u * h + a.u * u, p = i.v * l + s.v * d + o.v * h + a.v * u;
+    return new L(f, p);
   }
   /**
    * calculate vector value range
@@ -326,10 +323,10 @@ class B {
     const t = this.grid.length, e = this.grid[0].length;
     let i, s;
     for (let o = 0; o < t; o++)
-      for (let c = 0; c < e; c++) {
-        const a = this.grid[o][c];
-        if (a !== null) {
-          const r = a.m || a.magnitude();
+      for (let a = 0; a < e; a++) {
+        const c = this.grid[o][a];
+        if (c !== null) {
+          const r = c.m || c.magnitude();
           i === void 0 ? i = r : s === void 0 ? (s = r, i = Math.min(i, s), s = Math.max(i, s)) : (i = Math.min(r, i), s = Math.max(r, s));
         }
       }
@@ -351,8 +348,8 @@ class B {
     const [i, s] = this.getWrappedLongitudes();
     s > 180 && t >= -180 && t <= s - 360 ? t += 360 : i < -180 && t <= 180 && t >= i + 360 && (t -= 360);
     const o = t >= i && t <= s;
-    let c;
-    return this.deltaY >= 0 ? c = e >= this.ymin && e <= this.ymax : c = e >= this.ymax && e <= this.ymin, o && c;
+    let a;
+    return this.deltaY >= 0 ? a = e >= this.ymin && e <= this.ymax : a = e >= this.ymax && e <= this.ymin, o && a;
   }
   /**
    * 获取经纬度所在的位置索引
@@ -360,7 +357,7 @@ class B {
    * @param lat
    */
   getDecimalIndexes(t, e) {
-    const i = It(t - this.xmin, 360) / this.deltaX;
+    const i = Tt(t - this.xmin, 360) / this.deltaX;
     if (this.flipY) {
       const s = (this.ymax - e) / this.deltaY;
       return [i, s];
@@ -379,8 +376,8 @@ class B {
     let i = !1;
     if ((this.wrapX || this.contains(t, e)) && (i = !0), !i)
       return null;
-    const s = this.getDecimalIndexes(t, e), o = Math.floor(s[0]), c = Math.floor(s[1]), a = this.clampColumnIndex(o), r = this.clampRowIndex(c);
-    return this.valueAtIndexes(a, r);
+    const s = this.getDecimalIndexes(t, e), o = Math.floor(s[0]), a = Math.floor(s[1]), c = this.clampColumnIndex(o), r = this.clampRowIndex(a);
+    return this.valueAtIndexes(c, r);
   }
   /**
    * Get interpolated grid value lon-lat coordinates
@@ -404,10 +401,10 @@ class B {
    * @param j
    */
   interpolatePoint(t, e) {
-    const i = this.getFourSurroundingIndexes(t, e), [s, o, c, a] = i, r = this.getFourSurroundingValues(s, o, c, a);
+    const i = this.getFourSurroundingIndexes(t, e), [s, o, a, c] = i, r = this.getFourSurroundingValues(s, o, a, c);
     if (r) {
-      const [l, f, h, u] = r;
-      return this.bilinearInterpolateVector(t - s, e - c, l, f, h, u);
+      const [l, d, h, u] = r;
+      return this.bilinearInterpolateVector(t - s, e - a, l, d, h, u);
     }
     return null;
   }
@@ -448,8 +445,8 @@ class B {
     const i = Math.floor(t);
     let s = i + 1;
     this.isContinuous && s >= this.cols && (s = 0), s = this.clampColumnIndex(s);
-    const o = this.clampRowIndex(Math.floor(e)), c = this.clampRowIndex(o + 1);
-    return [i, s, o, c];
+    const o = this.clampRowIndex(Math.floor(e)), a = this.clampRowIndex(o + 1);
+    return [i, s, o, a];
   }
   /**
    * Get four surrounding values or null if not available,
@@ -464,11 +461,11 @@ class B {
   getFourSurroundingValues(t, e, i, s) {
     let o;
     if (o = this.grid[i]) {
-      const c = o[t], a = o[e];
-      if (this.isValid(c) && this.isValid(a) && (o = this.grid[s])) {
+      const a = o[t], c = o[e];
+      if (this.isValid(a) && this.isValid(c) && (o = this.grid[s])) {
         const r = o[t], l = o[e];
         if (this.isValid(r) && this.isValid(l))
-          return [c, a, r, l];
+          return [a, c, r, l];
       }
     }
     return null;
@@ -520,8 +517,8 @@ class B {
    * @return IPosition
    */
   randomize(t = {}, e, i, s) {
-    const o = Math.random() * (e || this.cols) | 0, c = Math.random() * (i || this.rows) | 0, a = s([o, c]);
-    return a !== null ? (t.x = a[0], t.y = a[1]) : (t.x = this.longitudeAtX(o), t.y = this.latitudeAtY(c)), t;
+    const o = Math.random() * (e || this.cols) | 0, a = Math.random() * (i || this.rows) | 0, c = s([o, a]);
+    return c !== null ? (t.x = c[0], t.y = c[1]) : (t.x = this.longitudeAtX(o), t.y = this.latitudeAtY(a)), t;
   }
   /**
    * 判断是否是 `Field` 的实例
@@ -531,7 +528,7 @@ class B {
     return this.isFields;
   }
 }
-const U = {
+const W = {
   globalAlpha: 0.9,
   // 全局透明度
   lineWidth: 1,
@@ -549,7 +546,7 @@ const U = {
 function R(n, t, e, i) {
   return Math.max(0, Math.min(i.length - 1, Math.round((n - t) / (e - t) * (i.length - 1))));
 }
-const S = class S {
+const O = class O {
   constructor(t, e, i) {
     if (this.particles = [], this.generated = !1, this.ctx = t, !this.ctx)
       throw new Error("ctx error");
@@ -560,7 +557,7 @@ const S = class S {
    * @param options
    */
   setOptions(t) {
-    this.options = { ...U, ...t };
+    this.options = { ...W, ...t };
     const { width: e, height: i } = this.ctx.canvas;
     "particleAge" in t && !("maxAge" in t) && A(this.options.particleAge) && (this.options.maxAge = this.options.particleAge), "particleMultiplier" in t && !("paths" in t) && A(this.options.particleMultiplier) && (this.options.paths = Math.round(e * i * this.options.particleMultiplier)), this.prerender();
   }
@@ -636,18 +633,18 @@ const S = class S {
   postrender() {
   }
   moveParticles() {
-    const { width: t, height: e } = this.ctx.canvas, i = this.particles, s = this.options.maxAge, o = m(this.options.velocityScale) ? this.options.velocityScale() : this.options.velocityScale;
-    let c = 0;
-    const a = i.length;
-    for (; c < a; c++) {
-      const r = i[c];
+    const { width: t, height: e } = this.ctx.canvas, i = this.particles, s = this.options.maxAge, o = x(this.options.velocityScale) ? this.options.velocityScale() : this.options.velocityScale;
+    let a = 0;
+    const c = i.length;
+    for (; a < c; a++) {
+      const r = i[a];
       r.age > s && (r.age = 0, this.field.randomize(r, t, e, this.unproject));
-      const l = r.x, f = r.y, h = this.field.interpolatedValueAt(l, f);
+      const l = r.x, d = r.y, h = this.field.interpolatedValueAt(l, d);
       if (h === null)
         r.age = s;
       else {
-        const u = l + h.u * o, d = f + h.v * o;
-        this.field.hasValueAt(u, d) ? (r.xt = u, r.yt = d, r.m = h.m) : (r.x = u, r.y = d, r.age = s);
+        const u = l + h.u * o, f = d + h.v * o;
+        this.field.hasValueAt(u, f) ? (r.xt = u, r.yt = f, r.m = h.m) : (r.x = u, r.y = f, r.age = s);
       }
       r.age++;
     }
@@ -676,13 +673,13 @@ const S = class S {
   drawPixelParticle(t, e, i) {
     const s = [t.x, t.y], o = [t.xt, t.yt];
     if (o && s && g(o[0]) && g(o[1]) && g(s[0]) && g(s[1]) && t.age <= this.options.maxAge) {
-      if (this.ctx.beginPath(), this.ctx.moveTo(s[0], s[1]), this.ctx.lineTo(o[0], o[1]), m(this.options.colorScale))
+      if (this.ctx.beginPath(), this.ctx.moveTo(s[0], s[1]), this.ctx.lineTo(o[0], o[1]), x(this.options.colorScale))
         this.ctx.strokeStyle = this.options.colorScale(t.m);
       else if (Array.isArray(this.options.colorScale)) {
-        const c = R(t.m, e, i, this.options.colorScale);
-        this.ctx.strokeStyle = this.options.colorScale[c];
+        const a = R(t.m, e, i, this.options.colorScale);
+        this.ctx.strokeStyle = this.options.colorScale[a];
       }
-      m(this.options.lineWidth) && (this.ctx.lineWidth = this.options.lineWidth(t.m)), t.x = t.xt, t.y = t.yt, this.ctx.stroke();
+      x(this.options.lineWidth) && (this.ctx.lineWidth = this.options.lineWidth(t.m)), t.x = t.xt, t.y = t.yt, this.ctx.stroke();
     }
   }
   /**
@@ -694,15 +691,15 @@ const S = class S {
   drawCoordsParticle(t, e, i) {
     const s = [t.x, t.y], o = [t.xt, t.yt];
     if (o && s && g(o[0]) && g(o[1]) && g(s[0]) && g(s[1]) && this.intersectsCoordinate(o) && t.age <= this.options.maxAge) {
-      const c = this.project(s), a = this.project(o);
-      if (c && a) {
-        if (this.ctx.beginPath(), this.ctx.moveTo(c[0], c[1]), this.ctx.lineTo(a[0], a[1]), t.x = t.xt, t.y = t.yt, m(this.options.colorScale))
+      const a = this.project(s), c = this.project(o);
+      if (a && c) {
+        if (this.ctx.beginPath(), this.ctx.moveTo(a[0], a[1]), this.ctx.lineTo(c[0], c[1]), t.x = t.xt, t.y = t.yt, x(this.options.colorScale))
           this.ctx.strokeStyle = this.options.colorScale(t.m);
         else if (Array.isArray(this.options.colorScale)) {
           const r = R(t.m, e, i, this.options.colorScale);
           this.ctx.strokeStyle = this.options.colorScale[r];
         }
-        m(this.options.lineWidth) && (this.ctx.lineWidth = this.options.lineWidth(t.m)), this.ctx.stroke();
+        x(this.options.lineWidth) && (this.ctx.lineWidth = this.options.lineWidth(t.m)), this.ctx.stroke();
       }
     }
   }
@@ -728,13 +725,13 @@ const S = class S {
     return Math.floor(Math.random() * this.options.maxAge);
   }
 };
-S.Field = B;
-let v = S;
-class Ft extends $ {
+O.Field = U;
+let S = O;
+class B extends G {
   constructor() {
     super(...arguments);
-    b(this, "_defaultOptions", {
-      ...U
+    j(this, "_defaultOptions", {
+      ...W
     });
   }
   initializeState() {
@@ -744,32 +741,33 @@ class Ft extends $ {
     return e.somethingChanged;
   }
   updateState({ props: e, oldProps: i, context: s }) {
-    var f;
-    const { bounds: o, wind: c, windOptions: a } = this.state, r = (o == null ? void 0 : o.reduce((h, u) => h + u, 0)) || 0, l = ((f = s.viewport.getBounds()) == null ? void 0 : f.reduce((h, u) => h + u, 0)) || 0;
+    var d;
+    const { bounds: o, wind: a, windOptions: c } = this.state, r = (o == null ? void 0 : o.reduce((h, u) => h + u, 0)) || 0, l = ((d = s.viewport.getBounds()) == null ? void 0 : d.reduce((h, u) => h + u, 0)) || 0;
     if (r !== l && this.setState({
       bounds: s.viewport.getBounds()
-    }), (i == null ? void 0 : i.data) !== (e == null ? void 0 : e.data) && this.setData(e.data, (e == null ? void 0 : e.fieldOptions) || {}), (i == null ? void 0 : i.windOptions) !== (e == null ? void 0 : e.windOptions) && this.init(), (i == null ? void 0 : i.visible) !== e.visible && this.setVisible(e.visible), (i == null ? void 0 : i.zIndex) !== e.zIndex && this.setzIndex(String(e.zIndex) || "unset"), !pt(a, e == null ? void 0 : e.windOptions)) {
-      const h = Object.assign({}, a, e.windOptions);
-      c.setOptions(h), this.setState({
+    }), (i == null ? void 0 : i.data) !== (e == null ? void 0 : e.data) && this.setData(e.data, (e == null ? void 0 : e.fieldOptions) || {}), (i == null ? void 0 : i.visible) !== e.visible && this.setVisible(e.visible), (i == null ? void 0 : i.zIndex) !== e.zIndex && this.setzIndex(String(e.zIndex) || "unset"), !wt(c, e == null ? void 0 : e.windOptions)) {
+      const h = Object.assign({}, c, e.windOptions);
+      a.setOptions(h), this.setState({
         windOptions: h
       });
     }
   }
   intersectsCoordinate([e, i]) {
-    const [s, o, c, a] = this.state.bounds;
-    return e >= s && e <= c && i >= o && i <= a;
+    const [s, o, a, c] = this.state.bounds;
+    return e >= s && e <= a && i >= o && i <= c;
   }
   init() {
-    var I, T, C, M, F, D, X;
-    const { viewport: e, deck: i } = this.context, s = i == null ? void 0 : i.width, o = i == null ? void 0 : i.height, c = this.getDevicePixelRatio(), a = Ct(s, o, c);
-    a.style.position = "absolute", a.style.top = "0px", a.style.left = "0px", a.style.right = "0px", a.style.bottom = "0px", a.style.width = `${s}px`, a.style.height = `${o}px`, a.style.display = (I = this.props) != null && I.visible ? "block" : "none", a.style.zIndex = ((C = (T = this.props) == null ? void 0 : T.zIndex) == null ? void 0 : C.toString()) || "unset";
-    const r = a.getContext("2d"), l = e.getBounds(), f = (M = this.props) == null ? void 0 : M.data, h = Object.assign(this._defaultOptions, ((F = this.props) == null ? void 0 : F.windOptions) || {}), u = ((D = this.props) == null ? void 0 : D.fieldOptions) || null, d = this.checkData(f, u), x = new v(r, h, d);
-    x.postrender = this.postrender.bind(this), x.project = this.cproject.bind(this), x.unproject = this.cunproject.bind(this), x.intersectsCoordinate = this.intersectsCoordinate.bind(this);
-    const O = (X = i == null ? void 0 : i.getCanvas()) == null ? void 0 : X.parentNode;
-    O && O.appendChild(a), this.setState({
+    var I, T, C, M, F, P, X;
+    const { viewport: e, deck: i } = this.context, s = i == null ? void 0 : i.width, o = i == null ? void 0 : i.height, a = this.getDevicePixelRatio(), c = this.state.canvas ?? Mt(s, o, a);
+    c.style.position = "absolute", c.style.top = "0px", c.style.left = "0px", c.style.right = "0px", c.style.bottom = "0px", c.style.width = `${s}px`, c.style.height = `${o}px`, c.style.display = (I = this.props) != null && I.visible ? "block" : "none", c.style.zIndex = ((C = (T = this.props) == null ? void 0 : T.zIndex) == null ? void 0 : C.toString()) || "unset", c.id = "windy-layer-canvas";
+    const r = c.getContext("2d"), l = e.getBounds(), d = (M = this.props) == null ? void 0 : M.data, h = Object.assign(this._defaultOptions, ((F = this.props) == null ? void 0 : F.windOptions) || {}), u = ((P = this.props) == null ? void 0 : P.fieldOptions) || null, f = this.checkData(d, u), p = new S(r, h, f);
+    p.postrender = this.postrender.bind(this), p.project = this.cproject.bind(this), p.unproject = this.cunproject.bind(this), p.intersectsCoordinate = this.intersectsCoordinate.bind(this);
+    const b = (X = i == null ? void 0 : i.getCanvas()) == null ? void 0 : X.parentNode;
+    b && !b.querySelector("#windy-layer-canvas") && b.appendChild(c), this.setState({
       bounds: l,
-      canvas: a,
-      wind: x,
+      canvas: c,
+      wind: p,
+      container: b,
       windOpitons: h
     });
   }
@@ -787,15 +785,15 @@ class Ft extends $ {
     (i = (e = this.props) == null ? void 0 : e.onPostRender) == null || i.call(e, this);
   }
   cproject([e, i]) {
-    const s = this.getDevicePixelRatio(), [o, c] = this.context.viewport.project([e, i, 0]);
-    return [o * s, c * s];
+    const s = this.getDevicePixelRatio(), [o, a] = this.context.viewport.project([e, i, 0]);
+    return [o * s, a * s];
   }
   cunproject([e, i]) {
     const s = this.context.viewport.unproject([e, i]);
     return s ? [s[0], s[1]] : null;
   }
   checkData(e, i) {
-    return typeof e == "string" ? null : e && e.checkFields && e.checkFields() ? e : vt(e) ? Tt(e, i) : (console.error("Illegal data"), null);
+    return typeof e == "string" ? null : e && e.checkFields && e.checkFields() ? e : St(e) ? Ct(e, i) : (console.error("Illegal data"), null);
   }
   setData(e, i) {
     const s = this.checkData(e, i);
@@ -804,8 +802,8 @@ class Ft extends $ {
     }), this.state.wind.updateData(s), this.state.wind.prerender();
   }
   destory() {
-    const { wind: e } = this.state;
-    e == null || e.stop(), e == null || e.clearCanvas(), Mt(this.state.canvas), this.setState({
+    const { wind: e, container: i } = this.state;
+    e == null || e.stop(), e == null || e.clearCanvas(), i && i.removeChild(this.state.canvas), this.setState({
       canvas: null,
       wind: null,
       bounds: null,
@@ -817,7 +815,7 @@ class Ft extends $ {
     this.destory();
   }
 }
-b(Ft, "layerName", "WindLayer");
+j(B, "layerName", "WindyLayer"), j(B, "componentName", "WindyLayer");
 export {
-  Ft as WindyLayer
+  B as WindyLayer
 };

package/dist/lib/index.umd.js

@@ -1 +1 @@
-(function(d,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("@deck.gl/core")):typeof define=="function"&&define.amd?define(["exports","@deck.gl/core"],g):(d=typeof globalThis<"u"?globalThis:d||self,g(d["deckgl-expansion"]={},d.Deck["gl/core"]))})(this,function(d,g){"use strict";var Ft=Object.defineProperty;var Dt=(d,g,w)=>g in d?Ft(d,g,{enumerable:!0,configurable:!0,writable:!0,value:w}):d[g]=w;var I=(d,g,w)=>Dt(d,typeof g!="symbol"?g+"":g,w);function w(){}function C(n){return Object.getOwnPropertySymbols(n).filter(t=>Object.prototype.propertyIsEnumerable.call(n,t))}function M(n){return n==null?n===void 0?"[object Undefined]":"[object Null]":Object.prototype.toString.call(n)}const G="[object RegExp]",q="[object String]",K="[object Number]",Z="[object Boolean]",F="[object Arguments]",_="[object Symbol]",H="[object Date]",J="[object Map]",Q="[object Set]",tt="[object Array]",et="[object Function]",it="[object ArrayBuffer]",A="[object Object]",nt="[object Error]",st="[object DataView]",ot="[object Uint8Array]",rt="[object Uint8ClampedArray]",ct="[object Uint16Array]",at="[object Uint32Array]",lt="[object BigUint64Array]",ht="[object Int8Array]",ut="[object Int16Array]",ft="[object Int32Array]",dt="[object BigInt64Array]",gt="[object Float32Array]",yt="[object Float64Array]";function D(n){if(!n||typeof n!="object")return!1;const t=Object.getPrototypeOf(n);return t===null||t===Object.prototype||Object.getPrototypeOf(t)===null?Object.prototype.toString.call(n)==="[object Object]":!1}function xt(n,t){return n===t||Number.isNaN(n)&&Number.isNaN(t)}function pt(n,t,e){return b(n,t,void 0,void 0,void 0,void 0,e)}function b(n,t,e,i,s,o,c){const a=c(n,t,e,i,s,o);if(a!==void 0)return a;if(typeof n==typeof t)switch(typeof n){case"bigint":case"string":case"boolean":case"symbol":case"undefined":return n===t;case"number":return n===t||Object.is(n,t);case"function":return n===t;case"object":return j(n,t,o,c)}return j(n,t,o,c)}function j(n,t,e,i){if(Object.is(n,t))return!0;let s=M(n),o=M(t);if(s===F&&(s=A),o===F&&(o=A),s!==o)return!1;switch(s){case q:return n.toString()===t.toString();case K:{const r=n.valueOf(),l=t.valueOf();return xt(r,l)}case Z:case H:case _:return Object.is(n.valueOf(),t.valueOf());case G:return n.source===t.source&&n.flags===t.flags;case et:return n===t}e=e??new Map;const c=e.get(n),a=e.get(t);if(c!=null&&a!=null)return c===t;e.set(n,t),e.set(t,n);try{switch(s){case J:{if(n.size!==t.size)return!1;for(const[r,l]of n.entries())if(!t.has(r)||!b(l,t.get(r),r,n,t,e,i))return!1;return!0}case Q:{if(n.size!==t.size)return!1;const r=Array.from(n.values()),l=Array.from(t.values());for(let f=0;f<r.length;f++){const h=r[f],u=l.findIndex(y=>b(h,y,void 0,n,t,e,i));if(u===-1)return!1;l.splice(u,1)}return!0}case tt:case ot:case rt:case ct:case at:case lt:case ht:case ut:case ft:case dt:case gt:case yt:{if(typeof Buffer<"u"&&Buffer.isBuffer(n)!==Buffer.isBuffer(t)||n.length!==t.length)return!1;for(let r=0;r<n.length;r++)if(!b(n[r],t[r],r,n,t,e,i))return!1;return!0}case it:return n.byteLength!==t.byteLength?!1:j(new Uint8Array(n),new Uint8Array(t),e,i);case st:return n.byteLength!==t.byteLength||n.byteOffset!==t.byteOffset?!1:j(new Uint8Array(n),new Uint8Array(t),e,i);case nt:return n.name===t.name&&n.message===t.message;case A:{if(!(j(n.constructor,t.constructor,e,i)||D(n)&&D(t)))return!1;const l=[...Object.keys(n),...C(n)],f=[...Object.keys(t),...C(t)];if(l.length!==f.length)return!1;for(let h=0;h<l.length;h++){const u=l[h],y=n[u];if(!Object.hasOwn(t,u))return!1;const p=t[u];if(!b(y,p,u,n,t,e,i))return!1}return!0}default:return!1}}finally{e.delete(n),e.delete(t)}}function mt(n,t){return pt(n,t,w)}const wt=Object.prototype.hasOwnProperty,m=typeof Symbol<"u"?Symbol.toStringTag:void 0;function bt(n){if(n===null)return n===void 0?"[object Undefined]":"[object Null]";if(!(m&&m in Object(n)))return toString.call(n);const t=wt.call(n,m),e=n[m];let i=!1;try{n[m]=void 0,i=!0}catch{}const s=Object.prototype.toString.call(n);return i&&(t?n[m]=e:delete n[m]),s}function v(n){if(!jt(n))return!1;const t=bt(n);return t==="[object Function]"||t==="[object AsyncFunction]"||t==="[object GeneratorFunction]"||t==="[object Proxy]"}function jt(n){const t=typeof n;return n!==null&&(t==="object"||t==="function")}function vt(n){return n==null?!1:typeof n=="string"||n.constructor!==null&&n.constructor===String}function S(n){return Object.prototype.toString.call(n)==="[object Number]"&&!isNaN(n)}function At(n){return Array.isArray(n)}function St(n,t){console.warn(`${t}: ${n}`)}const X={};function Ot(n,t){X[t]||(St(t,n),X[t]=!0)}function Tt(n,t){return n-t*Math.floor(n/t)}function x(n){return n!=null&&!isNaN(n)}function It(n,t={}){let e,i;if(n.forEach(function(c){switch(c.header.parameterCategory+","+c.header.parameterNumber){case"1,2":case"2,2":e=c;break;case"1,3":case"2,3":i=c;break}}),!i||!e)return;const s=e.header;return new P({xmin:s.lo1,ymin:s.la1,xmax:s.lo2,ymax:s.la2,deltaX:s.dx,deltaY:s.dy,cols:s.nx,rows:s.ny,us:e.data,vs:i.data,...t})}function Ct(n,t,e,i){if(typeof document<"u"){const s=document.createElement("canvas");return s.width=n*e,s.height=t*e,s}else return new i(n*e,t*e)}function Mt(n){return n?(n.parentNode&&n.parentNode.removeChild(n),n):null}class N{constructor(t,e){this.u=t,this.v=e,this.m=this.magnitude()}magnitude(){return Math.sqrt(this.u**2+this.v**2)}directionTo(){let e=Math.atan2(this.u,this.v)*(180/Math.PI);return e<0&&(e+=360),e}directionFrom(){return(this.directionTo()+180)%360}}class P{constructor(t){this.grid=[],this.xmin=t.xmin,this.xmax=t.xmax,this.ymin=t.ymin,this.ymax=t.ymax,this.cols=t.cols,this.rows=t.rows,this.us=t.us,this.vs=t.vs,this.deltaX=t.deltaX,this.deltaY=t.deltaY,this.flipY=!!t.flipY,this.ymin=Math.min(t.ymax,t.ymin),this.ymax=Math.max(t.ymax,t.ymin),this.deltaY<0&&this.ymin<this.ymax||(t.flipY===void 0&&(this.flipY=!0),console.warn("[wind-core]: The data is flipY")),this.isFields=!0;const e=Math.ceil((this.xmax-this.xmin)/t.deltaX),i=Math.ceil((this.ymax-this.ymin)/t.deltaY);(e!==this.cols||i!==this.rows)&&console.warn("[wind-core]: The data grid not equal"),this.isContinuous=Math.floor(this.cols*t.deltaX)>=360,this.translateX="translateX"in t?t.translateX:this.xmax>180,"wrappedX"in t&&Ot("[wind-core]: ","`wrappedX` namespace will deprecated please use `translateX` instead！"),this.wrapX=!!t.wrapX,this.grid=this.buildGrid(),this.range=this.calculateRange()}buildGrid(){const t=[];let e=0;const{rows:i,cols:s,us:o,vs:c}=this;for(let a=0;a<i;a++){const r=[];for(let l=0;l<s;l++,e++){const f=o[e],h=c[e],u=this.isValid(f)&&this.isValid(h);r[l]=u?new N(f,h):null}this.isContinuous&&r.push(r[0]),t[a]=r}return t}release(){this.grid=[]}extent(){return[this.xmin,this.ymin,this.xmax,this.ymax]}bilinearInterpolateVector(t,e,i,s,o,c){const a=1-t,r=1-e,l=a*r,f=t*r,h=a*e,u=t*e,y=i.u*l+s.u*f+o.u*h+c.u*u,p=i.v*l+s.v*f+o.v*h+c.v*u;return new N(y,p)}calculateRange(){if(!this.grid||!this.grid[0])return;const t=this.grid.length,e=this.grid[0].length;let i,s;for(let o=0;o<t;o++)for(let c=0;c<e;c++){const a=this.grid[o][c];if(a!==null){const r=a.m||a.magnitude();i===void 0?i=r:s===void 0?(s=r,i=Math.min(i,s),s=Math.max(i,s)):(i=Math.min(r,i),s=Math.max(r,s))}}return[i,s]}isValid(t){return t!=null}getWrappedLongitudes(){let t=this.xmin,e=this.xmax;return this.translateX&&(this.isContinuous?(t=-180,e=180):(e=this.xmax-360,t=this.xmin-360)),[t,e]}contains(t,e){const[i,s]=this.getWrappedLongitudes();s>180&&t>=-180&&t<=s-360?t+=360:i<-180&&t<=180&&t>=i+360&&(t-=360);const o=t>=i&&t<=s;let c;return this.deltaY>=0?c=e>=this.ymin&&e<=this.ymax:c=e>=this.ymax&&e<=this.ymin,o&&c}getDecimalIndexes(t,e){const i=Tt(t-this.xmin,360)/this.deltaX;if(this.flipY){const s=(this.ymax-e)/this.deltaY;return[i,s]}else{const s=(this.ymin+e)/this.deltaY;return[i,s]}}valueAt(t,e){let i=!1;if((this.wrapX||this.contains(t,e))&&(i=!0),!i)return null;const s=this.getDecimalIndexes(t,e),o=Math.floor(s[0]),c=Math.floor(s[1]),a=this.clampColumnIndex(o),r=this.clampRowIndex(c);return this.valueAtIndexes(a,r)}interpolatedValueAt(t,e){let i=!1;if((this.wrapX||this.contains(t,e))&&(i=!0),!i)return null;const[s,o]=this.getDecimalIndexes(t,e);return this.interpolatePoint(s,o)}hasValueAt(t,e){return this.valueAt(t,e)!==null}interpolatePoint(t,e){const i=this.getFourSurroundingIndexes(t,e),[s,o,c,a]=i,r=this.getFourSurroundingValues(s,o,c,a);if(r){const[l,f,h,u]=r;return this.bilinearInterpolateVector(t-s,e-c,l,f,h,u)}return null}clampColumnIndex(t){let e=t;t<0&&(e=0);const i=this.cols-1;return t>i&&(e=i),e}clampRowIndex(t){let e=t;t<0&&(e=0);const i=this.rows-1;return t>i&&(e=i),e}getFourSurroundingIndexes(t,e){const i=Math.floor(t);let s=i+1;this.isContinuous&&s>=this.cols&&(s=0),s=this.clampColumnIndex(s);const o=this.clampRowIndex(Math.floor(e)),c=this.clampRowIndex(o+1);return[i,s,o,c]}getFourSurroundingValues(t,e,i,s){let o;if(o=this.grid[i]){const c=o[t],a=o[e];if(this.isValid(c)&&this.isValid(a)&&(o=this.grid[s])){const r=o[t],l=o[e];if(this.isValid(r)&&this.isValid(l))return[c,a,r,l]}}return null}valueAtIndexes(t,e){return this.grid[e][t]}lonLatAtIndexes(t,e){const i=this.longitudeAtX(t),s=this.latitudeAtY(e);return[i,s]}longitudeAtX(t){const e=this.deltaX/2;let i=this.xmin+e+t*this.deltaX;return this.translateX&&(i=i>180?i-360:i),i}latitudeAtY(t){const e=this.deltaY/2;return this.ymax-e-t*this.deltaY}randomize(t={},e,i,s){const o=Math.random()*(e||this.cols)|0,c=Math.random()*(i||this.rows)|0,a=s([o,c]);return a!==null?(t.x=a[0],t.y=a[1]):(t.x=this.longitudeAtX(o),t.y=this.latitudeAtY(c)),t}checkFields(){return this.isFields}}const V={globalAlpha:.9,lineWidth:1,colorScale:"#fff",velocityScale:1/25,maxAge:90,paths:800,frameRate:20,useCoordsDraw:!0};function Y(n,t,e,i){return Math.max(0,Math.min(i.length-1,Math.round((n-t)/(e-t)*(i.length-1))))}const T=class T{constructor(t,e,i){if(this.particles=[],this.generated=!1,this.ctx=t,!this.ctx)throw new Error("ctx error");this.animate=this.animate.bind(this),this.setOptions(e),i&&this.updateData(i)}setOptions(t){this.options={...V,...t};const{width:e,height:i}=this.ctx.canvas;"particleAge"in t&&!("maxAge"in t)&&S(this.options.particleAge)&&(this.options.maxAge=this.options.particleAge),"particleMultiplier"in t&&!("paths"in t)&&S(this.options.particleMultiplier)&&(this.options.paths=Math.round(e*i*this.options.particleMultiplier)),this.prerender()}getOptions(){return this.options}updateData(t){this.field=t,this.generated&&(this.particles=this.prepareParticlePaths())}project(...t){throw new Error("project must be overriden")}unproject(...t){throw new Error("unproject must be overriden")}intersectsCoordinate(t){throw new Error("must be overriden")}clearCanvas(){this.stop(),this.ctx.clearRect(0,0,this.ctx.canvas.width,this.ctx.canvas.height),this.forceStop=!1}isStop(){return!this.starting}start(){this.starting=!0,this.forceStop=!1,this.then=Date.now(),this.animate()}stop(){cancelAnimationFrame(this.animationLoop),this.starting=!1,this.forceStop=!0}animate(){this.animationLoop&&cancelAnimationFrame(this.animationLoop),this.animationLoop=requestAnimationFrame(this.animate);const t=Date.now(),e=t-this.then;e>this.options.frameRate&&(this.then=t-e%this.options.frameRate,this.render())}prerender(){this.generated=!1,this.field&&(this.particles=this.prepareParticlePaths(),this.generated=!0,!this.starting&&!this.forceStop&&(this.starting=!0,this.then=Date.now(),this.animate()))}render(){this.moveParticles(),this.drawParticles(),this.postrender()}postrender(){}moveParticles(){const{width:t,height:e}=this.ctx.canvas,i=this.particles,s=this.options.maxAge,o=v(this.options.velocityScale)?this.options.velocityScale():this.options.velocityScale;let c=0;const a=i.length;for(;c<a;c++){const r=i[c];r.age>s&&(r.age=0,this.field.randomize(r,t,e,this.unproject));const l=r.x,f=r.y,h=this.field.interpolatedValueAt(l,f);if(h===null)r.age=s;else{const u=l+h.u*o,y=f+h.v*o;this.field.hasValueAt(u,y)?(r.xt=u,r.yt=y,r.m=h.m):(r.x=u,r.y=y,r.age=s)}r.age++}}fadeIn(){const t=this.ctx.globalCompositeOperation;this.ctx.globalCompositeOperation="destination-in",this.ctx.fillRect(0,0,this.ctx.canvas.width,this.ctx.canvas.height),this.ctx.globalCompositeOperation=t}drawParticles(){const t=this.particles;this.fadeIn(),this.ctx.globalAlpha=this.options.globalAlpha,this.ctx.fillStyle=`rgba(0, 0, 0, ${this.options.globalAlpha})`,this.ctx.lineWidth=S(this.options.lineWidth)?this.options.lineWidth:1,this.ctx.strokeStyle=vt(this.options.colorScale)?this.options.colorScale:"#fff";let e=0;const i=t.length;if(this.field&&i>0){let s,o;for(x(this.options.minVelocity)&&x(this.options.maxVelocity)?(s=this.options.minVelocity,o=this.options.maxVelocity):[s,o]=this.field.range;e<i;e++)this[this.options.useCoordsDraw?"drawCoordsParticle":"drawPixelParticle"](t[e],s,o)}}drawPixelParticle(t,e,i){const s=[t.x,t.y],o=[t.xt,t.yt];if(o&&s&&x(o[0])&&x(o[1])&&x(s[0])&&x(s[1])&&t.age<=this.options.maxAge){if(this.ctx.beginPath(),this.ctx.moveTo(s[0],s[1]),this.ctx.lineTo(o[0],o[1]),v(this.options.colorScale))this.ctx.strokeStyle=this.options.colorScale(t.m);else if(Array.isArray(this.options.colorScale)){const c=Y(t.m,e,i,this.options.colorScale);this.ctx.strokeStyle=this.options.colorScale[c]}v(this.options.lineWidth)&&(this.ctx.lineWidth=this.options.lineWidth(t.m)),t.x=t.xt,t.y=t.yt,this.ctx.stroke()}}drawCoordsParticle(t,e,i){const s=[t.x,t.y],o=[t.xt,t.yt];if(o&&s&&x(o[0])&&x(o[1])&&x(s[0])&&x(s[1])&&this.intersectsCoordinate(o)&&t.age<=this.options.maxAge){const c=this.project(s),a=this.project(o);if(c&&a){if(this.ctx.beginPath(),this.ctx.moveTo(c[0],c[1]),this.ctx.lineTo(a[0],a[1]),t.x=t.xt,t.y=t.yt,v(this.options.colorScale))this.ctx.strokeStyle=this.options.colorScale(t.m);else if(Array.isArray(this.options.colorScale)){const r=Y(t.m,e,i,this.options.colorScale);this.ctx.strokeStyle=this.options.colorScale[r]}v(this.options.lineWidth)&&(this.ctx.lineWidth=this.options.lineWidth(t.m)),this.ctx.stroke()}}}prepareParticlePaths(){const{width:t,height:e}=this.ctx.canvas,i=typeof this.options.paths=="function"?this.options.paths(this):this.options.paths,s=[];if(!this.field)return[];let o=0;for(;o<i;o++)s.push(this.field.randomize({age:this.randomize()},t,e,this.unproject));return s}randomize(){return Math.floor(Math.random()*this.options.maxAge)}};T.Field=P;let O=T;class z extends g.Layer{constructor(){super(...arguments);I(this,"_defaultOptions",{...V})}initializeState(){this.init()}shouldUpdateState({changeFlags:e}){return e.somethingChanged}updateState({props:e,oldProps:i,context:s}){var f;const{bounds:o,wind:c,windOptions:a}=this.state,r=(o==null?void 0:o.reduce((h,u)=>h+u,0))||0,l=((f=s.viewport.getBounds())==null?void 0:f.reduce((h,u)=>h+u,0))||0;if(r!==l&&this.setState({bounds:s.viewport.getBounds()}),(i==null?void 0:i.data)!==(e==null?void 0:e.data)&&this.setData(e.data,(e==null?void 0:e.fieldOptions)||{}),(i==null?void 0:i.windOptions)!==(e==null?void 0:e.windOptions)&&this.init(),(i==null?void 0:i.visible)!==e.visible&&this.setVisible(e.visible),(i==null?void 0:i.zIndex)!==e.zIndex&&this.setzIndex(String(e.zIndex)||"unset"),!mt(a,e==null?void 0:e.windOptions)){const h=Object.assign({},a,e.windOptions);c.setOptions(h),this.setState({windOptions:h})}}intersectsCoordinate([e,i]){const[s,o,c,a]=this.state.bounds;return e>=s&&e<=c&&i>=o&&i<=a}init(){var R,B,W,U,E,k,$;const{viewport:e,deck:i}=this.context,s=i==null?void 0:i.width,o=i==null?void 0:i.height,c=this.getDevicePixelRatio(),a=Ct(s,o,c);a.style.position="absolute",a.style.top="0px",a.style.left="0px",a.style.right="0px",a.style.bottom="0px",a.style.width=`${s}px`,a.style.height=`${o}px`,a.style.display=(R=this.props)!=null&&R.visible?"block":"none",a.style.zIndex=((W=(B=this.props)==null?void 0:B.zIndex)==null?void 0:W.toString())||"unset";const r=a.getContext("2d"),l=e.getBounds(),f=(U=this.props)==null?void 0:U.data,h=Object.assign(this._defaultOptions,((E=this.props)==null?void 0:E.windOptions)||{}),u=((k=this.props)==null?void 0:k.fieldOptions)||null,y=this.checkData(f,u),p=new O(r,h,y);p.postrender=this.postrender.bind(this),p.project=this.cproject.bind(this),p.unproject=this.cunproject.bind(this),p.intersectsCoordinate=this.intersectsCoordinate.bind(this);const L=($=i==null?void 0:i.getCanvas())==null?void 0:$.parentNode;L&&L.appendChild(a),this.setState({bounds:l,canvas:a,wind:p,windOpitons:h})}setVisible(e){this.state.canvas.style.display=e?"block":"none"}setzIndex(e){this.state.canvas.style.zIndex=String(e)||"unset"}getDevicePixelRatio(){return(window==null?void 0:window.devicePixelRatio)||1}postrender(){var e,i;(i=(e=this.props)==null?void 0:e.onPostRender)==null||i.call(e,this)}cproject([e,i]){const s=this.getDevicePixelRatio(),[o,c]=this.context.viewport.project([e,i,0]);return[o*s,c*s]}cunproject([e,i]){const s=this.context.viewport.unproject([e,i]);return s?[s[0],s[1]]:null}checkData(e,i){return typeof e=="string"?null:e&&e.checkFields&&e.checkFields()?e:At(e)?It(e,i):(console.error("Illegal data"),null)}setData(e,i){const s=this.checkData(e,i);this.setState({data:s}),this.state.wind.updateData(s),this.state.wind.prerender()}destory(){const{wind:e}=this.state;e==null||e.stop(),e==null||e.clearCanvas(),Mt(this.state.canvas),this.setState({canvas:null,wind:null,bounds:null,windOptions:null,fieldOptions:null})}finalizeState(){this.destory()}}I(z,"layerName","WindLayer"),d.WindyLayer=z,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+(function(f,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("@deck.gl/core")):typeof define=="function"&&define.amd?define(["exports","@deck.gl/core"],g):(f=typeof globalThis<"u"?globalThis:f||self,g(f["deckgl-expansion"]={},f.Deck["gl/core"]))})(this,function(f,g){"use strict";var Mt=Object.defineProperty;var Pt=(f,g,w)=>g in f?Mt(f,g,{enumerable:!0,configurable:!0,writable:!0,value:w}):f[g]=w;var S=(f,g,w)=>Pt(f,typeof g!="symbol"?g+"":g,w);function w(){}function P(n){return Object.getOwnPropertySymbols(n).filter(t=>Object.prototype.propertyIsEnumerable.call(n,t))}function F(n){return n==null?n===void 0?"[object Undefined]":"[object Null]":Object.prototype.toString.call(n)}const q="[object RegExp]",G="[object String]",K="[object Number]",Z="[object Boolean]",D="[object Arguments]",_="[object Symbol]",H="[object Date]",J="[object Map]",Q="[object Set]",tt="[object Array]",et="[object Function]",it="[object ArrayBuffer]",O="[object Object]",nt="[object Error]",st="[object DataView]",ot="[object Uint8Array]",rt="[object Uint8ClampedArray]",ct="[object Uint16Array]",at="[object Uint32Array]",lt="[object BigUint64Array]",ht="[object Int8Array]",ut="[object Int16Array]",dt="[object Int32Array]",ft="[object BigInt64Array]",gt="[object Float32Array]",pt="[object Float64Array]";function X(n){if(!n||typeof n!="object")return!1;const t=Object.getPrototypeOf(n);return t===null||t===Object.prototype||Object.getPrototypeOf(t)===null?Object.prototype.toString.call(n)==="[object Object]":!1}function yt(n,t){return n===t||Number.isNaN(n)&&Number.isNaN(t)}function xt(n,t,e){return b(n,t,void 0,void 0,void 0,void 0,e)}function b(n,t,e,i,s,o,c){const a=c(n,t,e,i,s,o);if(a!==void 0)return a;if(typeof n==typeof t)switch(typeof n){case"bigint":case"string":case"boolean":case"symbol":case"undefined":return n===t;case"number":return n===t||Object.is(n,t);case"function":return n===t;case"object":return j(n,t,o,c)}return j(n,t,o,c)}function j(n,t,e,i){if(Object.is(n,t))return!0;let s=F(n),o=F(t);if(s===D&&(s=O),o===D&&(o=O),s!==o)return!1;switch(s){case G:return n.toString()===t.toString();case K:{const r=n.valueOf(),l=t.valueOf();return yt(r,l)}case Z:case H:case _:return Object.is(n.valueOf(),t.valueOf());case q:return n.source===t.source&&n.flags===t.flags;case et:return n===t}e=e??new Map;const c=e.get(n),a=e.get(t);if(c!=null&&a!=null)return c===t;e.set(n,t),e.set(t,n);try{switch(s){case J:{if(n.size!==t.size)return!1;for(const[r,l]of n.entries())if(!t.has(r)||!b(l,t.get(r),r,n,t,e,i))return!1;return!0}case Q:{if(n.size!==t.size)return!1;const r=Array.from(n.values()),l=Array.from(t.values());for(let d=0;d<r.length;d++){const h=r[d],u=l.findIndex(p=>b(h,p,void 0,n,t,e,i));if(u===-1)return!1;l.splice(u,1)}return!0}case tt:case ot:case rt:case ct:case at:case lt:case ht:case ut:case dt:case ft:case gt:case pt:{if(typeof Buffer<"u"&&Buffer.isBuffer(n)!==Buffer.isBuffer(t)||n.length!==t.length)return!1;for(let r=0;r<n.length;r++)if(!b(n[r],t[r],r,n,t,e,i))return!1;return!0}case it:return n.byteLength!==t.byteLength?!1:j(new Uint8Array(n),new Uint8Array(t),e,i);case st:return n.byteLength!==t.byteLength||n.byteOffset!==t.byteOffset?!1:j(new Uint8Array(n),new Uint8Array(t),e,i);case nt:return n.name===t.name&&n.message===t.message;case O:{if(!(j(n.constructor,t.constructor,e,i)||X(n)&&X(t)))return!1;const l=[...Object.keys(n),...P(n)],d=[...Object.keys(t),...P(t)];if(l.length!==d.length)return!1;for(let h=0;h<l.length;h++){const u=l[h],p=n[u];if(!Object.hasOwn(t,u))return!1;const x=t[u];if(!b(p,x,u,n,t,e,i))return!1}return!0}default:return!1}}finally{e.delete(n),e.delete(t)}}function mt(n,t){return xt(n,t,w)}const wt=Object.prototype.hasOwnProperty,m=typeof Symbol<"u"?Symbol.toStringTag:void 0;function bt(n){if(n===null)return n===void 0?"[object Undefined]":"[object Null]";if(!(m&&m in Object(n)))return toString.call(n);const t=wt.call(n,m),e=n[m];let i=!1;try{n[m]=void 0,i=!0}catch{}const s=Object.prototype.toString.call(n);return i&&(t?n[m]=e:delete n[m]),s}function v(n){if(!jt(n))return!1;const t=bt(n);return t==="[object Function]"||t==="[object AsyncFunction]"||t==="[object GeneratorFunction]"||t==="[object Proxy]"}function jt(n){const t=typeof n;return n!==null&&(t==="object"||t==="function")}function vt(n){return n==null?!1:typeof n=="string"||n.constructor!==null&&n.constructor===String}function T(n){return Object.prototype.toString.call(n)==="[object Number]"&&!isNaN(n)}function At(n){return Array.isArray(n)}function St(n,t){console.warn(`${t}: ${n}`)}const N={};function Ot(n,t){N[t]||(St(t,n),N[t]=!0)}function Tt(n,t){return n-t*Math.floor(n/t)}function y(n){return n!=null&&!isNaN(n)}function It(n,t={}){let e,i;if(n.forEach(function(c){switch(c.header.parameterCategory+","+c.header.parameterNumber){case"1,2":case"2,2":e=c;break;case"1,3":case"2,3":i=c;break}}),!i||!e)return;const s=e.header;return new Y({xmin:s.lo1,ymin:s.la1,xmax:s.lo2,ymax:s.la2,deltaX:s.dx,deltaY:s.dy,cols:s.nx,rows:s.ny,us:e.data,vs:i.data,...t})}function Ct(n,t,e,i){if(typeof document<"u"){const s=document.createElement("canvas");return s.width=n*e,s.height=t*e,s}else return new i(n*e,t*e)}class V{constructor(t,e){this.u=t,this.v=e,this.m=this.magnitude()}magnitude(){return Math.sqrt(this.u**2+this.v**2)}directionTo(){let e=Math.atan2(this.u,this.v)*(180/Math.PI);return e<0&&(e+=360),e}directionFrom(){return(this.directionTo()+180)%360}}class Y{constructor(t){this.grid=[],this.xmin=t.xmin,this.xmax=t.xmax,this.ymin=t.ymin,this.ymax=t.ymax,this.cols=t.cols,this.rows=t.rows,this.us=t.us,this.vs=t.vs,this.deltaX=t.deltaX,this.deltaY=t.deltaY,this.flipY=!!t.flipY,this.ymin=Math.min(t.ymax,t.ymin),this.ymax=Math.max(t.ymax,t.ymin),this.deltaY<0&&this.ymin<this.ymax||(t.flipY===void 0&&(this.flipY=!0),console.warn("[wind-core]: The data is flipY")),this.isFields=!0;const e=Math.ceil((this.xmax-this.xmin)/t.deltaX),i=Math.ceil((this.ymax-this.ymin)/t.deltaY);(e!==this.cols||i!==this.rows)&&console.warn("[wind-core]: The data grid not equal"),this.isContinuous=Math.floor(this.cols*t.deltaX)>=360,this.translateX="translateX"in t?t.translateX:this.xmax>180,"wrappedX"in t&&Ot("[wind-core]: ","`wrappedX` namespace will deprecated please use `translateX` instead！"),this.wrapX=!!t.wrapX,this.grid=this.buildGrid(),this.range=this.calculateRange()}buildGrid(){const t=[];let e=0;const{rows:i,cols:s,us:o,vs:c}=this;for(let a=0;a<i;a++){const r=[];for(let l=0;l<s;l++,e++){const d=o[e],h=c[e],u=this.isValid(d)&&this.isValid(h);r[l]=u?new V(d,h):null}this.isContinuous&&r.push(r[0]),t[a]=r}return t}release(){this.grid=[]}extent(){return[this.xmin,this.ymin,this.xmax,this.ymax]}bilinearInterpolateVector(t,e,i,s,o,c){const a=1-t,r=1-e,l=a*r,d=t*r,h=a*e,u=t*e,p=i.u*l+s.u*d+o.u*h+c.u*u,x=i.v*l+s.v*d+o.v*h+c.v*u;return new V(p,x)}calculateRange(){if(!this.grid||!this.grid[0])return;const t=this.grid.length,e=this.grid[0].length;let i,s;for(let o=0;o<t;o++)for(let c=0;c<e;c++){const a=this.grid[o][c];if(a!==null){const r=a.m||a.magnitude();i===void 0?i=r:s===void 0?(s=r,i=Math.min(i,s),s=Math.max(i,s)):(i=Math.min(r,i),s=Math.max(r,s))}}return[i,s]}isValid(t){return t!=null}getWrappedLongitudes(){let t=this.xmin,e=this.xmax;return this.translateX&&(this.isContinuous?(t=-180,e=180):(e=this.xmax-360,t=this.xmin-360)),[t,e]}contains(t,e){const[i,s]=this.getWrappedLongitudes();s>180&&t>=-180&&t<=s-360?t+=360:i<-180&&t<=180&&t>=i+360&&(t-=360);const o=t>=i&&t<=s;let c;return this.deltaY>=0?c=e>=this.ymin&&e<=this.ymax:c=e>=this.ymax&&e<=this.ymin,o&&c}getDecimalIndexes(t,e){const i=Tt(t-this.xmin,360)/this.deltaX;if(this.flipY){const s=(this.ymax-e)/this.deltaY;return[i,s]}else{const s=(this.ymin+e)/this.deltaY;return[i,s]}}valueAt(t,e){let i=!1;if((this.wrapX||this.contains(t,e))&&(i=!0),!i)return null;const s=this.getDecimalIndexes(t,e),o=Math.floor(s[0]),c=Math.floor(s[1]),a=this.clampColumnIndex(o),r=this.clampRowIndex(c);return this.valueAtIndexes(a,r)}interpolatedValueAt(t,e){let i=!1;if((this.wrapX||this.contains(t,e))&&(i=!0),!i)return null;const[s,o]=this.getDecimalIndexes(t,e);return this.interpolatePoint(s,o)}hasValueAt(t,e){return this.valueAt(t,e)!==null}interpolatePoint(t,e){const i=this.getFourSurroundingIndexes(t,e),[s,o,c,a]=i,r=this.getFourSurroundingValues(s,o,c,a);if(r){const[l,d,h,u]=r;return this.bilinearInterpolateVector(t-s,e-c,l,d,h,u)}return null}clampColumnIndex(t){let e=t;t<0&&(e=0);const i=this.cols-1;return t>i&&(e=i),e}clampRowIndex(t){let e=t;t<0&&(e=0);const i=this.rows-1;return t>i&&(e=i),e}getFourSurroundingIndexes(t,e){const i=Math.floor(t);let s=i+1;this.isContinuous&&s>=this.cols&&(s=0),s=this.clampColumnIndex(s);const o=this.clampRowIndex(Math.floor(e)),c=this.clampRowIndex(o+1);return[i,s,o,c]}getFourSurroundingValues(t,e,i,s){let o;if(o=this.grid[i]){const c=o[t],a=o[e];if(this.isValid(c)&&this.isValid(a)&&(o=this.grid[s])){const r=o[t],l=o[e];if(this.isValid(r)&&this.isValid(l))return[c,a,r,l]}}return null}valueAtIndexes(t,e){return this.grid[e][t]}lonLatAtIndexes(t,e){const i=this.longitudeAtX(t),s=this.latitudeAtY(e);return[i,s]}longitudeAtX(t){const e=this.deltaX/2;let i=this.xmin+e+t*this.deltaX;return this.translateX&&(i=i>180?i-360:i),i}latitudeAtY(t){const e=this.deltaY/2;return this.ymax-e-t*this.deltaY}randomize(t={},e,i,s){const o=Math.random()*(e||this.cols)|0,c=Math.random()*(i||this.rows)|0,a=s([o,c]);return a!==null?(t.x=a[0],t.y=a[1]):(t.x=this.longitudeAtX(o),t.y=this.latitudeAtY(c)),t}checkFields(){return this.isFields}}const z={globalAlpha:.9,lineWidth:1,colorScale:"#fff",velocityScale:1/25,maxAge:90,paths:800,frameRate:20,useCoordsDraw:!0};function L(n,t,e,i){return Math.max(0,Math.min(i.length-1,Math.round((n-t)/(e-t)*(i.length-1))))}const M=class M{constructor(t,e,i){if(this.particles=[],this.generated=!1,this.ctx=t,!this.ctx)throw new Error("ctx error");this.animate=this.animate.bind(this),this.setOptions(e),i&&this.updateData(i)}setOptions(t){this.options={...z,...t};const{width:e,height:i}=this.ctx.canvas;"particleAge"in t&&!("maxAge"in t)&&T(this.options.particleAge)&&(this.options.maxAge=this.options.particleAge),"particleMultiplier"in t&&!("paths"in t)&&T(this.options.particleMultiplier)&&(this.options.paths=Math.round(e*i*this.options.particleMultiplier)),this.prerender()}getOptions(){return this.options}updateData(t){this.field=t,this.generated&&(this.particles=this.prepareParticlePaths())}project(...t){throw new Error("project must be overriden")}unproject(...t){throw new Error("unproject must be overriden")}intersectsCoordinate(t){throw new Error("must be overriden")}clearCanvas(){this.stop(),this.ctx.clearRect(0,0,this.ctx.canvas.width,this.ctx.canvas.height),this.forceStop=!1}isStop(){return!this.starting}start(){this.starting=!0,this.forceStop=!1,this.then=Date.now(),this.animate()}stop(){cancelAnimationFrame(this.animationLoop),this.starting=!1,this.forceStop=!0}animate(){this.animationLoop&&cancelAnimationFrame(this.animationLoop),this.animationLoop=requestAnimationFrame(this.animate);const t=Date.now(),e=t-this.then;e>this.options.frameRate&&(this.then=t-e%this.options.frameRate,this.render())}prerender(){this.generated=!1,this.field&&(this.particles=this.prepareParticlePaths(),this.generated=!0,!this.starting&&!this.forceStop&&(this.starting=!0,this.then=Date.now(),this.animate()))}render(){this.moveParticles(),this.drawParticles(),this.postrender()}postrender(){}moveParticles(){const{width:t,height:e}=this.ctx.canvas,i=this.particles,s=this.options.maxAge,o=v(this.options.velocityScale)?this.options.velocityScale():this.options.velocityScale;let c=0;const a=i.length;for(;c<a;c++){const r=i[c];r.age>s&&(r.age=0,this.field.randomize(r,t,e,this.unproject));const l=r.x,d=r.y,h=this.field.interpolatedValueAt(l,d);if(h===null)r.age=s;else{const u=l+h.u*o,p=d+h.v*o;this.field.hasValueAt(u,p)?(r.xt=u,r.yt=p,r.m=h.m):(r.x=u,r.y=p,r.age=s)}r.age++}}fadeIn(){const t=this.ctx.globalCompositeOperation;this.ctx.globalCompositeOperation="destination-in",this.ctx.fillRect(0,0,this.ctx.canvas.width,this.ctx.canvas.height),this.ctx.globalCompositeOperation=t}drawParticles(){const t=this.particles;this.fadeIn(),this.ctx.globalAlpha=this.options.globalAlpha,this.ctx.fillStyle=`rgba(0, 0, 0, ${this.options.globalAlpha})`,this.ctx.lineWidth=T(this.options.lineWidth)?this.options.lineWidth:1,this.ctx.strokeStyle=vt(this.options.colorScale)?this.options.colorScale:"#fff";let e=0;const i=t.length;if(this.field&&i>0){let s,o;for(y(this.options.minVelocity)&&y(this.options.maxVelocity)?(s=this.options.minVelocity,o=this.options.maxVelocity):[s,o]=this.field.range;e<i;e++)this[this.options.useCoordsDraw?"drawCoordsParticle":"drawPixelParticle"](t[e],s,o)}}drawPixelParticle(t,e,i){const s=[t.x,t.y],o=[t.xt,t.yt];if(o&&s&&y(o[0])&&y(o[1])&&y(s[0])&&y(s[1])&&t.age<=this.options.maxAge){if(this.ctx.beginPath(),this.ctx.moveTo(s[0],s[1]),this.ctx.lineTo(o[0],o[1]),v(this.options.colorScale))this.ctx.strokeStyle=this.options.colorScale(t.m);else if(Array.isArray(this.options.colorScale)){const c=L(t.m,e,i,this.options.colorScale);this.ctx.strokeStyle=this.options.colorScale[c]}v(this.options.lineWidth)&&(this.ctx.lineWidth=this.options.lineWidth(t.m)),t.x=t.xt,t.y=t.yt,this.ctx.stroke()}}drawCoordsParticle(t,e,i){const s=[t.x,t.y],o=[t.xt,t.yt];if(o&&s&&y(o[0])&&y(o[1])&&y(s[0])&&y(s[1])&&this.intersectsCoordinate(o)&&t.age<=this.options.maxAge){const c=this.project(s),a=this.project(o);if(c&&a){if(this.ctx.beginPath(),this.ctx.moveTo(c[0],c[1]),this.ctx.lineTo(a[0],a[1]),t.x=t.xt,t.y=t.yt,v(this.options.colorScale))this.ctx.strokeStyle=this.options.colorScale(t.m);else if(Array.isArray(this.options.colorScale)){const r=L(t.m,e,i,this.options.colorScale);this.ctx.strokeStyle=this.options.colorScale[r]}v(this.options.lineWidth)&&(this.ctx.lineWidth=this.options.lineWidth(t.m)),this.ctx.stroke()}}}prepareParticlePaths(){const{width:t,height:e}=this.ctx.canvas,i=typeof this.options.paths=="function"?this.options.paths(this):this.options.paths,s=[];if(!this.field)return[];let o=0;for(;o<i;o++)s.push(this.field.randomize({age:this.randomize()},t,e,this.unproject));return s}randomize(){return Math.floor(Math.random()*this.options.maxAge)}};M.Field=Y;let I=M;class C extends g.Layer{constructor(){super(...arguments);S(this,"_defaultOptions",{...z})}initializeState(){this.init()}shouldUpdateState({changeFlags:e}){return e.somethingChanged}updateState({props:e,oldProps:i,context:s}){var d;const{bounds:o,wind:c,windOptions:a}=this.state,r=(o==null?void 0:o.reduce((h,u)=>h+u,0))||0,l=((d=s.viewport.getBounds())==null?void 0:d.reduce((h,u)=>h+u,0))||0;if(r!==l&&this.setState({bounds:s.viewport.getBounds()}),(i==null?void 0:i.data)!==(e==null?void 0:e.data)&&this.setData(e.data,(e==null?void 0:e.fieldOptions)||{}),(i==null?void 0:i.visible)!==e.visible&&this.setVisible(e.visible),(i==null?void 0:i.zIndex)!==e.zIndex&&this.setzIndex(String(e.zIndex)||"unset"),!mt(a,e==null?void 0:e.windOptions)){const h=Object.assign({},a,e.windOptions);c.setOptions(h),this.setState({windOptions:h})}}intersectsCoordinate([e,i]){const[s,o,c,a]=this.state.bounds;return e>=s&&e<=c&&i>=o&&i<=a}init(){var R,B,W,U,E,k,$;const{viewport:e,deck:i}=this.context,s=i==null?void 0:i.width,o=i==null?void 0:i.height,c=this.getDevicePixelRatio(),a=this.state.canvas??Ct(s,o,c);a.style.position="absolute",a.style.top="0px",a.style.left="0px",a.style.right="0px",a.style.bottom="0px",a.style.width=`${s}px`,a.style.height=`${o}px`,a.style.display=(R=this.props)!=null&&R.visible?"block":"none",a.style.zIndex=((W=(B=this.props)==null?void 0:B.zIndex)==null?void 0:W.toString())||"unset",a.id="windy-layer-canvas";const r=a.getContext("2d"),l=e.getBounds(),d=(U=this.props)==null?void 0:U.data,h=Object.assign(this._defaultOptions,((E=this.props)==null?void 0:E.windOptions)||{}),u=((k=this.props)==null?void 0:k.fieldOptions)||null,p=this.checkData(d,u),x=new I(r,h,p);x.postrender=this.postrender.bind(this),x.project=this.cproject.bind(this),x.unproject=this.cunproject.bind(this),x.intersectsCoordinate=this.intersectsCoordinate.bind(this);const A=($=i==null?void 0:i.getCanvas())==null?void 0:$.parentNode;A&&!A.querySelector("#windy-layer-canvas")&&A.appendChild(a),this.setState({bounds:l,canvas:a,wind:x,container:A,windOpitons:h})}setVisible(e){this.state.canvas.style.display=e?"block":"none"}setzIndex(e){this.state.canvas.style.zIndex=String(e)||"unset"}getDevicePixelRatio(){return(window==null?void 0:window.devicePixelRatio)||1}postrender(){var e,i;(i=(e=this.props)==null?void 0:e.onPostRender)==null||i.call(e,this)}cproject([e,i]){const s=this.getDevicePixelRatio(),[o,c]=this.context.viewport.project([e,i,0]);return[o*s,c*s]}cunproject([e,i]){const s=this.context.viewport.unproject([e,i]);return s?[s[0],s[1]]:null}checkData(e,i){return typeof e=="string"?null:e&&e.checkFields&&e.checkFields()?e:At(e)?It(e,i):(console.error("Illegal data"),null)}setData(e,i){const s=this.checkData(e,i);this.setState({data:s}),this.state.wind.updateData(s),this.state.wind.prerender()}destory(){const{wind:e,container:i}=this.state;e==null||e.stop(),e==null||e.clearCanvas(),i&&i.removeChild(this.state.canvas),this.setState({canvas:null,wind:null,bounds:null,windOptions:null,fieldOptions:null})}finalizeState(){this.destory()}}S(C,"layerName","WindyLayer"),S(C,"componentName","WindyLayer"),f.WindyLayer=C,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});

package/dist/types/layers/src/windy-layer.d.ts

@@ -9,6 +9,7 @@ export interface WindyLayerProps extends LayerProps {
 }
 export default class WindyLayer extends Layer<WindyLayerProps> {
     static layerName: string;
+    static componentName: string;
     private _defaultOptions;
     state: {
         canvas: HTMLCanvasElement;
@@ -16,6 +17,7 @@ export default class WindyLayer extends Layer<WindyLayerProps> {
         bounds: [number, number, number, number];
         windOptions: Partial<IOptions> | undefined;
         fieldOptions: Partial<IField> | undefined;
+        container: HTMLElement | null;
     };
     initializeState(): void;
     shouldUpdateState({ changeFlags }: UpdateParameters<this>): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "deckgl-expansion",
-	"version": "1.0.4",
+	"version": "1.0.6",
 	"description": "",
 	"private": false,
 	"types": "dist/types/index.d.ts",