gl-draw 0.16.7 → 0.16.9

package/dist/index.module.js

@@ -29,7 +29,7 @@ var se = (c, e, t) => new Promise((s, i) => {
 import * as Ce from "@tweenjs/tween.js";
 import Dt from "deepmerge";
 import Ut from "stats-gl";
-import { Vector3 as H, PerspectiveCamera as kt, Matrix4 as W, ShaderMaterial as zt, UniformsUtils as Ft, RawShaderMaterial as Nt, MeshBasicMaterial as It, PointsMaterial as nt, SpriteMaterial as at, Color as Ht, Layers as jt, Vector2 as B, WebGLRenderTarget as Bt, HalfFloatType as Vt, MathUtils as Yt, Vector4 as Zt, Quaternion as lt, Spherical as Wt, Box3 as ht, Sphere as Kt, Raycaster as ct, AxesHelper as De, CameraHelper as $t, PointLightHelper as Gt, DirectionalLightHelper as Xt, SpotLightHelper as qt, HemisphereLightHelper as Qt, Box3Helper as Ue, Scene as dt, Group as ke, Camera as Jt, Loader as pt, FileLoader as Se, Texture as fe, VideoTexture as es, LoadingManager as ts, DataTexture as ss, WebGLRenderer as is, REVISION as rs, Object3D as os, Timer as ns } from "three";
+import { Vector3 as j, PerspectiveCamera as kt, Matrix4 as W, ShaderMaterial as zt, UniformsUtils as Ft, RawShaderMaterial as Nt, MeshBasicMaterial as It, PointsMaterial as nt, SpriteMaterial as at, Color as jt, Layers as Ht, Vector2 as B, WebGLRenderTarget as Bt, HalfFloatType as Vt, MathUtils as Yt, Vector4 as Zt, Quaternion as lt, Spherical as Wt, Box3 as ht, Sphere as Kt, Raycaster as ct, AxesHelper as De, CameraHelper as $t, PointLightHelper as Gt, DirectionalLightHelper as Xt, SpotLightHelper as qt, HemisphereLightHelper as Qt, Box3Helper as Ue, Scene as dt, Group as ke, Camera as Jt, Loader as pt, FileLoader as Se, Texture as fe, VideoTexture as es, LoadingManager as ts, DataTexture as ss, WebGLRenderer as is, REVISION as rs, Object3D as os, Timer as ns } from "three";
 import { M as mt, B as Oe, a as as, R as Pe, I as he } from "./WebGPULineSegments2.module.js";
 import { EffectComposer as ze } from "three/examples/jsm/postprocessing/EffectComposer";
 import { RenderPass as ls } from "three/examples/jsm/postprocessing/RenderPass";
@@ -91,7 +91,7 @@ const M = {
 function Y(c) {
   return c.isPerspectiveCamera;
 }
-function j(c) {
+function H(c) {
   return c.isOrthographicCamera;
 }
 const $ = Math.PI * 2, Ie = Math.PI / 2, ut = 1e-5, ie = Math.PI / 180;
@@ -104,7 +104,7 @@ function A(c, e = ut) {
 function P(c, e, t = ut) {
   return A(c - e, t);
 }
-function He(c, e) {
+function je(c, e) {
   return Math.round(c / e) * e;
 }
 function re(c) {
@@ -124,7 +124,7 @@ function ce(c, e, t, s, i = 1 / 0, r) {
   let _ = e + (h + v) * a;
   return m - c > 0 == _ > m && (_ = m, t.value = (_ - m) / r), _;
 }
-function je(c, e, t, s, i = 1 / 0, r, o) {
+function He(c, e, t, s, i = 1 / 0, r, o) {
   s = Math.max(1e-4, s);
   const n = 2 / s, a = n * r, h = 1 / (1 + a + 0.48 * a * a + 0.235 * a * a * a);
   let m = e.x, p = e.y, v = e.z, _ = c.x - m, u = c.y - p, g = c.z - v;
@@ -145,7 +145,7 @@ function Ee(c, e) {
   }), e.x /= c.length, e.y /= c.length;
 }
 function Te(c, e) {
-  return j(c) ? (console.warn(`${e} is not supported in OrthographicCamera`), !0) : !1;
+  return H(c) ? (console.warn(`${e} is not supported in OrthographicCamera`), !0) : !1;
 }
 class ws {
   constructor() {
@@ -248,7 +248,7 @@ class J extends ws {
       if (Y(this._camera)) {
         const b = x.copy(this._camera.position).sub(this._target), R = this._camera.getEffectiveFOV() * ie, V = b.length() * Math.tan(R * 0.5);
         w = this.truckSpeed * l * V / this._elementRect.height, E = this.truckSpeed * f * V / this._elementRect.height;
-      } else if (j(this._camera)) {
+      } else if (H(this._camera)) {
         const b = this._camera;
         w = this.truckSpeed * l * (b.right - b.left) / b.zoom / this._elementRect.width, E = this.truckSpeed * f * (b.top - b.bottom) / b.zoom / this._elementRect.height;
       } else
@@ -296,10 +296,10 @@ class J extends ws {
       left: d.ROTATE,
       middle: d.DOLLY,
       right: d.TRUCK,
-      wheel: Y(this._camera) ? d.DOLLY : j(this._camera) ? d.ZOOM : d.NONE
+      wheel: Y(this._camera) ? d.DOLLY : H(this._camera) ? d.ZOOM : d.NONE
     }, this.touches = {
       one: d.TOUCH_ROTATE,
-      two: Y(this._camera) ? d.TOUCH_DOLLY_TRUCK : j(this._camera) ? d.TOUCH_ZOOM_TRUCK : d.NONE,
+      two: Y(this._camera) ? d.TOUCH_DOLLY_TRUCK : H(this._camera) ? d.TOUCH_ZOOM_TRUCK : d.NONE,
       three: d.TOUCH_TRUCK
     };
     const s = new T.Vector2(), i = new T.Vector2(), r = new T.Vector2(), o = (l) => {
@@ -985,7 +985,7 @@ class J extends ws {
     h.isEmpty() && (console.warn(
       "camera-controls: fitTo() cannot be used with an empty box. Aborting"
     ), Promise.resolve());
-    const m = He(this._sphericalEnd.theta, Ie), p = He(this._sphericalEnd.phi, Ie);
+    const m = je(this._sphericalEnd.theta, Ie), p = je(this._sphericalEnd.phi, Ie);
     a.push(this.rotateTo(m, p, t));
     const v = x.setFromSpherical(this._sphericalEnd).normalize(), _ = We.setFromUnitVectors(v, we), u = P(Math.abs(v.y), 1);
     u && _.multiply(be.setFromAxisAngle(pe, m)), _.multiply(this._yAxisUpSpaceInverse);
@@ -1002,7 +1002,7 @@ class J extends ws {
       a.push(
         this.moveTo(l.x, l.y, l.z, t)
       ), a.push(this.dollyTo(f, t)), a.push(this.setFocalOffset(0, 0, 0, t));
-    } else if (j(this._camera)) {
+    } else if (H(this._camera)) {
       const f = this._camera, O = f.right - f.left, C = f.top - f.bottom, w = s ? Math.max(O / y.x, C / y.y) : Math.min(O / y.x, C / y.y);
       a.push(
         this.moveTo(l.x, l.y, l.z, t)
@@ -1028,7 +1028,7 @@ class J extends ws {
     ), Y(this._camera)) {
       const o = this.getDistanceToFitSphere(r.radius);
       s.push(this.dollyTo(o, t));
-    } else if (j(this._camera)) {
+    } else if (H(this._camera)) {
       const o = this._camera.right - this._camera.left, n = this._camera.top - this._camera.bottom, a = 2 * r.radius, h = Math.min(o / a, n / a);
       s.push(this.zoomTo(h, t));
     }
@@ -1415,7 +1415,7 @@ class J extends ws {
       this._targetVelocity.set(0, 0, 0), this._target.copy(this._targetEnd);
     else {
       const p = this._isUserControllingTruck ? this.draggingSmoothTime : this.smoothTime;
-      je(
+      He(
         this._target,
         this._targetEnd,
         this._targetVelocity,
@@ -1429,7 +1429,7 @@ class J extends ws {
       this._focalOffsetVelocity.set(0, 0, 0), this._focalOffset.copy(this._focalOffsetEnd);
     else {
       const p = this._isUserControllingOffset ? this.draggingSmoothTime : this.smoothTime;
-      je(
+      He(
         this._focalOffset,
         this._focalOffsetEnd,
         this._focalOffsetVelocity,
@@ -1471,7 +1471,7 @@ class J extends ws {
         this._boundary.clampPoint(C, C);
         const b = L.subVectors(C, this._targetEnd);
         this._targetEnd.copy(C), this._target.add(b), this._changedDolly -= p, A(this._changedDolly) && (this._changedDolly = 0);
-      } else if (j(this._camera) && this._changedZoom !== 0) {
+      } else if (H(this._camera) && this._changedZoom !== 0) {
         const p = this._zoom - this._lastZoom, v = this._camera, _ = x.set(
           this._dollyControlCoord.x,
           this._dollyControlCoord.y,
@@ -1606,7 +1606,7 @@ class J extends ws {
     if (Y(this._camera)) {
       const e = this._camera, t = e.near, s = e.getEffectiveFOV() * ie, i = Math.tan(s * 0.5) * t, r = i * e.aspect;
       this._nearPlaneCorners[0].set(-r, -i, 0), this._nearPlaneCorners[1].set(r, -i, 0), this._nearPlaneCorners[2].set(r, i, 0), this._nearPlaneCorners[3].set(-r, i, 0);
-    } else if (j(this._camera)) {
+    } else if (H(this._camera)) {
       const e = this._camera, t = 1 / e.zoom, s = e.left * t, i = e.right * t, r = e.top * t, o = e.bottom * t;
       this._nearPlaneCorners[0].set(s, r, 0), this._nearPlaneCorners[1].set(i, r, 0), this._nearPlaneCorners[2].set(i, o, 0), this._nearPlaneCorners[3].set(s, o, 0);
     }
@@ -1995,7 +1995,7 @@ const Tt = {
   fov: 45,
   near: 1,
   far: 1e3,
-  up: new H(0, 1, 0)
+  up: new j(0, 1, 0)
 };
 class Ds extends ee {
   constructor(e) {
@@ -2225,17 +2225,17 @@ const Fs = new It({ color: "black" }), Ns = new nt({
 }), Is = new nt({
   color: "black",
   sizeAttenuation: !0
-}), Hs = new at({
+}), js = new at({
   color: "black",
   sizeAttenuation: !0
-}), js = new at({
+}), Hs = new at({
   color: "black",
   sizeAttenuation: !1
 }), Bs = new mt({
   color: "black",
   sizeAttenuation: !1,
   lineWidth: 0
-}), Ge = new Ht(0), Vs = {
+}), Ge = new jt(0), Vs = {
   kernelRadius: 8,
   minDistance: 5e-3,
   maxDistance: 0.1
@@ -2250,7 +2250,7 @@ const Fs = new It({ color: "black" }), Ns = new nt({
 };
 class Ws {
   constructor(e) {
-    this.bloomComposerActive = !1, this.active = !0, this.bloomSelection = /* @__PURE__ */ new Set(), this.bloomLayer = new jt(), this.bloomMaterials = {}, this.bloomVisible = {}, this.bloomComposerRenderIng = !1, this.pipViewportState = null, this.options = e;
+    this.bloomComposerActive = !1, this.active = !0, this.bloomSelection = /* @__PURE__ */ new Set(), this.bloomLayer = new Ht(), this.bloomMaterials = {}, this.bloomVisible = {}, this.bloomComposerRenderIng = !1, this.pipViewportState = null, this.options = e;
     const {
       rendererController: t,
       sceneController: s,
@@ -2346,7 +2346,7 @@ class Ws {
             e.push(o);
             return;
           }
-          this.bloomMaterials[o.uuid] = o.material, n.isSprite ? n.material.sizeAttenuation ? n.material = Hs : n.material = js : o.material instanceof mt ? o.material = Bs : a.isPoints ? a.material.sizeAttenuation ? a.material = Is : a.material = Ns : o.material = Fs;
+          this.bloomMaterials[o.uuid] = o.material, n.isSprite ? n.material.sizeAttenuation ? n.material = js : n.material = Hs : o.material instanceof mt ? o.material = Bs : a.isPoints ? a.material.sizeAttenuation ? a.material = Is : a.material = Ns : o.material = Fs;
         }
       });
     }), e.forEach((i) => {
@@ -2401,7 +2401,7 @@ class Ks extends ee {
     super(), this.autoRotateSpeed = 0, this.options = e;
     const t = {
       Vector2: B,
-      Vector3: H,
+      Vector3: j,
       Vector4: Zt,
       Quaternion: lt,
       Matrix4: W,
@@ -2443,8 +2443,74 @@ class Ks extends ee {
     super.update(e, t), this.autoRotateSpeed && this.cameraControls && (this.cameraControls.azimuthAngle += this.autoRotateSpeed * e * Yt.DEG2RAD);
   }
 }
-const Xe = new H(), $s = new lt(), qe = new H(), I = new W(), Gs = new W();
-class Xs {
+const q = new j(), Xe = new W(), qe = new W(), Qe = new j(), Je = new j();
+class $s {
+  /**
+   * Constructs a new CSS2D renderer.
+   *
+   * @param {CSS2DRenderer~Parameters} [parameters] - The parameters.
+   */
+  constructor(e = {}) {
+    const t = this;
+    let s, i, r, o;
+    const n = {
+      objects: /* @__PURE__ */ new WeakMap()
+    }, a = e.element !== void 0 ? e.element : document.createElement("div");
+    a.style.overflow = "hidden", this.domElement = a, this.sortObjects = !0, this.getSize = function() {
+      return {
+        width: s,
+        height: i
+      };
+    }, this.render = function(u, g) {
+      u.matrixWorldAutoUpdate === !0 && u.updateMatrixWorld(), g.parent === null && g.matrixWorldAutoUpdate === !0 && g.updateMatrixWorld(), Xe.copy(g.matrixWorldInverse), qe.multiplyMatrices(g.projectionMatrix, Xe), m(u, u, g), this.sortObjects && _(u);
+    }, this.setSize = function(u, g) {
+      s = u, i = g, r = s / 2, o = i / 2, a.style.width = u + "px", a.style.height = g + "px";
+    };
+    function h(u) {
+      u.isCSS2DObject && (u.element.style.display = "none");
+      for (let g = 0, y = u.children.length; g < y; g++)
+        h(u.children[g]);
+    }
+    function m(u, g, y) {
+      if (u.visible === !1) {
+        h(u);
+        return;
+      }
+      if (u.isCSS2DObject) {
+        q.setFromMatrixPosition(u.matrixWorld), q.applyMatrix4(qe);
+        const l = q.z >= -1 && q.z <= 1 && u.layers.test(y.layers) === !0, f = u.element;
+        f.style.display = l === !0 ? "" : "none", l === !0 && (u.onBeforeRender(t, g, y), f.style.transform = "translate(" + -100 * u.center.x + "%," + -100 * u.center.y + "%)translate(" + (q.x * r + r) + "px," + (-q.y * o + o) + "px)", f.parentNode !== a && a.appendChild(f), u.onAfterRender(t, g, y));
+        const O = {
+          distanceToCameraSquared: p(y, u)
+        };
+        n.objects.set(u, O);
+      }
+      for (let l = 0, f = u.children.length; l < f; l++)
+        m(u.children[l], g, y);
+    }
+    function p(u, g) {
+      return Qe.setFromMatrixPosition(u.matrixWorld), Je.setFromMatrixPosition(g.matrixWorld), Qe.distanceToSquared(Je);
+    }
+    function v(u) {
+      const g = [];
+      return u.traverseVisible(function(y) {
+        y.isCSS2DObject && g.push(y);
+      }), g;
+    }
+    function _(u) {
+      const g = v(u).sort(function(l, f) {
+        if (l.renderOrder !== f.renderOrder)
+          return f.renderOrder - l.renderOrder;
+        const O = n.objects.get(l).distanceToCameraSquared, C = n.objects.get(f).distanceToCameraSquared;
+        return O - C;
+      }), y = g.length;
+      for (let l = 0, f = g.length; l < f; l++)
+        g[l].element.style.zIndex = y - l;
+    }
+  }
+}
+const et = new j(), Gs = new lt(), tt = new j(), I = new W(), Xs = new W();
+class qs {
   /**
    * Constructs a new CSS3D renderer.
    *
@@ -2502,7 +2568,7 @@ class Xs {
         if (w.style.display = C === !0 ? "" : "none", C === !0) {
           y.onBeforeRender(t, l, f);
           let E;
-          y.isCSS3DSprite ? (I.copy(f.matrixWorldInverse), I.transpose(), y.rotation2D !== 0 && I.multiply(Gs.makeRotationZ(y.rotation2D)), y.matrixWorld.decompose(Xe, $s, qe), I.setPosition(Xe), I.scale(qe), I.elements[3] = 0, I.elements[7] = 0, I.elements[11] = 0, I.elements[15] = 1, E = _(I)) : E = _(y.matrixWorld);
+          y.isCSS3DSprite ? (I.copy(f.matrixWorldInverse), I.transpose(), y.rotation2D !== 0 && I.multiply(Xs.makeRotationZ(y.rotation2D)), y.matrixWorld.decompose(et, Gs, tt), I.setPosition(et), I.scale(tt), I.elements[3] = 0, I.elements[7] = 0, I.elements[11] = 0, I.elements[15] = 1, E = _(I)) : E = _(y.matrixWorld);
           const b = n.objects.get(y);
           if (b === void 0 || b.style !== E) {
             w.style.transform = E;
@@ -2517,72 +2583,6 @@ class Xs {
     }
   }
 }
-const q = new H(), Qe = new W(), Je = new W(), et = new H(), tt = new H();
-class qs {
-  /**
-   * Constructs a new CSS2D renderer.
-   *
-   * @param {CSS2DRenderer~Parameters} [parameters] - The parameters.
-   */
-  constructor(e = {}) {
-    const t = this;
-    let s, i, r, o;
-    const n = {
-      objects: /* @__PURE__ */ new WeakMap()
-    }, a = e.element !== void 0 ? e.element : document.createElement("div");
-    a.style.overflow = "hidden", this.domElement = a, this.getSize = function() {
-      return {
-        width: s,
-        height: i
-      };
-    }, this.render = function(u, g) {
-      u.matrixWorldAutoUpdate === !0 && u.updateMatrixWorld(), g.parent === null && g.matrixWorldAutoUpdate === !0 && g.updateMatrixWorld(), Qe.copy(g.matrixWorldInverse), Je.multiplyMatrices(g.projectionMatrix, Qe), m(u, u, g), _(u);
-    }, this.setSize = function(u, g) {
-      s = u, i = g, r = s / 2, o = i / 2, a.style.width = u + "px", a.style.height = g + "px";
-    };
-    function h(u) {
-      u.isCSS2DObject && (u.element.style.display = "none");
-      for (let g = 0, y = u.children.length; g < y; g++)
-        h(u.children[g]);
-    }
-    function m(u, g, y) {
-      if (u.visible === !1) {
-        h(u);
-        return;
-      }
-      if (u.isCSS2DObject) {
-        q.setFromMatrixPosition(u.matrixWorld), q.applyMatrix4(Je);
-        const l = q.z >= -1 && q.z <= 1 && u.layers.test(y.layers) === !0, f = u.element;
-        f.style.display = l === !0 ? "" : "none", l === !0 && (u.onBeforeRender(t, g, y), f.style.transform = "translate(" + -100 * u.center.x + "%," + -100 * u.center.y + "%)translate(" + (q.x * r + r) + "px," + (-q.y * o + o) + "px)", f.parentNode !== a && a.appendChild(f), u.onAfterRender(t, g, y));
-        const O = {
-          distanceToCameraSquared: p(y, u)
-        };
-        n.objects.set(u, O);
-      }
-      for (let l = 0, f = u.children.length; l < f; l++)
-        m(u.children[l], g, y);
-    }
-    function p(u, g) {
-      return et.setFromMatrixPosition(u.matrixWorld), tt.setFromMatrixPosition(g.matrixWorld), et.distanceToSquared(tt);
-    }
-    function v(u) {
-      const g = [];
-      return u.traverseVisible(function(y) {
-        y.isCSS2DObject && g.push(y);
-      }), g;
-    }
-    function _(u) {
-      const g = v(u).sort(function(l, f) {
-        if (l.renderOrder !== f.renderOrder)
-          return f.renderOrder - l.renderOrder;
-        const O = n.objects.get(l).distanceToCameraSquared, C = n.objects.get(f).distanceToCameraSquared;
-        return O - C;
-      }), y = g.length;
-      for (let l = 0, f = g.length; l < f; l++)
-        g[l].element.style.zIndex = y - l;
-    }
-  }
-}
 const st = {
   zIndex: "auto"
 };
@@ -2591,7 +2591,7 @@ class Qs {
     this.container = e;
   }
   addRenderer(e, t) {
-    const s = t.container || this.container, i = s.offsetWidth, r = s.offsetHeight, o = e === "css2d" ? new qs() : new Xs();
+    const s = t.container || this.container, i = s.offsetWidth, r = s.offsetHeight, o = e === "css2d" ? new $s() : new qs();
     o.domElement.style.position = "absolute", o.domElement.style.top = "0", o.domElement.style.pointerEvents = "none", o.domElement.style.zIndex = t.zIndex, o.setSize(i, r), s.appendChild(o.domElement), e === "css2d" ? this.css2Drenderer = o : e === "css3d" && (this.css3Drenderer = o);
   }
   setSize(e, t) {
@@ -3156,7 +3156,7 @@ const ri = {
   media: ["mp4", "webm", "ogg"],
   gltf: ["gltf", "glb"],
   json: ["json", "geojson"],
-  gzipJson: ["json.gzip"],
+  gzipJson: ["json.gzip", "json.gz"],
   exr: ["exr"],
   lottie: ["lottie.json"]
 };
@@ -3200,7 +3200,7 @@ class oi {
     if (t) {
       if (e.endsWith("lottie.json"))
         return "lottie";
-      if (e.endsWith("json.gzip"))
+      if (e.endsWith("json.gzip") || e.endsWith("json.gz"))
         return "gzipJson";
     } else return;
     for (const [i, r] of Object.entries(ri))
@@ -3274,7 +3274,7 @@ class oi {
         }
         return h;
       } catch (h) {
-        r.reject(`Failed to load ${e}`);
+        r.reject(`Failed to load ${e}`), this.assets.delete(e);
         return;
       }
     });
@@ -3755,7 +3755,7 @@ class _i {
 const _e = class _e {
   constructor(e) {
     var r, o;
-    this.raycaster = new ct(), this.maxBackufferArea = 5760 * 5760, this.installPlugins = /* @__PURE__ */ new Map(), this._cameraPositon = new H(), this._cameraTarget = new H(), this.event = new ye.EventEmitter(), this.timer = new ns(), this.userData = {}, this.pageActiveIndex = 0, this.pageCountIndex = 0, this.userSetDprCache = 1, this.viewPadding = [0, 0, 0, 0], this._isDispose = !1, this.event.setMaxListeners(1 / 0), (o = (r = this.timer).connect) == null || o.call(r, document), this.options = Dt(_e.options, e, {
+    this.raycaster = new ct(), this.maxBackufferArea = 5760 * 5760, this.installPlugins = /* @__PURE__ */ new Map(), this._cameraPositon = new j(), this._cameraTarget = new j(), this.event = new ye.EventEmitter(), this.timer = new ns(), this.userData = {}, this.pageActiveIndex = 0, this.pageCountIndex = 0, this.userSetDprCache = 1, this.viewPadding = [0, 0, 0, 0], this._isDispose = !1, this.event.setMaxListeners(1 / 0), (o = (r = this.timer).connect) == null || o.call(r, document), this.options = Dt(_e.options, e, {
       isMergeableObject: Es
     }), this.userSetDprCache = this.options.renderer.devicePixelRatio;
     const {