@inweb/viewer-three 26.7.1 → 26.7.6

package/dist/viewer-three.js

@@ -60197,7 +60197,6 @@ void main() {
                 });
                 if (sceneCamera) {
                     this.viewer.camera = sceneCamera.clone();
-                    this.viewer.camera.up.set(0, 0, 1);
                     this.viewer.camera.scale.set(1, 1, 1); // <- Visualize fix
                 }
                 const camera = this.viewer.camera;
@@ -81628,7 +81627,7 @@ void main() {
                 const attrs = e.target.attrs;
                 if (attrs.rotation !== this._ref.rotation()) this._ref.rotation(attrs.rotation);
             }));
-            this._ref.on("transformend", (e => {
+            this._ref.on("transformend", (() => {
                 const absoluteTransform = this._ref.getAbsoluteTransform();
                 const wcsPoints = [];
                 const points = this._ref.points();
@@ -81650,7 +81649,7 @@ void main() {
                 }
                 this._ref.setAttr("wcsPoints", wcsPoints);
             }));
-            this._ref.on("dragend", (e => {
+            this._ref.on("dragend", (() => {
                 const absoluteTransform = this._ref.getAbsoluteTransform();
                 const wcsPoints = [];
                 const points = this._ref.points();
@@ -81840,7 +81839,7 @@ void main() {
                 });
                 this._ref.setAttr("wcsStart", this._worldTransformer.screenToWorld(position));
             }));
-            this._ref.on("dragend", (e => {
+            this._ref.on("dragend", (() => {
                 const absoluteTransform = this._ref.getStage().getAbsoluteTransform();
                 const position = absoluteTransform.point({
                     x: this._ref.x(),
@@ -82028,7 +82027,7 @@ void main() {
                     y: position.y + this._ref.height()
                 }));
             }));
-            this._ref.on("dragend", (e => {
+            this._ref.on("dragend", (() => {
                 const absoluteTransform = this._ref.getStage().getAbsoluteTransform();
                 const position = absoluteTransform.point({
                     x: this._ref.x(),
@@ -82048,7 +82047,7 @@ void main() {
         getWidth() {
             return this._ref.width();
         }
-        getHeigth() {
+        getHeight() {
             return this._ref.height();
         }
         setWidth(w) {
@@ -82253,7 +82252,7 @@ void main() {
                     y: 1
                 });
             }));
-            this._ref.on("transformend", (e => {
+            this._ref.on("transformend", (() => {
                 const absoluteTransform = this._ref.getStage().getAbsoluteTransform();
                 const position = absoluteTransform.point({
                     x: this._ref.x(),
@@ -82271,7 +82270,7 @@ void main() {
                 });
                 this._ref.setAttr("wcsRadiusY", this._worldTransformer.screenToWorld(radiusY));
             }));
-            this._ref.on("dragend", (e => {
+            this._ref.on("dragend", (() => {
                 const absoluteTransform = this._ref.getStage().getAbsoluteTransform();
                 const position = absoluteTransform.point({
                     x: this._ref.x(),
@@ -82685,7 +82684,7 @@ void main() {
                     y: 1
                 });
             }));
-            this._ref.on("transformend", (e => {
+            this._ref.on("transformend", (() => {
                 const absoluteTransform = this._ref.getStage().getAbsoluteTransform();
                 const position = absoluteTransform.point({
                     x: this._ref.x(),
@@ -82697,7 +82696,7 @@ void main() {
                     y: position.y + this._ref.height()
                 }));
             }));
-            this._ref.on("dragend", (e => {
+            this._ref.on("dragend", (() => {
                 const absoluteTransform = this._ref.getStage().getAbsoluteTransform();
                 const position = absoluteTransform.point({
                     x: this._ref.x(),
@@ -82986,7 +82985,7 @@ void main() {
                     y: position.y + this._ref.height()
                 }));
             }));
-            this._ref.on("dragend", (e => {
+            this._ref.on("dragend", (() => {
                 const absoluteTransform = this._ref.getStage().getAbsoluteTransform();
                 const position = absoluteTransform.point({
                     x: this._ref.x(),
@@ -83071,7 +83070,7 @@ void main() {
             const wcsRightLowerPoint = this._worldTransformer.screenToWorld(rightLowerPoint);
             this._ref.setAttr("wcsEnd", wcsRightLowerPoint);
         }
-        getHeigth() {
+        getHeight() {
             return this._ref.height();
         }
         setHeight(h) {
@@ -83188,12 +83187,12 @@ void main() {
                     markupObject.updateScreenCoordinates();
                 }));
             };
-            this.pan = event => {
+            this.pan = () => {
                 this.getObjects().forEach((markupObject => {
                     markupObject.updateScreenCoordinates();
                 }));
             };
-            this.zoomAt = event => {
+            this.zoomAt = () => {
                 this.getObjects().forEach((markupObject => {
                     markupObject.updateScreenCoordinates();
                 }));
@@ -83456,7 +83455,7 @@ void main() {
                     lastLine = this.addLine([ pos.x, pos.y, pos.x, pos.y ]);
                 }
             }));
-            stage.on("mouseup touchend", (e => {
+            stage.on("mouseup touchend", (() => {
                 if (!this._markupIsActive) return;
                 if (isPaint) {
                     const pos = this.getRelativePointerPosition(stage);
@@ -83498,7 +83497,7 @@ void main() {
                 lastObj = undefined;
                 isPaint = false;
             }));
-            stage.on("mousemove touchmove", (e => {
+            stage.on("mousemove touchmove", (() => {
                 if (!this._markupIsActive) return;
                 if (!isPaint) {
                     return;
@@ -83878,7 +83877,7 @@ void main() {
                         y: this._imageInputPos.y
                     }, null, base64.toString(), 0, 0);
                 };
-                this._imageInputRef.oncancel = event => {
+                this._imageInputRef.oncancel = () => {
                     this.removeImageInput();
                 };
                 document.body.appendChild(this._imageInputRef);
@@ -84065,13 +84064,17 @@ void main() {
             this.addEventListener("optionschange", (event) => this.syncOptions(event.data));
             this.scene = new Scene();
             this.helpers = new Scene();
+            this.target = new Vector3();
             const pixelRatio = window.devicePixelRatio;
             const rect = canvas.parentElement.getBoundingClientRect();
             const width = rect.width || 1;
             const height = rect.height || 1;
             const aspect = width / height;
             this.camera = new PerspectiveCamera(45, aspect, 0.01, 1000);
-            this.camera.up.set(0, 0, 1);
+            this.camera.up.set(0, 1, 0);
+            this.camera.position.set(0, 0, 1);
+            this.camera.lookAt(this.target);
+            this.camera.updateProjectionMatrix();
             this.renderer = new WebGLRenderer({
                 canvas,
                 antialias: true,