@babylonjs/gui 5.0.0-rc.7 → 5.0.0-rc.9

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

@@ -1,53 +1,53 @@
-import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
-import { int } from "@babylonjs/core/types.js";
-import { Container3D } from "./container3D";
-import { Control3D } from "./control3D";
-/**
- * Abstract class used to create a container panel deployed on the surface of a volume
- */
-export declare abstract class VolumeBasedPanel extends Container3D {
-    private _columns;
-    private _rows;
-    private _rowThenColum;
-    private _orientation;
-    protected _cellWidth: number;
-    protected _cellHeight: number;
-    /**
-     * Gets or sets the distance between elements
-     */
-    margin: number;
-    /**
-     * Gets or sets the orientation to apply to all controls (BABYLON.Container3D.FaceOriginReversedOrientation by default)
-     * | Value | Type                                | Description |
-     * | ----- | ----------------------------------- | ----------- |
-     * | 0     | UNSET_ORIENTATION                   |  Control rotation will remain unchanged |
-     * | 1     | FACEORIGIN_ORIENTATION              |  Control will rotate to make it look at sphere central axis |
-     * | 2     | FACEORIGINREVERSED_ORIENTATION      |  Control will rotate to make it look back at sphere central axis |
-     * | 3     | FACEFORWARD_ORIENTATION             |  Control will rotate to look at z axis (0, 0, 1) |
-     * | 4     | FACEFORWARDREVERSED_ORIENTATION     |  Control will rotate to look at negative z axis (0, 0, -1) |
-     */
-    get orientation(): number;
-    set orientation(value: number);
-    /**
-     * Gets or sets the number of columns requested (10 by default).
-     * The panel will automatically compute the number of rows based on number of child controls.
-     */
-    get columns(): int;
-    set columns(value: int);
-    /**
-     * Gets or sets a the number of rows requested.
-     * The panel will automatically compute the number of columns based on number of child controls.
-     */
-    get rows(): int;
-    set rows(value: int);
-    /**
-     * Creates new VolumeBasedPanel
-     * @param name
-     */
-    constructor(name?: string);
-    protected _arrangeChildren(): void;
-    /** Child classes must implement this function to provide correct control positioning */
-    protected abstract _mapGridNode(control: Control3D, nodePosition: Vector3): void;
-    /** Child classes can implement this function to provide additional processing */
-    protected _finalProcessing(): void;
-}
+import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
+import { int } from "@babylonjs/core/types.js";
+import { Container3D } from "./container3D";
+import { Control3D } from "./control3D";
+/**
+ * Abstract class used to create a container panel deployed on the surface of a volume
+ */
+export declare abstract class VolumeBasedPanel extends Container3D {
+    private _columns;
+    private _rows;
+    private _rowThenColum;
+    private _orientation;
+    protected _cellWidth: number;
+    protected _cellHeight: number;
+    /**
+     * Gets or sets the distance between elements
+     */
+    margin: number;
+    /**
+     * Gets or sets the orientation to apply to all controls (BABYLON.Container3D.FaceOriginReversedOrientation by default)
+     * | Value | Type                                | Description |
+     * | ----- | ----------------------------------- | ----------- |
+     * | 0     | UNSET_ORIENTATION                   |  Control rotation will remain unchanged |
+     * | 1     | FACEORIGIN_ORIENTATION              |  Control will rotate to make it look at sphere central axis |
+     * | 2     | FACEORIGINREVERSED_ORIENTATION      |  Control will rotate to make it look back at sphere central axis |
+     * | 3     | FACEFORWARD_ORIENTATION             |  Control will rotate to look at z axis (0, 0, 1) |
+     * | 4     | FACEFORWARDREVERSED_ORIENTATION     |  Control will rotate to look at negative z axis (0, 0, -1) |
+     */
+    get orientation(): number;
+    set orientation(value: number);
+    /**
+     * Gets or sets the number of columns requested (10 by default).
+     * The panel will automatically compute the number of rows based on number of child controls.
+     */
+    get columns(): int;
+    set columns(value: int);
+    /**
+     * Gets or sets a the number of rows requested.
+     * The panel will automatically compute the number of columns based on number of child controls.
+     */
+    get rows(): int;
+    set rows(value: int);
+    /**
+     * Creates new VolumeBasedPanel
+     * @param name
+     */
+    constructor(name?: string);
+    protected _arrangeChildren(): void;
+    /** Child classes must implement this function to provide correct control positioning */
+    protected abstract _mapGridNode(control: Control3D, nodePosition: Vector3): void;
+    /** Child classes can implement this function to provide additional processing */
+    protected _finalProcessing(): void;
+}

package/3D/controls/volumeBasedPanel.js

@@ -1,175 +1,175 @@
-import { __extends } from "tslib";
-import { Tools } from "@babylonjs/core/Misc/tools.js";
-import { Matrix, Vector3, TmpVectors } from "@babylonjs/core/Maths/math.vector.js";
-import { Container3D } from "./container3D.js";
-/**
- * Abstract class used to create a container panel deployed on the surface of a volume
- */
-var VolumeBasedPanel = /** @class */ (function (_super) {
-    __extends(VolumeBasedPanel, _super);
-    /**
-     * Creates new VolumeBasedPanel
-     * @param name
-     */
-    function VolumeBasedPanel(name) {
-        var _this = _super.call(this, name) || this;
-        _this._columns = 10;
-        _this._rows = 0;
-        _this._rowThenColum = true;
-        _this._orientation = Container3D.FACEORIGIN_ORIENTATION;
-        /**
-         * Gets or sets the distance between elements
-         */
-        _this.margin = 0;
-        return _this;
-    }
-    Object.defineProperty(VolumeBasedPanel.prototype, "orientation", {
-        /**
-         * Gets or sets the orientation to apply to all controls (BABYLON.Container3D.FaceOriginReversedOrientation by default)
-         * | Value | Type                                | Description |
-         * | ----- | ----------------------------------- | ----------- |
-         * | 0     | UNSET_ORIENTATION                   |  Control rotation will remain unchanged |
-         * | 1     | FACEORIGIN_ORIENTATION              |  Control will rotate to make it look at sphere central axis |
-         * | 2     | FACEORIGINREVERSED_ORIENTATION      |  Control will rotate to make it look back at sphere central axis |
-         * | 3     | FACEFORWARD_ORIENTATION             |  Control will rotate to look at z axis (0, 0, 1) |
-         * | 4     | FACEFORWARDREVERSED_ORIENTATION     |  Control will rotate to look at negative z axis (0, 0, -1) |
-         */
-        get: function () {
-            return this._orientation;
-        },
-        set: function (value) {
-            var _this = this;
-            if (this._orientation === value) {
-                return;
-            }
-            this._orientation = value;
-            Tools.SetImmediate(function () {
-                _this._arrangeChildren();
-            });
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(VolumeBasedPanel.prototype, "columns", {
-        /**
-         * Gets or sets the number of columns requested (10 by default).
-         * The panel will automatically compute the number of rows based on number of child controls.
-         */
-        get: function () {
-            return this._columns;
-        },
-        set: function (value) {
-            var _this = this;
-            if (this._columns === value) {
-                return;
-            }
-            this._columns = value;
-            this._rowThenColum = true;
-            Tools.SetImmediate(function () {
-                _this._arrangeChildren();
-            });
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(VolumeBasedPanel.prototype, "rows", {
-        /**
-         * Gets or sets a the number of rows requested.
-         * The panel will automatically compute the number of columns based on number of child controls.
-         */
-        get: function () {
-            return this._rows;
-        },
-        set: function (value) {
-            var _this = this;
-            if (this._rows === value) {
-                return;
-            }
-            this._rows = value;
-            this._rowThenColum = false;
-            Tools.SetImmediate(function () {
-                _this._arrangeChildren();
-            });
-        },
-        enumerable: false,
-        configurable: true
-    });
-    VolumeBasedPanel.prototype._arrangeChildren = function () {
-        this._cellWidth = 0;
-        this._cellHeight = 0;
-        var rows = 0;
-        var columns = 0;
-        var controlCount = 0;
-        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, Tmp.Matrix[0]);
-            var boundingBox = child.mesh.getHierarchyBoundingVectors();
-            var extendSize = TmpVectors.Vector3[0];
-            var diff = TmpVectors.Vector3[1];
-            boundingBox.max.subtractToRef(boundingBox.min, diff);
-            diff.scaleInPlace(0.5);
-            Vector3.TransformNormalToRef(diff, currentInverseWorld, extendSize);
-            this._cellWidth = Math.max(this._cellWidth, extendSize.x * 2);
-            this._cellHeight = Math.max(this._cellHeight, extendSize.y * 2);
-        }
-        this._cellWidth += this.margin * 2;
-        this._cellHeight += this.margin * 2;
-        // Arrange
-        if (this._rowThenColum) {
-            columns = this._columns;
-            rows = Math.ceil(controlCount / this._columns);
-        }
-        else {
-            rows = this._rows;
-            columns = Math.ceil(controlCount / this._rows);
-        }
-        var startOffsetX = columns * 0.5 * this._cellWidth;
-        var startOffsetY = rows * 0.5 * this._cellHeight;
-        var nodeGrid = [];
-        var cellCounter = 0;
-        if (this._rowThenColum) {
-            for (var r = 0; r < rows; r++) {
-                for (var c = 0; c < columns; c++) {
-                    nodeGrid.push(new Vector3(c * this._cellWidth - startOffsetX + this._cellWidth / 2, r * this._cellHeight - startOffsetY + this._cellHeight / 2, 0));
-                    cellCounter++;
-                    if (cellCounter > controlCount) {
-                        break;
-                    }
-                }
-            }
-        }
-        else {
-            for (var c = 0; c < columns; c++) {
-                for (var r = 0; r < rows; r++) {
-                    nodeGrid.push(new Vector3(c * this._cellWidth - startOffsetX + this._cellWidth / 2, r * this._cellHeight - startOffsetY + this._cellHeight / 2, 0));
-                    cellCounter++;
-                    if (cellCounter > controlCount) {
-                        break;
-                    }
-                }
-            }
-        }
-        cellCounter = 0;
-        for (var _b = 0, _c = this._children; _b < _c.length; _b++) {
-            var child = _c[_b];
-            if (!child.mesh) {
-                continue;
-            }
-            this._mapGridNode(child, nodeGrid[cellCounter]);
-            cellCounter++;
-        }
-        this._finalProcessing();
-    };
-    /** Child classes can implement this function to provide additional processing */
-    VolumeBasedPanel.prototype._finalProcessing = function () { };
-    return VolumeBasedPanel;
-}(Container3D));
-export { VolumeBasedPanel };
+import { __extends } from "tslib";
+import { Tools } from "@babylonjs/core/Misc/tools.js";
+import { Matrix, Vector3, TmpVectors } from "@babylonjs/core/Maths/math.vector.js";
+import { Container3D } from "./container3D";
+/**
+ * Abstract class used to create a container panel deployed on the surface of a volume
+ */
+var VolumeBasedPanel = /** @class */ (function (_super) {
+    __extends(VolumeBasedPanel, _super);
+    /**
+     * Creates new VolumeBasedPanel
+     * @param name
+     */
+    function VolumeBasedPanel(name) {
+        var _this = _super.call(this, name) || this;
+        _this._columns = 10;
+        _this._rows = 0;
+        _this._rowThenColum = true;
+        _this._orientation = Container3D.FACEORIGIN_ORIENTATION;
+        /**
+         * Gets or sets the distance between elements
+         */
+        _this.margin = 0;
+        return _this;
+    }
+    Object.defineProperty(VolumeBasedPanel.prototype, "orientation", {
+        /**
+         * Gets or sets the orientation to apply to all controls (BABYLON.Container3D.FaceOriginReversedOrientation by default)
+         * | Value | Type                                | Description |
+         * | ----- | ----------------------------------- | ----------- |
+         * | 0     | UNSET_ORIENTATION                   |  Control rotation will remain unchanged |
+         * | 1     | FACEORIGIN_ORIENTATION              |  Control will rotate to make it look at sphere central axis |
+         * | 2     | FACEORIGINREVERSED_ORIENTATION      |  Control will rotate to make it look back at sphere central axis |
+         * | 3     | FACEFORWARD_ORIENTATION             |  Control will rotate to look at z axis (0, 0, 1) |
+         * | 4     | FACEFORWARDREVERSED_ORIENTATION     |  Control will rotate to look at negative z axis (0, 0, -1) |
+         */
+        get: function () {
+            return this._orientation;
+        },
+        set: function (value) {
+            var _this = this;
+            if (this._orientation === value) {
+                return;
+            }
+            this._orientation = value;
+            Tools.SetImmediate(function () {
+                _this._arrangeChildren();
+            });
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(VolumeBasedPanel.prototype, "columns", {
+        /**
+         * Gets or sets the number of columns requested (10 by default).
+         * The panel will automatically compute the number of rows based on number of child controls.
+         */
+        get: function () {
+            return this._columns;
+        },
+        set: function (value) {
+            var _this = this;
+            if (this._columns === value) {
+                return;
+            }
+            this._columns = value;
+            this._rowThenColum = true;
+            Tools.SetImmediate(function () {
+                _this._arrangeChildren();
+            });
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(VolumeBasedPanel.prototype, "rows", {
+        /**
+         * Gets or sets a the number of rows requested.
+         * The panel will automatically compute the number of columns based on number of child controls.
+         */
+        get: function () {
+            return this._rows;
+        },
+        set: function (value) {
+            var _this = this;
+            if (this._rows === value) {
+                return;
+            }
+            this._rows = value;
+            this._rowThenColum = false;
+            Tools.SetImmediate(function () {
+                _this._arrangeChildren();
+            });
+        },
+        enumerable: false,
+        configurable: true
+    });
+    VolumeBasedPanel.prototype._arrangeChildren = function () {
+        this._cellWidth = 0;
+        this._cellHeight = 0;
+        var rows = 0;
+        var columns = 0;
+        var controlCount = 0;
+        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, Tmp.Matrix[0]);
+            var boundingBox = child.mesh.getHierarchyBoundingVectors();
+            var extendSize = TmpVectors.Vector3[0];
+            var diff = TmpVectors.Vector3[1];
+            boundingBox.max.subtractToRef(boundingBox.min, diff);
+            diff.scaleInPlace(0.5);
+            Vector3.TransformNormalToRef(diff, currentInverseWorld, extendSize);
+            this._cellWidth = Math.max(this._cellWidth, extendSize.x * 2);
+            this._cellHeight = Math.max(this._cellHeight, extendSize.y * 2);
+        }
+        this._cellWidth += this.margin * 2;
+        this._cellHeight += this.margin * 2;
+        // Arrange
+        if (this._rowThenColum) {
+            columns = this._columns;
+            rows = Math.ceil(controlCount / this._columns);
+        }
+        else {
+            rows = this._rows;
+            columns = Math.ceil(controlCount / this._rows);
+        }
+        var startOffsetX = columns * 0.5 * this._cellWidth;
+        var startOffsetY = rows * 0.5 * this._cellHeight;
+        var nodeGrid = [];
+        var cellCounter = 0;
+        if (this._rowThenColum) {
+            for (var r = 0; r < rows; r++) {
+                for (var c = 0; c < columns; c++) {
+                    nodeGrid.push(new Vector3(c * this._cellWidth - startOffsetX + this._cellWidth / 2, r * this._cellHeight - startOffsetY + this._cellHeight / 2, 0));
+                    cellCounter++;
+                    if (cellCounter > controlCount) {
+                        break;
+                    }
+                }
+            }
+        }
+        else {
+            for (var c = 0; c < columns; c++) {
+                for (var r = 0; r < rows; r++) {
+                    nodeGrid.push(new Vector3(c * this._cellWidth - startOffsetX + this._cellWidth / 2, r * this._cellHeight - startOffsetY + this._cellHeight / 2, 0));
+                    cellCounter++;
+                    if (cellCounter > controlCount) {
+                        break;
+                    }
+                }
+            }
+        }
+        cellCounter = 0;
+        for (var _b = 0, _c = this._children; _b < _c.length; _b++) {
+            var child = _c[_b];
+            if (!child.mesh) {
+                continue;
+            }
+            this._mapGridNode(child, nodeGrid[cellCounter]);
+            cellCounter++;
+        }
+        this._finalProcessing();
+    };
+    /** Child classes can implement this function to provide additional processing */
+    VolumeBasedPanel.prototype._finalProcessing = function () { };
+    return VolumeBasedPanel;
+}(Container3D));
+export { VolumeBasedPanel };
 //# sourceMappingURL=volumeBasedPanel.js.map