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

package/3D/controls/button3D.js

@@ -1,94 +1,94 @@
-import { __extends } from "tslib";
-import { Vector4 } from "@babylonjs/core/Maths/math.vector.js";
-import { CreateBox } from "@babylonjs/core/Meshes/Builders/boxBuilder.js";
-import { StandardMaterial } from "@babylonjs/core/Materials/standardMaterial.js";
-import { AbstractButton3D } from "./abstractButton3D.js";
-import { Color3 } from "@babylonjs/core/Maths/math.color.js";
-/**
- * Class used to create a button in 3D
- */
-var Button3D = /** @class */ (function (_super) {
-    __extends(Button3D, _super);
-    /**
-     * Creates a new button
-     * @param name defines the control name
-     */
-    function Button3D(name) {
-        var _this = _super.call(this, name) || this;
-        // Default animations
-        _this.pointerEnterAnimation = function () {
-            if (!_this.mesh) {
-                return;
-            }
-            _this._currentMaterial.emissiveColor = Color3.Red();
-        };
-        _this.pointerOutAnimation = function () {
-            _this._currentMaterial.emissiveColor = Color3.Black();
-        };
-        _this.pointerDownAnimation = function () {
-            if (!_this.mesh) {
-                return;
-            }
-            _this.mesh.scaling.scaleInPlace(0.95);
-        };
-        _this.pointerUpAnimation = function () {
-            if (!_this.mesh) {
-                return;
-            }
-            _this.mesh.scaling.scaleInPlace(1.0 / 0.95);
-        };
-        return _this;
-    }
-    /**
-     * Apply the facade texture (created from the content property).
-     * @param facadeTexture defines the AdvancedDynamicTexture to use
-     */
-    Button3D.prototype._applyFacade = function (facadeTexture) {
-        this._currentMaterial.emissiveTexture = facadeTexture;
-    };
-    Button3D.prototype._getTypeName = function () {
-        return "Button3D";
-    };
-    // Mesh association
-    Button3D.prototype._createNode = function (scene) {
-        var faceUV = new Array(6);
-        for (var i = 0; i < 6; i++) {
-            faceUV[i] = new Vector4(0, 0, 0, 0);
-        }
-        if (scene.useRightHandedSystem) {
-            // Flip the u on the texture
-            faceUV[0].copyFromFloats(1, 0, 0, 1);
-        }
-        else {
-            faceUV[1].copyFromFloats(0, 0, 1, 1);
-        }
-        var mesh = CreateBox(this.name + "_rootMesh", {
-            width: 1.0,
-            height: 1.0,
-            depth: 0.08,
-            faceUV: faceUV,
-            wrap: true,
-        }, scene);
-        return mesh;
-    };
-    Button3D.prototype._affectMaterial = function (mesh) {
-        var material = new StandardMaterial(this.name + "Material", mesh.getScene());
-        material.specularColor = Color3.Black();
-        mesh.material = material;
-        this._currentMaterial = material;
-        this._resetContent();
-    };
-    /**
-     * Releases all associated resources
-     */
-    Button3D.prototype.dispose = function () {
-        _super.prototype.dispose.call(this);
-        this._disposeFacadeTexture();
-        if (this._currentMaterial) {
-            this._currentMaterial.dispose();
-        }
-    };
-    return Button3D;
-}(AbstractButton3D));
-export { Button3D };
+import { __extends } from "tslib";
+import { Vector4 } from "@babylonjs/core/Maths/math.vector.js";
+import { CreateBox } from "@babylonjs/core/Meshes/Builders/boxBuilder.js";
+import { StandardMaterial } from "@babylonjs/core/Materials/standardMaterial.js";
+import { AbstractButton3D } from "./abstractButton3D";
+import { Color3 } from "@babylonjs/core/Maths/math.color.js";
+/**
+ * Class used to create a button in 3D
+ */
+var Button3D = /** @class */ (function (_super) {
+    __extends(Button3D, _super);
+    /**
+     * Creates a new button
+     * @param name defines the control name
+     */
+    function Button3D(name) {
+        var _this = _super.call(this, name) || this;
+        // Default animations
+        _this.pointerEnterAnimation = function () {
+            if (!_this.mesh) {
+                return;
+            }
+            _this._currentMaterial.emissiveColor = Color3.Red();
+        };
+        _this.pointerOutAnimation = function () {
+            _this._currentMaterial.emissiveColor = Color3.Black();
+        };
+        _this.pointerDownAnimation = function () {
+            if (!_this.mesh) {
+                return;
+            }
+            _this.mesh.scaling.scaleInPlace(0.95);
+        };
+        _this.pointerUpAnimation = function () {
+            if (!_this.mesh) {
+                return;
+            }
+            _this.mesh.scaling.scaleInPlace(1.0 / 0.95);
+        };
+        return _this;
+    }
+    /**
+     * Apply the facade texture (created from the content property).
+     * @param facadeTexture defines the AdvancedDynamicTexture to use
+     */
+    Button3D.prototype._applyFacade = function (facadeTexture) {
+        this._currentMaterial.emissiveTexture = facadeTexture;
+    };
+    Button3D.prototype._getTypeName = function () {
+        return "Button3D";
+    };
+    // Mesh association
+    Button3D.prototype._createNode = function (scene) {
+        var faceUV = new Array(6);
+        for (var i = 0; i < 6; i++) {
+            faceUV[i] = new Vector4(0, 0, 0, 0);
+        }
+        if (scene.useRightHandedSystem) {
+            // Flip the u on the texture
+            faceUV[0].copyFromFloats(1, 0, 0, 1);
+        }
+        else {
+            faceUV[1].copyFromFloats(0, 0, 1, 1);
+        }
+        var mesh = CreateBox(this.name + "_rootMesh", {
+            width: 1.0,
+            height: 1.0,
+            depth: 0.08,
+            faceUV: faceUV,
+            wrap: true,
+        }, scene);
+        return mesh;
+    };
+    Button3D.prototype._affectMaterial = function (mesh) {
+        var material = new StandardMaterial(this.name + "Material", mesh.getScene());
+        material.specularColor = Color3.Black();
+        mesh.material = material;
+        this._currentMaterial = material;
+        this._resetContent();
+    };
+    /**
+     * Releases all associated resources
+     */
+    Button3D.prototype.dispose = function () {
+        _super.prototype.dispose.call(this);
+        this._disposeFacadeTexture();
+        if (this._currentMaterial) {
+            this._currentMaterial.dispose();
+        }
+    };
+    return Button3D;
+}(AbstractButton3D));
+export { Button3D };
 //# sourceMappingURL=button3D.js.map

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

@@ -1,72 +1,72 @@
-import { Nullable } from "@babylonjs/core/types.js";
-import { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
-import { Scene } from "@babylonjs/core/scene.js";
-import { Control3D } from "./control3D";
-/**
- * Class used to create containers for controls
- */
-export declare class Container3D extends Control3D {
-    private _blockLayout;
-    /**
-     * Gets the list of child controls
-     */
-    protected _children: Control3D[];
-    /**
-     * Gets the list of child controls
-     */
-    get children(): Array<Control3D>;
-    /**
-     * Gets or sets a boolean indicating if the layout must be blocked (default is false).
-     * This is helpful to optimize layout operation when adding multiple children in a row
-     */
-    get blockLayout(): boolean;
-    set blockLayout(value: boolean);
-    /**
-     * Creates a new container
-     * @param name defines the container name
-     */
-    constructor(name?: string);
-    /**
-     * Force the container to update the layout. Please note that it will not take blockLayout property in account
-     * @returns the current container
-     */
-    updateLayout(): Container3D;
-    /**
-     * Gets a boolean indicating if the given control is in the children of this control
-     * @param control defines the control to check
-     * @returns true if the control is in the child list
-     */
-    containsControl(control: Control3D): boolean;
-    /**
-     * Adds a control to the children of this control
-     * @param control defines the control to add
-     * @returns the current container
-     */
-    addControl(control: Control3D): Container3D;
-    /**
-     * This function will be called everytime a new control is added
-     */
-    protected _arrangeChildren(): void;
-    protected _createNode(scene: Scene): Nullable<TransformNode>;
-    /**
-     * Removes a control from the children of this control
-     * @param control defines the control to remove
-     * @returns the current container
-     */
-    removeControl(control: Control3D): Container3D;
-    protected _getTypeName(): string;
-    /**
-     * Releases all associated resources
-     */
-    dispose(): void;
-    /** Control rotation will remain unchanged  */
-    static readonly UNSET_ORIENTATION = 0;
-    /** Control will rotate to make it look at sphere central axis */
-    static readonly FACEORIGIN_ORIENTATION = 1;
-    /** Control will rotate to make it look back at sphere central axis */
-    static readonly FACEORIGINREVERSED_ORIENTATION = 2;
-    /** Control will rotate to look at z axis (0, 0, 1) */
-    static readonly FACEFORWARD_ORIENTATION = 3;
-    /** Control will rotate to look at negative z axis (0, 0, -1) */
-    static readonly FACEFORWARDREVERSED_ORIENTATION = 4;
-}
+import { Nullable } from "@babylonjs/core/types.js";
+import { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
+import { Scene } from "@babylonjs/core/scene.js";
+import { Control3D } from "./control3D";
+/**
+ * Class used to create containers for controls
+ */
+export declare class Container3D extends Control3D {
+    private _blockLayout;
+    /**
+     * Gets the list of child controls
+     */
+    protected _children: Control3D[];
+    /**
+     * Gets the list of child controls
+     */
+    get children(): Array<Control3D>;
+    /**
+     * Gets or sets a boolean indicating if the layout must be blocked (default is false).
+     * This is helpful to optimize layout operation when adding multiple children in a row
+     */
+    get blockLayout(): boolean;
+    set blockLayout(value: boolean);
+    /**
+     * Creates a new container
+     * @param name defines the container name
+     */
+    constructor(name?: string);
+    /**
+     * Force the container to update the layout. Please note that it will not take blockLayout property in account
+     * @returns the current container
+     */
+    updateLayout(): Container3D;
+    /**
+     * Gets a boolean indicating if the given control is in the children of this control
+     * @param control defines the control to check
+     * @returns true if the control is in the child list
+     */
+    containsControl(control: Control3D): boolean;
+    /**
+     * Adds a control to the children of this control
+     * @param control defines the control to add
+     * @returns the current container
+     */
+    addControl(control: Control3D): Container3D;
+    /**
+     * This function will be called everytime a new control is added
+     */
+    protected _arrangeChildren(): void;
+    protected _createNode(scene: Scene): Nullable<TransformNode>;
+    /**
+     * Removes a control from the children of this control
+     * @param control defines the control to remove
+     * @returns the current container
+     */
+    removeControl(control: Control3D): Container3D;
+    protected _getTypeName(): string;
+    /**
+     * Releases all associated resources
+     */
+    dispose(): void;
+    /** Control rotation will remain unchanged  */
+    static readonly UNSET_ORIENTATION = 0;
+    /** Control will rotate to make it look at sphere central axis */
+    static readonly FACEORIGIN_ORIENTATION = 1;
+    /** Control will rotate to make it look back at sphere central axis */
+    static readonly FACEORIGINREVERSED_ORIENTATION = 2;
+    /** Control will rotate to look at z axis (0, 0, 1) */
+    static readonly FACEFORWARD_ORIENTATION = 3;
+    /** Control will rotate to look at negative z axis (0, 0, -1) */
+    static readonly FACEFORWARDREVERSED_ORIENTATION = 4;
+}

package/3D/controls/container3D.js

@@ -1,140 +1,140 @@
-import { __extends } from "tslib";
-import { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
-import { Control3D } from "./control3D.js";
-/**
- * Class used to create containers for controls
- */
-var Container3D = /** @class */ (function (_super) {
-    __extends(Container3D, _super);
-    /**
-     * Creates a new container
-     * @param name defines the container name
-     */
-    function Container3D(name) {
-        var _this = _super.call(this, name) || this;
-        _this._blockLayout = false;
-        /**
-         * Gets the list of child controls
-         */
-        _this._children = new Array();
-        return _this;
-    }
-    Object.defineProperty(Container3D.prototype, "children", {
-        /**
-         * Gets the list of child controls
-         */
-        get: function () {
-            return this._children;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Container3D.prototype, "blockLayout", {
-        /**
-         * Gets or sets a boolean indicating if the layout must be blocked (default is false).
-         * This is helpful to optimize layout operation when adding multiple children in a row
-         */
-        get: function () {
-            return this._blockLayout;
-        },
-        set: function (value) {
-            if (this._blockLayout === value) {
-                return;
-            }
-            this._blockLayout = value;
-            if (!this._blockLayout) {
-                this._arrangeChildren();
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * Force the container to update the layout. Please note that it will not take blockLayout property in account
-     * @returns the current container
-     */
-    Container3D.prototype.updateLayout = function () {
-        this._arrangeChildren();
-        return this;
-    };
-    /**
-     * Gets a boolean indicating if the given control is in the children of this control
-     * @param control defines the control to check
-     * @returns true if the control is in the child list
-     */
-    Container3D.prototype.containsControl = function (control) {
-        return this._children.indexOf(control) !== -1;
-    };
-    /**
-     * Adds a control to the children of this control
-     * @param control defines the control to add
-     * @returns the current container
-     */
-    Container3D.prototype.addControl = function (control) {
-        var index = this._children.indexOf(control);
-        if (index !== -1) {
-            return this;
-        }
-        control.parent = this;
-        control._host = this._host;
-        this._children.push(control);
-        if (this._host.utilityLayer) {
-            control._prepareNode(this._host.utilityLayer.utilityLayerScene);
-            if (control.node) {
-                control.node.parent = this.node;
-            }
-            if (!this.blockLayout) {
-                this._arrangeChildren();
-            }
-        }
-        return this;
-    };
-    /**
-     * This function will be called everytime a new control is added
-     */
-    Container3D.prototype._arrangeChildren = function () { };
-    Container3D.prototype._createNode = function (scene) {
-        return new TransformNode("ContainerNode", scene);
-    };
-    /**
-     * Removes a control from the children of this control
-     * @param control defines the control to remove
-     * @returns the current container
-     */
-    Container3D.prototype.removeControl = function (control) {
-        var index = this._children.indexOf(control);
-        if (index !== -1) {
-            this._children.splice(index, 1);
-            control.parent = null;
-            control._disposeNode();
-        }
-        return this;
-    };
-    Container3D.prototype._getTypeName = function () {
-        return "Container3D";
-    };
-    /**
-     * Releases all associated resources
-     */
-    Container3D.prototype.dispose = function () {
-        for (var _i = 0, _a = this._children; _i < _a.length; _i++) {
-            var control = _a[_i];
-            control.dispose();
-        }
-        this._children = [];
-        _super.prototype.dispose.call(this);
-    };
-    /** Control rotation will remain unchanged  */
-    Container3D.UNSET_ORIENTATION = 0;
-    /** Control will rotate to make it look at sphere central axis */
-    Container3D.FACEORIGIN_ORIENTATION = 1;
-    /** Control will rotate to make it look back at sphere central axis */
-    Container3D.FACEORIGINREVERSED_ORIENTATION = 2;
-    /** Control will rotate to look at z axis (0, 0, 1) */
-    Container3D.FACEFORWARD_ORIENTATION = 3;
-    /** Control will rotate to look at negative z axis (0, 0, -1) */
-    Container3D.FACEFORWARDREVERSED_ORIENTATION = 4;
-    return Container3D;
-}(Control3D));
-export { Container3D };
+import { __extends } from "tslib";
+import { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
+import { Control3D } from "./control3D";
+/**
+ * Class used to create containers for controls
+ */
+var Container3D = /** @class */ (function (_super) {
+    __extends(Container3D, _super);
+    /**
+     * Creates a new container
+     * @param name defines the container name
+     */
+    function Container3D(name) {
+        var _this = _super.call(this, name) || this;
+        _this._blockLayout = false;
+        /**
+         * Gets the list of child controls
+         */
+        _this._children = new Array();
+        return _this;
+    }
+    Object.defineProperty(Container3D.prototype, "children", {
+        /**
+         * Gets the list of child controls
+         */
+        get: function () {
+            return this._children;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Container3D.prototype, "blockLayout", {
+        /**
+         * Gets or sets a boolean indicating if the layout must be blocked (default is false).
+         * This is helpful to optimize layout operation when adding multiple children in a row
+         */
+        get: function () {
+            return this._blockLayout;
+        },
+        set: function (value) {
+            if (this._blockLayout === value) {
+                return;
+            }
+            this._blockLayout = value;
+            if (!this._blockLayout) {
+                this._arrangeChildren();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * Force the container to update the layout. Please note that it will not take blockLayout property in account
+     * @returns the current container
+     */
+    Container3D.prototype.updateLayout = function () {
+        this._arrangeChildren();
+        return this;
+    };
+    /**
+     * Gets a boolean indicating if the given control is in the children of this control
+     * @param control defines the control to check
+     * @returns true if the control is in the child list
+     */
+    Container3D.prototype.containsControl = function (control) {
+        return this._children.indexOf(control) !== -1;
+    };
+    /**
+     * Adds a control to the children of this control
+     * @param control defines the control to add
+     * @returns the current container
+     */
+    Container3D.prototype.addControl = function (control) {
+        var index = this._children.indexOf(control);
+        if (index !== -1) {
+            return this;
+        }
+        control.parent = this;
+        control._host = this._host;
+        this._children.push(control);
+        if (this._host.utilityLayer) {
+            control._prepareNode(this._host.utilityLayer.utilityLayerScene);
+            if (control.node) {
+                control.node.parent = this.node;
+            }
+            if (!this.blockLayout) {
+                this._arrangeChildren();
+            }
+        }
+        return this;
+    };
+    /**
+     * This function will be called everytime a new control is added
+     */
+    Container3D.prototype._arrangeChildren = function () { };
+    Container3D.prototype._createNode = function (scene) {
+        return new TransformNode("ContainerNode", scene);
+    };
+    /**
+     * Removes a control from the children of this control
+     * @param control defines the control to remove
+     * @returns the current container
+     */
+    Container3D.prototype.removeControl = function (control) {
+        var index = this._children.indexOf(control);
+        if (index !== -1) {
+            this._children.splice(index, 1);
+            control.parent = null;
+            control._disposeNode();
+        }
+        return this;
+    };
+    Container3D.prototype._getTypeName = function () {
+        return "Container3D";
+    };
+    /**
+     * Releases all associated resources
+     */
+    Container3D.prototype.dispose = function () {
+        for (var _i = 0, _a = this._children; _i < _a.length; _i++) {
+            var control = _a[_i];
+            control.dispose();
+        }
+        this._children = [];
+        _super.prototype.dispose.call(this);
+    };
+    /** Control rotation will remain unchanged  */
+    Container3D.UNSET_ORIENTATION = 0;
+    /** Control will rotate to make it look at sphere central axis */
+    Container3D.FACEORIGIN_ORIENTATION = 1;
+    /** Control will rotate to make it look back at sphere central axis */
+    Container3D.FACEORIGINREVERSED_ORIENTATION = 2;
+    /** Control will rotate to look at z axis (0, 0, 1) */
+    Container3D.FACEFORWARD_ORIENTATION = 3;
+    /** Control will rotate to look at negative z axis (0, 0, -1) */
+    Container3D.FACEFORWARDREVERSED_ORIENTATION = 4;
+    return Container3D;
+}(Control3D));
+export { Container3D };
 //# sourceMappingURL=container3D.js.map