gl-draw 0.15.0-beta.3 → 0.15.0-beta.5

package/dist/index.module.js

@@ -26,23 +26,23 @@ var se = (h, e, t) => new Promise((s, i) => {
   }, n = (l) => l.done ? s(l.value) : Promise.resolve(l.value).then(r, o);
   n((t = t.apply(h, e)).next());
 });
-import { WebGLRenderer as Ut, Vector2 as B, Vector3 as I, PerspectiveCamera as zt, Matrix4 as W, Scene as nt, AxesHelper as De, CameraHelper as kt, PointLightHelper as Ft, DirectionalLightHelper as Nt, SpotLightHelper as Ht, HemisphereLightHelper as It, Box3 as at, Box3Helper as Ue, MathUtils as jt, Vector4 as Bt, Quaternion as lt, Spherical as Vt, Sphere as Yt, Raycaster as ht, REVISION as Zt, Object3D as Wt, UniformsUtils as Gt, RawShaderMaterial as Kt, ShaderMaterial as Xt, MeshBasicMaterial as $t, PointsMaterial as ct, SpriteMaterial as dt, Layers as qt, WebGLRenderTarget as Qt, HalfFloatType as Jt, Loader as pt, Texture as fe, VideoTexture as mt, FileLoader as Se, LoadingManager as es, DataTexture as ts, Mesh as ss, BufferGeometry as is } from "three";
-import { Timer as rs } from "three/examples/jsm/misc/Timer";
+import { WebGLRenderer as Ut, Vector2 as B, Vector3 as I, PerspectiveCamera as zt, Matrix4 as W, Scene as nt, AxesHelper as De, CameraHelper as kt, PointLightHelper as Ft, DirectionalLightHelper as Nt, SpotLightHelper as Ht, HemisphereLightHelper as It, Box3 as at, Box3Helper as Ue, MathUtils as jt, Vector4 as Bt, Quaternion as lt, Spherical as Vt, Sphere as Yt, Raycaster as ht, REVISION as Zt, Object3D as Wt, UniformsUtils as Gt, RawShaderMaterial as Kt, ShaderMaterial as Xt, MeshBasicMaterial as $t, PointsMaterial as ct, SpriteMaterial as dt, Layers as qt, WebGLRenderTarget as Qt, HalfFloatType as Jt, Loader as pt, Texture as fe, VideoTexture as mt, FileLoader as Se, LoadingManager as es, DataTexture as ts, Mesh as ss } from "three";
+import { Timer as is } from "three/examples/jsm/misc/Timer";
 import * as Ce from "@tweenjs/tween.js";
-import os from "deepmerge";
-import ns from "stats-gl";
-import { C as as, c as ls, i as hs } from "./isPlainObject.module.js";
-import { R as Pe, M as ut, B as cs, G as ze } from "./index.module2.js";
-import { RectAreaLightHelper as ds } from "three/examples/jsm/helpers/RectAreaLightHelper";
-import { ViewHelper as ps } from "three/examples/jsm/helpers/ViewHelper";
-import { TransformControls as ms } from "three/examples/jsm/controls/TransformControls";
+import rs from "deepmerge";
+import os from "stats-gl";
+import { C as ns, c as as, i as ls } from "./isPlainObject.module.js";
+import { R as Pe, M as ut, B as hs, G as ze } from "./index.module2.js";
+import { RectAreaLightHelper as cs } from "three/examples/jsm/helpers/RectAreaLightHelper";
+import { ViewHelper as ds } from "three/examples/jsm/helpers/ViewHelper";
+import { TransformControls as ps } from "three/examples/jsm/controls/TransformControls";
 import { EffectComposer as ke } from "three/examples/jsm/postprocessing/EffectComposer";
-import { RenderPass as us } from "three/examples/jsm/postprocessing/RenderPass";
-import { SSAOPass as fs } from "three/examples/jsm/postprocessing/SSAOPass";
+import { RenderPass as ms } from "three/examples/jsm/postprocessing/RenderPass";
+import { SSAOPass as us } from "three/examples/jsm/postprocessing/SSAOPass";
 import { FullScreenQuad as Fe } from "three/examples/jsm/postprocessing/Pass";
-import { OutputPass as _s } from "three/examples/jsm/postprocessing/OutputPass";
-import { ShaderPass as gs } from "three/examples/jsm/postprocessing/ShaderPass";
-import { UnrealBloomPass as vs } from "three/examples/jsm/postprocessing/UnrealBloomPass";
+import { OutputPass as fs } from "three/examples/jsm/postprocessing/OutputPass";
+import { ShaderPass as _s } from "three/examples/jsm/postprocessing/ShaderPass";
+import { UnrealBloomPass as gs } from "three/examples/jsm/postprocessing/UnrealBloomPass";
 import "three/examples/jsm/renderers/CSS2DRenderer";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "d3-geo";
@@ -54,10 +54,10 @@ import "three/examples/jsm/lines/LineSegmentsGeometry";
 import "three/examples/jsm/lines/LineMaterial";
 import "three-bvh-csg";
 import { GLTFLoader as Ne } from "three/examples/jsm/loaders/GLTFLoader";
-import { DRACOLoader as ys } from "three/examples/jsm/loaders/DRACOLoader";
-import { EXRLoader as Cs } from "three/examples/jsm/loaders/EXRLoader";
-import { LottieLoader as Es } from "three/examples/jsm/loaders/LottieLoader";
-import { makePromiseCreator as Os, generateUUID as He } from "esus-lite";
+import { DRACOLoader as vs } from "three/examples/jsm/loaders/DRACOLoader";
+import { EXRLoader as ys } from "three/examples/jsm/loaders/EXRLoader";
+import { LottieLoader as Cs } from "three/examples/jsm/loaders/LottieLoader";
+import { makePromiseCreator as Es, generateUUID as He } from "esus-lite";
 const M = {
   LEFT: 1,
   RIGHT: 2,
@@ -148,7 +148,7 @@ function Ee(h, e) {
 function Oe(h, e) {
   return j(h) ? (console.warn(`${e} is not supported in OrthographicCamera`), !0) : !1;
 }
-class Ts {
+class Os {
   constructor() {
     this._listeners = {};
   }
@@ -212,9 +212,9 @@ class Ts {
     }
   }
 }
-const ce = 1 / 8, bs = /Mac/.test(navigator.platform);
+const ce = 1 / 8, Ts = /Mac/.test(navigator.platform);
 let T, Ve, de, Te, D, w, L, X, ne, F, N, Z, Ye, Ze, z, ae, $, We, be, Ge, we, xe, pe;
-class J extends Ts {
+class J extends Os {
   static install(e) {
     T = e.THREE, Ve = Object.freeze(new T.Vector3(0, 0, 0)), de = Object.freeze(new T.Vector3(0, 1, 0)), Te = Object.freeze(new T.Vector3(0, 0, 1)), D = new T.Vector2(), w = new T.Vector3(), L = new T.Vector3(), X = new T.Vector3(), ne = new T.Vector3(), F = new T.Vector3(), N = new T.Vector3(), Z = new T.Vector3(), Ye = new T.Vector3(), Ze = new T.Vector3(), z = new T.Spherical(), ae = new T.Spherical(), $ = new T.Box3(), We = new T.Box3(), be = new T.Sphere(), Ge = new T.Quaternion(), we = new T.Quaternion(), xe = new T.Matrix4(), pe = new T.Raycaster();
   }
@@ -392,7 +392,7 @@ class J extends Ts {
         const O = performance.now();
         d - O < 1e3 && this._getClientRect(this._elementRect), d = O;
       }
-      const g = bs ? -1 : -3, C = a.deltaMode === 1 || a.ctrlKey ? a.deltaY / g : a.deltaY / (g * 10), y = this.dollyToCursor ? (a.clientX - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, b = this.dollyToCursor ? (a.clientY - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
+      const g = Ts ? -1 : -3, C = a.deltaMode === 1 || a.ctrlKey ? a.deltaY / g : a.deltaY / (g * 10), y = this.dollyToCursor ? (a.clientX - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, b = this.dollyToCursor ? (a.clientY - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
       switch (this.mouseButtons.wheel) {
         case c.ROTATE: {
           this._rotateInternal(a.deltaX, a.deltaY), this._isUserControllingRotate = !0;
@@ -1716,7 +1716,7 @@ Q && typeof Q.ownKeys == "function" ? ue = Q.ownKeys : Object.getOwnPropertySymb
 } : ue = function(e) {
   return Object.getOwnPropertyNames(e);
 };
-function ws(h) {
+function bs(h) {
   console && console.warn && console.warn(h);
 }
 var _t = Number.isNaN || function(e) {
@@ -1726,7 +1726,7 @@ function S() {
   S.init.call(this);
 }
 Ae.exports = S;
-Ae.exports.once = Ss;
+Ae.exports.once = Ps;
 S.EventEmitter = S;
 S.prototype._events = void 0;
 S.prototype._eventsCount = 0;
@@ -1796,7 +1796,7 @@ function vt(h, e, t, s) {
   else if (typeof o == "function" ? o = r[e] = s ? [t, o] : [o, t] : s ? o.unshift(t) : o.push(t), i = gt(h), i > 0 && o.length > i && !o.warned) {
     o.warned = !0;
     var n = new Error("Possible EventEmitter memory leak detected. " + o.length + " " + String(e) + " listeners added. Use emitter.setMaxListeners() to increase limit");
-    n.name = "MaxListenersExceededWarning", n.emitter = h, n.type = e, n.count = o.length, ws(n);
+    n.name = "MaxListenersExceededWarning", n.emitter = h, n.type = e, n.count = o.length, bs(n);
   }
   return h;
 }
@@ -1807,12 +1807,12 @@ S.prototype.on = S.prototype.addListener;
 S.prototype.prependListener = function(e, t) {
   return vt(this, e, t, !0);
 };
-function xs() {
+function ws() {
   if (!this.fired)
     return this.target.removeListener(this.type, this.wrapFn), this.fired = !0, arguments.length === 0 ? this.listener.call(this.target) : this.listener.apply(this.target, arguments);
 }
 function yt(h, e, t) {
-  var s = { fired: !1, wrapFn: void 0, target: h, type: e, listener: t }, i = xs.bind(s);
+  var s = { fired: !1, wrapFn: void 0, target: h, type: e, listener: t }, i = ws.bind(s);
   return i.listener = t, s.wrapFn = i, i;
 }
 S.prototype.once = function(e, t) {
@@ -1837,7 +1837,7 @@ S.prototype.removeListener = function(e, t) {
       }
     if (r < 0)
       return this;
-    r === 0 ? s.shift() : Ls(s, r), s.length === 1 && (i[e] = s[0]), i.removeListener !== void 0 && this.emit("removeListener", e, n || t);
+    r === 0 ? s.shift() : xs(s, r), s.length === 1 && (i[e] = s[0]), i.removeListener !== void 0 && this.emit("removeListener", e, n || t);
   }
   return this;
 };
@@ -1866,7 +1866,7 @@ function Ct(h, e, t) {
   if (s === void 0)
     return [];
   var i = s[e];
-  return i === void 0 ? [] : typeof i == "function" ? t ? [i.listener || i] : [i] : t ? Ps(i) : Ot(i, i.length);
+  return i === void 0 ? [] : typeof i == "function" ? t ? [i.listener || i] : [i] : t ? Ls(i) : Ot(i, i.length);
 }
 S.prototype.listeners = function(e) {
   return Ct(this, e, !0);
@@ -1897,17 +1897,17 @@ function Ot(h, e) {
     t[s] = h[s];
   return t;
 }
-function Ls(h, e) {
+function xs(h, e) {
   for (; e + 1 < h.length; e++)
     h[e] = h[e + 1];
   h.pop();
 }
-function Ps(h) {
+function Ls(h) {
   for (var e = new Array(h.length), t = 0; t < e.length; ++t)
     e[t] = h[t].listener || h[t];
   return e;
 }
-function Ss(h, e) {
+function Ps(h, e) {
   return new Promise(function(t, s) {
     function i(o) {
       h.removeListener(e, r), s(o);
@@ -1915,10 +1915,10 @@ function Ss(h, e) {
     function r() {
       typeof h.removeListener == "function" && h.removeListener("error", i), t([].slice.call(arguments));
     }
-    Tt(h, e, r, { once: !0 }), e !== "error" && As(h, i, { once: !0 });
+    Tt(h, e, r, { once: !0 }), e !== "error" && Ss(h, i, { once: !0 });
   });
 }
-function As(h, e, t) {
+function Ss(h, e, t) {
   typeof h.on == "function" && Tt(h, "error", e, t);
 }
 function Tt(h, e, t, s) {
@@ -1932,19 +1932,19 @@ function Tt(h, e, t, s) {
     throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type ' + typeof h);
 }
 var ve = Ae.exports;
-const Ms = {
+const As = {
   antialias: !1,
   devicePixelRatio: window.devicePixelRatio,
   powerPreference: "high-performance",
   toneMappingExposure: 1,
   alpha: !1,
-  outputColorSpace: as.sRGB,
+  outputColorSpace: ns.sRGB,
   logarithmicDepthBuffer: !1,
   preserveDrawingBuffer: !1,
   stencil: !1,
   depth: !1
 };
-class Rs {
+class Ms {
   constructor(e) {
     this.options = e;
     const { width: t, height: s, rendererParams: i } = e, {
@@ -1997,11 +1997,11 @@ class Rs {
     this.setSize(1, 1), (e = this.renderer) == null || e.clear(), (t = this.renderer) == null || t.dispose();
   }
 }
-const Ds = {
+const Rs = {
   antialias: !0,
   devicePixelRatio: window.devicePixelRatio
 };
-class Us {
+class Ds {
   constructor(e) {
     this.options = e;
     const { width: t, height: s, rendererParams: i, renderer: r } = e, { devicePixelRatio: o, antialias: n } = i, l = new r({
@@ -2020,7 +2020,7 @@ class Us {
     this.setSize(1, 1), (e = this.renderer) == null || e.clear(), (t = this.renderer) == null || t.dispose();
   }
 }
-let zs = class {
+let Us = class {
   constructor() {
     this.mask = 1;
   }
@@ -2051,7 +2051,7 @@ class ee {
     this.event = new ve.EventEmitter(), this.controllerMap = /* @__PURE__ */ new Map(), this.activeIndex = -1, this.activeControllerSet = /* @__PURE__ */ new Set();
   }
   addController(e, t) {
-    const s = new zs();
+    const s = new Us();
     return s.disableAll(), t !== void 0 && s.set(t), this.controllerMap.set(e, s), t === this.activeIndex && this.activeControllerSet.add(e), e;
   }
   removePage(e, t) {
@@ -2085,7 +2085,7 @@ const bt = {
   far: 1e3,
   up: new I(0, 1, 0)
 };
-class ks extends ee {
+class zs extends ee {
   constructor(e) {
     super(), this.width = 0, this.height = 0, this.width = e.width, this.height = e.height;
   }
@@ -2165,10 +2165,10 @@ class ks extends ee {
     }
   }
 }
-const Fs = {
+const ks = {
   background: null
 };
-class Ns extends ee {
+class Fs extends ee {
   get scene() {
     return this.controller;
   }
@@ -2191,7 +2191,7 @@ class Ns extends ee {
     });
   }
 }
-class Hs {
+class Ns {
   constructor(e) {
     this.helpers = {}, this.options = e;
   }
@@ -2212,7 +2212,7 @@ class Hs {
       else if (e.isHemisphereLight)
         i = new It(e, 10);
       else if (e.isRectAreaLight)
-        i = new ds(e);
+        i = new cs(e);
       else {
         const r = new at();
         if (r.setFromObject(e, !0), r.isEmpty() === !1) {
@@ -2226,7 +2226,7 @@ class Hs {
     }
   }
   addViewHelper() {
-    const { cameraController: e, container: t } = this.options, s = new ps(e.camera, t);
+    const { cameraController: e, container: t } = this.options, s = new ds(e.camera, t);
     t.addEventListener("pointerdown", (i) => {
       i.preventDefault(), s.handleClick(i);
     }), this.viewHelper = s;
@@ -2276,7 +2276,7 @@ class Hs {
     this.helpers = {}, (e = this.viewHelper) == null || e.dispose();
   }
 }
-class Is extends ee {
+class Hs extends ee {
   constructor(e) {
     super(), this.autoRotateSpeed = 0, this.options = e;
     const t = {
@@ -2323,10 +2323,10 @@ class Is extends ee {
     super.update(e, t), this.autoRotateSpeed && this.cameraControls && (this.cameraControls.azimuthAngle += this.autoRotateSpeed * e * jt.DEG2RAD);
   }
 }
-class js {
+class Is {
   constructor(e) {
     this.event = new ve.EventEmitter();
-    const { renderer: t, scene: s, camera: i } = e, r = new ms(
+    const { renderer: t, scene: s, camera: i } = e, r = new ps(
       i,
       t.domElement
     );
@@ -2392,8 +2392,8 @@ class js {
     this.event.removeAllListeners(), (e = this.controls) == null || e.dispose();
   }
 }
-const $e = new I(), Bs = new lt(), qe = new I(), H = new W(), Vs = new W();
-class Ys {
+const $e = new I(), js = new lt(), qe = new I(), H = new W(), Bs = new W();
+class Vs {
   /**
    * Constructs a new CSS3D renderer.
    *
@@ -2451,7 +2451,7 @@ class Ys {
         if (b.style.display = y === !0 ? "" : "none", y === !0) {
           f.onBeforeRender(t, a, g);
           let O;
-          f.isCSS3DSprite ? (H.copy(g.matrixWorldInverse), H.transpose(), f.rotation2D !== 0 && H.multiply(Vs.makeRotationZ(f.rotation2D)), f.matrixWorld.decompose($e, Bs, qe), H.setPosition($e), H.scale(qe), H.elements[3] = 0, H.elements[7] = 0, H.elements[11] = 0, H.elements[15] = 1, O = v(H)) : O = v(f.matrixWorld);
+          f.isCSS3DSprite ? (H.copy(g.matrixWorldInverse), H.transpose(), f.rotation2D !== 0 && H.multiply(Bs.makeRotationZ(f.rotation2D)), f.matrixWorld.decompose($e, js, qe), H.setPosition($e), H.scale(qe), H.elements[3] = 0, H.elements[7] = 0, H.elements[11] = 0, H.elements[15] = 1, O = v(H)) : O = v(f.matrixWorld);
           const x = n.objects.get(f);
           if (x === void 0 || x.style !== O) {
             b.style.transform = O;
@@ -2467,7 +2467,7 @@ class Ys {
   }
 }
 const q = new I(), Qe = new W(), Je = new W(), et = new I(), tt = new I();
-class Zs {
+class Ys {
   /**
    * Constructs a new CSS2D renderer.
    *
@@ -2535,12 +2535,12 @@ class Zs {
 const st = {
   zIndex: "auto"
 };
-class Ws {
+class Zs {
   constructor(e) {
     this.container = e;
   }
   addRenderer(e, t) {
-    const s = t.container || this.container, i = s.offsetWidth, r = s.offsetHeight, o = e === "css2d" ? new Zs() : new Ys();
+    const s = t.container || this.container, i = s.offsetWidth, r = s.offsetHeight, o = e === "css2d" ? new Ys() : new Vs();
     o.domElement.style.position = "absolute", o.domElement.style.top = "0", o.domElement.style.pointerEvents = "none", o.domElement.style.zIndex = t.zIndex, o.setSize(i, r), s.appendChild(o.domElement), e === "css2d" ? this.css2Drenderer = o : e === "css3d" && (this.css3Drenderer = o);
   }
   setSize(e, t) {
@@ -2556,7 +2556,7 @@ class Ws {
     (e = this.css2Drenderer) == null || e.domElement.remove(), (t = this.css3Drenderer) == null || t.domElement.remove(), this.css2Drenderer = void 0, this.css3Drenderer = void 0;
   }
 }
-const Gs = {
+const Ws = {
   name: "OutputShader",
   uniforms: {
     tDiffuse: { value: null },
@@ -2650,10 +2650,10 @@ const Gs = {
 		}`
   )
 };
-class Ks extends _s {
+class Gs extends fs {
   constructor() {
     super();
-    const e = Gs;
+    const e = Ws;
     this.uniforms = Gt.clone(e.uniforms), this.material = new Kt({
       name: e.name,
       uniforms: this.uniforms,
@@ -2662,8 +2662,8 @@ class Ks extends _s {
     }), this.fsQuad ? this.fsQuad = new Fe(this.material) : this._fsQuad && (this._fsQuad = new Fe(this.material));
   }
 }
-const Xs = (h) => {
-  const e = new gs(
+const Ks = (h) => {
+  const e = new _s(
     new Xt({
       uniforms: {
         baseTexture: { value: null },
@@ -2698,36 +2698,36 @@ const Xs = (h) => {
     "baseTexture"
   );
   return e.needsSwap = !0, e;
-}, Le = 1, me = !1, $s = new $t({ color: "black" }), qs = new ct({
+}, Le = 1, me = !1, Xs = new $t({ color: "black" }), $s = new ct({
   color: "black",
   sizeAttenuation: !1
-}), Qs = new ct({
+}), qs = new ct({
   color: "black",
   sizeAttenuation: !0
-}), Js = new dt({
+}), Qs = new dt({
   color: "black",
   sizeAttenuation: !0
-}), ei = new dt({
+}), Js = new dt({
   color: "black",
   sizeAttenuation: !1
-}), ti = new ut({
+}), ei = new ut({
   color: "black",
   sizeAttenuation: 0,
   lineWidth: 0
-}), si = {
+}), ti = {
   kernelRadius: 8,
   minDistance: 5e-3,
   maxDistance: 0.1
-}, ii = {
+}, si = {
   threshold: 0,
   strength: 0.4,
   radius: 0.1,
   bloomAlphaType: 0
-}, ri = {
+}, ii = {
   multisampling: 4,
   premultiplieAlpha: !1
 };
-class oi {
+class ri {
   constructor(e) {
     this.bloomComposerActive = !1, this.active = !0, this.bloomSelection = /* @__PURE__ */ new Set(), this.bloomLayer = new qt(), this.bloomMaterials = {}, this.bloomVisible = {}, this.bloomComposerRenderIng = !1, this.pipViewportState = null, this.options = e;
     const {
@@ -2746,7 +2746,7 @@ class oi {
       }
     ), p = new ke(o, _), E = this.getSize();
     p.setSize(E.width, E.height);
-    const v = new us(
+    const v = new ms(
       s.scene,
       i.camera
     );
@@ -2763,18 +2763,18 @@ class oi {
     this.renderPass.scene = e, this.ssaoPass && (this.ssaoPass.scene = e), this.scene = e;
   }
   addOutputPass() {
-    const { premultiplieAlpha: e } = this.options.composerParams, t = new Ks();
+    const { premultiplieAlpha: e } = this.options.composerParams, t = new Gs();
     this.outputPass = t, this.setPremultiplieAlpha(e), this.finalComposer.addPass(t);
   }
   setPremultiplieAlpha(e) {
     this.outputPass && (this.outputPass.uniforms.premultiplieAlpha.value = e ? 1 : 0);
   }
   addSSAOPass(e) {
-    const { scene: t, camera: s, renderer: i } = this, r = i.getSize(new B()), o = r.width, n = r.height, l = new fs(t, s, o, n);
+    const { scene: t, camera: s, renderer: i } = this, r = i.getSize(new B()), o = r.width, n = r.height, l = new us(t, s, o, n);
     l.kernelRadius = e.kernelRadius, l.minDistance = e.minDistance, l.maxDistance = e.maxDistance, this.ssaoPass = l, this.finalComposer.addPass(l);
   }
   addBloomPass(e) {
-    const { renderer: t } = this, { threshold: s, strength: i, radius: r, bloomAlphaType: o } = e, n = new vs(
+    const { renderer: t } = this, { threshold: s, strength: i, radius: r, bloomAlphaType: o } = e, n = new gs(
       new B(window.innerWidth, window.innerHeight),
       i,
       r,
@@ -2783,7 +2783,7 @@ class oi {
     this.bloomPass = n;
     const l = new ke(t);
     l.renderToScreen = !1, l.addPass(this.renderPass), l.addPass(n), this.bloomComposer = l;
-    const d = Xs(l);
+    const d = Ks(l);
     d.uniforms.bloomAlphaType.value = o, this.bloomComposer = l, this.finalComposer.addPass(d), this.mixPass = d, this.bloomLayer.set(Le);
   }
   setBloomSelection(e, t) {
@@ -2818,7 +2818,7 @@ class oi {
       s.traverse((i) => {
         var l;
         const r = i, o = i, n = i;
-        (l = r.material) != null && l.isShadowMaterial ? e.push(r) : r.material && this.bloomLayer.test(r.layers) === !1 && (this.bloomMaterials[r.uuid] = r.material, o.isSprite ? o.material.sizeAttenuation ? o.material = Js : o.material = ei : r.material instanceof ut ? r.material = ti : n.isPoints ? n.material.sizeAttenuation ? n.material = Qs : n.material = qs : r.material = $s);
+        (l = r.material) != null && l.isShadowMaterial ? e.push(r) : r.material && this.bloomLayer.test(r.layers) === !1 && (this.bloomMaterials[r.uuid] = r.material, o.isSprite ? o.material.sizeAttenuation ? o.material = Qs : o.material = Js : r.material instanceof ut ? r.material = ei : n.isPoints ? n.material.sizeAttenuation ? n.material = qs : n.material = $s : r.material = Xs);
       });
     }), e.forEach((s) => {
       this.bloomVisible[s.uuid] = s.visible, s.visible = !1;
@@ -2895,7 +2895,7 @@ class it extends pt {
     ), r;
   }
 }
-class ni extends pt {
+class oi extends pt {
   constructor(e) {
     super(e);
   }
@@ -2916,7 +2916,7 @@ class ni extends pt {
     );
   }
 }
-const ai = {
+const ni = {
   images: ["png", "jpg", "jpeg", "ico", "webp", "avif"],
   media: ["mp4", "webm", "ogg"],
   gltf: ["gltf", "glb"],
@@ -2925,7 +2925,7 @@ const ai = {
   exr: ["exr"],
   lottie: ["lottie.json"]
 };
-class li {
+class ai {
   constructor(e) {
     this.loadObj = [], this.delLoadArr = [], this.assets = /* @__PURE__ */ new Map(), this.event = new ve.EventEmitter(), this.options = U({
       simpleTexture4deleted: !1,
@@ -2968,7 +2968,7 @@ class li {
       if (e.endsWith("json.gzip"))
         return "gzipJson";
     } else return;
-    for (const [i, r] of Object.entries(ai))
+    for (const [i, r] of Object.entries(ni))
       if (r.includes(t))
         return i;
   }
@@ -2978,17 +2978,17 @@ class li {
     if (e === "media")
       return this.videoTextureLoader || (this.videoTextureLoader = new it(this.loadingManager), this.videoTextureLoader.setOptions({ type: "video" }), this.options.prefix && this.videoTextureLoader.setPath(this.options.prefix)), this.videoTextureLoader;
     if (e === "gltf" && (t != null && t.dracoPath))
-      return this.dracoGltfLoader || (this.dracoGltfLoader = new Ne(this.loadingManager), this.dracoLoader = new ys(), this.dracoLoader.setDecoderPath(t == null ? void 0 : t.dracoPath), this.dracoGltfLoader.setDRACOLoader(this.dracoLoader), this.options.prefix && this.dracoGltfLoader.setPath(this.options.prefix)), this.dracoGltfLoader;
+      return this.dracoGltfLoader || (this.dracoGltfLoader = new Ne(this.loadingManager), this.dracoLoader = new vs(), this.dracoLoader.setDecoderPath(t == null ? void 0 : t.dracoPath), this.dracoGltfLoader.setDRACOLoader(this.dracoLoader), this.options.prefix && this.dracoGltfLoader.setPath(this.options.prefix)), this.dracoGltfLoader;
     if (e === "gltf")
       return this.gltfLoader || (this.gltfLoader = new Ne(this.loadingManager), this.options.prefix && this.gltfLoader.setPath(this.options.prefix)), this.gltfLoader;
     if (e === "lottie")
-      return this.lottieLoader || (this.lottieLoader = new Es(this.loadingManager), this.options.prefix && this.lottieLoader.setPath(this.options.prefix)), this.lottieLoader;
+      return this.lottieLoader || (this.lottieLoader = new Cs(this.loadingManager), this.options.prefix && this.lottieLoader.setPath(this.options.prefix)), this.lottieLoader;
     if (e === "gzipJson")
-      return this.gzipJsonLoader || (this.gzipJsonLoader = new ni(this.loadingManager), this.options.prefix && this.gzipJsonLoader.setPath(this.options.prefix)), this.gzipJsonLoader;
+      return this.gzipJsonLoader || (this.gzipJsonLoader = new oi(this.loadingManager), this.options.prefix && this.gzipJsonLoader.setPath(this.options.prefix)), this.gzipJsonLoader;
     if (e === "json")
       return this.jsonLoader || (this.jsonLoader = new Se(this.loadingManager), this.jsonLoader.setResponseType("json"), this.options.prefix && this.jsonLoader.setPath(this.options.prefix)), this.jsonLoader;
     if (e === "exr")
-      return this.exrLoader || (this.exrLoader = new Cs(this.loadingManager), this.options.prefix && this.exrLoader.setPath(this.options.prefix)), this.exrLoader;
+      return this.exrLoader || (this.exrLoader = new ys(this.loadingManager), this.options.prefix && this.exrLoader.setPath(this.options.prefix)), this.exrLoader;
   }
   add(e, t) {
     typeof e == "string" && (e = [e]), e.forEach((s) => {
@@ -3024,7 +3024,7 @@ class li {
       const s = (n = t == null ? void 0 : t.type) != null ? n : this.getAssetType(e);
       if (!s)
         return;
-      const i = (t == null ? void 0 : t.cache) !== !1, r = Os();
+      const i = (t == null ? void 0 : t.cache) !== !1, r = Es();
       if (i) {
         if (this.assets.has(e))
           return this.assets.get(e);
@@ -3034,7 +3034,7 @@ class li {
       try {
         const d = yield o.loadAsync(e);
         if (this.assets.set(e, d), r.resolve(d), s === "images" || s === "media" || s === "exr" || s === "lottie") {
-          (t == null ? void 0 : t.colorCorrection) !== !1 && ls({ texture: d });
+          (t == null ? void 0 : t.colorCorrection) !== !1 && as({ texture: d });
           const _ = (l = t == null ? void 0 : t.anisotropy) != null ? l : this.options.anisotropy;
           d.anisotropy = _;
         }
@@ -3078,10 +3078,10 @@ class li {
     this.assets.clear(), (e = this.dracoLoader) == null || e.dispose(), this.event.removeAllListeners(), this.delLoadArr.length = 0, this.loadObj.length = 0;
   }
 }
-const hi = {
+const li = {
   prefix: ""
 };
-class ci extends ee {
+class hi extends ee {
   get loader() {
     return this.controller;
   }
@@ -3089,7 +3089,7 @@ class ci extends ee {
     super(), this.options = e;
   }
   addLoader(e, t) {
-    const { loaderParams: s } = this.options, i = new li(te(U({}, s), {
+    const { loaderParams: s } = this.options, i = new ai(te(U({}, s), {
       scene: e
     }));
     return this.addController(i, t);
@@ -3100,7 +3100,7 @@ class ci extends ee {
     });
   }
 }
-class di extends cs {
+class ci extends hs {
   constructor(e) {
     super(), this.options = U({}, e);
   }
@@ -3117,7 +3117,7 @@ function rt(h) {
     }));
   };
 }
-class pi {
+class di {
   constructor(e) {
     var t;
     this.enabled = !0, this.pickFunctionsMap = /* @__PURE__ */ new Map(), this.pickNodeFunctionsMap = /* @__PURE__ */ new Map(), this.pickFunctionsMapIndex = -1, this.pickNodeFunctionsMapIndex = -1, this.activeObjects = /* @__PURE__ */ new Set(), this.prevActiveObjects = /* @__PURE__ */ new Set(), this.objCallbackMap = /* @__PURE__ */ new Map(), this.pickListener = {
@@ -3310,9 +3310,9 @@ class pi {
     this.pickFunctionsMap.clear(), this.pickNodeFunctionsMap.clear(), this.activeObjects.clear(), this.prevActiveObjects.clear(), this.objCallbackMap.clear();
   }
 }
-class mi extends pi {
+class pi extends di {
   constructor(e, t) {
-    super(e), this.objMap = /* @__PURE__ */ new Map(), this.objects = /* @__PURE__ */ new Map(), this.objectsPm = /* @__PURE__ */ new Map(), this.objectNamesToFactories = /* @__PURE__ */ new Map(), this.scene = new di({
+    super(e), this.objMap = /* @__PURE__ */ new Map(), this.objects = /* @__PURE__ */ new Map(), this.objectsPm = /* @__PURE__ */ new Map(), this.objectNamesToFactories = /* @__PURE__ */ new Map(), this.scene = new ci({
       scene: t.scene
     }), this.mList = t.mList, this.scene.create(), this.scene.lead = this, this.scene.pencil = e, this.scene.mList = this.mList, this.scene.key = "Scene", this.scene.object3d.name = "场景", this.group = new ze(), this.group.create(), this.group.lead = this, this.group.pencil = e, this.group.mList = this.mList, this.group.key = "@Group", this.group.object3d.name = "物体组", this.prefabGroup = new ze(), this.prefabGroup.create(), this.prefabGroup.lead = this, this.prefabGroup.pencil = e, this.prefabGroup.mList = this.mList, this.prefabGroup.key = "@PrefabGroup", this.prefabGroup.object3d.name = "预制组", this.scene.add(this.group.object3d, this.prefabGroup.object3d), this.objects.set("@Scene", this.scene), this.objects.set("@Group", this.group), this.objects.set("@PrefabGroup", this.prefabGroup), this.objMap.set(this.scene.object3d, this.scene), this.objMap.set(this.group.object3d, this.group), this.objMap.set(this.prefabGroup.object3d, this.prefabGroup);
   }
@@ -3423,7 +3423,7 @@ class mi extends pi {
     }), this.objects.clear(), this.objectsPm.clear(), this.objMap.clear(), this.objectNamesToFactories.clear();
   }
 }
-class ui extends ee {
+class mi extends ee {
   get lead() {
     return this.controller;
   }
@@ -3431,7 +3431,7 @@ class ui extends ee {
     super(), this.options = e;
   }
   addLead(e, t, s) {
-    const { pencil: i } = this.options, r = new mi(i, {
+    const { pencil: i } = this.options, r = new pi(i, {
       scene: e,
       mList: t
     });
@@ -3453,12 +3453,21 @@ class ui extends ee {
     });
   }
 }
-class fi {
+class ui {
   constructor(e) {
-    this.materials = /* @__PURE__ */ new Map(), this.materialBaseObjectMap = /* @__PURE__ */ new Map(), this.fixBufferGeometry = new is(), this.pencil = e;
+    this.materials = /* @__PURE__ */ new Map(), this.materialBaseObjectMap = /* @__PURE__ */ new Map(), this.pencil = e;
   }
   add(e, t) {
-    this.materials.set(e, t), this.emitObject3dChange();
+    const s = {
+      key: e,
+      userData: {
+        preList: !0
+      },
+      object3d: {
+        material: t
+      }
+    };
+    this.proxyBaseObject(s), this.addBaseObjectMap(s), this.emitObject3dChange();
   }
   get(e) {
     const t = this.materials.get(e);
@@ -3543,10 +3552,10 @@ class fi {
   }
   addBaseObjectMap(e) {
     const t = e.object3d;
-    t.material && (Array.isArray(t.material) ? t.material : [t.material]).forEach((i) => {
+    t.material && ((Array.isArray(t.material) ? t.material : [t.material]).forEach((i) => {
       const r = this.materialBaseObjectMap.get(i);
       r ? r.add(e) : this.materialBaseObjectMap.set(i, /* @__PURE__ */ new Set([e]));
-    });
+    }), e.userData.preList && this.materials.set(e.key, t.material));
   }
   rmBaseObjectMap(e, t) {
     this.materialBaseObjectMap.forEach((s, i) => {
@@ -3567,10 +3576,10 @@ class fi {
   }
   dispose() {
     const e = new Pe();
-    e.track([...this.materials.values()]), e.dispose(), this.fixBufferGeometry.dispose(), this.materials.clear(), this.materialBaseObjectMap.clear();
+    e.track([...this.materials.values()]), e.dispose(), this.materials.clear(), this.materialBaseObjectMap.clear();
   }
 }
-class _i extends ee {
+class fi extends ee {
   get mList() {
     return this.controller;
   }
@@ -3578,7 +3587,7 @@ class _i extends ee {
     super(), this.options = e;
   }
   addMList(e, t) {
-    const { pencil: s } = this.options, i = new fi(s);
+    const { pencil: s } = this.options, i = new ui(s);
     return this.addController(i, t);
   }
   removePage(e) {
@@ -3590,8 +3599,8 @@ class _i extends ee {
 const _e = class _e {
   constructor(e) {
     var r, o;
-    this.raycaster = new ht(), this.maxBackufferArea = 5760 * 5760, this.installPlugins = /* @__PURE__ */ new Map(), this._cameraPositon = new I(), this._cameraTarget = new I(), this.event = new ve.EventEmitter(), this.timer = new rs(), this.userData = {}, this.pageActiveIndex = 0, this.pageCountIndex = 0, this.userSetDprCache = 1, this.event.setMaxListeners(1 / 0), (o = (r = this.timer).connect) == null || o.call(r, document), this.options = os(_e.options, e, {
-      isMergeableObject: hs
+    this.raycaster = new ht(), this.maxBackufferArea = 5760 * 5760, this.installPlugins = /* @__PURE__ */ new Map(), this._cameraPositon = new I(), this._cameraTarget = new I(), this.event = new ve.EventEmitter(), this.timer = new is(), this.userData = {}, this.pageActiveIndex = 0, this.pageCountIndex = 0, this.userSetDprCache = 1, this.event.setMaxListeners(1 / 0), (o = (r = this.timer).connect) == null || o.call(r, document), this.options = rs(_e.options, e, {
+      isMergeableObject: ls
     }), this.userSetDprCache = this.options.renderer.devicePixelRatio;
     const {
       container: t,
@@ -3599,7 +3608,7 @@ const _e = class _e {
       transformControls: i
     } = this.options;
     if (this.init(), this.options.WebGPUTHREE || this.initComposer(), this.initCSSRenderer(), i && this.initTransformControls(), s) {
-      const n = new ns({
+      const n = new os({
         horizontal: !1
       });
       n.dom.style.position = "absolute", n.init(this.renderer), t.appendChild(n.dom), this.stats = n;
@@ -3676,31 +3685,31 @@ const _e = class _e {
       renderer: r,
       controls: o,
       loader: n
-    } = this.options, { width: l, height: d } = this.getSize(), _ = t ? new Us({
+    } = this.options, { width: l, height: d } = this.getSize(), _ = t ? new Ds({
       width: l,
       height: d,
       renderer: t.WebGPURenderer,
-      rendererParams: Ds
-    }) : new Rs({
+      rendererParams: Rs
+    }) : new Ms({
       width: l,
       height: d,
       rendererParams: te(U({}, r), {
         antialias: !1
       })
-    }), p = new ks({
+    }), p = new zs({
       width: l,
       height: d
-    }), E = new Ns({}), v = new Is({
+    }), E = new Fs({}), v = new Hs({
       controlsParams: {
         domElement: (g = o == null ? void 0 : o.domElement) != null ? g : _.renderer.domElement
       }
-    }), m = new ci({
+    }), m = new hi({
       loaderParams: U({
         anisotropy: _.renderer.capabilities.getMaxAnisotropy()
       }, n)
-    }), u = new _i({
+    }), u = new fi({
       pencil: this
-    }), f = new ui({
+    }), f = new mi({
       pencil: this
     });
     this.sceneController = E, this.cameraController = p, this.controlsController = v, this.rendererController = _, this.loaderController = m, this.mListController = u, this.leadController = f;
@@ -3709,7 +3718,7 @@ const _e = class _e {
       cameraOptions: this.options.camera
     });
     if (this.showPage(a), s) {
-      const C = new Hs({
+      const C = new Ns({
         container: e,
         sceneController: E,
         cameraController: p
@@ -3725,7 +3734,7 @@ const _e = class _e {
       ssao: s,
       ssaoParams: i,
       composer: r
-    } = this.options, o = new oi({
+    } = this.options, o = new ri({
       rendererController: this.rendererController,
       sceneController: this.sceneController,
       cameraController: this.cameraController,
@@ -3742,12 +3751,12 @@ const _e = class _e {
       css3DRendererParams: r
     } = this.options;
     if (t || s) {
-      const o = new Ws(e);
+      const o = new Zs(e);
       t && o.addRenderer("css2d", i), s && o.addRenderer("css3d", r), this.cssRendererController = o;
     }
   }
   initTransformControls() {
-    const e = new js({
+    const e = new Is({
       camera: this.camera,
       renderer: this.renderer,
       scene: this.scene
@@ -3887,26 +3896,26 @@ _e.options = {
   viewHelper: me,
   controls: !0,
   transformControls: me,
-  renderer: Ms,
-  composer: ri,
-  scene: Fs,
+  renderer: As,
+  composer: ii,
+  scene: ks,
   camera: bt,
   bloom: !1,
-  bloomParams: ii,
+  bloomParams: si,
   ssao: !1,
-  loader: hi,
-  ssaoParams: si,
+  loader: li,
+  ssaoParams: ti,
   css2DRenderer: !1,
   css2DRendererParams: U({}, st),
   css3DRenderer: !1,
   css3DRendererParams: U({}, st)
 };
 let ot = _e;
-const qi = J.ACTION;
+const $i = J.ACTION;
 export {
-  cs as BaseObject,
+  hs as BaseObject,
   ot as Pencil,
   Pe as ResourceTracker,
-  qi as cameraControlsAction,
+  $i as cameraControlsAction,
   ot as default
 };