@babylonjs/gui 5.0.0-rc.7 → 5.0.1

package/3D/controls/spherePanel.d.ts

@@ -1,17 +1,17 @@
-import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
-import { float } from "@babylonjs/core/types.js";
-import { VolumeBasedPanel } from "./volumeBasedPanel";
-import { Control3D } from "./control3D";
-/**
- * Class used to create a container panel deployed on the surface of a sphere
- */
-export declare class SpherePanel extends VolumeBasedPanel {
-    private _radius;
-    /**
-     * Gets or sets the radius of the sphere where to project controls (5 by default)
-     */
-    get radius(): float;
-    set radius(value: float);
-    protected _mapGridNode(control: Control3D, nodePosition: Vector3): void;
-    private _sphericalMapping;
-}
+import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
+import type { float } from "@babylonjs/core/types.js";
+import { VolumeBasedPanel } from "./volumeBasedPanel";
+import type { Control3D } from "./control3D";
+/**
+ * Class used to create a container panel deployed on the surface of a sphere
+ */
+export declare class SpherePanel extends VolumeBasedPanel {
+    private _radius;
+    /**
+     * Gets or sets the radius of the sphere where to project controls (5 by default)
+     */
+    get radius(): float;
+    set radius(value: float);
+    protected _mapGridNode(control: Control3D, nodePosition: Vector3): void;
+    private _sphericalMapping;
+}

package/3D/controls/spherePanel.js

@@ -1,68 +1,68 @@
-import { __extends } from "tslib";
-import { Tools } from "@babylonjs/core/Misc/tools.js";
-import { Matrix, TmpVectors, Vector3 } from "@babylonjs/core/Maths/math.vector.js";
-import { VolumeBasedPanel } from "./volumeBasedPanel.js";
-import { Container3D } from "./container3D.js";
-import { Axis, Space } from "@babylonjs/core/Maths/math.axis.js";
-/**
- * Class used to create a container panel deployed on the surface of a sphere
- */
-var SpherePanel = /** @class */ (function (_super) {
-    __extends(SpherePanel, _super);
-    function SpherePanel() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this._radius = 5.0;
-        return _this;
-    }
-    Object.defineProperty(SpherePanel.prototype, "radius", {
-        /**
-         * Gets or sets the radius of the sphere where to project controls (5 by default)
-         */
-        get: function () {
-            return this._radius;
-        },
-        set: function (value) {
-            var _this = this;
-            if (this._radius === value) {
-                return;
-            }
-            this._radius = value;
-            Tools.SetImmediate(function () {
-                _this._arrangeChildren();
-            });
-        },
-        enumerable: false,
-        configurable: true
-    });
-    SpherePanel.prototype._mapGridNode = function (control, nodePosition) {
-        var mesh = control.mesh;
-        if (!mesh) {
-            return;
-        }
-        var newPos = this._sphericalMapping(nodePosition);
-        control.position = newPos;
-        switch (this.orientation) {
-            case Container3D.FACEORIGIN_ORIENTATION:
-                mesh.lookAt(new Vector3(2 * newPos.x, 2 * newPos.y, 2 * newPos.z));
-                break;
-            case Container3D.FACEORIGINREVERSED_ORIENTATION:
-                mesh.lookAt(new Vector3(-newPos.x, -newPos.y, -newPos.z));
-                break;
-            case Container3D.FACEFORWARD_ORIENTATION:
-                break;
-            case Container3D.FACEFORWARDREVERSED_ORIENTATION:
-                mesh.rotate(Axis.Y, Math.PI, Space.LOCAL);
-                break;
-        }
-    };
-    SpherePanel.prototype._sphericalMapping = function (source) {
-        var newPos = new Vector3(0, 0, this._radius);
-        var xAngle = source.y / this._radius;
-        var yAngle = -(source.x / this._radius);
-        Matrix.RotationYawPitchRollToRef(yAngle, xAngle, 0, TmpVectors.Matrix[0]);
-        return Vector3.TransformNormal(newPos, TmpVectors.Matrix[0]);
-    };
-    return SpherePanel;
-}(VolumeBasedPanel));
-export { SpherePanel };
+import { __extends } from "tslib";
+import { Tools } from "@babylonjs/core/Misc/tools.js";
+import { Matrix, TmpVectors, Vector3 } from "@babylonjs/core/Maths/math.vector.js";
+import { VolumeBasedPanel } from "./volumeBasedPanel.js";
+import { Container3D } from "./container3D.js";
+import { Axis, Space } from "@babylonjs/core/Maths/math.axis.js";
+/**
+ * Class used to create a container panel deployed on the surface of a sphere
+ */
+var SpherePanel = /** @class */ (function (_super) {
+    __extends(SpherePanel, _super);
+    function SpherePanel() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this._radius = 5.0;
+        return _this;
+    }
+    Object.defineProperty(SpherePanel.prototype, "radius", {
+        /**
+         * Gets or sets the radius of the sphere where to project controls (5 by default)
+         */
+        get: function () {
+            return this._radius;
+        },
+        set: function (value) {
+            var _this = this;
+            if (this._radius === value) {
+                return;
+            }
+            this._radius = value;
+            Tools.SetImmediate(function () {
+                _this._arrangeChildren();
+            });
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SpherePanel.prototype._mapGridNode = function (control, nodePosition) {
+        var mesh = control.mesh;
+        if (!mesh) {
+            return;
+        }
+        var newPos = this._sphericalMapping(nodePosition);
+        control.position = newPos;
+        switch (this.orientation) {
+            case Container3D.FACEORIGIN_ORIENTATION:
+                mesh.lookAt(new Vector3(2 * newPos.x, 2 * newPos.y, 2 * newPos.z));
+                break;
+            case Container3D.FACEORIGINREVERSED_ORIENTATION:
+                mesh.lookAt(new Vector3(-newPos.x, -newPos.y, -newPos.z));
+                break;
+            case Container3D.FACEFORWARD_ORIENTATION:
+                break;
+            case Container3D.FACEFORWARDREVERSED_ORIENTATION:
+                mesh.rotate(Axis.Y, Math.PI, Space.LOCAL);
+                break;
+        }
+    };
+    SpherePanel.prototype._sphericalMapping = function (source) {
+        var newPos = new Vector3(0, 0, this._radius);
+        var xAngle = source.y / this._radius;
+        var yAngle = -(source.x / this._radius);
+        Matrix.RotationYawPitchRollToRef(yAngle, xAngle, 0, TmpVectors.Matrix[0]);
+        return Vector3.TransformNormal(newPos, TmpVectors.Matrix[0]);
+    };
+    return SpherePanel;
+}(VolumeBasedPanel));
+export { SpherePanel };
 //# sourceMappingURL=spherePanel.js.map

package/3D/controls/spherePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"spherePanel.js","sourceRoot":"","sources":["../../../../../../lts/gui/generated/3D/controls/spherePanel.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,sCAAwB;AACxC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,6CAA+B;AAGrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,2CAA6B;AAEnD;;GAEG;AACH;IAAiC,+BAAgB;IAAjD;QAAA,qEAyDC;QAxDW,aAAO,GAAG,GAAG,CAAC;;IAwD1B,CAAC;IAnDG,sBAAW,+BAAM;QAHjB;;WAEG;aACH;YACI,OAAO,IAAI,CAAC,OAAO,CAAC;QACxB,CAAC;aAED,UAAkB,KAAY;YAA9B,iBAUC;YATG,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE;gBACxB,OAAO;aACV;YAED,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YAErB,KAAK,CAAC,YAAY,CAAC;gBACf,KAAI,CAAC,gBAAgB,EAAE,CAAC;YAC5B,CAAC,CAAC,CAAC;QACP,CAAC;;;OAZA;IAcS,kCAAY,GAAtB,UAAuB,OAAkB,EAAE,YAAqB;QAC5D,IAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;QAE1B,IAAI,CAAC,IAAI,EAAE;YACP,OAAO;SACV;QAED,IAAM,MAAM,GAAG,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC;QACpD,OAAO,CAAC,QAAQ,GAAG,MAAM,CAAC;QAE1B,QAAQ,IAAI,CAAC,WAAW,EAAE;YACtB,KAAK,WAAW,CAAC,sBAAsB;gBACnC,IAAI,CAAC,MAAM,CAAC,IAAI,OAAO,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;gBACnE,MAAM;YACV,KAAK,WAAW,CAAC,8BAA8B;gBAC3C,IAAI,CAAC,MAAM,CAAC,IAAI,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC1D,MAAM;YACV,KAAK,WAAW,CAAC,uBAAuB;gBACpC,MAAM;YACV,KAAK,WAAW,CAAC,+BAA+B;gBAC5C,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;gBAC1C,MAAM;SACb;IACL,CAAC;IAEO,uCAAiB,GAAzB,UAA0B,MAAe;QACrC,IAAM,MAAM,GAAG,IAAI,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAE/C,IAAM,MAAM,GAAG,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC;QACvC,IAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;QAE1C,MAAM,CAAC,yBAAyB,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAE1E,OAAO,OAAO,CAAC,eAAe,CAAC,MAAM,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IACjE,CAAC;IACL,kBAAC;AAAD,CAAC,AAzDD,CAAiC,gBAAgB,GAyDhD","sourcesContent":["import { Tools } from \"core/Misc/tools\";\r\nimport { Matrix, TmpVectors, Vector3 } from \"core/Maths/math.vector\";\r\nimport { float } from \"core/types\";\r\n\r\nimport { VolumeBasedPanel } from \"./volumeBasedPanel\";\r\nimport { Control3D } from \"./control3D\";\r\nimport { Container3D } from \"./container3D\";\r\nimport { Axis, Space } from \"core/Maths/math.axis\";\r\n\r\n/**\r\n * Class used to create a container panel deployed on the surface of a sphere\r\n */\r\nexport class SpherePanel extends VolumeBasedPanel {\r\n    private _radius = 5.0;\r\n\r\n    /**\r\n     * Gets or sets the radius of the sphere where to project controls (5 by default)\r\n     */\r\n    public get radius(): float {\r\n        return this._radius;\r\n    }\r\n\r\n    public set radius(value: float) {\r\n        if (this._radius === value) {\r\n            return;\r\n        }\r\n\r\n        this._radius = value;\r\n\r\n        Tools.SetImmediate(() => {\r\n            this._arrangeChildren();\r\n        });\r\n    }\r\n\r\n    protected _mapGridNode(control: Control3D, nodePosition: Vector3) {\r\n        const mesh = control.mesh;\r\n\r\n        if (!mesh) {\r\n            return;\r\n        }\r\n\r\n        const newPos = this._sphericalMapping(nodePosition);\r\n        control.position = newPos;\r\n\r\n        switch (this.orientation) {\r\n            case Container3D.FACEORIGIN_ORIENTATION:\r\n                mesh.lookAt(new Vector3(2 * newPos.x, 2 * newPos.y, 2 * newPos.z));\r\n                break;\r\n            case Container3D.FACEORIGINREVERSED_ORIENTATION:\r\n                mesh.lookAt(new Vector3(-newPos.x, -newPos.y, -newPos.z));\r\n                break;\r\n            case Container3D.FACEFORWARD_ORIENTATION:\r\n                break;\r\n            case Container3D.FACEFORWARDREVERSED_ORIENTATION:\r\n                mesh.rotate(Axis.Y, Math.PI, Space.LOCAL);\r\n                break;\r\n        }\r\n    }\r\n\r\n    private _sphericalMapping(source: Vector3) {\r\n        const newPos = new Vector3(0, 0, this._radius);\r\n\r\n        const xAngle = source.y / this._radius;\r\n        const yAngle = -(source.x / this._radius);\r\n\r\n        Matrix.RotationYawPitchRollToRef(yAngle, xAngle, 0, TmpVectors.Matrix[0]);\r\n\r\n        return Vector3.TransformNormal(newPos, TmpVectors.Matrix[0]);\r\n    }\r\n}\r\n"]}
+{"version":3,"file":"spherePanel.js","sourceRoot":"","sources":["../../../../../../lts/gui/generated/3D/controls/spherePanel.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,sCAAwB;AACxC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,6CAA+B;AAGrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,2CAA6B;AAEnD;;GAEG;AACH;IAAiC,+BAAgB;IAAjD;QAAA,qEAyDC;QAxDW,aAAO,GAAG,GAAG,CAAC;;IAwD1B,CAAC;IAnDG,sBAAW,+BAAM;QAHjB;;WAEG;aACH;YACI,OAAO,IAAI,CAAC,OAAO,CAAC;QACxB,CAAC;aAED,UAAkB,KAAY;YAA9B,iBAUC;YATG,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE;gBACxB,OAAO;aACV;YAED,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YAErB,KAAK,CAAC,YAAY,CAAC;gBACf,KAAI,CAAC,gBAAgB,EAAE,CAAC;YAC5B,CAAC,CAAC,CAAC;QACP,CAAC;;;OAZA;IAcS,kCAAY,GAAtB,UAAuB,OAAkB,EAAE,YAAqB;QAC5D,IAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;QAE1B,IAAI,CAAC,IAAI,EAAE;YACP,OAAO;SACV;QAED,IAAM,MAAM,GAAG,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC;QACpD,OAAO,CAAC,QAAQ,GAAG,MAAM,CAAC;QAE1B,QAAQ,IAAI,CAAC,WAAW,EAAE;YACtB,KAAK,WAAW,CAAC,sBAAsB;gBACnC,IAAI,CAAC,MAAM,CAAC,IAAI,OAAO,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;gBACnE,MAAM;YACV,KAAK,WAAW,CAAC,8BAA8B;gBAC3C,IAAI,CAAC,MAAM,CAAC,IAAI,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC1D,MAAM;YACV,KAAK,WAAW,CAAC,uBAAuB;gBACpC,MAAM;YACV,KAAK,WAAW,CAAC,+BAA+B;gBAC5C,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;gBAC1C,MAAM;SACb;IACL,CAAC;IAEO,uCAAiB,GAAzB,UAA0B,MAAe;QACrC,IAAM,MAAM,GAAG,IAAI,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAE/C,IAAM,MAAM,GAAG,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC;QACvC,IAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;QAE1C,MAAM,CAAC,yBAAyB,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAE1E,OAAO,OAAO,CAAC,eAAe,CAAC,MAAM,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IACjE,CAAC;IACL,kBAAC;AAAD,CAAC,AAzDD,CAAiC,gBAAgB,GAyDhD","sourcesContent":["import { Tools } from \"core/Misc/tools\";\r\nimport { Matrix, TmpVectors, Vector3 } from \"core/Maths/math.vector\";\r\nimport type { float } from \"core/types\";\r\n\r\nimport { VolumeBasedPanel } from \"./volumeBasedPanel\";\r\nimport type { Control3D } from \"./control3D\";\r\nimport { Container3D } from \"./container3D\";\r\nimport { Axis, Space } from \"core/Maths/math.axis\";\r\n\r\n/**\r\n * Class used to create a container panel deployed on the surface of a sphere\r\n */\r\nexport class SpherePanel extends VolumeBasedPanel {\r\n    private _radius = 5.0;\r\n\r\n    /**\r\n     * Gets or sets the radius of the sphere where to project controls (5 by default)\r\n     */\r\n    public get radius(): float {\r\n        return this._radius;\r\n    }\r\n\r\n    public set radius(value: float) {\r\n        if (this._radius === value) {\r\n            return;\r\n        }\r\n\r\n        this._radius = value;\r\n\r\n        Tools.SetImmediate(() => {\r\n            this._arrangeChildren();\r\n        });\r\n    }\r\n\r\n    protected _mapGridNode(control: Control3D, nodePosition: Vector3) {\r\n        const mesh = control.mesh;\r\n\r\n        if (!mesh) {\r\n            return;\r\n        }\r\n\r\n        const newPos = this._sphericalMapping(nodePosition);\r\n        control.position = newPos;\r\n\r\n        switch (this.orientation) {\r\n            case Container3D.FACEORIGIN_ORIENTATION:\r\n                mesh.lookAt(new Vector3(2 * newPos.x, 2 * newPos.y, 2 * newPos.z));\r\n                break;\r\n            case Container3D.FACEORIGINREVERSED_ORIENTATION:\r\n                mesh.lookAt(new Vector3(-newPos.x, -newPos.y, -newPos.z));\r\n                break;\r\n            case Container3D.FACEFORWARD_ORIENTATION:\r\n                break;\r\n            case Container3D.FACEFORWARDREVERSED_ORIENTATION:\r\n                mesh.rotate(Axis.Y, Math.PI, Space.LOCAL);\r\n                break;\r\n        }\r\n    }\r\n\r\n    private _sphericalMapping(source: Vector3) {\r\n        const newPos = new Vector3(0, 0, this._radius);\r\n\r\n        const xAngle = source.y / this._radius;\r\n        const yAngle = -(source.x / this._radius);\r\n\r\n        Matrix.RotationYawPitchRollToRef(yAngle, xAngle, 0, TmpVectors.Matrix[0]);\r\n\r\n        return Vector3.TransformNormal(newPos, TmpVectors.Matrix[0]);\r\n    }\r\n}\r\n"]}

package/3D/controls/stackPanel3D.d.ts

@@ -1,22 +1,22 @@
-import { Container3D } from "./container3D";
-/**
- * Class used to create a stack panel in 3D on XY plane
- */
-export declare class StackPanel3D extends Container3D {
-    private _isVertical;
-    /**
-     * Gets or sets a boolean indicating if the stack panel is vertical or horizontal (horizontal by default)
-     */
-    get isVertical(): boolean;
-    set isVertical(value: boolean);
-    /**
-     * Gets or sets the distance between elements
-     */
-    margin: number;
-    /**
-     * Creates new StackPanel
-     * @param isVertical
-     */
-    constructor(isVertical?: boolean);
-    protected _arrangeChildren(): void;
-}
+import { Container3D } from "./container3D";
+/**
+ * Class used to create a stack panel in 3D on XY plane
+ */
+export declare class StackPanel3D extends Container3D {
+    private _isVertical;
+    /**
+     * Gets or sets a boolean indicating if the stack panel is vertical or horizontal (horizontal by default)
+     */
+    get isVertical(): boolean;
+    set isVertical(value: boolean);
+    /**
+     * Gets or sets the distance between elements
+     */
+    margin: number;
+    /**
+     * Creates new StackPanel
+     * @param isVertical
+     */
+    constructor(isVertical?: boolean);
+    protected _arrangeChildren(): void;
+}

package/3D/controls/stackPanel3D.js

@@ -1,108 +1,108 @@
-import { __extends } from "tslib";
-import { Tools } from "@babylonjs/core/Misc/tools.js";
-import { Matrix, TmpVectors, Vector3 } from "@babylonjs/core/Maths/math.vector.js";
-import { Container3D } from "./container3D.js";
-/**
- * Class used to create a stack panel in 3D on XY plane
- */
-var StackPanel3D = /** @class */ (function (_super) {
-    __extends(StackPanel3D, _super);
-    /**
-     * Creates new StackPanel
-     * @param isVertical
-     */
-    function StackPanel3D(isVertical) {
-        if (isVertical === void 0) { isVertical = false; }
-        var _this = _super.call(this) || this;
-        _this._isVertical = false;
-        /**
-         * Gets or sets the distance between elements
-         */
-        _this.margin = 0.1;
-        _this._isVertical = isVertical;
-        return _this;
-    }
-    Object.defineProperty(StackPanel3D.prototype, "isVertical", {
-        /**
-         * Gets or sets a boolean indicating if the stack panel is vertical or horizontal (horizontal by default)
-         */
-        get: function () {
-            return this._isVertical;
-        },
-        set: function (value) {
-            var _this = this;
-            if (this._isVertical === value) {
-                return;
-            }
-            this._isVertical = value;
-            Tools.SetImmediate(function () {
-                _this._arrangeChildren();
-            });
-        },
-        enumerable: false,
-        configurable: true
-    });
-    StackPanel3D.prototype._arrangeChildren = function () {
-        var width = 0;
-        var height = 0;
-        var controlCount = 0;
-        var extendSizes = [];
-        var currentInverseWorld = Matrix.Invert(this.node.computeWorldMatrix(true));
-        // Measure
-        for (var _i = 0, _a = this._children; _i < _a.length; _i++) {
-            var child = _a[_i];
-            if (!child.mesh) {
-                continue;
-            }
-            controlCount++;
-            child.mesh.computeWorldMatrix(true);
-            child.mesh.getWorldMatrix().multiplyToRef(currentInverseWorld, TmpVectors.Matrix[0]);
-            var boundingBox = child.mesh.getBoundingInfo().boundingBox;
-            var extendSize = Vector3.TransformNormal(boundingBox.extendSize, TmpVectors.Matrix[0]);
-            extendSizes.push(extendSize);
-            if (this._isVertical) {
-                height += extendSize.y;
-            }
-            else {
-                width += extendSize.x;
-            }
-        }
-        if (this._isVertical) {
-            height += ((controlCount - 1) * this.margin) / 2;
-        }
-        else {
-            width += ((controlCount - 1) * this.margin) / 2;
-        }
-        // Arrange
-        var offset;
-        if (this._isVertical) {
-            offset = -height;
-        }
-        else {
-            offset = -width;
-        }
-        var index = 0;
-        for (var _b = 0, _c = this._children; _b < _c.length; _b++) {
-            var child = _c[_b];
-            if (!child.mesh) {
-                continue;
-            }
-            controlCount--;
-            var extendSize = extendSizes[index++];
-            if (this._isVertical) {
-                child.position.y = offset + extendSize.y;
-                child.position.x = 0;
-                offset += extendSize.y * 2;
-            }
-            else {
-                child.position.x = offset + extendSize.x;
-                child.position.y = 0;
-                offset += extendSize.x * 2;
-            }
-            offset += controlCount > 0 ? this.margin : 0;
-        }
-    };
-    return StackPanel3D;
-}(Container3D));
-export { StackPanel3D };
+import { __extends } from "tslib";
+import { Tools } from "@babylonjs/core/Misc/tools.js";
+import { Matrix, TmpVectors, Vector3 } from "@babylonjs/core/Maths/math.vector.js";
+import { Container3D } from "./container3D.js";
+/**
+ * Class used to create a stack panel in 3D on XY plane
+ */
+var StackPanel3D = /** @class */ (function (_super) {
+    __extends(StackPanel3D, _super);
+    /**
+     * Creates new StackPanel
+     * @param isVertical
+     */
+    function StackPanel3D(isVertical) {
+        if (isVertical === void 0) { isVertical = false; }
+        var _this = _super.call(this) || this;
+        _this._isVertical = false;
+        /**
+         * Gets or sets the distance between elements
+         */
+        _this.margin = 0.1;
+        _this._isVertical = isVertical;
+        return _this;
+    }
+    Object.defineProperty(StackPanel3D.prototype, "isVertical", {
+        /**
+         * Gets or sets a boolean indicating if the stack panel is vertical or horizontal (horizontal by default)
+         */
+        get: function () {
+            return this._isVertical;
+        },
+        set: function (value) {
+            var _this = this;
+            if (this._isVertical === value) {
+                return;
+            }
+            this._isVertical = value;
+            Tools.SetImmediate(function () {
+                _this._arrangeChildren();
+            });
+        },
+        enumerable: false,
+        configurable: true
+    });
+    StackPanel3D.prototype._arrangeChildren = function () {
+        var width = 0;
+        var height = 0;
+        var controlCount = 0;
+        var extendSizes = [];
+        var currentInverseWorld = Matrix.Invert(this.node.computeWorldMatrix(true));
+        // Measure
+        for (var _i = 0, _a = this._children; _i < _a.length; _i++) {
+            var child = _a[_i];
+            if (!child.mesh) {
+                continue;
+            }
+            controlCount++;
+            child.mesh.computeWorldMatrix(true);
+            child.mesh.getWorldMatrix().multiplyToRef(currentInverseWorld, TmpVectors.Matrix[0]);
+            var boundingBox = child.mesh.getBoundingInfo().boundingBox;
+            var extendSize = Vector3.TransformNormal(boundingBox.extendSize, TmpVectors.Matrix[0]);
+            extendSizes.push(extendSize);
+            if (this._isVertical) {
+                height += extendSize.y;
+            }
+            else {
+                width += extendSize.x;
+            }
+        }
+        if (this._isVertical) {
+            height += ((controlCount - 1) * this.margin) / 2;
+        }
+        else {
+            width += ((controlCount - 1) * this.margin) / 2;
+        }
+        // Arrange
+        var offset;
+        if (this._isVertical) {
+            offset = -height;
+        }
+        else {
+            offset = -width;
+        }
+        var index = 0;
+        for (var _b = 0, _c = this._children; _b < _c.length; _b++) {
+            var child = _c[_b];
+            if (!child.mesh) {
+                continue;
+            }
+            controlCount--;
+            var extendSize = extendSizes[index++];
+            if (this._isVertical) {
+                child.position.y = offset + extendSize.y;
+                child.position.x = 0;
+                offset += extendSize.y * 2;
+            }
+            else {
+                child.position.x = offset + extendSize.x;
+                child.position.y = 0;
+                offset += extendSize.x * 2;
+            }
+            offset += controlCount > 0 ? this.margin : 0;
+        }
+    };
+    return StackPanel3D;
+}(Container3D));
+export { StackPanel3D };
 //# sourceMappingURL=stackPanel3D.js.map

package/3D/controls/touchButton3D.d.ts

@@ -1,80 +1,80 @@
-import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
-import { Mesh } from "@babylonjs/core/Meshes/mesh.js";
-import { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
-import { Scene } from "@babylonjs/core/scene.js";
-import { Observable } from "@babylonjs/core/Misc/observable.js";
-import { Button3D } from "./button3D";
-/**
- * Class used to create a touchable button in 3D
- */
-export declare class TouchButton3D extends Button3D {
-    private _collisionMesh;
-    private _collidableFrontDirection;
-    private _isNearPressed;
-    private _interactionSurfaceHeight;
-    private _isToggleButton;
-    private _toggleState;
-    private _toggleButtonCallback;
-    /**
-     * An event triggered when the button is toggled. Only fired if 'isToggleButton' is true
-     */
-    onToggleObservable: Observable<boolean>;
-    /**
-     * Creates a new touchable button
-     * @param name defines the control name
-     * @param collisionMesh mesh to track collisions with
-     */
-    constructor(name?: string, collisionMesh?: Mesh);
-    /**
-     * Whether the current interaction is caused by near interaction or not
-     */
-    get isActiveNearInteraction(): boolean;
-    /**
-     * Sets the front-facing direction of the button. Pass in Vector3.Zero to allow interactions from any direction
-     * @param frontWorldDir the forward direction of the button
-     */
-    set collidableFrontDirection(frontWorldDir: Vector3);
-    /**
-     * Returns the front-facing direction of the button, or Vector3.Zero if there is no 'front'
-     */
-    get collidableFrontDirection(): Vector3;
-    /**
-     * Sets the mesh used for testing input collision
-     * @param collisionMesh the new collision mesh for the button
-     */
-    set collisionMesh(collisionMesh: Mesh);
-    /**
-     * Setter for if this TouchButton3D should be treated as a toggle button
-     * @param value If this TouchHolographicButton should act like a toggle button
-     */
-    set isToggleButton(value: boolean);
-    get isToggleButton(): boolean;
-    /**
-     * A public entrypoint to set the toggle state of the TouchHolographicButton. Only works if 'isToggleButton' is true
-     * @param newState The new state to set the TouchHolographicButton's toggle state to
-     */
-    set isToggled(newState: boolean);
-    get isToggled(): boolean;
-    protected _onToggle(newState: boolean): void;
-    private _isInteractionInFrontOfButton;
-    /**
-     * Get the height of the touchPoint from the collidable part of the button
-     * @param touchPoint the point to compare to the button, in absolute position
-     * @returns the depth of the touch point into the front of the button
-     */
-    getPressDepth(touchPoint: Vector3): number;
-    protected _getInteractionHeight(interactionPos: Vector3, basePos: Vector3): number;
-    /**
-     * @param providedType
-     * @param nearMeshPosition
-     * @param activeInteractionCount
-     * @hidden
-     */
-    _generatePointerEventType(providedType: number, nearMeshPosition: Vector3, activeInteractionCount: number): number;
-    protected _getTypeName(): string;
-    protected _createNode(scene: Scene): TransformNode;
-    /**
-     * Releases all associated resources
-     */
-    dispose(): void;
-}
+import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
+import type { Mesh } from "@babylonjs/core/Meshes/mesh.js";
+import type { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
+import type { Scene } from "@babylonjs/core/scene.js";
+import { Observable } from "@babylonjs/core/Misc/observable.js";
+import { Button3D } from "./button3D";
+/**
+ * Class used to create a touchable button in 3D
+ */
+export declare class TouchButton3D extends Button3D {
+    private _collisionMesh;
+    private _collidableFrontDirection;
+    private _isNearPressed;
+    private _interactionSurfaceHeight;
+    private _isToggleButton;
+    private _toggleState;
+    private _toggleButtonCallback;
+    /**
+     * An event triggered when the button is toggled. Only fired if 'isToggleButton' is true
+     */
+    onToggleObservable: Observable<boolean>;
+    /**
+     * Creates a new touchable button
+     * @param name defines the control name
+     * @param collisionMesh mesh to track collisions with
+     */
+    constructor(name?: string, collisionMesh?: Mesh);
+    /**
+     * Whether the current interaction is caused by near interaction or not
+     */
+    get isActiveNearInteraction(): boolean;
+    /**
+     * Sets the front-facing direction of the button. Pass in Vector3.Zero to allow interactions from any direction
+     * @param frontWorldDir the forward direction of the button
+     */
+    set collidableFrontDirection(frontWorldDir: Vector3);
+    /**
+     * Returns the front-facing direction of the button, or Vector3.Zero if there is no 'front'
+     */
+    get collidableFrontDirection(): Vector3;
+    /**
+     * Sets the mesh used for testing input collision
+     * @param collisionMesh the new collision mesh for the button
+     */
+    set collisionMesh(collisionMesh: Mesh);
+    /**
+     * Setter for if this TouchButton3D should be treated as a toggle button
+     * @param value If this TouchHolographicButton should act like a toggle button
+     */
+    set isToggleButton(value: boolean);
+    get isToggleButton(): boolean;
+    /**
+     * A public entrypoint to set the toggle state of the TouchHolographicButton. Only works if 'isToggleButton' is true
+     * @param newState The new state to set the TouchHolographicButton's toggle state to
+     */
+    set isToggled(newState: boolean);
+    get isToggled(): boolean;
+    protected _onToggle(newState: boolean): void;
+    private _isInteractionInFrontOfButton;
+    /**
+     * Get the height of the touchPoint from the collidable part of the button
+     * @param touchPoint the point to compare to the button, in absolute position
+     * @returns the depth of the touch point into the front of the button
+     */
+    getPressDepth(touchPoint: Vector3): number;
+    protected _getInteractionHeight(interactionPos: Vector3, basePos: Vector3): number;
+    /**
+     * @param providedType
+     * @param nearMeshPosition
+     * @param activeInteractionCount
+     * @hidden
+     */
+    _generatePointerEventType(providedType: number, nearMeshPosition: Vector3, activeInteractionCount: number): number;
+    protected _getTypeName(): string;
+    protected _createNode(scene: Scene): TransformNode;
+    /**
+     * Releases all associated resources
+     */
+    dispose(): void;
+}