vim-web 0.3.44-dev.1 → 0.3.44-dev.10

package/dist/vim-web.iife.js

@@ -13866,9 +13866,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     normalize: normalize$1,
     denormalize
   };
-  let Vector2$1 = class Vector22 {
+  class Vector2 {
     constructor(x = 0, y = 0) {
-      Vector22.prototype.isVector2 = true;
+      Vector2.prototype.isVector2 = true;
       this.x = x;
       this.y = y;
     }
@@ -14128,7 +14128,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       yield this.x;
       yield this.y;
     }
-  };
+  }
   class Matrix3 {
     constructor(n11, n12, n13, n21, n22, n23, n31, n32, n33) {
       Matrix3.prototype.isMatrix3 = true;
@@ -14764,9 +14764,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.format = format;
       this.internalFormat = null;
       this.type = type;
-      this.offset = new Vector2$1(0, 0);
-      this.repeat = new Vector2$1(1, 1);
-      this.center = new Vector2$1(0, 0);
+      this.offset = new Vector2(0, 0);
+      this.repeat = new Vector2(1, 1);
+      this.center = new Vector2(0, 0);
       this.rotation = 0;
       this.matrixAutoUpdate = true;
       this.matrix = new Matrix3();
@@ -15851,9 +15851,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       yield this._w;
     }
   }
-  let Vector3$1 = class Vector32 {
+  class Vector3 {
     constructor(x = 0, y = 0, z = 0) {
-      Vector32.prototype.isVector3 = true;
+      Vector3.prototype.isVector3 = true;
       this.x = x;
       this.y = y;
       this.z = z;
@@ -16263,11 +16263,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       yield this.y;
       yield this.z;
     }
-  };
-  const _vector$c = /* @__PURE__ */ new Vector3$1();
+  }
+  const _vector$c = /* @__PURE__ */ new Vector3();
   const _quaternion$4 = /* @__PURE__ */ new Quaternion();
-  let Box3$1 = class Box3 {
-    constructor(min2 = new Vector3$1(Infinity, Infinity, Infinity), max2 = new Vector3$1(-Infinity, -Infinity, -Infinity)) {
+  class Box3 {
+    constructor(min2 = new Vector3(Infinity, Infinity, Infinity), max2 = new Vector3(-Infinity, -Infinity, -Infinity)) {
       this.isBox3 = true;
       this.min = min2;
       this.max = max2;
@@ -16526,29 +16526,29 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     equals(box) {
       return box.min.equals(this.min) && box.max.equals(this.max);
     }
-  };
+  }
   const _points = [
-    /* @__PURE__ */ new Vector3$1(),
-    /* @__PURE__ */ new Vector3$1(),
-    /* @__PURE__ */ new Vector3$1(),
-    /* @__PURE__ */ new Vector3$1(),
-    /* @__PURE__ */ new Vector3$1(),
-    /* @__PURE__ */ new Vector3$1(),
-    /* @__PURE__ */ new Vector3$1(),
-    /* @__PURE__ */ new Vector3$1()
+    /* @__PURE__ */ new Vector3(),
+    /* @__PURE__ */ new Vector3(),
+    /* @__PURE__ */ new Vector3(),
+    /* @__PURE__ */ new Vector3(),
+    /* @__PURE__ */ new Vector3(),
+    /* @__PURE__ */ new Vector3(),
+    /* @__PURE__ */ new Vector3(),
+    /* @__PURE__ */ new Vector3()
   ];
-  const _vector$b = /* @__PURE__ */ new Vector3$1();
-  const _box$4 = /* @__PURE__ */ new Box3$1();
-  const _v0$2 = /* @__PURE__ */ new Vector3$1();
-  const _v1$7 = /* @__PURE__ */ new Vector3$1();
-  const _v2$4 = /* @__PURE__ */ new Vector3$1();
-  const _f0 = /* @__PURE__ */ new Vector3$1();
-  const _f1 = /* @__PURE__ */ new Vector3$1();
-  const _f2 = /* @__PURE__ */ new Vector3$1();
-  const _center = /* @__PURE__ */ new Vector3$1();
-  const _extents = /* @__PURE__ */ new Vector3$1();
-  const _triangleNormal = /* @__PURE__ */ new Vector3$1();
-  const _testAxis = /* @__PURE__ */ new Vector3$1();
+  const _vector$b = /* @__PURE__ */ new Vector3();
+  const _box$4 = /* @__PURE__ */ new Box3();
+  const _v0$2 = /* @__PURE__ */ new Vector3();
+  const _v1$7 = /* @__PURE__ */ new Vector3();
+  const _v2$4 = /* @__PURE__ */ new Vector3();
+  const _f0 = /* @__PURE__ */ new Vector3();
+  const _f1 = /* @__PURE__ */ new Vector3();
+  const _f2 = /* @__PURE__ */ new Vector3();
+  const _center = /* @__PURE__ */ new Vector3();
+  const _extents = /* @__PURE__ */ new Vector3();
+  const _triangleNormal = /* @__PURE__ */ new Vector3();
+  const _testAxis = /* @__PURE__ */ new Vector3();
   function satForAxes(axes, v0, v1, v2, extents) {
     for (let i2 = 0, j = axes.length - 3; i2 <= j; i2 += 3) {
       _testAxis.fromArray(axes, i2);
@@ -16562,11 +16562,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return true;
   }
-  const _box$3 = /* @__PURE__ */ new Box3$1();
-  const _v1$6 = /* @__PURE__ */ new Vector3$1();
-  const _v2$3 = /* @__PURE__ */ new Vector3$1();
+  const _box$3 = /* @__PURE__ */ new Box3();
+  const _v1$6 = /* @__PURE__ */ new Vector3();
+  const _v2$3 = /* @__PURE__ */ new Vector3();
   class Sphere {
-    constructor(center = new Vector3$1(), radius = -1) {
+    constructor(center = new Vector3(), radius = -1) {
       this.isSphere = true;
       this.center = center;
       this.radius = radius;
@@ -16686,15 +16686,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return new this.constructor().copy(this);
     }
   }
-  const _vector$a = /* @__PURE__ */ new Vector3$1();
-  const _segCenter = /* @__PURE__ */ new Vector3$1();
-  const _segDir = /* @__PURE__ */ new Vector3$1();
-  const _diff = /* @__PURE__ */ new Vector3$1();
-  const _edge1 = /* @__PURE__ */ new Vector3$1();
-  const _edge2 = /* @__PURE__ */ new Vector3$1();
-  const _normal$1 = /* @__PURE__ */ new Vector3$1();
+  const _vector$a = /* @__PURE__ */ new Vector3();
+  const _segCenter = /* @__PURE__ */ new Vector3();
+  const _segDir = /* @__PURE__ */ new Vector3();
+  const _diff = /* @__PURE__ */ new Vector3();
+  const _edge1 = /* @__PURE__ */ new Vector3();
+  const _edge2 = /* @__PURE__ */ new Vector3();
+  const _normal$1 = /* @__PURE__ */ new Vector3();
   class Ray {
-    constructor(origin = new Vector3$1(), direction = new Vector3$1(0, 0, -1)) {
+    constructor(origin = new Vector3(), direction = new Vector3(0, 0, -1)) {
       this.origin = origin;
       this.direction = direction;
     }
@@ -17692,13 +17692,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return array;
     }
   }
-  const _v1$5 = /* @__PURE__ */ new Vector3$1();
+  const _v1$5 = /* @__PURE__ */ new Vector3();
   const _m1$2 = /* @__PURE__ */ new Matrix4();
-  const _zero = /* @__PURE__ */ new Vector3$1(0, 0, 0);
-  const _one = /* @__PURE__ */ new Vector3$1(1, 1, 1);
-  const _x = /* @__PURE__ */ new Vector3$1();
-  const _y = /* @__PURE__ */ new Vector3$1();
-  const _z = /* @__PURE__ */ new Vector3$1();
+  const _zero = /* @__PURE__ */ new Vector3(0, 0, 0);
+  const _one = /* @__PURE__ */ new Vector3(1, 1, 1);
+  const _x = /* @__PURE__ */ new Vector3();
+  const _y = /* @__PURE__ */ new Vector3();
+  const _z = /* @__PURE__ */ new Vector3();
   const _matrix$2 = /* @__PURE__ */ new Matrix4();
   const _quaternion$3 = /* @__PURE__ */ new Quaternion();
   class Euler {
@@ -17902,16 +17902,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   let _object3DId = 0;
-  const _v1$4 = /* @__PURE__ */ new Vector3$1();
+  const _v1$4 = /* @__PURE__ */ new Vector3();
   const _q1 = /* @__PURE__ */ new Quaternion();
   const _m1$1$1 = /* @__PURE__ */ new Matrix4();
-  const _target = /* @__PURE__ */ new Vector3$1();
-  const _position$3 = /* @__PURE__ */ new Vector3$1();
-  const _scale$2 = /* @__PURE__ */ new Vector3$1();
+  const _target = /* @__PURE__ */ new Vector3();
+  const _position$3 = /* @__PURE__ */ new Vector3();
+  const _scale$2 = /* @__PURE__ */ new Vector3();
   const _quaternion$2 = /* @__PURE__ */ new Quaternion();
-  const _xAxis = /* @__PURE__ */ new Vector3$1(1, 0, 0);
-  const _yAxis = /* @__PURE__ */ new Vector3$1(0, 1, 0);
-  const _zAxis = /* @__PURE__ */ new Vector3$1(0, 0, 1);
+  const _xAxis = /* @__PURE__ */ new Vector3(1, 0, 0);
+  const _yAxis = /* @__PURE__ */ new Vector3(0, 1, 0);
+  const _zAxis = /* @__PURE__ */ new Vector3(0, 0, 1);
   const _addedEvent = { type: "added" };
   const _removedEvent = { type: "removed" };
   const _childaddedEvent = { type: "childadded", child: null };
@@ -17927,10 +17927,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.parent = null;
       this.children = [];
       this.up = Object3D2.DEFAULT_UP.clone();
-      const position = new Vector3$1();
+      const position = new Vector3();
       const rotation = new Euler();
       const quaternion = new Quaternion();
-      const scale = new Vector3$1(1, 1, 1);
+      const scale = new Vector3(1, 1, 1);
       function onRotationChange() {
         quaternion.setFromEuler(rotation, false);
       }
@@ -18456,24 +18456,24 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return this;
     }
   };
-  Object3D$1.DEFAULT_UP = /* @__PURE__ */ new Vector3$1(0, 1, 0);
+  Object3D$1.DEFAULT_UP = /* @__PURE__ */ new Vector3(0, 1, 0);
   Object3D$1.DEFAULT_MATRIX_AUTO_UPDATE = true;
   Object3D$1.DEFAULT_MATRIX_WORLD_AUTO_UPDATE = true;
-  const _v0$1 = /* @__PURE__ */ new Vector3$1();
-  const _v1$3 = /* @__PURE__ */ new Vector3$1();
-  const _v2$2 = /* @__PURE__ */ new Vector3$1();
-  const _v3$2 = /* @__PURE__ */ new Vector3$1();
-  const _vab = /* @__PURE__ */ new Vector3$1();
-  const _vac = /* @__PURE__ */ new Vector3$1();
-  const _vbc = /* @__PURE__ */ new Vector3$1();
-  const _vap = /* @__PURE__ */ new Vector3$1();
-  const _vbp = /* @__PURE__ */ new Vector3$1();
-  const _vcp = /* @__PURE__ */ new Vector3$1();
+  const _v0$1 = /* @__PURE__ */ new Vector3();
+  const _v1$3 = /* @__PURE__ */ new Vector3();
+  const _v2$2 = /* @__PURE__ */ new Vector3();
+  const _v3$2 = /* @__PURE__ */ new Vector3();
+  const _vab = /* @__PURE__ */ new Vector3();
+  const _vac = /* @__PURE__ */ new Vector3();
+  const _vbc = /* @__PURE__ */ new Vector3();
+  const _vap = /* @__PURE__ */ new Vector3();
+  const _vbp = /* @__PURE__ */ new Vector3();
+  const _vcp = /* @__PURE__ */ new Vector3();
   const _v40 = /* @__PURE__ */ new Vector4();
   const _v41 = /* @__PURE__ */ new Vector4();
   const _v42 = /* @__PURE__ */ new Vector4();
   class Triangle {
-    constructor(a = new Vector3$1(), b = new Vector3$1(), c = new Vector3$1()) {
+    constructor(a = new Vector3(), b = new Vector3(), c = new Vector3()) {
       this.a = a;
       this.b = b;
       this.c = c;
@@ -19613,8 +19613,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     toHalfFloat,
     fromHalfFloat
   };
-  const _vector$9 = /* @__PURE__ */ new Vector3$1();
-  const _vector2$1 = /* @__PURE__ */ new Vector2$1();
+  const _vector$9 = /* @__PURE__ */ new Vector3();
+  const _vector2$1 = /* @__PURE__ */ new Vector2();
   class BufferAttribute {
     constructor(array, itemSize, normalized = false) {
       if (Array.isArray(array)) {
@@ -19942,10 +19942,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   let _id$1 = 0;
   const _m1$3 = /* @__PURE__ */ new Matrix4();
   const _obj = /* @__PURE__ */ new Object3D$1();
-  const _offset = /* @__PURE__ */ new Vector3$1();
-  const _box$2 = /* @__PURE__ */ new Box3$1();
-  const _boxMorphTargets = /* @__PURE__ */ new Box3$1();
-  const _vector$8 = /* @__PURE__ */ new Vector3$1();
+  const _offset = /* @__PURE__ */ new Vector3();
+  const _box$2 = /* @__PURE__ */ new Box3();
+  const _boxMorphTargets = /* @__PURE__ */ new Box3();
+  const _vector$8 = /* @__PURE__ */ new Vector3();
   class BufferGeometry extends EventDispatcher {
     constructor() {
       super();
@@ -20102,15 +20102,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     computeBoundingBox() {
       if (this.boundingBox === null) {
-        this.boundingBox = new Box3$1();
+        this.boundingBox = new Box3();
       }
       const position = this.attributes.position;
       const morphAttributesPosition = this.morphAttributes.position;
       if (position && position.isGLBufferAttribute) {
         console.error("THREE.BufferGeometry.computeBoundingBox(): GLBufferAttribute requires a manual bounding box.", this);
         this.boundingBox.set(
-          new Vector3$1(-Infinity, -Infinity, -Infinity),
-          new Vector3$1(Infinity, Infinity, Infinity)
+          new Vector3(-Infinity, -Infinity, -Infinity),
+          new Vector3(Infinity, Infinity, Infinity)
         );
         return;
       }
@@ -20146,7 +20146,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const morphAttributesPosition = this.morphAttributes.position;
       if (position && position.isGLBufferAttribute) {
         console.error("THREE.BufferGeometry.computeBoundingSphere(): GLBufferAttribute requires a manual bounding sphere.", this);
-        this.boundingSphere.set(new Vector3$1(), Infinity);
+        this.boundingSphere.set(new Vector3(), Infinity);
         return;
       }
       if (position) {
@@ -20209,10 +20209,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const tangentAttribute = this.getAttribute("tangent");
       const tan1 = [], tan2 = [];
       for (let i2 = 0; i2 < positionAttribute.count; i2++) {
-        tan1[i2] = new Vector3$1();
-        tan2[i2] = new Vector3$1();
+        tan1[i2] = new Vector3();
+        tan2[i2] = new Vector3();
       }
-      const vA = new Vector3$1(), vB = new Vector3$1(), vC = new Vector3$1(), uvA = new Vector2$1(), uvB = new Vector2$1(), uvC = new Vector2$1(), sdir = new Vector3$1(), tdir = new Vector3$1();
+      const vA = new Vector3(), vB = new Vector3(), vC = new Vector3(), uvA = new Vector2(), uvB = new Vector2(), uvC = new Vector2(), sdir = new Vector3(), tdir = new Vector3();
       function handleTriangle(a, b, c) {
         vA.fromBufferAttribute(positionAttribute, a);
         vB.fromBufferAttribute(positionAttribute, b);
@@ -20254,8 +20254,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           );
         }
       }
-      const tmp2 = new Vector3$1(), tmp22 = new Vector3$1();
-      const n = new Vector3$1(), n2 = new Vector3$1();
+      const tmp2 = new Vector3(), tmp22 = new Vector3();
+      const n = new Vector3(), n2 = new Vector3();
       function handleVertex(v) {
         n.fromBufferAttribute(normalAttribute, v);
         n2.copy(n);
@@ -20291,9 +20291,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             normalAttribute.setXYZ(i2, 0, 0, 0);
           }
         }
-        const pA = new Vector3$1(), pB = new Vector3$1(), pC = new Vector3$1();
-        const nA = new Vector3$1(), nB = new Vector3$1(), nC = new Vector3$1();
-        const cb = new Vector3$1(), ab = new Vector3$1();
+        const pA = new Vector3(), pB = new Vector3(), pC = new Vector3();
+        const nA = new Vector3(), nB = new Vector3(), nC = new Vector3();
+        const cb = new Vector3(), ab = new Vector3();
         if (index2) {
           for (let i2 = 0, il = index2.count; i2 < il; i2 += 3) {
             const vA = index2.getX(i2 + 0);
@@ -20509,14 +20509,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const _inverseMatrix$3 = /* @__PURE__ */ new Matrix4();
   const _ray$3 = /* @__PURE__ */ new Ray();
   const _sphere$6 = /* @__PURE__ */ new Sphere();
-  const _sphereHitAt = /* @__PURE__ */ new Vector3$1();
-  const _vA$1 = /* @__PURE__ */ new Vector3$1();
-  const _vB$1 = /* @__PURE__ */ new Vector3$1();
-  const _vC$1 = /* @__PURE__ */ new Vector3$1();
-  const _tempA = /* @__PURE__ */ new Vector3$1();
-  const _morphA = /* @__PURE__ */ new Vector3$1();
-  const _intersectionPoint = /* @__PURE__ */ new Vector3$1();
-  const _intersectionPointWorld = /* @__PURE__ */ new Vector3$1();
+  const _sphereHitAt = /* @__PURE__ */ new Vector3();
+  const _vA$1 = /* @__PURE__ */ new Vector3();
+  const _vB$1 = /* @__PURE__ */ new Vector3();
+  const _vC$1 = /* @__PURE__ */ new Vector3();
+  const _tempA = /* @__PURE__ */ new Vector3();
+  const _morphA = /* @__PURE__ */ new Vector3();
+  const _intersectionPoint = /* @__PURE__ */ new Vector3();
+  const _intersectionPointWorld = /* @__PURE__ */ new Vector3();
   class Mesh extends Object3D$1 {
     constructor(geometry = new BufferGeometry(), material = new MeshBasicMaterial()) {
       super();
@@ -20703,16 +20703,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     object.getVertexPosition(c, _vC$1);
     const intersection = checkIntersection$1(object, material, raycaster, ray, _vA$1, _vB$1, _vC$1, _intersectionPoint);
     if (intersection) {
-      const barycoord = new Vector3$1();
+      const barycoord = new Vector3();
       Triangle.getBarycoord(_intersectionPoint, _vA$1, _vB$1, _vC$1, barycoord);
       if (uv) {
-        intersection.uv = Triangle.getInterpolatedAttribute(uv, a, b, c, barycoord, new Vector2$1());
+        intersection.uv = Triangle.getInterpolatedAttribute(uv, a, b, c, barycoord, new Vector2());
       }
       if (uv1) {
-        intersection.uv1 = Triangle.getInterpolatedAttribute(uv1, a, b, c, barycoord, new Vector2$1());
+        intersection.uv1 = Triangle.getInterpolatedAttribute(uv1, a, b, c, barycoord, new Vector2());
       }
       if (normal) {
-        intersection.normal = Triangle.getInterpolatedAttribute(normal, a, b, c, barycoord, new Vector3$1());
+        intersection.normal = Triangle.getInterpolatedAttribute(normal, a, b, c, barycoord, new Vector3());
         if (intersection.normal.dot(ray.direction) > 0) {
           intersection.normal.multiplyScalar(-1);
         }
@@ -20721,7 +20721,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         a,
         b,
         c,
-        normal: new Vector3$1(),
+        normal: new Vector3(),
         materialIndex: 0
       };
       Triangle.getNormal(_vA$1, _vB$1, _vC$1, face.normal);
@@ -20772,7 +20772,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         const gridY1 = gridY + 1;
         let vertexCounter = 0;
         let groupCount = 0;
-        const vector = new Vector3$1();
+        const vector = new Vector3();
         for (let iy = 0; iy < gridY1; iy++) {
           const y = iy * segmentHeight - heightHalf;
           for (let ix = 0; ix < gridX1; ix++) {
@@ -21012,9 +21012,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return new this.constructor().copy(this);
     }
   };
-  const _v3$1 = /* @__PURE__ */ new Vector3$1();
-  const _minTarget = /* @__PURE__ */ new Vector2$1();
-  const _maxTarget = /* @__PURE__ */ new Vector2$1();
+  const _v3$1 = /* @__PURE__ */ new Vector3();
+  const _minTarget = /* @__PURE__ */ new Vector2();
+  const _maxTarget = /* @__PURE__ */ new Vector2();
   class PerspectiveCamera extends Camera$2 {
     constructor(fov2 = 50, aspect2 = 1, near = 0.1, far = 2e3) {
       super();
@@ -21563,7 +21563,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }
   }
-  const _vector$7 = /* @__PURE__ */ new Vector3$1();
+  const _vector$7 = /* @__PURE__ */ new Vector3();
   class InterleavedBufferAttribute {
     constructor(interleavedBuffer, itemSize, offset, normalized = false) {
       this.isInterleavedBufferAttribute = true;
@@ -21772,18 +21772,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   let _geometry$1;
-  const _intersectPoint = /* @__PURE__ */ new Vector3$1();
-  const _worldScale = /* @__PURE__ */ new Vector3$1();
-  const _mvPosition = /* @__PURE__ */ new Vector3$1();
-  const _alignedPosition = /* @__PURE__ */ new Vector2$1();
-  const _rotatedPosition = /* @__PURE__ */ new Vector2$1();
+  const _intersectPoint = /* @__PURE__ */ new Vector3();
+  const _worldScale = /* @__PURE__ */ new Vector3();
+  const _mvPosition = /* @__PURE__ */ new Vector3();
+  const _alignedPosition = /* @__PURE__ */ new Vector2();
+  const _rotatedPosition = /* @__PURE__ */ new Vector2();
   const _viewWorldMatrix = /* @__PURE__ */ new Matrix4();
-  const _vA = /* @__PURE__ */ new Vector3$1();
-  const _vB = /* @__PURE__ */ new Vector3$1();
-  const _vC = /* @__PURE__ */ new Vector3$1();
-  const _uvA = /* @__PURE__ */ new Vector2$1();
-  const _uvB = /* @__PURE__ */ new Vector2$1();
-  const _uvC = /* @__PURE__ */ new Vector2$1();
+  const _vA = /* @__PURE__ */ new Vector3();
+  const _vB = /* @__PURE__ */ new Vector3();
+  const _vC = /* @__PURE__ */ new Vector3();
+  const _uvA = /* @__PURE__ */ new Vector2();
+  const _uvB = /* @__PURE__ */ new Vector2();
+  const _uvC = /* @__PURE__ */ new Vector2();
   class Sprite extends Object3D$1 {
     constructor(material = new SpriteMaterial()) {
       super();
@@ -21820,7 +21820,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
       this.geometry = _geometry$1;
       this.material = material;
-      this.center = new Vector2$1(0.5, 0.5);
+      this.center = new Vector2(0.5, 0.5);
     }
     raycast(raycaster, intersects2) {
       if (raycaster.camera === null) {
@@ -21860,7 +21860,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       intersects2.push({
         distance,
         point: _intersectPoint.clone(),
-        uv: Triangle.getInterpolation(_intersectPoint, _vA, _vB, _vC, _uvA, _uvB, _uvC, new Vector2$1()),
+        uv: Triangle.getInterpolation(_intersectPoint, _vA, _vB, _vC, _uvA, _uvB, _uvC, new Vector2()),
         face: null,
         object: this
       });
@@ -21885,8 +21885,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     vertexPosition.y += _rotatedPosition.y;
     vertexPosition.applyMatrix4(_viewWorldMatrix);
   }
-  const _v1$2 = /* @__PURE__ */ new Vector3$1();
-  const _v2$1 = /* @__PURE__ */ new Vector3$1();
+  const _v1$2 = /* @__PURE__ */ new Vector3();
+  const _v2$1 = /* @__PURE__ */ new Vector3();
   class LOD extends Object3D$1 {
     constructor() {
       super();
@@ -22007,12 +22007,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return data2;
     }
   }
-  const _basePosition = /* @__PURE__ */ new Vector3$1();
+  const _basePosition = /* @__PURE__ */ new Vector3();
   const _skinIndex = /* @__PURE__ */ new Vector4();
   const _skinWeight = /* @__PURE__ */ new Vector4();
-  const _vector3 = /* @__PURE__ */ new Vector3$1();
+  const _vector3 = /* @__PURE__ */ new Vector3();
   const _matrix4 = /* @__PURE__ */ new Matrix4();
-  const _vertex = /* @__PURE__ */ new Vector3$1();
+  const _vertex = /* @__PURE__ */ new Vector3();
   const _sphere$5 = /* @__PURE__ */ new Sphere();
   const _inverseMatrix$2 = /* @__PURE__ */ new Matrix4();
   const _ray$2 = /* @__PURE__ */ new Ray();
@@ -22030,7 +22030,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     computeBoundingBox() {
       const geometry = this.geometry;
       if (this.boundingBox === null) {
-        this.boundingBox = new Box3$1();
+        this.boundingBox = new Box3();
       }
       this.boundingBox.makeEmpty();
       const positionAttribute = geometry.getAttribute("position");
@@ -22312,7 +22312,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const _instanceLocalMatrix = /* @__PURE__ */ new Matrix4();
   const _instanceWorldMatrix = /* @__PURE__ */ new Matrix4();
   const _instanceIntersects = [];
-  const _box3 = /* @__PURE__ */ new Box3$1();
+  const _box3 = /* @__PURE__ */ new Box3();
   const _identity = /* @__PURE__ */ new Matrix4();
   const _mesh$1 = /* @__PURE__ */ new Mesh();
   const _sphere$4 = /* @__PURE__ */ new Sphere();
@@ -22334,7 +22334,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const geometry = this.geometry;
       const count = this.count;
       if (this.boundingBox === null) {
-        this.boundingBox = new Box3$1();
+        this.boundingBox = new Box3();
       }
       if (geometry.boundingBox === null) {
         geometry.computeBoundingBox();
@@ -22447,11 +22447,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return this;
     }
   };
-  const _vector1 = /* @__PURE__ */ new Vector3$1();
-  const _vector2 = /* @__PURE__ */ new Vector3$1();
+  const _vector1 = /* @__PURE__ */ new Vector3();
+  const _vector2 = /* @__PURE__ */ new Vector3();
   const _normalMatrix = /* @__PURE__ */ new Matrix3();
   class Plane {
-    constructor(normal = new Vector3$1(1, 0, 0), constant = 0) {
+    constructor(normal = new Vector3(1, 0, 0), constant = 0) {
       this.isPlane = true;
       this.normal = normal;
       this.constant = constant;
@@ -22549,7 +22549,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   const _sphere$3 = /* @__PURE__ */ new Sphere();
-  const _vector$6 = /* @__PURE__ */ new Vector3$1();
+  const _vector$6 = /* @__PURE__ */ new Vector3();
   class Frustum {
     constructor(p0 = new Plane(), p1 = new Plane(), p2 = new Plane(), p3 = new Plane(), p4 = new Plane(), p5 = new Plane()) {
       this.planes = [p0, p1, p2, p3, p4, p5];
@@ -22689,11 +22689,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const _matrix$1 = /* @__PURE__ */ new Matrix4();
   const _whiteColor = /* @__PURE__ */ new Color(1, 1, 1);
   const _frustum = /* @__PURE__ */ new Frustum();
-  const _box$1 = /* @__PURE__ */ new Box3$1();
+  const _box$1 = /* @__PURE__ */ new Box3();
   const _sphere$2 = /* @__PURE__ */ new Sphere();
-  const _vector$5 = /* @__PURE__ */ new Vector3$1();
-  const _forward = /* @__PURE__ */ new Vector3$1();
-  const _temp = /* @__PURE__ */ new Vector3$1();
+  const _vector$5 = /* @__PURE__ */ new Vector3();
+  const _forward = /* @__PURE__ */ new Vector3();
+  const _temp = /* @__PURE__ */ new Vector3();
   const _renderList = /* @__PURE__ */ new MultiDrawRenderList();
   const _mesh = /* @__PURE__ */ new Mesh();
   const _batchIntersects = [];
@@ -22842,7 +22842,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     computeBoundingBox() {
       if (this.boundingBox === null) {
-        this.boundingBox = new Box3$1();
+        this.boundingBox = new Box3();
       }
       const boundingBox = this.boundingBox;
       const instanceInfo = this._instanceInfo;
@@ -23080,7 +23080,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const geometry = this.geometry;
       const geometryInfo = this._geometryInfo[geometryId];
       if (geometryInfo.boundingBox === null) {
-        const box = new Box3$1();
+        const box = new Box3();
         const index2 = geometry.index;
         const position = geometry.attributes.position;
         for (let i2 = geometryInfo.start, l = geometryInfo.start + geometryInfo.count; i2 < l; i2++) {
@@ -23255,7 +23255,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       _mesh.geometry.index = batchGeometry.index;
       _mesh.geometry.attributes = batchGeometry.attributes;
       if (_mesh.geometry.boundingBox === null) {
-        _mesh.geometry.boundingBox = new Box3$1();
+        _mesh.geometry.boundingBox = new Box3();
       }
       if (_mesh.geometry.boundingSphere === null) {
         _mesh.geometry.boundingSphere = new Sphere();
@@ -23432,13 +23432,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return this;
     }
   }
-  const _vStart = /* @__PURE__ */ new Vector3$1();
-  const _vEnd = /* @__PURE__ */ new Vector3$1();
+  const _vStart = /* @__PURE__ */ new Vector3();
+  const _vEnd = /* @__PURE__ */ new Vector3();
   const _inverseMatrix$1 = /* @__PURE__ */ new Matrix4();
   const _ray$1 = /* @__PURE__ */ new Ray();
   const _sphere$1 = /* @__PURE__ */ new Sphere();
-  const _intersectPointOnRay = /* @__PURE__ */ new Vector3$1();
-  const _intersectPointOnSegment = /* @__PURE__ */ new Vector3$1();
+  const _intersectPointOnRay = /* @__PURE__ */ new Vector3();
+  const _intersectPointOnSegment = /* @__PURE__ */ new Vector3();
   class Line extends Object3D$1 {
     constructor(geometry = new BufferGeometry(), material = new LineBasicMaterial()) {
       super();
@@ -23564,8 +23564,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       object
     };
   }
-  const _start = /* @__PURE__ */ new Vector3$1();
-  const _end = /* @__PURE__ */ new Vector3$1();
+  const _start = /* @__PURE__ */ new Vector3();
+  const _end = /* @__PURE__ */ new Vector3();
   class LineSegments extends Line {
     constructor(geometry, material) {
       super(geometry, material);
@@ -23624,7 +23624,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const _inverseMatrix = /* @__PURE__ */ new Matrix4();
   const _ray = /* @__PURE__ */ new Ray();
   const _sphere = /* @__PURE__ */ new Sphere();
-  const _position$2 = /* @__PURE__ */ new Vector3$1();
+  const _position$2 = /* @__PURE__ */ new Vector3();
   class Points extends Object3D$1 {
     constructor(geometry = new BufferGeometry(), material = new PointsMaterial()) {
       super();
@@ -23695,7 +23695,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   function testPoint(point, index2, localThresholdSq, matrixWorld, raycaster, intersects2, object) {
     const rayPointDistanceSq = _ray.distanceSqToPoint(point);
     if (rayPointDistanceSq < localThresholdSq) {
-      const intersectPoint = new Vector3$1();
+      const intersectPoint = new Vector3();
       _ray.closestPointToPoint(point, intersectPoint);
       intersectPoint.applyMatrix4(matrixWorld);
       const distance = raycaster.ray.origin.distanceTo(intersectPoint);
@@ -23931,7 +23931,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       if (t2 > 1) t2 = 1;
       const pt1 = this.getPoint(t1);
       const pt2 = this.getPoint(t2);
-      const tangent = optionalTarget || (pt1.isVector2 ? new Vector2$1() : new Vector3$1());
+      const tangent = optionalTarget || (pt1.isVector2 ? new Vector2() : new Vector3());
       tangent.copy(pt2).sub(pt1).normalize();
       return tangent;
     }
@@ -23940,18 +23940,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return this.getTangent(t, optionalTarget);
     }
     computeFrenetFrames(segments, closed) {
-      const normal = new Vector3$1();
+      const normal = new Vector3();
       const tangents = [];
       const normals = [];
       const binormals = [];
-      const vec = new Vector3$1();
+      const vec = new Vector3();
       const mat = new Matrix4();
       for (let i2 = 0; i2 <= segments; i2++) {
         const u = i2 / segments;
-        tangents[i2] = this.getTangentAt(u, new Vector3$1());
+        tangents[i2] = this.getTangentAt(u, new Vector3());
       }
-      normals[0] = new Vector3$1();
-      binormals[0] = new Vector3$1();
+      normals[0] = new Vector3();
+      binormals[0] = new Vector3();
       let min2 = Number.MAX_VALUE;
       const tx = Math.abs(tangents[0].x);
       const ty = Math.abs(tangents[0].y);
@@ -24036,7 +24036,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.aClockwise = aClockwise;
       this.aRotation = aRotation;
     }
-    getPoint(t, optionalTarget = new Vector2$1()) {
+    getPoint(t, optionalTarget = new Vector2()) {
       const point = optionalTarget;
       const twoPi = Math.PI * 2;
       let deltaAngle = this.aEndAngle - this.aStartAngle;
@@ -24140,7 +24140,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     };
   }
-  const tmp = /* @__PURE__ */ new Vector3$1();
+  const tmp = /* @__PURE__ */ new Vector3();
   const px = /* @__PURE__ */ new CubicPoly();
   const py = /* @__PURE__ */ new CubicPoly();
   const pz = /* @__PURE__ */ new CubicPoly();
@@ -24154,7 +24154,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.curveType = curveType;
       this.tension = tension;
     }
-    getPoint(t, optionalTarget = new Vector3$1()) {
+    getPoint(t, optionalTarget = new Vector3()) {
       const point = optionalTarget;
       const points = this.points;
       const l = points.length;
@@ -24234,7 +24234,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.points = [];
       for (let i2 = 0, l = json.points.length; i2 < l; i2++) {
         const point = json.points[i2];
-        this.points.push(new Vector3$1().fromArray(point));
+        this.points.push(new Vector3().fromArray(point));
       }
       this.closed = json.closed;
       this.curveType = json.curveType;
@@ -24280,7 +24280,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return CubicBezierP0(t, p0) + CubicBezierP1(t, p1) + CubicBezierP2(t, p2) + CubicBezierP3(t, p3);
   }
   class CubicBezierCurve extends Curve {
-    constructor(v0 = new Vector2$1(), v1 = new Vector2$1(), v2 = new Vector2$1(), v3 = new Vector2$1()) {
+    constructor(v0 = new Vector2(), v1 = new Vector2(), v2 = new Vector2(), v3 = new Vector2()) {
       super();
       this.isCubicBezierCurve = true;
       this.type = "CubicBezierCurve";
@@ -24289,7 +24289,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.v2 = v2;
       this.v3 = v3;
     }
-    getPoint(t, optionalTarget = new Vector2$1()) {
+    getPoint(t, optionalTarget = new Vector2()) {
       const point = optionalTarget;
       const v0 = this.v0, v1 = this.v1, v2 = this.v2, v3 = this.v3;
       point.set(
@@ -24324,7 +24324,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   class CubicBezierCurve3 extends Curve {
-    constructor(v0 = new Vector3$1(), v1 = new Vector3$1(), v2 = new Vector3$1(), v3 = new Vector3$1()) {
+    constructor(v0 = new Vector3(), v1 = new Vector3(), v2 = new Vector3(), v3 = new Vector3()) {
       super();
       this.isCubicBezierCurve3 = true;
       this.type = "CubicBezierCurve3";
@@ -24333,7 +24333,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.v2 = v2;
       this.v3 = v3;
     }
-    getPoint(t, optionalTarget = new Vector3$1()) {
+    getPoint(t, optionalTarget = new Vector3()) {
       const point = optionalTarget;
       const v0 = this.v0, v1 = this.v1, v2 = this.v2, v3 = this.v3;
       point.set(
@@ -24369,14 +24369,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   class LineCurve extends Curve {
-    constructor(v1 = new Vector2$1(), v2 = new Vector2$1()) {
+    constructor(v1 = new Vector2(), v2 = new Vector2()) {
       super();
       this.isLineCurve = true;
       this.type = "LineCurve";
       this.v1 = v1;
       this.v2 = v2;
     }
-    getPoint(t, optionalTarget = new Vector2$1()) {
+    getPoint(t, optionalTarget = new Vector2()) {
       const point = optionalTarget;
       if (t === 1) {
         point.copy(this.v2);
@@ -24390,7 +24390,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     getPointAt(u, optionalTarget) {
       return this.getPoint(u, optionalTarget);
     }
-    getTangent(t, optionalTarget = new Vector2$1()) {
+    getTangent(t, optionalTarget = new Vector2()) {
       return optionalTarget.subVectors(this.v2, this.v1).normalize();
     }
     getTangentAt(u, optionalTarget) {
@@ -24416,14 +24416,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   class LineCurve3 extends Curve {
-    constructor(v1 = new Vector3$1(), v2 = new Vector3$1()) {
+    constructor(v1 = new Vector3(), v2 = new Vector3()) {
       super();
       this.isLineCurve3 = true;
       this.type = "LineCurve3";
       this.v1 = v1;
       this.v2 = v2;
     }
-    getPoint(t, optionalTarget = new Vector3$1()) {
+    getPoint(t, optionalTarget = new Vector3()) {
       const point = optionalTarget;
       if (t === 1) {
         point.copy(this.v2);
@@ -24437,7 +24437,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     getPointAt(u, optionalTarget) {
       return this.getPoint(u, optionalTarget);
     }
-    getTangent(t, optionalTarget = new Vector3$1()) {
+    getTangent(t, optionalTarget = new Vector3()) {
       return optionalTarget.subVectors(this.v2, this.v1).normalize();
     }
     getTangentAt(u, optionalTarget) {
@@ -24463,7 +24463,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   class QuadraticBezierCurve extends Curve {
-    constructor(v0 = new Vector2$1(), v1 = new Vector2$1(), v2 = new Vector2$1()) {
+    constructor(v0 = new Vector2(), v1 = new Vector2(), v2 = new Vector2()) {
       super();
       this.isQuadraticBezierCurve = true;
       this.type = "QuadraticBezierCurve";
@@ -24471,7 +24471,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.v1 = v1;
       this.v2 = v2;
     }
-    getPoint(t, optionalTarget = new Vector2$1()) {
+    getPoint(t, optionalTarget = new Vector2()) {
       const point = optionalTarget;
       const v0 = this.v0, v1 = this.v1, v2 = this.v2;
       point.set(
@@ -24503,7 +24503,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   class QuadraticBezierCurve3 extends Curve {
-    constructor(v0 = new Vector3$1(), v1 = new Vector3$1(), v2 = new Vector3$1()) {
+    constructor(v0 = new Vector3(), v1 = new Vector3(), v2 = new Vector3()) {
       super();
       this.isQuadraticBezierCurve3 = true;
       this.type = "QuadraticBezierCurve3";
@@ -24511,7 +24511,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.v1 = v1;
       this.v2 = v2;
     }
-    getPoint(t, optionalTarget = new Vector3$1()) {
+    getPoint(t, optionalTarget = new Vector3()) {
       const point = optionalTarget;
       const v0 = this.v0, v1 = this.v1, v2 = this.v2;
       point.set(
@@ -24550,7 +24550,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.type = "SplineCurve";
       this.points = points;
     }
-    getPoint(t, optionalTarget = new Vector2$1()) {
+    getPoint(t, optionalTarget = new Vector2()) {
       const point = optionalTarget;
       const points = this.points;
       const p = (points.length - 1) * t;
@@ -24589,7 +24589,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.points = [];
       for (let i2 = 0, l = json.points.length; i2 < l; i2++) {
         const point = json.points[i2];
-        this.points.push(new Vector2$1().fromArray(point));
+        this.points.push(new Vector2().fromArray(point));
       }
       return this;
     }
@@ -24741,7 +24741,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     constructor(points) {
       super();
       this.type = "Path";
-      this.currentPoint = new Vector2$1();
+      this.currentPoint = new Vector2();
       if (points) {
         this.setFromPoints(points);
       }
@@ -24758,7 +24758,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return this;
     }
     lineTo(x, y) {
-      const curve = new LineCurve(this.currentPoint.clone(), new Vector2$1(x, y));
+      const curve = new LineCurve(this.currentPoint.clone(), new Vector2(x, y));
       this.curves.push(curve);
       this.currentPoint.set(x, y);
       return this;
@@ -24766,8 +24766,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     quadraticCurveTo(aCPx, aCPy, aX, aY) {
       const curve = new QuadraticBezierCurve(
         this.currentPoint.clone(),
-        new Vector2$1(aCPx, aCPy),
-        new Vector2$1(aX, aY)
+        new Vector2(aCPx, aCPy),
+        new Vector2(aX, aY)
       );
       this.curves.push(curve);
       this.currentPoint.set(aX, aY);
@@ -24776,9 +24776,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     bezierCurveTo(aCP1x, aCP1y, aCP2x, aCP2y, aX, aY) {
       const curve = new CubicBezierCurve(
         this.currentPoint.clone(),
-        new Vector2$1(aCP1x, aCP1y),
-        new Vector2$1(aCP2x, aCP2y),
-        new Vector2$1(aX, aY)
+        new Vector2(aCP1x, aCP1y),
+        new Vector2(aCP2x, aCP2y),
+        new Vector2(aX, aY)
       );
       this.curves.push(curve);
       this.currentPoint.set(aX, aY);
@@ -24844,7 +24844,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   class LatheGeometry extends BufferGeometry {
-    constructor(points = [new Vector2$1(0, -0.5), new Vector2$1(0.5, 0), new Vector2$1(0, 0.5)], segments = 12, phiStart = 0, phiLength = Math.PI * 2) {
+    constructor(points = [new Vector2(0, -0.5), new Vector2(0.5, 0), new Vector2(0, 0.5)], segments = 12, phiStart = 0, phiLength = Math.PI * 2) {
       super();
       this.type = "LatheGeometry";
       this.parameters = {
@@ -24861,11 +24861,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const initNormals = [];
       const normals = [];
       const inverseSegments = 1 / segments;
-      const vertex2 = new Vector3$1();
-      const uv = new Vector2$1();
-      const normal = new Vector3$1();
-      const curNormal = new Vector3$1();
-      const prevNormal = new Vector3$1();
+      const vertex2 = new Vector3();
+      const uv = new Vector2();
+      const normal = new Vector3();
+      const curNormal = new Vector3();
+      const prevNormal = new Vector3();
       let dx = 0;
       let dy = 0;
       for (let j = 0; j <= points.length - 1; j++) {
@@ -24974,8 +24974,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const vertices = [];
       const normals = [];
       const uvs = [];
-      const vertex2 = new Vector3$1();
-      const uv = new Vector2$1();
+      const vertex2 = new Vector3();
+      const uv = new Vector2();
       vertices.push(0, 0, 0);
       normals.push(0, 0, 1);
       uvs.push(0.5, 0.5);
@@ -25041,8 +25041,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.setAttribute("normal", new Float32BufferAttribute(normals, 3));
       this.setAttribute("uv", new Float32BufferAttribute(uvs, 2));
       function generateTorso() {
-        const normal = new Vector3$1();
-        const vertex2 = new Vector3$1();
+        const normal = new Vector3();
+        const vertex2 = new Vector3();
         let groupCount = 0;
         const slope = (radiusBottom - radiusTop) / height;
         for (let y = 0; y <= heightSegments; y++) {
@@ -25086,8 +25086,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
       function generateCap(top) {
         const centerIndexStart = index2;
-        const uv = new Vector2$1();
-        const vertex2 = new Vector3$1();
+        const uv = new Vector2();
+        const vertex2 = new Vector3();
         let groupCount = 0;
         const radius = top === true ? radiusTop : radiusBottom;
         const sign2 = top === true ? 1 : -1;
@@ -25178,9 +25178,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         this.normalizeNormals();
       }
       function subdivide(detail2) {
-        const a = new Vector3$1();
-        const b = new Vector3$1();
-        const c = new Vector3$1();
+        const a = new Vector3();
+        const b = new Vector3();
+        const c = new Vector3();
         for (let i2 = 0; i2 < indices.length; i2 += 3) {
           getVertexByIndex(indices[i2 + 0], a);
           getVertexByIndex(indices[i2 + 1], b);
@@ -25220,7 +25220,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }
       }
       function applyRadius(radius2) {
-        const vertex2 = new Vector3$1();
+        const vertex2 = new Vector3();
         for (let i2 = 0; i2 < vertexBuffer.length; i2 += 3) {
           vertex2.x = vertexBuffer[i2 + 0];
           vertex2.y = vertexBuffer[i2 + 1];
@@ -25232,7 +25232,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }
       }
       function generateUVs() {
-        const vertex2 = new Vector3$1();
+        const vertex2 = new Vector3();
         for (let i2 = 0; i2 < vertexBuffer.length; i2 += 3) {
           vertex2.x = vertexBuffer[i2 + 0];
           vertex2.y = vertexBuffer[i2 + 1];
@@ -25268,13 +25268,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         vertex2.z = vertices[stride + 2];
       }
       function correctUVs() {
-        const a = new Vector3$1();
-        const b = new Vector3$1();
-        const c = new Vector3$1();
-        const centroid = new Vector3$1();
-        const uvA = new Vector2$1();
-        const uvB = new Vector2$1();
-        const uvC = new Vector2$1();
+        const a = new Vector3();
+        const b = new Vector3();
+        const c = new Vector3();
+        const centroid = new Vector3();
+        const uvA = new Vector2();
+        const uvB = new Vector2();
+        const uvC = new Vector2();
         for (let i2 = 0, j = 0; i2 < vertexBuffer.length; i2 += 9, j += 6) {
           a.set(vertexBuffer[i2 + 0], vertexBuffer[i2 + 1], vertexBuffer[i2 + 2]);
           b.set(vertexBuffer[i2 + 3], vertexBuffer[i2 + 4], vertexBuffer[i2 + 5]);
@@ -25504,9 +25504,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return new DodecahedronGeometry(data2.radius, data2.detail);
     }
   }
-  const _v0$3 = /* @__PURE__ */ new Vector3$1();
-  const _v1$1 = /* @__PURE__ */ new Vector3$1();
-  const _normal = /* @__PURE__ */ new Vector3$1();
+  const _v0$3 = /* @__PURE__ */ new Vector3();
+  const _v1$1 = /* @__PURE__ */ new Vector3();
+  const _normal = /* @__PURE__ */ new Vector3();
   const _triangle = /* @__PURE__ */ new Triangle();
   class EdgesGeometry extends BufferGeometry {
     constructor(geometry = null, thresholdAngle = 1) {
@@ -26080,7 +26080,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   class ExtrudeGeometry extends BufferGeometry {
-    constructor(shapes = new Shape([new Vector2$1(0.5, 0.5), new Vector2$1(-0.5, 0.5), new Vector2$1(-0.5, -0.5), new Vector2$1(0.5, -0.5)]), options = {}) {
+    constructor(shapes = new Shape([new Vector2(0.5, 0.5), new Vector2(-0.5, 0.5), new Vector2(-0.5, -0.5), new Vector2(0.5, -0.5)]), options = {}) {
       super();
       this.type = "ExtrudeGeometry";
       this.parameters = {
@@ -26117,9 +26117,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           extrudeByPath = true;
           bevelEnabled = false;
           splineTube = extrudePath.computeFrenetFrames(steps, false);
-          binormal = new Vector3$1();
-          normal = new Vector3$1();
-          position2 = new Vector3$1();
+          binormal = new Vector3();
+          normal = new Vector3();
+          position2 = new Vector3();
         }
         if (!bevelEnabled) {
           bevelSegments = 0;
@@ -26169,7 +26169,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             v_trans_y = ptPrevShift_y + v_prev_y * sf - inPt.y;
             const v_trans_lensq = v_trans_x * v_trans_x + v_trans_y * v_trans_y;
             if (v_trans_lensq <= 2) {
-              return new Vector2$1(v_trans_x, v_trans_y);
+              return new Vector2(v_trans_x, v_trans_y);
             } else {
               shrink_by = Math.sqrt(v_trans_lensq / 2);
             }
@@ -26200,7 +26200,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               shrink_by = Math.sqrt(v_prev_lensq / 2);
             }
           }
-          return new Vector2$1(v_trans_x / shrink_by, v_trans_y / shrink_by);
+          return new Vector2(v_trans_x / shrink_by, v_trans_y / shrink_by);
         }
         const contourMovements = [];
         for (let i2 = 0, il = contour.length, j = il - 1, k = i2 + 1; i2 < il; i2++, j++, k++) {
@@ -26414,9 +26414,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const c_x = vertices[indexC * 3];
       const c_y = vertices[indexC * 3 + 1];
       return [
-        new Vector2$1(a_x, a_y),
-        new Vector2$1(b_x, b_y),
-        new Vector2$1(c_x, c_y)
+        new Vector2(a_x, a_y),
+        new Vector2(b_x, b_y),
+        new Vector2(c_x, c_y)
       ];
     },
     generateSideWallUV: function(geometry, vertices, indexA, indexB, indexC, indexD) {
@@ -26434,17 +26434,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const d_z = vertices[indexD * 3 + 2];
       if (Math.abs(a_y - b_y) < Math.abs(a_x - b_x)) {
         return [
-          new Vector2$1(a_x, 1 - a_z),
-          new Vector2$1(b_x, 1 - b_z),
-          new Vector2$1(c_x, 1 - c_z),
-          new Vector2$1(d_x, 1 - d_z)
+          new Vector2(a_x, 1 - a_z),
+          new Vector2(b_x, 1 - b_z),
+          new Vector2(c_x, 1 - c_z),
+          new Vector2(d_x, 1 - d_z)
         ];
       } else {
         return [
-          new Vector2$1(a_y, 1 - a_z),
-          new Vector2$1(b_y, 1 - b_z),
-          new Vector2$1(c_y, 1 - c_z),
-          new Vector2$1(d_y, 1 - d_z)
+          new Vector2(a_y, 1 - a_z),
+          new Vector2(b_y, 1 - b_z),
+          new Vector2(c_y, 1 - c_z),
+          new Vector2(d_y, 1 - d_z)
         ];
       }
     }
@@ -26712,8 +26712,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const uvs = [];
       let radius = innerRadius;
       const radiusStep = (outerRadius - innerRadius) / phiSegments;
-      const vertex2 = new Vector3$1();
-      const uv = new Vector2$1();
+      const vertex2 = new Vector3();
+      const uv = new Vector2();
       for (let j = 0; j <= phiSegments; j++) {
         for (let i2 = 0; i2 <= thetaSegments; i2++) {
           const segment = thetaStart + i2 / thetaSegments * thetaLength;
@@ -26754,7 +26754,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   class ShapeGeometry extends BufferGeometry {
-    constructor(shapes = new Shape([new Vector2$1(0, 0.5), new Vector2$1(-0.5, -0.5), new Vector2$1(0.5, -0.5)]), curveSegments = 12) {
+    constructor(shapes = new Shape([new Vector2(0, 0.5), new Vector2(-0.5, -0.5), new Vector2(0.5, -0.5)]), curveSegments = 12) {
       super();
       this.type = "ShapeGeometry";
       this.parameters = {
@@ -26865,8 +26865,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const thetaEnd = Math.min(thetaStart + thetaLength, Math.PI);
       let index2 = 0;
       const grid = [];
-      const vertex2 = new Vector3$1();
-      const normal = new Vector3$1();
+      const vertex2 = new Vector3();
+      const normal = new Vector3();
       const indices = [];
       const vertices = [];
       const normals = [];
@@ -26975,9 +26975,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const vertices = [];
       const normals = [];
       const uvs = [];
-      const center = new Vector3$1();
-      const vertex2 = new Vector3$1();
-      const normal = new Vector3$1();
+      const center = new Vector3();
+      const vertex2 = new Vector3();
+      const normal = new Vector3();
       for (let j = 0; j <= radialSegments; j++) {
         for (let i2 = 0; i2 <= tubularSegments; i2++) {
           const u = i2 / tubularSegments * arc;
@@ -27036,13 +27036,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const vertices = [];
       const normals = [];
       const uvs = [];
-      const vertex2 = new Vector3$1();
-      const normal = new Vector3$1();
-      const P1 = new Vector3$1();
-      const P2 = new Vector3$1();
-      const B = new Vector3$1();
-      const T = new Vector3$1();
-      const N = new Vector3$1();
+      const vertex2 = new Vector3();
+      const normal = new Vector3();
+      const P1 = new Vector3();
+      const P2 = new Vector3();
+      const B = new Vector3();
+      const T = new Vector3();
+      const N = new Vector3();
       for (let i2 = 0; i2 <= tubularSegments; ++i2) {
         const u = i2 / tubularSegments * p * Math.PI * 2;
         calculatePositionOnCurve(u, p, q, radius, P1);
@@ -27101,7 +27101,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   class TubeGeometry extends BufferGeometry {
-    constructor(path = new QuadraticBezierCurve3(new Vector3$1(-1, -1, 0), new Vector3$1(-1, 1, 0), new Vector3$1(1, 1, 0)), tubularSegments = 64, radius = 1, radialSegments = 8, closed = false) {
+    constructor(path = new QuadraticBezierCurve3(new Vector3(-1, -1, 0), new Vector3(-1, 1, 0), new Vector3(1, 1, 0)), tubularSegments = 64, radius = 1, radialSegments = 8, closed = false) {
       super();
       this.type = "TubeGeometry";
       this.parameters = {
@@ -27115,10 +27115,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.tangents = frames.tangents;
       this.normals = frames.normals;
       this.binormals = frames.binormals;
-      const vertex2 = new Vector3$1();
-      const normal = new Vector3$1();
-      const uv = new Vector2$1();
-      let P = new Vector3$1();
+      const vertex2 = new Vector3();
+      const normal = new Vector3();
+      const uv = new Vector2();
+      let P = new Vector3();
       const vertices = [];
       const normals = [];
       const uvs = [];
@@ -27207,8 +27207,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       if (geometry !== null) {
         const vertices = [];
         const edges = /* @__PURE__ */ new Set();
-        const start = new Vector3$1();
-        const end = new Vector3$1();
+        const start = new Vector3();
+        const end = new Vector3();
         if (geometry.index !== null) {
           const position = geometry.attributes.position;
           const indices = geometry.index;
@@ -27337,7 +27337,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.bumpScale = 1;
       this.normalMap = null;
       this.normalMapType = TangentSpaceNormalMap;
-      this.normalScale = new Vector2$1(1, 1);
+      this.normalScale = new Vector2(1, 1);
       this.displacementMap = null;
       this.displacementScale = 1;
       this.displacementBias = 0;
@@ -27406,7 +27406,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.clearcoatMap = null;
       this.clearcoatRoughness = 0;
       this.clearcoatRoughnessMap = null;
-      this.clearcoatNormalScale = new Vector2$1(1, 1);
+      this.clearcoatNormalScale = new Vector2(1, 1);
       this.clearcoatNormalMap = null;
       this.ior = 1.5;
       Object.defineProperty(this, "reflectivity", {
@@ -27556,7 +27556,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.bumpScale = 1;
       this.normalMap = null;
       this.normalMapType = TangentSpaceNormalMap;
-      this.normalScale = new Vector2$1(1, 1);
+      this.normalScale = new Vector2(1, 1);
       this.displacementMap = null;
       this.displacementScale = 1;
       this.displacementBias = 0;
@@ -27632,7 +27632,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.bumpScale = 1;
       this.normalMap = null;
       this.normalMapType = TangentSpaceNormalMap;
-      this.normalScale = new Vector2$1(1, 1);
+      this.normalScale = new Vector2(1, 1);
       this.displacementMap = null;
       this.displacementScale = 1;
       this.displacementBias = 0;
@@ -27682,7 +27682,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.bumpScale = 1;
       this.normalMap = null;
       this.normalMapType = TangentSpaceNormalMap;
-      this.normalScale = new Vector2$1(1, 1);
+      this.normalScale = new Vector2(1, 1);
       this.displacementMap = null;
       this.displacementScale = 1;
       this.displacementBias = 0;
@@ -27725,7 +27725,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.bumpScale = 1;
       this.normalMap = null;
       this.normalMapType = TangentSpaceNormalMap;
-      this.normalScale = new Vector2$1(1, 1);
+      this.normalScale = new Vector2(1, 1);
       this.displacementMap = null;
       this.displacementScale = 1;
       this.displacementBias = 0;
@@ -27842,7 +27842,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.bumpScale = 1;
       this.normalMap = null;
       this.normalMapType = TangentSpaceNormalMap;
-      this.normalScale = new Vector2$1(1, 1);
+      this.normalScale = new Vector2(1, 1);
       this.displacementMap = null;
       this.displacementScale = 1;
       this.displacementBias = 0;
@@ -29362,8 +29362,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   const _projScreenMatrix$1 = /* @__PURE__ */ new Matrix4();
-  const _lightPositionWorld$1 = /* @__PURE__ */ new Vector3$1();
-  const _lookTarget$1 = /* @__PURE__ */ new Vector3$1();
+  const _lightPositionWorld$1 = /* @__PURE__ */ new Vector3();
+  const _lookTarget$1 = /* @__PURE__ */ new Vector3();
   class LightShadow {
     constructor(camera2) {
       this.camera = camera2;
@@ -29372,14 +29372,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.normalBias = 0;
       this.radius = 1;
       this.blurSamples = 8;
-      this.mapSize = new Vector2$1(512, 512);
+      this.mapSize = new Vector2(512, 512);
       this.map = null;
       this.mapPass = null;
       this.matrix = new Matrix4();
       this.autoUpdate = true;
       this.needsUpdate = false;
       this._frustum = new Frustum();
-      this._frameExtents = new Vector2$1(1, 1);
+      this._frameExtents = new Vector2(1, 1);
       this._viewportCount = 1;
       this._viewports = [
         new Vector4(0, 0, 1, 1)
@@ -29519,13 +29519,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   const _projScreenMatrix = /* @__PURE__ */ new Matrix4();
-  const _lightPositionWorld = /* @__PURE__ */ new Vector3$1();
-  const _lookTarget = /* @__PURE__ */ new Vector3$1();
+  const _lightPositionWorld = /* @__PURE__ */ new Vector3();
+  const _lookTarget = /* @__PURE__ */ new Vector3();
   class PointLightShadow extends LightShadow {
     constructor() {
       super(new PerspectiveCamera(90, 1, 0.5, 500));
       this.isPointLightShadow = true;
-      this._frameExtents = new Vector2$1(4, 2);
+      this._frameExtents = new Vector2(4, 2);
       this._viewportCount = 6;
       this._viewports = [
         // These viewports map a cube-map onto a 2D texture with the
@@ -29554,20 +29554,20 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         new Vector4(1, 0, 1, 1)
       ];
       this._cubeDirections = [
-        new Vector3$1(1, 0, 0),
-        new Vector3$1(-1, 0, 0),
-        new Vector3$1(0, 0, 1),
-        new Vector3$1(0, 0, -1),
-        new Vector3$1(0, 1, 0),
-        new Vector3$1(0, -1, 0)
+        new Vector3(1, 0, 0),
+        new Vector3(-1, 0, 0),
+        new Vector3(0, 0, 1),
+        new Vector3(0, 0, -1),
+        new Vector3(0, 1, 0),
+        new Vector3(0, -1, 0)
       ];
       this._cubeUps = [
-        new Vector3$1(0, 1, 0),
-        new Vector3$1(0, 1, 0),
-        new Vector3$1(0, 1, 0),
-        new Vector3$1(0, 1, 0),
-        new Vector3$1(0, 0, 1),
-        new Vector3$1(0, 0, -1)
+        new Vector3(0, 1, 0),
+        new Vector3(0, 1, 0),
+        new Vector3(0, 1, 0),
+        new Vector3(0, 1, 0),
+        new Vector3(0, 0, 1),
+        new Vector3(0, 0, -1)
       ];
     }
     updateMatrices(light, viewportIndex = 0) {
@@ -29768,7 +29768,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.isSphericalHarmonics3 = true;
       this.coefficients = [];
       for (let i2 = 0; i2 < 9; i2++) {
-        this.coefficients.push(new Vector3$1());
+        this.coefficients.push(new Vector3());
       }
     }
     set(coefficients) {
@@ -30031,10 +30031,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               material.uniforms[name].value = new Color().setHex(uniform.value);
               break;
             case "v2":
-              material.uniforms[name].value = new Vector2$1().fromArray(uniform.value);
+              material.uniforms[name].value = new Vector2().fromArray(uniform.value);
               break;
             case "v3":
-              material.uniforms[name].value = new Vector3$1().fromArray(uniform.value);
+              material.uniforms[name].value = new Vector3().fromArray(uniform.value);
               break;
             case "v4":
               material.uniforms[name].value = new Vector4().fromArray(uniform.value);
@@ -30075,7 +30075,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         if (Array.isArray(normalScale) === false) {
           normalScale = [normalScale, normalScale];
         }
-        material.normalScale = new Vector2$1().fromArray(normalScale);
+        material.normalScale = new Vector2().fromArray(normalScale);
       }
       if (json.displacementMap !== void 0) material.displacementMap = getTexture(json.displacementMap);
       if (json.displacementScale !== void 0) material.displacementScale = json.displacementScale;
@@ -30100,7 +30100,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       if (json.clearcoatMap !== void 0) material.clearcoatMap = getTexture(json.clearcoatMap);
       if (json.clearcoatRoughnessMap !== void 0) material.clearcoatRoughnessMap = getTexture(json.clearcoatRoughnessMap);
       if (json.clearcoatNormalMap !== void 0) material.clearcoatNormalMap = getTexture(json.clearcoatNormalMap);
-      if (json.clearcoatNormalScale !== void 0) material.clearcoatNormalScale = new Vector2$1().fromArray(json.clearcoatNormalScale);
+      if (json.clearcoatNormalScale !== void 0) material.clearcoatNormalScale = new Vector2().fromArray(json.clearcoatNormalScale);
       if (json.iridescenceMap !== void 0) material.iridescenceMap = getTexture(json.iridescenceMap);
       if (json.iridescenceThicknessMap !== void 0) material.iridescenceThicknessMap = getTexture(json.iridescenceThicknessMap);
       if (json.transmissionMap !== void 0) material.transmissionMap = getTexture(json.transmissionMap);
@@ -30293,7 +30293,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
       const boundingSphere = json.data.boundingSphere;
       if (boundingSphere !== void 0) {
-        const center = new Vector3$1();
+        const center = new Vector3();
         if (boundingSphere.center !== void 0) {
           center.fromArray(boundingSphere.center);
         }
@@ -30768,7 +30768,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           object._visibility = data2.visibility;
           object._active = data2.active;
           object._bounds = data2.bounds.map((bound) => {
-            const box = new Box3$1();
+            const box = new Box3();
             box.min.fromArray(bound.boxMin);
             box.max.fromArray(bound.boxMax);
             const sphere = new Sphere();
@@ -31129,10 +31129,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   function now() {
     return performance.now();
   }
-  const _position$1 = /* @__PURE__ */ new Vector3$1();
+  const _position$1 = /* @__PURE__ */ new Vector3();
   const _quaternion$1 = /* @__PURE__ */ new Quaternion();
-  const _scale$1 = /* @__PURE__ */ new Vector3$1();
-  const _orientation$1 = /* @__PURE__ */ new Vector3$1();
+  const _scale$1 = /* @__PURE__ */ new Vector3();
+  const _orientation$1 = /* @__PURE__ */ new Vector3();
   class AudioListener extends Object3D$1 {
     constructor() {
       super();
@@ -31444,10 +31444,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return new this.constructor(this.listener).copy(this, recursive);
     }
   }
-  const _position = /* @__PURE__ */ new Vector3$1();
+  const _position = /* @__PURE__ */ new Vector3();
   const _quaternion = /* @__PURE__ */ new Quaternion();
-  const _scale = /* @__PURE__ */ new Vector3$1();
-  const _orientation = /* @__PURE__ */ new Vector3$1();
+  const _scale = /* @__PURE__ */ new Vector3();
+  const _orientation = /* @__PURE__ */ new Vector3();
   class PositionalAudio extends Audio {
     constructor(listener2) {
       super(listener2);
@@ -33234,9 +33234,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return this;
     }
   }
-  const _vector$4 = /* @__PURE__ */ new Vector2$1();
+  const _vector$4 = /* @__PURE__ */ new Vector2();
   class Box2 {
-    constructor(min2 = new Vector2$1(Infinity, Infinity), max2 = new Vector2$1(-Infinity, -Infinity)) {
+    constructor(min2 = new Vector2(Infinity, Infinity), max2 = new Vector2(-Infinity, -Infinity)) {
       this.isBox2 = true;
       this.min = min2;
       this.max = max2;
@@ -33337,10 +33337,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return box.min.equals(this.min) && box.max.equals(this.max);
     }
   }
-  const _startP = /* @__PURE__ */ new Vector3$1();
-  const _startEnd = /* @__PURE__ */ new Vector3$1();
+  const _startP = /* @__PURE__ */ new Vector3();
+  const _startEnd = /* @__PURE__ */ new Vector3();
   class Line3 {
-    constructor(start = new Vector3$1(), end = new Vector3$1()) {
+    constructor(start = new Vector3(), end = new Vector3()) {
       this.start = start;
       this.end = end;
     }
@@ -33396,7 +33396,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return new this.constructor().copy(this);
     }
   }
-  const _vector$3 = /* @__PURE__ */ new Vector3$1();
+  const _vector$3 = /* @__PURE__ */ new Vector3();
   class SpotLightHelper extends Object3D$1 {
     constructor(light, color) {
       super();
@@ -33481,7 +33481,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
   }
-  const _vector$2 = /* @__PURE__ */ new Vector3$1();
+  const _vector$2 = /* @__PURE__ */ new Vector3();
   const _boneMatrix = /* @__PURE__ */ new Matrix4();
   const _matrixWorldInv = /* @__PURE__ */ new Matrix4();
   class SkeletonHelper extends LineSegments {
@@ -33572,7 +33572,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
   }
-  const _vector$1 = /* @__PURE__ */ new Vector3$1();
+  const _vector$1 = /* @__PURE__ */ new Vector3();
   const _color1 = /* @__PURE__ */ new Color();
   const _color2 = /* @__PURE__ */ new Color();
   class HemisphereLightHelper extends Object3D$1 {
@@ -33694,9 +33694,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.material.dispose();
     }
   }
-  const _v1 = /* @__PURE__ */ new Vector3$1();
-  const _v2 = /* @__PURE__ */ new Vector3$1();
-  const _v3 = /* @__PURE__ */ new Vector3$1();
+  const _v1 = /* @__PURE__ */ new Vector3();
+  const _v2 = /* @__PURE__ */ new Vector3();
+  const _v3 = /* @__PURE__ */ new Vector3();
   class DirectionalLightHelper extends Object3D$1 {
     constructor(light, size, color) {
       super();
@@ -33757,7 +33757,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.targetLine.scale.z = _v3.length();
     }
   }
-  const _vector$d = /* @__PURE__ */ new Vector3$1();
+  const _vector$d = /* @__PURE__ */ new Vector3();
   const _camera$1 = /* @__PURE__ */ new Camera$2();
   class CameraHelper extends LineSegments {
     constructor(camera2) {
@@ -33918,7 +33918,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
   }
-  const _box = /* @__PURE__ */ new Box3$1();
+  const _box = /* @__PURE__ */ new Box3();
   class BoxHelper extends LineSegments {
     constructor(object, color = 16776960) {
       const indices = new Uint16Array([0, 1, 1, 2, 2, 3, 3, 0, 4, 5, 5, 6, 6, 7, 7, 4, 0, 4, 1, 5, 2, 6, 3, 7]);
@@ -34042,11 +34042,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.children[0].material.dispose();
     }
   }
-  const _axis = /* @__PURE__ */ new Vector3$1();
+  const _axis = /* @__PURE__ */ new Vector3();
   let _lineGeometry, _coneGeometry;
   class ArrowHelper extends Object3D$1 {
     // dir is assumed to be normalized
-    constructor(dir = new Vector3$1(0, 0, 1), origin = new Vector3$1(0, 0, 0), length = 1, color = 16776960, headLength = length * 0.2, headWidth = headLength * 0.2) {
+    constructor(dir = new Vector3(0, 0, 1), origin = new Vector3(0, 0, 0), length = 1, color = 16776960, headLength = length * 0.2, headWidth = headLength * 0.2) {
       super();
       this.type = "ArrowHelper";
       if (_lineGeometry === void 0) {
@@ -34999,7 +34999,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     normalmap: {
       normalMap: { value: null },
       normalMapTransform: { value: /* @__PURE__ */ new Matrix3() },
-      normalScale: { value: /* @__PURE__ */ new Vector2$1(1, 1) }
+      normalScale: { value: /* @__PURE__ */ new Vector2(1, 1) }
     },
     displacementmap: {
       displacementMap: { value: null },
@@ -35109,7 +35109,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     sprite: {
       diffuse: { value: /* @__PURE__ */ new Color(16777215) },
       opacity: { value: 1 },
-      center: { value: /* @__PURE__ */ new Vector2$1(0.5, 0.5) },
+      center: { value: /* @__PURE__ */ new Vector2(0.5, 0.5) },
       rotation: { value: 0 },
       map: { value: null },
       mapTransform: { value: /* @__PURE__ */ new Matrix3() },
@@ -35321,7 +35321,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         UniformsLib.common,
         UniformsLib.displacementmap,
         {
-          referencePosition: { value: /* @__PURE__ */ new Vector3$1() },
+          referencePosition: { value: /* @__PURE__ */ new Vector3() },
           nearDistance: { value: 1 },
           farDistance: { value: 1e3 }
         }
@@ -35351,7 +35351,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         clearcoatMapTransform: { value: /* @__PURE__ */ new Matrix3() },
         clearcoatNormalMap: { value: null },
         clearcoatNormalMapTransform: { value: /* @__PURE__ */ new Matrix3() },
-        clearcoatNormalScale: { value: /* @__PURE__ */ new Vector2$1(1, 1) },
+        clearcoatNormalScale: { value: /* @__PURE__ */ new Vector2(1, 1) },
         clearcoatRoughness: { value: 0 },
         clearcoatRoughnessMap: { value: null },
         clearcoatRoughnessMapTransform: { value: /* @__PURE__ */ new Matrix3() },
@@ -35374,7 +35374,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         transmission: { value: 0 },
         transmissionMap: { value: null },
         transmissionMapTransform: { value: /* @__PURE__ */ new Matrix3() },
-        transmissionSamplerSize: { value: /* @__PURE__ */ new Vector2$1() },
+        transmissionSamplerSize: { value: /* @__PURE__ */ new Vector2() },
         transmissionSamplerMap: { value: null },
         thickness: { value: 0 },
         thicknessMap: { value: null },
@@ -35387,7 +35387,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         specularIntensity: { value: 1 },
         specularIntensityMap: { value: null },
         specularIntensityMapTransform: { value: /* @__PURE__ */ new Matrix3() },
-        anisotropyVector: { value: /* @__PURE__ */ new Vector2$1() },
+        anisotropyVector: { value: /* @__PURE__ */ new Vector2() },
         anisotropyMap: { value: null },
         anisotropyMapTransform: { value: /* @__PURE__ */ new Matrix3() }
       }
@@ -36158,16 +36158,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const PHI = (1 + Math.sqrt(5)) / 2;
   const INV_PHI = 1 / PHI;
   const _axisDirections = [
-    /* @__PURE__ */ new Vector3$1(-PHI, INV_PHI, 0),
-    /* @__PURE__ */ new Vector3$1(PHI, INV_PHI, 0),
-    /* @__PURE__ */ new Vector3$1(-INV_PHI, 0, PHI),
-    /* @__PURE__ */ new Vector3$1(INV_PHI, 0, PHI),
-    /* @__PURE__ */ new Vector3$1(0, PHI, -INV_PHI),
-    /* @__PURE__ */ new Vector3$1(0, PHI, INV_PHI),
-    /* @__PURE__ */ new Vector3$1(-1, 1, -1),
-    /* @__PURE__ */ new Vector3$1(1, 1, -1),
-    /* @__PURE__ */ new Vector3$1(-1, 1, 1),
-    /* @__PURE__ */ new Vector3$1(1, 1, 1)
+    /* @__PURE__ */ new Vector3(-PHI, INV_PHI, 0),
+    /* @__PURE__ */ new Vector3(PHI, INV_PHI, 0),
+    /* @__PURE__ */ new Vector3(-INV_PHI, 0, PHI),
+    /* @__PURE__ */ new Vector3(INV_PHI, 0, PHI),
+    /* @__PURE__ */ new Vector3(0, PHI, -INV_PHI),
+    /* @__PURE__ */ new Vector3(0, PHI, INV_PHI),
+    /* @__PURE__ */ new Vector3(-1, 1, -1),
+    /* @__PURE__ */ new Vector3(1, 1, -1),
+    /* @__PURE__ */ new Vector3(-1, 1, 1),
+    /* @__PURE__ */ new Vector3(1, 1, 1)
   ];
   class PMREMGenerator {
     constructor(renderer) {
@@ -36568,7 +36568,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   }
   function _getBlurShader(lodMax, width, height) {
     const weights = new Float32Array(MAX_SAMPLES);
-    const poleAxis = new Vector3$1(0, 1, 0);
+    const poleAxis = new Vector3(0, 1, 0);
     const shaderMaterial = new ShaderMaterial({
       name: "SphericalGaussianBlur",
       defines: {
@@ -37160,7 +37160,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         entry = {
           count: morphTargetsCount,
           texture,
-          size: new Vector2$1(width, height)
+          size: new Vector2(width, height)
         };
         morphTextures.set(geometry, entry);
         geometry.addEventListener("dispose", disposeTexture);
@@ -37971,7 +37971,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return "vec3 " + functionName2 + "( vec3 color ) { return " + toneMappingName + "ToneMapping( color ); }";
   }
-  const _v0 = /* @__PURE__ */ new Vector3$1();
+  const _v0 = /* @__PURE__ */ new Vector3();
   function getLuminanceFunction() {
     ColorManagement.getLuminanceCoefficients(_v0);
     const r = _v0.x.toFixed(4);
@@ -39227,14 +39227,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         switch (light.type) {
           case "DirectionalLight":
             uniforms = {
-              direction: new Vector3$1(),
+              direction: new Vector3(),
               color: new Color()
             };
             break;
           case "SpotLight":
             uniforms = {
-              position: new Vector3$1(),
-              direction: new Vector3$1(),
+              position: new Vector3(),
+              direction: new Vector3(),
               color: new Color(),
               distance: 0,
               coneCos: 0,
@@ -39244,7 +39244,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             break;
           case "PointLight":
             uniforms = {
-              position: new Vector3$1(),
+              position: new Vector3(),
               color: new Color(),
               distance: 0,
               decay: 0
@@ -39252,7 +39252,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             break;
           case "HemisphereLight":
             uniforms = {
-              direction: new Vector3$1(),
+              direction: new Vector3(),
               skyColor: new Color(),
               groundColor: new Color()
             };
@@ -39260,9 +39260,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           case "RectAreaLight":
             uniforms = {
               color: new Color(),
-              position: new Vector3$1(),
-              halfWidth: new Vector3$1(),
-              halfHeight: new Vector3$1()
+              position: new Vector3(),
+              halfWidth: new Vector3(),
+              halfHeight: new Vector3()
             };
             break;
         }
@@ -39286,7 +39286,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               shadowBias: 0,
               shadowNormalBias: 0,
               shadowRadius: 1,
-              shadowMapSize: new Vector2$1()
+              shadowMapSize: new Vector2()
             };
             break;
           case "SpotLight":
@@ -39295,7 +39295,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               shadowBias: 0,
               shadowNormalBias: 0,
               shadowRadius: 1,
-              shadowMapSize: new Vector2$1()
+              shadowMapSize: new Vector2()
             };
             break;
           case "PointLight":
@@ -39304,7 +39304,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               shadowBias: 0,
               shadowNormalBias: 0,
               shadowRadius: 1,
-              shadowMapSize: new Vector2$1(),
+              shadowMapSize: new Vector2(),
               shadowCameraNear: 1,
               shadowCameraFar: 1e3
             };
@@ -39358,8 +39358,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       numSpotLightShadowsWithMaps: 0,
       numLightProbes: 0
     };
-    for (let i2 = 0; i2 < 9; i2++) state.probe.push(new Vector3$1());
-    const vector3 = new Vector3$1();
+    for (let i2 = 0; i2 < 9; i2++) state.probe.push(new Vector3());
+    const vector3 = new Vector3();
     const matrix4 = new Matrix4();
     const matrix42 = new Matrix4();
     function setup(lights) {
@@ -39644,7 +39644,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const fragment = "uniform sampler2D shadow_pass;\nuniform vec2 resolution;\nuniform float radius;\n#include <packing>\nvoid main() {\n	const float samples = float( VSM_SAMPLES );\n	float mean = 0.0;\n	float squared_mean = 0.0;\n	float uvStride = samples <= 1.0 ? 0.0 : 2.0 / ( samples - 1.0 );\n	float uvStart = samples <= 1.0 ? 0.0 : - 1.0;\n	for ( float i = 0.0; i < samples; i ++ ) {\n		float uvOffset = uvStart + i * uvStride;\n		#ifdef HORIZONTAL_PASS\n			vec2 distribution = unpackRGBATo2Half( texture2D( shadow_pass, ( gl_FragCoord.xy + vec2( uvOffset, 0.0 ) * radius ) / resolution ) );\n			mean += distribution.x;\n			squared_mean += distribution.y * distribution.y + distribution.x * distribution.x;\n		#else\n			float depth = unpackRGBAToDepth( texture2D( shadow_pass, ( gl_FragCoord.xy + vec2( 0.0, uvOffset ) * radius ) / resolution ) );\n			mean += depth;\n			squared_mean += depth * depth;\n		#endif\n	}\n	mean = mean / samples;\n	squared_mean = squared_mean / samples;\n	float std_dev = sqrt( squared_mean - mean * mean );\n	gl_FragColor = pack2HalfToRGBA( vec2( mean, std_dev ) );\n}";
   function WebGLShadowMap(renderer, objects, capabilities) {
     let _frustum2 = new Frustum();
-    const _shadowMapSize = new Vector2$1(), _viewportSize = new Vector2$1(), _viewport = new Vector4(), _depthMaterial = new MeshDepthMaterial({ depthPacking: RGBADepthPacking }), _distanceMaterial = new MeshDistanceMaterial(), _materialCache = {}, _maxTextureSize = capabilities.maxTextureSize;
+    const _shadowMapSize = new Vector2(), _viewportSize = new Vector2(), _viewport = new Vector4(), _depthMaterial = new MeshDepthMaterial({ depthPacking: RGBADepthPacking }), _distanceMaterial = new MeshDistanceMaterial(), _materialCache = {}, _maxTextureSize = capabilities.maxTextureSize;
     const shadowSide = { [FrontSide]: BackSide, [BackSide]: FrontSide, [DoubleSide]: DoubleSide };
     const shadowMaterialVertical = new ShaderMaterial({
       defines: {
@@ -39652,7 +39652,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       },
       uniforms: {
         shadow_pass: { value: null },
-        resolution: { value: new Vector2$1() },
+        resolution: { value: new Vector2() },
         radius: { value: 4 }
       },
       vertexShader: vertex,
@@ -40628,7 +40628,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   function WebGLTextures(_gl, extensions, state, properties, capabilities, utils, info) {
     const multisampledRTTExt = extensions.has("WEBGL_multisampled_render_to_texture") ? extensions.get("WEBGL_multisampled_render_to_texture") : null;
     const supportsInvalidateFramebuffer = typeof navigator === "undefined" ? false : /OculusBrowser/g.test(navigator.userAgent);
-    const _imageDimensions = new Vector2$1();
+    const _imageDimensions = new Vector2();
     const _videoTextures = /* @__PURE__ */ new WeakMap();
     let _canvas2;
     const _sources = /* @__PURE__ */ new WeakMap();
@@ -41902,9 +41902,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         this._targetRay.matrixAutoUpdate = false;
         this._targetRay.visible = false;
         this._targetRay.hasLinearVelocity = false;
-        this._targetRay.linearVelocity = new Vector3$1();
+        this._targetRay.linearVelocity = new Vector3();
         this._targetRay.hasAngularVelocity = false;
-        this._targetRay.angularVelocity = new Vector3$1();
+        this._targetRay.angularVelocity = new Vector3();
       }
       return this._targetRay;
     }
@@ -41914,9 +41914,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         this._grip.matrixAutoUpdate = false;
         this._grip.visible = false;
         this._grip.hasLinearVelocity = false;
-        this._grip.linearVelocity = new Vector3$1();
+        this._grip.linearVelocity = new Vector3();
         this._grip.hasAngularVelocity = false;
-        this._grip.angularVelocity = new Vector3$1();
+        this._grip.angularVelocity = new Vector3();
       }
       return this._grip;
     }
@@ -42160,7 +42160,7 @@ void main() {
       let newRenderTarget = null;
       const controllers = [];
       const controllerInputSources = [];
-      const currentSize = new Vector2$1();
+      const currentSize = new Vector2();
       let currentPixelRatio = null;
       const cameraL = new PerspectiveCamera();
       cameraL.viewport = new Vector4();
@@ -42390,8 +42390,8 @@ void main() {
           }
         }
       }
-      const cameraLPos = new Vector3$1();
-      const cameraRPos = new Vector3$1();
+      const cameraLPos = new Vector3();
+      const cameraRPos = new Vector3();
       function setProjectionFromUnion(camera2, cameraL2, cameraR2) {
         cameraLPos.setFromMatrixPosition(cameraL2.matrixWorld);
         cameraRPos.setFromMatrixPosition(cameraR2.matrixWorld);
@@ -43184,7 +43184,7 @@ void main() {
       let _localClippingEnabled = false;
       const _currentProjectionMatrix = new Matrix4();
       const _projScreenMatrix2 = new Matrix4();
-      const _vector32 = new Vector3$1();
+      const _vector32 = new Vector3();
       const _vector4 = new Vector4();
       const _emptyScene = { background: null, fog: null, environment: null, overrideMaterial: null, isScene: true };
       let _renderBackground = false;
@@ -44658,7 +44658,7 @@ void main() {
     Bone,
     BooleanKeyframeTrack,
     Box2,
-    Box3: Box3$1,
+    Box3,
     Box3Helper,
     BoxGeometry,
     BoxHelper,
@@ -45018,8 +45018,8 @@ void main() {
     UnsignedShort5551Type,
     UnsignedShortType,
     VSMShadowMap,
-    Vector2: Vector2$1,
-    Vector3: Vector3$1,
+    Vector2,
+    Vector3,
     Vector4,
     VectorKeyframeTrack,
     VideoTexture,
@@ -45194,7 +45194,7 @@ void main() {
       let vertex2 = 0;
       let offset = 0;
       const matrix = new Matrix4();
-      const vector = new Vector3$1();
+      const vector = new Vector3();
       for (let i2 = 0; i2 < info.instances.length; i2++) {
         const instance = info.instances[i2];
         const mesh = g3d2.getInstanceMesh(instance);
@@ -45225,7 +45225,7 @@ void main() {
           vector.applyMatrix4(matrix);
           vector.toArray(buffer.vertices, vertex2);
           vertex2 += distExports$2.G3d.POSITION_SIZE;
-          buffer.boxes[i2] = new Box3$1(vector.clone(), vector.clone());
+          buffer.boxes[i2] = new Box3(vector.clone(), vector.clone());
         }
         for (let p = vertexStart + 1; p < vertexEnd; p++) {
           vector.fromArray(g3d2.positions, p * distExports$2.G3d.POSITION_SIZE);
@@ -45297,8 +45297,8 @@ void main() {
     Geometry2.MergeResult = MergeResult;
   })(Geometry || (Geometry = {}));
   const defaultConfig = {
-    position: new Vector3$1(),
-    rotation: new Vector3$1(),
+    position: new Vector3(),
+    rotation: new Vector3(),
     scale: 1,
     matrix: void 0,
     transparency: "all",
@@ -45320,7 +45320,7 @@ void main() {
           merge.rotation.z * Math.PI / 180
         )
       ),
-      new Vector3$1(merge.scale, merge.scale, merge.scale)
+      new Vector3(merge.scale, merge.scale, merge.scale)
     );
     return merge;
   }
@@ -45781,7 +45781,7 @@ void main() {
      * A new instance is created if none is provided.
      * @returns {THREE.Vector3 | undefined} The center position of the object, or undefined if the object has no geometry.
      */
-    getCenter(target = new Vector3$1()) {
+    getCenter(target = new Vector3()) {
       var _a2;
       return (_a2 = this.getBoundingBox()) == null ? void 0 : _a2.getCenter(target);
     }
@@ -47324,12 +47324,12 @@ void main() {
   }
   function getAverageBoundingBox(positions, thresholdSpan = 1e3, framingDistanceMultiplier = 2) {
     if (positions.length === 0) {
-      return new Box3$1();
+      return new Box3();
     }
     const { centroid, aabb } = calculateCentroidAndBoundingBox(positions);
-    const span = aabb.getSize(new Vector3$1()).length();
-    const center = span > thresholdSpan ? centroid : aabb.getCenter(new Vector3$1());
-    const avgDist = new Vector3$1();
+    const span = aabb.getSize(new Vector3()).length();
+    const center = span > thresholdSpan ? centroid : aabb.getCenter(new Vector3());
+    const avgDist = new Vector3();
     for (const pos of positions) {
       avgDist.set(
         avgDist.x + Math.abs(pos.x - center.x),
@@ -47338,14 +47338,14 @@ void main() {
       );
     }
     const scaledDist = avgDist.multiplyScalar(framingDistanceMultiplier / positions.length);
-    return new Box3$1(
+    return new Box3(
       center.clone().sub(scaledDist),
       center.clone().add(scaledDist)
     );
   }
   function calculateCentroidAndBoundingBox(positions) {
-    const sum = new Vector3$1();
-    const aabb = new Box3$1();
+    const sum = new Vector3();
+    const aabb = new Box3();
     for (const pos of positions) {
       sum.add(pos);
       aabb.expandByPoint(pos);
@@ -47390,7 +47390,7 @@ void main() {
     /**
      * Returns the scene bounding box. Returns undefined if scene is empty.
      */
-    getBoundingBox(target = new Box3$1()) {
+    getBoundingBox(target = new Box3()) {
       return this._boundingBox ? target.copy(this._boundingBox) : void 0;
     }
     /**
@@ -47405,7 +47405,7 @@ void main() {
       this.meshes.forEach((m) => {
         const subs = m.getSubmeshes();
         subs.forEach((s) => {
-          const p = s.boundingBox.getCenter(new Vector3$1());
+          const p = s.boundingBox.getCenter(new Vector3());
           p.applyMatrix4(this._matrix);
           points.push(p);
         });
@@ -47581,11 +47581,11 @@ void main() {
       __publicField(this, "instance");
       __publicField(this, "start");
       __publicField(this, "end");
-      __publicField(this, "boundingBox", new Box3$1());
+      __publicField(this, "boundingBox", new Box3());
     }
     expandBox(point) {
       var _a2;
-      this.boundingBox = ((_a2 = this.boundingBox) == null ? void 0 : _a2.expandByPoint(point)) ?? new Box3$1().set(point, point);
+      this.boundingBox = ((_a2 = this.boundingBox) == null ? void 0 : _a2.expandByPoint(point)) ?? new Box3().set(point, point);
     }
   }
   class InsertableGeometry {
@@ -47645,7 +47645,7 @@ void main() {
         return added;
       }
       const matrix = new Matrix4();
-      const vector = new Vector3$1();
+      const vector = new Vector3();
       const vertexStart = mesh.getVertexStart(section);
       const vertexEnd = mesh.getVertexEnd(section);
       const vertexCount = vertexEnd - vertexStart;
@@ -47719,7 +47719,7 @@ void main() {
         return added;
       }
       const matrix = new Matrix4();
-      const vector = new Vector3$1();
+      const vector = new Vector3();
       const indexOffset = this.offsets.getIndexOffset(mesh);
       const vertexOffset = this.offsets.getVertexOffset(mesh);
       const vertexStart = g3d2.getMeshVertexStart(meshG3dIndex);
@@ -48091,7 +48091,7 @@ void main() {
         // Uniform controlling the overall transparency of the non-visible objects.
         opacity: { value: 1e-3 },
         // Uniform specifying the fill color for non-visible objects.
-        fillColor: { value: new Vector3$1(0, 0, 0) }
+        fillColor: { value: new Vector3(0, 0, 0) }
       },
       // Render only the front side of faces to prevent drawing internal geometry.
       side: FrontSide,
@@ -48158,7 +48158,7 @@ void main() {
       this.material = createOutlineMaterial();
       this._antialias = (options == null ? void 0 : options.antialias) ?? false;
       this._precision = (options == null ? void 0 : options.precision) ?? 1;
-      this._resolution = (options == null ? void 0 : options.resolution) ?? new Vector2$1(1, 1);
+      this._resolution = (options == null ? void 0 : options.resolution) ?? new Vector2(1, 1);
       this.resolution = this._resolution;
       if (options == null ? void 0 : options.sceneBuffer) {
         this.sceneBuffer = options.sceneBuffer;
@@ -48599,7 +48599,7 @@ void main() {
 
         void main() {
           // Define the up vector
-          vec3 up = vec3(0.0, 1.0, 0.0);
+          vec3 up = vec3(0.0, 0.0, 1.0);
 
           // Calculate the direction from the pixel to the camera
           vec3 directionToCamera = normalize(vCameraPosition - vPosition);
@@ -49115,7 +49115,7 @@ void main() {
       this.bimInstances = g3d2 instanceof distExports$2.G3dMesh ? instances.map((i2) => g3d2.scene.instanceNodes[i2]) : instances;
       this.meshInstances = instances;
       this.boxes = g3d2 instanceof distExports$2.G3dMesh ? this.importBoundingBoxes() : this.computeBoundingBoxes();
-      this.size = ((_a2 = this.boxes[0]) == null ? void 0 : _a2.getSize(new Vector3$1()).length()) ?? 0;
+      this.size = ((_a2 = this.boxes[0]) == null ? void 0 : _a2.getSize(new Vector3()).length()) ?? 0;
       this.boundingBox = this.computeBoundingBox(this.boxes);
       this._material = this.mesh.material;
     }
@@ -49163,7 +49163,7 @@ void main() {
       if (this.g3dMesh instanceof distExports$2.G3d) throw new Error("Wrong type");
       const boxes = new Array(this.meshInstances.length);
       for (let i2 = 0; i2 < this.meshInstances.length; i2++) {
-        const box = new Box3$1();
+        const box = new Box3();
         const instance = this.meshInstances[i2];
         box.min.fromArray(this.g3dMesh.scene.getInstanceMin(instance));
         box.max.fromArray(this.g3dMesh.scene.getInstanceMax(instance));
@@ -49708,8 +49708,8 @@ void main() {
       if (this._source instanceof distExports$2.G3d) {
         throw new Error("Feature requires a vimx file");
       }
-      const min2 = new Vector3$1();
-      const max2 = new Vector3$1();
+      const min2 = new Vector3();
+      const max2 = new Vector3();
       const values = new Array(this._instances.length);
       for (let i2 = 0; i2 < this._instances.length; i2++) {
         const instance = this._instances[i2];
@@ -49824,7 +49824,7 @@ void main() {
     getBoundingBox() {
       if (this._instances.length === 0) return;
       if (this._source instanceof distExports$2.G3dScene) {
-        const box = new Box3$1();
+        const box = new Box3();
         const first = this._instances[0];
         box.min.fromArray(this._source.getInstanceMin(first));
         box.max.fromArray(this._source.getInstanceMax(first));
@@ -50261,14 +50261,14 @@ void main() {
     },
     camera: {
       orthographic: false,
-      allowedMovement: new Vector3$1(1, 1, 1),
-      allowedRotation: new Vector2$1(1, 1),
+      allowedMovement: new Vector3(1, 1, 1),
+      allowedRotation: new Vector2(1, 1),
       near: 1e-3,
       far: 15e3,
       fov: 50,
       zoom: 1,
       // 45 deg down looking down z.
-      forward: new Vector3$1(1, -1, -1),
+      forward: new Vector3(1, -1, -1),
       controls: {
         orbit: true,
         rotateSpeed: 1,
@@ -50301,13 +50301,13 @@ void main() {
     sunlights: [
       {
         followCamera: true,
-        position: new Vector3$1(1e3, 1e3, 1e3),
+        position: new Vector3(1e3, 1e3, 1e3),
         color: new Color(16777215),
         intensity: 0.8
       },
       {
         followCamera: true,
-        position: new Vector3$1(-1e3, -1e3, -1e3),
+        position: new Vector3(-1e3, -1e3, -1e3),
         color: new Color(16777215),
         intensity: 0.2
       }
@@ -50380,7 +50380,7 @@ void main() {
     frustrumSizeAt(point) {
       const dist2 = this.camera.position.distanceTo(point);
       const size = 2 * dist2 * Math.tan(this.camera.fov / 2 * (Math.PI / 180));
-      return new Vector2$1(size * this.camera.aspect, size);
+      return new Vector2(size * this.camera.aspect, size);
     }
   }
   class OrthographicWrapper {
@@ -50389,7 +50389,7 @@ void main() {
       this.camera = camera2;
     }
     frustrumSizeAt(point) {
-      return new Vector2$1(
+      return new Vector2(
         this.camera.right - this.camera.left,
         this.camera.top - this.camera.bottom
       );
@@ -50478,14 +50478,14 @@ void main() {
     /** Sets the position of the marker in the 3d scene */
     set position(value) {
       const m = new Matrix4();
-      m.compose(value, new Quaternion(), new Vector3$1(1, 1, 1));
+      m.compose(value, new Quaternion(), new Vector3(1, 1, 1));
       this._submesh.mesh.setMatrixAt(this._submesh.index, m);
       this._submesh.mesh.instanceMatrix.needsUpdate = true;
     }
     get position() {
       const m = new Matrix4();
       this._submesh.mesh.getMatrixAt(0, m);
-      return new Vector3$1().setFromMatrixPosition(m);
+      return new Vector3().setFromMatrixPosition(m);
     }
     /**
      * Always false
@@ -50555,7 +50555,7 @@ void main() {
      * @returns {THREE.Box3 | undefined} The bounding box of the object.
      */
     getBoundingBox() {
-      return new Box3$1().setFromCenterAndSize(this.position.clone(), new Vector3$1(1, 1, 1));
+      return new Box3().setFromCenterAndSize(this.position.clone(), new Vector3(1, 1, 1));
     }
   }
   class CameraMovement {
@@ -50569,7 +50569,7 @@ void main() {
      * @param {'XY' | 'XZ'} axes - The axes defining the plane of movement ('XY' or 'XZ').
      */
     move2(vector, axes) {
-      const direction = axes === "XY" ? new Vector3$1(-vector.x, vector.y, 0) : axes === "XZ" ? new Vector3$1(-vector.x, 0, vector.y) : void 0;
+      const direction = axes === "XY" ? new Vector3(-vector.x, vector.y, 0) : axes === "XZ" ? new Vector3(-vector.x, 0, vector.y) : void 0;
       if (direction) this.move3(direction);
     }
     /**
@@ -50578,7 +50578,7 @@ void main() {
      * @param {'X' | 'Y' | 'Z'} axis - The axis along which to move the camera ('X', 'Y', or 'Z').
      */
     move1(amount, axis) {
-      const direction = new Vector3$1(
+      const direction = new Vector3(
         axis === "X" ? -amount : 0,
         axis === "Y" ? amount : 0,
         axis === "Z" ? amount : 0
@@ -50605,7 +50605,7 @@ void main() {
       const angleForward = flatForward.angleTo(forward) * Math.sign(forward.z);
       const angleDirection = flatDirection.angleTo(_direction) * Math.sign(_direction.z);
       const declination = angleForward - angleDirection;
-      const angle = new Vector2$1(-declination, azimuth);
+      const angle = new Vector2(-declination, azimuth);
       angle.multiplyScalar(180 / Math.PI);
       this.orbit(angle);
     }
@@ -50624,7 +50624,7 @@ void main() {
       if (target === "all") {
         target = this._camera._scene.getAverageBoundingBox();
       }
-      if (target instanceof Box3$1) {
+      if (target instanceof Box3) {
         target = target.getBoundingSphere(new Sphere());
       }
       if (target instanceof Sphere) {
@@ -50691,7 +50691,7 @@ void main() {
       v.applyQuaternion(this._camera.quaternion);
       const start = this._camera.position.clone();
       const end = this._camera.position.clone().add(v);
-      const pos = new Vector3$1();
+      const pos = new Vector3();
       this.onProgress = (progress) => {
         pos.copy(start);
         pos.lerp(end, progress);
@@ -50730,7 +50730,7 @@ void main() {
     orbit(angle) {
       const startPos = this._camera.position.clone();
       const startTarget = this._camera.target.clone();
-      const a = new Vector2$1();
+      const a = new Vector2();
       this.onProgress = (progress) => {
         a.set(0, 0);
         a.lerp(angle, progress);
@@ -50743,7 +50743,7 @@ void main() {
       const next = pos.clone().sub(this._camera.position);
       const start = this._camera.quaternion.clone();
       const rot = new Quaternion().setFromUnitVectors(
-        new Vector3$1(0, 0, -1),
+        new Vector3(0, 0, -1),
         next.normalize()
       );
       this.onProgress = (progress) => {
@@ -50805,26 +50805,26 @@ void main() {
     move3(vector) {
       const v = vector.clone();
       v.applyQuaternion(this._camera.quaternion);
-      const locked = this.lockVector(v, new Vector3$1());
+      const locked = this.lockVector(v, new Vector3());
       const pos = this._camera.position.clone().add(locked);
       const target = this._camera.target.clone().add(locked);
       this.set(pos, target);
     }
     set(position, target) {
       target = target ?? this._camera.target;
-      const direction = new Vector3$1().subVectors(position, target);
+      const direction = new Vector3().subVectors(position, target);
       const dist2 = direction.length();
       if (dist2 > 1e-6) {
-        const up = new Vector3$1(0, 0, 1);
+        const up = new Vector3(0, 0, 1);
         const angle = direction.angleTo(up);
         const minAngle = MathUtils.degToRad(5);
         const maxAngle = MathUtils.degToRad(175);
         if (angle < minAngle) {
-          const axis = new Vector3$1().crossVectors(up, direction).normalize();
+          const axis = new Vector3().crossVectors(up, direction).normalize();
           const delta = minAngle - angle;
           direction.applyQuaternion(new Quaternion().setFromAxisAngle(axis, delta));
         } else if (angle > maxAngle) {
-          const axis = new Vector3$1().crossVectors(up, direction).normalize();
+          const axis = new Vector3().crossVectors(up, direction).normalize();
           const delta = maxAngle - angle;
           direction.applyQuaternion(new Quaternion().setFromAxisAngle(axis, delta));
         }
@@ -50840,17 +50840,17 @@ void main() {
       const x = this._camera.allowedMovement.x === 0 ? fallback.x : position.x;
       const y = this._camera.allowedMovement.y === 0 ? fallback.y : position.y;
       const z = this._camera.allowedMovement.z === 0 ? fallback.z : position.z;
-      return new Vector3$1(x, y, z);
+      return new Vector3(x, y, z);
     }
     predictOrbit(angle) {
       const rotation = this.predictRotate(angle);
-      const delta = new Vector3$1(0, 0, 1).applyQuaternion(rotation).multiplyScalar(this._camera.orbitDistance);
+      const delta = new Vector3(0, 0, 1).applyQuaternion(rotation).multiplyScalar(this._camera.orbitDistance);
       const pos = this._camera.target.clone().add(delta);
       return pos;
     }
     predictRotate(angle) {
-      const xQuat = new Quaternion().setFromAxisAngle(new Vector3$1(1, 0, 0), angle.x * Math.PI / 180);
-      const zQuat = new Quaternion().setFromAxisAngle(new Vector3$1(0, 1, 0), angle.y * Math.PI / 180);
+      const xQuat = new Quaternion().setFromAxisAngle(new Vector3(1, 0, 0), angle.x * Math.PI / 180);
+      const zQuat = new Quaternion().setFromAxisAngle(new Vector3(0, 1, 0), angle.y * Math.PI / 180);
       const rotation = this._camera.quaternion.clone();
       rotation.multiply(xQuat).multiply(zQuat);
       return rotation;
@@ -50866,22 +50866,22 @@ void main() {
       __publicField(this, "_lerp");
       __publicField(this, "_movement");
       // movements
-      __publicField(this, "_inputVelocity", new Vector3$1());
-      __publicField(this, "_velocity", new Vector3$1());
+      __publicField(this, "_inputVelocity", new Vector3());
+      __publicField(this, "_velocity", new Vector3());
       __publicField(this, "_speed", 0);
       // orbit
       __publicField(this, "_orthographic", false);
-      __publicField(this, "_target", new Vector3$1());
+      __publicField(this, "_target", new Vector3());
       // updates
-      __publicField(this, "_lastPosition", new Vector3$1());
+      __publicField(this, "_lastPosition", new Vector3());
       __publicField(this, "_lastQuaternion", new Quaternion());
-      __publicField(this, "_lastTarget", new Vector3$1());
+      __publicField(this, "_lastTarget", new Vector3());
       // Reuseable vectors for calculations
-      __publicField(this, "_tmp1", new Vector3$1());
-      __publicField(this, "_tmp2", new Vector3$1());
+      __publicField(this, "_tmp1", new Vector3());
+      __publicField(this, "_tmp2", new Vector3());
       // saves
-      __publicField(this, "_savedPosition", new Vector3$1(0, 0, -5));
-      __publicField(this, "_savedTarget", new Vector3$1(0, 0, 0));
+      __publicField(this, "_savedPosition", new Vector3(0, 0, -5));
+      __publicField(this, "_savedTarget", new Vector3(0, 0, 0));
       __publicField(this, "_onValueChanged", new distExports$1.SignalDispatcher());
       __publicField(this, "_hasMoved");
       __publicField(this, "_onMoved", new distExports$1.SignalDispatcher());
@@ -50891,18 +50891,18 @@ void main() {
        * Represents allowed movement along each axis using a Vector3 object.
        * Each component of the Vector3 should be either 0 or 1 to enable/disable movement along the corresponding axis.
        */
-      __publicField(this, "_allowedMovement", new Vector3$1(1, 1, 1));
-      __publicField(this, "_allowedRotation", new Vector2$1(1, 1));
+      __publicField(this, "_allowedMovement", new Vector3(1, 1, 1));
+      __publicField(this, "_allowedRotation", new Vector2(1, 1));
       /**
        * The default forward direction that can be used to initialize the camera.
        */
-      __publicField(this, "_defaultForward", new Vector3$1(1, -1, 1).normalize());
+      __publicField(this, "_defaultForward", new Vector3(1, -1, 1).normalize());
       // Settings
       __publicField(this, "_velocityBlendFactor", 1e-4);
       __publicField(this, "_moveSpeed", 1);
       this.camPerspective = new PerspectiveWrapper(new PerspectiveCamera());
-      this.camPerspective.camera.up = new Vector3$1(0, 0, 1);
-      this.camPerspective.camera.lookAt(new Vector3$1(0, 1, 0));
+      this.camPerspective.camera.up = new Vector3(0, 0, 1);
+      this.camPerspective.camera.lookAt(new Vector3(0, 1, 0));
       this.camOrthographic = new OrthographicWrapper(
         new OrthographicCamera()
       );
@@ -50938,7 +50938,7 @@ void main() {
       return this._onMoved.asEvent();
     }
     get allowedMovement() {
-      return this._force ? new Vector3$1(1, 1, 1) : this._allowedMovement;
+      return this._force ? new Vector3(1, 1, 1) : this._allowedMovement;
     }
     set allowedMovement(axes) {
       this._allowedMovement.copy(axes);
@@ -50951,7 +50951,7 @@ void main() {
      * Each component of the Vector2 should be either 0 or 1 to enable/disable rotation around the corresponding axis.
      */
     get allowedRotation() {
-      return this._force ? new Vector2$1(1, 1) : this._allowedRotation;
+      return this._force ? new Vector2(1, 1) : this._allowedRotation;
     }
     set allowedRotation(axes) {
       this._allowedRotation.copy(axes);
@@ -51027,7 +51027,7 @@ void main() {
      * The forward direction of the camera.
      */
     get forward() {
-      return this.camPerspective.camera.getWorldDirection(new Vector3$1());
+      return this.camPerspective.camera.getWorldDirection(new Vector3());
     }
     /**
      * The camera speed factor.
@@ -51392,7 +51392,7 @@ void main() {
       }
     }
     applyMove() {
-      const move = new Vector3$1(
+      const move = new Vector3(
         (this.isRightPressed ? 1 : 0) - (this.isLeftPressed ? 1 : 0),
         (this.isEPressed ? 1 : 0) - (this.isQPressed ? 1 : 0),
         (this.isUpPressed ? 1 : 0) - (this.isDownPressed ? 1 : 0)
@@ -51607,7 +51607,7 @@ void main() {
       const size = this._viewport.getSize();
       const x = position.x / size.x * 2 - 1;
       const y = -(position.y / size.y) * 2 + 1;
-      target.setFromCamera(new Vector2$1(x, y), this._camera.three);
+      target.setFromCamera(new Vector2(x, y), this._camera.three);
       return target;
     }
     /**
@@ -51735,7 +51735,7 @@ void main() {
         if (event.touches.length === 1) {
           const pos = this.touchToVector(event.touches[0]);
           const size = this.viewport.getSize();
-          const delta = pos.clone().sub(this._touch).multiply(new Vector2$1(1 / size.x, 1 / size.y));
+          const delta = pos.clone().sub(this._touch).multiply(new Vector2(1 / size.x, 1 / size.y));
           this._touch = pos;
           this.onDrag(delta);
           return;
@@ -51748,7 +51748,7 @@ void main() {
           const size = this.viewport.getSize();
           const moveDelta = this._touch.clone().sub(p).multiply(
             // -1 to invert movement
-            new Vector2$1(-1 / size.x, -1 / size.y)
+            new Vector2(-1 / size.x, -1 / size.y)
           );
           const zoom2 = p1.distanceTo(p2);
           const prevZoom = this._touch1.distanceTo(this._touch2);
@@ -51790,7 +51790,7 @@ void main() {
       this.reg(canvas, "touchmove", this.onTouchMove);
     }
     toRotation(delta, speed) {
-      const rotation = new Vector2$1();
+      const rotation = new Vector2();
       rotation.x = delta.y;
       rotation.y = delta.x;
       rotation.multiplyScalar(-180 * speed);
@@ -51800,7 +51800,7 @@ void main() {
       return this._touch !== void 0 && this._touchStartTime !== void 0 && this._touch1 === void 0 && this._touch2 === void 0;
     }
     touchToVector(touch) {
-      return new Vector2$1(touch.pageX, touch.pageY);
+      return new Vector2(touch.pageX, touch.pageY);
     }
     average(p1, p2) {
       return p1.clone().lerp(p2, 0.5);
@@ -51853,7 +51853,7 @@ void main() {
         this.gizmoRect.visible = false;
       });
       __publicField(this, "onMouseMove", (event) => {
-        this._lastPosition = new Vector2$1(event.offsetX, event.offsetY);
+        this._lastPosition = new Vector2(event.offsetX, event.offsetY);
         if (!this._idlePosition || this._lastPosition.distanceTo(this._idlePosition) > 5) {
           this.resetIdle();
         }
@@ -51866,7 +51866,7 @@ void main() {
         if (this._buttonDown) return;
         this.inputs.ContextMenu(void 0);
         this._hasCameraMoved = false;
-        this._downPosition = new Vector2$1(event.offsetX, event.offsetY);
+        this._downPosition = new Vector2(event.offsetX, event.offsetY);
         this._hasMouseMoved = false;
         this.viewport.canvas.focus();
         this._buttonDown = this.getButton(event);
@@ -51895,12 +51895,12 @@ void main() {
           this.onRectEnd();
         } else if (event.button === 0 && !this._hasMouseMoved) {
           this.onMouseClick(
-            new Vector2$1(event.offsetX, event.offsetY),
+            new Vector2(event.offsetX, event.offsetY),
             false,
             this.getModifier(event)
           );
         } else if (event.button === 2 && !this._hasMouseMoved) {
-          this.inputs.ContextMenu(new Vector2$1(event.clientX, event.clientY));
+          this.inputs.ContextMenu(new Vector2(event.clientX, event.clientY));
         }
         this._buttonDown = void 0;
         this.inputs.pointerOverride = void 0;
@@ -51908,7 +51908,7 @@ void main() {
       __publicField(this, "onDoubleClick", (event) => {
         event.stopImmediatePropagation();
         this.onMouseClick(
-          new Vector2$1(event.offsetX, event.offsetY),
+          new Vector2(event.offsetX, event.offsetY),
           true,
           this.getModifier(event)
         );
@@ -51983,8 +51983,8 @@ void main() {
       const deltaX = event.movementX || event.mozMovementX || event.webkitMovementX || 0;
       const deltaY = event.movementY || event.mozMovementY || event.webkitMovementY || 0;
       const size = this.viewport.getSize();
-      const delta = new Vector2$1(deltaX / size.x, deltaY / size.y);
-      const position = new Vector2$1(event.offsetX, event.offsetY);
+      const delta = new Vector2(deltaX / size.x, deltaY / size.y);
+      const position = new Vector2(event.offsetX, event.offsetY);
       this._hasMouseMoved = this._hasMouseMoved || this._downPosition && ((_a2 = this._downPosition) == null ? void 0 : _a2.distanceTo(position)) > 4;
       switch (this._buttonDown) {
         case "main":
@@ -52044,8 +52044,8 @@ void main() {
     onRectEnd() {
       const box = this.gizmoRect.getBoundingBox();
       if (!box) return;
-      const center = box.getCenter(new Vector3$1());
-      const size = box.getSize(new Vector3$1());
+      const center = box.getCenter(new Vector3());
+      const size = box.getSize(new Vector3());
       size.multiplyScalar(0.5);
       box.setFromCenterAndSize(center, size);
       this._viewer.camera.lerp(1).frame(box);
@@ -52253,7 +52253,7 @@ void main() {
       }
     }
     onIdleAction(hit) {
-      if (!this._viewer.gizmos.section.interactive) {
+      if (!this._viewer.gizmos.sectionBox.interactive) {
         this._viewer.selection.focus(hit == null ? void 0 : hit.object);
       }
     }
@@ -52475,7 +52475,7 @@ void main() {
      * @param {THREE.Box3} [target] Optional parameter to specify a box to use for the result.
      * @returns {THREE.Box3 | undefined} The bounding box of the selection or `undefined` if no selection exists.
      */
-    getBoundingBox(target = new Box3$1()) {
+    getBoundingBox(target = new Box3()) {
       if (this._objects.size === 0) return;
       let initialized = false;
       for (const o of this._objects) {
@@ -52830,7 +52830,7 @@ void main() {
       this.element.style.position = "absolute";
       this.element.style.userSelect = "none";
       this.element.setAttribute("draggable", false);
-      this.center = new Vector2$1(0.5, 0.5);
+      this.center = new Vector2(0.5, 0.5);
       this.addEventListener("removed", function() {
         this.traverse(function(object) {
           if (object.element instanceof object.element.ownerDocument.defaultView.Element && object.element.parentNode !== null) {
@@ -52846,11 +52846,11 @@ void main() {
       return this;
     }
   }
-  const _vector = new Vector3$1();
+  const _vector = new Vector3();
   const _viewMatrix = new Matrix4();
   const _viewProjectionMatrix = new Matrix4();
-  const _a = new Vector3$1();
-  const _b = new Vector3$1();
+  const _a = new Vector3();
+  const _b = new Vector3();
   class CSS2DRenderer {
     constructor(parameters = {}) {
       const _this = this;
@@ -52983,8 +52983,8 @@ void main() {
      * Returns the bounding box encompasing all rendererd objects.
      * @param target box in which to copy result, a new instance is created if undefined.
      */
-    getBoundingBox(target = new Box3$1()) {
-      return this._boundingBox ? target.copy(this._boundingBox) : target.set(new Vector3$1(-1, -1, -1), new Vector3$1(1, 1, 1));
+    getBoundingBox(target = new Box3()) {
+      return this._boundingBox ? target.copy(this._boundingBox) : target.set(new Vector3(-1, -1, -1), new Vector3(1, 1, 1));
     }
     /**
      * Returns the bounding box of the average center of all meshes.
@@ -52992,9 +52992,9 @@ void main() {
      */
     getAverageBoundingBox() {
       if (this._vimScenes.length === 0) {
-        return new Box3$1();
+        return new Box3();
       }
-      const result = new Box3$1();
+      const result = new Box3();
       result.copy(this._vimScenes[0].getAverageBoundingBox());
       for (let i2 = 1; i2 < this._vimScenes.length; i2++) {
         result.union(this._vimScenes[i2].getAverageBoundingBox());
@@ -53196,7 +53196,7 @@ void main() {
      * @returns {THREE.Vector2} The pixel size of the parent element.
      */
     getParentSize() {
-      return new Vector2$1(
+      return new Vector2(
         this.getParentWidth(),
         this.getParentHeight()
       );
@@ -53214,7 +53214,7 @@ void main() {
      * @returns {THREE.Vector2} The pixel size of the canvas.
      */
     getSize() {
-      return new Vector2$1(this.canvas.clientWidth, this.canvas.clientHeight);
+      return new Vector2(this.canvas.clientWidth, this.canvas.clientHeight);
     }
     /**
      * Calculates and returns the aspect ratio of the parent element.
@@ -53276,64 +53276,64 @@ void main() {
     return [
       new Axis({
         axis: "x",
-        direction: new Vector3$1(1, 0, 0),
+        direction: new Vector3(1, 0, 0),
         size: settings2.bubbleSizePrimary,
         color: settings2.colorX,
         colorSub: settings2.colorXSub,
         line: settings2.lineWidth,
         label: "X",
-        position: new Vector3$1(0, 0, 0)
+        position: new Vector3(0, 0, 0)
       }),
       new Axis({
         axis: "y",
-        direction: new Vector3$1(0, 1, 0),
+        direction: new Vector3(0, 1, 0),
         size: settings2.bubbleSizePrimary,
         color: settings2.colorY,
         colorSub: settings2.colorYSub,
         line: settings2.lineWidth,
         label: "Y",
-        position: new Vector3$1(0, 0, 0)
+        position: new Vector3(0, 0, 0)
       }),
       new Axis({
         axis: "z",
-        direction: new Vector3$1(0, 0, 1),
+        direction: new Vector3(0, 0, 1),
         size: settings2.bubbleSizePrimary,
         color: settings2.colorZ,
         colorSub: settings2.colorZSub,
         line: settings2.lineWidth,
         label: "Z",
-        position: new Vector3$1(0, 0, 0)
+        position: new Vector3(0, 0, 0)
       }),
       new Axis({
         axis: "-x",
-        direction: new Vector3$1(-1, 0, 0),
+        direction: new Vector3(-1, 0, 0),
         size: settings2.bubbleSizeSecondary,
         color: settings2.colorX,
         colorSub: settings2.colorXSub,
         line: void 0,
         label: void 0,
-        position: new Vector3$1(0, 0, 0)
+        position: new Vector3(0, 0, 0)
       }),
       new Axis({
         axis: "-y",
-        direction: new Vector3$1(0, -1, 0),
+        direction: new Vector3(0, -1, 0),
         size: settings2.bubbleSizeSecondary,
         color: settings2.colorY,
         colorSub: settings2.colorYSub,
         line: void 0,
         label: void 0,
-        position: new Vector3$1(0, 0, 0)
+        position: new Vector3(0, 0, 0)
       }),
       new Axis({
         axis: "-z",
         // inverted Z
-        direction: new Vector3$1(0, 0, -1),
+        direction: new Vector3(0, 0, -1),
         size: settings2.bubbleSizeSecondary,
         color: settings2.colorZ,
         colorSub: settings2.colorZSub,
         line: void 0,
         label: void 0,
-        position: new Vector3$1(0, 0, 0)
+        position: new Vector3(0, 0, 0)
       })
     ];
   }
@@ -53354,9 +53354,9 @@ void main() {
       __publicField(this, "_pointerInside", false);
       __publicField(this, "_isDragging", false);
       __publicField(this, "_isDragSignificant", false);
-      __publicField(this, "_dragStart", new Vector2$1());
-      __publicField(this, "_dragLast", new Vector2$1());
-      __publicField(this, "_pointer", new Vector3$1());
+      __publicField(this, "_dragStart", new Vector2());
+      __publicField(this, "_dragLast", new Vector2());
+      __publicField(this, "_pointer", new Vector3());
       __publicField(this, "_center");
       __publicField(this, "_invRotMat", new Matrix4());
       __publicField(this, "_selectedAxis", null);
@@ -53454,7 +53454,7 @@ void main() {
       const margin = 24 * ratio;
       this._canvas.style.top = `${margin}px`;
       this._canvas.style.right = `${margin}px`;
-      this._center = new Vector3$1(size / 2, size / 2, 0);
+      this._center = new Vector3(size / 2, size / 2, 0);
       this._axes = createAxes(this._options);
     }
     createCanvas() {
@@ -53480,14 +53480,14 @@ void main() {
       }
     }
     updateDrag(x, y) {
-      if (new Vector2$1(x, y).sub(this._dragStart).length() > 3) {
+      if (new Vector2(x, y).sub(this._dragStart).length() > 3) {
         this._isDragSignificant = true;
       }
-      const drag = new Vector2$1(x, y).sub(this._dragLast);
+      const drag = new Vector2(x, y).sub(this._dragLast);
       this._dragLast.set(x, y);
       const rotX = drag.y / this._canvas.height;
       const rotY = drag.x / this._canvas.width;
-      this._camera.snap().orbit(new Vector2$1(rotX * -180, rotY * -180));
+      this._camera.snap().orbit(new Vector2(rotX * -180, rotY * -180));
     }
     endDrag() {
       this._isDragging = false;
@@ -53505,8 +53505,8 @@ void main() {
         const axis = this._axes[i2];
         const highlight = this._selectedAxis === axis;
         const color = axis.position.z >= -0.01 ? axis.color : axis.colorSub;
-        const center2 = new Vector2$1(this._center.x, this._center.y);
-        const pos2 = new Vector2$1(axis.position.x, axis.position.y);
+        const center2 = new Vector2(this._center.x, this._center.y);
+        const pos2 = new Vector2(axis.position.x, axis.position.y);
         if (axis.line) this.drawLine(center2, pos2, axis.line, color);
         const circleColor = new Color(color);
         circleColor.multiplyScalar(highlight ? 1.5 : 1);
@@ -53870,14 +53870,14 @@ void main() {
       const center = A.clone().add(B).multiplyScalar(0.5);
       const [dx, dy] = this.getBoxSize(A, B);
       this.updateRect(center, dx, dy);
-      const AB = this.getIntersection(plane, new Vector2$1(posA.x, posB.y));
-      const BA = this.getIntersection(plane, new Vector2$1(posB.x, posA.y));
+      const AB = this.getIntersection(plane, new Vector2(posA.x, posB.y));
+      const BA = this.getIntersection(plane, new Vector2(posB.x, posA.y));
       if (!AB || !BA) return;
       this.points = [A, B, AB, BA, center];
     }
     getIntersection(plane, position) {
       const raycaster = this.viewer.raycaster.fromPoint2(position);
-      return raycaster.ray.intersectPlane(plane, new Vector3$1()) ?? void 0;
+      return raycaster.ray.intersectPlane(plane, new Vector3()) ?? void 0;
     }
     updateRect(position, dx, dy) {
       this.line.quaternion.copy(this.viewer.camera.quaternion);
@@ -53888,8 +53888,8 @@ void main() {
     }
     getBoxSize(A, B) {
       const cam = this.viewer.camera;
-      const up = new Vector3$1(0, 1, 0).applyQuaternion(cam.quaternion);
-      const right = new Vector3$1(1, 0, 0).applyQuaternion(cam.quaternion);
+      const up = new Vector3(0, 1, 0).applyQuaternion(cam.quaternion);
+      const right = new Vector3(1, 0, 0).applyQuaternion(cam.quaternion);
       const Ax = A.dot(right);
       const Ay = A.dot(up);
       const Bx = B.dot(right);
@@ -53907,7 +53907,7 @@ void main() {
      * X-----X
      * @returns {THREE.Box3} The bounding box of the selection.
      */
-    getBoundingBox(target = new Box3$1()) {
+    getBoundingBox(target = new Box3()) {
       const position = this.getClosestHit();
       const projections = position ? this.projectPoints(position) : this.points;
       if (!projections) return;
@@ -53939,7 +53939,7 @@ void main() {
         this.viewer.camera.forward,
         position
       );
-      return (_a2 = this.points) == null ? void 0 : _a2.map((p) => plane.projectPoint(p, new Vector3$1()));
+      return (_a2 = this.points) == null ? void 0 : _a2.map((p) => plane.projectPoint(p, new Vector3()));
     }
   }
   class MeasureFlow {
@@ -54073,7 +54073,7 @@ void main() {
     this.widthCallback = wcb;
     this.positions = [];
     this.counters = [];
-    if (points.length && points[0] instanceof Vector3$1) {
+    if (points.length && points[0] instanceof Vector3) {
       for (let j = 0; j < points.length; j++) {
         const p = points[j];
         const c = j / points.length;
@@ -54097,7 +54097,7 @@ void main() {
     const inverseMatrix = new Matrix4();
     const ray = new Ray();
     const sphere = new Sphere();
-    const interRay = new Vector3$1();
+    const interRay = new Vector3();
     const geometry = this.geometry;
     if (!geometry.boundingSphere) geometry.computeBoundingSphere();
     sphere.copy(geometry.boundingSphere);
@@ -54107,9 +54107,9 @@ void main() {
     }
     inverseMatrix.copy(this.matrixWorld).invert();
     ray.copy(raycaster.ray).applyMatrix4(inverseMatrix);
-    const vStart = new Vector3$1();
-    const vEnd = new Vector3$1();
-    const interSegment = new Vector3$1();
+    const vStart = new Vector3();
+    const vEnd = new Vector3();
+    const interSegment = new Vector3();
     const step = this instanceof LineSegments ? 2 : 1;
     const index2 = geometry.index;
     const attributes = geometry.attributes;
@@ -54412,7 +54412,7 @@ void main() {
           useAlphaMap: { value: 0 },
           color: { value: new Color(16777215) },
           opacity: { value: 1 },
-          resolution: { value: new Vector2$1(1, 1) },
+          resolution: { value: new Vector2(1, 1) },
           sizeAttenuation: { value: 1 },
           dashArray: { value: 0 },
           dashOffset: { value: 0 },
@@ -54420,7 +54420,7 @@ void main() {
           useDash: { value: 0 },
           visibility: { value: 1 },
           alphaTest: { value: 0 },
-          repeat: { value: new Vector2$1(1, 1) }
+          repeat: { value: new Vector2(1, 1) }
         }),
         vertexShader: ShaderChunk.meshline_vert,
         fragmentShader: ShaderChunk.meshline_frag
@@ -54811,12 +54811,12 @@ void main() {
       const xz = this.screenDist(this._lineX.position, this._lineZ.position);
       const yz = this.screenDist(this._lineY.position, this._lineZ.position);
       let conflicts = 0;
-      if (lx !== void 0 && lx < 0.1) conflicts++;
-      if (ly !== void 0 && ly < 0.1) conflicts++;
-      if (lz !== void 0 && lz < 0.1) conflicts++;
-      if (xy !== void 0 && xy < 0.1) conflicts++;
-      if (xz !== void 0 && xz < 0.1) conflicts++;
-      if (yz !== void 0 && yz < 0.1) conflicts++;
+      if (lx !== void 0 && lx < 0.3) conflicts++;
+      if (ly !== void 0 && ly < 0.3) conflicts++;
+      if (lz !== void 0 && lz < 0.3) conflicts++;
+      if (xy !== void 0 && xy < 0.3) conflicts++;
+      if (xz !== void 0 && xz < 0.3) conflicts++;
+      if (yz !== void 0 && yz < 0.3) conflicts++;
       const collapse2 = conflicts > 1;
       this._label.visible = collapse2;
       this._line.label.visible = !collapse2;
@@ -54846,6 +54846,7 @@ void main() {
         this._line.mesh.visible = false;
         this._line.label.visible = false;
       }
+      this._label.visible = false;
       this._viewer.renderer.needsUpdate = true;
     }
     /**
@@ -54895,7 +54896,9 @@ void main() {
      * Disposes all resources.
      */
     dispose() {
+      console.log("dispose");
       if (this._animId !== void 0) cancelAnimationFrame(this._animId);
+      this._html.div.remove();
       this._viewer.renderer.remove(this._group);
       this._startMarker.dispose();
       this._endMarker.dispose();
@@ -55078,7 +55081,7 @@ void main() {
       /** The currently hovered/dragged handle, if any. */
       __publicField(this, "_handle");
       /** The origin point for dragging, updated on pointer down. */
-      __publicField(this, "_dragOrigin", new Vector3$1());
+      __publicField(this, "_dragOrigin", new Vector3());
       /** The plane used for drag intersection (perpendicular to the camera direction). */
       __publicField(this, "_dragPlane", new Plane());
       /** Whether a pointer is currently down on a handle. */
@@ -55086,7 +55089,7 @@ void main() {
       /** A reusable Raycaster for picking and plane intersection. */
       __publicField(this, "_raycaster", new Raycaster$1());
       /** The box state before the current drag. */
-      __publicField(this, "_lastBox", new Box3$1());
+      __publicField(this, "_lastBox", new Box3());
       /** A collection of unregister callbacks for event listeners. */
       __publicField(this, "_unregisters", []);
       /** The ID of the pointer that is captured, if any. */
@@ -55171,7 +55174,7 @@ void main() {
     onPointerLeave(event) {
       var _a2, _b2;
       if (!this.pointerCaptured) {
-        (_b2 = this.onFaceEnter) == null ? void 0 : _b2.call(this, ((_a2 = this._handle) == null ? void 0 : _a2.forward) ?? new Vector3$1());
+        (_b2 = this.onFaceEnter) == null ? void 0 : _b2.call(this, ((_a2 = this._handle) == null ? void 0 : _a2.forward) ?? new Vector3());
       }
     }
     /**
@@ -55206,13 +55209,13 @@ void main() {
         this.onDrag(event);
         return;
       }
-      const hits = this.raycast(new Vector2$1(event.offsetX, event.offsetY));
+      const hits = this.raycast(new Vector2(event.offsetX, event.offsetY));
       const handle = (_b2 = (_a2 = hits == null ? void 0 : hits[0]) == null ? void 0 : _a2.object) == null ? void 0 : _b2.userData.handle;
       if (handle !== this._handle) {
         (_c = this._handle) == null ? void 0 : _c.highlight(false);
         handle == null ? void 0 : handle.highlight(true);
         this._handle = handle;
-        (_d = this.onFaceEnter) == null ? void 0 : _d.call(this, (handle == null ? void 0 : handle.forward) ?? new Vector3$1());
+        (_d = this.onFaceEnter) == null ? void 0 : _d.call(this, (handle == null ? void 0 : handle.forward) ?? new Vector3());
       }
     }
     /**
@@ -55230,7 +55233,7 @@ void main() {
           this.onMouseMove(event);
         } else {
           this._handle = void 0;
-          (_a2 = this.onFaceEnter) == null ? void 0 : _a2.call(this, new Vector3$1());
+          (_a2 = this.onFaceEnter) == null ? void 0 : _a2.call(this, new Vector3());
         }
         (_b2 = this.onBoxConfirm) == null ? void 0 : _b2.call(this, this._sharedBox);
       }
@@ -55242,7 +55245,7 @@ void main() {
      */
     onMouseDown(event) {
       var _a2, _b2, _c, _d;
-      const hits = this.raycast(new Vector2$1(event.offsetX, event.offsetY));
+      const hits = this.raycast(new Vector2(event.offsetX, event.offsetY));
       const handle = (_c = (_b2 = (_a2 = hits == null ? void 0 : hits[0]) == null ? void 0 : _a2.object) == null ? void 0 : _b2.userData) == null ? void 0 : _c.handle;
       if (!handle) return;
       this._handle = handle;
@@ -55264,7 +55267,7 @@ void main() {
     onDrag(event) {
       var _a2;
       if (!this._handle) return;
-      const point = this.raycastPlane(new Vector2$1(event.offsetX, event.offsetY)) ?? this._dragOrigin.clone();
+      const point = this.raycastPlane(new Vector2(event.offsetX, event.offsetY)) ?? this._dragOrigin.clone();
       const delta = point.sub(this._dragOrigin);
       const amount = delta.dot(this._handle.forward);
       const box = this.stretch(this._handle.axis, this._handle.sign, amount);
@@ -55318,7 +55321,7 @@ void main() {
     raycastPlane(position) {
       return this.getRaycaster(position).ray.intersectPlane(
         this._dragPlane,
-        new Vector3$1()
+        new Vector3()
       );
     }
   }
@@ -55466,15 +55469,24 @@ void main() {
       __publicField(this, "_color");
       __publicField(this, "_highlightColor");
       __publicField(this, "_materials");
+      __publicField(this, "_camSub");
       this._materials = [matAlways, matBehind];
-      this._forward = new Vector3$1();
+      this._forward = new Vector3();
       this.forward[axes] = sign2;
       this.axis = axes;
       this.sign = sign2;
       this._color = color ?? new Color(0);
       this._highlightColor = this._color.clone().lerp(new Color(13421772), 0.8);
       this.userData.handle = this;
-      this.quaternion.setFromUnitVectors(new Vector3$1(0, -1, 0), this._forward);
+      this.quaternion.setFromUnitVectors(new Vector3(0, -1, 0), this._forward);
+    }
+    trackCamera(camera2) {
+      const rescale = () => {
+        const size = camera2.frustrumSizeAt(this.position);
+        this.scale.set(size.x * 3e-3, size.x * 3e-3, size.x * 3e-3);
+      };
+      this._camSub = camera2.onMoved.subscribe(() => rescale());
+      rescale();
     }
     setPosition(position) {
       this.position.copy(position);
@@ -55487,8 +55499,10 @@ void main() {
       this.material[1].color.set(value ? this._highlightColor : this._color);
     }
     dispose() {
+      var _a2;
       this.geometry.dispose();
       this._materials.forEach((m) => m.dispose());
+      (_a2 = this._camSub) == null ? void 0 : _a2.call(this);
     }
   }
   function createDoubleCone(size) {
@@ -55504,7 +55518,7 @@ void main() {
     return mergedGeo;
   }
   class SectionBoxHandles {
-    constructor() {
+    constructor(camera2) {
       __publicField(this, "up");
       __publicField(this, "down");
       __publicField(this, "left");
@@ -55519,6 +55533,12 @@ void main() {
       this.right = new SectionBoxHandle("x", 1, size, new Color(16711680));
       this.front = new SectionBoxHandle("z", 1, size, new Color(255));
       this.back = new SectionBoxHandle("z", -1, size, new Color(255));
+      this.up.trackCamera(camera2);
+      this.down.trackCamera(camera2);
+      this.left.trackCamera(camera2);
+      this.right.trackCamera(camera2);
+      this.front.trackCamera(camera2);
+      this.back.trackCamera(camera2);
       this.meshes = new Group();
       this.meshes.add(this.up);
       this.meshes.add(this.down);
@@ -55534,13 +55554,13 @@ void main() {
       this.meshes.visible = value;
     }
     fitBox(box) {
-      const center = box.getCenter(new Vector3$1());
-      this.up.setPosition(new Vector3$1(center.x, box.max.y, center.z));
-      this.down.setPosition(new Vector3$1(center.x, box.min.y, center.z));
-      this.left.setPosition(new Vector3$1(box.min.x, center.y, center.z));
-      this.right.setPosition(new Vector3$1(box.max.x, center.y, center.z));
-      this.front.setPosition(new Vector3$1(center.x, center.y, box.max.z));
-      this.back.setPosition(new Vector3$1(center.x, center.y, box.min.z));
+      const center = box.getCenter(new Vector3());
+      this.up.setPosition(new Vector3(center.x, box.max.y, center.z));
+      this.down.setPosition(new Vector3(center.x, box.min.y, center.z));
+      this.left.setPosition(new Vector3(box.min.x, center.y, center.z));
+      this.right.setPosition(new Vector3(box.max.x, center.y, center.z));
+      this.front.setPosition(new Vector3(center.x, center.y, box.max.z));
+      this.back.setPosition(new Vector3(center.x, center.y, box.min.z));
     }
     dispose() {
       this.up.dispose();
@@ -55552,7 +55572,7 @@ void main() {
     }
   }
   class SectionBoxGizmo {
-    constructor(renderer) {
+    constructor(renderer, camera2) {
       __publicField(this, "_renderer");
       __publicField(this, "cube");
       __publicField(this, "outline");
@@ -55561,7 +55581,7 @@ void main() {
       this._renderer = renderer;
       this.cube = new SectionBoxMesh();
       this.outline = new SectionBoxOutline(new Color(8882833));
-      this.handles = new SectionBoxHandles();
+      this.handles = new SectionBoxHandles(camera2);
       this._renderer.add(this.outline);
       this._renderer.add(this.handles.meshes);
       this.visible = false;
@@ -55612,7 +55632,7 @@ void main() {
       __publicField(this, "_onBoxConfirm", new distExports.SimpleEventDispatcher());
       __publicField(this, "_onHover", new distExports.SimpleEventDispatcher());
       this._viewer = viewer;
-      this._gizmos = new SectionBoxGizmo(viewer.renderer);
+      this._gizmos = new SectionBoxGizmo(viewer.renderer, viewer.camera);
       this._inputs = new BoxInputs(
         viewer,
         this._gizmos.handles,
@@ -55627,6 +55647,9 @@ void main() {
         this.update();
       };
       this._inputs.onBoxConfirm = (box) => this._onBoxConfirm.dispatch(box);
+      viewer.renderer.onBoxUpdated.subscribe(() => {
+        this.fitBox(viewer.renderer.getBoundingBox());
+      });
       this.clip = false;
       this.visible = false;
       this.interactive = false;
@@ -55727,6 +55750,7 @@ void main() {
     set visible(value) {
       if (value === this._visible) return;
       this._gizmos.visible = value;
+      this._visible = value;
       if (value) {
         this.update();
       }
@@ -55743,11 +55767,10 @@ void main() {
      * @param box - The bounding box to match (required).
      * @param padding - The scalar amount by which to expand the bounding box. Default is `1`.
      */
-    fitBox(box, padding = 1) {
+    fitBox(box) {
       if (!box) return;
-      const b = box.expandByScalar(padding);
-      this._gizmos.fitBox(b);
-      this.renderer.section.fitBox(b);
+      this._gizmos.fitBox(box);
+      this.renderer.section.fitBox(box);
       this._onBoxConfirm.dispatch(this.box);
       this.renderer.needsUpdate = true;
     }
@@ -55757,7 +55780,7 @@ void main() {
      * Call this if the renderer's section box is changed by code outside this class.
      */
     update() {
-      this.fitBox(this.section.box, 0);
+      this.fitBox(this.section.box);
       this.renderer.needsUpdate = true;
     }
     /**
@@ -55779,7 +55802,7 @@ void main() {
       /**
        * The section box gizmo.
        */
-      __publicField(this, "section");
+      __publicField(this, "sectionBox");
       /**
        * The loading indicator gizmo.
        */
@@ -55803,7 +55826,7 @@ void main() {
       var _a2;
       this.viewer = viewer;
       this._measure = new Measure(viewer);
-      this.section = new SectionBox$1(viewer);
+      this.sectionBox = new SectionBox$1(viewer);
       this.loading = new GizmoLoading(viewer);
       this.orbit = new GizmoOrbit(
         viewer.renderer,
@@ -55832,7 +55855,7 @@ void main() {
       var _a2;
       (_a2 = this.viewer.viewport.canvas.parentElement) == null ? void 0 : _a2.removeChild(this.axes.canvas);
       this._measure.clear();
-      this.section.dispose();
+      this.sectionBox.dispose();
       this.loading.dispose();
       this.orbit.dispose();
       this.rectangle.dispose();
@@ -55847,16 +55870,16 @@ void main() {
       /**
        * Current section box. To update the box use fitbox.
        */
-      __publicField(this, "box", new Box3$1(
-        new Vector3$1(-100, -100, -100),
-        new Vector3$1(100, 100, 100)
+      __publicField(this, "box", new Box3(
+        new Vector3(-100, -100, -100),
+        new Vector3(100, 100, 100)
       ));
-      __publicField(this, "maxX", new Plane(new Vector3$1(-1, 0, 0)));
-      __publicField(this, "minX", new Plane(new Vector3$1(1, 0, 0)));
-      __publicField(this, "maxY", new Plane(new Vector3$1(0, -1, 0)));
-      __publicField(this, "minY", new Plane(new Vector3$1(0, 1, 0)));
-      __publicField(this, "maxZ", new Plane(new Vector3$1(0, 0, -1)));
-      __publicField(this, "minZ", new Plane(new Vector3$1(0, 0, 1)));
+      __publicField(this, "maxX", new Plane(new Vector3(-1, 0, 0)));
+      __publicField(this, "minX", new Plane(new Vector3(1, 0, 0)));
+      __publicField(this, "maxY", new Plane(new Vector3(0, -1, 0)));
+      __publicField(this, "minY", new Plane(new Vector3(0, 1, 0)));
+      __publicField(this, "maxZ", new Plane(new Vector3(0, 0, -1)));
+      __publicField(this, "minZ", new Plane(new Vector3(0, 0, 1)));
       __publicField(this, "planes", [
         this.maxX,
         this.minX,
@@ -56073,7 +56096,7 @@ void main() {
       this.renderer = renderer;
       this._pixelRatio = renderer.getPixelRatio();
       if (renderTarget === void 0) {
-        const size = renderer.getSize(new Vector2$1());
+        const size = renderer.getSize(new Vector2());
         this._width = size.width;
         this._height = size.height;
         renderTarget = new WebGLRenderTarget(this._width * this._pixelRatio, this._height * this._pixelRatio, { type: HalfFloatType });
@@ -56153,7 +56176,7 @@ void main() {
     }
     reset(renderTarget) {
       if (renderTarget === void 0) {
-        const size = this.renderer.getSize(new Vector2$1());
+        const size = this.renderer.getSize(new Vector2());
         this._pixelRatio = this.renderer.getPixelRatio();
         this._width = size.width;
         this._height = size.height;
@@ -56241,7 +56264,7 @@ void main() {
     name: "FXAAShader",
     uniforms: {
       "tDiffuse": { value: null },
-      "resolution": { value: new Vector2$1(1 / 1024, 1 / 512) }
+      "resolution": { value: new Vector2(1 / 1024, 1 / 512) }
     },
     vertexShader: (
       /* glsl */
@@ -56528,7 +56551,7 @@ void main() {
       this.needsSwap = true;
     }
     setSize(width, height) {
-      this.material.resolution = new Vector2$1(width, height);
+      this.material.resolution = new Vector2(width, height);
     }
     get camera() {
       return this.material.camera;
@@ -56768,7 +56791,7 @@ void main() {
      * @param height - New height in pixels
      */
     setSize(width, height) {
-      this._size = new Vector2$1(width, height);
+      this._size = new Vector2(width, height);
       this._sceneTarget.setSize(width, height);
       this._renderPass.setSize(width, height);
       this._composer.setSize(width, height);
@@ -56961,7 +56984,7 @@ void main() {
      * @param target - Box in which to copy the result. A new instance is created if undefined.
      * @returns The bounding box encompassing all rendered objects.
      */
-    getBoundingBox(target = new Box3$1()) {
+    getBoundingBox(target = new Box3()) {
       return this._scene.getBoundingBox(target);
     }
     /**
@@ -57324,7 +57347,7 @@ void main() {
       const x = Number.parseFloat(split2[0]);
       const y = Number.parseFloat(split2[1]);
       const z = Number.parseFloat(split2[2]);
-      return new Vector3$1(x, y, z);
+      return new Vector3(x, y, z);
     } catch {
     }
   }
@@ -57336,7 +57359,7 @@ void main() {
     try {
       const x = Number.parseFloat(split2[0]);
       const y = Number.parseFloat(split2[1]);
-      return new Vector2$1(x, y);
+      return new Vector2(x, y);
     } catch {
     }
   }
@@ -57369,8 +57392,8 @@ void main() {
     return result;
   }
   function createBoxes(boxes) {
-    const center = new Vector3$1();
-    const size = new Vector3$1();
+    const center = new Vector3();
+    const size = new Vector3();
     const quaternion = new Quaternion();
     const matrices = boxes.map((b) => {
       b.getCenter(center);
@@ -57446,131 +57469,8 @@ void main() {
       });
     }
   }
-  class Vector3 {
-    constructor(x = 0, y = 0, z = 0) {
-      __publicField(this, "x");
-      __publicField(this, "y");
-      __publicField(this, "z");
-      this.x = x;
-      this.y = y;
-      this.z = z;
-    }
-    set(x, y, z) {
-      this.x = x;
-      this.y = y;
-      this.z = z;
-      return this;
-    }
-    copy(v) {
-      this.x = v.x;
-      this.y = v.y;
-      this.z = v.z;
-      return this;
-    }
-    add(v) {
-      this.x += v.x;
-      this.y += v.y;
-      this.z += v.z;
-      return this;
-    }
-    sub(v) {
-      this.x -= v.x;
-      this.y -= v.y;
-      this.z -= v.z;
-      return this;
-    }
-    multiplyScalar(scalar) {
-      this.x *= scalar;
-      this.y *= scalar;
-      this.z *= scalar;
-      return this;
-    }
-    min(v) {
-      this.x = Math.min(this.x, v.x);
-      this.y = Math.min(this.y, v.y);
-      this.z = Math.min(this.z, v.z);
-      return this;
-    }
-    max(v) {
-      this.x = Math.max(this.x, v.x);
-      this.y = Math.max(this.y, v.y);
-      this.z = Math.max(this.z, v.z);
-      return this;
-    }
-    isValid() {
-      return Number.isFinite(this.x) && Number.isFinite(this.y) && Number.isFinite(this.z);
-    }
-    equals(v) {
-      return this.x === v.x && this.y === v.y && this.z === v.z;
-    }
-    toArray() {
-      return [this.x, this.y, this.z];
-    }
-  }
-  class Vector2 {
-    constructor(x = 0, y = 0) {
-      __publicField(this, "x");
-      __publicField(this, "y");
-      this.x = x;
-      this.y = y;
-    }
-    set(x, y) {
-      this.x = x;
-      this.y = y;
-      return this;
-    }
-    copy(v) {
-      this.x = v.x;
-      this.y = v.y;
-      return this;
-    }
-    add(v) {
-      this.x += v.x;
-      this.y += v.y;
-      return this;
-    }
-    sub(v) {
-      this.x -= v.x;
-      this.y -= v.y;
-      return this;
-    }
-    multiplyScalar(scalar) {
-      this.x *= scalar;
-      this.y *= scalar;
-      return this;
-    }
-    min(v) {
-      this.x = Math.min(this.x, v.x);
-      this.y = Math.min(this.y, v.y);
-      return this;
-    }
-    max(v) {
-      this.x = Math.max(this.x, v.x);
-      this.y = Math.max(this.y, v.y);
-      return this;
-    }
-    equals(v) {
-      return this.x === v.x && this.y === v.y;
-    }
-    isValid() {
-      return Number.isFinite(this.x) && Number.isFinite(this.y);
-    }
-    almostEquals(v, tolerance = Number.EPSILON) {
-      return Math.abs(this.x - v.x) < tolerance && Math.abs(this.y - v.y) < tolerance;
-    }
-    toArray() {
-      return [this.x, this.y];
-    }
-    distanceTo(v) {
-      const dx = this.x - v.x;
-      const dy = this.y - v.y;
-      return Math.sqrt(dx * dx + dy * dy);
-    }
-    clamp01() {
-      this.x = clamp$1(this.x, 0, 1);
-      this.y = clamp$1(this.y, 0, 1);
-      return this;
-    }
+  function almostEqual(v1, v2, epsilon = 1e-6) {
+    return Math.abs(v1.x - v2.x) < epsilon && Math.abs(v1.y - v2.y) < epsilon;
   }
   class Segment {
     constructor(origin = new Vector3(), target = new Vector3()) {
@@ -57595,62 +57495,6 @@ void main() {
       return this.origin.equals(segment.origin) && this.target.equals(segment.target);
     }
   }
-  class Box3 {
-    constructor(min2 = new Vector3(Infinity, Infinity, Infinity), max2 = new Vector3(-Infinity, -Infinity, -Infinity)) {
-      __publicField(this, "min");
-      __publicField(this, "max");
-      this.min = min2;
-      this.max = max2;
-    }
-    static fromArray(array) {
-      return new Box3().set(
-        new Vector3(array[0], array[1], array[2]),
-        new Vector3(array[3], array[4], array[5])
-      );
-    }
-    isValid() {
-      return this.min.x <= this.max.x && this.min.y <= this.max.y && this.min.z <= this.max.z;
-    }
-    set(min2, max2) {
-      this.min.copy(min2);
-      this.max.copy(max2);
-      return this;
-    }
-    setFromPoints(points) {
-      this.min.set(Infinity, Infinity, Infinity);
-      this.max.set(-Infinity, -Infinity, -Infinity);
-      points.forEach((point) => {
-        this.min.min(point);
-        this.max.max(point);
-      });
-      return this;
-    }
-    getCenter(target = new Vector3()) {
-      return target.copy(this.min).add(this.max).multiplyScalar(0.5);
-    }
-    getSize(target = new Vector3()) {
-      return target.copy(this.max).sub(this.min);
-    }
-    containsPoint(point) {
-      return point.x >= this.min.x && point.x <= this.max.x && point.y >= this.min.y && point.y <= this.max.y && point.z >= this.min.z && point.z <= this.max.z;
-    }
-    intersectsBox(box) {
-      return !(box.max.x < this.min.x || box.min.x > this.max.x || box.max.y < this.min.y || box.min.y > this.max.y || box.max.z < this.min.z || box.min.z > this.max.z);
-    }
-    expandByPoint(point) {
-      this.min.min(point);
-      this.max.max(point);
-      return this;
-    }
-    union(box) {
-      this.min.min(box.min);
-      this.max.max(box.max);
-      return this;
-    }
-    toArray() {
-      return [this.min.x, this.min.y, this.min.z, this.max.x, this.max.y, this.max.z];
-    }
-  }
   class RGBA {
     constructor(r, g, b, a = 1) {
       __publicField(this, "r");
@@ -57835,7 +57679,7 @@ void main() {
     async handleMouseClick(event) {
       if (event.pointerType !== "mouse") return;
       const pos = this.relativePosition(event);
-      if (!this._lastMouseDownPosition.almostEquals(pos, 0.01)) {
+      if (!almostEqual(this._lastMouseDownPosition, pos, 0.01)) {
         return;
       }
       const hit = await this._selection.hitTest(pos);
@@ -58171,7 +58015,6 @@ void main() {
     }
     // -------------------- SectionBox -------------------
     writeSectionBoxState(data2) {
-      this.writeBoolean(data2.enabled);
       this.writeBoolean(data2.visible);
       this.writeBoolean(data2.interactible);
       this.writeBoolean(data2.clip);
@@ -58327,13 +58170,11 @@ void main() {
       return new Segment(position, target);
     }
     readSectionBoxState() {
-      const enabled = this.readBoolean();
       const visible2 = this.readBoolean();
       const interactible = this.readBoolean();
       const clip = this.readBoolean();
       const box = this.readBox3();
       return {
-        enabled,
         visible: visible2,
         interactible,
         clip,
@@ -58452,6 +58293,12 @@ void main() {
       marshal.writeUInt(componentHandle);
       this._socket.sendRPC(marshal);
     }
+    RPCEnableSectionBox(value) {
+      const marshal = new Marshal();
+      marshal.writeString("RPCEnableSectionBox");
+      marshal.writeBoolean(value);
+      this._socket.sendRPC(marshal);
+    }
     async RPCFrameAll(blendTime) {
       const marshal = new Marshal();
       marshal.writeString("RPCFrameAll");
@@ -58885,17 +58732,14 @@ void main() {
     // VECTOR AND GEOMETRY VALIDATIONS
     //= ===========================================================================
     static isValidVector2(value) {
-      if (!value.isValid()) {
+      if (!Number.isFinite(value.x) || !Number.isFinite(value.y)) {
         console.warn("Invalid value: must be a valid Vector2. Aborting operation.");
         return false;
       }
       return true;
     }
     static isRelativeVector2(value) {
-      if (!value.isValid()) {
-        console.warn("Invalid value: must be a valid Vector2. Aborting operation.");
-        return false;
-      }
+      if (!this.isValidVector2(value)) return false;
       if (value.x < 0 || value.x > 1 || value.y < 0 || value.y > 1) {
         console.warn("Invalid value: must be a relative Vector2 (0-1, 0-1). Aborting operation.");
         return false;
@@ -58903,14 +58747,14 @@ void main() {
       return true;
     }
     static isValidVector3(value) {
-      if (!value.isValid()) {
+      if (!Number.isFinite(value.x) || !Number.isFinite(value.y) || !Number.isFinite(value.z)) {
         console.warn("Invalid Vector3. Aborting operation.");
         return false;
       }
       return true;
     }
     static isValidBox(box) {
-      if (!box.isValid()) {
+      if (box.isEmpty()) {
         console.warn("Box is invalid. Min values must be less than max values");
         return false;
       }
@@ -59298,6 +59142,9 @@ void main() {
      * SECTION BOX METHODS
      * Methods for controlling section box visibility and position.
      ******************************************************************************/
+    RPCEnableSectionBox(enable) {
+      this.rpc.RPCEnableSectionBox(enable);
+    }
     RPCSetSectionBox(state) {
       this.rpc.RPCSetSectionBox(state);
     }
@@ -61448,10 +61295,14 @@ Averrage Date/Second ${avgDataRatePS} kb
       __publicField(this, "_rpc");
       __publicField(this, "_vims");
       __publicField(this, "_selectedNodes");
+      __publicField(this, "_onValueChanged", new distExports$1.SignalDispatcher());
       this._rpc = rpc;
       this._vims = vims;
       this._selectedNodes = /* @__PURE__ */ new Map();
     }
+    get onValueChanged() {
+      return this._onValueChanged.asEvent();
+    }
     /**
      * Gets the total number of selected nodes across all VIMs.
      * @returns The total count of selected nodes.
@@ -61520,12 +61371,17 @@ Averrage Date/Second ${avgDataRatePS} kb
         nodeSet = /* @__PURE__ */ new Set();
         this._selectedNodes.set(vim, nodeSet);
       }
+      let changed = false;
       nodes.forEach((n) => {
         if (!nodeSet.has(n)) {
           nodeSet.add(n);
           vim.highlight([n]);
+          changed = true;
         }
       });
+      if (changed) {
+        this._onValueChanged.dispatch();
+      }
     }
     /**
      * Removes the specified node(s) from the current selection.
@@ -61537,27 +61393,37 @@ Averrage Date/Second ${avgDataRatePS} kb
       const nodeSet = this._selectedNodes.get(vim);
       if (!nodeSet) return;
       const nodes = Array.isArray(node) ? node : [node];
+      let changed = false;
       nodes.forEach((n) => {
         if (nodeSet.has(n)) {
           nodeSet.delete(n);
           vim.removeHighlight([n], "visible");
+          changed = true;
         }
       });
       if (nodeSet.size === 0) {
         this._selectedNodes.delete(vim);
       }
+      if (changed) {
+        this._onValueChanged.dispatch();
+      }
     }
     /**
      * Clears all selections across all VIMs or for a specific VIM.
      * @param vim - Optional. If provided, only clears selections for the specified VIM.
      */
     clear(vim) {
+      let changed = false;
       this._selectedNodes.forEach((nodes, v) => {
         if (vim === void 0 || v === vim) {
           v.removeHighlight(Array.from(nodes), "visible");
+          changed = true;
         }
       });
       this._selectedNodes.clear();
+      if (changed) {
+        this._onValueChanged.dispatch();
+      }
     }
     /**
      * Calculates the bounding box encompassing all selected nodes.
@@ -61586,8 +61452,12 @@ Averrage Date/Second ${avgDataRatePS} kb
   class VimCollection {
     constructor() {
       __publicField(this, "_vims");
+      __publicField(this, "_onChanged", new distExports$1.SignalDispatcher());
       this._vims = [];
     }
+    get onChanged() {
+      return this._onChanged.asEvent();
+    }
     get count() {
       return this._vims.length;
     }
@@ -61598,6 +61468,7 @@ Averrage Date/Second ${avgDataRatePS} kb
     add(vim) {
       if (!this._vims.some((v) => v.handle === vim.handle)) {
         this._vims.push(vim);
+        this._onChanged.dispatch();
       }
     }
     /**
@@ -61605,7 +61476,11 @@ Averrage Date/Second ${avgDataRatePS} kb
      * @param vim - The Vim instance to remove.
      */
     remove(vim) {
+      const count = this._vims.length;
       this._vims = this._vims.filter((v) => v.handle !== vim.handle);
+      if (this._vims.length !== count) {
+        this._onChanged.dispatch();
+      }
     }
     /**
      * Gets a Vim instance by its handle.
@@ -61868,7 +61743,6 @@ Averrage Date/Second ${avgDataRatePS} kb
   }
   class SectionBox {
     constructor(rpc) {
-      __publicField(this, "_enabled", false);
       __publicField(this, "_visible", true);
       __publicField(this, "_interactible", true);
       __publicField(this, "_clip", true);
@@ -61887,6 +61761,7 @@ Averrage Date/Second ${avgDataRatePS} kb
       return this._animationFrame > 0;
     }
     async onConnect() {
+      this._rpc.RPCEnableSectionBox(true);
       this.push();
       this._interval = setInterval(() => this.pull(), 1e3);
     }
@@ -61901,10 +61776,9 @@ Averrage Date/Second ${avgDataRatePS} kb
       if (this.needUpdate) return;
       const state = await this._rpc.RPCGetSectionBox();
       let changed = false;
-      if (state.enabled !== this._enabled || state.visible !== this._visible || state.interactible !== this._interactible || state.clip !== this._clip || state.box !== this._box) {
+      if (state.visible !== this._visible || state.interactible !== this._interactible || state.clip !== this._clip || state.box !== this._box) {
         changed = true;
       }
-      this._enabled = state.enabled;
       this._visible = state.visible;
       this._interactible = state.interactible;
       this._clip = state.clip;
@@ -61915,20 +61789,12 @@ Averrage Date/Second ${avgDataRatePS} kb
     }
     async push() {
       await this._rpc.RPCSetSectionBox({
-        enabled: this._enabled,
         visible: this._visible,
         interactible: this._interactible,
         clip: this._clip,
         box: this._box
       });
     }
-    get enabled() {
-      return this._enabled;
-    }
-    set enabled(value) {
-      this._enabled = value;
-      this.scheduleUpdate();
-    }
     get visible() {
       return this._visible;
     }
@@ -61936,10 +61802,10 @@ Averrage Date/Second ${avgDataRatePS} kb
       this._visible = value;
       this.scheduleUpdate();
     }
-    get interactible() {
+    get interactive() {
       return this._interactible;
     }
-    set interactible(value) {
+    set interactive(value) {
       this._interactible = value;
       this.scheduleUpdate();
     }
@@ -62049,6 +61915,9 @@ Averrage Date/Second ${avgDataRatePS} kb
     get decoder() {
       return this._decoder;
     }
+    get selection() {
+      return this._selection;
+    }
     /**
      * Gets the current URL to which the viewer is connected.
      * @returns The URL as a string, or undefined if not connected.
@@ -62216,6 +62085,7 @@ Averrage Date/Second ${avgDataRatePS} kb
     Vector3,
     Viewer,
     Vim,
+    almostEqual,
     clamp: clamp$1,
     remap,
     utils: promise
@@ -66678,6 +66548,31 @@ Averrage Date/Second ${avgDataRatePS} kb
     wrapper: "div",
     clickable: false
   }), _defineProperty(_class2, "supportedWrappers", ["div", "span"]), _defineProperty(_class2, "displayName", "ReactTooltip"), _class2)) || _class) || _class) || _class) || _class) || _class) || _class) || _class;
+  function slidersHoriz({ height, width, fill: fill2, className }) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { className, height, width, viewBox: "0 0 256 256", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          fill: fill2,
+          d: "M24,74h111.163c6.293,15.258,21.308,26,38.837,26s32.543-10.742,38.837-26h19.163c8.836,0,16-7.164,16-16s-7.164-16-16-16h-19.163c-6.293-15.258-21.308-26-38.837-26s-32.543,10.742-38.837,26H24c-8.836,0-16,7.164-16,16s7.164,16,16,16Zm132.083-17.637c.014-.151,.031-.301,.048-.451,.05-.435,.116-.864,.197-1.289,.021-.11,.037-.222,.06-.331,.106-.503,.236-.998,.383-1.484,.046-.153,.1-.303,.15-.455,.116-.35,.242-.694,.379-1.033,.067-.167,.132-.336,.204-.5,.189-.433,.393-.859,.615-1.273,.092-.173,.196-.339,.294-.508,.15-.26,.305-.517,.467-.768,.133-.205,.268-.409,.409-.608,.147-.208,.302-.41,.458-.611,.28-.362,.572-.713,.878-1.053,.13-.146,.259-.293,.395-.435,.212-.221,.432-.435,.656-.645,.116-.109,.234-.215,.354-.321,.787-.703,1.634-1.338,2.535-1.896,.1-.062,.199-.123,.3-.182,.304-.181,.612-.356,.928-.519,2.464-1.27,5.25-2,8.208-2s5.744,.73,8.208,2c.315,.163,.624,.338,.928,.519,.101,.06,.201,.121,.3,.182,.901,.558,1.749,1.193,2.535,1.896,.119,.106,.238,.212,.354,.321,.224,.21,.443,.424,.656,.645,.135,.142,.264,.289,.395,.435,.306,.34,.599,.691,.878,1.053,.155,.202,.311,.403,.458,.611,.141,.199,.276,.403,.409,.608,.163,.251,.317,.508,.467,.768,.098,.169,.202,.335,.294,.508,.222,.415,.425,.84,.615,1.273,.072,.165,.137,.333,.204,.5,.137,.339,.263,.684,.379,1.033,.05,.151,.104,.301,.15,.455,.147,.487,.277,.981,.383,1.484,.023,.109,.039,.221,.06,.331,.081,.425,.147,.854,.197,1.289,.018,.15,.035,.3,.048,.451,.049,.54,.083,1.084,.083,1.637s-.034,1.097-.083,1.637c-.014,.151-.031,.301-.048,.451-.05,.435-.116,.864-.197,1.289-.021,.11-.037,.222-.06,.331-.106,.503-.236,.998-.383,1.484-.046,.153-.1,.303-.15,.455-.116,.35-.242,.694-.379,1.033-.067,.167-.132,.336-.204,.5-.189,.433-.393,.859-.615,1.273-.092,.173-.196,.339-.294,.508-.15,.26-.305,.517-.467,.768-.133,.205-.268,.409-.409,.608-.147,.208-.302,.41-.458,.611-.28,.362-.572,.713-.878,1.053-.13,.146-.259,.293-.395,.435-.212,.221-.432,.435-.656,.645-.116,.109-.234,.215-.354,.321-.787,.703-1.634,1.338-2.535,1.896-.1,.062-.199,.123-.3,.182-.304,.181-.612,.356-.928,.519-2.464,1.27-5.25,2-8.208,2s-5.744-.73-8.208-2c-.315-.163-.624-.338-.928-.519-.101-.06-.201-.121-.3-.182-.901-.558-1.749-1.193-2.535-1.896-.119-.106-.238-.212-.354-.321-.224-.21-.443-.424-.656-.645-.135-.142-.264-.289-.395-.435-.306-.34-.599-.691-.878-1.053-.155-.202-.311-.403-.458-.611-.141-.199-.276-.403-.409-.608-.163-.251-.317-.508-.467-.768-.098-.169-.202-.335-.294-.508-.222-.415-.425-.84-.615-1.273-.072-.165-.137-.333-.204-.5-.137-.339-.263-.684-.379-1.033-.05-.151-.104-.301-.15-.455-.147-.487-.277-.981-.383-1.484-.023-.109-.039-.221-.06-.331-.081-.425-.147-.854-.197-1.289-.018-.15-.035-.3-.048-.451-.049-.54-.083-1.084-.083-1.637s.034-1.097,.083-1.637Z"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          fill: fill2,
+          d: "M232,112H120.837c-6.293-15.258-21.308-26-38.837-26s-32.543,10.742-38.837,26H24c-8.836,0-16,7.164-16,16s7.164,16,16,16h19.163c6.293,15.258,21.308,26,38.837,26s32.543-10.742,38.837-26h111.163c8.836,0,16-7.164,16-16s-7.164-16-16-16Zm-132.083,17.637c-.014,.151-.031,.301-.048,.451-.05,.435-.116,.864-.197,1.289-.021,.11-.037,.222-.06,.331-.106,.503-.236,.998-.383,1.484-.046,.153-.1,.303-.15,.455-.116,.35-.242,.694-.379,1.033-.067,.167-.132,.336-.204,.5-.189,.433-.393,.859-.615,1.273-.092,.173-.196,.339-.294,.508-.15,.26-.305,.517-.467,.768-.133,.205-.268,.409-.409,.608-.147,.208-.302,.41-.458,.611-.28,.362-.572,.713-.878,1.053-.13,.146-.259,.293-.395,.435-.212,.221-.432,.435-.656,.645-.116,.109-.234,.215-.354,.321-.787,.703-1.634,1.338-2.535,1.896-.1,.062-.199,.123-.3,.182-.304,.181-.612,.356-.928,.519-2.464,1.27-5.25,2-8.208,2s-5.744-.73-8.208-2c-.315-.163-.624-.338-.928-.519-.101-.06-.201-.121-.3-.182-.901-.558-1.749-1.193-2.535-1.896-.119-.106-.238-.212-.354-.321-.224-.21-.443-.424-.656-.645-.135-.142-.264-.289-.395-.435-.306-.34-.599-.691-.878-1.053-.155-.202-.311-.403-.458-.611-.141-.199-.276-.403-.409-.608-.163-.251-.317-.508-.467-.768-.098-.169-.202-.335-.294-.508-.222-.415-.425-.84-.615-1.273-.072-.165-.137-.333-.204-.5-.137-.339-.263-.684-.379-1.033-.05-.151-.104-.301-.15-.455-.147-.487-.277-.981-.383-1.484-.023-.109-.039-.221-.06-.331-.081-.425-.147-.854-.197-1.289-.018-.15-.035-.3-.048-.451-.049-.54-.083-1.084-.083-1.637s.034-1.097,.083-1.637c.014-.151,.031-.301,.048-.451,.05-.435,.116-.864,.197-1.289,.021-.11,.037-.222,.06-.331,.106-.503,.236-.998,.383-1.484,.046-.153,.1-.303,.15-.455,.116-.35,.242-.694,.379-1.033,.067-.167,.132-.336,.204-.5,.189-.433,.393-.859,.615-1.273,.092-.173,.196-.339,.294-.508,.15-.26,.305-.517,.467-.768,.133-.205,.268-.409,.409-.608,.147-.208,.302-.41,.458-.611,.28-.362,.572-.713,.878-1.053,.13-.146,.259-.293,.395-.435,.212-.221,.432-.435,.656-.645,.116-.109,.234-.215,.354-.321,.787-.703,1.634-1.338,2.535-1.896,.1-.062,.199-.123,.3-.182,.304-.181,.612-.356,.928-.519,2.464-1.27,5.25-2,8.208-2s5.744,.73,8.208,2c.315,.163,.624,.338,.928,.519,.101,.06,.201,.121,.3,.182,.901,.558,1.749,1.193,2.535,1.896,.119,.106,.238,.212,.354,.321,.224,.21,.443,.424,.656,.645,.135,.142,.264,.289,.395,.435,.306,.34,.599,.691,.878,1.053,.155,.202,.311,.403,.458,.611,.141,.199,.276,.403,.409,.608,.163,.251,.317,.508,.467,.768,.098,.169,.202,.335,.294,.508,.222,.415,.425,.84,.615,1.273,.072,.165,.137,.333,.204,.5,.137,.339,.263,.684,.379,1.033,.05,.151,.104,.301,.15,.455,.147,.487,.277,.981,.383,1.484,.023,.109,.039,.221,.06,.331,.081,.425,.147,.854,.197,1.289,.018,.15,.035,.3,.048,.451,.049,.54,.083,1.084,.083,1.637s-.034,1.097-.083,1.637Z"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          fill: fill2,
+          d: "M232,182h-19.163c-6.293-15.258-21.308-26-38.837-26s-32.543,10.742-38.837,26H24c-8.836,0-16,7.164-16,16s7.164,16,16,16h111.163c6.293,15.258,21.308,26,38.837,26s32.543-10.742,38.837-26h19.163c8.836,0,16-7.164,16-16s-7.164-16-16-16Zm-40.083,17.637c-.014,.151-.031,.301-.048,.451-.05,.435-.116,.864-.197,1.289-.021,.11-.037,.222-.06,.331-.106,.503-.236,.998-.383,1.484-.046,.153-.1,.303-.15,.455-.116,.35-.242,.694-.379,1.033-.067,.167-.132,.336-.204,.5-.189,.433-.393,.859-.615,1.273-.092,.173-.196,.339-.294,.508-.15,.26-.305,.517-.467,.768-.133,.205-.268,.409-.409,.608-.147,.208-.302,.41-.458,.611-.28,.362-.572,.713-.878,1.053-.13,.146-.259,.293-.395,.435-.212,.221-.432,.435-.656,.645-.116,.109-.234,.215-.354,.321-.787,.703-1.634,1.338-2.535,1.896-.1,.062-.199,.123-.3,.182-.304,.181-.612,.356-.928,.519-2.464,1.27-5.25,2-8.208,2s-5.744-.73-8.208-2c-.315-.163-.624-.338-.928-.519-.101-.06-.201-.121-.3-.182-.901-.558-1.749-1.193-2.535-1.896-.119-.106-.238-.212-.354-.321-.224-.21-.443-.424-.656-.645-.135-.142-.264-.289-.395-.435-.306-.34-.599-.691-.878-1.053-.155-.202-.311-.403-.458-.611-.141-.199-.276-.403-.409-.608-.163-.251-.317-.508-.467-.768-.098-.169-.202-.335-.294-.508-.222-.415-.425-.84-.615-1.273-.072-.165-.137-.333-.204-.5-.137-.339-.263-.684-.379-1.033-.05-.151-.104-.301-.15-.455-.147-.487-.277-.981-.383-1.484-.023-.109-.039-.221-.06-.331-.081-.425-.147-.854-.197-1.289-.018-.15-.035-.3-.048-.451-.049-.54-.083-1.084-.083-1.637s.034-1.097,.083-1.637c.014-.151,.031-.301,.048-.451,.05-.435,.116-.864,.197-1.289,.021-.11,.037-.222,.06-.331,.106-.503,.236-.998,.383-1.484,.046-.153,.1-.303,.15-.455,.116-.35,.242-.694,.379-1.033,.067-.167,.132-.336,.204-.5,.189-.433,.393-.859,.615-1.273,.092-.173,.196-.339,.294-.508,.15-.26,.305-.517,.467-.768,.133-.205,.268-.409,.409-.608,.147-.208,.302-.41,.458-.611,.28-.362,.572-.713,.878-1.053,.13-.146,.259-.293,.395-.435,.212-.221,.432-.435,.656-.645,.116-.109,.234-.215,.354-.321,.787-.703,1.634-1.338,2.535-1.896,.1-.062,.199-.123,.3-.182,.304-.181,.612-.356,.928-.519,2.464-1.27,5.25-2,8.208-2s5.744,.73,8.208,2c.315,.163,.624,.338,.928,.519,.101,.06,.201,.121,.3,.182,.901,.558,1.749,1.193,2.535,1.896,.119,.106,.238,.212,.354,.321,.224,.21,.443,.424,.656,.645,.135,.142,.264,.289,.395,.435,.306,.34,.599,.691,.878,1.053,.155,.202,.311,.403,.458,.611,.141,.199,.276,.403,.409,.608,.163,.251,.317,.508,.467,.768,.098,.169,.202,.335,.294,.508,.222,.415,.425,.84,.615,1.273,.072,.165,.137,.333,.204,.5,.137,.339,.263,.684,.379,1.033,.05,.151,.104,.301,.15,.455,.147,.487,.277,.981,.383,1.484,.023,.109,.039,.221,.06,.331,.081,.425,.147,.854,.197,1.289,.018,.15,.035,.3,.048,.451,.049,.54,.083,1.084,.083,1.637s-.034,1.097-.083,1.637Z"
+        }
+      )
+    ] });
+  }
   function settings({ height, width, fill: fill2, className }) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className, height, width, viewBox: "0 0 256 256", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       "path",
@@ -67212,6 +67107,60 @@ Averrage Date/Second ${avgDataRatePS} kb
       )
     ] });
   }
+  function sectionBoxSettings({ height, width, fill: fill2, className }) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { className, height, width, viewBox: "0 0 256 256", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          fill: fill2,
+          d: "M 109.70368,2.190587 17.447731,55.710016 A 16.213,16.213 0 0 0 9.3632977,69.780402 L 9.6706253,176.28696 a 16.215,16.215 0 0 0 8.1654987,14.0235 l 95.269706,54.51732 c 1.35625,0.77609 3.04643,-0.20379 3.04192,-1.76478 L 115.79652,121.3395 221.23346,60.173007 c 1.35174,-0.783903 1.34611,-2.734895 -0.0101,-3.511985 L 125.95362,2.1436974 a 16.278,16.278 0 0 0 -16.24994,0.04689 z M 95.74464,211.51674 29.976783,173.88635 29.714025,82.825734 l 65.768857,37.630376 0.262761,91.06162 z m 9.95507,-107.77018 -65.766855,-37.629382 77.949835,-45.221114 65.76886,37.62938 -77.95084,45.221116 z"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          fill: fill2,
+          d: "m 175.57713,226.38215 c -1.28316,3.98514 -5.40414,6.14971 -9.13315,4.86244 l -3.60809,-1.24739 c -3.76004,-1.29737 -5.86799,-5.60846 -4.70379,-9.64145 l 0.42438,-1.46966 c 0.96925,-3.3572 -0.3989,-7.74539 -3.07521,-9.81798 l -0.73032,-0.56682 c -2.66882,-2.0641 -7.02118,-2.10184 -9.7235,-0.0863 l -1.1842,0.8837 c -3.23919,2.42089 -7.76901,1.59565 -10.07644,-1.77642 l -2.23242,-3.26259 c -2.3254,-3.40131 -1.6226,-8.22657 1.51812,-10.73784 l 1.15669,-0.92571 c 2.63933,-2.1082 3.9555,-6.51288 2.93126,-9.86426 l -0.27844,-0.91558 c -1.01877,-3.33861 -4.52035,-6.09072 -7.821,-6.14815 l -1.44661,-0.0253 c -3.95551,-0.0693 -7.1652,-3.56724 -7.1652,-7.7374 v -4.03725 c 0,-4.20531 3.2372,-7.66991 7.1652,-7.73745 l 1.44661,-0.0251 c 3.30016,-0.0568 6.79826,-2.79894 7.821,-6.14974 l 0.27844,-0.91348 c 1.02023,-3.33859 -0.29193,-7.75605 -2.93126,-9.86586 l -1.15669,-0.9241 c -3.16419,-2.52987 -3.82354,-7.3652 -1.51812,-10.73784 l 2.23242,-3.2647 c 2.32739,-3.39921 6.86326,-4.17603 10.07644,-1.77645 l 1.1842,0.88372 c 2.70232,2.01782 7.04471,1.98645 9.7235,-0.086 l 0.73032,-0.56467 c 2.66683,-2.06414 4.04446,-6.46083 3.07521,-9.81803 l -0.42438,-1.47176 c -1.1627,-4.02504 0.97525,-8.35208 4.70379,-9.63935 l 3.60809,-1.24738 c 3.76004,-1.299493 7.84798,0.87146 9.13315,4.86086 l 0.46987,1.4569 c 1.07175,3.32157 4.60331,6.0152 7.91546,6.0152 h 0.90232 c 3.30011,0 6.84321,-2.69363 7.91345,-6.0152 l 0.46988,-1.4569 c 1.28517,-3.98301 5.40663,-6.148123 9.13516,-4.86033 l 3.60808,1.24739 c 3.76006,1.29738 5.86803,5.60632 4.70383,9.63932 l -0.42441,1.47179 c -0.96925,3.35722 0.39893,7.7454 3.07522,9.81798 l 0.73029,0.56467 c 2.66883,2.06622 7.02122,2.10401 9.72154,0.0862 l 1.1842,-0.88369 c 3.23916,-2.41874 7.77099,-1.59353 10.0764,1.77644 l 2.23444,3.26469 c 2.32542,3.40132 1.62261,8.22656 -1.51812,10.73784 l -1.15667,0.92409 c -2.63936,2.11036 -3.95552,6.51504 -2.93328,9.86586 l 0.28043,0.91346 c 1.01873,3.34022 4.52035,6.09284 7.82101,6.14975 l 1.44514,0.0251 c 3.95749,0.0671 7.16516,3.56725 7.16516,7.73741 v 4.03729 c 0,4.20314 -3.23717,7.66987 -7.16516,7.73739 l -1.44514,0.0254 c -3.30016,0.0568 -6.79828,2.79678 -7.82101,6.14812 l -0.28043,0.91562 c -1.01872,3.33856 0.29392,7.75601 2.93328,9.86424 l 1.15667,0.92571 c 3.16422,2.52985 3.82355,7.36522 1.51812,10.73786 l -2.23444,3.26254 c -2.32537,3.40135 -6.86123,4.17815 -10.0764,1.77645 l -1.1842,-0.88373 c -2.70032,-2.01569 -7.04322,-1.98646 -9.72154,0.086 l -0.73029,0.56681 c -2.66683,2.06412 -4.04447,6.46079 -3.07522,9.81801 l 0.42441,1.46964 c 1.1627,4.02717 -0.97526,8.3542 -4.70383,9.64146 l -3.60808,1.24739 c -3.76002,1.29736 -7.84798,-0.87146 -9.13516,-4.86248 l -0.46988,-1.45474 c -1.06973,-3.32157 -4.60133,-6.01523 -7.91345,-6.01523 h -0.90232 c -3.30013,0 -6.84323,2.69366 -7.91546,6.01523 l -0.46987,1.45474 z m 8.83473,-24.33631 c 18.77473,0 33.99232,-16.18681 33.99232,-36.15723 0,-19.97043 -15.21759,-36.1551 -33.99232,-36.1551 -18.77467,0 -33.9903,16.18681 -33.9903,36.1551 0,19.96828 15.21761,36.15723 33.9903,36.15723 z"
+        }
+      )
+    ] });
+  }
+  function sectionBoxAuto({ height, width, fill: fill2, className }) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { className, height, width, viewBox: "0 0 256 256", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          fill: fill2,
+          d: "M 109.70368,2.190587 17.447731,55.710016 A 16.213,16.213 0 0 0 9.3632977,69.780402 L 9.6706253,176.28696 a 16.215,16.215 0 0 0 8.1654987,14.0235 l 95.269706,54.51732 c 1.35625,0.77609 3.04643,-0.20379 3.04192,-1.76478 L 115.79652,121.3395 221.23346,60.173007 c 1.35174,-0.783903 1.34611,-2.734895 -0.0101,-3.511985 L 125.95362,2.1436974 a 16.278,16.278 0 0 0 -16.24994,0.04689 z M 95.74464,211.51674 29.976783,173.88635 29.714025,82.825734 l 65.768857,37.630376 0.262761,91.06162 z m 9.95507,-107.77018 -65.766855,-37.629382 77.949835,-45.221114 65.76886,37.62938 -77.95084,45.221116 z"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          fill: fill2,
+          d: "M 221.207314 217.240532 L 214.827314 200.469532 L 160.504314 200.469532 L 154.124314 217.604532 C 151.632314 224.288532 149.506314 228.815532 147.744314 231.186532 C 145.981314 233.494532 143.095314 234.649532 139.085314 234.649532 C 135.682314 234.649532 132.674314 233.403532 130.061314 230.912532 C 127.448314 228.420532 126.142314 225.595532 126.142314 222.435532 C 126.142314 220.612532 126.446314 218.729532 127.053314 216.784532 C 127.661314 214.840532 128.664314 212.137532 130.061314 208.672532 L 164.241314 121.901532 C 165.213314 119.410532 166.368314 116.432532 167.704314 112.969532 C 169.102314 109.444532 170.560314 106.528532 172.079314 104.219532 C 173.659314 101.911532 175.695314 100.057532 178.186314 98.660532 C 180.738314 97.201532 183.868314 96.471532 187.574314 96.471532 C 191.342314 96.471532 194.471314 97.201532 196.962314 98.660532 C 199.514314 100.057532 201.550314 101.879532 203.069314 104.128532 C 204.649314 106.376532 205.955314 108.807532 206.988314 111.419532 C 208.082314 113.971532 209.449314 117.405532 211.090314 121.719532 L 245.999314 207.943532 C 248.733314 214.505532 250.100314 219.275532 250.100314 222.253532 C 250.100314 225.352532 248.794314 228.209532 246.181314 230.822532 C 243.629314 233.373532 240.530314 234.649532 236.884314 234.649532 C 234.758314 234.649532 232.935314 234.254532 231.416314 233.464532 C 229.896314 232.735532 228.620314 231.732532 227.587314 230.456532 C 226.554314 229.119532 225.430314 227.115532 224.215314 224.440532 C 223.060314 221.706532 222.058314 219.306532 221.207314 217.240532 Z M 167.613314 180.143532 L 207.535314 180.143532 L 187.392314 125.000532 Z"
+        }
+      )
+    ] });
+  }
+  function sectionBoxVisible({ height, width, fill: fill2, className }) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { className, height, width, viewBox: "0 0 256 256", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          fill: fill2,
+          d: "M 109.70368,2.190587 17.447731,55.710016 A 16.213,16.213 0 0 0 9.3632977,69.780402 L 9.6706253,176.28696 a 16.215,16.215 0 0 0 8.1654987,14.0235 l 95.269706,54.51732 c 1.35625,0.77609 3.04643,-0.20379 3.04192,-1.76478 L 115.79652,121.3395 221.23346,60.173007 c 1.35174,-0.783903 1.34611,-2.734895 -0.0101,-3.511985 L 125.95362,2.1436974 a 16.278,16.278 0 0 0 -16.24994,0.04689 z M 95.74464,211.51674 29.976783,173.88635 29.714025,82.825734 l 65.768857,37.630376 0.262761,91.06162 z m 9.95507,-107.77018 -65.766855,-37.629382 77.949835,-45.221114 65.76886,37.62938 -77.95084,45.221116 z"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          fill: fill2,
+          d: "m 186.05204,115.30607 c -37.93016,0 -68.67906,39.581 -68.67906,59.64313 0,21.35677 30.7489,59.64312 68.67906,59.64312 37.93016,0 68.67906,-38.28635 68.67906,-59.64312 0,-20.06213 -30.7489,-59.64313 -68.67906,-59.64313 z m 40.42729,85.41349 c -6.9441,6.83951 -21.43002,18.31368 -40.42729,18.31368 -18.99727,0 -33.48265,-11.47417 -40.42728,-18.31368 -11.61642,-11.4411 -15.37445,-22.30263 -15.37445,-25.77036 0,-0.0305 0.0381,-3.14164 3.35186,-9.36916 2.8652,-5.38603 7.15818,-11.06056 12.08697,-15.97917 3.66628,-3.65833 9.40099,-8.61065 16.72067,-12.50626 -6.58514,7.55977 -10.6973,18.2333 -10.6973,30.07505 0,22.91463 15.37445,41.49087 34.33953,41.49087 18.96508,0 34.33953,-18.57624 34.33953,-41.49087 0,-5.71277 -0.95614,-11.15521 -2.68492,-16.10818 -0.0445,9.9792 -6.75148,18.05306 -15.0214,18.05306 -8.26992,0 -15.02354,-8.12702 -15.02354,-18.15225 0,-8.97953 5.39774,-16.43168 12.48617,-17.88905 11.9346,3.73548 21.13062,11.40091 26.2676,16.52763 4.92879,4.91861 9.22177,10.59379 12.08697,15.97917 3.31377,6.22752 3.35186,9.33869 3.35186,9.36916 0,3.46773 -3.75803,14.32926 -15.37445,25.77036 z"
+        }
+      )
+    ] });
+  }
   function sectionBox({ height, width, fill: fill2, className }) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { className, height, width, viewBox: "0 0 256 256", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -67230,6 +67179,31 @@ Averrage Date/Second ${avgDataRatePS} kb
       )
     ] });
   }
+  function sectionBoxDisable({ height, width, fill: fill2, className }) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { className, height, width, viewBox: "0 0 256 256", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          fill: fill2,
+          d: "M 109.70368,2.190587 17.447731,55.710016 A 16.213,16.213 0 0 0 9.3632977,69.780402 L 9.6706253,176.28696 a 16.215,16.215 0 0 0 8.1654987,14.0235 l 95.269706,54.51732 c 1.35625,0.77609 3.04643,-0.20379 3.04192,-1.76478 L 115.79652,121.3395 221.23346,60.173007 c 1.35174,-0.783903 1.34611,-2.734895 -0.0101,-3.511985 L 125.95362,2.1436974 a 16.278,16.278 0 0 0 -16.24994,0.04689 z M 95.74464,211.51674 29.976783,173.88635 29.714025,82.825734 l 65.768857,37.630376 0.262761,91.06162 z m 9.95507,-107.77018 -65.766855,-37.629382 77.949835,-45.221114 65.76886,37.62938 -77.95084,45.221116 z"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          fill: fill2,
+          d: "m 185.61601,192.28388 v -44.0883 c 0,-2.52838 -1.97182,-4.91709 -4.84542,-5.26996 -3.49833,-0.42965 -6.4956,1.9253 -6.4956,4.89027 v 44.08783 c 0,2.52885 1.97182,4.91756 4.84542,5.27043 3.49833,0.42965 6.4956,-1.92531 6.4956,-4.89027 z m 22.68149,0 v -44.0883 c 0,-2.52838 -1.97182,-4.91709 -4.84542,-5.26996 -3.49832,-0.42965 -6.49559,1.9253 -6.49559,4.89027 v 44.08783 c 0,2.52885 1.97182,4.91756 4.84542,5.27043 3.49832,0.42965 6.49559,-1.92531 6.49559,-4.89027 z m 38.18908,-71.6429 H 225.42553 V 105.9623 c 0,-2.80818 -2.61299,-5.08498 -5.83584,-5.08498 h -56.43703 c -3.22285,0 -5.83585,2.2768 -5.83585,5.08498 v 14.67868 h -21.23089 c -4.69044,0 -8.49236,3.31275 -8.49236,7.39969 v 0.0231 c 0,4.08694 3.80192,7.39969 8.49236,7.39969 h 110.40066 c 4.69044,0 8.49236,-3.31275 8.49236,-7.39969 v -0.0231 c 0,-4.08694 -3.80192,-7.39969 -8.49236,-7.39969 z m -35.23745,-6.4863 v 6.4863 h -39.75592 v -6.4863 a 1.0615448,0.92496161 0 0 1 1.06155,-0.92496 h 37.63282 a 1.0615448,0.92496161 0 0 1 1.06155,0.92496 z"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          fill: fill2,
+          d: "m 227.42894,215.76405 c 0,5.6549 -4.47215,10.23953 -9.98832,10.23953 h -49.76957 c -5.51617,0 -9.98832,-4.58463 -9.98832,-10.23953 v -69.72083 a 4.9863693,5.1117785 0 0 0 -4.98637,-5.11178 h -10.00391 a 4.9863693,5.1117785 0 0 0 -4.98637,5.11178 v 73.13422 c 0,15.08038 11.92553,27.30584 26.63594,27.30584 h 56.42825 c 14.71041,0 26.63594,-12.22546 26.63594,-27.30584 v -73.13422 a 4.9863693,5.1117785 0 0 0 -4.98637,-5.11178 h -10.0039 a 4.9863693,5.1117785 0 0 0 -4.98637,5.11178 v 69.72147 z"
+        }
+      )
+    ] });
+  }
   function sectionBoxClip({ height, width, fill: fill2, className }) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { className, height, width, viewBox: "0 0 256 256", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("path", { fill: "none", d: "M0 0h256v256H0z" }),
@@ -67311,6 +67285,24 @@ Averrage Date/Second ${avgDataRatePS} kb
       ) })
     ] });
   }
+  function sectionBoxShrink2({ height, width, fill: fill2, className }) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { className, height, width, viewBox: "0 0 256 256", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          fill: fill2,
+          d: "M 109.70368,2.190587 17.447731,55.710016 A 16.213,16.213 0 0 0 9.3632977,69.780402 L 9.6706253,176.28696 a 16.215,16.215 0 0 0 8.1654987,14.0235 l 95.269706,54.51732 c 1.35625,0.77609 3.04643,-0.20379 3.04192,-1.76478 L 115.79652,121.3395 221.23346,60.173007 c 1.35174,-0.783903 1.34611,-2.734895 -0.0101,-3.511985 L 125.95362,2.1436974 a 16.278,16.278 0 0 0 -16.24994,0.04689 z M 95.74464,211.51674 29.976783,173.88635 29.714025,82.825734 l 65.768857,37.630376 0.262761,91.06162 z m 9.95507,-107.77018 -65.766855,-37.629382 77.949835,-45.221114 65.76886,37.62938 -77.95084,45.221116 z"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          fill: fill2,
+          d: "m 223.41166,231.92815 -50.05,-51.82677 -21.39562,22.15515 -21.52251,-81.36695 78.57748,22.28655 -21.39561,22.15516 50.05002,51.82676 z"
+        }
+      )
+    ] });
+  }
   function ghost({ height, width, fill: fill2, className }) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className, width: height, height: width, viewBox: "0 0 20 20", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("g", { "data-name": "ICONS", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -67370,11 +67362,17 @@ Averrage Date/Second ${avgDataRatePS} kb
     pan,
     perspective,
     sectionBox,
+    sectionBoxAuto,
     sectionBoxClip,
+    sectionBoxDisable,
     sectionBoxIgnore,
     sectionBoxReset,
+    sectionBoxSettings,
     sectionBoxShrink,
+    sectionBoxShrink2,
+    sectionBoxVisible,
     settings,
+    slidersHoriz,
     toggleIsolation,
     trash,
     treeView,
@@ -67394,9 +67392,6 @@ Averrage Date/Second ${avgDataRatePS} kb
   function anyUiCursorButton(settings2) {
     return isTrue(settings2.ui.orbit) || isTrue(settings2.ui.lookAround) || isTrue(settings2.ui.pan) || isTrue(settings2.ui.zoom) || isTrue(settings2.ui.zoomWindow) || isTrue(settings2.ui.zoomToFit);
   }
-  function anyUiToolButton(settings2) {
-    return isTrue(settings2.ui.sectioningMode) || isTrue(settings2.ui.measuringMode) || isTrue(settings2.ui.toggleIsolation);
-  }
   function anyUiSettingButton(settings2) {
     return isTrue(settings2.ui.projectInspector) || isTrue(settings2.ui.settings) || isTrue(settings2.ui.help) || isTrue(settings2.ui.maximise);
   }
@@ -67528,7 +67523,7 @@ Averrage Date/Second ${avgDataRatePS} kb
       }
     );
     const hidden2 = isTrue(props.settings.value.ui.axesPanel) ? "" : " vc-hidden";
-    const createBar2 = () => {
+    const createBar = () => {
       if (!anyUiAxesButton(props.settings.value)) {
         return (
           // Keeps layout when all buttons are disabled.
@@ -67550,7 +67545,7 @@ Averrage Date/Second ${avgDataRatePS} kb
         className: "vim-axes-panel vc-pointer-events-none vc-absolute vc-overflow-hidden vc-z-20 vc-flex vc-flex-col vc-border vc-border-white vc-opacity-50 vc-shadow-lg vc-saturate-0 vc-transition-all hover:vc-opacity-100 hover:vc-saturate-100" + hidden2,
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: gizmoDiv, className: "vim-axes-panel-gizmo vc-absolute vc-pointer-events-auto" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "vim-axes-panel-bar vc-absolute vc-top-[75%] vc-bottom-0 vc-right-0 vc-left-0", children: createBar2() })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "vim-axes-panel-bar vc-absolute vc-top-[75%] vc-bottom-0 vc-right-0 vc-left-0", children: createBar() })
         ]
       }
     );
@@ -67559,22 +67554,96 @@ Averrage Date/Second ${avgDataRatePS} kb
   function buttonDefaultStyle(on) {
     return on ? btnStyle + " vc-text-primary" : btnStyle + " vc-text-gray-medium";
   }
+  function buttonExpandStyle(on) {
+    return on ? btnStyle + " vc-text-white vc-bg-primary" : btnStyle + " vc-text-gray-medium";
+  }
+  function buttonDisableStyle(on) {
+    return on ? btnStyle + " vc-text-gray-medium" : btnStyle + " vc-text-gray vc-pointer-events-none";
+  }
   function buttonBlueStyle(on) {
     return btnStyle + " vc-text-white";
   }
   function createButton(button) {
     var _a2;
     if (button.enabled !== void 0 && !button.enabled()) return null;
-    const style = button.style((_a2 = button.isOn) == null ? void 0 : _a2.call(button));
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("button", { "data-tip": button.tip, onClick: button.action, className: style, type: "button", children: button.icon({ height: "20", width: "20", fill: "currentColor", className: "vc-max-h-[80%]" }) }, button.id);
+    const style = (button.style ?? buttonDefaultStyle)((_a2 = button.isOn) == null ? void 0 : _a2.call(button));
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("button", { id: button.id, "data-tip": button.tip, onClick: button.action, className: style, type: "button", children: button.icon({ height: "20", width: "20", fill: "currentColor", className: "vc-max-h-[80%]" }) }, button.id);
   }
-  const sectionStyle = "vc-flex vc-items-center vc-rounded-full vc-mb-2 vc-px-2 vc-shadow-md";
+  const sectionStyle = "vc-flex vc-items-center vc-rounded-full vc-mb-2 vc-shadow-md";
   const sectionDefaultStyle = sectionStyle + " vc-bg-white";
   const sectionBlueStyle = sectionStyle + " vc-bg-primary";
+  const sectionNoPadStyle = sectionStyle.replace("vc-px-2", "") + " vc-bg-white";
   function createSection$1(section) {
     if (section.enable !== void 0 && !section.enable()) return null;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `vim-control-bar-section ${section.style}`, children: section.buttons.map((b) => createButton(b)) }, section.id);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `vim-control-bar-section ${section.style ?? sectionDefaultStyle}`, children: section.buttons.map((b) => createButton(b)) }, section.id);
   }
+  const elementIds = {
+    // Sections
+    sectionCamera: "controlBar.sectionCamera",
+    sectionActions: "controlBar.sectionActions",
+    sectionTools: "controlBar.sectionTools",
+    sectionSettings: "controlBar.sectionSettings",
+    sectionMeasure: "controlBar.sectionMeasure",
+    sectionSectionBox: "controlBar.sectionSectionBox",
+    // Camera buttons
+    buttonCameraOrbit: "controlBar.camera.orbit",
+    buttonCameraLook: "controlBarcamera.look",
+    buttonCameraPan: "controlBar.camera.pan",
+    buttonCameraZoom: "controlBar.camera.zoom",
+    buttonCameraZoomWindow: "controlBar.camera.zoomWindow",
+    // Settings buttons
+    buttonProjectInspector: "controlBar.projectInspector",
+    buttonSettings: "controlBar.settings",
+    buttonHelp: "controlBar.help",
+    buttonMaximize: "controlBar.maximize",
+    // Action Buttons
+    buttonToggleIsolation: "controlBar.action.toggleIsolation",
+    buttonZoomToFit: "controlBar.action.zoomToFit",
+    // Tools buttons
+    buttonSectionBox: "controlBar.sectionBox",
+    buttonMeasure: "controlBar.measure",
+    // Section box buttons
+    buttonSectionBoxEnable: "controlBar.sectionBox.enable",
+    buttonSectionBoxVisible: "controlBar.sectionBox.visible",
+    buttonSectionBoxShrinkToSelection: "controlBar.sectionBox.shrinkToSelection",
+    buttonSectionBoxAuto: "controlBar.sectionBox.auto",
+    buttonSectionBoxClip: "controlBar.sectionBox.clip",
+    buttonSectionBoxSettings: "controlBar.sectionBox.settings"
+  };
+  function ControlBar(props) {
+    React2.useEffect(() => {
+      ReactTooltip.rebuild();
+    });
+    if (!props.show) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        style: {
+          gap: "min(10px, 2%)",
+          bottom: "min(36px, 10%)"
+        },
+        id: "vim-control-bar",
+        className: "vim-control-bar vc-pointer-events-auto vc-flex-wrap vc-mx-2 vc-min-w-0 vc-absolute vc-left-0 vc-right-0 vc-z-20 vc-flex vc-items-center vc-justify-center transition-all",
+        children: props.content.map(createSection$1)
+      }
+    );
+  }
+  const controlBar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    __proto__: null,
+    ControlBar,
+    buttonBlueStyle,
+    buttonDefaultStyle,
+    buttonDisableStyle,
+    buttonExpandStyle,
+    createButton,
+    createSection: createSection$1,
+    elementIds,
+    sectionBlueStyle,
+    sectionDefaultStyle,
+    sectionNoPadStyle
+  }, Symbol.toStringTag, { value: "Module" }));
   function getPointerState(viewer) {
     const [mode, setMode] = React2.useState(viewer.inputs.pointerActive);
     React2.useEffect(() => {
@@ -67636,52 +67705,6 @@ Averrage Date/Second ${avgDataRatePS} kb
       }
     };
   }
-  function getSectionBoxState(viewer) {
-    const sectionGizmo = viewer.gizmos.section;
-    const first = React2.useRef(true);
-    const [section, setSection] = React2.useState({
-      clip: sectionGizmo.clip,
-      active: sectionGizmo.visible && sectionGizmo.interactive
-    });
-    React2.useEffect(() => {
-      const subSection = sectionGizmo.onStateChanged.subscribe(
-        () => setSection({
-          clip: sectionGizmo.clip,
-          active: sectionGizmo.visible && sectionGizmo.interactive
-        })
-      );
-      return () => subSection();
-    }, []);
-    const toggle = () => {
-      ReactTooltip.hide();
-      if (viewer.inputs.pointerActive === "rect") {
-        viewer.inputs.pointerActive = viewer.inputs.pointerFallback;
-      }
-      const next = !(sectionGizmo.visible && sectionGizmo.interactive);
-      sectionGizmo.interactive = next;
-      sectionGizmo.visible = next;
-      if (next && first.current) {
-        sectionGizmo.clip = true;
-        sectionGizmo.fitBox(viewer.renderer.getBoundingBox());
-        first.current = false;
-      }
-    };
-    return {
-      clip: section.clip,
-      active: section.active,
-      set: setSection,
-      toggle,
-      hide: () => {
-        sectionGizmo.visible = false;
-        sectionGizmo.interactive = false;
-      },
-      reset: () => sectionGizmo.fitBox(viewer.renderer.getBoundingBox()),
-      shrinkToSelection: () => sectionGizmo.fitBox(viewer.selection.getBoundingBox()),
-      toggleClip: () => {
-        sectionGizmo.clip = !section.clip;
-      }
-    };
-  }
   function pointerToCursor(pointer) {
     switch (pointer) {
       case "orbit":
@@ -67733,13 +67756,13 @@ Averrage Date/Second ${avgDataRatePS} kb
       const sub2 = this._viewer.inputs.onPointerOverrideChanged.subscribe(
         () => this._updateCursor()
       );
-      const sub3 = this._viewer.gizmos.section.onStateChanged.subscribe(() => {
-        if (!this._viewer.gizmos.section.visible) {
+      const sub3 = this._viewer.gizmos.sectionBox.onStateChanged.subscribe(() => {
+        if (!this._viewer.gizmos.sectionBox.visible) {
           this._boxHover = false;
           this._updateCursor();
         }
       });
-      const sub4 = this._viewer.gizmos.section.onHover.subscribe((hover) => {
+      const sub4 = this._viewer.gizmos.sectionBox.onHover.subscribe((hover) => {
         this._boxHover = hover;
         this._updateCursor();
       });
@@ -67802,59 +67825,77 @@ Averrage Date/Second ${avgDataRatePS} kb
       clear
     };
   }
-  const elementIds = {
-    // Sections
-    sectionCamera: "controlBar.sectionCamera",
-    sectionTools: "controlBar.sectionTools",
-    sectionSettings: "controlBar.sectionSettings",
-    sectionMeasure: "controlBar.sectionMeasure",
-    sectionSectionBox: "controlBar.sectionSectionBox",
-    // Camera buttons
-    buttonCameraOrbit: "controlBar.camera.orbit",
-    buttonCameraLook: "controlBarcamera.look",
-    buttonCameraPan: "controlBar.camera.pan",
-    buttonCameraZoom: "controlBar.camera.zoom",
-    buttonCameraZoomWindow: "controlBar.camera.zoomWindow",
-    buttonCameraZoomToFit: "controlBar.camera.zoomToFit",
-    // Settings buttons
-    buttonProjectInspector: "controlBar.projectInspector",
-    buttonSettings: "controlBar.settings",
-    buttonHelp: "controlBar.help",
-    buttonMaximize: "controlBar.maximize",
-    // Tools buttons
-    buttonSectionBox: "controlBar.sectionBox",
-    buttonMeasure: "controlBar.measure",
-    buttonToggleIsolation: "controlBar.toggleIsolation",
-    // Measure buttons
-    buttonMeasureDelete: "controlBar.measure.delete",
-    buttonMeasureDone: "controlBar.measure.done",
-    // Section box buttons
-    buttonSectionBoxReset: "controlBar.sectionBox.reset",
-    buttonSectionBoxShrinkToSelection: "controlBar.sectionBox.shrinkToSelection",
-    buttonSectionBoxClip: "controlBar.sectionBox.clip",
-    buttonSectionBoxIgnore: "controlBar.sectionBox.ignore",
-    buttonSectionBoxDone: "controlBar.sectionBox.done"
-  };
-  function ControlBar(props) {
-    var _a2;
-    const pointer = getPointerState(props.viewer);
-    const fullScreen = getFullScreenState();
-    const section = getSectionBoxState(props.viewer);
-    const measure$1 = getMeasureState(props.viewer, props.cursor);
-    React2.useEffect(() => {
-      ReactTooltip.rebuild();
-    });
-    if (isFalse(props.settings.ui.controlBar)) {
-      return null;
-    }
-    const cameraSection = {
+  function controlBarSectionBox(section, hasSelection) {
+    return {
+      id: elementIds.sectionSectionBox,
+      style: section.enable.get() ? sectionNoPadStyle : sectionDefaultStyle,
+      //enable: () => section.getEnable(),
+      buttons: [
+        {
+          id: elementIds.buttonSectionBoxEnable,
+          tip: "Enable Section Box",
+          isOn: () => section.enable.get(),
+          style: (on) => buttonExpandStyle(on),
+          action: () => section.enable.set(!section.enable.get()),
+          icon: sectionBox
+        },
+        {
+          id: elementIds.buttonSectionBoxShrinkToSelection,
+          tip: "Fit Section",
+          enabled: () => section.enable.get(),
+          isOn: () => hasSelection,
+          style: (on) => buttonDisableStyle(on),
+          action: () => section.sectionSelection(),
+          icon: sectionBoxShrink
+        },
+        {
+          id: elementIds.buttonSectionBoxClip,
+          tip: "Reset Section",
+          enabled: () => section.enable.get(),
+          style: (on) => buttonDefaultStyle(on),
+          action: () => section.sectionReset(),
+          icon: sectionBoxReset
+        },
+        {
+          id: elementIds.buttonSectionBoxVisible,
+          tip: "Show Section Box",
+          enabled: () => section.enable.get(),
+          isOn: () => section.visible.get(),
+          style: (on) => buttonDefaultStyle(on),
+          action: () => section.visible.set(!section.visible.get()),
+          icon: visible
+        },
+        {
+          id: elementIds.buttonSectionBoxAuto,
+          tip: "Auto Section",
+          enabled: () => section.enable.get(),
+          isOn: () => section.auto.get(),
+          style: (on) => buttonDefaultStyle(on),
+          action: () => section.auto.set(!section.auto.get()),
+          icon: sectionBoxAuto
+        },
+        {
+          id: elementIds.buttonSectionBoxSettings,
+          tip: "Section Settings",
+          enabled: () => section.enable.get(),
+          isOn: () => section.showOffsetPanel.get(),
+          style: (on) => buttonDefaultStyle(on),
+          action: () => section.showOffsetPanel.set(!section.showOffsetPanel.get()),
+          icon: slidersHoriz
+        }
+      ]
+    };
+  }
+  function controlBarPointer(viewer, camera2, settings2, section) {
+    const pointer = getPointerState(viewer);
+    return {
       id: elementIds.sectionCamera,
-      enable: () => anyUiCursorButton(props.settings),
+      enable: () => anyUiCursorButton(settings2),
       style: sectionDefaultStyle,
       buttons: [
         {
           id: elementIds.buttonCameraOrbit,
-          enabled: () => isTrue(props.settings.ui.orbit),
+          enabled: () => isTrue(settings2.ui.orbit),
           tip: "Orbit",
           action: () => pointer.onButton("orbit"),
           icon: orbit,
@@ -67863,7 +67904,7 @@ Averrage Date/Second ${avgDataRatePS} kb
         },
         {
           id: elementIds.buttonCameraLook,
-          enabled: () => isTrue(props.settings.ui.lookAround),
+          enabled: () => isTrue(settings2.ui.lookAround),
           tip: "Look Around",
           action: () => pointer.onButton("look"),
           icon: look,
@@ -67872,7 +67913,7 @@ Averrage Date/Second ${avgDataRatePS} kb
         },
         {
           id: elementIds.buttonCameraPan,
-          enabled: () => isTrue(props.settings.ui.pan),
+          enabled: () => isTrue(settings2.ui.pan),
           tip: "Pan",
           action: () => pointer.onButton("pan"),
           icon: pan,
@@ -67881,7 +67922,7 @@ Averrage Date/Second ${avgDataRatePS} kb
         },
         {
           id: elementIds.buttonCameraZoom,
-          enabled: () => isTrue(props.settings.ui.zoom),
+          enabled: () => isTrue(settings2.ui.zoom),
           tip: "Zoom",
           action: () => pointer.onButton("zoom"),
           icon: zoom,
@@ -67890,59 +67931,87 @@ Averrage Date/Second ${avgDataRatePS} kb
         },
         {
           id: elementIds.buttonCameraZoomWindow,
-          enabled: () => isTrue(props.settings.ui.zoomWindow),
+          enabled: () => isTrue(settings2.ui.zoomWindow),
           tip: "Zoom Window",
           action: () => {
             pointer.onButton("rect");
-            section.hide();
           },
           icon: frameRect,
           isOn: () => pointer.mode === "rect",
           style: buttonDefaultStyle
-        },
+        }
+      ]
+    };
+  }
+  function controlBarActions(camera2, settings2, isolation, measure$1) {
+    return {
+      id: elementIds.sectionActions,
+      enable: () => true,
+      style: sectionDefaultStyle,
+      buttons: [
         {
-          id: elementIds.buttonCameraZoomToFit,
-          enabled: () => isTrue(props.settings.ui.zoomToFit),
+          id: elementIds.buttonZoomToFit,
+          enabled: () => isTrue(settings2.ui.zoomToFit),
           tip: "Zoom to Fit",
-          action: () => props.camera.frameContext(),
+          action: () => camera2.frameContext(),
           icon: frameSelection,
           isOn: () => false,
           style: buttonDefaultStyle
+        },
+        {
+          id: elementIds.buttonToggleIsolation,
+          enabled: () => isTrue(settings2.ui.toggleIsolation),
+          tip: "Toggle Isolation",
+          action: () => isolation.toggle("controlBar"),
+          icon: toggleIsolation,
+          style: buttonDefaultStyle
+        },
+        {
+          id: elementIds.buttonMeasure,
+          enabled: () => isTrue(settings2.ui.measuringMode),
+          isOn: () => measure$1.active,
+          tip: "Measuring Mode",
+          action: () => measure$1.toggle(),
+          icon: measure,
+          style: buttonDefaultStyle
         }
       ]
     };
-    const settingsSection = {
+  }
+  function controlBarSettings(modal, side, settings$1) {
+    const fullScreen = getFullScreenState();
+    return {
       id: elementIds.sectionSettings,
-      enable: () => anyUiSettingButton(props.settings),
+      enable: () => anyUiSettingButton(settings$1),
       style: sectionDefaultStyle,
       buttons: [
         {
           id: elementIds.buttonProjectInspector,
-          enabled: () => isTrue(props.settings.ui.projectInspector) && (isTrue(props.settings.ui.bimTreePanel) || isTrue(props.settings.ui.bimInfoPanel)),
+          enabled: () => isTrue(settings$1.ui.projectInspector) && (isTrue(settings$1.ui.bimTreePanel) || isTrue(settings$1.ui.bimInfoPanel)),
           tip: "Project Inspector",
-          action: () => props.side.toggleContent("bim"),
+          action: () => side.toggleContent("bim"),
           icon: treeView,
           style: buttonDefaultStyle
         },
         {
           id: elementIds.buttonSettings,
-          enabled: () => isTrue(props.settings.ui.settings),
+          enabled: () => isTrue(settings$1.ui.settings),
           tip: "Settings",
-          action: () => props.side.toggleContent("settings"),
+          action: () => side.toggleContent("settings"),
           icon: settings,
           style: buttonDefaultStyle
         },
         {
           id: elementIds.buttonHelp,
-          enabled: () => isTrue(props.settings.ui.help),
+          enabled: () => isTrue(settings$1.ui.help),
           tip: "Help",
-          action: () => props.modal.help(true),
+          action: () => modal.help(true),
           icon: help,
           style: buttonDefaultStyle
         },
         {
           id: elementIds.buttonMaximize,
-          enabled: () => isTrue(props.settings.ui.maximise) && props.settings.capacity.canGoFullScreen,
+          enabled: () => isTrue(settings$1.ui.maximise) && settings$1.capacity.canGoFullScreen,
           tip: fullScreen.get() ? "Minimize" : "Fullscreen",
           action: () => fullScreen.toggle(),
           icon: fullScreen.get() ? minimize : fullsScreen,
@@ -67950,112 +68019,23 @@ Averrage Date/Second ${avgDataRatePS} kb
         }
       ]
     };
-    const sectionBoxSection = {
-      id: elementIds.sectionSectionBox,
-      enable: () => !measure$1.active && section.active,
-      style: sectionBlueStyle,
-      buttons: [
-        {
-          id: elementIds.buttonSectionBoxReset,
-          tip: "Reset Section Box",
-          action: () => section.reset(),
-          icon: sectionBoxReset,
-          style: buttonBlueStyle
-        },
-        {
-          id: elementIds.buttonSectionBoxShrinkToSelection,
-          tip: "Shrink to Selection",
-          action: () => section.shrinkToSelection(),
-          icon: sectionBoxShrink,
-          style: buttonBlueStyle
-        },
-        {
-          id: elementIds.buttonSectionBoxClip,
-          tip: section.clip ? "Ignore Section Box" : "Clip Section Box",
-          action: () => section.toggleClip(),
-          icon: section.clip ? sectionBoxIgnore : sectionBoxClip,
-          style: buttonBlueStyle
-        },
-        {
-          id: elementIds.buttonSectionBoxDone,
-          tip: "Done",
-          action: () => section.toggle(),
-          icon: checkmark,
-          style: buttonBlueStyle
-        }
-      ]
-    };
-    const measureSection = {
-      id: elementIds.sectionMeasure,
-      enable: () => measure$1.active && !section.active,
-      style: sectionBlueStyle,
-      buttons: [
-        {
-          id: elementIds.buttonMeasureDelete,
-          tip: "Delete",
-          action: () => measure$1.clear(),
-          icon: trash,
-          style: buttonBlueStyle
-        },
-        {
-          id: elementIds.buttonMeasureDone,
-          tip: "Done",
-          action: () => measure$1.toggle(),
-          icon: checkmark,
-          style: buttonBlueStyle
-        }
-      ]
-    };
-    const toolSections = {
-      id: elementIds.sectionTools,
-      enable: () => anyUiToolButton(props.settings) && !measure$1.active && !section.active,
-      style: measure$1.active || section.active ? sectionBlueStyle : sectionDefaultStyle,
-      buttons: [
-        {
-          id: elementIds.buttonSectionBox,
-          enabled: () => isTrue(props.settings.ui.sectioningMode),
-          tip: "Sectioning Mode",
-          action: () => section.toggle(),
-          icon: sectionBox,
-          style: buttonDefaultStyle
-        },
-        {
-          id: elementIds.buttonMeasure,
-          enabled: () => isTrue(props.settings.ui.measuringMode),
-          tip: "Measuring Mode",
-          action: () => measure$1.toggle(),
-          icon: measure,
-          style: buttonDefaultStyle
-        },
-        {
-          id: elementIds.buttonToggleIsolation,
-          enabled: () => isTrue(props.settings.ui.toggleIsolation),
-          tip: "Toggle Isolation",
-          action: () => props.isolation.toggle("controlBar"),
-          icon: toggleIsolation,
-          style: buttonDefaultStyle
-        }
-      ]
-    };
-    let controlBar2 = [cameraSection, toolSections, measureSection, sectionBoxSection, settingsSection];
-    controlBar2 = ((_a2 = props.customization) == null ? void 0 : _a2.call(props, controlBar2)) ?? controlBar2;
-    return createBar(controlBar2);
   }
-  function createBar(sections) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
-      gap: "min(10px, 2%)",
-      bottom: "min(36px, 10%)"
-    }, className: "vim-control-bar vc-pointer-events-auto vc-flex-wrap vc-mx-2 vc-min-w-0 vc-absolute vc-left-0 vc-right-0 vc-z-20 vc-flex vc-items-center vc-justify-center transition-all", children: sections.map(createSection$1) });
+  function useControlBar(viewer, camera2, modal, side, isolation, cursor, settings2, section, customization) {
+    const measure2 = getMeasureState(viewer, cursor);
+    const pointerSection = controlBarPointer(viewer, camera2, settings2);
+    const actionSection = controlBarActions(camera2, settings2, isolation, measure2);
+    const sectionBoxSection = controlBarSectionBox(section, viewer.selection.count > 0);
+    const settingsSection = controlBarSettings(modal, side, settings2);
+    let controlBarSections = [
+      pointerSection,
+      actionSection,
+      sectionBoxSection,
+      // Optional section
+      settingsSection
+    ];
+    controlBarSections = (customization == null ? void 0 : customization(controlBarSections)) ?? controlBarSections;
+    return controlBarSections;
   }
-  const controlBar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-    __proto__: null,
-    ControlBar,
-    buttonBlueStyle,
-    buttonDefaultStyle,
-    elementIds,
-    sectionBlueStyle,
-    sectionDefaultStyle
-  }, Symbol.toStringTag, { value: "Module" }));
   function RestOfScreen(props) {
     const [, setVersion] = React2.useState(0);
     const resizeObserver = React2.useRef();
@@ -72044,23 +72024,23 @@ Averrage Date/Second ${avgDataRatePS} kb
     const viewer = props.viewer;
     const camera2 = props.camera;
     const [section, setSection] = React2.useState({
-      visible: viewer.gizmos.section.visible,
-      clip: viewer.gizmos.section.clip
+      visible: viewer.gizmos.sectionBox.visible,
+      clip: viewer.gizmos.sectionBox.clip
     });
     const isClipping = () => {
-      return !viewer.gizmos.section.box.containsBox(viewer.renderer.getBoundingBox());
+      return !viewer.gizmos.sectionBox.box.containsBox(viewer.renderer.getBoundingBox());
     };
     const [clipping, setClipping] = React2.useState(isClipping());
     const [, setVersion] = React2.useState(0);
     const hidden2 = props.isolation.isActive();
     React2.useEffect(() => {
-      const subState = viewer.gizmos.section.onStateChanged.subscribe(() => {
+      const subState = viewer.gizmos.sectionBox.onStateChanged.subscribe(() => {
         setSection({
-          visible: viewer.gizmos.section.visible,
-          clip: viewer.gizmos.section.clip
+          visible: viewer.gizmos.sectionBox.visible,
+          clip: viewer.gizmos.sectionBox.clip
         });
       });
-      const subConfirm = viewer.gizmos.section.onBoxConfirm.subscribe(
+      const subConfirm = viewer.gizmos.sectionBox.onBoxConfirm.subscribe(
         () => setClipping(isClipping())
       );
       props.isolation.onChanged.subscribe(() => setVersion((v) => v + 1));
@@ -72112,10 +72092,10 @@ Averrage Date/Second ${avgDataRatePS} kb
       e.stopPropagation();
     };
     const onSectionToggleBtn = (e) => {
-      viewer.gizmos.section.clip = !viewer.gizmos.section.clip;
+      viewer.gizmos.sectionBox.clip = !viewer.gizmos.sectionBox.clip;
     };
     const onSectionResetBtn = (e) => {
-      viewer.gizmos.section.fitBox(viewer.renderer.getBoundingBox());
+      viewer.gizmos.sectionBox.fitBox(viewer.renderer.getBoundingBox());
       e.stopPropagation();
     };
     const onMeasureDeleteBtn = (e) => {
@@ -72124,7 +72104,7 @@ Averrage Date/Second ${avgDataRatePS} kb
     const onFitSectionToSelectionBtn = (e) => {
       const box = viewer.selection.getBoundingBox();
       if (box) {
-        viewer.gizmos.section.fitBox(box);
+        viewer.gizmos.sectionBox.fitBox(box);
       }
     };
     const createButton2 = (button) => {
@@ -75082,7 +75062,7 @@ Averrage Date/Second ${avgDataRatePS} kb
     frameSelection(duration = 1) {
       if (this._viewer.selection.count === 0) return;
       const box = this._viewer.selection.getBoundingBox();
-      if (box && this._viewer.gizmos.section.box.intersectsBox(box)) {
+      if (box && this._viewer.gizmos.sectionBox.box.intersectsBox(box)) {
         const movement = duration === 0 ? this._viewer.camera.snap() : this._viewer.camera.lerp(duration);
         movement.frame(box);
       }
@@ -75731,6 +75711,254 @@ Averrage Date/Second ${avgDataRatePS} kb
       component.classList.remove("behind");
     }
   }
+  function SectionBoxPanel(props) {
+    const [panelPosition, setPanelPosition] = React2.useState({
+      top: 0,
+      left: 0
+    });
+    const panelRef = React2.useRef(null);
+    React2.useLayoutEffect(() => {
+      const updatePosition = () => {
+        const { top, left } = computePosition(panelRef);
+        setPanelPosition({ top, left });
+      };
+      updatePosition();
+      let resizeObserver = null;
+      if (panelRef.current) {
+        resizeObserver = new ResizeObserver(updatePosition);
+        resizeObserver.observe(panelRef.current.parentElement);
+      }
+      return () => {
+        if (resizeObserver) {
+          resizeObserver.disconnect();
+        }
+      };
+    }, [props.state.showOffsetPanel.get()]);
+    if (!props.state.showOffsetPanel.get()) return null;
+    const renderField = (id2, label, field) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "vim-sectionbox-offsets-entry vc-text-xs vc-flex vc-items-center vc-justify-center vc-justify-between vc-my-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("dt", { className: "vc-w-1/2 vc-inline", children: label }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("dd", { className: "vc-w-1/3 vc-inline", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "input",
+        {
+          id: id2,
+          type: "text",
+          value: field.get(),
+          onChange: (e) => field.set(e.target.value),
+          className: "vc-border vc-inline vc-border-gray-300 vc-py-1 vc-w-full vc-px-1",
+          onBlur: () => field.confirm()
+        }
+      ) })
+    ] });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        className: "vc-fixed vc-inset-0 vc-flex vc-pointer-events-none",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "div",
+          {
+            ref: panelRef,
+            style: { position: "absolute", top: panelPosition.top, left: panelPosition.left, width: "min(200px, 60%)" },
+            className: "vim-sectionbox-offsets vc-pointer-events-auto vc-bg-white vc-relative",
+            onClick: (e) => e.stopPropagation(),
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "vim-sectionbox-header vc-px-2 vc-bg-gray-light vc-flex vc-items-center vc-justify-between ", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "vc-flex vim-sectionbox-offsets-title vc-title vc-block", children: "Section Box Offsets" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    className: "vc-flex vc-border-none vc-bg-transparent vc-text-sm vc-cursor-pointer",
+                    onClick: () => props.state.showOffsetPanel.set(false),
+                    children: close({ height: 12, width: 12, fill: "currentColor" })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("dl", { className: "vc-text-xl vc-text-gray-darker vc-mb-2 vc-mx-2 ", children: [
+                renderField("topOffset", "Top Offset", props.state.topOffset),
+                renderField("sideOffseet", "Side Offset", props.state.sideOffset),
+                renderField("bottomOffset", "Bottom Offset", props.state.bottomOffset)
+              ] })
+            ]
+          }
+        )
+      }
+    );
+  }
+  function computePosition(panelRef) {
+    const origin = document.getElementById("vim-control-bar");
+    if (origin && panelRef.current) {
+      const originRect = origin.getBoundingClientRect();
+      const panelRect = panelRef.current.getBoundingClientRect();
+      let left = originRect.left + originRect.width / 2 - panelRect.width / 2;
+      let top = originRect.top - 10 - panelRect.height;
+      if (top < 10) {
+        top = originRect.bottom + 10;
+      }
+      if (left < 10) {
+        left = 10;
+      }
+      if (left + panelRect.width > window.innerWidth - 10) {
+        left = window.innerWidth - panelRect.width - 10;
+      }
+      return { top, left };
+    }
+    return { top: 0, left: 0 };
+  }
+  function addBox(b1, b2) {
+    const r = b1.clone();
+    r.min.x += b2.min.x;
+    r.min.y += b2.min.y;
+    r.min.z += b2.min.z;
+    r.max.x += b2.max.x;
+    r.max.y += b2.max.y;
+    r.max.z += b2.max.z;
+    return r;
+  }
+  function useStateRef(initialValue) {
+    const [value, setValue] = React2.useState(initialValue);
+    const ref = React2.useRef(initialValue);
+    const event = React2.useRef(new distExports.SimpleEventDispatcher());
+    const validate = React2.useRef((value2) => value2);
+    const confirm = React2.useRef((value2) => value2);
+    const set2 = (value2) => {
+      const finalValue = validate.current(value2) ?? value2;
+      if (finalValue === void 0) return;
+      if (finalValue === ref.current) return;
+      ref.current = finalValue;
+      setValue(finalValue);
+      event.current.dispatch(finalValue);
+    };
+    return {
+      get() {
+        return ref.current;
+      },
+      set: set2,
+      confirm() {
+        set2(confirm.current(ref.current));
+      },
+      useRegister(on) {
+        React2.useEffect(() => {
+          return event.current.subscribe(on);
+        }, []);
+      },
+      useMemo(on, deps) {
+        return React2.useMemo(() => on(value), [...deps || [], value]);
+      },
+      useValidate(on) {
+        React2.useEffect(() => {
+          validate.current = on;
+        }, []);
+      },
+      useConfirm(on) {
+        React2.useEffect(() => {
+          confirm.current = on;
+        }, []);
+      }
+    };
+  }
+  function useSectionBox(adapter) {
+    const enable = useStateRef(false);
+    const visible2 = useStateRef(false);
+    const showOffsetPanel = useStateRef(false);
+    const auto = useStateRef(false);
+    const topOffset = useStateRef("1");
+    const sideOffset = useStateRef("1");
+    const bottomOffset = useStateRef("1");
+    const boxRef = React2.useRef(adapter.getBox());
+    enable.useRegister((v) => {
+      visible2.set(v);
+      auto.set(false);
+      showOffsetPanel.set(false);
+      topOffset.set("1");
+      sideOffset.set("1");
+      bottomOffset.set("1");
+      void sectionReset();
+    });
+    topOffset.useValidate((v) => sanitize(v, false));
+    sideOffset.useValidate((v) => sanitize(v, false));
+    bottomOffset.useValidate((v) => sanitize(v, false));
+    topOffset.useConfirm((v) => sanitize(v, true));
+    sideOffset.useConfirm((v) => sanitize(v, true));
+    bottomOffset.useConfirm((v) => sanitize(v, true));
+    const offsetBox = React2.useMemo(
+      () => offsetsToBox3(topOffset.get(), sideOffset.get(), bottomOffset.get()),
+      [topOffset.get(), sideOffset.get(), bottomOffset.get()]
+    );
+    React2.useEffect(() => section(boxRef.current), [offsetBox]);
+    auto.useRegister((v) => {
+      if (v) sectionSelection();
+    });
+    React2.useEffect(() => {
+      return adapter.onSelectionChanged.sub(() => {
+        if (auto.get()) sectionSelection();
+      });
+    }, []);
+    visible2.useRegister((v) => adapter.setVisible(v));
+    const section = (baseBox) => {
+      boxRef.current = baseBox;
+      const newBox = addBox(baseBox, offsetBox);
+      adapter.fitBox(newBox);
+    };
+    const sectionSelection = async () => {
+      try {
+        const box = await adapter.getSelectionBox() ?? await adapter.getRendererBox();
+        section(box);
+      } catch (e) {
+        console.error(e);
+      }
+    };
+    const sectionReset = async () => {
+      const box = await adapter.getRendererBox();
+      section(box);
+    };
+    return {
+      enable,
+      visible: visible2,
+      auto,
+      showOffsetPanel,
+      topOffset,
+      sideOffset,
+      bottomOffset,
+      sectionSelection,
+      sectionReset,
+      section
+    };
+  }
+  const sanitize = (value, strict) => {
+    if (!strict) {
+      if (value === "" || value === "-") return value;
+    }
+    const num = parseFloat(value);
+    if (isNaN(num)) {
+      return strict ? "1" : void 0;
+    }
+    return String(num);
+  };
+  function offsetsToBox3(top, side, bottom) {
+    const getNumber = (s) => {
+      const num = parseFloat(s);
+      return isNaN(num) ? 0 : num;
+    };
+    return new Box3(
+      new Vector3(-getNumber(side), -getNumber(side), -getNumber(bottom)),
+      new Vector3(getNumber(side), getNumber(side), getNumber(top))
+    );
+  }
+  function useWebglSectionBox(viewer) {
+    const vimAdapter = {
+      setVisible: (b) => {
+        viewer.gizmos.sectionBox.visible = b;
+        viewer.gizmos.sectionBox.interactive = b;
+      },
+      getBox: () => viewer.gizmos.sectionBox.box.clone(),
+      fitBox: (box) => viewer.gizmos.sectionBox.fitBox(box),
+      getSelectionBox: () => Promise.resolve(viewer.selection.getBoundingBox()),
+      getRendererBox: () => Promise.resolve(viewer.renderer.getBoundingBox()),
+      onSceneChanged: viewer.renderer.onBoxUpdated,
+      onSelectionChanged: viewer.selection.onValueChanged
+    };
+    viewer.gizmos.sectionBox.clip = true;
+    return useSectionBox(vimAdapter);
+  }
   function createWebglComponent(container, componentSettings = {}, viewerSettings = {}) {
     const promise2 = new DeferredPromise();
     const cmpContainer = container instanceof HTMLElement ? createContainer(container) : container ?? createContainer();
@@ -75772,11 +76000,13 @@ Averrage Date/Second ${avgDataRatePS} kb
       Math.min(props.container.root.clientWidth * 0.25, 340)
     );
     const [contextMenu2, setcontextMenu] = React2.useState();
-    const [controlBar2, setControlBar] = React2.useState();
+    const [controlBarCustom, setControlBarCustom] = React2.useState();
     const bimInfoRef = useBimInfo();
     const viewerState = useViewerState(props.viewer);
     const treeRef = React2.useRef();
     const performanceRef = React2.useRef(null);
+    const sectionBox2 = useWebglSectionBox(props.viewer);
+    const controlBar2 = useControlBar(props.viewer, camera2, modal, side, isolation, cursor, settings2.value, sectionBox2, controlBarCustom);
     React2.useEffect(() => {
       var _a3;
       side.setHasBim(((_a3 = viewerState.vim) == null ? void 0 : _a3.bim) !== void 0);
@@ -75801,11 +76031,14 @@ Averrage Date/Second ${avgDataRatePS} kb
         isolation,
         camera: camera2,
         settings: settings2,
+        get sectionBox() {
+          return sectionBox2;
+        },
         contextMenu: {
           customize: (v) => setcontextMenu(() => v)
         },
         controlBar: {
-          customize: (v) => setControlBar(() => v)
+          customize: (v) => setControlBarCustom(() => v)
         },
         modal,
         bimInfo: bimInfoRef,
@@ -75859,16 +76092,11 @@ Averrage Date/Second ${avgDataRatePS} kb
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             ControlBar,
             {
-              viewer: props.viewer,
-              camera: camera2,
-              modal,
-              side,
-              isolation,
-              cursor,
-              settings: settings2.value,
-              customization: controlBar2
+              content: controlBar2,
+              show: isTrue(settings2.value.ui.controlBar)
             }
           ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SectionBoxPanel, { state: sectionBox2 }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             AxesPanelMemo,
             {
@@ -76194,12 +76422,53 @@ Averrage Date/Second ${avgDataRatePS} kb
         return serverConnectionError(source.url);
     }
   }
+  function updateModal(modal, state) {
+    if (state.status === "connected") {
+      modal.loading(void 0);
+      modal.message(void 0);
+    }
+    if (state.status === "connecting") {
+      if (modal.current === void 0 || modal.current.type === "loading") {
+        modal.loading({ message: "Connecting to VIM Ultra server..." });
+      }
+    }
+    if (state.status === "error") {
+      console.log("Error loading vim", state);
+      modal.message(getErrorMessage(state));
+    }
+  }
+  async function updateProgress(request2, modal) {
+    for await (const progress of request2.getProgress()) {
+      if (request2.isCompleted) break;
+      modal.loading({ message: "Loading File in VIM Ultra mode", progress });
+    }
+  }
+  function useUltraSectionBox(viewer) {
+    const ultraAdapter = {
+      setVisible: (b) => {
+        viewer.sectionBox.visible = b;
+        viewer.sectionBox.interactive = b;
+      },
+      getBox: () => viewer.sectionBox.getBox().clone(),
+      fitBox: (box) => viewer.sectionBox.fitBox(box),
+      getSelectionBox: () => viewer.selection.getBoundingBox(),
+      getRendererBox: () => viewer.renderer.getBoundingBox(),
+      onSelectionChanged: viewer.selection.onValueChanged,
+      onSceneChanged: viewer.vims.onChanged
+    };
+    return useSectionBox(ultraAdapter);
+  }
+  function useUltraControlBar(viewer, section, customization) {
+    let controlBar2 = [controlBarSectionBox(section, viewer.selection.count > 0)];
+    controlBar2 = (customization == null ? void 0 : customization(controlBar2)) ?? controlBar2;
+    return controlBar2;
+  }
   function createUltraComponent(container) {
     const promise2 = new DeferredPromise();
     const cmpContainer = container instanceof HTMLElement ? createContainer(container) : container ?? createContainer();
     const viewer = Viewer.createWithCanvas(cmpContainer.gfx);
     const reactRoot = clientExports.createRoot(cmpContainer.ui);
-    const patchRef = (cmp) => {
+    const attachDispose = (cmp) => {
       cmp.dispose = () => {
         viewer.dispose();
         cmpContainer.dispose();
@@ -76213,7 +76482,7 @@ Averrage Date/Second ${avgDataRatePS} kb
         {
           container: cmpContainer,
           viewer,
-          onMount: (cmp) => promise2.resolve(patchRef(cmp))
+          onMount: (cmp) => promise2.resolve(attachDispose(cmp))
         }
       )
     );
@@ -76221,31 +76490,36 @@ Averrage Date/Second ${avgDataRatePS} kb
   }
   function UltraComponent(props) {
     const modal = useModal(true);
+    const sectionBox2 = useUltraSectionBox(props.viewer);
+    const controlBar2 = useUltraControlBar(props.viewer, sectionBox2, (_2) => _2);
+    const side = useSideState(true, 400);
+    const [_, setSelectState] = React2.useState(0);
     React2.useEffect(() => {
       props.viewer.onStateChanged.subscribe((state) => updateModal(modal, state));
-      props.onMount(ToRef(props.viewer, modal));
+      props.viewer.selection.onValueChanged.subscribe(() => {
+        setSelectState((i2) => (i2 + 1) % 2);
+      });
+      props.onMount(createComponentRef(props.viewer, modal, sectionBox2));
     }, []);
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Overlay, { canvas: props.viewer.viewport.canvas }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(RestOfScreen, { side, content: () => {
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          whenTrue(true, /* @__PURE__ */ jsxRuntimeExports.jsx(LogoMemo, {})),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Overlay, { canvas: props.viewer.viewport.canvas }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            ControlBar,
+            {
+              content: controlBar2,
+              show: true
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SectionBoxPanel, { state: sectionBox2 })
+        ] });
+      } }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { state: modal })
     ] });
   }
-  function updateModal(modal, state) {
-    if (state.status === "connected") {
-      modal.loading(void 0);
-      modal.message(void 0);
-    }
-    if (state.status === "connecting") {
-      if (modal.current === void 0 || modal.current.type === "loading") {
-        modal.loading({ message: "Connecting to VIM Ultra server..." });
-      }
-    }
-    if (state.status === "error") {
-      console.log("Error loading vim", state);
-      modal.message(getErrorMessage(state));
-    }
-  }
-  function ToRef(viewer, modal) {
+  function createComponentRef(viewer, modal, sectionBox2) {
     function load(source) {
       const request2 = viewer.loadVim(source);
       void updateProgress(request2, modal);
@@ -76265,17 +76539,12 @@ Averrage Date/Second ${avgDataRatePS} kb
     return {
       viewer,
       modal,
+      sectionBox: sectionBox2,
       dispose: () => {
       },
       load
     };
   }
-  async function updateProgress(request2, modal) {
-    for await (const progress of request2.getProgress()) {
-      if (request2.isCompleted) break;
-      modal.loading({ message: "Loading File in VIM Ultra mode", progress });
-    }
-  }
   const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     UltraComponent,