@shopware-ag/dive 1.18.2 → 1.18.3

package/build/dive.d.cts

@@ -595,6 +595,12 @@ interface SET_GIZMO_VISIBILITY {
     RETURN: boolean;
 }
 
+interface SET_GIZMO_SCALE_LINKED {
+    DESCRIPTION: "Sets the gizmo's unified scale mode.";
+    PAYLOAD: boolean;
+    RETURN: boolean;
+}
+
 interface COMPUTE_ENCOMPASSING_VIEW {
     DESCRIPTION: 'Calculates the camera position and target to view the whole scene. (experimental)';
     PAYLOAD: object;
@@ -845,11 +851,13 @@ declare class DIVEGizmo extends Object3D {
  */
 declare class DIVETransformTool extends DIVEBaseTool {
     readonly isTransformTool: boolean;
+    private _scaleLinked;
     protected _gizmo: TransformControls | DIVEGizmo;
     constructor(scene: DIVEScene, controller: DIVEOrbitControls);
     Activate(): void;
     SetGizmoMode(mode: 'translate' | 'rotate' | 'scale'): void;
     SetGizmoVisibility(active: boolean): void;
+    SetGizmoScaleLinked(linked: boolean): void;
     private initGizmo;
 }
 
@@ -890,6 +898,7 @@ declare class DIVEToolbox {
     UseTool(tool: ToolType): void;
     SetGizmoMode(mode: 'translate' | 'rotate' | 'scale'): void;
     SetGizmoVisibility(active: boolean): void;
+    SetGizmoScaleLinked(linked: boolean): void;
     onPointerMove(e: PointerEvent): void;
     onPointerDown(e: PointerEvent): void;
     onPointerUp(e: PointerEvent): void;
@@ -963,6 +972,7 @@ interface Actions {
     ZOOM_CAMERA: ZOOM_CAMERA;
     SET_GIZMO_MODE: SET_GIZMO_MODE;
     SET_GIZMO_VISIBILITY: SET_GIZMO_VISIBILITY;
+    SET_GIZMO_SCALE_LINKED: SET_GIZMO_SCALE_LINKED;
     USE_TOOL: USE_TOOL;
     MODEL_LOADED: MODEL_LOADED;
     UPDATE_SCENE: UPDATE_SCENE;
@@ -1035,6 +1045,7 @@ declare class DIVECommunication {
     private zoomCamera;
     private setGizmoMode;
     private setGizmoVisibility;
+    private setGizmoScaleLinked;
     private useTool;
     private modelLoaded;
     private updateScene;

package/build/dive.d.ts

@@ -595,6 +595,12 @@ interface SET_GIZMO_VISIBILITY {
     RETURN: boolean;
 }
 
+interface SET_GIZMO_SCALE_LINKED {
+    DESCRIPTION: "Sets the gizmo's unified scale mode.";
+    PAYLOAD: boolean;
+    RETURN: boolean;
+}
+
 interface COMPUTE_ENCOMPASSING_VIEW {
     DESCRIPTION: 'Calculates the camera position and target to view the whole scene. (experimental)';
     PAYLOAD: object;
@@ -845,11 +851,13 @@ declare class DIVEGizmo extends Object3D {
  */
 declare class DIVETransformTool extends DIVEBaseTool {
     readonly isTransformTool: boolean;
+    private _scaleLinked;
     protected _gizmo: TransformControls | DIVEGizmo;
     constructor(scene: DIVEScene, controller: DIVEOrbitControls);
     Activate(): void;
     SetGizmoMode(mode: 'translate' | 'rotate' | 'scale'): void;
     SetGizmoVisibility(active: boolean): void;
+    SetGizmoScaleLinked(linked: boolean): void;
     private initGizmo;
 }
 
@@ -890,6 +898,7 @@ declare class DIVEToolbox {
     UseTool(tool: ToolType): void;
     SetGizmoMode(mode: 'translate' | 'rotate' | 'scale'): void;
     SetGizmoVisibility(active: boolean): void;
+    SetGizmoScaleLinked(linked: boolean): void;
     onPointerMove(e: PointerEvent): void;
     onPointerDown(e: PointerEvent): void;
     onPointerUp(e: PointerEvent): void;
@@ -963,6 +972,7 @@ interface Actions {
     ZOOM_CAMERA: ZOOM_CAMERA;
     SET_GIZMO_MODE: SET_GIZMO_MODE;
     SET_GIZMO_VISIBILITY: SET_GIZMO_VISIBILITY;
+    SET_GIZMO_SCALE_LINKED: SET_GIZMO_SCALE_LINKED;
     USE_TOOL: USE_TOOL;
     MODEL_LOADED: MODEL_LOADED;
     UPDATE_SCENE: UPDATE_SCENE;
@@ -1035,6 +1045,7 @@ declare class DIVECommunication {
     private zoomCamera;
     private setGizmoMode;
     private setGizmoVisibility;
+    private setGizmoScaleLinked;
     private useTool;
     private modelLoaded;
     private updateScene;

package/build/dive.js

@@ -317,6 +317,20 @@ var init_BaseTool = __esm({
   }
 });
 
+// src/constant/AxisHelperColors.ts
+var AxesColorRedLetter, AxesColorGreenLetter, AxesColorBlueLetter, AxesColorRed, AxesColorGreen, AxesColorBlue;
+var init_AxisHelperColors = __esm({
+  "src/constant/AxisHelperColors.ts"() {
+    "use strict";
+    AxesColorRedLetter = "#c20017";
+    AxesColorGreenLetter = "#00ab26";
+    AxesColorBlueLetter = "#0081d4";
+    AxesColorRed = AxesColorRedLetter;
+    AxesColorGreen = AxesColorGreenLetter;
+    AxesColorBlue = AxesColorBlueLetter;
+  }
+});
+
 // src/toolbox/transform/TransformTool.ts
 import { TransformControls } from "three/examples/jsm/controls/TransformControls";
 var DIVETransformTool;
@@ -325,11 +339,13 @@ var init_TransformTool = __esm({
     "use strict";
     init_BaseTool();
     init_implementsInterface();
+    init_AxisHelperColors();
     DIVETransformTool = class extends DIVEBaseTool {
       constructor(scene, controller) {
         super(scene, controller);
         this.isTransformTool = true;
         this.name = "DIVETransformTool";
+        this._scaleLinked = false;
         this._gizmo = this.initGizmo();
         this._scene.add(this._gizmo);
       }
@@ -352,6 +368,9 @@ var init_TransformTool = __esm({
           }
         }
       }
+      SetGizmoScaleLinked(linked) {
+        this._scaleLinked = linked;
+      }
       // only used for optimizing pointer events with DIVEGizmo
       // public onPointerDown(e: PointerEvent): void {
       //     super.onPointerDown(e);
@@ -372,6 +391,28 @@ var init_TransformTool = __esm({
           this._controller.domElement
         );
         g.mode = "translate";
+        g.traverse((child) => {
+          if (!("isMesh" in child)) return;
+          const material = child.material;
+          if (child.name === "X") {
+            material.color.set(AxesColorRed);
+          }
+          if (child.name === "Y") {
+            material.color.set(AxesColorGreen);
+          }
+          if (child.name === "Z") {
+            material.color.set(AxesColorBlue);
+          }
+          if (child.name === "XY") {
+            material.color.set(AxesColorBlue);
+          }
+          if (child.name === "YZ") {
+            material.color.set(AxesColorRed);
+          }
+          if (child.name === "XZ") {
+            material.color.set(AxesColorGreen);
+          }
+        });
         g.addEventListener("mouseDown", () => {
           this._controller.enabled = false;
           if (!implementsInterface(g.object, "isMovable"))
@@ -384,6 +425,11 @@ var init_TransformTool = __esm({
             return;
           if (!g.object.onMove) return;
           g.object.onMove();
+          if (this._scaleLinked) {
+            const scale = g.object.scale;
+            const averageScale = (scale.x + scale.y + scale.z) / 3;
+            g.object.scale.set(averageScale, averageScale, averageScale);
+          }
         });
         g.addEventListener("mouseUp", () => {
           this._controller.enabled = true;
@@ -2423,6 +2469,12 @@ var _DIVECommunication = class _DIVECommunication {
         );
         break;
       }
+      case "SET_GIZMO_SCALE_LINKED": {
+        returnValue = this.setGizmoScaleLinked(
+          payload
+        );
+        break;
+      }
       case "USE_TOOL": {
         returnValue = this.useTool(
           payload
@@ -2687,6 +2739,11 @@ var _DIVECommunication = class _DIVECommunication {
     this.toolbox.SetGizmoVisibility(payload);
     return payload;
   }
+  setGizmoScaleLinked(payload) {
+    console.log("SET_GIZMO_SCALE_LINKED", payload);
+    this.toolbox.SetGizmoScaleLinked(payload);
+    return payload;
+  }
   useTool(payload) {
     this.toolbox.UseTool(payload.tool);
     return true;
@@ -4247,6 +4304,9 @@ var DIVEToolbox = class {
   SetGizmoVisibility(active) {
     this.selectTool.SetGizmoVisibility(active);
   }
+  SetGizmoScaleLinked(linked) {
+    this.selectTool.SetGizmoScaleLinked(linked);
+  }
   onPointerMove(e) {
     var _a;
     (_a = this._activeTool) == null ? void 0 : _a.onPointerMove(e);
@@ -4324,6 +4384,7 @@ var DIVEAnimationSystem = class {
 
 // src/axiscamera/AxisCamera.ts
 init_VisibilityLayerMask();
+init_AxisHelperColors();
 import {
   AxesHelper,
   Color as Color8,
@@ -4332,16 +4393,6 @@ import {
   Vector4
 } from "three";
 import SpriteText from "three-spritetext";
-
-// src/constant/AxisHelperColors.ts
-var AxesColorRedLetter = "#c20017";
-var AxesColorGreenLetter = "#00ab26";
-var AxesColorBlueLetter = "#0081d4";
-var AxesColorRed = AxesColorRedLetter;
-var AxesColorGreen = AxesColorGreenLetter;
-var AxesColorBlue = AxesColorBlueLetter;
-
-// src/axiscamera/AxisCamera.ts
 var DIVEAxisCamera = class extends OrthographicCamera {
   constructor(renderer, scene, controls) {
     super(-1, 1, 1, -1, 0.1, 100);
@@ -4469,7 +4520,7 @@ import { MathUtils as MathUtils5 } from "three";
 // package.json
 var package_default = {
   name: "@shopware-ag/dive",
-  version: "1.18.2",
+  version: "1.18.3",
   description: "Shopware Spatial Framework",
   type: "module",
   main: "./build/dive.cjs",