gl-draw 0.15.19 → 0.15.21

package/dist/objects/index.module.js

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