view3d-core 1.0.0

package/dist/SerializationPlugin-CBr1GY5q.js

@@ -0,0 +1,3411 @@
+import { OrbitControls as e } from "three/examples/jsm/controls/OrbitControls.js";
+import * as t from "three";
+import { TransformControls as n } from "three/examples/jsm/controls/TransformControls.js";
+import { GLTFLoader as s } from "three/examples/jsm/loaders/GLTFLoader.js";
+import { DRACOLoader as i } from "three/examples/jsm/loaders/DRACOLoader.js";
+import { FBXLoader as o } from "three/examples/jsm/loaders/FBXLoader.js";
+import { OBJLoader as r } from "three/examples/jsm/loaders/OBJLoader.js";
+import { MTLLoader as a } from "three/examples/jsm/loaders/MTLLoader.js";
+import { FontLoader as l } from "three/examples/jsm/loaders/FontLoader.js";
+import { EffectComposer as d } from "three/examples/jsm/postprocessing/EffectComposer.js";
+import { RenderPass as c } from "three/examples/jsm/postprocessing/RenderPass.js";
+import { OutlinePass as h } from "three/examples/jsm/postprocessing/OutlinePass.js";
+import { UnrealBloomPass as u } from "three/examples/jsm/postprocessing/UnrealBloomPass.js";
+import { SAOPass as m } from "three/examples/jsm/postprocessing/SAOPass.js";
+import { SSRPass as p } from "three/examples/jsm/postprocessing/SSRPass.js";
+import { ShaderPass as f } from "three/examples/jsm/postprocessing/ShaderPass.js";
+import { FXAAShader as g } from "three/examples/jsm/shaders/FXAAShader.js";
+import { OutputPass as _ } from "three/examples/jsm/postprocessing/OutputPass.js";
+import { CSS2DObject as v, CSS2DRenderer as b } from "three/examples/jsm/renderers/CSS2DRenderer.js";
+import { CSS3DObject as y, CSS3DRenderer as w } from "three/examples/jsm/renderers/CSS3DRenderer.js";
+import x from "three/examples/jsm/libs/stats.module.js";
+import { ViewHelper as C } from "three/examples/jsm/helpers/ViewHelper.js";
+import M from "gsap";
+import P from "proj4";
+import * as S from "cannon-es";
+import { TextGeometry as F } from "three/examples/jsm/geometries/TextGeometry.js";
+import { RGBELoader as E } from "three/examples/jsm/loaders/RGBELoader.js";
+class A {
+  constructor(e4) {
+    this.plugins = /* @__PURE__ */ new Map(), this.context = { ...e4, pluginManager: this };
+  }
+  use(e4) {
+    const { name: t2 } = e4;
+    if (this.plugins.has(t2)) return this;
+    if (e4.dependencies) {
+      for (const n3 of e4.dependencies) if (!this.plugins.has(n3)) throw new Error(`Plugin "${t2}" depends on "${n3}", but it's not installed`);
+    }
+    const n2 = e4.install(this.context);
+    return n2 instanceof Promise ? n2.then(() => {
+      this.plugins.set(t2, e4), this.context.events.emit("plugin:installed", { name: t2 });
+    }).catch((e5) => {
+    }) : (this.plugins.set(t2, e4), this.context.events.emit("plugin:installed", { name: t2 })), this;
+  }
+  useAll(e4) {
+    for (const t2 of e4) this.use(t2);
+    return this;
+  }
+  get(e4) {
+    return this.plugins.get(e4);
+  }
+  remove(e4) {
+    var _a;
+    const t2 = this.plugins.get(e4);
+    if (!t2) return false;
+    for (const [t3, n3] of this.plugins) if ((_a = n3.dependencies) == null ? void 0 : _a.includes(e4)) return false;
+    const n2 = t2.uninstall();
+    return n2 instanceof Promise ? n2.then(() => {
+      this.plugins.delete(e4), this.context.events.emit("plugin:uninstalled", { name: e4 });
+    }).catch((e5) => {
+    }) : (this.plugins.delete(e4), this.context.events.emit("plugin:uninstalled", { name: e4 })), true;
+  }
+  has(e4) {
+    return this.plugins.has(e4);
+  }
+  getAll() {
+    return Array.from(this.plugins.values());
+  }
+  getNames() {
+    return Array.from(this.plugins.keys());
+  }
+  dispose() {
+    const e4 = Array.from(this.plugins.keys()).reverse();
+    for (const t2 of e4) this.remove(t2);
+  }
+}
+class k {
+  constructor(e4) {
+    this._installed = false, this.unsubscribers = [], this.config = e4 ?? {};
+  }
+  install(e4) {
+    var _a;
+    this._installed || (this.context = e4, this._installed = true, this.registerLifecycleHooks(), (_a = this.onInstall) == null ? void 0 : _a.call(this));
+  }
+  uninstall() {
+    var _a;
+    if (this._installed) {
+      (_a = this.onUninstall) == null ? void 0 : _a.call(this);
+      for (const e4 of this.unsubscribers) e4();
+      this.unsubscribers = [], this._installed = false;
+    }
+  }
+  isInstalled() {
+    return this._installed;
+  }
+  registerLifecycleHooks() {
+    const { events: e4 } = this.context;
+    if ("function" == typeof this.onSceneReady) {
+      const t2 = e4.on("scene:ready", ({ scene: e5 }) => {
+        this.onSceneReady(e5);
+      });
+      this.unsubscribers.push(t2);
+    }
+    if ("function" == typeof this.onUpdate && this.onUpdate !== k.prototype.onUpdate) {
+      const t2 = e4.on("render:before", ({ delta: e5, elapsed: t3 }) => {
+        this.onUpdate(e5, t3);
+      });
+      this.unsubscribers.push(t2);
+    }
+    if ("function" == typeof this.onResize) {
+      const t2 = e4.on("resize", ({ width: e5, height: t3 }) => {
+        this.onResize(e5, t3);
+      });
+      this.unsubscribers.push(t2);
+    }
+    if ("function" == typeof this.onBeforeDispose) {
+      const t2 = e4.on("engine:dispose", () => {
+        this.onBeforeDispose();
+      });
+      this.unsubscribers.push(t2);
+    }
+  }
+  get engine() {
+    return this.context.engine;
+  }
+  get scene() {
+    return this.context.engine.scene;
+  }
+  get camera() {
+    return this.context.engine.camera;
+  }
+  get renderer() {
+    return this.context.engine.renderer;
+  }
+  get events() {
+    return this.context.events;
+  }
+  get pluginManager() {
+    return this.context.pluginManager;
+  }
+  subscribe(e4, t2) {
+    const n2 = this.events.on(e4, t2);
+    this.unsubscribers.push(n2);
+  }
+}
+const T = { enableDamping: true, dampingFactor: 0.05, minDistance: 1, maxDistance: 5e3, minZoom: 1e3, maxPolarAngle: Math.PI, enablePan: true, enableZoom: true, enableRotate: true };
+class L extends k {
+  constructor(e4) {
+    super({ ...T, ...e4 }), this.name = "orbit-controller", this.viewAngleList = [];
+  }
+  get controls() {
+    return this._controls;
+  }
+  get target() {
+    return this._controls.target;
+  }
+  onInstall() {
+    const { camera: t2, renderer: n2 } = this.engine;
+    this._controls = new e(t2, n2.domElement), this.applyConfig(this.config), this.subscribe("render:before", () => {
+      this._controls.update();
+    }), this._controls.addEventListener("start", () => {
+      this.events.emit("controls:start", void 0);
+    }), this._controls.addEventListener("end", () => {
+      this.events.emit("controls:end", void 0);
+    }), this._controls.addEventListener("change", () => {
+      this.events.emit("controls:change", void 0);
+    });
+  }
+  onUninstall() {
+    this._controls.dispose();
+  }
+  applyConfig(e4) {
+    void 0 !== e4.enableDamping && (this._controls.enableDamping = e4.enableDamping), void 0 !== e4.dampingFactor && (this._controls.dampingFactor = e4.dampingFactor), void 0 !== e4.minDistance && (this._controls.minDistance = e4.minDistance), void 0 !== e4.maxDistance && (this._controls.maxDistance = e4.maxDistance), void 0 !== e4.maxPolarAngle && (this._controls.maxPolarAngle = e4.maxPolarAngle), void 0 !== e4.enablePan && (this._controls.enablePan = e4.enablePan), void 0 !== e4.enableZoom && (this._controls.enableZoom = e4.enableZoom), void 0 !== e4.enableRotate && (this._controls.enableRotate = e4.enableRotate);
+  }
+  getConfig() {
+    return { enableDamping: this._controls.enableDamping, dampingFactor: this._controls.dampingFactor, minDistance: this._controls.minDistance, maxDistance: this._controls.maxDistance, minZoom: this._controls.minZoom, maxPolarAngle: this._controls.maxPolarAngle, enablePan: this._controls.enablePan, enableZoom: this._controls.enableZoom, enableRotate: this._controls.enableRotate };
+  }
+  setTarget(e4, t2, n2) {
+    this._controls.target.set(e4, t2, n2), this._controls.update();
+  }
+  setEnabled(e4) {
+    this._controls.enabled = e4;
+  }
+  saveViewAngle(e4) {
+    const t2 = { position: this.camera.position.clone(), target: this._controls.target.clone() };
+    return this.viewAngleList.push(t2), t2;
+  }
+  getViewAngleList() {
+    return this.viewAngleList;
+  }
+  clearViewAngleList() {
+    this.viewAngleList = [];
+  }
+  reset() {
+    this._controls.reset();
+  }
+}
+const O = { mode: "translate", space: "world", showX: true, showY: true, showZ: true, translationSnap: null, rotationSnap: null, scaleSnap: null };
+class H extends k {
+  constructor(e4) {
+    super({ ...O, ...e4 }), this.name = "transform-controller", this.dependencies = ["orbit-controller"], this.box3Helper = null;
+  }
+  get controls() {
+    return this._controls;
+  }
+  get object() {
+    return this._controls.object;
+  }
+  onInstall() {
+    const { camera: e4, renderer: s2, scene: i2 } = this.engine;
+    this._controls = new n(e4, s2.domElement), this._controls.name = "TransformControls", this._controls.traverse((e5) => {
+      e5.isTransformControls = true;
+    }), i2.add(this._controls), this.box3Helper = new t.Box3Helper(new t.Box3(), 16776960), this.box3Helper.name = "Box3Helper", this.box3Helper.visible = false, i2.add(this.box3Helper), this.applyConfig(this.config), this._controls.addEventListener("dragging-changed", (e5) => {
+      var _a, _b;
+      const t2 = (_a = this.pluginManager) == null ? void 0 : _a.get("orbit-controller");
+      t2 && (t2.controls.enabled = !e5.value), (_b = this.dragChangeCallback) == null ? void 0 : _b.call(this, e5.value), e5.value ? this.events.emit("object:transform:start", { object: this._controls.object }) : this.events.emit("object:transform:end", { object: this._controls.object });
+    }), this._controls.addEventListener("change", () => {
+      if (this._controls.object && (this.events.emit("object:transform:change", { object: this._controls.object }), this.box3Helper && this._controls.object)) {
+        const e5 = new t.Box3().setFromObject(this._controls.object);
+        this.box3Helper.box = e5, this.box3Helper.visible = true;
+      }
+    });
+  }
+  onUninstall() {
+    this.detach(), this.scene.remove(this._controls), this._controls.dispose(), this.box3Helper && (this.scene.remove(this.box3Helper), this.box3Helper = null);
+  }
+  applyConfig(e4) {
+    void 0 !== e4.mode && this._controls.setMode(e4.mode), void 0 !== e4.space && this._controls.setSpace(e4.space), void 0 !== e4.showX && (this._controls.showX = e4.showX), void 0 !== e4.showY && (this._controls.showY = e4.showY), void 0 !== e4.showZ && (this._controls.showZ = e4.showZ), void 0 !== e4.translationSnap && this._controls.setTranslationSnap(e4.translationSnap), void 0 !== e4.rotationSnap && this._controls.setRotationSnap(e4.rotationSnap), void 0 !== e4.scaleSnap && this._controls.setScaleSnap(e4.scaleSnap);
+  }
+  getConfig() {
+    return { mode: this._controls.mode, space: this._controls.space, showX: this._controls.showX, showY: this._controls.showY, showZ: this._controls.showZ, translationSnap: this._controls.translationSnap, rotationSnap: this._controls.rotationSnap, scaleSnap: this._controls.scaleSnap ?? null };
+  }
+  attach(e4) {
+    this._controls.attach(e4);
+  }
+  detach() {
+    this._controls.detach(), this.box3Helper && (this.box3Helper.visible = false);
+  }
+  setMode(e4) {
+    this._controls.setMode(e4);
+  }
+  setSpace(e4) {
+    this._controls.setSpace(e4);
+  }
+  setSize(e4) {
+    this._controls.setSize(e4);
+  }
+  setEnabled(e4) {
+    this._controls.enabled = e4;
+  }
+  showBox3Helper(e4) {
+    this.box3Helper && (this.box3Helper.visible = e4);
+  }
+}
+const B = { dracoPath: "/draco/", useDraco: true };
+class j extends k {
+  constructor(e4) {
+    super({ ...B, ...e4 }), this.name = "loader", this.fontCache = /* @__PURE__ */ new Map();
+  }
+  onInstall() {
+    this.dracoLoader = new i(), this.dracoLoader.setDecoderPath(this.config.dracoPath), this.gltfLoader = new s(), this.config.useDraco && this.gltfLoader.setDRACOLoader(this.dracoLoader), this.fbxLoader = new o(), this.objLoader = new r(), this.mtlLoader = new a(), this.textureLoader = new t.TextureLoader(), this.cubeTextureLoader = new t.CubeTextureLoader(), this.fontLoader = new l();
+  }
+  onUninstall() {
+    this.dracoLoader.dispose(), this.fontCache.clear();
+  }
+  setDracoPath(e4) {
+    this.config.dracoPath = e4, this.dracoLoader.setDecoderPath(e4);
+  }
+  loadModel(e4) {
+    const { type: t2, url: n2 } = e4;
+    switch (t2) {
+      case "GLTF":
+        return this.loadGLTF(n2);
+      case "FBX":
+        return this.loadFBX(n2);
+      case "OBJ":
+        return this.loadOBJ(n2);
+      default:
+        throw new Error(`Unsupported model type: ${t2}`);
+    }
+  }
+  loadGLTF(e4) {
+    const t2 = { progress: () => {
+    }, complete: () => {
+    } };
+    return this.events.emit("load:start", { url: e4, type: "GLTF" }), this.gltfLoader.load(e4, (n2) => {
+      const s2 = n2.scene;
+      s2.animations = n2.animations, t2.complete(s2), this.events.emit("load:complete", { url: e4, object: s2 });
+    }, (n2) => {
+      const s2 = n2.loaded / n2.total;
+      t2.progress(s2, n2), this.events.emit("load:progress", { url: e4, loaded: n2.loaded, total: n2.total, percent: s2 });
+    }, (t3) => {
+      this.events.emit("load:error", { url: e4, error: t3 });
+    }), t2;
+  }
+  loadFBX(e4) {
+    const n2 = { progress: () => {
+    }, complete: () => {
+    } };
+    return this.events.emit("load:start", { url: e4, type: "FBX" }), this.fbxLoader.load(e4, (s2) => {
+      s2.traverse((e5) => {
+        if (e5.isMesh) {
+          const n3 = e5;
+          Array.isArray(n3.material) ? n3.material.forEach((e6) => {
+            e6.side = t.DoubleSide;
+          }) : n3.material && (n3.material.side = t.DoubleSide);
+        }
+      }), n2.complete(s2), this.events.emit("load:complete", { url: e4, object: s2 });
+    }, (t2) => {
+      const s2 = t2.loaded / t2.total;
+      n2.progress(s2, t2), this.events.emit("load:progress", { url: e4, loaded: t2.loaded, total: t2.total, percent: s2 });
+    }, (t2) => {
+      this.events.emit("load:error", { url: e4, error: t2 });
+    }), n2;
+  }
+  loadOBJ(e4) {
+    const t2 = { progress: () => {
+    }, complete: () => {
+    } };
+    this.events.emit("load:start", { url: e4, type: "OBJ" });
+    const n2 = e4.replace(".obj", ".mtl");
+    return this.mtlLoader.load(n2, (n3) => {
+      n3.preload(), this.objLoader.setMaterials(n3), this.objLoader.load(e4, (n4) => {
+        t2.complete(n4), this.events.emit("load:complete", { url: e4, object: n4 });
+      }, (n4) => {
+        const s2 = n4.loaded / n4.total;
+        t2.progress(s2, n4), this.events.emit("load:progress", { url: e4, loaded: n4.loaded, total: n4.total, percent: s2 });
+      }, (t3) => {
+        this.events.emit("load:error", { url: e4, error: t3 });
+      });
+    }, void 0, () => {
+      this.objLoader.load(e4, (n3) => {
+        t2.complete(n3), this.events.emit("load:complete", { url: e4, object: n3 });
+      }, (e5) => {
+        const n3 = e5.loaded / e5.total;
+        t2.progress(n3, e5);
+      }, (t3) => {
+        this.events.emit("load:error", { url: e4, error: t3 });
+      });
+    }), t2;
+  }
+  loadTexture(e4) {
+    return new Promise((t2, n2) => {
+      this.textureLoader.load(e4, t2, void 0, n2);
+    });
+  }
+  loadCubeTexture(e4) {
+    return new Promise((t2, n2) => {
+      this.cubeTextureLoader.load(e4, t2, void 0, n2);
+    });
+  }
+  loadFont(e4) {
+    const t2 = this.fontCache.get(e4);
+    return t2 ? Promise.resolve(t2) : new Promise((t3, n2) => {
+      this.fontLoader.load(e4, (n3) => {
+        this.fontCache.set(e4, n3), t3(n3);
+      }, void 0, n2);
+    });
+  }
+  createVideoTexture(e4) {
+    const n2 = document.createElement("video");
+    return n2.crossOrigin = "anonymous", n2.src = e4, n2.muted = true, n2.loop = true, n2.play(), new t.VideoTexture(n2);
+  }
+  getMaterials(e4) {
+    const t2 = [];
+    return e4.traverse((e5) => {
+      if (e5.isMesh) {
+        const n2 = e5;
+        Array.isArray(n2.material) ? t2.push(...n2.material) : n2.material && t2.push(n2.material);
+      }
+    }), [...new Set(t2)];
+  }
+}
+const R = { enabled: true, outline: { enabled: true, edgeStrength: 4, edgeGlow: 0, edgeThickness: 2, pulsePeriod: 0, visibleEdgeColor: 16449071, hiddenEdgeColor: 16449071 }, bloom: { enabled: false, strength: 1.5, radius: 0.4, threshold: 0.85 }, ssao: { enabled: false, intensity: 0.01, scale: 100 }, ssr: { enabled: false, thickness: 0.018, infiniteThick: false, maxDistance: 0.01, opacity: 0.5 }, screenMask: { enabled: false } };
+class z extends k {
+  constructor(e4) {
+    super({ ...R, ...e4 }), this.name = "composer", this._renderWay = "效果渲染", this.ssrMeshList = [];
+  }
+  get composer() {
+    return this._composer;
+  }
+  get outlinePass() {
+    return this._outlinePass;
+  }
+  get bloomPass() {
+    return this._bloomPass;
+  }
+  get saoPass() {
+    return this._saoPass;
+  }
+  get ssrPass() {
+    return this._ssrPass;
+  }
+  get renderWay() {
+    return this._renderWay;
+  }
+  onInstall() {
+    var _a, _b, _c, _d, _e2, _f;
+    const { scene: e4, camera: n2, renderer: s2 } = this.engine, i2 = s2.domElement.parentElement, o2 = i2.clientWidth, r2 = i2.clientHeight, a2 = s2.getPixelRatio();
+    this._composer = new d(s2), this._composer.setSize(o2, r2), this._composer.setPixelRatio(a2), this.renderPass = new c(e4, n2), this._composer.addPass(this.renderPass), this._saoPass = new m(e4, n2), this._saoPass.enabled = ((_a = this.config.ssao) == null ? void 0 : _a.enabled) ?? false, this.config.ssao && (this._saoPass.params.saoIntensity = this.config.ssao.intensity, this._saoPass.params.saoScale = this.config.ssao.scale), this._composer.addPass(this._saoPass), this._bloomPass = new u(new t.Vector2(o2, r2), ((_b = this.config.bloom) == null ? void 0 : _b.strength) ?? 1.5, ((_c = this.config.bloom) == null ? void 0 : _c.radius) ?? 0.4, ((_d = this.config.bloom) == null ? void 0 : _d.threshold) ?? 0.85), this._bloomPass.enabled = ((_e2 = this.config.bloom) == null ? void 0 : _e2.enabled) ?? false, this._composer.addPass(this._bloomPass), this._ssrPass = new p({ renderer: s2, scene: e4, camera: n2, width: o2, height: r2, selects: this.ssrMeshList, groundReflector: null }), this._ssrPass.enabled = ((_f = this.config.ssr) == null ? void 0 : _f.enabled) ?? false, this.config.ssr && (this._ssrPass.thickness = this.config.ssr.thickness, this._ssrPass.infiniteThick = this.config.ssr.infiniteThick, this._ssrPass.maxDistance = this.config.ssr.maxDistance, this._ssrPass.opacity = this.config.ssr.opacity), this._composer.addPass(this._ssrPass), this._outlinePass = new h(new t.Vector2(o2, r2), e4, n2), this._outlinePass.renderToScreen = true, this.config.outline && (this._outlinePass.edgeStrength = this.config.outline.edgeStrength, this._outlinePass.edgeGlow = this.config.outline.edgeGlow, this._outlinePass.edgeThickness = this.config.outline.edgeThickness, this._outlinePass.pulsePeriod = this.config.outline.pulsePeriod, this._outlinePass.visibleEdgeColor.set(this.config.outline.visibleEdgeColor), this._outlinePass.hiddenEdgeColor.set(this.config.outline.hiddenEdgeColor)), this._outlinePass.overlayMaterial.blending = t.CustomBlending, this._outlinePass.overlayMaterial.blendSrc = t.OneFactor, this._composer.addPass(this._outlinePass), this.outputPass = new _(), this._composer.addPass(this.outputPass), this._fxaaPass = new f(g), this._fxaaPass.material.uniforms.resolution.value.x = 1 / (o2 * a2), this._fxaaPass.material.uniforms.resolution.value.y = 1 / (r2 * a2), this._composer.addPass(this._fxaaPass);
+  }
+  onUninstall() {
+    this._composer.dispose();
+  }
+  onResize(e4, t2) {
+    const n2 = this.renderer.getPixelRatio();
+    this._composer.setSize(e4, t2), this._bloomPass.setSize(e4, t2), this._fxaaPass.material.uniforms.resolution.value.x = 1 / (e4 * n2), this._fxaaPass.material.uniforms.resolution.value.y = 1 / (t2 * n2);
+  }
+  render() {
+    "效果渲染" === this._renderWay ? this._composer.render() : this.renderer.render(this.scene, this.camera);
+  }
+  setRenderWay(e4) {
+    this._renderWay = e4;
+  }
+  setOutlineObjects(e4) {
+    this._outlinePass.selectedObjects = e4;
+  }
+  clearOutlineObjects() {
+    this._outlinePass.selectedObjects = [];
+  }
+  configureOutline(e4) {
+    void 0 !== e4.enabled && (this._outlinePass.enabled = e4.enabled), void 0 !== e4.edgeStrength && (this._outlinePass.edgeStrength = e4.edgeStrength), void 0 !== e4.edgeGlow && (this._outlinePass.edgeGlow = e4.edgeGlow), void 0 !== e4.edgeThickness && (this._outlinePass.edgeThickness = e4.edgeThickness), void 0 !== e4.pulsePeriod && (this._outlinePass.pulsePeriod = e4.pulsePeriod), void 0 !== e4.visibleEdgeColor && this._outlinePass.visibleEdgeColor.set(e4.visibleEdgeColor), void 0 !== e4.hiddenEdgeColor && this._outlinePass.hiddenEdgeColor.set(e4.hiddenEdgeColor);
+  }
+  configureBloom(e4) {
+    void 0 !== e4.enabled && (this._bloomPass.enabled = e4.enabled), void 0 !== e4.strength && (this._bloomPass.strength = e4.strength), void 0 !== e4.radius && (this._bloomPass.radius = e4.radius), void 0 !== e4.threshold && (this._bloomPass.threshold = e4.threshold);
+  }
+  configureSSAO(e4) {
+    void 0 !== e4.enabled && (this._saoPass.enabled = e4.enabled), void 0 !== e4.intensity && (this._saoPass.params.saoIntensity = e4.intensity), void 0 !== e4.scale && (this._saoPass.params.saoScale = e4.scale);
+  }
+  configureSSR(e4) {
+    void 0 !== e4.enabled && (this._ssrPass.enabled = e4.enabled), void 0 !== e4.thickness && (this._ssrPass.thickness = e4.thickness), void 0 !== e4.infiniteThick && (this._ssrPass.infiniteThick = e4.infiniteThick), void 0 !== e4.maxDistance && (this._ssrPass.maxDistance = e4.maxDistance), void 0 !== e4.opacity && (this._ssrPass.opacity = e4.opacity);
+  }
+  addSSRMesh(e4) {
+    this.ssrMeshList.includes(e4) || this.ssrMeshList.push(e4);
+  }
+  removeSSRMesh(e4) {
+    const t2 = this.ssrMeshList.indexOf(e4);
+    t2 > -1 && this.ssrMeshList.splice(t2, 1);
+  }
+}
+class D extends k {
+  constructor() {
+    super(...arguments), this.name = "css-renderer", this.CSS2DObject = v, this.CSS3DObject = y;
+  }
+  get css2dRenderer() {
+    return this._css2dRenderer;
+  }
+  get css3dRenderer() {
+    return this._css3dRenderer;
+  }
+  onInstall() {
+    const e4 = this.renderer.domElement.parentElement, t2 = e4.clientWidth, n2 = e4.clientHeight;
+    this._css3dRenderer = new w(), this.setupCSSRenderer(this._css3dRenderer, e4, t2, n2), this._css2dRenderer = new b(), this.setupCSSRenderer(this._css2dRenderer, e4, t2, n2);
+  }
+  setupCSSRenderer(e4, t2, n2, s2) {
+    e4.setSize(n2, s2), e4.domElement.style.position = "absolute", e4.domElement.style.top = "0", e4.domElement.style.left = "0", e4.domElement.style.pointerEvents = "none", e4.domElement.style.zIndex = "1", t2.appendChild(e4.domElement);
+  }
+  onUninstall() {
+    var _a, _b;
+    (_a = this._css2dRenderer.domElement.parentElement) == null ? void 0 : _a.removeChild(this._css2dRenderer.domElement), (_b = this._css3dRenderer.domElement.parentElement) == null ? void 0 : _b.removeChild(this._css3dRenderer.domElement);
+  }
+  onUpdate() {
+    this._css2dRenderer.render(this.scene, this.camera), this._css3dRenderer.render(this.scene, this.camera);
+  }
+  onResize(e4, t2) {
+    this._css2dRenderer.setSize(e4, t2), this._css3dRenderer.setSize(e4, t2);
+  }
+  createCSS2DObject(e4, t2, n2 = true) {
+    n2 && (e4.style.pointerEvents = "auto");
+    const s2 = new v(e4);
+    return t2 && s2.position.copy(t2), s2.destroy = () => {
+      this.scene.remove(s2);
+    }, s2;
+  }
+  createCSS3DObject(e4, t2, n2 = false) {
+    n2 && (e4.style.pointerEvents = "auto");
+    const s2 = new y(e4);
+    return t2 && s2.position.copy(t2), s2.destroy = () => {
+      this.scene.remove(s2);
+    }, s2;
+  }
+  addCSS2D(e4, t2) {
+    const n2 = this.createCSS2DObject(e4, t2);
+    return this.scene.add(n2), n2;
+  }
+  addCSS3D(e4, t2) {
+    const n2 = this.createCSS3DObject(e4, t2);
+    return this.scene.add(n2), n2;
+  }
+}
+function G(e4) {
+  const n2 = e4.target;
+  return new t.Vector2(e4.offsetX / n2.clientWidth * 2 - 1, -e4.offsetY / n2.clientHeight * 2 + 1);
+}
+function U(e4, n2) {
+  const s2 = n2.getBoundingClientRect();
+  return new t.Vector2((e4.clientX - s2.left) / s2.width * 2 - 1, -(e4.clientY - s2.top) / s2.height * 2 + 1);
+}
+function I(e4, n2, s2) {
+  const i2 = new t.Raycaster();
+  i2.setFromCamera(e4, n2);
+  return i2.intersectObjects(s2, true).filter((e5) => {
+    const t2 = e5.object;
+    return !(t2.isTransformControls || "TransformControls" === t2.text) && t2.isMesh && t2.visible;
+  });
+}
+function V(e4) {
+  let t2 = e4;
+  for (; t2.parent && "Scene" !== t2.parent.type; ) t2 = t2.parent;
+  return t2;
+}
+function N(e4) {
+  const n2 = new t.Raycaster();
+  return { raycaster: n2, getIntersects(t2, s2) {
+    const i2 = G(t2);
+    return n2.setFromCamera(i2, e4), n2.intersectObjects(s2, true);
+  }, setRange(e5, t2) {
+    n2.near = e5, n2.far = t2;
+  } };
+}
+const X = { modes: ["选择", "根选择", "变换", "场景绘制", "点击信息"], defaultMode: "变换", isTransformChildren: false, enableKeyboard: false };
+class W extends k {
+  constructor(e4) {
+    super({ ...X, ...e4 }), this.name = "editor", this.dependencies = ["transform-controller", "composer"], this._currentInfo = null, this.keydownHandler = null, this._mode = this.config.defaultMode || "变换";
+  }
+  get mode() {
+    return this._mode;
+  }
+  get currentInfo() {
+    return this._currentInfo;
+  }
+  get isTransformChildren() {
+    return this.config.isTransformChildren;
+  }
+  set isTransformChildren(e4) {
+    this.config.isTransformChildren = e4;
+  }
+  onInstall() {
+    this.config.enableKeyboard && this.enableKeyboard();
+  }
+  onUninstall() {
+    this.disableKeyboard();
+  }
+  setMode(e4) {
+    const t2 = this._mode;
+    this._mode = e4, this.events.emit("mode:change", { mode: e4, previous: t2 });
+  }
+  handleClick(e4) {
+    var _a;
+    const n2 = this.getPlugin("transform-controller"), s2 = this.getPlugin("composer");
+    if (!n2 || !s2) return null;
+    n2.detach();
+    const i2 = this.renderer.domElement.getBoundingClientRect(), o2 = I(new t.Vector2((e4.clientX - i2.left) / i2.width * 2 - 1, -(e4.clientY - i2.top) / i2.height * 2 + 1), this.camera, this.scene.children).find((e5) => {
+      e5.object;
+      const t2 = V(e5.object);
+      return e5.object.visible && t2.visible;
+    });
+    if (!o2) return this._currentInfo = null, this.events.emit("click", { event: e4, info: null }), null;
+    const { object: r2, point: a2 } = o2, l2 = V(r2);
+    switch (this._mode) {
+      case "变换":
+        s2.clearOutlineObjects(), this.config.isTransformChildren ? n2.attach(r2) : n2.attach(l2);
+        break;
+      case "选择":
+        s2.setOutlineObjects([r2]);
+        break;
+      case "根选择":
+        s2.setOutlineObjects([l2]);
+        break;
+      case "场景绘制":
+        (_a = this.drawEventCallback) == null ? void 0 : _a.call(this, a2, r2);
+    }
+    return this._currentInfo = { currentModel: r2, currentRootModel: l2, point: a2.clone(), mode: this._mode }, this.events.emit("click", { event: e4, info: this._currentInfo }), this.events.emit("object:selected", { object: "选择" === this._mode ? r2 : l2, previous: null }), this._currentInfo;
+  }
+  getRawRaycast(e4, n2) {
+    const s2 = G(e4), i2 = new t.Raycaster();
+    i2.setFromCamera(s2, this.camera);
+    const o2 = n2 || this.scene.children, r2 = i2.intersectObjects(o2, true);
+    return { raycaster: i2, intersects: r2 };
+  }
+  select(e4) {
+    var _a, _b;
+    const t2 = this.getPlugin("transform-controller"), n2 = this.getPlugin("composer");
+    t2 && n2 && (e4 ? ("变换" === this._mode && t2.attach(e4), n2.setOutlineObjects([e4]), this.events.emit("object:selected", { object: e4, previous: ((_a = this._currentInfo) == null ? void 0 : _a.currentModel) || null })) : (t2.detach(), n2.clearOutlineObjects(), this.events.emit("object:deselected", { object: (_b = this._currentInfo) == null ? void 0 : _b.currentModel })));
+  }
+  deselect() {
+    this.select(null), this._currentInfo = null;
+  }
+  enableKeyboard() {
+    if (this.keydownHandler) return;
+    const e4 = this.getPlugin("transform-controller");
+    this.keydownHandler = (t2) => {
+      var _a;
+      if (e4) switch (t2.key.toLowerCase()) {
+        case "w":
+          e4.setMode("translate");
+          break;
+        case "e":
+          e4.setMode("rotate");
+          break;
+        case "r":
+          e4.setMode("scale");
+          break;
+        case "escape":
+          this.deselect();
+          break;
+        case "delete":
+        case "backspace":
+          ((_a = this._currentInfo) == null ? void 0 : _a.currentRootModel) && (this.scene.remove(this._currentInfo.currentRootModel), this.deselect());
+      }
+    }, document.addEventListener("keydown", this.keydownHandler), this.config.enableKeyboard = true;
+  }
+  disableKeyboard() {
+    this.keydownHandler && (document.removeEventListener("keydown", this.keydownHandler), this.keydownHandler = null), this.config.enableKeyboard = false;
+  }
+  getPlugin(e4) {
+    var _a;
+    return (_a = this.pluginManager) == null ? void 0 : _a.get(e4);
+  }
+}
+function J(e4, t2) {
+  var n2 = e4.__state.conversionName.toString(), s2 = Math.round(e4.r), i2 = Math.round(e4.g), o2 = Math.round(e4.b), r2 = e4.a, a2 = Math.round(e4.h), l2 = e4.s.toFixed(1), d2 = e4.v.toFixed(1);
+  if (t2 || "THREE_CHAR_HEX" === n2 || "SIX_CHAR_HEX" === n2) {
+    for (var c2 = e4.hex.toString(16); c2.length < 6; ) c2 = "0" + c2;
+    return "#" + c2;
+  }
+  return "CSS_RGB" === n2 ? "rgb(" + s2 + "," + i2 + "," + o2 + ")" : "CSS_RGBA" === n2 ? "rgba(" + s2 + "," + i2 + "," + o2 + "," + r2 + ")" : "HEX" === n2 ? "0x" + e4.hex.toString(16) : "RGB_ARRAY" === n2 ? "[" + s2 + "," + i2 + "," + o2 + "]" : "RGBA_ARRAY" === n2 ? "[" + s2 + "," + i2 + "," + o2 + "," + r2 + "]" : "RGB_OBJ" === n2 ? "{r:" + s2 + ",g:" + i2 + ",b:" + o2 + "}" : "RGBA_OBJ" === n2 ? "{r:" + s2 + ",g:" + i2 + ",b:" + o2 + ",a:" + r2 + "}" : "HSV_OBJ" === n2 ? "{h:" + a2 + ",s:" + l2 + ",v:" + d2 + "}" : "HSVA_OBJ" === n2 ? "{h:" + a2 + ",s:" + l2 + ",v:" + d2 + ",a:" + r2 + "}" : "unknown format";
+}
+var Y = Array.prototype.forEach, K = Array.prototype.slice, Z = { BREAK: {}, extend: function(e4) {
+  return this.each(K.call(arguments, 1), function(t2) {
+    (this.isObject(t2) ? Object.keys(t2) : []).forEach((function(n2) {
+      this.isUndefined(t2[n2]) || (e4[n2] = t2[n2]);
+    }).bind(this));
+  }, this), e4;
+}, defaults: function(e4) {
+  return this.each(K.call(arguments, 1), function(t2) {
+    (this.isObject(t2) ? Object.keys(t2) : []).forEach((function(n2) {
+      this.isUndefined(e4[n2]) && (e4[n2] = t2[n2]);
+    }).bind(this));
+  }, this), e4;
+}, compose: function() {
+  var e4 = K.call(arguments);
+  return function() {
+    for (var t2 = K.call(arguments), n2 = e4.length - 1; n2 >= 0; n2--) t2 = [e4[n2].apply(this, t2)];
+    return t2[0];
+  };
+}, each: function(e4, t2, n2) {
+  if (e4) {
+    if (Y && e4.forEach && e4.forEach === Y) e4.forEach(t2, n2);
+    else if (e4.length === e4.length + 0) {
+      var s2, i2 = void 0;
+      for (i2 = 0, s2 = e4.length; i2 < s2; i2++) if (i2 in e4 && t2.call(n2, e4[i2], i2) === this.BREAK) return;
+    } else for (var o2 in e4) if (t2.call(n2, e4[o2], o2) === this.BREAK) return;
+  }
+}, defer: function(e4) {
+  setTimeout(e4, 0);
+}, debounce: function(e4, t2, n2) {
+  var s2 = void 0;
+  return function() {
+    var i2 = this, o2 = arguments;
+    var r2 = n2 || !s2;
+    clearTimeout(s2), s2 = setTimeout(function() {
+      s2 = null, n2 || e4.apply(i2, o2);
+    }, t2), r2 && e4.apply(i2, o2);
+  };
+}, toArray: function(e4) {
+  return e4.toArray ? e4.toArray() : K.call(e4);
+}, isUndefined: function(e4) {
+  return void 0 === e4;
+}, isNull: function(e4) {
+  return null === e4;
+}, isNaN: function(e4) {
+  function t2(t3) {
+    return e4.apply(this, arguments);
+  }
+  return t2.toString = function() {
+    return e4.toString();
+  }, t2;
+}(function(e4) {
+  return isNaN(e4);
+}), isArray: Array.isArray || function(e4) {
+  return e4.constructor === Array;
+}, isObject: function(e4) {
+  return e4 === Object(e4);
+}, isNumber: function(e4) {
+  return e4 === e4 + 0;
+}, isString: function(e4) {
+  return e4 === e4 + "";
+}, isBoolean: function(e4) {
+  return false === e4 || true === e4;
+}, isFunction: function(e4) {
+  return e4 instanceof Function;
+} }, q = [{ litmus: Z.isString, conversions: { THREE_CHAR_HEX: { read: function(e4) {
+  var t2 = e4.match(/^#([A-F0-9])([A-F0-9])([A-F0-9])$/i);
+  return null !== t2 && { space: "HEX", hex: parseInt("0x" + t2[1].toString() + t2[1].toString() + t2[2].toString() + t2[2].toString() + t2[3].toString() + t2[3].toString(), 0) };
+}, write: J }, SIX_CHAR_HEX: { read: function(e4) {
+  var t2 = e4.match(/^#([A-F0-9]{6})$/i);
+  return null !== t2 && { space: "HEX", hex: parseInt("0x" + t2[1].toString(), 0) };
+}, write: J }, CSS_RGB: { read: function(e4) {
+  var t2 = e4.match(/^rgb\(\s*(\S+)\s*,\s*(\S+)\s*,\s*(\S+)\s*\)/);
+  return null !== t2 && { space: "RGB", r: parseFloat(t2[1]), g: parseFloat(t2[2]), b: parseFloat(t2[3]) };
+}, write: J }, CSS_RGBA: { read: function(e4) {
+  var t2 = e4.match(/^rgba\(\s*(\S+)\s*,\s*(\S+)\s*,\s*(\S+)\s*,\s*(\S+)\s*\)/);
+  return null !== t2 && { space: "RGB", r: parseFloat(t2[1]), g: parseFloat(t2[2]), b: parseFloat(t2[3]), a: parseFloat(t2[4]) };
+}, write: J } } }, { litmus: Z.isNumber, conversions: { HEX: { read: function(e4) {
+  return { space: "HEX", hex: e4, conversionName: "HEX" };
+}, write: function(e4) {
+  return e4.hex;
+} } } }, { litmus: Z.isArray, conversions: { RGB_ARRAY: { read: function(e4) {
+  return 3 === e4.length && { space: "RGB", r: e4[0], g: e4[1], b: e4[2] };
+}, write: function(e4) {
+  return [e4.r, e4.g, e4.b];
+} }, RGBA_ARRAY: { read: function(e4) {
+  return 4 === e4.length && { space: "RGB", r: e4[0], g: e4[1], b: e4[2], a: e4[3] };
+}, write: function(e4) {
+  return [e4.r, e4.g, e4.b, e4.a];
+} } } }, { litmus: Z.isObject, conversions: { RGBA_OBJ: { read: function(e4) {
+  return !!(Z.isNumber(e4.r) && Z.isNumber(e4.g) && Z.isNumber(e4.b) && Z.isNumber(e4.a)) && { space: "RGB", r: e4.r, g: e4.g, b: e4.b, a: e4.a };
+}, write: function(e4) {
+  return { r: e4.r, g: e4.g, b: e4.b, a: e4.a };
+} }, RGB_OBJ: { read: function(e4) {
+  return !!(Z.isNumber(e4.r) && Z.isNumber(e4.g) && Z.isNumber(e4.b)) && { space: "RGB", r: e4.r, g: e4.g, b: e4.b };
+}, write: function(e4) {
+  return { r: e4.r, g: e4.g, b: e4.b };
+} }, HSVA_OBJ: { read: function(e4) {
+  return !!(Z.isNumber(e4.h) && Z.isNumber(e4.s) && Z.isNumber(e4.v) && Z.isNumber(e4.a)) && { space: "HSV", h: e4.h, s: e4.s, v: e4.v, a: e4.a };
+}, write: function(e4) {
+  return { h: e4.h, s: e4.s, v: e4.v, a: e4.a };
+} }, HSV_OBJ: { read: function(e4) {
+  return !!(Z.isNumber(e4.h) && Z.isNumber(e4.s) && Z.isNumber(e4.v)) && { space: "HSV", h: e4.h, s: e4.s, v: e4.v };
+}, write: function(e4) {
+  return { h: e4.h, s: e4.s, v: e4.v };
+} } } }], Q = void 0, $ = void 0, ee = function() {
+  $ = false;
+  var e4 = arguments.length > 1 ? Z.toArray(arguments) : arguments[0];
+  return Z.each(q, function(t2) {
+    if (t2.litmus(e4)) return Z.each(t2.conversions, function(t3, n2) {
+      if (Q = t3.read(e4), false === $ && false !== Q) return $ = Q, Q.conversionName = n2, Q.conversion = t3, Z.BREAK;
+    }), Z.BREAK;
+  }), $;
+}, te = void 0, ne = { hsv_to_rgb: function(e4, t2, n2) {
+  var s2 = Math.floor(e4 / 60) % 6, i2 = e4 / 60 - Math.floor(e4 / 60), o2 = n2 * (1 - t2), r2 = n2 * (1 - i2 * t2), a2 = n2 * (1 - (1 - i2) * t2), l2 = [[n2, a2, o2], [r2, n2, o2], [o2, n2, a2], [o2, r2, n2], [a2, o2, n2], [n2, o2, r2]][s2];
+  return { r: 255 * l2[0], g: 255 * l2[1], b: 255 * l2[2] };
+}, rgb_to_hsv: function(e4, t2, n2) {
+  var s2 = Math.min(e4, t2, n2), i2 = Math.max(e4, t2, n2), o2 = i2 - s2, r2 = void 0;
+  return 0 === i2 ? { h: NaN, s: 0, v: 0 } : (r2 = e4 === i2 ? (t2 - n2) / o2 : t2 === i2 ? 2 + (n2 - e4) / o2 : 4 + (e4 - t2) / o2, (r2 /= 6) < 0 && (r2 += 1), { h: 360 * r2, s: o2 / i2, v: i2 / 255 });
+}, rgb_to_hex: function(e4, t2, n2) {
+  var s2 = this.hex_with_component(0, 2, e4);
+  return s2 = this.hex_with_component(s2, 1, t2), s2 = this.hex_with_component(s2, 0, n2);
+}, component_from_hex: function(e4, t2) {
+  return e4 >> 8 * t2 & 255;
+}, hex_with_component: function(e4, t2, n2) {
+  return n2 << (te = 8 * t2) | e4 & ~(255 << te);
+} }, se = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e4) {
+  return typeof e4;
+} : function(e4) {
+  return e4 && "function" == typeof Symbol && e4.constructor === Symbol && e4 !== Symbol.prototype ? "symbol" : typeof e4;
+}, ie = function(e4, t2) {
+  if (!(e4 instanceof t2)) throw new TypeError("Cannot call a class as a function");
+}, oe = /* @__PURE__ */ function() {
+  function e4(e5, t2) {
+    for (var n2 = 0; n2 < t2.length; n2++) {
+      var s2 = t2[n2];
+      s2.enumerable = s2.enumerable || false, s2.configurable = true, "value" in s2 && (s2.writable = true), Object.defineProperty(e5, s2.key, s2);
+    }
+  }
+  return function(t2, n2, s2) {
+    return n2 && e4(t2.prototype, n2), s2 && e4(t2, s2), t2;
+  };
+}(), re = function e2(t2, n2, s2) {
+  null === t2 && (t2 = Function.prototype);
+  var i2 = Object.getOwnPropertyDescriptor(t2, n2);
+  if (void 0 === i2) {
+    var o2 = Object.getPrototypeOf(t2);
+    return null === o2 ? void 0 : e2(o2, n2, s2);
+  }
+  if ("value" in i2) return i2.value;
+  var r2 = i2.get;
+  return void 0 !== r2 ? r2.call(s2) : void 0;
+}, ae = function(e4, t2) {
+  if ("function" != typeof t2 && null !== t2) throw new TypeError("Super expression must either be null or a function, not " + typeof t2);
+  e4.prototype = Object.create(t2 && t2.prototype, { constructor: { value: e4, enumerable: false, writable: true, configurable: true } }), t2 && (Object.setPrototypeOf ? Object.setPrototypeOf(e4, t2) : e4.__proto__ = t2);
+}, le = function(e4, t2) {
+  if (!e4) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return !t2 || "object" != typeof t2 && "function" != typeof t2 ? e4 : t2;
+}, de = function() {
+  function e4() {
+    if (ie(this, e4), this.__state = ee.apply(this, arguments), false === this.__state) throw new Error("Failed to interpret color arguments");
+    this.__state.a = this.__state.a || 1;
+  }
+  return oe(e4, [{ key: "toString", value: function() {
+    return J(this);
+  } }, { key: "toHexString", value: function() {
+    return J(this, true);
+  } }, { key: "toOriginal", value: function() {
+    return this.__state.conversion.write(this);
+  } }]), e4;
+}();
+function ce(e4, t2, n2) {
+  Object.defineProperty(e4, t2, { get: function() {
+    return "RGB" === this.__state.space || de.recalculateRGB(this, t2, n2), this.__state[t2];
+  }, set: function(e5) {
+    "RGB" !== this.__state.space && (de.recalculateRGB(this, t2, n2), this.__state.space = "RGB"), this.__state[t2] = e5;
+  } });
+}
+function he(e4, t2) {
+  Object.defineProperty(e4, t2, { get: function() {
+    return "HSV" === this.__state.space || de.recalculateHSV(this), this.__state[t2];
+  }, set: function(e5) {
+    "HSV" !== this.__state.space && (de.recalculateHSV(this), this.__state.space = "HSV"), this.__state[t2] = e5;
+  } });
+}
+de.recalculateRGB = function(e4, t2, n2) {
+  if ("HEX" === e4.__state.space) e4.__state[t2] = ne.component_from_hex(e4.__state.hex, n2);
+  else {
+    if ("HSV" !== e4.__state.space) throw new Error("Corrupted color state");
+    Z.extend(e4.__state, ne.hsv_to_rgb(e4.__state.h, e4.__state.s, e4.__state.v));
+  }
+}, de.recalculateHSV = function(e4) {
+  var t2 = ne.rgb_to_hsv(e4.r, e4.g, e4.b);
+  Z.extend(e4.__state, { s: t2.s, v: t2.v }), Z.isNaN(t2.h) ? Z.isUndefined(e4.__state.h) && (e4.__state.h = 0) : e4.__state.h = t2.h;
+}, de.COMPONENTS = ["r", "g", "b", "h", "s", "v", "hex", "a"], ce(de.prototype, "r", 2), ce(de.prototype, "g", 1), ce(de.prototype, "b", 0), he(de.prototype, "h"), he(de.prototype, "s"), he(de.prototype, "v"), Object.defineProperty(de.prototype, "a", { get: function() {
+  return this.__state.a;
+}, set: function(e4) {
+  this.__state.a = e4;
+} }), Object.defineProperty(de.prototype, "hex", { get: function() {
+  return "HEX" !== this.__state.space && (this.__state.hex = ne.rgb_to_hex(this.r, this.g, this.b), this.__state.space = "HEX"), this.__state.hex;
+}, set: function(e4) {
+  this.__state.space = "HEX", this.__state.hex = e4;
+} });
+var ue = function() {
+  function e4(t2, n2) {
+    ie(this, e4), this.initialValue = t2[n2], this.domElement = document.createElement("div"), this.object = t2, this.property = n2, this.__onChange = void 0, this.__onFinishChange = void 0;
+  }
+  return oe(e4, [{ key: "onChange", value: function(e5) {
+    return this.__onChange = e5, this;
+  } }, { key: "onFinishChange", value: function(e5) {
+    return this.__onFinishChange = e5, this;
+  } }, { key: "setValue", value: function(e5) {
+    return this.object[this.property] = e5, this.__onChange && this.__onChange.call(this, e5), this.updateDisplay(), this;
+  } }, { key: "getValue", value: function() {
+    return this.object[this.property];
+  } }, { key: "updateDisplay", value: function() {
+    return this;
+  } }, { key: "isModified", value: function() {
+    return this.initialValue !== this.getValue();
+  } }]), e4;
+}(), me = {};
+Z.each({ HTMLEvents: ["change"], MouseEvents: ["click", "mousemove", "mousedown", "mouseup", "mouseover"], KeyboardEvents: ["keydown"] }, function(e4, t2) {
+  Z.each(e4, function(e5) {
+    me[e5] = t2;
+  });
+});
+var pe = /(\d+(\.\d+)?)px/;
+function fe(e4) {
+  if ("0" === e4 || Z.isUndefined(e4)) return 0;
+  var t2 = e4.match(pe);
+  return Z.isNull(t2) ? 0 : parseFloat(t2[1]);
+}
+var ge = { makeSelectable: function(e4, t2) {
+  void 0 !== e4 && void 0 !== e4.style && (e4.onselectstart = t2 ? function() {
+    return false;
+  } : function() {
+  }, e4.style.MozUserSelect = t2 ? "auto" : "none", e4.style.KhtmlUserSelect = t2 ? "auto" : "none", e4.unselectable = t2 ? "on" : "off");
+}, makeFullscreen: function(e4, t2, n2) {
+  var s2 = n2, i2 = t2;
+  Z.isUndefined(i2) && (i2 = true), Z.isUndefined(s2) && (s2 = true), e4.style.position = "absolute", i2 && (e4.style.left = 0, e4.style.right = 0), s2 && (e4.style.top = 0, e4.style.bottom = 0);
+}, fakeEvent: function(e4, t2, n2, s2) {
+  var i2 = n2 || {}, o2 = me[t2];
+  if (!o2) throw new Error("Event type " + t2 + " not supported.");
+  var r2 = document.createEvent(o2);
+  switch (o2) {
+    case "MouseEvents":
+      var a2 = i2.x || i2.clientX || 0, l2 = i2.y || i2.clientY || 0;
+      r2.initMouseEvent(t2, i2.bubbles || false, i2.cancelable || true, window, i2.clickCount || 1, 0, 0, a2, l2, false, false, false, false, 0, null);
+      break;
+    case "KeyboardEvents":
+      var d2 = r2.initKeyboardEvent || r2.initKeyEvent;
+      Z.defaults(i2, { cancelable: true, ctrlKey: false, altKey: false, shiftKey: false, metaKey: false, keyCode: void 0, charCode: void 0 }), d2(t2, i2.bubbles || false, i2.cancelable, window, i2.ctrlKey, i2.altKey, i2.shiftKey, i2.metaKey, i2.keyCode, i2.charCode);
+      break;
+    default:
+      r2.initEvent(t2, i2.bubbles || false, i2.cancelable || true);
+  }
+  Z.defaults(r2, s2), e4.dispatchEvent(r2);
+}, bind: function(e4, t2, n2, s2) {
+  var i2 = s2 || false;
+  return e4.addEventListener ? e4.addEventListener(t2, n2, i2) : e4.attachEvent && e4.attachEvent("on" + t2, n2), ge;
+}, unbind: function(e4, t2, n2, s2) {
+  var i2 = s2 || false;
+  return e4.removeEventListener ? e4.removeEventListener(t2, n2, i2) : e4.detachEvent && e4.detachEvent("on" + t2, n2), ge;
+}, addClass: function(e4, t2) {
+  if (void 0 === e4.className) e4.className = t2;
+  else if (e4.className !== t2) {
+    var n2 = e4.className.split(/ +/);
+    -1 === n2.indexOf(t2) && (n2.push(t2), e4.className = n2.join(" ").replace(/^\s+/, "").replace(/\s+$/, ""));
+  }
+  return ge;
+}, removeClass: function(e4, t2) {
+  if (t2) if (e4.className === t2) e4.removeAttribute("class");
+  else {
+    var n2 = e4.className.split(/ +/), s2 = n2.indexOf(t2);
+    -1 !== s2 && (n2.splice(s2, 1), e4.className = n2.join(" "));
+  }
+  else e4.className = void 0;
+  return ge;
+}, hasClass: function(e4, t2) {
+  return new RegExp("(?:^|\\s+)" + t2 + "(?:\\s+|$)").test(e4.className) || false;
+}, getWidth: function(e4) {
+  var t2 = getComputedStyle(e4);
+  return fe(t2["border-left-width"]) + fe(t2["border-right-width"]) + fe(t2["padding-left"]) + fe(t2["padding-right"]) + fe(t2.width);
+}, getHeight: function(e4) {
+  var t2 = getComputedStyle(e4);
+  return fe(t2["border-top-width"]) + fe(t2["border-bottom-width"]) + fe(t2["padding-top"]) + fe(t2["padding-bottom"]) + fe(t2.height);
+}, getOffset: function(e4) {
+  var t2 = e4, n2 = { left: 0, top: 0 };
+  if (t2.offsetParent) do {
+    n2.left += t2.offsetLeft, n2.top += t2.offsetTop, t2 = t2.offsetParent;
+  } while (t2);
+  return n2;
+}, isActive: function(e4) {
+  return e4 === document.activeElement && (e4.type || e4.href);
+} }, _e = function() {
+  function e4(t2, n2) {
+    ie(this, e4);
+    var s2 = le(this, (e4.__proto__ || Object.getPrototypeOf(e4)).call(this, t2, n2)), i2 = s2;
+    return s2.__prev = s2.getValue(), s2.__checkbox = document.createElement("input"), s2.__checkbox.setAttribute("type", "checkbox"), ge.bind(s2.__checkbox, "change", function() {
+      i2.setValue(!i2.__prev);
+    }, false), s2.domElement.appendChild(s2.__checkbox), s2.updateDisplay(), s2;
+  }
+  return ae(e4, ue), oe(e4, [{ key: "setValue", value: function(t2) {
+    var n2 = re(e4.prototype.__proto__ || Object.getPrototypeOf(e4.prototype), "setValue", this).call(this, t2);
+    return this.__onFinishChange && this.__onFinishChange.call(this, this.getValue()), this.__prev = this.getValue(), n2;
+  } }, { key: "updateDisplay", value: function() {
+    return true === this.getValue() ? (this.__checkbox.setAttribute("checked", "checked"), this.__checkbox.checked = true, this.__prev = true) : (this.__checkbox.checked = false, this.__prev = false), re(e4.prototype.__proto__ || Object.getPrototypeOf(e4.prototype), "updateDisplay", this).call(this);
+  } }]), e4;
+}(), ve = function() {
+  function e4(t2, n2, s2) {
+    ie(this, e4);
+    var i2 = le(this, (e4.__proto__ || Object.getPrototypeOf(e4)).call(this, t2, n2)), o2 = s2, r2 = i2;
+    if (i2.__select = document.createElement("select"), Z.isArray(o2)) {
+      var a2 = {};
+      Z.each(o2, function(e5) {
+        a2[e5] = e5;
+      }), o2 = a2;
+    }
+    return Z.each(o2, function(e5, t3) {
+      var n3 = document.createElement("option");
+      n3.innerHTML = t3, n3.setAttribute("value", e5), r2.__select.appendChild(n3);
+    }), i2.updateDisplay(), ge.bind(i2.__select, "change", function() {
+      var e5 = this.options[this.selectedIndex].value;
+      r2.setValue(e5);
+    }), i2.domElement.appendChild(i2.__select), i2;
+  }
+  return ae(e4, ue), oe(e4, [{ key: "setValue", value: function(t2) {
+    var n2 = re(e4.prototype.__proto__ || Object.getPrototypeOf(e4.prototype), "setValue", this).call(this, t2);
+    return this.__onFinishChange && this.__onFinishChange.call(this, this.getValue()), n2;
+  } }, { key: "updateDisplay", value: function() {
+    return ge.isActive(this.__select) ? this : (this.__select.value = this.getValue(), re(e4.prototype.__proto__ || Object.getPrototypeOf(e4.prototype), "updateDisplay", this).call(this));
+  } }]), e4;
+}(), be = function() {
+  function e4(t2, n2) {
+    ie(this, e4);
+    var s2 = le(this, (e4.__proto__ || Object.getPrototypeOf(e4)).call(this, t2, n2)), i2 = s2;
+    function o2() {
+      i2.setValue(i2.__input.value);
+    }
+    return s2.__input = document.createElement("input"), s2.__input.setAttribute("type", "text"), ge.bind(s2.__input, "keyup", o2), ge.bind(s2.__input, "change", o2), ge.bind(s2.__input, "blur", function() {
+      i2.__onFinishChange && i2.__onFinishChange.call(i2, i2.getValue());
+    }), ge.bind(s2.__input, "keydown", function(e5) {
+      13 === e5.keyCode && this.blur();
+    }), s2.updateDisplay(), s2.domElement.appendChild(s2.__input), s2;
+  }
+  return ae(e4, ue), oe(e4, [{ key: "updateDisplay", value: function() {
+    return ge.isActive(this.__input) || (this.__input.value = this.getValue()), re(e4.prototype.__proto__ || Object.getPrototypeOf(e4.prototype), "updateDisplay", this).call(this);
+  } }]), e4;
+}();
+function ye(e4) {
+  var t2 = e4.toString();
+  return t2.indexOf(".") > -1 ? t2.length - t2.indexOf(".") - 1 : 0;
+}
+var we = function() {
+  function e4(t2, n2, s2) {
+    ie(this, e4);
+    var i2 = le(this, (e4.__proto__ || Object.getPrototypeOf(e4)).call(this, t2, n2)), o2 = s2 || {};
+    return i2.__min = o2.min, i2.__max = o2.max, i2.__step = o2.step, Z.isUndefined(i2.__step) ? 0 === i2.initialValue ? i2.__impliedStep = 1 : i2.__impliedStep = Math.pow(10, Math.floor(Math.log(Math.abs(i2.initialValue)) / Math.LN10)) / 10 : i2.__impliedStep = i2.__step, i2.__precision = ye(i2.__impliedStep), i2;
+  }
+  return ae(e4, ue), oe(e4, [{ key: "setValue", value: function(t2) {
+    var n2 = t2;
+    return void 0 !== this.__min && n2 < this.__min ? n2 = this.__min : void 0 !== this.__max && n2 > this.__max && (n2 = this.__max), void 0 !== this.__step && n2 % this.__step !== 0 && (n2 = Math.round(n2 / this.__step) * this.__step), re(e4.prototype.__proto__ || Object.getPrototypeOf(e4.prototype), "setValue", this).call(this, n2);
+  } }, { key: "min", value: function(e5) {
+    return this.__min = e5, this;
+  } }, { key: "max", value: function(e5) {
+    return this.__max = e5, this;
+  } }, { key: "step", value: function(e5) {
+    return this.__step = e5, this.__impliedStep = e5, this.__precision = ye(e5), this;
+  } }]), e4;
+}();
+var xe = function() {
+  function e4(t2, n2, s2) {
+    ie(this, e4);
+    var i2 = le(this, (e4.__proto__ || Object.getPrototypeOf(e4)).call(this, t2, n2, s2));
+    i2.__truncationSuspended = false;
+    var o2 = i2, r2 = void 0;
+    function a2() {
+      o2.__onFinishChange && o2.__onFinishChange.call(o2, o2.getValue());
+    }
+    function l2(e5) {
+      var t3 = r2 - e5.clientY;
+      o2.setValue(o2.getValue() + t3 * o2.__impliedStep), r2 = e5.clientY;
+    }
+    function d2() {
+      ge.unbind(window, "mousemove", l2), ge.unbind(window, "mouseup", d2), a2();
+    }
+    return i2.__input = document.createElement("input"), i2.__input.setAttribute("type", "text"), ge.bind(i2.__input, "change", function() {
+      var e5 = parseFloat(o2.__input.value);
+      Z.isNaN(e5) || o2.setValue(e5);
+    }), ge.bind(i2.__input, "blur", function() {
+      a2();
+    }), ge.bind(i2.__input, "mousedown", function(e5) {
+      ge.bind(window, "mousemove", l2), ge.bind(window, "mouseup", d2), r2 = e5.clientY;
+    }), ge.bind(i2.__input, "keydown", function(e5) {
+      13 === e5.keyCode && (o2.__truncationSuspended = true, this.blur(), o2.__truncationSuspended = false, a2());
+    }), i2.updateDisplay(), i2.domElement.appendChild(i2.__input), i2;
+  }
+  return ae(e4, we), oe(e4, [{ key: "updateDisplay", value: function() {
+    var t2, n2, s2;
+    return this.__input.value = this.__truncationSuspended ? this.getValue() : (t2 = this.getValue(), n2 = this.__precision, s2 = Math.pow(10, n2), Math.round(t2 * s2) / s2), re(e4.prototype.__proto__ || Object.getPrototypeOf(e4.prototype), "updateDisplay", this).call(this);
+  } }]), e4;
+}();
+function Ce(e4, t2, n2, s2, i2) {
+  return s2 + (e4 - t2) / (n2 - t2) * (i2 - s2);
+}
+var Me = function() {
+  function e4(t2, n2, s2, i2, o2) {
+    ie(this, e4);
+    var r2 = le(this, (e4.__proto__ || Object.getPrototypeOf(e4)).call(this, t2, n2, { min: s2, max: i2, step: o2 })), a2 = r2;
+    function l2(e5) {
+      e5.preventDefault();
+      var t3 = a2.__background.getBoundingClientRect();
+      return a2.setValue(Ce(e5.clientX, t3.left, t3.right, a2.__min, a2.__max)), false;
+    }
+    function d2() {
+      ge.unbind(window, "mousemove", l2), ge.unbind(window, "mouseup", d2), a2.__onFinishChange && a2.__onFinishChange.call(a2, a2.getValue());
+    }
+    function c2(e5) {
+      var t3 = e5.touches[0].clientX, n3 = a2.__background.getBoundingClientRect();
+      a2.setValue(Ce(t3, n3.left, n3.right, a2.__min, a2.__max));
+    }
+    function h2() {
+      ge.unbind(window, "touchmove", c2), ge.unbind(window, "touchend", h2), a2.__onFinishChange && a2.__onFinishChange.call(a2, a2.getValue());
+    }
+    return r2.__background = document.createElement("div"), r2.__foreground = document.createElement("div"), ge.bind(r2.__background, "mousedown", function(e5) {
+      document.activeElement.blur(), ge.bind(window, "mousemove", l2), ge.bind(window, "mouseup", d2), l2(e5);
+    }), ge.bind(r2.__background, "touchstart", function(e5) {
+      if (1 !== e5.touches.length) return;
+      ge.bind(window, "touchmove", c2), ge.bind(window, "touchend", h2), c2(e5);
+    }), ge.addClass(r2.__background, "slider"), ge.addClass(r2.__foreground, "slider-fg"), r2.updateDisplay(), r2.__background.appendChild(r2.__foreground), r2.domElement.appendChild(r2.__background), r2;
+  }
+  return ae(e4, we), oe(e4, [{ key: "updateDisplay", value: function() {
+    var t2 = (this.getValue() - this.__min) / (this.__max - this.__min);
+    return this.__foreground.style.width = 100 * t2 + "%", re(e4.prototype.__proto__ || Object.getPrototypeOf(e4.prototype), "updateDisplay", this).call(this);
+  } }]), e4;
+}(), Pe = function() {
+  function e4(t2, n2, s2) {
+    ie(this, e4);
+    var i2 = le(this, (e4.__proto__ || Object.getPrototypeOf(e4)).call(this, t2, n2)), o2 = i2;
+    return i2.__button = document.createElement("div"), i2.__button.innerHTML = void 0 === s2 ? "Fire" : s2, ge.bind(i2.__button, "click", function(e5) {
+      return e5.preventDefault(), o2.fire(), false;
+    }), ge.addClass(i2.__button, "button"), i2.domElement.appendChild(i2.__button), i2;
+  }
+  return ae(e4, ue), oe(e4, [{ key: "fire", value: function() {
+    this.__onChange && this.__onChange.call(this), this.getValue().call(this.object), this.__onFinishChange && this.__onFinishChange.call(this, this.getValue());
+  } }]), e4;
+}(), Se = function() {
+  function e4(t2, n2) {
+    ie(this, e4);
+    var s2 = le(this, (e4.__proto__ || Object.getPrototypeOf(e4)).call(this, t2, n2));
+    s2.__color = new de(s2.getValue()), s2.__temp = new de(0);
+    var i2 = s2;
+    s2.domElement = document.createElement("div"), ge.makeSelectable(s2.domElement, false), s2.__selector = document.createElement("div"), s2.__selector.className = "selector", s2.__saturation_field = document.createElement("div"), s2.__saturation_field.className = "saturation-field", s2.__field_knob = document.createElement("div"), s2.__field_knob.className = "field-knob", s2.__field_knob_border = "2px solid ", s2.__hue_knob = document.createElement("div"), s2.__hue_knob.className = "hue-knob", s2.__hue_field = document.createElement("div"), s2.__hue_field.className = "hue-field", s2.__input = document.createElement("input"), s2.__input.type = "text", s2.__input_textShadow = "0 1px 1px ", ge.bind(s2.__input, "keydown", function(e5) {
+      13 === e5.keyCode && h2.call(this);
+    }), ge.bind(s2.__input, "blur", h2), ge.bind(s2.__selector, "mousedown", function() {
+      ge.addClass(this, "drag").bind(window, "mouseup", function() {
+        ge.removeClass(i2.__selector, "drag");
+      });
+    }), ge.bind(s2.__selector, "touchstart", function() {
+      ge.addClass(this, "drag").bind(window, "touchend", function() {
+        ge.removeClass(i2.__selector, "drag");
+      });
+    });
+    var o2, r2 = document.createElement("div");
+    function a2(e5) {
+      m2(e5), ge.bind(window, "mousemove", m2), ge.bind(window, "touchmove", m2), ge.bind(window, "mouseup", d2), ge.bind(window, "touchend", d2);
+    }
+    function l2(e5) {
+      p2(e5), ge.bind(window, "mousemove", p2), ge.bind(window, "touchmove", p2), ge.bind(window, "mouseup", c2), ge.bind(window, "touchend", c2);
+    }
+    function d2() {
+      ge.unbind(window, "mousemove", m2), ge.unbind(window, "touchmove", m2), ge.unbind(window, "mouseup", d2), ge.unbind(window, "touchend", d2), u2();
+    }
+    function c2() {
+      ge.unbind(window, "mousemove", p2), ge.unbind(window, "touchmove", p2), ge.unbind(window, "mouseup", c2), ge.unbind(window, "touchend", c2), u2();
+    }
+    function h2() {
+      var e5 = ee(this.value);
+      false !== e5 ? (i2.__color.__state = e5, i2.setValue(i2.__color.toOriginal())) : this.value = i2.__color.toString();
+    }
+    function u2() {
+      i2.__onFinishChange && i2.__onFinishChange.call(i2, i2.__color.toOriginal());
+    }
+    function m2(e5) {
+      -1 === e5.type.indexOf("touch") && e5.preventDefault();
+      var t3 = i2.__saturation_field.getBoundingClientRect(), n3 = e5.touches && e5.touches[0] || e5, s3 = n3.clientX, o3 = n3.clientY, r3 = (s3 - t3.left) / (t3.right - t3.left), a3 = 1 - (o3 - t3.top) / (t3.bottom - t3.top);
+      return a3 > 1 ? a3 = 1 : a3 < 0 && (a3 = 0), r3 > 1 ? r3 = 1 : r3 < 0 && (r3 = 0), i2.__color.v = a3, i2.__color.s = r3, i2.setValue(i2.__color.toOriginal()), false;
+    }
+    function p2(e5) {
+      -1 === e5.type.indexOf("touch") && e5.preventDefault();
+      var t3 = i2.__hue_field.getBoundingClientRect(), n3 = 1 - ((e5.touches && e5.touches[0] || e5).clientY - t3.top) / (t3.bottom - t3.top);
+      return n3 > 1 ? n3 = 1 : n3 < 0 && (n3 = 0), i2.__color.h = 360 * n3, i2.setValue(i2.__color.toOriginal()), false;
+    }
+    return Z.extend(s2.__selector.style, { width: "122px", height: "102px", padding: "3px", backgroundColor: "#222", boxShadow: "0px 1px 3px rgba(0,0,0,0.3)" }), Z.extend(s2.__field_knob.style, { position: "absolute", width: "12px", height: "12px", border: s2.__field_knob_border + (s2.__color.v < 0.5 ? "#fff" : "#000"), boxShadow: "0px 1px 3px rgba(0,0,0,0.5)", borderRadius: "12px", zIndex: 1 }), Z.extend(s2.__hue_knob.style, { position: "absolute", width: "15px", height: "2px", borderRight: "4px solid #fff", zIndex: 1 }), Z.extend(s2.__saturation_field.style, { width: "100px", height: "100px", border: "1px solid #555", marginRight: "3px", display: "inline-block", cursor: "pointer" }), Z.extend(r2.style, { width: "100%", height: "100%", background: "none" }), Ee(r2, "top", "rgba(0,0,0,0)", "#000"), Z.extend(s2.__hue_field.style, { width: "15px", height: "100px", border: "1px solid #555", cursor: "ns-resize", position: "absolute", top: "3px", right: "3px" }), (o2 = s2.__hue_field).style.background = "", o2.style.cssText += "background: -moz-linear-gradient(top,  #ff0000 0%, #ff00ff 17%, #0000ff 34%, #00ffff 50%, #00ff00 67%, #ffff00 84%, #ff0000 100%);", o2.style.cssText += "background: -webkit-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", o2.style.cssText += "background: -o-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", o2.style.cssText += "background: -ms-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", o2.style.cssText += "background: linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", Z.extend(s2.__input.style, { outline: "none", textAlign: "center", color: "#fff", border: 0, fontWeight: "bold", textShadow: s2.__input_textShadow + "rgba(0,0,0,0.7)" }), ge.bind(s2.__saturation_field, "mousedown", a2), ge.bind(s2.__saturation_field, "touchstart", a2), ge.bind(s2.__field_knob, "mousedown", a2), ge.bind(s2.__field_knob, "touchstart", a2), ge.bind(s2.__hue_field, "mousedown", l2), ge.bind(s2.__hue_field, "touchstart", l2), s2.__saturation_field.appendChild(r2), s2.__selector.appendChild(s2.__field_knob), s2.__selector.appendChild(s2.__saturation_field), s2.__selector.appendChild(s2.__hue_field), s2.__hue_field.appendChild(s2.__hue_knob), s2.domElement.appendChild(s2.__input), s2.domElement.appendChild(s2.__selector), s2.updateDisplay(), s2;
+  }
+  return ae(e4, ue), oe(e4, [{ key: "updateDisplay", value: function() {
+    var e5 = ee(this.getValue());
+    if (false !== e5) {
+      var t2 = false;
+      Z.each(de.COMPONENTS, function(n3) {
+        if (!Z.isUndefined(e5[n3]) && !Z.isUndefined(this.__color.__state[n3]) && e5[n3] !== this.__color.__state[n3]) return t2 = true, {};
+      }, this), t2 && Z.extend(this.__color.__state, e5);
+    }
+    Z.extend(this.__temp.__state, this.__color.__state), this.__temp.a = 1;
+    var n2 = this.__color.v < 0.5 || this.__color.s > 0.5 ? 255 : 0, s2 = 255 - n2;
+    Z.extend(this.__field_knob.style, { marginLeft: 100 * this.__color.s - 7 + "px", marginTop: 100 * (1 - this.__color.v) - 7 + "px", backgroundColor: this.__temp.toHexString(), border: this.__field_knob_border + "rgb(" + n2 + "," + n2 + "," + n2 + ")" }), this.__hue_knob.style.marginTop = 100 * (1 - this.__color.h / 360) + "px", this.__temp.s = 1, this.__temp.v = 1, Ee(this.__saturation_field, "left", "#fff", this.__temp.toHexString()), this.__input.value = this.__color.toString(), Z.extend(this.__input.style, { backgroundColor: this.__color.toHexString(), color: "rgb(" + n2 + "," + n2 + "," + n2 + ")", textShadow: this.__input_textShadow + "rgba(" + s2 + "," + s2 + "," + s2 + ",.7)" });
+  } }]), e4;
+}(), Fe = ["-moz-", "-o-", "-webkit-", "-ms-", ""];
+function Ee(e4, t2, n2, s2) {
+  e4.style.background = "", Z.each(Fe, function(i2) {
+    e4.style.cssText += "background: " + i2 + "linear-gradient(" + t2 + ", " + n2 + " 0%, " + s2 + " 100%); ";
+  });
+}
+var Ae = function(e4, t2) {
+  var n2 = t2 || document, s2 = document.createElement("style");
+  s2.type = "text/css", s2.innerHTML = e4;
+  var i2 = n2.getElementsByTagName("head")[0];
+  try {
+    i2.appendChild(s2);
+  } catch (e5) {
+  }
+}, ke = function(e4, t2) {
+  var n2 = e4[t2];
+  return Z.isArray(arguments[2]) || Z.isObject(arguments[2]) ? new ve(e4, t2, arguments[2]) : Z.isNumber(n2) ? Z.isNumber(arguments[2]) && Z.isNumber(arguments[3]) ? Z.isNumber(arguments[4]) ? new Me(e4, t2, arguments[2], arguments[3], arguments[4]) : new Me(e4, t2, arguments[2], arguments[3]) : Z.isNumber(arguments[4]) ? new xe(e4, t2, { min: arguments[2], max: arguments[3], step: arguments[4] }) : new xe(e4, t2, { min: arguments[2], max: arguments[3] }) : Z.isString(n2) ? new be(e4, t2) : Z.isFunction(n2) ? new Pe(e4, t2, "") : Z.isBoolean(n2) ? new _e(e4, t2) : null;
+};
+var Te = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(e4) {
+  setTimeout(e4, 1e3 / 60);
+}, Le = function() {
+  function e4() {
+    ie(this, e4), this.backgroundElement = document.createElement("div"), Z.extend(this.backgroundElement.style, { backgroundColor: "rgba(0,0,0,0.8)", top: 0, left: 0, display: "none", zIndex: "1000", opacity: 0, WebkitTransition: "opacity 0.2s linear", transition: "opacity 0.2s linear" }), ge.makeFullscreen(this.backgroundElement), this.backgroundElement.style.position = "fixed", this.domElement = document.createElement("div"), Z.extend(this.domElement.style, { position: "fixed", display: "none", zIndex: "1001", opacity: 0, WebkitTransition: "-webkit-transform 0.2s ease-out, opacity 0.2s linear", transition: "transform 0.2s ease-out, opacity 0.2s linear" }), document.body.appendChild(this.backgroundElement), document.body.appendChild(this.domElement);
+    var t2 = this;
+    ge.bind(this.backgroundElement, "click", function() {
+      t2.hide();
+    });
+  }
+  return oe(e4, [{ key: "show", value: function() {
+    var e5 = this;
+    this.backgroundElement.style.display = "block", this.domElement.style.display = "block", this.domElement.style.opacity = 0, this.domElement.style.webkitTransform = "scale(1.1)", this.layout(), Z.defer(function() {
+      e5.backgroundElement.style.opacity = 1, e5.domElement.style.opacity = 1, e5.domElement.style.webkitTransform = "scale(1)";
+    });
+  } }, { key: "hide", value: function() {
+    var e5 = this, t2 = function t3() {
+      e5.domElement.style.display = "none", e5.backgroundElement.style.display = "none", ge.unbind(e5.domElement, "webkitTransitionEnd", t3), ge.unbind(e5.domElement, "transitionend", t3), ge.unbind(e5.domElement, "oTransitionEnd", t3);
+    };
+    ge.bind(this.domElement, "webkitTransitionEnd", t2), ge.bind(this.domElement, "transitionend", t2), ge.bind(this.domElement, "oTransitionEnd", t2), this.backgroundElement.style.opacity = 0, this.domElement.style.opacity = 0, this.domElement.style.webkitTransform = "scale(1.1)";
+  } }, { key: "layout", value: function() {
+    this.domElement.style.left = window.innerWidth / 2 - ge.getWidth(this.domElement) / 2 + "px", this.domElement.style.top = window.innerHeight / 2 - ge.getHeight(this.domElement) / 2 + "px";
+  } }]), e4;
+}(), Oe = function(e4) {
+  if ("undefined" != typeof window) {
+    var t2 = document.createElement("style");
+    return t2.setAttribute("type", "text/css"), t2.innerHTML = e4, document.head.appendChild(t2), e4;
+  }
+}(".dg ul{list-style:none;margin:0;padding:0;width:100%;clear:both}.dg.ac{position:fixed;top:0;left:0;right:0;height:0;z-index:0}.dg:not(.ac) .main{overflow:hidden}.dg.main{-webkit-transition:opacity .1s linear;-o-transition:opacity .1s linear;-moz-transition:opacity .1s linear;transition:opacity .1s linear}.dg.main.taller-than-window{overflow-y:auto}.dg.main.taller-than-window .close-button{opacity:1;margin-top:-1px;border-top:1px solid #2c2c2c}.dg.main ul.closed .close-button{opacity:1 !important}.dg.main:hover .close-button,.dg.main .close-button.drag{opacity:1}.dg.main .close-button{-webkit-transition:opacity .1s linear;-o-transition:opacity .1s linear;-moz-transition:opacity .1s linear;transition:opacity .1s linear;border:0;line-height:19px;height:20px;cursor:pointer;text-align:center;background-color:#000}.dg.main .close-button.close-top{position:relative}.dg.main .close-button.close-bottom{position:absolute}.dg.main .close-button:hover{background-color:#111}.dg.a{float:right;margin-right:15px;overflow-y:visible}.dg.a.has-save>ul.close-top{margin-top:0}.dg.a.has-save>ul.close-bottom{margin-top:27px}.dg.a.has-save>ul.closed{margin-top:0}.dg.a .save-row{top:0;z-index:1002}.dg.a .save-row.close-top{position:relative}.dg.a .save-row.close-bottom{position:fixed}.dg li{-webkit-transition:height .1s ease-out;-o-transition:height .1s ease-out;-moz-transition:height .1s ease-out;transition:height .1s ease-out;-webkit-transition:overflow .1s linear;-o-transition:overflow .1s linear;-moz-transition:overflow .1s linear;transition:overflow .1s linear}.dg li:not(.folder){cursor:auto;height:27px;line-height:27px;padding:0 4px 0 5px}.dg li.folder{padding:0;border-left:4px solid rgba(0,0,0,0)}.dg li.title{cursor:pointer;margin-left:-4px}.dg .closed li:not(.title),.dg .closed ul li,.dg .closed ul li>*{height:0;overflow:hidden;border:0}.dg .cr{clear:both;padding-left:3px;height:27px;overflow:hidden}.dg .property-name{cursor:default;float:left;clear:left;width:40%;overflow:hidden;text-overflow:ellipsis}.dg .cr.function .property-name{width:100%}.dg .c{float:left;width:60%;position:relative}.dg .c input[type=text]{border:0;margin-top:4px;padding:3px;width:100%;float:right}.dg .has-slider input[type=text]{width:30%;margin-left:0}.dg .slider{float:left;width:66%;margin-left:-5px;margin-right:0;height:19px;margin-top:4px}.dg .slider-fg{height:100%}.dg .c input[type=checkbox]{margin-top:7px}.dg .c select{margin-top:5px}.dg .cr.function,.dg .cr.function .property-name,.dg .cr.function *,.dg .cr.boolean,.dg .cr.boolean *{cursor:pointer}.dg .cr.color{overflow:visible}.dg .selector{display:none;position:absolute;margin-left:-9px;margin-top:23px;z-index:10}.dg .c:hover .selector,.dg .selector.drag{display:block}.dg li.save-row{padding:0}.dg li.save-row .button{display:inline-block;padding:0px 6px}.dg.dialogue{background-color:#222;width:460px;padding:15px;font-size:13px;line-height:15px}#dg-new-constructor{padding:10px;color:#222;font-family:Monaco, monospace;font-size:10px;border:0;resize:none;box-shadow:inset 1px 1px 1px #888;word-wrap:break-word;margin:12px 0;display:block;width:440px;overflow-y:scroll;height:100px;position:relative}#dg-local-explain{display:none;font-size:11px;line-height:17px;border-radius:3px;background-color:#333;padding:8px;margin-top:10px}#dg-local-explain code{font-size:10px}#dat-gui-save-locally{display:none}.dg{color:#eee;font:11px 'Lucida Grande', sans-serif;text-shadow:0 -1px 0 #111}.dg.main::-webkit-scrollbar{width:5px;background:#1a1a1a}.dg.main::-webkit-scrollbar-corner{height:0;display:none}.dg.main::-webkit-scrollbar-thumb{border-radius:5px;background:#676767}.dg li:not(.folder){background:#1a1a1a;border-bottom:1px solid #2c2c2c}.dg li.save-row{line-height:25px;background:#dad5cb;border:0}.dg li.save-row select{margin-left:5px;width:108px}.dg li.save-row .button{margin-left:5px;margin-top:1px;border-radius:2px;font-size:9px;line-height:7px;padding:4px 4px 5px 4px;background:#c5bdad;color:#fff;text-shadow:0 1px 0 #b0a58f;box-shadow:0 -1px 0 #b0a58f;cursor:pointer}.dg li.save-row .button.gears{background:#c5bdad url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQJJREFUeNpiYKAU/P//PwGIC/ApCABiBSAW+I8AClAcgKxQ4T9hoMAEUrxx2QSGN6+egDX+/vWT4e7N82AMYoPAx/evwWoYoSYbACX2s7KxCxzcsezDh3evFoDEBYTEEqycggWAzA9AuUSQQgeYPa9fPv6/YWm/Acx5IPb7ty/fw+QZblw67vDs8R0YHyQhgObx+yAJkBqmG5dPPDh1aPOGR/eugW0G4vlIoTIfyFcA+QekhhHJhPdQxbiAIguMBTQZrPD7108M6roWYDFQiIAAv6Aow/1bFwXgis+f2LUAynwoIaNcz8XNx3Dl7MEJUDGQpx9gtQ8YCueB+D26OECAAQDadt7e46D42QAAAABJRU5ErkJggg==) 2px 1px no-repeat;height:7px;width:8px}.dg li.save-row .button:hover{background-color:#bab19e;box-shadow:0 -1px 0 #b0a58f}.dg li.folder{border-bottom:0}.dg li.title{padding-left:16px;background:#000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 10px no-repeat;cursor:pointer;border-bottom:1px solid rgba(255,255,255,0.2)}.dg .closed li.title{background-image:url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==)}.dg .cr.boolean{border-left:3px solid #806787}.dg .cr.color{border-left:3px solid}.dg .cr.function{border-left:3px solid #e61d5f}.dg .cr.number{border-left:3px solid #2FA1D6}.dg .cr.number input[type=text]{color:#2FA1D6}.dg .cr.string{border-left:3px solid #1ed36f}.dg .cr.string input[type=text]{color:#1ed36f}.dg .cr.function:hover,.dg .cr.boolean:hover{background:#111}.dg .c input[type=text]{background:#303030;outline:none}.dg .c input[type=text]:hover{background:#3c3c3c}.dg .c input[type=text]:focus{background:#494949;color:#fff}.dg .c .slider{background:#303030;cursor:ew-resize}.dg .c .slider-fg{background:#2FA1D6;max-width:100%}.dg .c .slider:hover{background:#3c3c3c}.dg .c .slider:hover .slider-fg{background:#44abda}\n");
+Ae(Oe);
+var He = "Default", Be = function() {
+  try {
+    return !!window.localStorage;
+  } catch (e4) {
+    return false;
+  }
+}(), je = void 0, Re = true, ze = void 0, De = false, Ge = [], Ue = function e3(t2) {
+  var n2 = this, s2 = t2 || {};
+  this.domElement = document.createElement("div"), this.__ul = document.createElement("ul"), this.domElement.appendChild(this.__ul), ge.addClass(this.domElement, "dg"), this.__folders = {}, this.__controllers = [], this.__rememberedObjects = [], this.__rememberedObjectIndecesToControllers = [], this.__listening = [], s2 = Z.defaults(s2, { closeOnTop: false, autoPlace: true, width: e3.DEFAULT_WIDTH }), s2 = Z.defaults(s2, { resizable: s2.autoPlace, hideable: s2.autoPlace }), Z.isUndefined(s2.load) ? s2.load = { preset: He } : s2.preset && (s2.load.preset = s2.preset), Z.isUndefined(s2.parent) && s2.hideable && Ge.push(this), s2.resizable = Z.isUndefined(s2.parent) && s2.resizable, s2.autoPlace && Z.isUndefined(s2.scrollable) && (s2.scrollable = true);
+  var i2, o2 = Be && "true" === localStorage.getItem(Je(this, "isLocal")), r2 = void 0, a2 = void 0;
+  if (Object.defineProperties(this, { parent: { get: function() {
+    return s2.parent;
+  } }, scrollable: { get: function() {
+    return s2.scrollable;
+  } }, autoPlace: { get: function() {
+    return s2.autoPlace;
+  } }, closeOnTop: { get: function() {
+    return s2.closeOnTop;
+  } }, preset: { get: function() {
+    return n2.parent ? n2.getRoot().preset : s2.load.preset;
+  }, set: function(e4) {
+    n2.parent ? n2.getRoot().preset = e4 : s2.load.preset = e4, function(e5) {
+      for (var t3 = 0; t3 < e5.__preset_select.length; t3++) e5.__preset_select[t3].value === e5.preset && (e5.__preset_select.selectedIndex = t3);
+    }(this), n2.revert();
+  } }, width: { get: function() {
+    return s2.width;
+  }, set: function(e4) {
+    s2.width = e4, qe(n2, e4);
+  } }, name: { get: function() {
+    return s2.name;
+  }, set: function(e4) {
+    s2.name = e4, a2 && (a2.innerHTML = s2.name);
+  } }, closed: { get: function() {
+    return s2.closed;
+  }, set: function(t3) {
+    s2.closed = t3, s2.closed ? ge.addClass(n2.__ul, e3.CLASS_CLOSED) : ge.removeClass(n2.__ul, e3.CLASS_CLOSED), this.onResize(), n2.__closeButton && (n2.__closeButton.innerHTML = t3 ? e3.TEXT_OPEN : e3.TEXT_CLOSED);
+  } }, load: { get: function() {
+    return s2.load;
+  } }, useLocalStorage: { get: function() {
+    return o2;
+  }, set: function(e4) {
+    Be && (o2 = e4, e4 ? ge.bind(window, "unload", r2) : ge.unbind(window, "unload", r2), localStorage.setItem(Je(n2, "isLocal"), e4));
+  } } }), Z.isUndefined(s2.parent)) {
+    if (this.closed = s2.closed || false, ge.addClass(this.domElement, e3.CLASS_MAIN), ge.makeSelectable(this.domElement, false), Be && o2) {
+      n2.useLocalStorage = true;
+      var l2 = localStorage.getItem(Je(this, "gui"));
+      l2 && (s2.load = JSON.parse(l2));
+    }
+    this.__closeButton = document.createElement("div"), this.__closeButton.innerHTML = e3.TEXT_CLOSED, ge.addClass(this.__closeButton, e3.CLASS_CLOSE_BUTTON), s2.closeOnTop ? (ge.addClass(this.__closeButton, e3.CLASS_CLOSE_TOP), this.domElement.insertBefore(this.__closeButton, this.domElement.childNodes[0])) : (ge.addClass(this.__closeButton, e3.CLASS_CLOSE_BOTTOM), this.domElement.appendChild(this.__closeButton)), ge.bind(this.__closeButton, "click", function() {
+      n2.closed = !n2.closed;
+    });
+  } else {
+    void 0 === s2.closed && (s2.closed = true);
+    var d2 = document.createTextNode(s2.name);
+    ge.addClass(d2, "controller-name"), a2 = Ie(n2, d2);
+    ge.addClass(this.__ul, e3.CLASS_CLOSED), ge.addClass(a2, "title"), ge.bind(a2, "click", function(e4) {
+      return e4.preventDefault(), n2.closed = !n2.closed, false;
+    }), s2.closed || (this.closed = false);
+  }
+  s2.autoPlace && (Z.isUndefined(s2.parent) && (Re && (ze = document.createElement("div"), ge.addClass(ze, "dg"), ge.addClass(ze, e3.CLASS_AUTO_PLACE_CONTAINER), document.body.appendChild(ze), Re = false), ze.appendChild(this.domElement), ge.addClass(this.domElement, e3.CLASS_AUTO_PLACE)), this.parent || qe(n2, s2.width)), this.__resizeHandler = function() {
+    n2.onResizeDebounced();
+  }, ge.bind(window, "resize", this.__resizeHandler), ge.bind(this.__ul, "webkitTransitionEnd", this.__resizeHandler), ge.bind(this.__ul, "transitionend", this.__resizeHandler), ge.bind(this.__ul, "oTransitionEnd", this.__resizeHandler), this.onResize(), s2.resizable && Ze(this), r2 = function() {
+    Be && "true" === localStorage.getItem(Je(n2, "isLocal")) && localStorage.setItem(Je(n2, "gui"), JSON.stringify(n2.getSaveObject()));
+  }, this.saveToLocalStorageIfPossible = r2, s2.parent || ((i2 = n2.getRoot()).width += 1, Z.defer(function() {
+    i2.width -= 1;
+  }));
+};
+function Ie(e4, t2, n2) {
+  var s2 = document.createElement("li");
+  return t2 && s2.appendChild(t2), n2 ? e4.__ul.insertBefore(s2, n2) : e4.__ul.appendChild(s2), e4.onResize(), s2;
+}
+function Ve(e4) {
+  ge.unbind(window, "resize", e4.__resizeHandler), e4.saveToLocalStorageIfPossible && ge.unbind(window, "unload", e4.saveToLocalStorageIfPossible);
+}
+function Ne(e4, t2) {
+  var n2 = e4.__preset_select[e4.__preset_select.selectedIndex];
+  n2.innerHTML = t2 ? n2.value + "*" : n2.value;
+}
+function Xe(e4, t2) {
+  var n2 = e4.getRoot(), s2 = n2.__rememberedObjects.indexOf(t2.object);
+  if (-1 !== s2) {
+    var i2 = n2.__rememberedObjectIndecesToControllers[s2];
+    if (void 0 === i2 && (i2 = {}, n2.__rememberedObjectIndecesToControllers[s2] = i2), i2[t2.property] = t2, n2.load && n2.load.remembered) {
+      var o2 = n2.load.remembered, r2 = void 0;
+      if (o2[e4.preset]) r2 = o2[e4.preset];
+      else {
+        if (!o2[He]) return;
+        r2 = o2[He];
+      }
+      if (r2[s2] && void 0 !== r2[s2][t2.property]) {
+        var a2 = r2[s2][t2.property];
+        t2.initialValue = a2, t2.setValue(a2);
+      }
+    }
+  }
+}
+function We(e4, t2, n2, s2) {
+  if (void 0 === t2[n2]) throw new Error('Object "' + t2 + '" has no property "' + n2 + '"');
+  var i2 = void 0;
+  if (s2.color) i2 = new Se(t2, n2);
+  else {
+    var o2 = [t2, n2].concat(s2.factoryArgs);
+    i2 = ke.apply(e4, o2);
+  }
+  s2.before instanceof ue && (s2.before = s2.before.__li), Xe(e4, i2), ge.addClass(i2.domElement, "c");
+  var r2 = document.createElement("span");
+  ge.addClass(r2, "property-name"), r2.innerHTML = i2.property;
+  var a2 = document.createElement("div");
+  a2.appendChild(r2), a2.appendChild(i2.domElement);
+  var l2 = Ie(e4, a2, s2.before);
+  return ge.addClass(l2, Ue.CLASS_CONTROLLER_ROW), i2 instanceof Se ? ge.addClass(l2, "color") : ge.addClass(l2, se(i2.getValue())), function(e5, t3, n3) {
+    if (n3.__li = t3, n3.__gui = e5, Z.extend(n3, { options: function(t4) {
+      if (arguments.length > 1) {
+        var s4 = n3.__li.nextElementSibling;
+        return n3.remove(), We(e5, n3.object, n3.property, { before: s4, factoryArgs: [Z.toArray(arguments)] });
+      }
+      if (Z.isArray(t4) || Z.isObject(t4)) {
+        var i4 = n3.__li.nextElementSibling;
+        return n3.remove(), We(e5, n3.object, n3.property, { before: i4, factoryArgs: [t4] });
+      }
+    }, name: function(e6) {
+      return n3.__li.firstElementChild.firstElementChild.innerHTML = e6, n3;
+    }, listen: function() {
+      return n3.__gui.listen(n3), n3;
+    }, remove: function() {
+      return n3.__gui.remove(n3), n3;
+    } }), n3 instanceof Me) {
+      var s3 = new xe(n3.object, n3.property, { min: n3.__min, max: n3.__max, step: n3.__step });
+      Z.each(["updateDisplay", "onChange", "onFinishChange", "step", "min", "max"], function(e6) {
+        var t4 = n3[e6], i4 = s3[e6];
+        n3[e6] = s3[e6] = function() {
+          var e7 = Array.prototype.slice.call(arguments);
+          return i4.apply(s3, e7), t4.apply(n3, e7);
+        };
+      }), ge.addClass(t3, "has-slider"), n3.domElement.insertBefore(s3.domElement, n3.domElement.firstElementChild);
+    } else if (n3 instanceof xe) {
+      var i3 = function(t4) {
+        if (Z.isNumber(n3.__min) && Z.isNumber(n3.__max)) {
+          var s4 = n3.__li.firstElementChild.firstElementChild.innerHTML, i4 = n3.__gui.__listening.indexOf(n3) > -1;
+          n3.remove();
+          var o3 = We(e5, n3.object, n3.property, { before: n3.__li.nextElementSibling, factoryArgs: [n3.__min, n3.__max, n3.__step] });
+          return o3.name(s4), i4 && o3.listen(), o3;
+        }
+        return t4;
+      };
+      n3.min = Z.compose(i3, n3.min), n3.max = Z.compose(i3, n3.max);
+    } else n3 instanceof _e ? (ge.bind(t3, "click", function() {
+      ge.fakeEvent(n3.__checkbox, "click");
+    }), ge.bind(n3.__checkbox, "click", function(e6) {
+      e6.stopPropagation();
+    })) : n3 instanceof Pe ? (ge.bind(t3, "click", function() {
+      ge.fakeEvent(n3.__button, "click");
+    }), ge.bind(t3, "mouseover", function() {
+      ge.addClass(n3.__button, "hover");
+    }), ge.bind(t3, "mouseout", function() {
+      ge.removeClass(n3.__button, "hover");
+    })) : n3 instanceof Se && (ge.addClass(t3, "color"), n3.updateDisplay = Z.compose(function(e6) {
+      return t3.style.borderLeftColor = n3.__color.toString(), e6;
+    }, n3.updateDisplay), n3.updateDisplay());
+    n3.setValue = Z.compose(function(t4) {
+      return e5.getRoot().__preset_select && n3.isModified() && Ne(e5.getRoot(), true), t4;
+    }, n3.setValue);
+  }(e4, l2, i2), e4.__controllers.push(i2), i2;
+}
+function Je(e4, t2) {
+  return document.location.href + "." + t2;
+}
+function Ye(e4, t2, n2) {
+  var s2 = document.createElement("option");
+  s2.innerHTML = t2, s2.value = t2, e4.__preset_select.appendChild(s2), n2 && (e4.__preset_select.selectedIndex = e4.__preset_select.length - 1);
+}
+function Ke(e4, t2) {
+  t2.style.display = e4.useLocalStorage ? "block" : "none";
+}
+function Ze(e4) {
+  var t2 = void 0;
+  function n2(n3) {
+    return n3.preventDefault(), e4.width += t2 - n3.clientX, e4.onResize(), t2 = n3.clientX, false;
+  }
+  function s2() {
+    ge.removeClass(e4.__closeButton, Ue.CLASS_DRAG), ge.unbind(window, "mousemove", n2), ge.unbind(window, "mouseup", s2);
+  }
+  function i2(i3) {
+    return i3.preventDefault(), t2 = i3.clientX, ge.addClass(e4.__closeButton, Ue.CLASS_DRAG), ge.bind(window, "mousemove", n2), ge.bind(window, "mouseup", s2), false;
+  }
+  e4.__resize_handle = document.createElement("div"), Z.extend(e4.__resize_handle.style, { width: "6px", marginLeft: "-3px", height: "200px", cursor: "ew-resize", position: "absolute" }), ge.bind(e4.__resize_handle, "mousedown", i2), ge.bind(e4.__closeButton, "mousedown", i2), e4.domElement.insertBefore(e4.__resize_handle, e4.domElement.firstElementChild);
+}
+function qe(e4, t2) {
+  e4.domElement.style.width = t2 + "px", e4.__save_row && e4.autoPlace && (e4.__save_row.style.width = t2 + "px"), e4.__closeButton && (e4.__closeButton.style.width = t2 + "px");
+}
+function Qe(e4, t2) {
+  var n2 = {};
+  return Z.each(e4.__rememberedObjects, function(s2, i2) {
+    var o2 = {}, r2 = e4.__rememberedObjectIndecesToControllers[i2];
+    Z.each(r2, function(e5, n3) {
+      o2[n3] = t2 ? e5.initialValue : e5.getValue();
+    }), n2[i2] = o2;
+  }), n2;
+}
+function $e(e4) {
+  0 !== e4.length && Te.call(window, function() {
+    $e(e4);
+  }), Z.each(e4, function(e5) {
+    e5.updateDisplay();
+  });
+}
+Ue.toggleHide = function() {
+  De = !De, Z.each(Ge, function(e4) {
+    e4.domElement.style.display = De ? "none" : "";
+  });
+}, Ue.CLASS_AUTO_PLACE = "a", Ue.CLASS_AUTO_PLACE_CONTAINER = "ac", Ue.CLASS_MAIN = "main", Ue.CLASS_CONTROLLER_ROW = "cr", Ue.CLASS_TOO_TALL = "taller-than-window", Ue.CLASS_CLOSED = "closed", Ue.CLASS_CLOSE_BUTTON = "close-button", Ue.CLASS_CLOSE_TOP = "close-top", Ue.CLASS_CLOSE_BOTTOM = "close-bottom", Ue.CLASS_DRAG = "drag", Ue.DEFAULT_WIDTH = 245, Ue.TEXT_CLOSED = "Close Controls", Ue.TEXT_OPEN = "Open Controls", Ue._keydownHandler = function(e4) {
+  "text" === document.activeElement.type || 72 !== e4.which && 72 !== e4.keyCode || Ue.toggleHide();
+}, ge.bind(window, "keydown", Ue._keydownHandler, false), Z.extend(Ue.prototype, { add: function(e4, t2) {
+  return We(this, e4, t2, { factoryArgs: Array.prototype.slice.call(arguments, 2) });
+}, addColor: function(e4, t2) {
+  return We(this, e4, t2, { color: true });
+}, remove: function(e4) {
+  this.__ul.removeChild(e4.__li), this.__controllers.splice(this.__controllers.indexOf(e4), 1);
+  var t2 = this;
+  Z.defer(function() {
+    t2.onResize();
+  });
+}, destroy: function() {
+  if (this.parent) throw new Error("Only the root GUI should be removed with .destroy(). For subfolders, use gui.removeFolder(folder) instead.");
+  this.autoPlace && ze.removeChild(this.domElement);
+  var e4 = this;
+  Z.each(this.__folders, function(t2) {
+    e4.removeFolder(t2);
+  }), ge.unbind(window, "keydown", Ue._keydownHandler, false), Ve(this);
+}, addFolder: function(e4) {
+  if (void 0 !== this.__folders[e4]) throw new Error('You already have a folder in this GUI by the name "' + e4 + '"');
+  var t2 = { name: e4, parent: this };
+  t2.autoPlace = this.autoPlace, this.load && this.load.folders && this.load.folders[e4] && (t2.closed = this.load.folders[e4].closed, t2.load = this.load.folders[e4]);
+  var n2 = new Ue(t2);
+  this.__folders[e4] = n2;
+  var s2 = Ie(this, n2.domElement);
+  return ge.addClass(s2, "folder"), n2;
+}, removeFolder: function(e4) {
+  this.__ul.removeChild(e4.domElement.parentElement), delete this.__folders[e4.name], this.load && this.load.folders && this.load.folders[e4.name] && delete this.load.folders[e4.name], Ve(e4);
+  var t2 = this;
+  Z.each(e4.__folders, function(t3) {
+    e4.removeFolder(t3);
+  }), Z.defer(function() {
+    t2.onResize();
+  });
+}, open: function() {
+  this.closed = false;
+}, close: function() {
+  this.closed = true;
+}, hide: function() {
+  this.domElement.style.display = "none";
+}, show: function() {
+  this.domElement.style.display = "";
+}, onResize: function() {
+  var e4 = this.getRoot();
+  if (e4.scrollable) {
+    var t2 = ge.getOffset(e4.__ul).top, n2 = 0;
+    Z.each(e4.__ul.childNodes, function(t3) {
+      e4.autoPlace && t3 === e4.__save_row || (n2 += ge.getHeight(t3));
+    }), window.innerHeight - t2 - 20 < n2 ? (ge.addClass(e4.domElement, Ue.CLASS_TOO_TALL), e4.__ul.style.height = window.innerHeight - t2 - 20 + "px") : (ge.removeClass(e4.domElement, Ue.CLASS_TOO_TALL), e4.__ul.style.height = "auto");
+  }
+  e4.__resize_handle && Z.defer(function() {
+    e4.__resize_handle.style.height = e4.__ul.offsetHeight + "px";
+  }), e4.__closeButton && (e4.__closeButton.style.width = e4.width + "px");
+}, onResizeDebounced: Z.debounce(function() {
+  this.onResize();
+}, 50), remember: function() {
+  if (Z.isUndefined(je) && ((je = new Le()).domElement.innerHTML = `<div id="dg-save" class="dg dialogue">
+
+  Here's the new load parameter for your <code>GUI</code>'s constructor:
+
+  <textarea id="dg-new-constructor"></textarea>
+
+  <div id="dg-save-locally">
+
+    <input id="dg-local-storage" type="checkbox"/> Automatically save
+    values to <code>localStorage</code> on exit.
+
+    <div id="dg-local-explain">The values saved to <code>localStorage</code> will
+      override those passed to <code>dat.GUI</code>'s constructor. This makes it
+      easier to work incrementally, but <code>localStorage</code> is fragile,
+      and your friends may not see the same values you do.
+
+    </div>
+
+  </div>
+
+</div>`), this.parent) throw new Error("You can only call remember on a top level GUI.");
+  var e4 = this;
+  Z.each(Array.prototype.slice.call(arguments), function(t2) {
+    0 === e4.__rememberedObjects.length && function(e5) {
+      var t3 = e5.__save_row = document.createElement("li");
+      ge.addClass(e5.domElement, "has-save"), e5.__ul.insertBefore(t3, e5.__ul.firstChild), ge.addClass(t3, "save-row");
+      var n2 = document.createElement("span");
+      n2.innerHTML = "&nbsp;", ge.addClass(n2, "button gears");
+      var s2 = document.createElement("span");
+      s2.innerHTML = "Save", ge.addClass(s2, "button"), ge.addClass(s2, "save");
+      var i2 = document.createElement("span");
+      i2.innerHTML = "New", ge.addClass(i2, "button"), ge.addClass(i2, "save-as");
+      var o2 = document.createElement("span");
+      o2.innerHTML = "Revert", ge.addClass(o2, "button"), ge.addClass(o2, "revert");
+      var r2 = e5.__preset_select = document.createElement("select");
+      e5.load && e5.load.remembered ? Z.each(e5.load.remembered, function(t4, n3) {
+        Ye(e5, n3, n3 === e5.preset);
+      }) : Ye(e5, He, false);
+      if (ge.bind(r2, "change", function() {
+        for (var t4 = 0; t4 < e5.__preset_select.length; t4++) e5.__preset_select[t4].innerHTML = e5.__preset_select[t4].value;
+        e5.preset = this.value;
+      }), t3.appendChild(r2), t3.appendChild(n2), t3.appendChild(s2), t3.appendChild(i2), t3.appendChild(o2), Be) {
+        var a2 = document.getElementById("dg-local-explain"), l2 = document.getElementById("dg-local-storage");
+        document.getElementById("dg-save-locally").style.display = "block", "true" === localStorage.getItem(Je(e5, "isLocal")) && l2.setAttribute("checked", "checked"), Ke(e5, a2), ge.bind(l2, "change", function() {
+          e5.useLocalStorage = !e5.useLocalStorage, Ke(e5, a2);
+        });
+      }
+      var d2 = document.getElementById("dg-new-constructor");
+      ge.bind(d2, "keydown", function(e6) {
+        !e6.metaKey || 67 !== e6.which && 67 !== e6.keyCode || je.hide();
+      }), ge.bind(n2, "click", function() {
+        d2.innerHTML = JSON.stringify(e5.getSaveObject(), void 0, 2), je.show(), d2.focus(), d2.select();
+      }), ge.bind(s2, "click", function() {
+        e5.save();
+      }), ge.bind(i2, "click", function() {
+        var t4 = prompt("Enter a new preset name.");
+        t4 && e5.saveAs(t4);
+      }), ge.bind(o2, "click", function() {
+        e5.revert();
+      });
+    }(e4), -1 === e4.__rememberedObjects.indexOf(t2) && e4.__rememberedObjects.push(t2);
+  }), this.autoPlace && qe(this, this.width);
+}, getRoot: function() {
+  for (var e4 = this; e4.parent; ) e4 = e4.parent;
+  return e4;
+}, getSaveObject: function() {
+  var e4 = this.load;
+  return e4.closed = this.closed, this.__rememberedObjects.length > 0 && (e4.preset = this.preset, e4.remembered || (e4.remembered = {}), e4.remembered[this.preset] = Qe(this)), e4.folders = {}, Z.each(this.__folders, function(t2, n2) {
+    e4.folders[n2] = t2.getSaveObject();
+  }), e4;
+}, save: function() {
+  this.load.remembered || (this.load.remembered = {}), this.load.remembered[this.preset] = Qe(this), Ne(this, false), this.saveToLocalStorageIfPossible();
+}, saveAs: function(e4) {
+  this.load.remembered || (this.load.remembered = {}, this.load.remembered[He] = Qe(this, true)), this.load.remembered[e4] = Qe(this), this.preset = e4, Ye(this, e4, true), this.saveToLocalStorageIfPossible();
+}, revert: function(e4) {
+  Z.each(this.__controllers, function(t2) {
+    this.getRoot().load.remembered ? Xe(e4 || this.getRoot(), t2) : t2.setValue(t2.initialValue), t2.__onFinishChange && t2.__onFinishChange.call(t2, t2.getValue());
+  }, this), Z.each(this.__folders, function(e5) {
+    e5.revert(e5);
+  }), e4 || Ne(this.getRoot(), false);
+}, listen: function(e4) {
+  var t2 = 0 === this.__listening.length;
+  this.__listening.push(e4), t2 && $e(this.__listening);
+}, updateDisplay: function() {
+  Z.each(this.__controllers, function(e4) {
+    e4.updateDisplay();
+  }), Z.each(this.__folders, function(e4) {
+    e4.updateDisplay();
+  });
+} });
+var et = Ue;
+const tt = { autoPlace: true, width: 300, useProxy: false, closed: false }, nt = ["立方体", "球体", "圆柱体", "圆锥体", "圆环", "平面", "圆环结", "十二面体", "二十面体", "八面体", "四面体"], st = ["基础材质", "标准材质", "Lambert材质", "Phong材质", "物理材质", "Toon材质"], it = ["AmbientLight", "DirectionalLight", "PointLight", "SpotLight", "HemisphereLight", "RectAreaLight"], ot = ["围栏物体", "平面绘制", "曲线路径", "直线路径"], rt = ["场景交点", "地图区域中心", "地图行政中心"];
+class at extends k {
+  constructor(e4) {
+    super({ ...tt, ...e4 }), this.name = "gui", this._gui = null, this.sceneFolder = null, this.controlFolder = null, this.meshFolder = null, this.animationFolder = null, this.selectPanel = null, this.modelListFolder = null, this.innerMeshListFolder = null, this.drawMeshListFolder = null, this.geoMapListFolder = null, this.particleListFolder = null, this.borderGroupListFolder = null, this.textMeshListFolder = null, this.designMeshListFolder = null, this.lightListFolder = null, this.handlerParams = { mode: "变换", isTransformChildren: false, openKey: false }, this.innerMeshParams = { geometryType: "立方体", materialType: "标准材质" }, this.drawParams = { mode: "围栏物体", pointMode: "场景交点", materialType: "标准材质" }, this.geoMapParams = { url: "", materialType: "标准材质" }, this.particleParams = { particlesSum: 1e5, inner: 0, outer: 2e3, maxVelocity: 50, mapUrl: "https://z2586300277.github.io/three-editor/dist/files/channels/snow.png", sportType: "全随机", shaderCodeName: "水波纹" }, this.borderGroupParams = { url: "https://geo.datav.aliyun.com/areas_v3/bound/100000.json", materialType: "基础材质", dlength: 0 }, this.textMeshParams = { fontLink: "https://z2586300277.github.io/three-editor/dist/files/font/cn1.json", text: "", materialType: "标准材质" }, this.designMeshParams = { type: "镜面" }, this.lightParams = { lightType: "AmbientLight" };
+  }
+  onInstall() {
+    this.createGUI();
+  }
+  onUninstall() {
+    this.destroy();
+  }
+  get gui() {
+    return this._gui;
+  }
+  get domElement() {
+    var _a;
+    return ((_a = this._gui) == null ? void 0 : _a.domElement) ?? null;
+  }
+  createGUI() {
+    this.config.useProxy || (this._gui = new et({ autoPlace: this.config.autoPlace, width: this.config.width }), this.createSceneFolder(), this.createControlFolder(), this.createMeshFolder(), this.createAnimationFolder());
+  }
+  createSceneFolder() {
+    this._gui && (this.sceneFolder = this._gui.addFolder("场景配置"), this.createRendererFolder(), this.createCameraFolder(), this.createOrbitControlsFolder(), this.createEnvironmentFolder(), this.createLightGroupFolder(), this.createComposerFolder(), this.config.closed || this.sceneFolder.open());
+  }
+  createRendererFolder() {
+    if (!this.sceneFolder) return;
+    const e4 = this.sceneFolder.addFolder("渲染器配置"), n2 = this.renderer, s2 = { toneMapping: n2.toneMapping, toneMappingExposure: n2.toneMappingExposure, shadowMapEnabled: n2.shadowMap.enabled, shadowMapType: n2.shadowMap.type, pixelRatio: n2.getPixelRatio(), outputColorSpace: n2.outputColorSpace };
+    e4.add(s2, "toneMapping", { "无": t.NoToneMapping, "线性": t.LinearToneMapping, Reinhard: t.ReinhardToneMapping, Cineon: t.CineonToneMapping, ACESFilmic: t.ACESFilmicToneMapping }).name("色调映射").onChange((e5) => {
+      n2.toneMapping = e5;
+    }), e4.add(s2, "toneMappingExposure", 0, 3, 0.1).name("曝光度").onChange((e5) => {
+      n2.toneMappingExposure = e5;
+    }), e4.add(s2, "shadowMapEnabled").name("阴影").onChange((e5) => {
+      n2.shadowMap.enabled = e5;
+    }), e4.add(s2, "pixelRatio", 0.5, 3, 0.1).name("像素比").onChange((e5) => {
+      n2.setPixelRatio(e5);
+    });
+  }
+  createCameraFolder() {
+    if (!this.sceneFolder) return;
+    const e4 = this.sceneFolder.addFolder("相机配置"), t2 = this.camera;
+    e4.add(t2, "fov", 10, 120, 1).name("视角").onChange(() => {
+      t2.updateProjectionMatrix();
+    }), e4.add(t2, "near", 0.01, 100, 0.01).name("近裁剪面").onChange(() => {
+      t2.updateProjectionMatrix();
+    }), e4.add(t2, "far", 100, 1e5, 100).name("远裁剪面").onChange(() => {
+      t2.updateProjectionMatrix();
+    });
+    const n2 = e4.addFolder("位置");
+    n2.add(t2.position, "x", -1e3, 1e3, 1).listen(), n2.add(t2.position, "y", -1e3, 1e3, 1).listen(), n2.add(t2.position, "z", -1e3, 1e3, 1).listen();
+  }
+  createOrbitControlsFolder() {
+    var _a;
+    if (!this.sceneFolder) return;
+    const e4 = (_a = this.pluginManager) == null ? void 0 : _a.get("orbit-controller");
+    if (!(e4 == null ? void 0 : e4.controls)) return;
+    const t2 = this.sceneFolder.addFolder("轨道控制"), n2 = e4.controls;
+    t2.add(n2, "enableDamping").name("阻尼"), t2.add(n2, "dampingFactor", 0, 1, 0.01).name("阻尼系数"), t2.add(n2, "enableZoom").name("缩放"), t2.add(n2, "enableRotate").name("旋转"), t2.add(n2, "enablePan").name("平移"), t2.add(n2, "autoRotate").name("自动旋转"), t2.add(n2, "autoRotateSpeed", 0, 10, 0.1).name("旋转速度"), t2.add(n2, "minDistance", 0, 1e3, 1).name("最小距离"), t2.add(n2, "maxDistance", 0, 1e4, 10).name("最大距离"), t2.add(n2, "maxPolarAngle", 0, Math.PI, 0.01).name("最大极角");
+  }
+  createEnvironmentFolder() {
+    var _a, _b;
+    if (!this.sceneFolder) return;
+    const e4 = this.sceneFolder.addFolder("环境配置"), n2 = this.scene, s2 = e4.addFolder("雾配置"), i2 = { enabled: !!n2.fog, color: n2.fog ? "#" + n2.fog.color.getHexString() : "#cccccc", near: ((_a = n2.fog) == null ? void 0 : _a.near) ?? 1, far: ((_b = n2.fog) == null ? void 0 : _b.far) ?? 1e3 };
+    s2.add(i2, "enabled").name("启用").onChange((e5) => {
+      n2.fog = e5 ? new t.Fog(i2.color, i2.near, i2.far) : null;
+    }), s2.addColor(i2, "color").name("颜色").onChange((e5) => {
+      n2.fog && n2.fog.color.set(e5);
+    }), s2.add(i2, "near", 0, 1e3, 1).name("近距离").onChange((e5) => {
+      n2.fog && (n2.fog.near = e5);
+    }), s2.add(i2, "far", 0, 1e4, 10).name("远距离").onChange((e5) => {
+      n2.fog && (n2.fog.far = e5);
+    });
+    e4.addColor({ color: "#000000" }, "color").name("背景颜色").onChange((e5) => {
+      n2.background = new t.Color(e5);
+    });
+  }
+  createLightGroupFolder() {
+    if (!this.sceneFolder) return;
+    const e4 = this.sceneFolder.addFolder("灯光配置");
+    this.lightListFolder = e4.addFolder("灯光列表"), e4.add(this.lightParams, "lightType", it).name("光源类型"), e4.add({ fn: () => {
+      const e5 = this.createLight(this.lightParams.lightType);
+      this.scene.add(e5), this.addLightPanel(e5), this.events.emit("light:add", { light: e5 });
+    } }, "fn").name("添加光源"), this.scene.children.forEach((e5) => {
+      e5 instanceof t.Light && this.addLightPanel(e5);
+    });
+  }
+  createLight(e4) {
+    switch (e4) {
+      case "AmbientLight":
+      default:
+        return new t.AmbientLight(16777215, 0.5);
+      case "DirectionalLight":
+        const e5 = new t.DirectionalLight(16777215, 1);
+        return e5.position.set(5, 10, 5), e5.castShadow = true, e5;
+      case "PointLight":
+        const n2 = new t.PointLight(16777215, 1, 100);
+        return n2.position.set(0, 5, 0), n2;
+      case "SpotLight":
+        const s2 = new t.SpotLight(16777215, 1);
+        return s2.position.set(0, 10, 0), s2.castShadow = true, s2;
+      case "HemisphereLight":
+        return new t.HemisphereLight(16777215, 4473924, 1);
+      case "RectAreaLight":
+        const i2 = new t.RectAreaLight(16777215, 1, 10, 10);
+        return i2.position.set(0, 5, 0), i2;
+    }
+  }
+  addLightPanel(e4) {
+    var _a;
+    if (!this.lightListFolder) return;
+    const n2 = this.lightListFolder.addFolder(e4.type + e4.id), s2 = (_a = this.pluginManager) == null ? void 0 : _a.get("transform-controller"), i2 = { color: "#" + e4.color.getHexString() };
+    if (n2.addColor(i2, "color").name("颜色").onChange((t2) => {
+      e4.color.set(t2);
+    }), n2.add(e4, "intensity", 0, 10, 0.1).name("强度"), !(e4 instanceof t.AmbientLight || e4 instanceof t.HemisphereLight)) {
+      const t2 = n2.addFolder("位置");
+      t2.add(e4.position, "x", -100, 100, 0.1).listen(), t2.add(e4.position, "y", -100, 100, 0.1).listen(), t2.add(e4.position, "z", -100, 100, 0.1).listen();
+    }
+    void 0 !== e4.castShadow && n2.add(e4, "castShadow").name("投射阴影"), n2.add({ fn: () => {
+      (s2 == null ? void 0 : s2.controls) && s2.controls.attach(e4);
+    } }, "fn").name("选中"), n2.add({ fn: () => {
+      var _a2, _b;
+      (_a2 = e4.parent) == null ? void 0 : _a2.remove(e4), (_b = this.lightListFolder) == null ? void 0 : _b.removeFolder(n2);
+    } }, "fn").name("删除");
+  }
+  createComposerFolder() {
+    var _a;
+    if (!this.sceneFolder) return;
+    const e4 = (_a = this.pluginManager) == null ? void 0 : _a.get("composer");
+    if (!e4) return;
+    const t2 = this.sceneFolder.addFolder("后期处理"), n2 = t2.addFolder("轮廓光"), s2 = e4.outlinePass;
+    if (s2) {
+      n2.add(s2, "enabled").name("启用"), n2.add(s2, "edgeStrength", 0, 10, 0.1).name("边缘强度"), n2.add(s2, "edgeGlow", 0, 5, 0.1).name("边缘发光"), n2.add(s2, "edgeThickness", 0, 5, 0.1).name("边缘厚度"), n2.add(s2, "pulsePeriod", 0, 5, 0.1).name("脉冲周期");
+      const e5 = { visibleEdgeColor: "#" + s2.visibleEdgeColor.getHexString(), hiddenEdgeColor: "#" + s2.hiddenEdgeColor.getHexString() };
+      n2.addColor(e5, "visibleEdgeColor").name("可见边缘颜色").onChange((e6) => {
+        s2.visibleEdgeColor.set(e6);
+      }), n2.addColor(e5, "hiddenEdgeColor").name("隐藏边缘颜色").onChange((e6) => {
+        s2.hiddenEdgeColor.set(e6);
+      });
+    }
+    const i2 = t2.addFolder("泛光"), o2 = e4.bloomPass;
+    o2 && (i2.add(o2, "enabled").name("启用"), i2.add(o2, "strength", 0, 3, 0.1).name("强度"), i2.add(o2, "radius", 0, 1, 0.01).name("半径"), i2.add(o2, "threshold", 0, 1, 0.01).name("阈值"));
+  }
+  createControlFolder() {
+    this._gui && (this.controlFolder = this._gui.addFolder("控制配置"), this.controlFolder.add(this.handlerParams, "mode", ["选择", "根选择", "变换", "场景绘制", "点击信息"]).name("模式").listen().onChange((e4) => {
+      this.events.emit("mode:change", { mode: e4 });
+    }), this.controlFolder.add(this.handlerParams, "isTransformChildren").name("子变换").listen(), this.controlFolder.add(this.handlerParams, "openKey").name("开启按键").listen().onChange((e4) => {
+      this.events.emit("keyboard:toggle", { enabled: e4 });
+    }), this.createSyncTransformFolder(), this.createStatsFolder(), this.createHelpersFolder(), this.createTransformControlsFolder(), this.config.closed || this.controlFolder.open());
+  }
+  createSyncTransformFolder() {
+    if (!this.controlFolder) return;
+    const e4 = this.controlFolder.addFolder("同步控制"), t2 = { syncPosition: false, syncRotation: false, syncScale: false };
+    e4.add(t2, "syncPosition").name("同步位置"), e4.add(t2, "syncRotation").name("同步旋转"), e4.add(t2, "syncScale").name("同步缩放");
+  }
+  createStatsFolder() {
+    if (!this.controlFolder) return;
+    const e4 = this.controlFolder.addFolder("性能监控"), t2 = { showStats: false, statsMode: 0 };
+    e4.add(t2, "showStats").name("显示性能").onChange((e5) => {
+      this.events.emit("stats:toggle", { enabled: e5 });
+    }), e4.add(t2, "statsMode", { FPS: 0, MS: 1, MB: 2 }).name("模式").onChange((e5) => {
+      this.events.emit("stats:mode", { mode: e5 });
+    });
+  }
+  createHelpersFolder() {
+    if (!this.controlFolder) return;
+    const e4 = this.controlFolder.addFolder("辅助工具"), t2 = { showGrid: true, showAxes: true, gridSize: 100, gridDivisions: 100, axesSize: 5 };
+    e4.add(t2, "showGrid").name("显示网格").onChange((e5) => {
+      this.events.emit("helper:grid", { enabled: e5, size: t2.gridSize, divisions: t2.gridDivisions });
+    }), e4.add(t2, "gridSize", 10, 500, 10).name("网格大小").onChange((e5) => {
+      this.events.emit("helper:grid", { enabled: t2.showGrid, size: e5, divisions: t2.gridDivisions });
+    }), e4.add(t2, "gridDivisions", 10, 200, 10).name("网格分割").onChange((e5) => {
+      this.events.emit("helper:grid", { enabled: t2.showGrid, size: t2.gridSize, divisions: e5 });
+    }), e4.add(t2, "showAxes").name("显示坐标轴").onChange((e5) => {
+      this.events.emit("helper:axes", { enabled: e5, size: t2.axesSize });
+    }), e4.add(t2, "axesSize", 1, 50, 1).name("坐标轴大小").onChange((e5) => {
+      this.events.emit("helper:axes", { enabled: t2.showAxes, size: e5 });
+    });
+  }
+  createTransformControlsFolder() {
+    var _a;
+    if (!this.controlFolder) return;
+    const e4 = (_a = this.pluginManager) == null ? void 0 : _a.get("transform-controller");
+    if (!(e4 == null ? void 0 : e4.controls)) return;
+    const t2 = this.controlFolder.addFolder("变换控制器配置"), n2 = e4.controls;
+    t2.add(n2, "mode", ["translate", "rotate", "scale"]).name("模式"), t2.add(n2, "space", ["world", "local"]).name("空间"), t2.add(n2, "size", 0.1, 5, 0.1).name("大小"), t2.add(n2, "showX").name("显示X轴"), t2.add(n2, "showY").name("显示Y轴"), t2.add(n2, "showZ").name("显示Z轴");
+    const s2 = { translationSnap: n2.translationSnap ?? 0, rotationSnap: n2.rotationSnap ?? 0 };
+    t2.add(s2, "translationSnap", 0, 10, 0.1).name("平移吸附").onChange((e5) => {
+      n2.setTranslationSnap(0 === e5 ? null : e5);
+    }), t2.add(s2, "rotationSnap", 0, Math.PI / 4, 0.01).name("旋转吸附").onChange((e5) => {
+      n2.setRotationSnap(0 === e5 ? null : e5);
+    });
+  }
+  createMeshFolder() {
+    this._gui && (this.meshFolder = this._gui.addFolder("3D物体"), this.createModelFolder(), this.createDrawFolder(), this.createInnerMeshFolder(), this.createGeoMapFolder(), this.createParticleFolder(), this.createBorderGroupFolder(), this.createTextMeshFolder(), this.createDesignMeshFolder(), this.config.closed || this.meshFolder.open());
+  }
+  createModelFolder() {
+    if (!this.meshFolder) return;
+    const e4 = this.meshFolder.addFolder("模型配置");
+    this.modelListFolder = e4.addFolder("已有列表");
+    const t2 = { dracoPath: "/draco/", loadGLTF: () => {
+      this.openFileDialog(".glb,.gltf", (e5) => {
+        this.events.emit("model:load", { file: e5, type: "GLTF" });
+      });
+    }, loadFBX: () => {
+      this.openFileDialog(".fbx", (e5) => {
+        this.events.emit("model:load", { file: e5, type: "FBX" });
+      });
+    }, loadOBJ: () => {
+      this.openFileDialog(".obj", (e5) => {
+        this.events.emit("model:load", { file: e5, type: "OBJ" });
+      });
+    } };
+    e4.add(t2, "dracoPath").name("Draco路径"), e4.add(t2, "loadGLTF").name("加载GLTF"), e4.add(t2, "loadFBX").name("加载FBX"), e4.add(t2, "loadOBJ").name("加载OBJ");
+  }
+  addModelPanel(e4) {
+    var _a, _b, _c, _d;
+    if (!this.modelListFolder) return;
+    const n2 = this.modelListFolder.addFolder(e4.name + e4.id), s2 = (_a = this.pluginManager) == null ? void 0 : _a.get("transform-controller"), i2 = (_b = this.pluginManager) == null ? void 0 : _b.get("orbit-controller"), o2 = (_c = this.pluginManager) == null ? void 0 : _c.get("composer");
+    this.addMeshControlPanel(e4, n2.addFolder("物体控制")), this.addGroupGlobalPanel(e4, n2.addFolder("全局和子项控制")), ((_d = e4.animations) == null ? void 0 : _d.length) > 0 && this.addGroupAnimationPanel(e4, n2.addFolder("动画配置")), n2.add({ fn: () => {
+      (s2 == null ? void 0 : s2.controls) && s2.controls.attach(e4);
+    } }, "fn").name("选中"), n2.add({ fn: () => {
+      if (i2 == null ? void 0 : i2.controls) {
+        const n3 = new t.Box3().setFromObject(e4), s3 = n3.getCenter(new t.Vector3()), o3 = n3.getSize(new t.Vector3()), r2 = 2 * Math.max(o3.x, o3.y, o3.z);
+        i2.controls.target.copy(s3), this.camera.position.copy(s3).add(new t.Vector3(r2, r2, r2));
+      }
+      (s2 == null ? void 0 : s2.controls) && s2.controls.attach(e4), o2 && o2.setOutlineObjects([e4]);
+    } }, "fn").name("定位物体"), n2.add({ fn: () => {
+      var _a2, _b2;
+      (s2 == null ? void 0 : s2.controls) && s2.controls.detach(), (_a2 = e4.parent) == null ? void 0 : _a2.remove(e4), (_b2 = this.modelListFolder) == null ? void 0 : _b2.removeFolder(n2);
+    } }, "fn").name("删除");
+  }
+  addMeshControlPanel(e4, t2) {
+    t2.add(e4, "visible").name("可见");
+    const n2 = t2.addFolder("位置");
+    n2.add(e4.position, "x", -1e3, 1e3, 0.1).listen(), n2.add(e4.position, "y", -1e3, 1e3, 0.1).listen(), n2.add(e4.position, "z", -1e3, 1e3, 0.1).listen();
+    const s2 = t2.addFolder("旋转");
+    s2.add(e4.rotation, "x", -Math.PI, Math.PI, 0.01).listen(), s2.add(e4.rotation, "y", -Math.PI, Math.PI, 0.01).listen(), s2.add(e4.rotation, "z", -Math.PI, Math.PI, 0.01).listen();
+    const i2 = t2.addFolder("缩放");
+    i2.add(e4.scale, "x", 0.01, 10, 0.01).listen(), i2.add(e4.scale, "y", 0.01, 10, 0.01).listen(), i2.add(e4.scale, "z", 0.01, 10, 0.01).listen();
+    i2.add({ scale: 1 }, "scale", 0.01, 10, 0.01).name("统一缩放").onChange((t3) => {
+      e4.scale.set(t3, t3, t3);
+    }), e4.isMesh && (t2.add(e4, "castShadow").name("投射阴影"), t2.add(e4, "receiveShadow").name("接收阴影"));
+  }
+  addGroupGlobalPanel(e4, t2) {
+    const n2 = e4.globalConfig || { useGlobalConfig: false, isSaveChildren: true, isSaveMaterials: true, mesh: { castShadow: false, receiveShadow: false }, material: { envMap: false, envMapIntensity: 1, reflectivity: 0.98 } };
+    e4.globalConfig = n2, t2.add(n2, "useGlobalConfig").name("使用全局配置"), t2.add(n2, "isSaveChildren").name("保存子项"), t2.add(n2, "isSaveMaterials").name("保存材质");
+    const s2 = t2.addFolder("网格配置");
+    s2.add(n2.mesh, "castShadow").name("投射阴影").onChange((t3) => {
+      n2.useGlobalConfig && e4.traverse((e5) => {
+        e5.isMesh && (e5.castShadow = t3);
+      });
+    }), s2.add(n2.mesh, "receiveShadow").name("接收阴影").onChange((t3) => {
+      n2.useGlobalConfig && e4.traverse((e5) => {
+        e5.isMesh && (e5.receiveShadow = t3);
+      });
+    });
+    t2.addFolder("材质配置").add(n2.material, "envMapIntensity", 0, 5, 0.1).name("环境贴图强度").onChange((t3) => {
+      n2.useGlobalConfig && e4.traverse((e5) => {
+        if (e5.isMesh) {
+          (Array.isArray(e5.material) ? e5.material : [e5.material]).forEach((e6) => {
+            void 0 !== e6.envMapIntensity && (e6.envMapIntensity = t3);
+          });
+        }
+      });
+    });
+  }
+  addGroupAnimationPanel(e4, t2) {
+    const n2 = e4.animations;
+    if (!n2 || 0 === n2.length) return;
+    const s2 = e4.animationPlayParams || { initPlay: false, speed: 0.5, actionIndexs: new Array(n2.length).fill(false), startTime: 0, loop: false };
+    e4.animationPlayParams = s2, t2.add(s2, "initPlay").name("初始播放"), t2.add(s2, "speed", 0, 2, 0.1).name("速度"), t2.add(s2, "startTime", 0, 10, 0.1).name("开始时间"), t2.add(s2, "loop").name("循环");
+    const i2 = t2.addFolder("动画列表");
+    n2.forEach((e5, t3) => {
+      i2.add(s2.actionIndexs, t3.toString()).name(e5.name || `动画${t3}`);
+    }), t2.add({ play: () => {
+      this.events.emit("animation:play", { group: e4, params: s2 });
+    } }, "play").name("播放"), t2.add({ stop: () => {
+      this.events.emit("animation:stop", { group: e4 });
+    } }, "stop").name("停止");
+  }
+  createDrawFolder() {
+    if (!this.meshFolder) return;
+    const e4 = this.meshFolder.addFolder("绘制配置");
+    this.drawMeshListFolder = e4.addFolder("已有列表"), e4.add(this.drawParams, "mode", ot).name("绘制模式"), e4.add(this.drawParams, "pointMode", rt).name("点模式"), e4.add(this.drawParams, "materialType", st).name("材质"), e4.add({ fn: () => {
+      this.events.emit("draw:start", { mode: this.drawParams.mode, pointMode: this.drawParams.pointMode, materialType: this.drawParams.materialType });
+    } }, "fn").name("添加绘制组");
+  }
+  addDrawMeshPanel(e4) {
+    var _a;
+    if (!this.drawMeshListFolder) return;
+    const t2 = this.drawMeshListFolder.addFolder(e4.name + e4.id), n2 = (_a = this.pluginManager) == null ? void 0 : _a.get("transform-controller");
+    this.addMeshControlPanel(e4, t2.addFolder("物体控制")), t2.add({ fn: () => {
+      (n2 == null ? void 0 : n2.controls) && n2.controls.attach(e4);
+    } }, "fn").name("选中"), t2.add({ fn: () => {
+      var _a2, _b;
+      (n2 == null ? void 0 : n2.controls) && n2.controls.detach(), (_a2 = e4.parent) == null ? void 0 : _a2.remove(e4), (_b = this.drawMeshListFolder) == null ? void 0 : _b.removeFolder(t2);
+    } }, "fn").name("删除");
+  }
+  createInnerMeshFolder() {
+    if (!this.meshFolder) return;
+    const e4 = this.meshFolder.addFolder("内置物体");
+    this.innerMeshListFolder = e4.addFolder("已有列表"), e4.add(this.innerMeshParams, "geometryType", nt).name("几何体"), e4.add(this.innerMeshParams, "materialType", st).name("材质"), e4.add({ fn: () => {
+      var _a;
+      const e5 = this.createGeometry(this.innerMeshParams.geometryType), n2 = this.createMaterial(this.innerMeshParams.materialType), s2 = new t.Mesh(e5, n2);
+      s2.isInnerMesh = true, s2.geometryType = this.innerMeshParams.geometryType, s2.materialType = this.innerMeshParams.materialType, this.scene.add(s2), this.addInnerMeshPanel(s2);
+      const i2 = (_a = this.pluginManager) == null ? void 0 : _a.get("transform-controller");
+      (i2 == null ? void 0 : i2.controls) && i2.controls.attach(s2), this.events.emit("innermesh:add", { mesh: s2 });
+    } }, "fn").name("添加");
+  }
+  addInnerMeshPanel(e4) {
+    var _a;
+    if (!this.innerMeshListFolder) return;
+    const t2 = e4.geometryType || "立方体", n2 = this.innerMeshListFolder.addFolder(t2 + ":" + e4.name + e4.id), s2 = (_a = this.pluginManager) == null ? void 0 : _a.get("transform-controller");
+    this.addMeshControlPanel(e4, n2.addFolder("物体控制")), this.addMaterialPanel(e4.material, n2.addFolder("材质配置")), n2.add({ fn: () => {
+      (s2 == null ? void 0 : s2.controls) && s2.controls.attach(e4);
+    } }, "fn").name("选中"), n2.add({ fn: () => {
+      var _a2, _b;
+      (s2 == null ? void 0 : s2.controls) && s2.controls.detach(), (_a2 = e4.parent) == null ? void 0 : _a2.remove(e4), (_b = this.innerMeshListFolder) == null ? void 0 : _b.removeFolder(n2);
+    } }, "fn").name("删除");
+  }
+  addMaterialPanel(e4, n2) {
+    if (e4) {
+      if (e4.color) {
+        const t2 = { color: "#" + e4.color.getHexString() };
+        n2.addColor(t2, "color").name("颜色").onChange((t3) => {
+          e4.color.set(t3);
+        });
+      }
+      if (e4.emissive) {
+        const t2 = { emissive: "#" + e4.emissive.getHexString() };
+        n2.addColor(t2, "emissive").name("发光颜色").onChange((t3) => {
+          e4.emissive.set(t3);
+        }), n2.add(e4, "emissiveIntensity", 0, 5, 0.1).name("发光强度");
+      }
+      n2.add(e4, "transparent").name("透明"), n2.add(e4, "opacity", 0, 1, 0.01).name("透明度"), n2.add(e4, "side", { "正面": t.FrontSide, "背面": t.BackSide, "双面": t.DoubleSide }).name("渲染面"), void 0 !== e4.wireframe && n2.add(e4, "wireframe").name("线框"), void 0 !== e4.metalness && n2.add(e4, "metalness", 0, 1, 0.01).name("金属度"), void 0 !== e4.roughness && n2.add(e4, "roughness", 0, 1, 0.01).name("粗糙度"), void 0 !== e4.envMapIntensity && n2.add(e4, "envMapIntensity", 0, 5, 0.1).name("环境贴图强度");
+    }
+  }
+  createGeoMapFolder() {
+    if (!this.meshFolder) return;
+    const e4 = this.meshFolder.addFolder("三维地图");
+    this.geoMapListFolder = e4.addFolder("地图列表"), e4.add(this.geoMapParams, "url").name("地图数据地址"), e4.add(this.geoMapParams, "materialType", st).name("地图材质类型"), e4.add({ fn: () => {
+      const e5 = this.geoMapParams.url || "https://z2586300277.github.io/3d-file-server/files/json/guangdong.json";
+      this.events.emit("geomap:load", { url: e5, materialType: this.geoMapParams.materialType });
+    } }, "fn").name("添加地图");
+  }
+  addGeoMapPanel(e4) {
+    var _a;
+    if (!this.geoMapListFolder) return;
+    const t2 = this.geoMapListFolder.addFolder(e4.name + e4.id), n2 = (_a = this.pluginManager) == null ? void 0 : _a.get("transform-controller");
+    this.addMeshControlPanel(e4, t2.addFolder("物体控制")), t2.add({ fn: () => {
+      (n2 == null ? void 0 : n2.controls) && n2.controls.attach(e4);
+    } }, "fn").name("选中"), t2.add({ fn: () => {
+      var _a2, _b;
+      (n2 == null ? void 0 : n2.controls) && n2.controls.detach(), (_a2 = e4.parent) == null ? void 0 : _a2.remove(e4), (_b = this.geoMapListFolder) == null ? void 0 : _b.removeFolder(t2);
+    } }, "fn").name("删除");
+  }
+  createParticleFolder() {
+    if (!this.meshFolder) return;
+    const e4 = this.meshFolder.addFolder("粒子物体");
+    this.particleListFolder = e4.addFolder("粒子列表");
+    const t2 = e4.addFolder("初始化参数");
+    t2.add(this.particleParams, "particlesSum").name("数量"), t2.add(this.particleParams, "inner").name("内半径"), t2.add(this.particleParams, "outer").name("外半径"), t2.add(this.particleParams, "maxVelocity").name("最大速度"), t2.add(this.particleParams, "mapUrl").name("贴图路径"), t2.add(this.particleParams, "shaderCodeName", ["水波纹", "火焰", "烟雾", "雪花", "星空"]).name("着色器"), t2.add(this.particleParams, "sportType", ["全随机", "随机向下", "随机向上", "直线匀速向上", "直线匀速向下"]).name("运动方式"), e4.add({ fn: () => {
+      this.events.emit("particle:create", { ...this.particleParams });
+    } }, "fn").name("增加一个粒子物体");
+  }
+  addParticlePanel(e4) {
+    var _a;
+    if (!this.particleListFolder) return;
+    const t2 = this.particleListFolder.addFolder(e4.name + e4.id), n2 = (_a = this.pluginManager) == null ? void 0 : _a.get("transform-controller");
+    this.addMeshControlPanel(e4, t2.addFolder("物体控制")), t2.add({ fn: () => {
+      (n2 == null ? void 0 : n2.controls) && n2.controls.attach(e4);
+    } }, "fn").name("选中"), t2.add({ fn: () => {
+      var _a2, _b;
+      (n2 == null ? void 0 : n2.controls) && n2.controls.detach(), (_a2 = e4.parent) == null ? void 0 : _a2.remove(e4), (_b = this.particleListFolder) == null ? void 0 : _b.removeFolder(t2);
+    } }, "fn").name("删除");
+  }
+  createBorderGroupFolder() {
+    if (!this.meshFolder) return;
+    const e4 = this.meshFolder.addFolder("边界物体");
+    this.borderGroupListFolder = e4.addFolder("列表"), e4.add(this.borderGroupParams, "url").name("边界物体数据源"), e4.add(this.borderGroupParams, "materialType", st).name("材质类型"), e4.add(this.borderGroupParams, "dlength", 0).name("低于点数舍弃"), e4.add({ fn: () => {
+      this.events.emit("bordergroup:create", { ...this.borderGroupParams });
+    } }, "fn").name("添加边界物体");
+  }
+  addBorderGroupPanel(e4) {
+    var _a;
+    if (!this.borderGroupListFolder) return;
+    const t2 = this.borderGroupListFolder.addFolder(e4.name + e4.id), n2 = (_a = this.pluginManager) == null ? void 0 : _a.get("transform-controller");
+    this.addMeshControlPanel(e4, t2.addFolder("物体控制")), t2.add({ fn: () => {
+      (n2 == null ? void 0 : n2.controls) && n2.controls.attach(e4);
+    } }, "fn").name("选中"), t2.add({ fn: () => {
+      var _a2, _b;
+      (n2 == null ? void 0 : n2.controls) && n2.controls.detach(), (_a2 = e4.parent) == null ? void 0 : _a2.remove(e4), (_b = this.borderGroupListFolder) == null ? void 0 : _b.removeFolder(t2);
+    } }, "fn").name("删除");
+  }
+  createTextMeshFolder() {
+    if (!this.meshFolder) return;
+    const e4 = this.meshFolder.addFolder("文本物体");
+    this.textMeshListFolder = e4.addFolder("列表"), e4.add(this.textMeshParams, "fontLink").name("字体链接"), e4.add(this.textMeshParams, "materialType", st).name("材质类型"), e4.add(this.textMeshParams, "text").name("文本内容"), e4.add({ fn: () => {
+      this.textMeshParams.text && this.events.emit("textmesh:create", { ...this.textMeshParams });
+    } }, "fn").name("添加文本物体");
+  }
+  addTextMeshPanel(e4) {
+    var _a;
+    if (!this.textMeshListFolder) return;
+    const t2 = e4.text || e4.name, n2 = this.textMeshListFolder.addFolder(t2 + e4.id), s2 = (_a = this.pluginManager) == null ? void 0 : _a.get("transform-controller");
+    this.addMeshControlPanel(e4, n2.addFolder("物体控制")), this.addMaterialPanel(e4.material, n2.addFolder("材质配置")), n2.add({ fn: () => {
+      (s2 == null ? void 0 : s2.controls) && s2.controls.attach(e4);
+    } }, "fn").name("选中"), n2.add({ fn: () => {
+      var _a2, _b;
+      (s2 == null ? void 0 : s2.controls) && s2.controls.detach(), (_a2 = e4.parent) == null ? void 0 : _a2.remove(e4), (_b = this.textMeshListFolder) == null ? void 0 : _b.removeFolder(n2);
+    } }, "fn").name("删除");
+  }
+  createDesignMeshFolder() {
+    if (!this.meshFolder) return;
+    const e4 = this.meshFolder.addFolder("设计物体");
+    this.designMeshListFolder = e4.addFolder("列表"), e4.add(this.designMeshParams, "type", ["镜面", "水面", "玻璃", "发光体"]).name("类型"), e4.add({ fn: () => {
+      this.events.emit("designmesh:create", { type: this.designMeshParams.type });
+    } }, "fn").name("添加");
+  }
+  addDesignMeshPanel(e4) {
+    var _a;
+    if (!this.designMeshListFolder) return;
+    const t2 = this.designMeshListFolder.addFolder(e4.id + (e4.name || "")), n2 = (_a = this.pluginManager) == null ? void 0 : _a.get("transform-controller");
+    this.addMeshControlPanel(e4, t2.addFolder("物体控制")), t2.add({ fn: () => {
+      (n2 == null ? void 0 : n2.controls) && n2.controls.attach(e4);
+    } }, "fn").name("选中"), t2.add({ fn: () => {
+      var _a2, _b;
+      (n2 == null ? void 0 : n2.controls) && n2.controls.detach(), (_a2 = e4.parent) == null ? void 0 : _a2.remove(e4), (_b = this.designMeshListFolder) == null ? void 0 : _b.removeFolder(t2);
+    } }, "fn").name("删除");
+  }
+  createAnimationFolder() {
+    this._gui && (this.animationFolder = this._gui.addFolder("动画配置"), this.createOrbitAnimationFolder(), this.createMeshAnimationFolder(), this.createMoveAnimationFolder());
+  }
+  createOrbitAnimationFolder() {
+    var _a;
+    if (!this.animationFolder) return;
+    const e4 = this.animationFolder.addFolder("视角控制"), t2 = (_a = this.pluginManager) == null ? void 0 : _a.get("orbit-controller");
+    if (!(t2 == null ? void 0 : t2.controls)) return;
+    const n2 = t2.controls, s2 = { autoRotate: n2.autoRotate, autoRotateSpeed: n2.autoRotateSpeed, enableDamping: n2.enableDamping, dampingFactor: n2.dampingFactor };
+    e4.add(s2, "autoRotate").name("自动旋转").onChange((e5) => {
+      n2.autoRotate = e5;
+    }), e4.add(s2, "autoRotateSpeed", 0, 10, 0.1).name("旋转速度").onChange((e5) => {
+      n2.autoRotateSpeed = e5;
+    }), e4.add({ fn: () => {
+      this.events.emit("camera:preset", { preset: "front" });
+    } }, "fn").name("正视图"), e4.add({ fn: () => {
+      this.events.emit("camera:preset", { preset: "top" });
+    } }, "fn").name("俯视图"), e4.add({ fn: () => {
+      this.events.emit("camera:preset", { preset: "side" });
+    } }, "fn").name("侧视图");
+  }
+  createMeshAnimationFolder() {
+    if (!this.animationFolder) return;
+    const e4 = this.animationFolder.addFolder("物体动画"), t2 = { duration: 2, ease: "power2.inOut", repeat: 0, yoyo: false };
+    e4.add(t2, "duration", 0.1, 10, 0.1).name("持续时间"), e4.add(t2, "ease", ["none", "power1.in", "power1.out", "power1.inOut", "power2.in", "power2.out", "power2.inOut", "elastic.out", "bounce.out"]).name("缓动函数"), e4.add(t2, "repeat", -1, 10, 1).name("重复次数"), e4.add(t2, "yoyo").name("往返"), e4.add({ fn: () => {
+      this.events.emit("animation:record", { type: "start", params: t2 });
+    } }, "fn").name("记录起始"), e4.add({ fn: () => {
+      this.events.emit("animation:record", { type: "end", params: t2 });
+    } }, "fn").name("记录结束"), e4.add({ fn: () => {
+      this.events.emit("animation:play", { params: t2 });
+    } }, "fn").name("播放动画");
+  }
+  createMoveAnimationFolder() {
+    if (!this.animationFolder) return;
+    const e4 = this.animationFolder.addFolder("运动动画"), t2 = { speed: 1, loop: false };
+    e4.add(t2, "speed", 0.1, 10, 0.1).name("速度"), e4.add(t2, "loop").name("循环"), e4.add({ fn: () => {
+      this.events.emit("curve:animate", { action: "start", params: t2 });
+    } }, "fn").name("开始运动"), e4.add({ fn: () => {
+      this.events.emit("curve:animate", { action: "pause", params: t2 });
+    } }, "fn").name("暂停运动"), e4.add({ fn: () => {
+      this.events.emit("curve:animate", { action: "stop", params: t2 });
+    } }, "fn").name("停止运动");
+  }
+  createSelectMeshPanel(e4) {
+    if (this.destroySelectPanel(), this._gui) {
+      if (this.selectPanel = this._gui.addFolder("#:" + e4.name + "配置"), this.addMeshControlPanel(e4, this.selectPanel.addFolder("基础配置")), e4.isMesh) {
+        const t2 = e4;
+        Array.isArray(t2.material) ? t2.material.forEach((e5, t3) => {
+          this.addMaterialPanel(e5, this.selectPanel.addFolder("材质配置" + t3));
+        }) : this.addMaterialPanel(t2.material, this.selectPanel.addFolder("材质配置"));
+      }
+      this.addShaderPanel(e4, this.selectPanel.addFolder("着色器配置")), this.addDesignPanel(e4, this.selectPanel.addFolder("设计配置")), this.selectPanel.open();
+    }
+  }
+  createSelectRootGroupPanel(e4) {
+    if (!e4.RootMaterials) return void this.createSelectMeshPanel(e4);
+    if (this.destroySelectPanel(), !this._gui) return;
+    this.selectPanel = this._gui.addFolder("$:" + e4.name + "配置"), this.addMeshControlPanel(e4, this.selectPanel.addFolder("基础配置"));
+    const t2 = e4.RootMaterials;
+    if (t2 && t2.length > 0) {
+      const e5 = this.selectPanel.addFolder("遍历材质配置");
+      t2.forEach((t3, n2) => {
+        this.addMaterialPanel(t3, e5.addFolder("材质" + n2));
+      });
+    }
+    this.addShaderPanel(e4, this.selectPanel.addFolder("着色器配置")), this.selectPanel.open();
+  }
+  destroySelectPanel() {
+    this.selectPanel && this._gui && (this._gui.removeFolder(this.selectPanel), this.selectPanel = null);
+  }
+  addShaderPanel(e4, t2) {
+    const n2 = { shaderType: "无", intensity: 1 };
+    t2.add(n2, "shaderType", ["无", "发光", "扫描", "流动", "渐变"]).name("着色器类型").onChange((t3) => {
+      this.events.emit("shader:apply", { model: e4, type: t3, intensity: n2.intensity });
+    }), t2.add(n2, "intensity", 0, 5, 0.1).name("强度").onChange((t3) => {
+      this.events.emit("shader:update", { model: e4, intensity: t3 });
+    });
+  }
+  addDesignPanel(e4, t2) {
+    const n2 = { reflector: false, refractor: false };
+    t2.add(n2, "reflector").name("镜面反射").onChange((t3) => {
+      this.events.emit("design:reflector", { model: e4, enabled: t3 });
+    }), t2.add(n2, "refractor").name("折射").onChange((t3) => {
+      this.events.emit("design:refractor", { model: e4, enabled: t3 });
+    });
+  }
+  createGeometry(e4) {
+    switch (e4) {
+      case "立方体":
+      default:
+        return new t.BoxGeometry(1, 1, 1);
+      case "球体":
+        return new t.SphereGeometry(0.5, 32, 32);
+      case "圆柱体":
+        return new t.CylinderGeometry(0.5, 0.5, 1, 32);
+      case "圆锥体":
+        return new t.ConeGeometry(0.5, 1, 32);
+      case "圆环":
+        return new t.TorusGeometry(0.5, 0.2, 16, 100);
+      case "平面":
+        return new t.PlaneGeometry(1, 1);
+      case "圆环结":
+        return new t.TorusKnotGeometry(0.5, 0.15, 100, 16);
+      case "十二面体":
+        return new t.DodecahedronGeometry(0.5);
+      case "二十面体":
+        return new t.IcosahedronGeometry(0.5);
+      case "八面体":
+        return new t.OctahedronGeometry(0.5);
+      case "四面体":
+        return new t.TetrahedronGeometry(0.5);
+    }
+  }
+  createMaterial(e4) {
+    switch (e4) {
+      case "基础材质":
+        return new t.MeshBasicMaterial({ color: 16777215 });
+      case "标准材质":
+        return new t.MeshStandardMaterial({ color: 16777215, metalness: 0.5, roughness: 0.5 });
+      case "Lambert材质":
+        return new t.MeshLambertMaterial({ color: 16777215 });
+      case "Phong材质":
+        return new t.MeshPhongMaterial({ color: 16777215 });
+      case "物理材质":
+        return new t.MeshPhysicalMaterial({ color: 16777215, metalness: 0.5, roughness: 0.5 });
+      case "Toon材质":
+        return new t.MeshToonMaterial({ color: 16777215 });
+      default:
+        return new t.MeshStandardMaterial({ color: 16777215 });
+    }
+  }
+  openFileDialog(e4, t2) {
+    const n2 = document.createElement("input");
+    n2.type = "file", n2.accept = e4, n2.onchange = (e5) => {
+      var _a;
+      const n3 = (_a = e5.target.files) == null ? void 0 : _a[0];
+      n3 && t2(n3);
+    }, n2.click();
+  }
+  addFolder(e4) {
+    var _a;
+    return ((_a = this._gui) == null ? void 0 : _a.addFolder(e4)) ?? null;
+  }
+  setPosition(e4) {
+    this._gui && this._gui.domElement && e4.appendChild(this._gui.domElement);
+  }
+  updateDisplay() {
+  }
+  show() {
+    this._gui && this._gui.show();
+  }
+  hide() {
+    this._gui && this._gui.hide();
+  }
+  destroy() {
+    this._gui && (this._gui.destroy(), this._gui = null), this.sceneFolder = null, this.controlFolder = null, this.meshFolder = null, this.animationFolder = null, this.selectPanel = null, this.modelListFolder = null, this.innerMeshListFolder = null, this.drawMeshListFolder = null, this.geoMapListFolder = null, this.particleListFolder = null, this.borderGroupListFolder = null, this.textMeshListFolder = null, this.designMeshListFolder = null, this.lightListFolder = null;
+  }
+  getConfig() {
+    return { ...this.config };
+  }
+  setMode(e4) {
+    this.handlerParams.mode = e4;
+  }
+  getMode() {
+    return this.handlerParams.mode;
+  }
+}
+const lt = { grid: { enabled: true, size: 100, divisions: 100, colorCenterLine: 4473924, colorGrid: 8947848 }, axes: { enabled: true, size: 5 }, stats: { enabled: false, mode: 0 }, viewHelper: { enabled: false, size: 128, position: "bottom-right" }, box3Helper: { enabled: false, color: 16776960 } };
+class dt extends k {
+  constructor(e4) {
+    super({ ...lt, ...e4 }), this.name = "gizmo", this.gridHelper = null, this.axesHelper = null, this.stats = null, this.viewHelper = null, this.box3Helper = null, this.currentBox3 = null;
+  }
+  onInstall() {
+    this.config.grid.enabled && this.createGridHelper(), this.config.axes.enabled && this.createAxesHelper(), this.config.stats.enabled && this.createStats(), this.config.viewHelper.enabled && this.createViewHelper(), this.subscribe("object:selected", (e4) => {
+      e4.object && this.onObjectSelected(e4.object);
+    }), this.subscribe("object:deselected", () => this.onObjectDeselected());
+  }
+  onUninstall() {
+    this.removeGridHelper(), this.removeAxesHelper(), this.removeStats(), this.removeViewHelper(), this.removeBox3Helper();
+  }
+  createGridHelper() {
+    this.removeGridHelper();
+    const { size: e4, divisions: n2, colorCenterLine: s2, colorGrid: i2 } = this.config.grid;
+    return this.gridHelper = new t.GridHelper(e4, n2, s2, i2), this.gridHelper.name = "__gridHelper__", this.scene.add(this.gridHelper), this.gridHelper;
+  }
+  removeGridHelper() {
+    this.gridHelper && (this.scene.remove(this.gridHelper), this.gridHelper.dispose(), this.gridHelper = null);
+  }
+  setGridVisible(e4) {
+    e4 && !this.gridHelper ? this.createGridHelper() : !e4 && this.gridHelper && this.removeGridHelper(), this.config.grid.enabled = e4;
+  }
+  updateGrid(e4) {
+    Object.assign(this.config.grid, e4), this.config.grid.enabled && this.createGridHelper();
+  }
+  createAxesHelper() {
+    return this.removeAxesHelper(), this.axesHelper = new t.AxesHelper(this.config.axes.size), this.axesHelper.name = "__axesHelper__", this.scene.add(this.axesHelper), this.axesHelper;
+  }
+  removeAxesHelper() {
+    this.axesHelper && (this.scene.remove(this.axesHelper), this.axesHelper.dispose(), this.axesHelper = null);
+  }
+  setAxesVisible(e4) {
+    e4 && !this.axesHelper ? this.createAxesHelper() : !e4 && this.axesHelper && this.removeAxesHelper(), this.config.axes.enabled = e4;
+  }
+  updateAxes(e4) {
+    Object.assign(this.config.axes, e4), this.config.axes.enabled && this.createAxesHelper();
+  }
+  createStats() {
+    var _a;
+    return this.removeStats(), this.stats = new x(), this.stats.showPanel(this.config.stats.mode), this.stats.dom.style.position = "absolute", this.stats.dom.style.top = "0", this.stats.dom.style.left = "0", (_a = this.renderer.domElement.parentElement) == null ? void 0 : _a.appendChild(this.stats.dom), this.stats;
+  }
+  removeStats() {
+    var _a;
+    this.stats && ((_a = this.stats.dom.parentElement) == null ? void 0 : _a.removeChild(this.stats.dom), this.stats = null);
+  }
+  setStatsVisible(e4) {
+    e4 && !this.stats ? this.createStats() : !e4 && this.stats && this.removeStats(), this.config.stats.enabled = e4;
+  }
+  setStatsMode(e4) {
+    this.config.stats.mode = e4, this.stats && this.stats.showPanel(e4);
+  }
+  updateStats() {
+    this.stats && this.stats.update();
+  }
+  createViewHelper() {
+    this.removeViewHelper();
+    try {
+      const e4 = this.renderer.domElement.parentElement;
+      return e4 ? (this.viewHelper = new C(this.camera, e4), this.viewHelper) : null;
+    } catch (e4) {
+      return null;
+    }
+  }
+  removeViewHelper() {
+    this.viewHelper && (this.viewHelper.dispose(), this.viewHelper = null);
+  }
+  setViewHelperVisible(e4) {
+    e4 && !this.viewHelper ? this.createViewHelper() : !e4 && this.viewHelper && this.removeViewHelper(), this.config.viewHelper.enabled = e4;
+  }
+  renderViewHelper(e4) {
+    this.viewHelper && (this.viewHelper.render(this.renderer), this.viewHelper.animating && this.viewHelper.update(e4));
+  }
+  createBox3Helper(e4) {
+    return this.removeBox3Helper(), this.currentBox3 = new t.Box3().setFromObject(e4), this.box3Helper = new t.Box3Helper(this.currentBox3, new t.Color(this.config.box3Helper.color)), this.box3Helper.name = "__box3Helper__", this.scene.add(this.box3Helper), this.box3Helper;
+  }
+  updateBox3Helper(e4) {
+    this.currentBox3 && this.box3Helper && this.currentBox3.setFromObject(e4);
+  }
+  removeBox3Helper() {
+    this.box3Helper && (this.scene.remove(this.box3Helper), this.box3Helper.dispose(), this.box3Helper = null, this.currentBox3 = null);
+  }
+  setBox3HelperVisible(e4) {
+    this.config.box3Helper.enabled = e4, e4 || this.removeBox3Helper();
+  }
+  onObjectSelected(e4) {
+    this.config.box3Helper.enabled && this.createBox3Helper(e4);
+  }
+  onObjectDeselected() {
+    this.removeBox3Helper();
+  }
+  getGridHelper() {
+    return this.gridHelper;
+  }
+  getAxesHelper() {
+    return this.axesHelper;
+  }
+  getStats() {
+    return this.stats;
+  }
+  getViewHelper() {
+    return this.viewHelper;
+  }
+  getBox3Helper() {
+    return this.box3Helper;
+  }
+  getConfig() {
+    return { ...this.config };
+  }
+}
+function ct(e4, n2, s2 = 0.9) {
+  const i2 = e4.distanceTo(n2);
+  return new t.Vector3().subVectors(n2, e4).normalize().multiplyScalar(i2 * s2).add(e4);
+}
+function ht(e4, n2, s2) {
+  return new t.Vector3().subVectors(n2, e4).normalize().multiplyScalar(s2).add(e4);
+}
+function ut(e4) {
+  return e4 * (Math.PI / 180);
+}
+function mt(e4) {
+  return e4 * (180 / Math.PI);
+}
+function pt(e4, t2, n2) {
+  return Math.max(t2, Math.min(n2, e4));
+}
+function ft(e4, t2, n2) {
+  return e4 + (t2 - e4) * n2;
+}
+function gt(e4, t2, n2) {
+  const s2 = pt((n2 - e4) / (t2 - e4), 0, 1);
+  return s2 * s2 * (3 - 2 * s2);
+}
+function _t(e4) {
+  const n2 = new t.Box3().setFromObject(e4), { max: s2, min: i2 } = n2, o2 = new t.Vector3();
+  n2.getCenter(o2);
+  return { max: s2, min: i2, center: o2, radius: new t.Vector3().subVectors(s2, i2).length() / 2 };
+}
+function vt(e4, n2 = 2.5) {
+  const { center: s2, max: i2 } = _t(e4);
+  return { position: ht(s2, i2, new t.Vector3().subVectors(i2, s2).length() * n2), target: s2 };
+}
+function bt(e4, n2 = 50) {
+  const { center: s2, max: i2, min: o2, radius: r2 } = _t(e4), a2 = r2 / Math.tan(n2 * Math.PI / 360);
+  return { frontView: new t.Vector3(s2.x, s2.y, i2.z + a2), backView: new t.Vector3(s2.x, s2.y, o2.z - a2), leftView: new t.Vector3(o2.x - a2, s2.y, s2.z), rightView: new t.Vector3(i2.x + a2, s2.y, s2.z), topView: new t.Vector3(s2.x, i2.y + a2, s2.z), bottomView: new t.Vector3(s2.x, o2.y - a2, s2.z), target: s2 };
+}
+function yt(e4 = 16776960) {
+  const n2 = new t.Box3(), s2 = new t.Box3Helper(n2, e4);
+  return s2.name = "Box3Helper", s2.visible = false, s2;
+}
+const wt = { speed: 0.01, mixRatio: 0.5 };
+class xt extends k {
+  constructor(e4) {
+    super({ ...wt, ...e4 }), this.name = "shader", this.presets = /* @__PURE__ */ new Map(), this.appliedObjects = /* @__PURE__ */ new Map(), this.shaderAnimations = [];
+  }
+  onInstall() {
+    this.registerBuiltinPresets();
+  }
+  onUninstall() {
+    for (const [e4] of this.appliedObjects) this.remove(e4);
+    this.presets.clear();
+  }
+  onUpdate(e4) {
+    for (const { controller: e5 } of this.shaderAnimations) e5.update();
+  }
+  registerBuiltinPresets() {
+    this.registerPreset("彩虹光", { name: "彩虹光", uniforms: this.getCommonUniforms(), fragHeader: this.getUniformDeclarations(this.getCommonUniforms()), fragBody: "\n        vec3 rainbow = vec3(\n          sin(vUv.x * 10.0 + iTime) * 0.5 + 0.5,\n          sin(vUv.y * 10.0 + iTime + 2.094) * 0.5 + 0.5,\n          sin((vUv.x + vUv.y) * 5.0 + iTime + 4.188) * 0.5 + 0.5\n        );\n        vec4 diffuseColor = vec4(mix(diffuse, rainbow, mixRatio), opacity);\n      ", animate: (e4, t2) => {
+      e4.iTime.value += 0.5 * t2;
+    } }), this.registerPreset("水波纹", { name: "水波纹", uniforms: this.getCommonUniforms(), fragHeader: this.getUniformDeclarations(this.getCommonUniforms()), fragBody: "\n        float wave = sin(length(vUv - 0.5) * 20.0 - iTime * 3.0) * 0.5 + 0.5;\n        vec3 waterColor = mix(diffuse, vec3(0.0, 0.5, 1.0), wave * mixRatio);\n        vec4 diffuseColor = vec4(waterColor, opacity);\n      ", animate: (e4, t2) => {
+      e4.iTime.value += t2;
+    } }), this.registerPreset("光圈扫射", { name: "光圈扫射", uniforms: { ...this.getCommonUniforms(), circleWidth: { type: "number", value: 0.1, unit: "float" }, isDisCard: { type: "bool", value: false, unit: "bool" } }, fragHeader: this.getUniformDeclarations({ ...this.getCommonUniforms(), circleWidth: { type: "number", value: 0.1, unit: "float" }, isDisCard: { type: "bool", value: false, unit: "bool" } }), fragBody: "\n        float dist = length(vUv - 0.5);\n        float circle = smoothstep(iTime - circleWidth, iTime, dist) - smoothstep(iTime, iTime + circleWidth, dist);\n        vec3 scanColor = mix(diffuse, mixColor, circle * intensity);\n        vec4 diffuseColor = vec4(scanColor, opacity);\n        if (isDisCard && circle < 0.01) discard;\n      ", animate: (e4, t2) => {
+      e4.iTime.value += 0.3 * t2, e4.iTime.value > 1 && (e4.iTime.value = 0);
+    } }), this.registerPreset("流光围栏", { name: "流光围栏", uniforms: this.getCommonUniforms(), fragHeader: this.getUniformDeclarations(this.getCommonUniforms()), fragBody: "\n        float flow = fract(vUv.y - iTime * speed * 10.0);\n        vec3 fenceColor = mix(diffuse, mixColor, flow * intensity);\n        vec4 diffuseColor = vec4(fenceColor, opacity * (1.0 - flow * 0.5));\n      ", animate: (e4, t2) => {
+      e4.iTime.value += t2;
+    } }), this.registerPreset("流光围栏2", { name: "流光围栏2", uniforms: this.getCommonUniforms(), fragHeader: this.getUniformDeclarations(this.getCommonUniforms()), fragBody: "\n        float gradient = 1.0 - vUv.y;\n        float flow = fract(vUv.y * 2.0 - iTime * speed * 5.0);\n        vec3 fenceColor = mix(diffuse, mixColor, flow * gradient * intensity);\n        vec4 diffuseColor = vec4(fenceColor, opacity * gradient);\n      ", animate: (e4, t2) => {
+      e4.iTime.value += t2;
+    } }), this.registerPreset("雪片着色", { name: "雪片着色", uniforms: this.getCommonUniforms(), fragHeader: this.getUniformDeclarations(this.getCommonUniforms()), fragBody: "\n        float snow = fract(sin(dot(vUv, vec2(12.9898, 78.233)) + iTime) * 43758.5453);\n        vec3 snowColor = mix(diffuse, vec3(1.0), snow * mixRatio * 0.3);\n        vec4 diffuseColor = vec4(snowColor, opacity);\n      ", animate: (e4, t2) => {
+      e4.iTime.value += 0.1 * t2;
+    } }), this.registerPreset("光线叠加", { name: "光线叠加", uniforms: this.getCommonUniforms(), fragHeader: this.getUniformDeclarations(this.getCommonUniforms()), fragBody: "\n        float glow = pow(1.0 - length(vUv - 0.5) * 2.0, 2.0);\n        vec3 glowColor = diffuse + mixColor * glow * intensity;\n        vec4 diffuseColor = vec4(glowColor, opacity);\n      " }), this.registerPreset("绚烂线条", { name: "绚烂线条", uniforms: this.getCommonUniforms(), fragHeader: this.getUniformDeclarations(this.getCommonUniforms()), fragBody: "\n        float line = abs(sin(vUv.x * 50.0 + iTime * 2.0)) * abs(sin(vUv.y * 50.0 + iTime * 2.0));\n        vec3 lineColor = mix(diffuse, mixColor, line * intensity);\n        vec4 diffuseColor = vec4(lineColor, opacity);\n      ", animate: (e4, t2) => {
+      e4.iTime.value += t2;
+    } }), this.registerPreset("流光闪电", { name: "流光闪电", uniforms: this.getCommonUniforms(), fragHeader: this.getUniformDeclarations(this.getCommonUniforms()), fragBody: "\n        float lightning = pow(fract(sin(vUv.x * 100.0 + iTime * 10.0) * 43758.5453), 10.0);\n        vec3 lightningColor = mix(diffuse, vec3(0.8, 0.9, 1.0), lightning * intensity);\n        vec4 diffuseColor = vec4(lightningColor, opacity);\n      ", animate: (e4, t2) => {
+      e4.iTime.value += t2;
+    } }), this.registerPreset("火焰燃烧", { name: "火焰燃烧", uniforms: this.getCommonUniforms(), fragHeader: this.getUniformDeclarations(this.getCommonUniforms()), fragBody: "\n        float noise = fract(sin(dot(vUv + iTime * 0.1, vec2(12.9898, 78.233))) * 43758.5453);\n        float fire = pow(1.0 - vUv.y, 2.0) * noise;\n        vec3 fireColor = mix(vec3(1.0, 0.3, 0.0), vec3(1.0, 0.8, 0.0), fire);\n        vec3 finalColor = mix(diffuse, fireColor, fire * intensity);\n        vec4 diffuseColor = vec4(finalColor, opacity);\n      ", animate: (e4, t2) => {
+      e4.iTime.value += t2;
+    } }), this.registerPreset("流光栅格", { name: "流光栅格", uniforms: this.getCommonUniforms(), fragHeader: this.getUniformDeclarations(this.getCommonUniforms()), fragBody: "\n        float gridX = step(0.9, fract(vUv.x * 10.0));\n        float gridY = step(0.9, fract(vUv.y * 10.0));\n        float grid = max(gridX, gridY);\n        float flow = fract(vUv.x + vUv.y - iTime * speed * 2.0);\n        vec3 gridColor = mix(diffuse, mixColor, grid * flow * intensity);\n        vec4 diffuseColor = vec4(gridColor, opacity);\n      ", animate: (e4, t2) => {
+      e4.iTime.value += t2;
+    } }), this.registerPreset("着色天空", { name: "着色天空", uniforms: { ...this.getCommonUniforms(), topColor: { type: "color", value: new t.Color(30719), unit: "vec3" }, bottomColor: { type: "color", value: new t.Color(16777215), unit: "vec3" }, offset: { type: "number", value: 0, unit: "float" }, exponent: { type: "number", value: 0.6, unit: "float" } }, fragHeader: "\n        uniform vec3 topColor;\n        uniform vec3 bottomColor;\n        uniform float offset;\n        uniform float exponent;\n        varying vec3 vWorldPosition;\n      ", vertexHeader: "\n        varying vec3 vWorldPosition;\n        void main() {\n          vec4 worldPosition = modelMatrix * vec4(position, 1.0);\n          vWorldPosition = worldPosition.xyz;\n      ", fragBody: "\n        float h = normalize(vWorldPosition + offset).y;\n        vec3 skyColor = mix(bottomColor, topColor, max(pow(max(h, 0.0), exponent), 0.0));\n        vec4 diffuseColor = vec4(skyColor, opacity);\n      " }), this.registerPreset("水面着色", { name: "水面着色", uniforms: { ...this.getCommonUniforms(), waterColor: { type: "color", value: new t.Color(7695), unit: "vec3" }, waveHeight: { type: "number", value: 0.1, unit: "float" }, waveSpeed: { type: "number", value: 1, unit: "float" } }, fragHeader: `
+        uniform vec3 waterColor;
+        uniform float waveHeight;
+        uniform float waveSpeed;
+        ${this.getUniformDeclarations(this.getCommonUniforms())}
+      `, fragBody: "\n        float wave1 = sin(vUv.x * 10.0 + iTime * waveSpeed) * waveHeight;\n        float wave2 = sin(vUv.y * 8.0 + iTime * waveSpeed * 0.8) * waveHeight;\n        float wave = (wave1 + wave2) * 0.5 + 0.5;\n        vec3 finalColor = mix(waterColor, mixColor, wave * intensity);\n        vec4 diffuseColor = vec4(finalColor, opacity * 0.8);\n      ", animate: (e4, t2) => {
+      e4.iTime.value += t2;
+    } }), this.registerPreset("热力图", { name: "热力图", uniforms: { ...this.getCommonUniforms(), Points: { type: "array", value: [], unit: "vec3" }, PointsCount: { type: "number", value: 0, unit: "int" }, radius: { type: "number", value: 0.3, unit: "float" } }, fragHeader: `
+        uniform vec3 Points[100];
+        uniform int PointsCount;
+        uniform float radius;
+        ${this.getUniformDeclarations(this.getCommonUniforms())}
+      `, fragBody: "\n        float heat = 0.0;\n        for (int i = 0; i < 100; i++) {\n          if (i >= PointsCount) break;\n          float dist = distance(vec2(vUv.x, vUv.y), Points[i].xy);\n          heat += Points[i].z * smoothstep(radius, 0.0, dist);\n        }\n        heat = clamp(heat, 0.0, 1.0);\n        vec3 heatColor = mix(vec3(0.0, 0.0, 1.0), vec3(1.0, 0.0, 0.0), heat);\n        heatColor = mix(heatColor, vec3(1.0, 1.0, 0.0), smoothstep(0.5, 1.0, heat));\n        vec4 diffuseColor = vec4(mix(diffuse, heatColor, heat * intensity), opacity);\n      " }), this.registerPreset("晶片着色", { name: "晶片着色", uniforms: this.getCommonUniforms(), fragHeader: this.getUniformDeclarations(this.getCommonUniforms()), fragBody: "\n        vec2 cell = floor(vUv * 20.0);\n        float noise = fract(sin(dot(cell, vec2(12.9898, 78.233))) * 43758.5453);\n        vec3 crystalColor = mix(diffuse, mixColor, noise * intensity);\n        vec4 diffuseColor = vec4(crystalColor, opacity);\n      " });
+  }
+  getCommonUniforms() {
+    return { iTime: { type: "number", value: 0, unit: "float" }, speed: { type: "number", value: this.config.speed, unit: "float" }, intensity: { type: "number", value: 1, unit: "float" }, mixRatio: { type: "number", value: this.config.mixRatio, unit: "float" }, mixColor: { type: "color", value: new t.Color(16777215), unit: "vec3" }, hasUv: { type: "bool", value: true, unit: "bool" } };
+  }
+  getUniformDeclarations(e4) {
+    return Object.entries(e4).map(([e5, t2]) => `uniform ${t2.unit} ${e5};`).join("\n");
+  }
+  registerPreset(e4, t2) {
+    this.presets.set(e4, t2);
+  }
+  getPreset(e4) {
+    return this.presets.get(e4);
+  }
+  getPresetNames() {
+    return Array.from(this.presets.keys());
+  }
+  apply(e4, n2) {
+    const s2 = this.presets.get(n2);
+    if (!s2) return null;
+    const i2 = {};
+    for (const [e5, n3] of Object.entries(s2.uniforms)) i2[e5] = { ...n3, value: n3.value instanceof t.Color ? n3.value.clone() : n3.value };
+    const o2 = this.getMaterials(e4);
+    if (0 === o2.length) return null;
+    o2.forEach((e5) => {
+      this.applyShaderToMaterial(e5, i2, s2);
+    });
+    const r2 = { uniforms: i2, update: () => {
+      s2.animate && s2.animate(i2, 0.016);
+    }, destroy: () => {
+      this.remove(e4);
+    } };
+    return this.appliedObjects.set(e4, r2), s2.animate && this.shaderAnimations.push({ object: e4, controller: r2 }), this.events.emit("shader:applied", { object: e4, shaderName: n2 }), r2;
+  }
+  applyShaderToMaterial(e4, t2, n2) {
+    e4.dispose(), e4.onBeforeCompile = (e5) => {
+      for (const [n3, s2] of Object.entries(t2)) e5.uniforms[n3] = { value: s2.value };
+      n2.vertexHeader && (e5.vertexShader = e5.vertexShader.replace("void main() {", n2.vertexHeader)), e5.vertexShader.includes("varying vec2 vUv") || (e5.vertexShader = "varying vec2 vUv;\n" + e5.vertexShader, e5.vertexShader = e5.vertexShader.replace("void main() {", "void main() {\nvUv = uv;")), e5.fragmentShader = e5.fragmentShader.replace("#include <common>", `varying vec2 vUv;
+${n2.fragHeader}
+#include <common>
+${n2.fragFunc || ""}`), e5.fragmentShader = e5.fragmentShader.replace("vec4 diffuseColor = vec4( diffuse, opacity );", n2.fragBody);
+    }, e4.needsUpdate = true;
+  }
+  remove(e4) {
+    if (!this.appliedObjects.get(e4)) return;
+    this.getMaterials(e4).forEach((e5) => {
+      e5.onBeforeCompile = () => {
+      }, e5.dispose(), e5.needsUpdate = true;
+    });
+    const t2 = this.shaderAnimations.findIndex((t3) => t3.object === e4);
+    t2 > -1 && this.shaderAnimations.splice(t2, 1), this.appliedObjects.delete(e4), this.events.emit("shader:removed", { object: e4 });
+  }
+  getMaterials(e4) {
+    const t2 = [];
+    return e4.traverse((e5) => {
+      if (e5.isMesh) {
+        const n2 = e5;
+        Array.isArray(n2.material) ? t2.push(...n2.material) : n2.material && t2.push(n2.material);
+      }
+    }), [...new Set(t2)];
+  }
+}
+const Ct = { defaultDuration: 2, defaultEase: "power2.inOut" };
+class Mt extends k {
+  constructor(e4) {
+    super({ ...Ct, ...e4 }), this.name = "animation", this.mixers = [], this.curveAnimations = [], this.tweens = [];
+  }
+  onUninstall() {
+    this.stopAll();
+  }
+  onUpdate(e4) {
+    var _a, _b;
+    for (const e5 of this.mixers) e5.mixer.update(e5.clock.getDelta());
+    for (const e5 of this.curveAnimations) {
+      if (e5.pause) continue;
+      if (e5.time += e5.speed / 1e3, e5.time > 1 || e5.time < 0) {
+        e5.time = e5.time > 1 ? 1 : 0, e5.pause = true, (_a = e5.frameEndCallback) == null ? void 0 : _a.call(e5);
+        continue;
+      }
+      const t2 = e5.curve.getPointAt(e5.time);
+      (_b = e5.frameCallback) == null ? void 0 : _b.call(e5, t2);
+    }
+  }
+  playModelAnimation(e4, n2) {
+    const s2 = e4, i2 = e4.animations;
+    if (!i2 || 0 === i2.length) return null;
+    const o2 = { ...{ initPlay: true, speed: 1, actionIndexs: i2.map(() => true), startTime: 0, loop: true }, ...n2, ...e4.animationPlayParams }, r2 = new t.Clock(), a2 = new t.AnimationMixer(s2), l2 = i2.filter((e5, t2) => o2.actionIndexs[t2]).map((e5) => {
+      const n3 = a2.clipAction(e5);
+      return n3.loop = o2.loop ? t.LoopRepeat : t.LoopOnce, n3.time = o2.startTime, n3.timeScale = o2.speed, n3.clampWhenFinished = true, o2.initPlay && n3.play(), n3;
+    }), d2 = { mixer: a2, object: s2, actions: l2, clock: r2 };
+    return this.mixers.push(d2), e4.animationPlayParams = o2, this.events.emit("animation:start", { object: s2 }), d2;
+  }
+  stopModelAnimation(e4) {
+    const t2 = this.mixers.findIndex((t3) => t3.object === e4);
+    if (t2 > -1) {
+      this.mixers[t2].actions.forEach((e5) => e5.stop()), this.mixers.splice(t2, 1), this.events.emit("animation:stop", { object: e4 });
+    }
+  }
+  toggleModelAnimation(e4, t2) {
+    const n2 = this.mixers.find((t3) => t3.object === e4);
+    n2 && n2.actions.forEach((e5) => {
+      e5.paused = t2;
+    });
+  }
+  getMixerInfo(e4) {
+    return this.mixers.find((t2) => t2.object === e4);
+  }
+  tween(e4, t2, n2) {
+    const s2 = M.to(e4, { ...t2, duration: (n2 == null ? void 0 : n2.duration) ?? this.config.defaultDuration, ease: (n2 == null ? void 0 : n2.ease) ?? this.config.defaultEase, repeat: (n2 == null ? void 0 : n2.repeat) ?? 0, yoyo: (n2 == null ? void 0 : n2.yoyo) ?? false, yoyoEase: (n2 == null ? void 0 : n2.yoyoEase) ?? true, onUpdate: n2 == null ? void 0 : n2.onUpdate, onComplete: () => {
+      var _a;
+      (_a = n2 == null ? void 0 : n2.onComplete) == null ? void 0 : _a.call(n2);
+      const e5 = this.tweens.indexOf(s2);
+      e5 > -1 && this.tweens.splice(e5, 1);
+    } });
+    return this.tweens.push(s2), { play: () => s2.play(), pause: () => s2.pause(), resume: () => s2.resume(), kill: () => {
+      s2.kill();
+      const e5 = this.tweens.indexOf(s2);
+      e5 > -1 && this.tweens.splice(e5, 1);
+    }, progress: (e5) => (void 0 !== e5 && s2.progress(e5), s2.progress()) };
+  }
+  animateCamera(e4, t2, n2, s2) {
+    return Promise.all([new Promise((t3) => {
+      this.tween(e4.position, n2.position, { ...s2, onComplete: t3 });
+    }), new Promise((e5) => {
+      this.tween(t2.target, n2.target, { ...s2, onComplete: e5 });
+    })]).then(() => {
+    });
+  }
+  animateTransform(e4, t2, n2) {
+    const s2 = [];
+    return t2.position && s2.push(new Promise((s3) => {
+      this.tween(e4.position, t2.position, { ...n2, onComplete: s3 });
+    })), t2.rotation && s2.push(new Promise((s3) => {
+      this.tween(e4.rotation, t2.rotation, { ...n2, onComplete: s3 });
+    })), t2.scale && s2.push(new Promise((s3) => {
+      this.tween(e4.scale, t2.scale, { ...n2, onComplete: s3 });
+    })), Promise.all(s2).then(() => {
+    });
+  }
+  createCurveAnimation(e4, t2 = 1) {
+    const n2 = { id: Date.now(), curve: e4, time: 0, pause: true, speed: t2, frameCallback: null, frameEndCallback: null, start: () => {
+      this.curveAnimations.includes(n2) || this.curveAnimations.push(n2), n2.pause = false;
+    }, destroy: () => {
+      const e5 = this.curveAnimations.indexOf(n2);
+      e5 > -1 && this.curveAnimations.splice(e5, 1);
+    } };
+    return n2;
+  }
+  animateAlongCurve(e4, t2, n2) {
+    const s2 = this.createCurveAnimation(t2, (n2 == null ? void 0 : n2.speed) ?? 1);
+    return s2.frameCallback = (i2) => {
+      if (e4.position.copy(i2), n2 == null ? void 0 : n2.lookAhead) {
+        const n3 = Math.min(s2.time + 0.01, 1), i3 = t2.getPointAt(n3);
+        e4.lookAt(i3);
+      }
+    }, s2.frameEndCallback = (n2 == null ? void 0 : n2.onComplete) ?? null, s2;
+  }
+  stopAll() {
+    for (const e4 of this.mixers) e4.actions.forEach((e5) => e5.stop());
+    this.mixers = [], this.curveAnimations = [];
+    for (const e4 of this.tweens) e4.kill();
+    this.tweens = [];
+  }
+  pauseAll() {
+    for (const e4 of this.mixers) e4.actions.forEach((e5) => {
+      e5.paused = true;
+    });
+    for (const e4 of this.curveAnimations) e4.pause = true;
+    for (const e4 of this.tweens) e4.pause();
+  }
+  resumeAll() {
+    for (const e4 of this.mixers) e4.actions.forEach((e5) => {
+      e5.paused = false;
+    });
+    for (const e4 of this.curveAnimations) e4.pause = false;
+    for (const e4 of this.tweens) e4.resume();
+  }
+}
+const Pt = { defaultMode: "围栏物体", defaultPointMode: "场景交点", defaultMaterialType: "标准材质", fenceHeight: 5, lineWidth: 0.01 };
+class St extends k {
+  constructor(e4) {
+    super({ ...Pt, ...e4 }), this.name = "drawing", this.currentPoints = [], this.previewMesh = null, this._isDrawing = false, this.drawnObjects = [], this._mode = this.config.defaultMode, this._pointMode = this.config.defaultPointMode;
+  }
+  get mode() {
+    return this._mode;
+  }
+  get pointMode() {
+    return this._pointMode;
+  }
+  get isDrawing() {
+    return this._isDrawing;
+  }
+  onUninstall() {
+    this.cancel(), this.previewMesh && (this.scene.remove(this.previewMesh), this.previewMesh = null);
+  }
+  setMode(e4) {
+    this._mode = e4;
+  }
+  setPointMode(e4) {
+    this._pointMode = e4;
+  }
+  start() {
+    this._isDrawing = true, this.currentPoints = [], this.events.emit("draw:start", { mode: this._mode });
+  }
+  addPoint(e4) {
+    this._isDrawing || this.start(), this.currentPoints.push(e4.clone()), this.events.emit("draw:point", { point: e4 }), this.updatePreview();
+  }
+  handleSceneClick(e4, t2) {
+    var _a, _b, _c, _d;
+    let n2 = e4;
+    if ("地图区域中心" === this._pointMode && ((_b = (_a = t2 == null ? void 0 : t2.geoInfo) == null ? void 0 : _a.properties) == null ? void 0 : _b.centroidCoord3)) {
+      const e5 = t2.parent;
+      if (e5 == null ? void 0 : e5.getTransformedVector) {
+        const s2 = t2.geoInfo.properties.centroidCoord3.clone();
+        s2.add(t2.position), t2.initTranslate && s2.sub(t2.initTranslate), n2 = e5.getTransformedVector(s2);
+      }
+    } else if ("地图行政中心" === this._pointMode && ((_d = (_c = t2 == null ? void 0 : t2.geoInfo) == null ? void 0 : _c.properties) == null ? void 0 : _d.centerCoord3)) {
+      const e5 = t2.parent;
+      if (e5 == null ? void 0 : e5.getTransformedVector) {
+        const s2 = t2.geoInfo.properties.centerCoord3.clone();
+        s2.add(t2.position), t2.initTranslate && s2.sub(t2.initTranslate), n2 = e5.getTransformedVector(s2);
+      }
+    }
+    this.addPoint(n2);
+  }
+  complete() {
+    if (this.currentPoints.length < 2) return null;
+    let e4;
+    switch (this._mode) {
+      case "围栏物体":
+        e4 = this.createFence(this.currentPoints);
+        break;
+      case "平面绘制":
+        e4 = this.createPlane(this.currentPoints);
+        break;
+      case "曲线路径":
+        e4 = this.createCurve(this.currentPoints);
+        break;
+      case "直线路径":
+        e4 = this.createLine(this.currentPoints);
+        break;
+      default:
+        return null;
+    }
+    e4.isDrawMesh = true, this.scene.add(e4), this.previewMesh && (this.scene.remove(this.previewMesh), this.previewMesh = null);
+    const t2 = { mesh: e4, points: [...this.currentPoints], mode: this._mode };
+    return this.drawnObjects.push(t2), this._isDrawing = false, this.currentPoints = [], this.events.emit("draw:complete", { mesh: e4 }), t2;
+  }
+  cancel() {
+    this._isDrawing = false, this.currentPoints = [], this.previewMesh && (this.scene.remove(this.previewMesh), this.previewMesh = null), this.events.emit("draw:cancel", void 0);
+  }
+  undoPoint() {
+    this.currentPoints.length > 0 && (this.currentPoints.pop(), this.updatePreview());
+  }
+  updatePreview() {
+    if (!(this.currentPoints.length < 2)) {
+      switch (this.previewMesh && this.scene.remove(this.previewMesh), this._mode) {
+        case "围栏物体":
+          this.previewMesh = this.createFence(this.currentPoints, true);
+          break;
+        case "平面绘制":
+          this.previewMesh = this.createPlane(this.currentPoints, true);
+          break;
+        case "曲线路径":
+          this.previewMesh = this.createCurve(this.currentPoints, true);
+          break;
+        case "直线路径":
+          this.previewMesh = this.createLine(this.currentPoints, true);
+      }
+      this.previewMesh && this.scene.add(this.previewMesh);
+    }
+  }
+  createFence(e4, n2 = false) {
+    const s2 = this.config.fenceHeight, i2 = [], o2 = [], r2 = [];
+    for (let t2 = 0; t2 < e4.length; t2++) {
+      const n3 = e4[t2];
+      i2.push(n3.x, n3.y, n3.z), i2.push(n3.x, n3.y + s2, n3.z);
+      const o3 = t2 / (e4.length - 1);
+      r2.push(o3, 0), r2.push(o3, 1);
+    }
+    for (let t2 = 0; t2 < e4.length - 1; t2++) {
+      const e5 = 2 * t2;
+      o2.push(e5, e5 + 1, e5 + 2), o2.push(e5 + 1, e5 + 3, e5 + 2);
+    }
+    const a2 = new t.BufferGeometry();
+    a2.setAttribute("position", new t.Float32BufferAttribute(i2, 3)), a2.setAttribute("uv", new t.Float32BufferAttribute(r2, 2)), a2.setIndex(o2), a2.computeVertexNormals();
+    const l2 = new t.MeshStandardMaterial({ color: n2 ? 65280 : 4491519, side: t.DoubleSide, transparent: true, opacity: n2 ? 0.5 : 0.8 }), d2 = new t.Mesh(a2, l2);
+    return d2.name = "Fence", d2;
+  }
+  createPlane(e4, n2 = false) {
+    if (e4.length < 3) return this.createLine(e4, n2);
+    const s2 = new t.Shape();
+    s2.moveTo(e4[0].x, e4[0].z);
+    for (let t2 = 1; t2 < e4.length; t2++) s2.lineTo(e4[t2].x, e4[t2].z);
+    s2.closePath();
+    const i2 = new t.ShapeGeometry(s2);
+    i2.rotateX(-Math.PI / 2);
+    const o2 = e4.reduce((e5, t2) => e5 + t2.y, 0) / e4.length;
+    i2.translate(0, o2, 0);
+    const r2 = new t.MeshStandardMaterial({ color: n2 ? 65280 : 4491519, side: t.DoubleSide, transparent: true, opacity: n2 ? 0.5 : 0.8 }), a2 = new t.Mesh(i2, r2);
+    return a2.name = "Plane", a2;
+  }
+  createCurve(e4, n2 = false) {
+    const s2 = new t.CatmullRomCurve3(e4), i2 = s2.getPoints(50), o2 = new t.BufferGeometry().setFromPoints(i2), r2 = new t.LineBasicMaterial({ color: n2 ? 65280 : 16729224, linewidth: 2 }), a2 = new t.Line(o2, r2);
+    return a2.name = "Curve", a2.isCurveMesh = true, a2.curvePath = s2, a2;
+  }
+  createLine(e4, n2 = false) {
+    const s2 = new t.BufferGeometry().setFromPoints(e4), i2 = new t.LineBasicMaterial({ color: n2 ? 65280 : 16776960, linewidth: 2 }), o2 = new t.Line(s2, i2);
+    return o2.name = "Line", o2;
+  }
+  getDrawnObjects() {
+    return this.drawnObjects;
+  }
+  removeDrawnObject(e4) {
+    const t2 = this.drawnObjects.findIndex((t3) => t3.mesh === e4);
+    t2 > -1 && (this.scene.remove(e4), this.drawnObjects.splice(t2, 1));
+  }
+  clearAll() {
+    for (const e4 of this.drawnObjects) this.scene.remove(e4.mesh);
+    this.drawnObjects = [];
+  }
+  getCurveList() {
+    return this.scene.children.filter((e4) => e4.isCurveMesh).map((e4) => ({ path: e4.curvePath, mesh: e4 }));
+  }
+}
+const Ft = { materialType: "标准材质", coordinateScale: 1e4 };
+class Et extends k {
+  constructor(e4) {
+    super({ ...Ft, ...e4 }), this.name = "geomap", this.geoGroups = [];
+  }
+  onUninstall() {
+    this.clearAll();
+  }
+  async load(e4, t2) {
+    var _a;
+    const n2 = await fetch(e4), s2 = await n2.json(), i2 = this.createGeoGroup(s2, { materialType: (t2 == null ? void 0 : t2.materialType) ?? this.config.materialType, depth: (t2 == null ? void 0 : t2.depth) ?? 1, color: (t2 == null ? void 0 : t2.color) ?? 4491519, opacity: (t2 == null ? void 0 : t2.opacity) ?? 0.8 });
+    return i2.isGeoGroup = true, this.centerGroup(i2), this.scene.add(i2), this.geoGroups.push({ group: i2, url: e4, materialType: (t2 == null ? void 0 : t2.materialType) ?? this.config.materialType, features: s2.features }), (_a = this.onGroupLoaded) == null ? void 0 : _a.call(this, i2), this.events.emit("geomap:load:complete", { group: i2 }), i2;
+  }
+  createGeoGroup(e4, n2) {
+    const s2 = new t.Group();
+    s2.name = "GeoGroup";
+    for (const t2 of e4.features) {
+      const e5 = this.createFeatureMeshes(t2, n2);
+      for (const t3 of e5) s2.add(t3);
+    }
+    return s2;
+  }
+  createFeatureMeshes(e4, t2) {
+    const n2 = [], { geometry: s2, properties: i2 } = e4;
+    let o2 = [];
+    "Polygon" === s2.type ? o2 = [s2.coordinates] : "MultiPolygon" === s2.type && (o2 = s2.coordinates);
+    for (const e5 of o2) {
+      const s3 = this.createPolygonMesh(e5, t2);
+      s3.name = i2.name || "Region";
+      const o3 = { properties: { ...i2 } };
+      i2.center && (o3.properties.centerCoord3 = this.coordToVector3(i2.center)), i2.centroid && (o3.properties.centroidCoord3 = this.coordToVector3(i2.centroid)), s3.geoInfo = o3, n2.push(s3);
+    }
+    return n2;
+  }
+  createPolygonMesh(e4, n2) {
+    const s2 = e4[0], i2 = new t.Shape(), o2 = this.coordToVector2(s2[0]);
+    i2.moveTo(o2.x, o2.y);
+    for (let e5 = 1; e5 < s2.length; e5++) {
+      const t2 = this.coordToVector2(s2[e5]);
+      i2.lineTo(t2.x, t2.y);
+    }
+    i2.closePath();
+    for (let n3 = 1; n3 < e4.length; n3++) {
+      const s3 = new t.Path(), o3 = e4[n3], r3 = this.coordToVector2(o3[0]);
+      s3.moveTo(r3.x, r3.y);
+      for (let e5 = 1; e5 < o3.length; e5++) {
+        const t2 = this.coordToVector2(o3[e5]);
+        s3.lineTo(t2.x, t2.y);
+      }
+      i2.holes.push(s3);
+    }
+    const r2 = new t.ExtrudeGeometry(i2, { depth: n2.depth, bevelEnabled: false });
+    r2.rotateX(-Math.PI / 2);
+    const a2 = new t.MeshStandardMaterial({ color: n2.color, transparent: true, opacity: n2.opacity, side: t.DoubleSide });
+    return new t.Mesh(r2, a2);
+  }
+  coordToVector2(e4) {
+    const [n2, s2] = e4, [i2, o2] = P("EPSG:4326", "EPSG:3857", [n2, s2]);
+    return new t.Vector2(i2 / this.config.coordinateScale, o2 / this.config.coordinateScale);
+  }
+  coordToVector3(e4) {
+    const [n2, s2] = e4, [i2, o2] = P("EPSG:4326", "EPSG:3857", [n2, s2]);
+    return new t.Vector3(i2 / this.config.coordinateScale, 0, o2 / this.config.coordinateScale);
+  }
+  centerGroup(e4) {
+    const n2 = new t.Box3().setFromObject(e4), s2 = new t.Vector3();
+    n2.getCenter(s2), e4.translationOriginDiff = s2.clone(), e4.getTransformedVector = (t2) => {
+      const n3 = t2.clone();
+      return n3.sub(s2), n3.multiply(e4.scale), n3.applyEuler(e4.rotation), n3.add(e4.position), n3;
+    }, e4.traverse((e5) => {
+      e5.isMesh && (e5.position.sub(s2), e5.initTranslate = e5.position.clone());
+    });
+  }
+  getGeoGroups() {
+    return this.geoGroups;
+  }
+  removeGeoGroup(e4) {
+    const t2 = this.geoGroups.findIndex((t3) => t3.group === e4);
+    t2 > -1 && (this.scene.remove(e4), this.geoGroups.splice(t2, 1));
+  }
+  clearAll() {
+    for (const e4 of this.geoGroups) this.scene.remove(e4.group);
+    this.geoGroups = [];
+  }
+  findRegionByName(e4) {
+    for (const t2 of this.geoGroups) {
+      const n2 = t2.group.children.find((t3) => t3.name === e4);
+      if (n2) return n2;
+    }
+    return null;
+  }
+  highlightRegion(e4, n2 = 16711680) {
+    e4.material instanceof t.MeshStandardMaterial && (e4.material.emissive.setHex(n2), e4.material.emissiveIntensity = 0.3);
+  }
+  unhighlightRegion(e4) {
+    e4.material instanceof t.MeshStandardMaterial && (e4.material.emissiveIntensity = 0);
+  }
+}
+const At = { defaultSize: 1 };
+class kt extends k {
+  constructor(e4) {
+    super({ ...At, ...e4 }), this.name = "geometry", this.geometryTypes = ["立方体", "球体", "圆柱体", "圆锥体", "平面", "圆环", "圆环结", "十二面体", "二十面体", "八面体", "四面体", "胶囊体"], this.innerMeshes = [];
+  }
+  onUninstall() {
+    this.clearAll();
+  }
+  createGeometry(e4, n2) {
+    const s2 = this.config.defaultSize, i2 = n2 || {};
+    switch (e4) {
+      case "立方体":
+        return new t.BoxGeometry(i2.width ?? s2, i2.height ?? s2, i2.depth ?? s2, i2.widthSegments ?? 1, i2.heightSegments ?? 1, i2.depthSegments ?? 1);
+      case "球体":
+        return new t.SphereGeometry(i2.radius ?? s2 / 2, i2.widthSegments ?? 32, i2.heightSegments ?? 16, i2.phiStart ?? 0, i2.phiLength ?? 2 * Math.PI, i2.thetaStart ?? 0, i2.thetaLength ?? Math.PI);
+      case "圆柱体":
+        return new t.CylinderGeometry(i2.radiusTop ?? s2 / 2, i2.radiusBottom ?? s2 / 2, i2.height ?? s2, i2.radialSegments ?? 32, i2.heightSegments ?? 1, i2.openEnded ?? false);
+      case "圆锥体":
+        return new t.ConeGeometry(i2.radius ?? s2 / 2, i2.height ?? s2, i2.radialSegments ?? 32, i2.heightSegments ?? 1, i2.openEnded ?? false);
+      case "平面":
+        return new t.PlaneGeometry(i2.width ?? s2, i2.height ?? s2, i2.widthSegments ?? 1, i2.heightSegments ?? 1);
+      case "圆环":
+        return new t.TorusGeometry(i2.radius ?? s2 / 2, i2.tube ?? s2 / 6, i2.radialSegments ?? 16, i2.tubularSegments ?? 100, i2.arc ?? 2 * Math.PI);
+      case "圆环结":
+        return new t.TorusKnotGeometry(i2.radius ?? s2 / 2, i2.tube ?? s2 / 6, i2.tubularSegments ?? 64, i2.radialSegments ?? 8, i2.p ?? 2, i2.q ?? 3);
+      case "十二面体":
+        return new t.DodecahedronGeometry(i2.radius ?? s2 / 2);
+      case "二十面体":
+        return new t.IcosahedronGeometry(i2.radius ?? s2 / 2);
+      case "八面体":
+        return new t.OctahedronGeometry(i2.radius ?? s2 / 2);
+      case "四面体":
+        return new t.TetrahedronGeometry(i2.radius ?? s2 / 2);
+      case "胶囊体":
+        return new t.CapsuleGeometry(i2.radius ?? s2 / 4, i2.height ?? s2 / 2, i2.capSegments ?? 4, i2.radialSegments ?? 8);
+      default:
+        return new t.BoxGeometry(s2, s2, s2);
+    }
+  }
+  createMesh(e4, n2, s2) {
+    const i2 = this.createGeometry(e4, s2);
+    i2.geometryType = e4;
+    const o2 = new t.Mesh(i2, n2 ?? new t.MeshStandardMaterial({ color: 8421504 }));
+    return o2.name = e4, o2.isInnerMesh = true, o2;
+  }
+  addToScene(e4, t2, n2) {
+    const s2 = this.createMesh(e4, t2, n2);
+    return this.scene.add(s2), this.innerMeshes.push(s2), s2;
+  }
+  createBox(e4 = 1, n2 = 16777215) {
+    const s2 = new t.BoxGeometry(e4, e4, e4), i2 = new t.MeshBasicMaterial({ color: n2 });
+    return new t.Mesh(s2, i2);
+  }
+  getInnerMeshes() {
+    return this.innerMeshes;
+  }
+  removeMesh(e4) {
+    const t2 = this.innerMeshes.indexOf(e4);
+    t2 > -1 && (this.scene.remove(e4), e4.geometry.dispose(), Array.isArray(e4.material) ? e4.material.forEach((e5) => e5.dispose()) : e4.material.dispose(), this.innerMeshes.splice(t2, 1));
+  }
+  clearAll() {
+    for (const e4 of this.innerMeshes) this.scene.remove(e4), e4.geometry.dispose(), Array.isArray(e4.material) ? e4.material.forEach((e5) => e5.dispose()) : e4.material.dispose();
+    this.innerMeshes = [];
+  }
+  updateGeometry(e4, t2, n2) {
+    const s2 = e4.geometry;
+    e4.geometry = this.createGeometry(t2, n2), e4.geometry.geometryType = t2, s2.dispose();
+  }
+}
+const Tt = { defaultType: "标准材质", defaultColor: 8421504 };
+class Lt extends k {
+  constructor(e4) {
+    super({ ...Tt, ...e4 }), this.name = "material", this.materialTypes = ["基础材质", "标准材质", "物理材质", "Lambert材质", "Phong材质", "Toon材质", "法线材质", "深度材质"];
+  }
+  createMaterial(e4, n2) {
+    const s2 = n2 || {}, i2 = { color: s2.color ?? this.config.defaultColor, opacity: s2.opacity ?? 1, transparent: s2.transparent ?? false, side: s2.side ?? t.FrontSide, wireframe: s2.wireframe ?? false };
+    switch (e4) {
+      case "基础材质":
+        return new t.MeshBasicMaterial({ ...i2, map: s2.map });
+      case "标准材质":
+        return new t.MeshStandardMaterial({ ...i2, flatShading: s2.flatShading ?? false, map: s2.map, emissive: s2.emissive ?? 0, emissiveIntensity: s2.emissiveIntensity ?? 1, roughness: s2.roughness ?? 0.5, metalness: s2.metalness ?? 0.5, envMapIntensity: s2.envMapIntensity ?? 1 });
+      case "物理材质":
+        return new t.MeshPhysicalMaterial({ ...i2, flatShading: s2.flatShading ?? false, map: s2.map, emissive: s2.emissive ?? 0, emissiveIntensity: s2.emissiveIntensity ?? 1, roughness: s2.roughness ?? 0.5, metalness: s2.metalness ?? 0.5, envMapIntensity: s2.envMapIntensity ?? 1 });
+      case "Lambert材质":
+        return new t.MeshLambertMaterial({ ...i2, flatShading: s2.flatShading ?? false, map: s2.map, emissive: s2.emissive ?? 0, emissiveIntensity: s2.emissiveIntensity ?? 1 });
+      case "Phong材质":
+        return new t.MeshPhongMaterial({ ...i2, flatShading: s2.flatShading ?? false, map: s2.map, emissive: s2.emissive ?? 0, emissiveIntensity: s2.emissiveIntensity ?? 1 });
+      case "Toon材质":
+        return new t.MeshToonMaterial({ ...i2, map: s2.map });
+      case "法线材质":
+        return new t.MeshNormalMaterial({ opacity: s2.opacity ?? 1, transparent: s2.transparent ?? false, side: s2.side ?? t.FrontSide, wireframe: s2.wireframe ?? false, flatShading: s2.flatShading ?? false });
+      case "深度材质":
+        return new t.MeshDepthMaterial({ opacity: s2.opacity ?? 1, wireframe: s2.wireframe ?? false });
+      default:
+        return new t.MeshStandardMaterial(i2);
+    }
+  }
+  changeMaterial(e4, t2) {
+    const n2 = Array.isArray(e4.material) ? e4.material : [e4.material];
+    e4._originalMaterials || (e4._originalMaterials = n2.map((e5) => e5.clone()));
+    for (const e5 of n2) this.applyParams(e5, t2);
+  }
+  changeGroupMaterial(e4, t2) {
+    e4.traverse((e5) => {
+      e5.isMesh && this.changeMaterial(e5, t2);
+    });
+  }
+  applyParams(e4, t2) {
+    const n2 = e4;
+    void 0 !== t2.color && n2.color && n2.color.set(t2.color), void 0 !== t2.opacity && (n2.opacity = t2.opacity), void 0 !== t2.transparent && (n2.transparent = t2.transparent), void 0 !== t2.side && (n2.side = t2.side), void 0 !== t2.wireframe && (n2.wireframe = t2.wireframe), void 0 !== t2.emissive && n2.emissive && n2.emissive.set(t2.emissive), void 0 !== t2.emissiveIntensity && (n2.emissiveIntensity = t2.emissiveIntensity), void 0 !== t2.roughness && (n2.roughness = t2.roughness), void 0 !== t2.metalness && (n2.metalness = t2.metalness), e4.needsUpdate = true;
+  }
+  revertMaterial(e4) {
+    const t2 = e4._originalMaterials;
+    t2 && (Array.isArray(e4.material) ? e4.material.forEach((e5, n2) => {
+      t2[n2] && this.copyMaterialProperties(t2[n2], e5);
+    }) : t2[0] && this.copyMaterialProperties(t2[0], e4.material));
+  }
+  revertGroupMaterial(e4) {
+    e4.traverse((e5) => {
+      e5.isMesh && this.revertMaterial(e5);
+    });
+  }
+  copyMaterialProperties(e4, t2) {
+    const n2 = e4, s2 = t2;
+    n2.color && s2.color && s2.color.copy(n2.color), n2.emissive && s2.emissive && s2.emissive.copy(n2.emissive), s2.opacity = n2.opacity, s2.transparent = n2.transparent, s2.side = n2.side, void 0 !== n2.wireframe && (s2.wireframe = n2.wireframe), void 0 !== n2.emissiveIntensity && (s2.emissiveIntensity = n2.emissiveIntensity), void 0 !== n2.roughness && (s2.roughness = n2.roughness), void 0 !== n2.metalness && (s2.metalness = n2.metalness), t2.needsUpdate = true;
+  }
+  cloneMaterial(e4) {
+    e4.traverse((e5) => {
+      if (e5.isMesh) {
+        const t2 = e5;
+        t2.isCloneMaterial = true, t2.originMaterial = t2.material, Array.isArray(t2.material) ? t2.material = t2.material.map((e6) => e6.clone()) : t2.material = t2.material.clone();
+      }
+    });
+  }
+  getMaterials(e4) {
+    const t2 = [];
+    return e4.traverse((e5) => {
+      if (e5.isMesh) {
+        const n2 = e5;
+        Array.isArray(n2.material) ? t2.push(...n2.material) : n2.material && t2.push(n2.material);
+      }
+    }), [...new Set(t2)];
+  }
+}
+const Ot = { particlesSum: 1e4, inner: 0, outer: 100, maxVelocity: 10, mapUrl: "", shaderCodeName: "雪片着色", sportType: "全随机" };
+class Ht extends k {
+  constructor(e4) {
+    super({ ...Ot, ...e4 }), this.name = "particle", this.sportTypes = ["全随机", "随机向下", "随机向上", "直线匀速向上", "直线匀速向下"], this.particleSystems = [], this.textureLoader = new t.TextureLoader();
+  }
+  onUninstall() {
+    this.clearAll();
+  }
+  onUpdate(e4) {
+    for (const t2 of this.particleSystems) this.updateParticleSystem(t2, e4);
+  }
+  createParticleSystem(e4) {
+    const n2 = { particlesSum: (e4 == null ? void 0 : e4.particlesSum) ?? this.config.particlesSum, inner: (e4 == null ? void 0 : e4.inner) ?? this.config.inner, outer: (e4 == null ? void 0 : e4.outer) ?? this.config.outer, maxVelocity: (e4 == null ? void 0 : e4.maxVelocity) ?? this.config.maxVelocity, mapUrl: (e4 == null ? void 0 : e4.mapUrl) ?? this.config.mapUrl, sportType: (e4 == null ? void 0 : e4.sportType) ?? this.config.sportType, size: (e4 == null ? void 0 : e4.size) ?? 1, color: (e4 == null ? void 0 : e4.color) ?? 16777215, opacity: (e4 == null ? void 0 : e4.opacity) ?? 1 }, { particlesSum: s2, inner: i2, outer: o2, maxVelocity: r2, sportType: a2 } = n2, l2 = new t.BufferGeometry(), d2 = new Float32Array(3 * s2), c2 = new Float32Array(3 * s2);
+    for (let e5 = 0; e5 < s2; e5++) {
+      const t2 = 3 * e5, n3 = i2 + Math.random() * (o2 - i2), s3 = Math.random() * Math.PI * 2, l3 = Math.acos(2 * Math.random() - 1);
+      switch (d2[t2] = n3 * Math.sin(l3) * Math.cos(s3), d2[t2 + 1] = n3 * Math.sin(l3) * Math.sin(s3), d2[t2 + 2] = n3 * Math.cos(l3), a2) {
+        case "全随机":
+          c2[t2] = (Math.random() - 0.5) * r2, c2[t2 + 1] = (Math.random() - 0.5) * r2, c2[t2 + 2] = (Math.random() - 0.5) * r2;
+          break;
+        case "随机向下":
+          c2[t2] = (Math.random() - 0.5) * r2 * 0.2, c2[t2 + 1] = -Math.random() * r2, c2[t2 + 2] = (Math.random() - 0.5) * r2 * 0.2;
+          break;
+        case "随机向上":
+          c2[t2] = (Math.random() - 0.5) * r2 * 0.2, c2[t2 + 1] = Math.random() * r2, c2[t2 + 2] = (Math.random() - 0.5) * r2 * 0.2;
+          break;
+        case "直线匀速向上":
+          c2[t2] = 0, c2[t2 + 1] = r2, c2[t2 + 2] = 0;
+          break;
+        case "直线匀速向下":
+          c2[t2] = 0, c2[t2 + 1] = -r2, c2[t2 + 2] = 0;
+      }
+    }
+    l2.setAttribute("position", new t.BufferAttribute(d2, 3));
+    const h2 = new t.PointsMaterial({ size: n2.size, color: n2.color, transparent: true, opacity: n2.opacity, depthWrite: false, blending: t.AdditiveBlending });
+    n2.mapUrl && this.textureLoader.load(n2.mapUrl, (e5) => {
+      h2.map = e5, h2.needsUpdate = true;
+    });
+    const u2 = new t.Points(l2, h2);
+    u2.name = "ParticleSystem", u2.isParticleMesh = true;
+    const m2 = { mesh: u2, velocities: c2, config: n2 };
+    return this.particleSystems.push(m2), u2;
+  }
+  addToScene(e4) {
+    const t2 = this.createParticleSystem(e4);
+    return this.scene.add(t2), t2;
+  }
+  updateParticleSystem(e4, t2) {
+    const { mesh: n2, velocities: s2, config: i2 } = e4, o2 = n2.geometry.attributes.position.array, { inner: r2, outer: a2, sportType: l2 } = i2;
+    for (let e5 = 0; e5 < o2.length; e5 += 3) {
+      o2[e5] += s2[e5] * t2, o2[e5 + 1] += s2[e5 + 1] * t2, o2[e5 + 2] += s2[e5 + 2] * t2;
+      const n3 = Math.sqrt(o2[e5] ** 2 + o2[e5 + 1] ** 2 + o2[e5 + 2] ** 2);
+      if (n3 > a2 || n3 < r2) {
+        const t3 = r2 + Math.random() * (a2 - r2), n4 = Math.random() * Math.PI * 2, s3 = Math.acos(2 * Math.random() - 1);
+        o2[e5] = t3 * Math.sin(s3) * Math.cos(n4), o2[e5 + 1] = t3 * Math.sin(s3) * Math.sin(n4), o2[e5 + 2] = t3 * Math.cos(s3);
+      }
+    }
+    n2.geometry.attributes.position.needsUpdate = true;
+  }
+  getParticleSystems() {
+    return this.particleSystems;
+  }
+  removeParticleSystem(e4) {
+    const t2 = this.particleSystems.findIndex((t3) => t3.mesh === e4);
+    t2 > -1 && (this.scene.remove(e4), e4.geometry.dispose(), e4.material.dispose(), this.particleSystems.splice(t2, 1));
+  }
+  clearAll() {
+    for (const e4 of this.particleSystems) this.scene.remove(e4.mesh), e4.mesh.geometry.dispose(), e4.mesh.material.dispose();
+    this.particleSystems = [];
+  }
+  setEnabled(e4, t2) {
+    e4.visible = t2;
+  }
+}
+const Bt = { gravity: { x: 0, y: -9.82, z: 0 }, defaultMass: 1 };
+class jt extends k {
+  constructor(e4) {
+    super({ ...Bt, ...e4 }), this.name = "physics", this.bodies = [], this._enabled = true;
+  }
+  get physicsWorld() {
+    return this.world;
+  }
+  get enabled() {
+    return this._enabled;
+  }
+  set enabled(e4) {
+    this._enabled = e4;
+  }
+  onInstall() {
+    this.world = new S.World(), this.world.gravity.set(this.config.gravity.x, this.config.gravity.y, this.config.gravity.z), this.world.broadphase = new S.NaiveBroadphase(), void 0 !== this.world.solver.iterations && (this.world.solver.iterations = 10);
+  }
+  onUninstall() {
+    this.clearAll();
+  }
+  onUpdate(e4) {
+    if (this._enabled) {
+      this.world.step(1 / 60, e4, 3);
+      for (const e5 of this.bodies) e5.isUpdate && (e5.mesh.position.copy(e5.body.position), e5.mesh.quaternion.copy(e5.body.quaternion));
+    }
+  }
+  setGravity(e4, t2, n2) {
+    this.world.gravity.set(e4, t2, n2), this.config.gravity = { x: e4, y: t2, z: n2 };
+  }
+  addBody(e4, t2) {
+    const { center: n2, max: s2, min: i2, radius: o2 } = _t(e4), r2 = (t2 == null ? void 0 : t2.isStatic) ? 0 : (t2 == null ? void 0 : t2.mass) ?? this.config.defaultMass;
+    let a2;
+    switch (t2 == null ? void 0 : t2.shape) {
+      case "sphere":
+        a2 = new S.Sphere(o2);
+        break;
+      case "cylinder":
+        const e5 = Math.max(s2.x - i2.x, s2.z - i2.z) / 2, t3 = s2.y - i2.y;
+        a2 = new S.Cylinder(e5, e5, t3, 16);
+        break;
+      default:
+        a2 = new S.Box(new S.Vec3((s2.x - i2.x) / 2, (s2.y - i2.y) / 2, (s2.z - i2.z) / 2));
+    }
+    const l2 = new S.Body({ mass: r2, shape: a2, position: new S.Vec3(n2.x, n2.y, n2.z) });
+    void 0 === (t2 == null ? void 0 : t2.friction) && void 0 === (t2 == null ? void 0 : t2.restitution) || (l2.material = new S.Material(), void 0 !== t2.friction && (l2.material.friction = t2.friction), void 0 !== t2.restitution && (l2.material.restitution = t2.restitution)), this.world.addBody(l2);
+    const d2 = { body: l2, mesh: e4, isUpdate: !(t2 == null ? void 0 : t2.isStatic) };
+    return this.bodies.push(d2), e4.physicsBody = l2, l2;
+  }
+  addGround(e4 = 0) {
+    const t2 = new S.Body({ mass: 0, shape: new S.Plane(), position: new S.Vec3(0, e4, 0) });
+    return t2.quaternion.setFromEuler(-Math.PI / 2, 0, 0), this.world.addBody(t2), t2;
+  }
+  removeBody(e4) {
+    const t2 = this.bodies.findIndex((t3) => t3.mesh === e4);
+    if (t2 > -1) {
+      const n2 = this.bodies[t2];
+      this.world.removeBody(n2.body), this.bodies.splice(t2, 1), delete e4.physicsBody;
+    }
+  }
+  getBody(e4) {
+    const t2 = this.bodies.find((t3) => t3.mesh === e4);
+    return t2 == null ? void 0 : t2.body;
+  }
+  setBodyUpdate(e4, t2) {
+    const n2 = this.bodies.find((t3) => t3.mesh === e4);
+    n2 && (n2.isUpdate = t2, t2 && (n2.body.position.copy(e4.position), n2.body.quaternion.copy(e4.quaternion)));
+  }
+  applyForce(e4, t2, n2) {
+    const s2 = this.getBody(e4);
+    if (s2) {
+      const e5 = new S.Vec3(t2.x, t2.y, t2.z);
+      if (n2) {
+        const t3 = new S.Vec3(n2.x, n2.y, n2.z);
+        s2.applyForce(e5, t3);
+      } else s2.applyForce(e5);
+    }
+  }
+  applyImpulse(e4, t2, n2) {
+    const s2 = this.getBody(e4);
+    if (s2) {
+      const e5 = new S.Vec3(t2.x, t2.y, t2.z);
+      if (n2) {
+        const t3 = new S.Vec3(n2.x, n2.y, n2.z);
+        s2.applyImpulse(e5, t3);
+      } else s2.applyImpulse(e5);
+    }
+  }
+  setVelocity(e4, t2) {
+    const n2 = this.getBody(e4);
+    n2 && n2.velocity.set(t2.x, t2.y, t2.z);
+  }
+  resetBody(e4) {
+    const t2 = this.getBody(e4);
+    t2 && (t2.velocity.setZero(), t2.angularVelocity.setZero(), t2.position.copy(e4.position), t2.quaternion.copy(e4.quaternion));
+  }
+  clearAll() {
+    for (const e4 of this.bodies) this.world.removeBody(e4.body), delete e4.mesh.physicsBody;
+    this.bodies = [];
+  }
+  getBodies() {
+    return this.bodies;
+  }
+}
+const Rt = { defaultFontUrl: "https://z2586300277.github.io/three-editor/dist/files/font/cn1.json", defaultSize: 1, defaultHeight: 0.2 };
+class zt extends k {
+  constructor(e4) {
+    super({ ...Rt, ...e4 }), this.name = "text", this.fontLoader = new l(), this.fontCache = /* @__PURE__ */ new Map(), this.textMeshes = [];
+  }
+  onUninstall() {
+    this.clearAll(), this.fontCache.clear();
+  }
+  async loadFont(e4) {
+    const t2 = this.fontCache.get(e4);
+    return t2 || new Promise((t3, n2) => {
+      this.fontLoader.load(e4, (n3) => {
+        this.fontCache.set(e4, n3), t3(n3);
+      }, void 0, n2);
+    });
+  }
+  async createTextGeometry(e4) {
+    const t2 = await this.loadFont(e4.fontUrl || this.config.defaultFontUrl), n2 = new F(e4.text, { font: t2, size: e4.size ?? this.config.defaultSize, height: e4.height ?? this.config.defaultHeight, curveSegments: e4.curveSegments ?? 12, bevelEnabled: e4.bevelEnabled ?? false, bevelThickness: e4.bevelThickness ?? 0.1, bevelSize: e4.bevelSize ?? 0.05, bevelOffset: e4.bevelOffset ?? 0, bevelSegments: e4.bevelSegments ?? 3 });
+    return n2.computeBoundingBox(), n2.center(), n2;
+  }
+  async createTextMesh(e4) {
+    const n2 = await this.createTextGeometry(e4);
+    let s2;
+    switch (e4.materialType) {
+      case "basic":
+        s2 = new t.MeshBasicMaterial({ color: e4.color ?? 16777215 });
+        break;
+      case "phong":
+        s2 = new t.MeshPhongMaterial({ color: e4.color ?? 16777215 });
+        break;
+      default:
+        s2 = new t.MeshStandardMaterial({ color: e4.color ?? 16777215 });
+    }
+    const i2 = new t.Mesh(n2, s2);
+    return i2.name = e4.text, i2.isTextMesh = true, i2.fontLink = e4.fontUrl || this.config.defaultFontUrl, i2.text = e4.text, i2;
+  }
+  async addToScene(e4) {
+    const t2 = await this.createTextMesh(e4);
+    return this.scene.add(t2), this.textMeshes.push(t2), t2;
+  }
+  async updateText(e4, t2) {
+    const n2 = e4.fontLink || this.config.defaultFontUrl, s2 = e4.geometry, i2 = await this.createTextGeometry({ text: t2, fontUrl: n2 });
+    e4.geometry = i2, e4.name = t2, e4.text = t2, s2.dispose();
+  }
+  getTextMeshes() {
+    return this.textMeshes;
+  }
+  removeTextMesh(e4) {
+    const t2 = this.textMeshes.indexOf(e4);
+    t2 > -1 && (this.scene.remove(e4), e4.geometry.dispose(), Array.isArray(e4.material) ? e4.material.forEach((e5) => e5.dispose()) : e4.material.dispose(), this.textMeshes.splice(t2, 1));
+  }
+  clearAll() {
+    for (const e4 of this.textMeshes) this.scene.remove(e4), e4.geometry.dispose(), Array.isArray(e4.material) ? e4.material.forEach((e5) => e5.dispose()) : e4.material.dispose();
+    this.textMeshes = [];
+  }
+}
+const Dt = { fog: { enabled: false, type: "linear", color: 13421772, near: 1, far: 1e3, density: 25e-5 }, skybox: null, environmentMap: null, environmentIntensity: 1, backgroundBlurriness: 0, backgroundIntensity: 1 };
+class Gt extends k {
+  constructor(e4) {
+    super({ ...Dt, ...e4 }), this.name = "environment", this.rgbeLoader = new E(), this.cubeTextureLoader = new t.CubeTextureLoader(), this.textureLoader = new t.TextureLoader(), this.currentEnvMap = null, this.currentBackground = null;
+  }
+  onInstall() {
+    this.config.fog.enabled && this.setFog(this.config.fog), this.config.skybox && this.setSkybox(this.config.skybox), this.config.environmentMap && this.setEnvironmentMap(this.config.environmentMap);
+  }
+  onUninstall() {
+    this.clearFog(), this.clearBackground(), this.clearEnvironmentMap();
+  }
+  setFog(e4) {
+    if (Object.assign(this.config.fog, e4), !this.config.fog.enabled) return void this.clearFog();
+    const n2 = new t.Color(this.config.fog.color);
+    "linear" === this.config.fog.type ? this.scene.fog = new t.Fog(n2, this.config.fog.near ?? 1, this.config.fog.far ?? 1e3) : this.scene.fog = new t.FogExp2(n2, this.config.fog.density ?? 25e-5);
+  }
+  clearFog() {
+    this.scene.fog = null, this.config.fog.enabled = false;
+  }
+  setFogColor(e4) {
+    this.config.fog.color = e4, this.scene.fog && this.scene.fog.color.setHex(e4);
+  }
+  async setSkybox(e4) {
+    switch (this.config.skybox = e4, e4.type) {
+      case "color":
+        this.setBackgroundColor(e4.color ?? 0);
+        break;
+      case "texture":
+        e4.url && await this.setBackgroundTexture(e4.url);
+        break;
+      case "cubeTexture":
+        e4.urls && 6 === e4.urls.length && await this.setBackgroundCubeTexture(e4.urls);
+        break;
+      case "hdr":
+        e4.url && await this.setBackgroundHDR(e4.url);
+        break;
+      case "equirectangular":
+        e4.url && await this.setBackgroundEquirectangular(e4.url);
+    }
+  }
+  setBackgroundColor(e4) {
+    this.currentBackground = new t.Color(e4), this.scene.background = this.currentBackground;
+  }
+  async setBackgroundTexture(e4) {
+    return new Promise((t2, n2) => {
+      this.textureLoader.load(e4, (e5) => {
+        this.currentBackground = e5, this.scene.background = e5, t2(e5);
+      }, void 0, n2);
+    });
+  }
+  async setBackgroundCubeTexture(e4) {
+    return new Promise((t2, n2) => {
+      this.cubeTextureLoader.load(e4, (e5) => {
+        this.currentBackground = e5, this.scene.background = e5, t2(e5);
+      }, void 0, n2);
+    });
+  }
+  async setBackgroundHDR(e4) {
+    return new Promise((n2, s2) => {
+      this.rgbeLoader.load(e4, (e5) => {
+        e5.mapping = t.EquirectangularReflectionMapping, this.currentBackground = e5, this.scene.background = e5, n2(e5);
+      }, void 0, s2);
+    });
+  }
+  async setBackgroundEquirectangular(e4) {
+    return new Promise((n2, s2) => {
+      this.textureLoader.load(e4, (e5) => {
+        e5.mapping = t.EquirectangularReflectionMapping, this.currentBackground = e5, this.scene.background = e5, n2(e5);
+      }, void 0, s2);
+    });
+  }
+  clearBackground() {
+    this.currentBackground instanceof t.Texture && this.currentBackground.dispose(), this.scene.background = null, this.currentBackground = null, this.config.skybox = null;
+  }
+  async setEnvironmentMap(e4) {
+    return this.config.environmentMap = e4, new Promise((n2, s2) => {
+      this.rgbeLoader.load(e4, (e5) => {
+        e5.mapping = t.EquirectangularReflectionMapping, this.currentEnvMap = e5, this.scene.environment = e5, "environmentIntensity" in this.scene && (this.scene.environmentIntensity = this.config.environmentIntensity), n2(e5);
+      }, void 0, s2);
+    });
+  }
+  async setCubeEnvironmentMap(e4) {
+    return new Promise((t2, n2) => {
+      this.cubeTextureLoader.load(e4, (e5) => {
+        this.currentEnvMap = e5, this.scene.environment = e5, t2(e5);
+      }, void 0, n2);
+    });
+  }
+  clearEnvironmentMap() {
+    this.currentEnvMap && this.currentEnvMap.dispose(), this.scene.environment = null, this.currentEnvMap = null, this.config.environmentMap = null;
+  }
+  setEnvironmentIntensity(e4) {
+    this.config.environmentIntensity = e4, "environmentIntensity" in this.scene && (this.scene.environmentIntensity = e4);
+  }
+  setBackgroundBlurriness(e4) {
+    this.config.backgroundBlurriness = e4, "backgroundBlurriness" in this.scene && (this.scene.backgroundBlurriness = e4);
+  }
+  setBackgroundIntensity(e4) {
+    this.config.backgroundIntensity = e4, "backgroundIntensity" in this.scene && (this.scene.backgroundIntensity = e4);
+  }
+  getEnvironmentMap() {
+    return this.currentEnvMap;
+  }
+  getBackground() {
+    return this.currentBackground;
+  }
+  getFogConfig() {
+    return { ...this.config.fog };
+  }
+  getConfig() {
+    return { ...this.config };
+  }
+}
+const Ut = { version: "1.0.0", includeGeometry: false, includeMaterial: true, includeUserData: true, excludeHelpers: true };
+class It extends k {
+  constructor(e4) {
+    super({ ...Ut, ...e4 }), this.name = "serialization";
+  }
+  serialize() {
+    const e4 = this.scene, t2 = this.camera;
+    return { version: this.config.version, metadata: { generator: "ThreeEditor", timestamp: Date.now() }, scene: this.serializeSceneProperties(), camera: this.serializeCamera(t2), objects: this.serializeObjects(e4.children), plugins: this.serializePlugins() };
+  }
+  serializeSceneProperties() {
+    const e4 = this.scene;
+    return { background: this.serializeBackground(e4.background), fog: this.serializeFog(e4.fog), environment: e4.environment ? "has_environment" : null };
+  }
+  serializeBackground(e4) {
+    return e4 ? e4 instanceof t.Color ? { type: "color", value: e4.getHex() } : e4 instanceof t.Texture ? { type: "texture", url: e4.sourceFile || null } : null : null;
+  }
+  serializeFog(e4) {
+    return e4 ? e4 instanceof t.Fog ? { type: "linear", color: e4.color.getHex(), near: e4.near, far: e4.far } : e4 instanceof t.FogExp2 ? { type: "exponential", color: e4.color.getHex(), density: e4.density } : null : null;
+  }
+  serializeCamera(e4) {
+    const n2 = { type: e4.type, position: { x: e4.position.x, y: e4.position.y, z: e4.position.z }, rotation: { x: e4.rotation.x, y: e4.rotation.y, z: e4.rotation.z }, near: e4.near, far: e4.far, zoom: e4.zoom };
+    return e4 instanceof t.PerspectiveCamera && (n2.fov = e4.fov), n2;
+  }
+  serializeObjects(e4) {
+    const t2 = [];
+    for (const n2 of e4) {
+      if (this.config.excludeHelpers && this.isHelper(n2)) continue;
+      const e5 = this.serializeObject(n2);
+      e5 && t2.push(e5);
+    }
+    return t2;
+  }
+  serializeObject(e4) {
+    const t2 = { uuid: e4.uuid, name: e4.name, type: e4.type, position: { x: e4.position.x, y: e4.position.y, z: e4.position.z }, rotation: { x: e4.rotation.x, y: e4.rotation.y, z: e4.rotation.z }, scale: { x: e4.scale.x, y: e4.scale.y, z: e4.scale.z }, visible: e4.visible, userData: this.config.includeUserData ? e4.userData : {} };
+    return this.config.includeGeometry && e4.geometry && (t2.geometry = this.serializeGeometry(e4.geometry)), this.config.includeMaterial && e4.material && (t2.material = this.serializeMaterial(e4.material)), e4.children.length > 0 && (t2.children = this.serializeObjects(e4.children)), t2;
+  }
+  serializeGeometry(e4) {
+    return { type: e4.type, uuid: e4.uuid, parameters: e4.parameters || {} };
+  }
+  serializeMaterial(e4) {
+    return Array.isArray(e4) ? e4.map((e5) => this.serializeSingleMaterial(e5)) : this.serializeSingleMaterial(e4);
+  }
+  serializeSingleMaterial(e4) {
+    const t2 = { type: e4.type, uuid: e4.uuid, name: e4.name, opacity: e4.opacity, transparent: e4.transparent, visible: e4.visible, side: e4.side };
+    return e4.color && (t2.color = e4.color.getHex()), void 0 !== e4.metalness && (t2.metalness = e4.metalness), void 0 !== e4.roughness && (t2.roughness = e4.roughness), e4.emissive && (t2.emissive = e4.emissive.getHex()), void 0 !== e4.emissiveIntensity && (t2.emissiveIntensity = e4.emissiveIntensity), t2;
+  }
+  serializePlugins() {
+    const e4 = {}, t2 = this.context.pluginManager;
+    if (t2 && "function" == typeof t2.getAll) {
+      const n2 = t2.getAll();
+      for (const t3 of n2) t3.name !== this.name && "function" == typeof t3.getConfig && (e4[t3.name] = t3.getConfig());
+    }
+    return e4;
+  }
+  isHelper(e4) {
+    return e4.name.startsWith("__") || e4.type.includes("Helper") || "TransformControls" === e4.type || "TransformControlsPlane" === e4.type;
+  }
+  async deserialize(e4) {
+    this.deserializeCamera(e4.camera), this.deserializeSceneProperties(e4.scene), this.deserializePlugins(e4.plugins), this.events.emit("scene:deserialized", e4);
+  }
+  deserializeCamera(e4) {
+    const n2 = this.camera;
+    n2.position.set(e4.position.x, e4.position.y, e4.position.z), n2.rotation.set(e4.rotation.x, e4.rotation.y, e4.rotation.z), n2 instanceof t.PerspectiveCamera && e4.fov && (n2.fov = e4.fov, n2.near = e4.near, n2.far = e4.far, n2.zoom = e4.zoom, n2.updateProjectionMatrix());
+  }
+  deserializeSceneProperties(e4) {
+    e4.background && "color" === e4.background.type && (this.scene.background = new t.Color(e4.background.value)), e4.fog && ("linear" === e4.fog.type ? this.scene.fog = new t.Fog(e4.fog.color, e4.fog.near, e4.fog.far) : "exponential" === e4.fog.type && (this.scene.fog = new t.FogExp2(e4.fog.color, e4.fog.density)));
+  }
+  deserializePlugins(e4) {
+    const t2 = this.context.pluginManager;
+    if (t2 && "function" == typeof t2.get) for (const [n2, s2] of Object.entries(e4)) {
+      const e5 = t2.get(n2);
+      e5 && "function" == typeof e5.setConfig && e5.setConfig(s2);
+    }
+  }
+  toJSON() {
+    return JSON.stringify(this.serialize(), null, 2);
+  }
+  async fromJSON(e4) {
+    const t2 = JSON.parse(e4);
+    await this.deserialize(t2);
+  }
+  download(e4 = "scene.json") {
+    const t2 = this.toJSON(), n2 = new Blob([t2], { type: "application/json" }), s2 = URL.createObjectURL(n2), i2 = document.createElement("a");
+    i2.href = s2, i2.download = e4, i2.click(), URL.revokeObjectURL(s2);
+  }
+  async loadFromFile(e4) {
+    return new Promise((t2, n2) => {
+      const s2 = new FileReader();
+      s2.onload = async (e5) => {
+        var _a;
+        try {
+          const n3 = (_a = e5.target) == null ? void 0 : _a.result;
+          await this.fromJSON(n3), t2();
+        } catch (e6) {
+          n2(e6);
+        }
+      }, s2.onerror = n2, s2.readAsText(e4);
+    });
+  }
+  getConfig() {
+    return { ...this.config };
+  }
+  setConfig(e4) {
+    Object.assign(this.config, e4);
+  }
+}
+export {
+  gt as $,
+  Mt as A,
+  it as B,
+  z as C,
+  X as D,
+  W as E,
+  ot as F,
+  kt as G,
+  rt as H,
+  ct as I,
+  vt as J,
+  bt as K,
+  j as L,
+  Lt as M,
+  G as N,
+  L as O,
+  k as P,
+  U as Q,
+  I as R,
+  xt as S,
+  H as T,
+  V as U,
+  N as V,
+  ht as W,
+  ut as X,
+  mt as Y,
+  pt as Z,
+  ft as _,
+  A as a,
+  _t as a0,
+  yt as a1,
+  T as b,
+  O as c,
+  B as d,
+  R as e,
+  D as f,
+  At as g,
+  Tt as h,
+  wt as i,
+  Ct as j,
+  St as k,
+  Pt as l,
+  Et as m,
+  Ft as n,
+  Ht as o,
+  Ot as p,
+  jt as q,
+  Bt as r,
+  zt as s,
+  dt as t,
+  Gt as u,
+  It as v,
+  at as w,
+  tt as x,
+  nt as y,
+  st as z
+};
+//# sourceMappingURL=SerializationPlugin-CBr1GY5q.js.map