@shopware-ag/dive 1.18.2 → 1.18.3

package/README.md

@@ -470,6 +470,14 @@ DIVECommunication class via
             Sets the gizmo's mode.
         </td>
     </tr>
+    <tr>
+        <td>
+            <a href="src/com/actions/toolbox/transform/setgizmoscalelinked.ts"> SET_GIZMO_SCALE_LINKED </a>
+        </td>
+        <td>
+            Sets the gizmo's unified scale mode.
+        </td>
+    </tr>
     <tr>
         <td>
             <a href="src/com/actions/toolbox/transform/setgizmovisible.ts"> SET_GIZMO_VISIBILITY </a>

package/build/dive.cjs

@@ -324,6 +324,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
 var import_TransformControls, DIVETransformTool;
 var init_TransformTool = __esm({
@@ -332,11 +346,13 @@ var init_TransformTool = __esm({
     init_BaseTool();
     import_TransformControls = require("three/examples/jsm/controls/TransformControls");
     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);
       }
@@ -359,6 +375,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);
@@ -379,6 +398,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"))
@@ -391,6 +432,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;
@@ -2420,6 +2466,12 @@ var _DIVECommunication = class _DIVECommunication {
         );
         break;
       }
+      case "SET_GIZMO_SCALE_LINKED": {
+        returnValue = this.setGizmoScaleLinked(
+          payload
+        );
+        break;
+      }
       case "USE_TOOL": {
         returnValue = this.useTool(
           payload
@@ -2684,6 +2736,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;
@@ -4222,6 +4279,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);
@@ -4301,16 +4361,7 @@ var DIVEAnimationSystem = class {
 var import_three25 = require("three");
 var import_three_spritetext = __toESM(require("three-spritetext"), 1);
 init_VisibilityLayerMask();
-
-// 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
+init_AxisHelperColors();
 var DIVEAxisCamera = class extends import_three25.OrthographicCamera {
   constructor(renderer, scene, controls) {
     super(-1, 1, 1, -1, 0.1, 100);
@@ -4438,7 +4489,7 @@ init_Info();
 // 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",