gl-draw 0.17.0-beta.2 → 0.17.0-beta.21

package/dist/objects/index.module.js

@@ -1,13 +1,13 @@
 var Je = Object.defineProperty, Qe = Object.defineProperties;
 var Ke = Object.getOwnPropertyDescriptors;
 var he = Object.getOwnPropertySymbols;
-var Be = Object.prototype.hasOwnProperty, Oe = Object.prototype.propertyIsEnumerable;
-var Ie = (p, e, t) => e in p ? Je(p, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[e] = t, z = (p, e) => {
+var Be = Object.prototype.hasOwnProperty, Ue = Object.prototype.propertyIsEnumerable;
+var Ie = (p, e, t) => e in p ? Je(p, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[e] = t, U = (p, e) => {
   for (var t in e || (e = {}))
     Be.call(e, t) && Ie(p, t, e[t]);
   if (he)
     for (var t of he(e))
-      Oe.call(e, t) && Ie(p, t, e[t]);
+      Ue.call(e, t) && Ie(p, t, e[t]);
   return p;
 }, ue = (p, e) => Qe(p, Ke(e));
 var ye = (p, e) => {
@@ -16,69 +16,69 @@ var ye = (p, e) => {
     Be.call(p, n) && e.indexOf(n) < 0 && (t[n] = p[n]);
   if (p != null && he)
     for (var n of he(p))
-      e.indexOf(n) < 0 && Oe.call(p, n) && (t[n] = p[n]);
+      e.indexOf(n) < 0 && Ue.call(p, n) && (t[n] = p[n]);
   return t;
 };
-var oe = (p, e, t) => new Promise((n, s) => {
-  var o = (r) => {
+var ie = (p, e, t) => new Promise((n, s) => {
+  var r = (i) => {
     try {
-      f(t.next(r));
+      f(t.next(i));
     } catch (h) {
       s(h);
     }
-  }, a = (r) => {
+  }, a = (i) => {
     try {
-      f(t.throw(r));
+      f(t.throw(i));
     } catch (h) {
       s(h);
     }
-  }, f = (r) => r.done ? n(r.value) : Promise.resolve(r.value).then(o, a);
+  }, f = (i) => i.done ? n(i.value) : Promise.resolve(i.value).then(r, a);
   f((t = t.apply(p, e)).next());
 });
 import { LineMaterial as et } from "three/examples/jsm/lines/LineMaterial";
-import { LineMaterial as un } from "three/examples/jsm/lines/LineMaterial";
+import { LineMaterial as hn } from "three/examples/jsm/lines/LineMaterial";
 import { LineSegmentsGeometry as tt } from "three/examples/jsm/lines/LineSegmentsGeometry";
-import { LineSegmentsGeometry as dn } from "three/examples/jsm/lines/LineSegmentsGeometry";
-import { P as nt, a as Z, M as st, L as it } from "../WebGPULineSegments2.module.js";
-import { g as pn } from "../WebGPULineSegments2.module.js";
-import { BufferGeometry as me, Float32BufferAttribute as xe, Vector3 as _, ShapeUtils as fe, Shape as we, Vector2 as P, ArcCurve as ot, CatmullRomCurve3 as rt, CubicBezierCurve as at, CubicBezierCurve3 as ct, EllipseCurve as lt, LineCurve as ht, LineCurve3 as ut, QuadraticBezierCurve as ft, QuadraticBezierCurve3 as dt, SplineCurve as mt, Box3 as pt, PlaneGeometry as gt, CanvasTexture as yt, AmbientLight as bt, DirectionalLight as xt, PointLight as wt, SpotLight as vt, HemisphereLight as St, RectAreaLight as At, Matrix4 as Ne, BufferAttribute as Y, Ray as Mt, Sphere as Lt, LineSegments as We, Color as ke, MeshBasicMaterial as Tt, Mesh as Et } from "three";
-import { mergeAttributes as Re, mergeGroups as Gt } from "three/examples/jsm/utils/BufferGeometryUtils";
-import { g as Pt, c as Ct } from "../uvGenerator.module.js";
-import { Brush as Ue, Evaluator as _t, INTERSECTION as zt } from "three-bvh-csg";
+import { LineSegmentsGeometry as fn } from "three/examples/jsm/lines/LineSegmentsGeometry";
+import { P as nt, a as K, M as st, L as ot } from "../index.module2.js";
+import { N as dn, g as pn } from "../index.module2.js";
+import { BufferGeometry as de, Float32BufferAttribute as xe, Vector3 as z, ShapeUtils as fe, Shape as we, Vector2 as E, ArcCurve as it, CatmullRomCurve3 as rt, CubicBezierCurve as at, CubicBezierCurve3 as ct, EllipseCurve as lt, LineCurve as ht, LineCurve3 as ut, QuadraticBezierCurve as ft, QuadraticBezierCurve3 as mt, SplineCurve as dt, Box3 as pt, PlaneGeometry as gt, CanvasTexture as yt, AmbientLight as bt, DirectionalLight as xt, PointLight as wt, SpotLight as vt, HemisphereLight as St, RectAreaLight as At, Matrix4 as We, BufferAttribute as Y, Ray as Mt, Sphere as Lt, LineSegments as Ne, Color as ke, MeshBasicMaterial as Tt, Mesh as Gt } from "three";
+import { mergeAttributes as Oe, mergeGroups as _t } from "three/examples/jsm/utils/BufferGeometryUtils";
+import { g as Et, c as Pt } from "../uvGenerator.module.js";
+import { Brush as Re, Evaluator as zt, INTERSECTION as Ct } from "three-bvh-csg";
 import { RectAreaLightUniformsLib as jt } from "three/examples/jsm/lights/RectAreaLightUniformsLib";
 import * as ne from "@tweenjs/tween.js";
 import { LineSegments2 as It } from "three/examples/jsm/lines/LineSegments2";
-function V(p, e = 0) {
+function H(p, e = 0) {
   const t = p[0].index !== null, n = new Set(Object.keys(p[0].attributes)), s = new Set(
     Object.keys(p[0].morphAttributes)
-  ), o = {}, a = {}, f = p[0].morphTargetsRelative, r = new me();
+  ), r = {}, a = {}, f = p[0].morphTargetsRelative, i = new de();
   let h = 0;
-  for (let i = 0; i < p.length; ++i) {
-    const c = p[i];
+  for (let o = 0; o < p.length; ++o) {
+    const c = p[o];
     let g = 0;
     if (t !== (c.index !== null))
       return console.error(
-        "THREE.BufferGeometryUtils: .mergeGeometries() failed with geometry at index " + i + ". All geometries must have compatible attributes; make sure index attribute exists among all geometries, or in none of them."
+        "THREE.BufferGeometryUtils: .mergeGeometries() failed with geometry at index " + o + ". All geometries must have compatible attributes; make sure index attribute exists among all geometries, or in none of them."
       ), null;
     for (const u in c.attributes) {
       if (!n.has(u))
         return console.error(
-          "THREE.BufferGeometryUtils: .mergeGeometries() failed with geometry at index " + i + '. All geometries must have compatible attributes; make sure "' + u + '" attribute exists among all geometries, or in none of them.'
+          "THREE.BufferGeometryUtils: .mergeGeometries() failed with geometry at index " + o + '. All geometries must have compatible attributes; make sure "' + u + '" attribute exists among all geometries, or in none of them.'
         ), null;
-      o[u] === void 0 && (o[u] = []), o[u].push(c.attributes[u]), g++;
+      r[u] === void 0 && (r[u] = []), r[u].push(c.attributes[u]), g++;
     }
     if (g !== n.size)
       return console.error(
-        "THREE.BufferGeometryUtils: .mergeGeometries() failed with geometry at index " + i + ". Make sure all geometries have the same number of attributes."
+        "THREE.BufferGeometryUtils: .mergeGeometries() failed with geometry at index " + o + ". Make sure all geometries have the same number of attributes."
       ), null;
     if (f !== c.morphTargetsRelative)
       return console.error(
-        "THREE.BufferGeometryUtils: .mergeGeometries() failed with geometry at index " + i + ". .morphTargetsRelative must be consistent throughout all geometries."
+        "THREE.BufferGeometryUtils: .mergeGeometries() failed with geometry at index " + o + ". .morphTargetsRelative must be consistent throughout all geometries."
       ), null;
     for (const u in c.morphAttributes) {
       if (!s.has(u))
         return console.error(
-          "THREE.BufferGeometryUtils: .mergeGeometries() failed with geometry at index " + i + ".  .morphAttributes must be consistent throughout all geometries."
+          "THREE.BufferGeometryUtils: .mergeGeometries() failed with geometry at index " + o + ".  .morphAttributes must be consistent throughout all geometries."
         ), null;
       a[u] === void 0 && (a[u] = []), a[u].push(c.morphAttributes[u]);
     }
@@ -90,14 +90,14 @@ function V(p, e = 0) {
         u = c.attributes.position.count;
       else
         return console.error(
-          "THREE.BufferGeometryUtils: .mergeGeometries() failed with geometry at index " + i + ". The geometry must have either an index or a position attribute"
+          "THREE.BufferGeometryUtils: .mergeGeometries() failed with geometry at index " + o + ". The geometry must have either an index or a position attribute"
         ), null;
       if (e === 1)
-        r.addGroup(h, u, i);
+        i.addGroup(h, u, o);
       else if (e === 2 && c.groups.length > 0)
         for (let y of c.groups) {
           let L = y.materialIndex;
-          r.addGroup(
+          i.addGroup(
             h + y.start,
             Math.min(y.count, u),
             L
@@ -107,62 +107,62 @@ function V(p, e = 0) {
     }
   }
   if (t) {
-    let i = 0;
+    let o = 0;
     const c = [];
     for (let g = 0; g < p.length; ++g) {
       const u = p[g].index;
       for (let y = 0; y < u.count; ++y)
-        c.push(u.getX(y) + i);
-      i += p[g].attributes.position.count;
+        c.push(u.getX(y) + o);
+      o += p[g].attributes.position.count;
     }
-    r.setIndex(c);
+    i.setIndex(c);
   }
-  for (const i in o) {
-    const c = Re(o[i]);
+  for (const o in r) {
+    const c = Oe(r[o]);
     if (!c)
       return console.error(
-        "THREE.BufferGeometryUtils: .mergeGeometries() failed while trying to merge the " + i + " attribute."
+        "THREE.BufferGeometryUtils: .mergeGeometries() failed while trying to merge the " + o + " attribute."
       ), null;
-    r.setAttribute(i, c);
+    i.setAttribute(o, c);
   }
-  for (const i in a) {
-    const c = a[i][0].length;
+  for (const o in a) {
+    const c = a[o][0].length;
     if (c === 0) break;
-    r.morphAttributes = r.morphAttributes || {}, r.morphAttributes[i] = [];
+    i.morphAttributes = i.morphAttributes || {}, i.morphAttributes[o] = [];
     for (let g = 0; g < c; ++g) {
       const u = [];
-      for (let L = 0; L < a[i].length; ++L)
-        u.push(a[i][L][g]);
-      const y = Re(u);
+      for (let L = 0; L < a[o].length; ++L)
+        u.push(a[o][L][g]);
+      const y = Oe(u);
       if (!y)
         return console.error(
-          "THREE.BufferGeometryUtils: .mergeGeometries() failed while trying to merge the " + i + " morphAttribute."
+          "THREE.BufferGeometryUtils: .mergeGeometries() failed while trying to merge the " + o + " morphAttribute."
         ), null;
-      r.morphAttributes[i].push(y);
+      i.morphAttributes[o].push(y);
     }
   }
-  return e === 2 ? Gt(r) : r;
+  return e === 2 ? _t(i) : i;
 }
 const De = (p) => {
   const f = p, { coordinate: e, startHeight: t, height: n } = f, s = ye(f, ["coordinate", "startHeight", "height"]);
-  let o = t || 0;
-  return typeof t != "undefined" && typeof n != "undefined" && (o = t + n), new nt([e], ue(z({}, s), {
+  let r = t || 0;
+  return typeof t != "undefined" && typeof n != "undefined" && (r = t + n), new nt([e], ue(U({}, s), {
     startHeight: t,
-    endHeight: o
+    endHeight: r
   }));
 };
-class Jt extends Z {
+class Jt extends K {
   constructor(e) {
-    super(), this.options = z({}, e);
+    super(), this.options = U({}, e);
   }
   create() {
-    const r = this.options, {
+    const i = this.options, {
       geometry: e,
       coordinateArr: t,
       coordinate: n,
       material: s,
-      useGroups: o
-    } = r, a = ye(r, [
+      useGroups: r
+    } = i, a = ye(i, [
       "geometry",
       "coordinateArr",
       "coordinate",
@@ -171,22 +171,22 @@ class Jt extends Z {
     ]);
     let f = e;
     if (!f && n)
-      f = De(z({
+      f = De(U({
         coordinate: n
       }, a));
     else if (!f && t) {
       const h = t.map(
-        (i) => De(z({
-          coordinate: i
+        (o) => De(U({
+          coordinate: o
         }, a))
       );
-      f = V(h, o != null ? o : 0);
+      f = H(h, r != null ? r : 0);
     }
     this.createMesh(f, s);
   }
 }
 const Bt = {
-  ArcCurve: ot,
+  ArcCurve: it,
   CatmullRomCurve3: rt,
   CubicBezierCurve: at,
   CubicBezierCurve3: ct,
@@ -194,10 +194,10 @@ const Bt = {
   LineCurve: ht,
   LineCurve3: ut,
   QuadraticBezierCurve: ft,
-  QuadraticBezierCurve3: dt,
-  SplineCurve: mt
+  QuadraticBezierCurve3: mt,
+  SplineCurve: dt
 };
-class K extends me {
+class Q extends de {
   /**
    * Constructs a new extrude geometry.
    *
@@ -205,148 +205,148 @@ class K extends me {
    * @param {ExtrudeGeometry~Options} [options] - The extrude settings.
    */
   constructor(e = new we([
-    new P(0.5, 0.5),
-    new P(-0.5, 0.5),
-    new P(-0.5, -0.5),
-    new P(0.5, -0.5)
+    new E(0.5, 0.5),
+    new E(-0.5, 0.5),
+    new E(-0.5, -0.5),
+    new E(0.5, -0.5)
   ]), t = {}) {
     super(), this.type = "ExtrudeGeometry", this.parameters = {
       shapes: e,
       options: t
     }, e = Array.isArray(e) ? e : [e];
-    const n = this, s = [], o = [];
-    for (let f = 0, r = e.length; f < r; f++) {
+    const n = this, s = [], r = [];
+    for (let f = 0, i = e.length; f < i; f++) {
       const h = e[f];
       a(h);
     }
-    this.setAttribute("position", new xe(s, 3)), this.setAttribute("uv", new xe(o, 2)), this.computeVertexNormals();
+    this.setAttribute("position", new xe(s, 3)), this.setAttribute("uv", new xe(r, 2)), this.computeVertexNormals();
     function a(f) {
-      var Te, Ee, Ge;
-      const r = [], h = t.curveSegments !== void 0 ? t.curveSegments : 12, i = t.steps !== void 0 ? t.steps : 1, c = t.depth !== void 0 ? t.depth : 1;
+      var Te, Ge, _e;
+      const i = [], h = t.curveSegments !== void 0 ? t.curveSegments : 12, o = t.steps !== void 0 ? t.steps : 1, c = t.depth !== void 0 ? t.depth : 1;
       let g = t.bevelEnabled !== void 0 ? t.bevelEnabled : !0, u = t.bevelThickness !== void 0 ? t.bevelThickness : 0.2, y = t.bevelSize !== void 0 ? t.bevelSize : u - 0.1, L = t.bevelOffset !== void 0 ? t.bevelOffset : 0, S = t.bevelSegments !== void 0 ? t.bevelSegments : 3;
-      const A = t.extrudePath, C = t.UVGenerator !== void 0 ? t.UVGenerator : Ot, v = (Te = t.hasTop) != null ? Te : !0, j = (Ee = t.hasBottom) != null ? Ee : !0, ee = (Ge = t.hasSide) != null ? Ge : !0;
-      let H, $ = !1, U, se, ie, X;
-      A && (H = A.getSpacedPoints(i), $ = !0, g = !1, U = A.computeFrenetFrames(i, !1), se = new _(), ie = new _(), X = new _()), g || (S = 0, u = 0, y = 0, L = 0);
+      const A = t.extrudePath, P = t.UVGenerator !== void 0 ? t.UVGenerator : Ut, v = (Te = t.hasTop) != null ? Te : !0, C = (Ge = t.hasBottom) != null ? Ge : !0, ee = (_e = t.hasSide) != null ? _e : !0;
+      let X, Z = !1, R, se, oe, V;
+      A && (X = A.getSpacedPoints(o), Z = !0, g = !1, R = A.computeFrenetFrames(o, !1), se = new z(), oe = new z(), V = new z()), g || (S = 0, u = 0, y = 0, L = 0);
       const ve = f.extractPoints(h);
-      let R = ve.shape;
-      const I = ve.holes;
-      if (!fe.isClockWise(R)) {
-        R = R.reverse();
-        for (let l = 0, d = I.length; l < d; l++) {
-          const m = I[l];
-          fe.isClockWise(m) && (I[l] = m.reverse());
+      let O = ve.shape;
+      const j = ve.holes;
+      if (!fe.isClockWise(O)) {
+        O = O.reverse();
+        for (let l = 0, m = j.length; l < m; l++) {
+          const d = j[l];
+          fe.isClockWise(d) && (j[l] = d.reverse());
         }
       }
       function Se(l) {
-        const m = 10000000000000001e-36;
+        const d = 10000000000000001e-36;
         let x = l[0];
         for (let b = 1; b <= l.length; b++) {
-          const M = b % l.length, w = l[M], T = w.x - x.x, E = w.y - x.y, G = T * T + E * E, B = Math.max(
+          const M = b % l.length, w = l[M], T = w.x - x.x, G = w.y - x.y, _ = T * T + G * G, I = Math.max(
             Math.abs(w.x),
             Math.abs(w.y),
             Math.abs(x.x),
             Math.abs(x.y)
-          ), Q = m * B * B;
-          if (G <= Q) {
+          ), J = d * I * I;
+          if (_ <= J) {
             l.splice(M, 1), b--;
             continue;
           }
           x = w;
         }
       }
-      Se(R), I.forEach(Se);
-      const pe = I.length, D = R;
+      Se(O), j.forEach(Se);
+      const pe = j.length, D = O;
       for (let l = 0; l < pe; l++) {
-        const d = I[l];
-        R = R.concat(d);
+        const m = j[l];
+        O = O.concat(m);
       }
-      function te(l, d, m) {
-        return d || error("ExtrudeGeometry: vec does not exist"), l.clone().addScaledVector(d, m);
+      function te(l, m, d) {
+        return m || error("ExtrudeGeometry: vec does not exist"), l.clone().addScaledVector(m, d);
       }
-      const N = R.length;
-      function Ae(l, d, m) {
+      const W = O.length;
+      function Ae(l, m, d) {
         let x, b, M;
-        const w = l.x - d.x, T = l.y - d.y, E = m.x - l.x, G = m.y - l.y, B = w * w + T * T, Q = w * G - T * E;
-        if (Math.abs(Q) > Number.EPSILON) {
-          const O = Math.sqrt(B), Pe = Math.sqrt(
-            E * E + G * G
-          ), Ce = d.x - T / O, _e = d.y + w / O, Ze = m.x - G / Pe, $e = m.y + E / Pe, ze = ((Ze - Ce) * G - ($e - _e) * E) / (w * G - T * E);
-          x = Ce + w * ze - l.x, b = _e + T * ze - l.y;
+        const w = l.x - m.x, T = l.y - m.y, G = d.x - l.x, _ = d.y - l.y, I = w * w + T * T, J = w * _ - T * G;
+        if (Math.abs(J) > Number.EPSILON) {
+          const B = Math.sqrt(I), Ee = Math.sqrt(
+            G * G + _ * _
+          ), Pe = m.x - T / B, ze = m.y + w / B, Ze = d.x - _ / Ee, $e = d.y + G / Ee, Ce = ((Ze - Pe) * _ - ($e - ze) * G) / (w * _ - T * G);
+          x = Pe + w * Ce - l.x, b = ze + T * Ce - l.y;
           const je = x * x + b * b;
           if (je <= 2)
-            return new P(x, b);
+            return new E(x, b);
           M = Math.sqrt(je / 2);
         } else {
-          let O = !1;
-          w > Number.EPSILON ? E > Number.EPSILON && (O = !0) : w < -Number.EPSILON ? E < -Number.EPSILON && (O = !0) : Math.sign(T) === Math.sign(G) && (O = !0), O ? (x = -T, b = w, M = Math.sqrt(B)) : (x = w, b = T, M = Math.sqrt(B / 2));
+          let B = !1;
+          w > Number.EPSILON ? G > Number.EPSILON && (B = !0) : w < -Number.EPSILON ? G < -Number.EPSILON && (B = !0) : Math.sign(T) === Math.sign(_) && (B = !0), B ? (x = -T, b = w, M = Math.sqrt(I)) : (x = w, b = T, M = Math.sqrt(I / 2));
         }
-        return new P(x / M, b / M);
+        return new E(x / M, b / M);
       }
       const re = [];
-      for (let l = 0, d = D.length, m = d - 1, x = l + 1; l < d; l++, m++, x++)
-        m === d && (m = 0), x === d && (x = 0), re[l] = Ae(D[l], D[m], D[x]);
+      for (let l = 0, m = D.length, d = m - 1, x = l + 1; l < m; l++, d++, x++)
+        d === m && (d = 0), x === m && (x = 0), re[l] = Ae(D[l], D[d], D[x]);
       const ge = [];
       let q, ae = re.concat();
-      for (let l = 0, d = pe; l < d; l++) {
-        const m = I[l];
+      for (let l = 0, m = pe; l < m; l++) {
+        const d = j[l];
         q = [];
-        for (let x = 0, b = m.length, M = b - 1, w = x + 1; x < b; x++, M++, w++)
-          M === b && (M = 0), w === b && (w = 0), q[x] = Ae(m[x], m[M], m[w]);
+        for (let x = 0, b = d.length, M = b - 1, w = x + 1; x < b; x++, M++, w++)
+          M === b && (M = 0), w === b && (w = 0), q[x] = Ae(d[x], d[M], d[w]);
         ge.push(q), ae = ae.concat(q);
       }
-      let J;
+      let $;
       if (S === 0)
-        J = fe.triangulateShape(D, I);
+        $ = fe.triangulateShape(D, j);
       else {
-        const l = [], d = [];
-        for (let m = 0; m < S; m++) {
-          const x = m / S, b = u * Math.cos(x * Math.PI / 2), M = y * Math.sin(x * Math.PI / 2) + L;
+        const l = [], m = [];
+        for (let d = 0; d < S; d++) {
+          const x = d / S, b = u * Math.cos(x * Math.PI / 2), M = y * Math.sin(x * Math.PI / 2) + L;
           for (let w = 0, T = D.length; w < T; w++) {
-            const E = te(D[w], re[w], M);
-            W(E.x, E.y, -b), x === 0 && l.push(E);
+            const G = te(D[w], re[w], M);
+            N(G.x, G.y, -b), x === 0 && l.push(G);
           }
           for (let w = 0, T = pe; w < T; w++) {
-            const E = I[w];
+            const G = j[w];
             q = ge[w];
-            const G = [];
-            for (let B = 0, Q = E.length; B < Q; B++) {
-              const O = te(E[B], q[B], M);
-              W(O.x, O.y, -b), x === 0 && G.push(O);
+            const _ = [];
+            for (let I = 0, J = G.length; I < J; I++) {
+              const B = te(G[I], q[I], M);
+              N(B.x, B.y, -b), x === 0 && _.push(B);
             }
-            x === 0 && d.push(G);
+            x === 0 && m.push(_);
           }
         }
-        J = fe.triangulateShape(
+        $ = fe.triangulateShape(
           l,
-          d
+          m
         );
       }
-      const ce = J.length, Me = y + L;
-      for (let l = 0; l < N; l++) {
-        const d = g ? te(R[l], ae[l], Me) : R[l];
-        $ ? (ie.copy(U.normals[0]).multiplyScalar(d.x), se.copy(U.binormals[0]).multiplyScalar(d.y), X.copy(H[0]).add(ie).add(se), W(X.x, X.y, X.z)) : W(d.x, d.y, 0);
+      const ce = $.length, Me = y + L;
+      for (let l = 0; l < W; l++) {
+        const m = g ? te(O[l], ae[l], Me) : O[l];
+        Z ? (oe.copy(R.normals[0]).multiplyScalar(m.x), se.copy(R.binormals[0]).multiplyScalar(m.y), V.copy(X[0]).add(oe).add(se), N(V.x, V.y, V.z)) : N(m.x, m.y, 0);
       }
-      for (let l = 1; l <= i; l++)
-        for (let d = 0; d < N; d++) {
-          const m = g ? te(R[d], ae[d], Me) : R[d];
-          $ ? (ie.copy(U.normals[l]).multiplyScalar(m.x), se.copy(U.binormals[l]).multiplyScalar(m.y), X.copy(H[l]).add(ie).add(se), W(X.x, X.y, X.z)) : W(m.x, m.y, c / i * l);
+      for (let l = 1; l <= o; l++)
+        for (let m = 0; m < W; m++) {
+          const d = g ? te(O[m], ae[m], Me) : O[m];
+          Z ? (oe.copy(R.normals[l]).multiplyScalar(d.x), se.copy(R.binormals[l]).multiplyScalar(d.y), V.copy(X[l]).add(oe).add(se), N(V.x, V.y, V.z)) : N(d.x, d.y, c / o * l);
         }
       for (let l = S - 1; l >= 0; l--) {
-        const d = l / S, m = u * Math.cos(d * Math.PI / 2), x = y * Math.sin(d * Math.PI / 2) + L;
+        const m = l / S, d = u * Math.cos(m * Math.PI / 2), x = y * Math.sin(m * Math.PI / 2) + L;
         for (let b = 0, M = D.length; b < M; b++) {
           const w = te(D[b], re[b], x);
-          W(w.x, w.y, c + m);
+          N(w.x, w.y, c + d);
         }
-        for (let b = 0, M = I.length; b < M; b++) {
-          const w = I[b];
+        for (let b = 0, M = j.length; b < M; b++) {
+          const w = j[b];
           q = ge[b];
-          for (let T = 0, E = w.length; T < E; T++) {
-            const G = te(w[T], q[T], x);
-            $ ? W(
-              G.x,
-              G.y + H[i - 1].y,
-              H[i - 1].x + m
-            ) : W(G.x, G.y, c + m);
+          for (let T = 0, G = w.length; T < G; T++) {
+            const _ = te(w[T], q[T], x);
+            Z ? N(
+              _.x,
+              _.y + X[o - 1].y,
+              X[o - 1].x + d
+            ) : N(_.x, _.y, c + d);
           }
         }
       }
@@ -354,30 +354,30 @@ class K extends me {
       function Fe() {
         const l = s.length / 3;
         if (g) {
-          let d = 0, m = N * d;
-          if (j)
+          let m = 0, d = W * m;
+          if (C)
             for (let x = 0; x < ce; x++) {
-              const b = J[x];
-              le(b[2] + m, b[1] + m, b[0] + m);
+              const b = $[x];
+              le(b[2] + d, b[1] + d, b[0] + d);
             }
-          if (d = i + S * 2, m = N * d, v)
+          if (m = o + S * 2, d = W * m, v)
             for (let x = 0; x < ce; x++) {
-              const b = J[x];
-              le(b[0] + m, b[1] + m, b[2] + m);
+              const b = $[x];
+              le(b[0] + d, b[1] + d, b[2] + d);
             }
         } else {
-          if (j)
-            for (let d = 0; d < ce; d++) {
-              const m = J[d];
-              le(m[2], m[1], m[0]);
+          if (C)
+            for (let m = 0; m < ce; m++) {
+              const d = $[m];
+              le(d[2], d[1], d[0]);
             }
           if (v)
-            for (let d = 0; d < ce; d++) {
-              const m = J[d];
+            for (let m = 0; m < ce; m++) {
+              const d = $[m];
               le(
-                m[0] + N * i,
-                m[1] + N * i,
-                m[2] + N * i
+                d[0] + W * o,
+                d[1] + W * o,
+                d[2] + W * o
               );
             }
         }
@@ -385,32 +385,32 @@ class K extends me {
       }
       function qe() {
         const l = s.length / 3;
-        let d = 0;
-        Le(D, d), d += D.length;
-        for (let m = 0, x = I.length; m < x; m++) {
-          const b = I[m];
-          Le(b, d), d += b.length;
+        let m = 0;
+        Le(D, m), m += D.length;
+        for (let d = 0, x = j.length; d < x; d++) {
+          const b = j[d];
+          Le(b, m), m += b.length;
         }
         n.addGroup(l, s.length / 3 - l, 1);
       }
-      function Le(l, d) {
-        let m = l.length;
-        for (; --m >= 0; ) {
-          const x = m;
-          let b = m - 1;
+      function Le(l, m) {
+        let d = l.length;
+        for (; --d >= 0; ) {
+          const x = d;
+          let b = d - 1;
           b < 0 && (b = l.length - 1);
-          for (let M = 0, w = i + S * 2; M < w; M++) {
-            const T = N * M, E = N * (M + 1), G = d + x + T, B = d + b + T, Q = d + b + E, O = d + x + E;
-            Ye(G, B, Q, O);
+          for (let M = 0, w = o + S * 2; M < w; M++) {
+            const T = W * M, G = W * (M + 1), _ = m + x + T, I = m + b + T, J = m + b + G, B = m + x + G;
+            Ye(_, I, J, B);
           }
         }
       }
-      function W(l, d, m) {
-        r.push(l), r.push(d), r.push(m);
+      function N(l, m, d) {
+        i.push(l), i.push(m), i.push(d);
       }
-      function le(l, d, m) {
-        k(l), k(d), k(m);
-        const x = s.length / 3, b = C.generateTopUV(
+      function le(l, m, d) {
+        k(l), k(m), k(d);
+        const x = s.length / 3, b = P.generateTopUV(
           n,
           s,
           x - 3,
@@ -419,9 +419,9 @@ class K extends me {
         );
         F(b[0]), F(b[1]), F(b[2]);
       }
-      function Ye(l, d, m, x) {
-        k(l), k(d), k(x), k(d), k(m), k(x);
-        const b = s.length / 3, M = C.generateSideWallUV(
+      function Ye(l, m, d, x) {
+        k(l), k(m), k(x), k(m), k(d), k(x);
+        const b = s.length / 3, M = P.generateSideWallUV(
           n,
           s,
           b - 6,
@@ -432,10 +432,10 @@ class K extends me {
         F(M[0]), F(M[1]), F(M[3]), F(M[1]), F(M[2]), F(M[3]);
       }
       function k(l) {
-        s.push(r[l * 3 + 0]), s.push(r[l * 3 + 1]), s.push(r[l * 3 + 2]);
+        s.push(i[l * 3 + 0]), s.push(i[l * 3 + 1]), s.push(i[l * 3 + 2]);
       }
       function F(l) {
-        o.push(l.x), o.push(l.y);
+        r.push(l.x), r.push(l.y);
       }
     }
   }
@@ -444,7 +444,7 @@ class K extends me {
   }
   toJSON() {
     const e = super.toJSON(), t = this.parameters.shapes, n = this.parameters.options;
-    return Rt(t, n, e);
+    return Ot(t, n, e);
   }
   /**
    * Factory method for creating an instance of this class from the given
@@ -456,190 +456,190 @@ class K extends me {
    */
   static fromJSON(e, t) {
     const n = [];
-    for (let o = 0, a = e.shapes.length; o < a; o++) {
-      const f = t[e.shapes[o]];
+    for (let r = 0, a = e.shapes.length; r < a; r++) {
+      const f = t[e.shapes[r]];
       n.push(f);
     }
     const s = e.options.extrudePath;
     return s !== void 0 && (e.options.extrudePath = new Bt[s.type]().fromJSON(
       s
-    )), new K(n, e.options);
+    )), new Q(n, e.options);
   }
 }
-const Ot = {
+const Ut = {
   generateTopUV: function(p, e, t, n, s) {
-    const o = e[t * 3], a = e[t * 3 + 1], f = e[n * 3], r = e[n * 3 + 1], h = e[s * 3], i = e[s * 3 + 1];
+    const r = e[t * 3], a = e[t * 3 + 1], f = e[n * 3], i = e[n * 3 + 1], h = e[s * 3], o = e[s * 3 + 1];
     return [
-      new P(o, a),
-      new P(f, r),
-      new P(h, i)
+      new E(r, a),
+      new E(f, i),
+      new E(h, o)
     ];
   },
-  generateSideWallUV: function(p, e, t, n, s, o) {
-    const a = e[t * 3], f = e[t * 3 + 1], r = e[t * 3 + 2], h = e[n * 3], i = e[n * 3 + 1], c = e[n * 3 + 2], g = e[s * 3], u = e[s * 3 + 1], y = e[s * 3 + 2], L = e[o * 3], S = e[o * 3 + 1], A = e[o * 3 + 2];
-    return Math.abs(f - i) < Math.abs(a - h) ? [
-      new P(a, 1 - r),
-      new P(h, 1 - c),
-      new P(g, 1 - y),
-      new P(L, 1 - A)
+  generateSideWallUV: function(p, e, t, n, s, r) {
+    const a = e[t * 3], f = e[t * 3 + 1], i = e[t * 3 + 2], h = e[n * 3], o = e[n * 3 + 1], c = e[n * 3 + 2], g = e[s * 3], u = e[s * 3 + 1], y = e[s * 3 + 2], L = e[r * 3], S = e[r * 3 + 1], A = e[r * 3 + 2];
+    return Math.abs(f - o) < Math.abs(a - h) ? [
+      new E(a, 1 - i),
+      new E(h, 1 - c),
+      new E(g, 1 - y),
+      new E(L, 1 - A)
     ] : [
-      new P(f, 1 - r),
-      new P(i, 1 - c),
-      new P(u, 1 - y),
-      new P(S, 1 - A)
+      new E(f, 1 - i),
+      new E(o, 1 - c),
+      new E(u, 1 - y),
+      new E(S, 1 - A)
     ];
   }
 };
-function Rt(p, e, t) {
+function Ot(p, e, t) {
   if (t.shapes = [], Array.isArray(p))
     for (let n = 0, s = p.length; n < s; n++) {
-      const o = p[n];
-      t.shapes.push(o.uuid);
+      const r = p[n];
+      t.shapes.push(r.uuid);
     }
   else
     t.shapes.push(p.uuid);
   return t.options = Object.assign({}, e), e.extrudePath !== void 0 && (t.options.extrudePath = e.extrudePath.toJSON()), t;
 }
-class Ut extends K {
+class Rt extends Q {
   constructor(e, t) {
     super(e, t);
-    const n = new Ue(
-      new K(e, ue(z({}, t), {
+    const n = new Re(
+      new Q(e, ue(U({}, t), {
         hasTop: !0,
         hasSide: !0,
         hasBottom: !1
       }))
     );
     n.updateMatrixWorld();
-    const s = new pt().setFromObject(n), o = new _();
-    s.getSize(o);
-    const a = new _(
-      s.min.x + o.x / 2,
-      s.min.y + o.y / 2,
+    const s = new pt().setFromObject(n), r = new z();
+    s.getSize(r);
+    const a = new z(
+      s.min.x + r.x / 2,
+      s.min.y + r.y / 2,
       0
     );
-    let f = t.topSegments, r = t.box3;
-    if (r) {
-      r = r.union(s);
-      const A = new _();
-      r.getSize(A);
-      const C = Math.max(
-        o.x / A.x,
-        o.y / A.y
+    let f = t.topSegments, i = t.box3;
+    if (i) {
+      i = i.union(s);
+      const A = new z();
+      i.getSize(A);
+      const P = Math.max(
+        r.x / A.x,
+        r.y / A.y
       );
-      f = Math.ceil(t.topSegments * C);
+      f = Math.ceil(t.topSegments * P);
     }
     if (f < 4)
       return this;
     const h = new gt(
-      o.x,
-      o.y,
+      r.x,
+      r.y,
       f,
       f
-    ), i = new Ue(h);
-    i.position.set(a.x, a.y, a.z), i.updateMatrixWorld();
-    const g = new _t().evaluate(i, n, zt), u = g.geometry.getAttribute("position"), y = new xe(
+    ), o = new Re(h);
+    o.position.set(a.x, a.y, a.z), o.updateMatrixWorld();
+    const g = new zt().evaluate(o, n, Ct), u = g.geometry.getAttribute("position"), y = new xe(
       u.count * 2,
       2
     );
     for (let A = 0; A < u.count; A++) {
-      const C = u.getZ(A);
-      u.setZ(A, t.depth + C);
+      const P = u.getZ(A);
+      u.setZ(A, t.depth + P);
     }
-    if (r) {
-      const A = r.min, C = r.max, v = new _().subVectors(C, A);
-      for (let j = 0; j < u.count; j++) {
-        const ee = u.getX(j), H = u.getY(j), $ = (ee - A.x) / v.x, U = (H - A.y) / v.y;
-        y.setXY(j, $, U);
+    if (i) {
+      const A = i.min, P = i.max, v = new z().subVectors(P, A);
+      for (let C = 0; C < u.count; C++) {
+        const ee = u.getX(C), X = u.getY(C), Z = (ee - A.x) / v.x, R = (X - A.y) / v.y;
+        y.setXY(C, Z, R);
       }
       g.geometry.setAttribute("uv", y);
     }
     u.needsUpdate = !0;
-    const L = new K(e, ue(z({}, t), {
+    const L = new Q(e, ue(U({}, t), {
       hasTop: !1
-    })), S = V([g.geometry, L], 2);
+    })), S = H([g.geometry, L], 2);
     this.copy(S.toNonIndexed());
   }
 }
-const Ve = (p) => {
+const He = (p) => {
   const {
     split: e,
     depth: t,
     points: n,
     box3: s,
-    hasTop: o,
+    hasTop: r,
     hasBottom: a,
     hasSide: f,
-    sideRepeat: r,
+    sideRepeat: i,
     topSegments: h
-  } = p, i = h ? Ut : K, c = new i(new we(n), {
+  } = p, o = h ? Rt : Q, c = new o(new we(n), {
     depth: t,
     bevelEnabled: !1,
     box3: s,
-    UVGenerator: Pt({
+    UVGenerator: Et({
       split: e,
       box3: s,
-      sideRepeat: r
+      sideRepeat: i
     }),
-    hasTop: o,
+    hasTop: r,
     hasBottom: a,
     hasSide: f,
     topSegments: h
   });
-  return Ct(), c;
+  return Pt(), c;
 };
-class Qt extends Z {
+class Qt extends K {
   constructor(e) {
-    super(), this.options = z({
+    super(), this.options = U({
       depth: 1
     }, e);
   }
   create() {
-    return oe(this, null, function* () {
+    return ie(this, null, function* () {
       const {
         points: e,
         pointsArr: t,
         useGroups: n,
         depth: s,
-        geometry: o,
+        geometry: r,
         geometryArr: a,
         material: f,
-        box3: r,
+        box3: i,
         split: h,
-        hasTop: i,
+        hasTop: o,
         hasBottom: c,
         hasSide: g
-      } = this.options, u = Array.isArray(s) ? s : [s], y = Array.isArray(r) ? r : [r], L = f;
-      let S = o;
-      L || console.log("material is null"), !S && e ? S = Ve({
+      } = this.options, u = Array.isArray(s) ? s : [s], y = Array.isArray(i) ? i : [i], L = f;
+      let S = r;
+      L || console.log("material is null"), !S && e ? S = He({
         points: e,
         depth: u[0],
         box3: y[0],
         split: h,
-        hasTop: i,
+        hasTop: o,
         hasBottom: c,
         hasSide: g
-      }) : !S && t ? S = V(
+      }) : !S && t ? S = H(
         t.map(
-          (A, C) => {
-            var v, j;
-            return Ve({
+          (A, P) => {
+            var v, C;
+            return He({
               points: A,
-              depth: (v = u[C]) != null ? v : u[0],
-              box3: (j = y[C]) != null ? j : y[0],
+              depth: (v = u[P]) != null ? v : u[0],
+              box3: (C = y[P]) != null ? C : y[0],
               split: h,
-              hasTop: i,
+              hasTop: o,
               hasBottom: c,
               hasSide: g
             });
           }
         ),
         n != null ? n : 0
-      ) : !S && a && a.length > 1 ? S = V(a, n != null ? n : 0) : !S && a && a.length === 1 && ([S] = a), this.createMesh(S, L);
+      ) : !S && a && a.length > 1 ? S = H(a, n != null ? n : 0) : !S && a && a.length === 1 && ([S] = a), this.createMesh(S, L);
     });
   }
   addGeometries(e) {
-    const t = this.object3d, n = V([t.geometry, ...e]);
+    const t = this.object3d, n = H([t.geometry, ...e]);
     t.geometry = n;
   }
   setTextureAnisotropic(e, t) {
@@ -652,38 +652,38 @@ const Kt = (p) => {
     sideColor: t,
     sideMap: n,
     createCanvasObjectURL: s,
-    split: o,
+    split: r,
     maxAnisotropy: a
   } = p;
   return new Promise((f) => {
-    const r = n ? document.createElement("img") : {
+    const i = n ? document.createElement("img") : {
       src: "",
       onload: () => {
       },
       width: 128,
       height: 128
     };
-    r.onload = () => {
-      const h = o, i = document.createElement("canvas"), c = i.getContext("2d");
-      i.height = r.height / (1 - h), i.width = r.width, h && e && (c.fillStyle = e, c.fillRect(0, 0, r.width, i.height * h)), n && r instanceof HTMLImageElement ? c.drawImage(r, 0, i.height * h, r.width, r.height) : t && (c.fillStyle = t, c.fillRect(0, i.height * h, r.width, r.height)), s && i.toBlob((u) => {
+    i.onload = () => {
+      const h = r, o = document.createElement("canvas"), c = o.getContext("2d");
+      o.height = i.height / (1 - h), o.width = i.width, h && e && (c.fillStyle = e, c.fillRect(0, 0, i.width, o.height * h)), n && i instanceof HTMLImageElement ? c.drawImage(i, 0, o.height * h, i.width, i.height) : t && (c.fillStyle = t, c.fillRect(0, o.height * h, i.width, i.height)), s && o.toBlob((u) => {
         console.log(URL.createObjectURL(u));
       });
-      const g = new yt(i);
+      const g = new yt(o);
       f(g);
-    }, n ? r.src = n : r instanceof HTMLImageElement || r.onload();
+    }, n ? i.src = n : i instanceof HTMLImageElement || i.onload();
   });
 };
-class en extends Z {
+class en extends K {
   create() {
     this.createGroup();
   }
 }
-class tn extends Z {
+class tn extends K {
   constructor(e) {
     super(), this.rectAreaLightUniformsLibInit = !1, this.options = e;
   }
   create() {
-    var t, n, s, o, a, f, r, h, i, c, g, u, y, L, S, A, C;
+    var t, n, s, r, a, f, i, h, o, c, g, u, y, L, S, A, P;
     const e = this.options;
     if (e.type === "AmbientLight") {
       const v = new bt(e.color);
@@ -696,16 +696,16 @@ class tn extends Z {
         (t = e.color) != null ? t : 16777215,
         (n = e.intensity) != null ? n : 1,
         (s = e.distance) != null ? s : 0,
-        (o = e.decay) != null ? o : 2
+        (r = e.decay) != null ? r : 2
       );
       v.name = "点光源", this.object3d = v, this.pointLight = v;
     } else if (e.type === "SpotLight") {
       const v = new vt(
         (a = e.color) != null ? a : 16777215,
         (f = e.intensity) != null ? f : 1,
-        (r = e.distance) != null ? r : 0,
+        (i = e.distance) != null ? i : 0,
         (h = e.angle) != null ? h : Math.PI / 3,
-        (i = e.penumbra) != null ? i : 1,
+        (o = e.penumbra) != null ? o : 1,
         (c = e.decay) != null ? c : 2
       );
       v.name = "聚光灯", this.object3d = v, this.spotLight = v, v.target.name = "聚光灯目标";
@@ -722,7 +722,7 @@ class tn extends Z {
         (L = e.color) != null ? L : 16777215,
         (S = e.intensity) != null ? S : 1,
         (A = e.width) != null ? A : 10,
-        (C = e.height) != null ? C : 10
+        (P = e.height) != null ? P : 10
       );
       v.name = "矩形区域光", this.object3d = v, this.rectAreaLight = v;
     }
@@ -741,26 +741,26 @@ class tn extends Z {
     e.target && this.pencil.scene.remove(e.target), super.dispose();
   }
 }
-class Dt extends me {
+class Dt extends de {
   constructor(e = [], t = "none", n) {
-    super(), this.type = "MeshLineGeometry", this.pointCount = 0, this._points = [], this.shape = "none", this.shapeFunction = (s) => 1, this.matrixWorld = new Ne(), this.shape = t, n && (this.shapeFunction = n), e.length > 0 && this.setPoints(e);
+    super(), this.type = "MeshLineGeometry", this.pointCount = 0, this._points = [], this.shape = "none", this.shapeFunction = (s) => 1, this.matrixWorld = new We(), this.shape = t, n && (this.shapeFunction = n), e.length > 0 && this.setPoints(e);
   }
   convertToVector3Array(e) {
     if (typeof e[0] == "number") {
       const t = [], n = e;
       for (let s = 0; s < n.length; s += 3)
-        t.push(new _(n[s], n[s + 1], n[s + 2]));
+        t.push(new z(n[s], n[s + 1], n[s + 2]));
       return t;
     } else
       return e.map((t) => {
-        if (t instanceof P)
-          return new _(t.x, t.y, 0);
-        if (t instanceof _)
+        if (t instanceof E)
+          return new z(t.x, t.y, 0);
+        if (t instanceof z)
           return t;
         if (Array.isArray(t) && t.length === 2)
-          return new _(t[0], t[1], 0);
+          return new z(t[0], t[1], 0);
         if (Array.isArray(t) && t.length === 3)
-          return new _(t[0], t[1], t[2]);
+          return new z(t[0], t[1], t[2]);
       }).filter(Boolean);
   }
   setMatrixWorld(e) {
@@ -779,35 +779,35 @@ class Dt extends me {
     ), n = new Y(new Float32Array(this.pointCount * 6), 3), s = new Y(
       new Float32Array(this.pointCount * 2),
       1
-    ), o = new Y(new Float32Array(this.pointCount * 2), 1), a = new Y(new Float32Array(this.pointCount * 2), 1), f = new Y(new Float32Array(this.pointCount * 4), 2), r = new Y(
+    ), r = new Y(new Float32Array(this.pointCount * 2), 1), a = new Y(new Float32Array(this.pointCount * 2), 1), f = new Y(new Float32Array(this.pointCount * 4), 2), i = new Y(
       new Uint16Array((this.pointCount - 1) * 6),
       1
     );
     this.shape === "taper" && (this.shapeFunction = (h) => 1 * Math.pow(4 * h * (1 - h), 1));
-    for (let h = 0, i = 0, c = 0; h < this.pointCount; h += 1, i += 2, c += 6) {
-      s.setX(i, h / this.pointCount), s.setX(i + 1, h / this.pointCount), o.setX(i, 1), o.setX(i + 1, -1);
+    for (let h = 0, o = 0, c = 0; h < this.pointCount; h += 1, o += 2, c += 6) {
+      s.setX(o, h / this.pointCount), s.setX(o + 1, h / this.pointCount), r.setX(o, 1), r.setX(o + 1, -1);
       const g = this.shape === "none" ? 1 : this.shapeFunction(h / (this.pointCount - 1));
-      a.setX(i, g), a.setX(i + 1, g);
+      a.setX(o, g), a.setX(o + 1, g);
       const u = h / (this.pointCount - 1);
-      if (f.setXY(i, u, 0), f.setXY(i + 1, u, 1), h < this.pointCount - 1) {
+      if (f.setXY(o, u, 0), f.setXY(o + 1, u, 1), h < this.pointCount - 1) {
         const y = h * 2;
-        r.setX(c + 0, y + 0), r.setX(c + 1, y + 1), r.setX(c + 2, y + 2), r.setX(c + 3, y + 2), r.setX(c + 4, y + 1), r.setX(c + 5, y + 3);
+        i.setX(c + 0, y + 0), i.setX(c + 1, y + 1), i.setX(c + 2, y + 2), i.setX(c + 3, y + 2), i.setX(c + 4, y + 1), i.setX(c + 5, y + 3);
       }
     }
-    this.setAttribute("position", e), this.setAttribute("previous", t), this.setAttribute("next", n), this.setAttribute("counters", s), this.setAttribute("side", o), this.setAttribute("width", a), this.setAttribute("uv", f), this.setIndex(r);
+    this.setAttribute("position", e), this.setAttribute("previous", t), this.setAttribute("next", n), this.setAttribute("counters", s), this.setAttribute("side", r), this.setAttribute("width", a), this.setAttribute("uv", f), this.setIndex(i);
   }
   updateGeometry() {
     if (!this._points[0]) return;
     const e = this.getAttribute("position"), t = this.getAttribute("previous"), n = this.getAttribute("next");
-    let s = 0, o = 0, a = 0;
+    let s = 0, r = 0, a = 0;
     const f = this._points[0];
-    t.setXYZ(o, f.x, f.y, f.z), o += 1, t.setXYZ(o, f.x, f.y, f.z), o += 1;
+    t.setXYZ(r, f.x, f.y, f.z), r += 1, t.setXYZ(r, f.x, f.y, f.z), r += 1;
     for (let h = 0; h < this.pointCount; h++) {
-      const i = this._points[h];
-      e.setXYZ(s, i.x, i.y, i.z), s += 1, e.setXYZ(s, i.x, i.y, i.z), s += 1, h < this.pointCount - 1 && (t.setXYZ(o, i.x, i.y, i.z), o += 1, t.setXYZ(o, i.x, i.y, i.z), o += 1), h > 0 && h + 1 <= this.pointCount && (n.setXYZ(a, i.x, i.y, i.z), a += 1, n.setXYZ(a, i.x, i.y, i.z), a += 1);
+      const o = this._points[h];
+      e.setXYZ(s, o.x, o.y, o.z), s += 1, e.setXYZ(s, o.x, o.y, o.z), s += 1, h < this.pointCount - 1 && (t.setXYZ(r, o.x, o.y, o.z), r += 1, t.setXYZ(r, o.x, o.y, o.z), r += 1), h > 0 && h + 1 <= this.pointCount && (n.setXYZ(a, o.x, o.y, o.z), a += 1, n.setXYZ(a, o.x, o.y, o.z), a += 1);
     }
-    const r = this._points[this.pointCount - 1];
-    n.setXYZ(a, r.x, r.y, r.z), a += 1, n.setXYZ(a, r.x, r.y, r.z), a += 1, e.needsUpdate = !0, t.needsUpdate = !0, n.needsUpdate = !0, this.computeBoundingSphere(), this.computeBoundingBox();
+    const i = this._points[this.pointCount - 1];
+    n.setXYZ(a, i.x, i.y, i.z), a += 1, n.setXYZ(a, i.x, i.y, i.z), a += 1, e.needsUpdate = !0, t.needsUpdate = !0, n.needsUpdate = !0, this.computeBoundingSphere(), this.computeBoundingBox();
   }
   get points() {
     return this._points;
@@ -830,26 +830,26 @@ class Dt extends me {
   }
 }
 function nn(p, e) {
-  const t = new Ne(), n = new Mt(), s = new Lt(), o = new _(), a = this.geometry;
-  if (s.copy(a.boundingSphere), s.applyMatrix4(this.matrixWorld), !p.ray.intersectSphere(s, o)) return;
+  const t = new We(), n = new Mt(), s = new Lt(), r = new z(), a = this.geometry;
+  if (s.copy(a.boundingSphere), s.applyMatrix4(this.matrixWorld), !p.ray.intersectSphere(s, r)) return;
   t.copy(this.matrixWorld).invert(), n.copy(p.ray).applyMatrix4(t);
-  const f = new _(), r = new _(), h = new _(), i = this instanceof We ? 2 : 1, c = a.index, g = a.attributes;
+  const f = new z(), i = new z(), h = new z(), o = this instanceof Ne ? 2 : 1, c = a.index, g = a.attributes;
   if (c !== null) {
     const u = c.array, y = g.position.array, L = g.width.array;
-    for (let S = 0, A = u.length - 1; S < A; S += i) {
-      const C = u[S], v = u[S + 1];
-      f.fromArray(y, C * 3), r.fromArray(y, v * 3);
-      const j = L[Math.floor(S / 3)] !== void 0 ? L[Math.floor(S / 3)] : 1, ee = p.params.Line.threshold + this.material.lineWidth * j / 2, H = ee * ee;
+    for (let S = 0, A = u.length - 1; S < A; S += o) {
+      const P = u[S], v = u[S + 1];
+      f.fromArray(y, P * 3), i.fromArray(y, v * 3);
+      const C = L[Math.floor(S / 3)] !== void 0 ? L[Math.floor(S / 3)] : 1, ee = p.params.Line.threshold + this.material.lineWidth * C / 2, X = ee * ee;
       if (n.distanceSqToSegment(
         f,
+        i,
         r,
-        o,
         h
-      ) > H) continue;
-      o.applyMatrix4(this.matrixWorld);
-      const U = p.ray.origin.distanceTo(o);
-      U < p.near || U > p.far || (e.push({
-        distance: U,
+      ) > X) continue;
+      r.applyMatrix4(this.matrixWorld);
+      const R = p.ray.origin.distanceTo(r);
+      R < p.near || R > p.far || (e.push({
+        distance: R,
         // What do we want? intersection point on the ray or on the segment??
         // point: raycaster.ray.at( distance ),
         point: h.clone().applyMatrix4(this.matrixWorld),
@@ -864,62 +864,62 @@ function nn(p, e) {
 const be = (p) => {
   const { setPointWidth: e, nodes: t } = p, n = new Dt();
   return n.setPoints(t, e), n;
-}, He = /* @__PURE__ */ new WeakMap(), de = /* @__PURE__ */ new Map();
-let sn = class extends Z {
+}, Xe = /* @__PURE__ */ new WeakMap(), me = /* @__PURE__ */ new Map();
+let sn = class extends K {
   constructor(e = {}) {
-    super(), this.options = z({}, e);
+    super(), this.options = U({}, e);
   }
   get material() {
     var e;
     return (e = this.object3d) == null ? void 0 : e.material;
   }
   create() {
-    return oe(this, null, function* () {
+    return ie(this, null, function* () {
       const {
         nodes: e,
         nodesArr: t,
         geometry: n,
         geometryArr: s,
-        material: o,
+        material: r,
         useGroups: a,
         setPointWidth: f,
-        lineWidthArr: r,
+        lineWidthArr: i,
         materialParameters: h
       } = this.options;
-      let i = o, c = n;
-      !i && h && (i = this.getMaterial(h)), !c && e ? c = be({
+      let o = r, c = n;
+      !o && h && (o = this.getMaterial(h)), !c && e ? c = be({
         nodes: e,
         setPointWidth: f
-      }) : !c && t ? c = V(
+      }) : !c && t ? c = H(
         t.map((g, u) => {
           let y = f;
-          return !y && r && (y = () => {
+          return !y && i && (y = () => {
             var L;
-            return (L = r[u]) != null ? L : r[0];
+            return (L = i[u]) != null ? L : i[0];
           }), be({
             nodes: g,
             setPointWidth: y
           });
         }),
         a != null ? a : 0
-      ) : !c && s && s.length > 1 ? c = V(s, a != null ? a : 0) : !c && s && s.length === 1 && ([c] = s), this.createMesh(c, i);
+      ) : !c && s && s.length > 1 ? c = H(s, a != null ? a : 0) : !c && s && s.length === 1 && ([c] = s), this.createMesh(c, o);
     });
   }
   setGeometry(e, t) {
     const n = be({
       nodes: e,
       setPointWidth: t
-    }), s = this.object3d, o = s.geometry;
-    s.geometry = n, o.dispose();
+    }), s = this.object3d, r = s.geometry;
+    s.geometry = n, r.dispose();
   }
   getMaterial(e) {
-    const { width: t, height: n } = this.pencil.getSize(), s = new st(z({
+    const { width: t, height: n } = this.pencil.getSize(), s = new st(U({
       color: new ke("#ffffff")
     }, e));
     return s.uniforms.resolution.value.set(t, n), s;
   }
   addGeometries(e) {
-    const t = this.object3d, n = V([t.geometry, ...e]);
+    const t = this.object3d, n = H([t.geometry, ...e]);
     t.geometry = n;
   }
   resize(e, t) {
@@ -937,77 +937,77 @@ let sn = class extends Z {
     delay: t = 0,
     repeat: n = 0,
     lineLoop: s,
-    onRepeat: o,
+    onRepeat: r,
     onUpdate: a,
     onComplete: f,
-    startShow: r
+    startShow: i
   } = {}) {
-    const { offset: h, offsetLoop: i } = this.material.uniforms, c = this.pencil.userData.debugLine ? de : He;
+    const { offset: h, offsetLoop: o } = this.material.uniforms, c = this.pencil.userData.debugLine ? me : Xe;
     if (c.get(this.material) && this.stopAnimation(), e === 0) return;
     const g = s != null ? s : !0;
-    h.value.x = 1, i.value = g && r ? 1 : 0;
+    h.value.x = 1, o.value = g && i ? 1 : 0;
     let u = 0;
     const y = new ne.Tween(h.value).to({ x: -1 }, e).delay(t).repeat(n).onUpdate(({ x: L }) => {
-      g && L <= 0 && i.value === 0 && (i.value = 1), a == null || a(L);
+      g && L <= 0 && o.value === 0 && (o.value = 1), a == null || a(L);
     }).onRepeat(() => {
-      u += 1, o == null || o(u);
+      u += 1, r == null || r(u);
     }).onComplete(() => {
       f == null || f();
     }).start();
     c.set(this.material, y), this.material.addEventListener("dispose", () => {
       this.stopAnimation();
-    }), this.pencil.userData.debugLine && console.log("animate", de.size);
+    }), this.pencil.userData.debugLine && console.log("animate", me.size);
   }
   stopAnimation() {
-    const e = this.pencil.userData.debugLine ? de : He, t = e.get(this.material);
-    t && (t.stop(), ne.remove(t), e.delete(this.material), this.material.uniforms.offset.value.x = 0, this.material.uniforms.offsetLoop.value = 1), this.pencil.userData.debugLine && console.log("stopAnimation", de.size);
+    const e = this.pencil.userData.debugLine ? me : Xe, t = e.get(this.material);
+    t && (t.stop(), ne.remove(t), e.delete(this.material), this.material.uniforms.offset.value.x = 0, this.material.uniforms.offsetLoop.value = 1), this.pencil.userData.debugLine && console.log("stopAnimation", me.size);
   }
   render() {
     const { width: e, height: t } = this.pencil.getSize();
     this.resize(e, t);
   }
 };
-const Xe = (p) => {
-  const { points: e } = p, t = e.reduce((s, o, a) => (a < e.length - 1 && s.push(o, e[a + 1]), s), []);
-  return new me().setFromPoints(t);
+const Ve = (p) => {
+  const { points: e } = p, t = e.reduce((s, r, a) => (a < e.length - 1 && s.push(r, e[a + 1]), s), []);
+  return new de().setFromPoints(t);
 };
-class rn extends Z {
+class rn extends K {
   constructor(e = {}) {
-    super(), this.options = z({}, e);
+    super(), this.options = U({}, e);
   }
   get material() {
     var e;
     return (e = this.object3d) == null ? void 0 : e.material;
   }
   create() {
-    return oe(this, null, function* () {
+    return ie(this, null, function* () {
       const {
         points: e,
         pointsArr: t,
         geometry: n,
         geometryArr: s,
-        material: o,
+        material: r,
         useGroups: a,
         setPointWidth: f,
-        lineWidthArr: r,
+        lineWidthArr: i,
         materialParameters: h,
-        instanceCount: i
+        instanceCount: o
       } = this.options;
-      let c = o, g = n;
-      !c && h && (c = this.getMaterial(h)), !g && e ? g = Xe({
+      let c = r, g = n;
+      !c && h && (c = this.getMaterial(h)), !g && e ? g = Ve({
         points: e
-      }) : !g && t ? g = V(
-        t.map((y) => Xe({
+      }) : !g && t ? g = H(
+        t.map((y) => Ve({
           points: y
         })),
         a != null ? a : 0
-      ) : !g && s && s.length > 1 ? g = V(s, a != null ? a : 0) : !g && s && s.length === 1 && ([g] = s);
+      ) : !g && s && s.length > 1 ? g = H(s, a != null ? a : 0) : !g && s && s.length === 1 && ([g] = s);
       const u = new tt().fromLineSegments(
-        new We(g)
+        new Ne(g)
       );
       if (this.pencil.options.WebGPUTHREE) {
-        i && (u.instanceCount = i);
-        const y = new it(u, c);
+        o && (u.instanceCount = o);
+        const y = new ot(u, c);
         y.computeLineDistances(), this.object3d = y;
       } else {
         const y = new It(u, c);
@@ -1016,61 +1016,14 @@ class rn extends Z {
     });
   }
   getMaterial(e) {
-    return new et(z({
+    return new et(U({
       color: new ke("#ffffff")
     }, e));
   }
 }
-class an extends Z {
-  constructor(e) {
-    super(), this.objectType = "Node", this.onNodePointerIndex = [], this.options = z({
-      type: "2d"
-    }, e);
-  }
-  create() {
-    const { position: e, children: t } = this.options, n = document.createElement("div");
-    this.element = n, t && n.appendChild(t), this.options.type === "3d" ? this.createCSS3DObject(n) : this.options.type === "3dSprite" ? this.createCSS3DSprite(n) : this.createCSS2DObject(n), e && this.object3d.position.copy(e);
-  }
-  setChildren(e) {
-    this.options.children = e, this.element.innerHTML = "", this.element.appendChild(e);
-  }
-  showAndEnsureVisible() {
-    const e = this.options.children;
-    e && (e.style.visibility = "hidden", this.show(), setTimeout(() => {
-      e.style.visibility = "", this.ensureVisible();
-    }));
-  }
-  moveElementToViewport() {
-    const e = this.options.children;
-    if (!e) return;
-    const t = e.getBoundingClientRect(), n = window.innerWidth, s = window.innerHeight;
-    let o = 0, a = 0;
-    t.left < 0 ? o = -t.left : t.right > n && (o = n - t.right), t.top < 0 ? a = -t.top : t.bottom > s && (a = s - t.bottom), t.left + o < 0 && (o = -t.left), t.top + a < 0 && (a = -t.top), (o !== 0 || a !== 0) && (e.style.transform = `translate(${o}px, ${a}px)`);
-  }
-  ensureVisible() {
-    const e = this.options.children;
-    if (!e) return;
-    e.style.transform && (e.style.transform = "");
-    const t = new IntersectionObserver((n) => {
-      n.forEach((s) => {
-        s.isIntersecting && (this.moveElementToViewport(), t.disconnect());
-      });
-    });
-    t.observe(e);
-  }
-  onPointerEvent(e, t) {
-    const n = this.lead.handlePickNode([this], e, t);
-    this.onNodePointerIndex.push(n);
-  }
-  dispose() {
-    this.onNodePointerIndex.forEach((e) => {
-      this.lead.removePickNode(e);
-    }), super.dispose();
-  }
-}
-class cn extends Z {
+class an extends K {
   constructor(e) {
-    super(), this.options = z({
+    super(), this.options = U({
       maxDepth: 10,
       percentDepth: !1,
       innerRadius: 25,
@@ -1079,31 +1032,31 @@ class cn extends Z {
     }, e);
   }
   create() {
-    return oe(this, null, function* () {
+    return ie(this, null, function* () {
       this.createGroup();
-      const { data: e, maxDepth: t, colors: n, material: s, percentDepth: o, activeIndex: a } = this.options, f = Math.max(...e), r = e.reduce((i, c) => i + c, 0);
+      const { data: e, maxDepth: t, colors: n, material: s, percentDepth: r, activeIndex: a } = this.options, f = Math.max(...e), i = e.reduce((o, c) => o + c, 0);
       let h = Math.PI / 2;
-      e.forEach((i, c) => {
-        if (i === 0) return;
-        const g = Math.PI * 2 * (i / r), u = n[c], y = o ? t * (i / f) : t, L = this.createGeometry(y, g), S = s ? s.clone() : new Tt({
+      e.forEach((o, c) => {
+        if (o === 0) return;
+        const g = Math.PI * 2 * (o / i), u = n[c], y = r ? t * (o / f) : t, L = this.createGeometry(y, g), S = s ? s.clone() : new Tt({
           color: u
         });
         s && S.color.set(u);
-        const A = new Et(L, S);
+        const A = new Gt(L, S);
         A.userData.depth = y, A.userData.index = c, A.rotateZ(h), h += g, this.add(A);
       }), a !== -1 && this.setActive(a);
     });
   }
   createGeometry(e, t) {
-    const { outRadius: n, innerRadius: s } = this.options, o = new we();
-    return o.moveTo(n, 0), o.lineTo(s, 0), o.absarc(0, 0, s, 0, t, !1), o.absarc(0, 0, n, t, 0, !0), new K(o, {
+    const { outRadius: n, innerRadius: s } = this.options, r = new we();
+    return r.moveTo(n, 0), r.lineTo(s, 0), r.absarc(0, 0, s, 0, t, !1), r.absarc(0, 0, n, t, 0, !0), new Q(r, {
       curveSegments: 48,
       depth: e,
       bevelEnabled: !1
     });
   }
   handlePick(e, t = 1.3) {
-    const { object: n } = this.pencil.pick(e, this.object3d.children) || {}, s = n ? this.object3d.children.findIndex((o) => o === n) : this.options.activeIndex;
+    const { object: n } = this.pencil.pick(e, this.object3d.children) || {}, s = n ? this.object3d.children.findIndex((r) => r === n) : this.options.activeIndex;
     return this.setActive(s, t);
   }
   setActive(e, t = 1.3) {
@@ -1112,8 +1065,8 @@ class cn extends Z {
       if (!(n && n === s) && s.scale.z !== 1) {
         if (s.userData.levTween) return;
         s.userData.enTween && (s.userData.enTween.stop(), s.userData.enTween = null);
-        const o = new ne.Tween(s.scale).to({ z: 1 }, 100);
-        s.userData.levTween = o, o.start();
+        const r = new ne.Tween(s.scale).to({ z: 1 }, 100);
+        s.userData.levTween = r, r.start();
       }
     }), n) {
       if (n.userData.enTween)
@@ -1135,13 +1088,13 @@ export {
   tn as Light,
   sn as Line,
   rn as Line2,
-  un as Line2Material,
-  dn as LineSegmentsGeometry,
+  hn as Line2Material,
+  fn as LineSegmentsGeometry,
   Dt as MeshLineGeometry,
   st as MeshLineMaterial,
   nn as MeshLineRaycast,
-  an as Node,
-  cn as Pie,
+  dn as Node,
+  an as Pie,
   nt as getConicPolygonGeometry,
   pn as getConicPolygonGeometryMetas,
   Kt as getSplitTexture