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

package/2D/controls/button.js

@@ -1,277 +1,277 @@
-import { __extends } from "tslib";
-import { Rectangle } from "./rectangle.js";
-import { Control } from "./control.js";
-import { TextBlock } from "./textBlock.js";
-import { Image } from "./image.js";
-import { RegisterClass } from "@babylonjs/core/Misc/typeStore.js";
-/**
- * Class used to create 2D buttons
- */
-var Button = /** @class */ (function (_super) {
-    __extends(Button, _super);
-    /**
-     * Creates a new Button
-     * @param name defines the name of the button
-     */
-    function Button(name) {
-        var _this = _super.call(this, name) || this;
-        _this.name = name;
-        /**
-         * Gets or sets a boolean indicating that the button will let internal controls handle picking instead of doing it directly using its bounding info
-         */
-        _this.delegatePickingToChildren = false;
-        _this.thickness = 1;
-        _this.isPointerBlocker = true;
-        var alphaStore = null;
-        _this.pointerEnterAnimation = function () {
-            alphaStore = _this.alpha;
-            _this.alpha -= 0.1;
-        };
-        _this.pointerOutAnimation = function () {
-            if (alphaStore !== null) {
-                _this.alpha = alphaStore;
-            }
-        };
-        _this.pointerDownAnimation = function () {
-            _this.scaleX -= 0.05;
-            _this.scaleY -= 0.05;
-        };
-        _this.pointerUpAnimation = function () {
-            _this.scaleX += 0.05;
-            _this.scaleY += 0.05;
-        };
-        return _this;
-    }
-    Object.defineProperty(Button.prototype, "image", {
-        /**
-         * Returns the image part of the button (if any)
-         */
-        get: function () {
-            return this._image;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Button.prototype, "textBlock", {
-        /**
-         * Returns the image part of the button (if any)
-         */
-        get: function () {
-            return this._textBlock;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Button.prototype._getTypeName = function () {
-        return "Button";
-    };
-    // While being a container, the button behaves like a control.
-    /**
-     * @param x
-     * @param y
-     * @param pi
-     * @param type
-     * @param pointerId
-     * @param buttonIndex
-     * @param deltaX
-     * @param deltaY
-     * @hidden
-     */
-    Button.prototype._processPicking = function (x, y, pi, type, pointerId, buttonIndex, deltaX, deltaY) {
-        if (!this._isEnabled || !this.isHitTestVisible || !this.isVisible || this.notRenderable) {
-            return false;
-        }
-        if (!_super.prototype.contains.call(this, x, y)) {
-            return false;
-        }
-        if (this.delegatePickingToChildren) {
-            var contains = false;
-            for (var index = this._children.length - 1; index >= 0; index--) {
-                var child = this._children[index];
-                if (child.isEnabled && child.isHitTestVisible && child.isVisible && !child.notRenderable && child.contains(x, y)) {
-                    contains = true;
-                    break;
-                }
-            }
-            if (!contains) {
-                return false;
-            }
-        }
-        this._processObservables(type, x, y, pi, pointerId, buttonIndex, deltaX, deltaY);
-        return true;
-    };
-    /**
-     * @param target
-     * @param pi
-     * @hidden
-     */
-    Button.prototype._onPointerEnter = function (target, pi) {
-        if (!_super.prototype._onPointerEnter.call(this, target, pi)) {
-            return false;
-        }
-        if (!this.isReadOnly && this.pointerEnterAnimation) {
-            this.pointerEnterAnimation();
-        }
-        return true;
-    };
-    /**
-     * @param target
-     * @param pi
-     * @param force
-     * @hidden
-     */
-    Button.prototype._onPointerOut = function (target, pi, force) {
-        if (force === void 0) { force = false; }
-        if (!this.isReadOnly && this.pointerOutAnimation) {
-            this.pointerOutAnimation();
-        }
-        _super.prototype._onPointerOut.call(this, target, pi, force);
-    };
-    /**
-     * @param target
-     * @param coordinates
-     * @param pointerId
-     * @param buttonIndex
-     * @param pi
-     * @hidden
-     */
-    Button.prototype._onPointerDown = function (target, coordinates, pointerId, buttonIndex, pi) {
-        if (!_super.prototype._onPointerDown.call(this, target, coordinates, pointerId, buttonIndex, pi)) {
-            return false;
-        }
-        if (!this.isReadOnly && this.pointerDownAnimation) {
-            this.pointerDownAnimation();
-        }
-        return true;
-    };
-    /**
-     * @param target
-     * @param coordinates
-     * @param pointerId
-     * @param buttonIndex
-     * @param notifyClick
-     * @param pi
-     * @hidden
-     */
-    Button.prototype._onPointerUp = function (target, coordinates, pointerId, buttonIndex, notifyClick, pi) {
-        if (!this.isReadOnly && this.pointerUpAnimation) {
-            this.pointerUpAnimation();
-        }
-        _super.prototype._onPointerUp.call(this, target, coordinates, pointerId, buttonIndex, notifyClick, pi);
-    };
-    /**
-     * Serializes the current button
-     * @param serializationObject defines the JSON serialized object
-     */
-    Button.prototype.serialize = function (serializationObject) {
-        _super.prototype.serialize.call(this, serializationObject);
-        if (this._textBlock) {
-            serializationObject.textBlockName = this._textBlock.name;
-        }
-        if (this._image) {
-            serializationObject.imageName = this._image.name;
-        }
-    };
-    /**
-     * @param serializedObject
-     * @param host
-     * @hidden
-     */
-    Button.prototype._parseFromContent = function (serializedObject, host) {
-        _super.prototype._parseFromContent.call(this, serializedObject, host);
-        if (serializedObject.textBlockName) {
-            this._textBlock = this.getChildByName(serializedObject.textBlockName);
-        }
-        if (serializedObject.imageName) {
-            this._image = this.getChildByName(serializedObject.imageName);
-        }
-    };
-    // Statics
-    /**
-     * Creates a new button made with an image and a text
-     * @param name defines the name of the button
-     * @param text defines the text of the button
-     * @param imageUrl defines the url of the image
-     * @returns a new Button
-     */
-    Button.CreateImageButton = function (name, text, imageUrl) {
-        var result = new this(name);
-        // Adding text
-        var textBlock = new TextBlock(name + "_button", text);
-        textBlock.textWrapping = true;
-        textBlock.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER;
-        textBlock.paddingLeft = "20%";
-        result.addControl(textBlock);
-        // Adding image
-        var iconImage = new Image(name + "_icon", imageUrl);
-        iconImage.width = "20%";
-        iconImage.stretch = Image.STRETCH_UNIFORM;
-        iconImage.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;
-        result.addControl(iconImage);
-        // Store
-        result._image = iconImage;
-        result._textBlock = textBlock;
-        return result;
-    };
-    /**
-     * Creates a new button made with an image
-     * @param name defines the name of the button
-     * @param imageUrl defines the url of the image
-     * @returns a new Button
-     */
-    Button.CreateImageOnlyButton = function (name, imageUrl) {
-        var result = new this(name);
-        // Adding image
-        var iconImage = new Image(name + "_icon", imageUrl);
-        iconImage.stretch = Image.STRETCH_FILL;
-        iconImage.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;
-        result.addControl(iconImage);
-        // Store
-        result._image = iconImage;
-        return result;
-    };
-    /**
-     * Creates a new button made with a text
-     * @param name defines the name of the button
-     * @param text defines the text of the button
-     * @returns a new Button
-     */
-    Button.CreateSimpleButton = function (name, text) {
-        var result = new this(name);
-        // Adding text
-        var textBlock = new TextBlock(name + "_button", text);
-        textBlock.textWrapping = true;
-        textBlock.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER;
-        result.addControl(textBlock);
-        // Store
-        result._textBlock = textBlock;
-        return result;
-    };
-    /**
-     * Creates a new button made with an image and a centered text
-     * @param name defines the name of the button
-     * @param text defines the text of the button
-     * @param imageUrl defines the url of the image
-     * @returns a new Button
-     */
-    Button.CreateImageWithCenterTextButton = function (name, text, imageUrl) {
-        var result = new this(name);
-        // Adding image
-        var iconImage = new Image(name + "_icon", imageUrl);
-        iconImage.stretch = Image.STRETCH_FILL;
-        result.addControl(iconImage);
-        // Adding text
-        var textBlock = new TextBlock(name + "_button", text);
-        textBlock.textWrapping = true;
-        textBlock.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER;
-        result.addControl(textBlock);
-        // Store
-        result._image = iconImage;
-        result._textBlock = textBlock;
-        return result;
-    };
-    return Button;
-}(Rectangle));
-export { Button };
-RegisterClass("BABYLON.GUI.Button", Button);
+import { __extends } from "tslib";
+import { Rectangle } from "./rectangle";
+import { Control } from "./control";
+import { TextBlock } from "./textBlock";
+import { Image } from "./image";
+import { RegisterClass } from "@babylonjs/core/Misc/typeStore.js";
+/**
+ * Class used to create 2D buttons
+ */
+var Button = /** @class */ (function (_super) {
+    __extends(Button, _super);
+    /**
+     * Creates a new Button
+     * @param name defines the name of the button
+     */
+    function Button(name) {
+        var _this = _super.call(this, name) || this;
+        _this.name = name;
+        /**
+         * Gets or sets a boolean indicating that the button will let internal controls handle picking instead of doing it directly using its bounding info
+         */
+        _this.delegatePickingToChildren = false;
+        _this.thickness = 1;
+        _this.isPointerBlocker = true;
+        var alphaStore = null;
+        _this.pointerEnterAnimation = function () {
+            alphaStore = _this.alpha;
+            _this.alpha -= 0.1;
+        };
+        _this.pointerOutAnimation = function () {
+            if (alphaStore !== null) {
+                _this.alpha = alphaStore;
+            }
+        };
+        _this.pointerDownAnimation = function () {
+            _this.scaleX -= 0.05;
+            _this.scaleY -= 0.05;
+        };
+        _this.pointerUpAnimation = function () {
+            _this.scaleX += 0.05;
+            _this.scaleY += 0.05;
+        };
+        return _this;
+    }
+    Object.defineProperty(Button.prototype, "image", {
+        /**
+         * Returns the image part of the button (if any)
+         */
+        get: function () {
+            return this._image;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Button.prototype, "textBlock", {
+        /**
+         * Returns the image part of the button (if any)
+         */
+        get: function () {
+            return this._textBlock;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Button.prototype._getTypeName = function () {
+        return "Button";
+    };
+    // While being a container, the button behaves like a control.
+    /**
+     * @param x
+     * @param y
+     * @param pi
+     * @param type
+     * @param pointerId
+     * @param buttonIndex
+     * @param deltaX
+     * @param deltaY
+     * @hidden
+     */
+    Button.prototype._processPicking = function (x, y, pi, type, pointerId, buttonIndex, deltaX, deltaY) {
+        if (!this._isEnabled || !this.isHitTestVisible || !this.isVisible || this.notRenderable) {
+            return false;
+        }
+        if (!_super.prototype.contains.call(this, x, y)) {
+            return false;
+        }
+        if (this.delegatePickingToChildren) {
+            var contains = false;
+            for (var index = this._children.length - 1; index >= 0; index--) {
+                var child = this._children[index];
+                if (child.isEnabled && child.isHitTestVisible && child.isVisible && !child.notRenderable && child.contains(x, y)) {
+                    contains = true;
+                    break;
+                }
+            }
+            if (!contains) {
+                return false;
+            }
+        }
+        this._processObservables(type, x, y, pi, pointerId, buttonIndex, deltaX, deltaY);
+        return true;
+    };
+    /**
+     * @param target
+     * @param pi
+     * @hidden
+     */
+    Button.prototype._onPointerEnter = function (target, pi) {
+        if (!_super.prototype._onPointerEnter.call(this, target, pi)) {
+            return false;
+        }
+        if (!this.isReadOnly && this.pointerEnterAnimation) {
+            this.pointerEnterAnimation();
+        }
+        return true;
+    };
+    /**
+     * @param target
+     * @param pi
+     * @param force
+     * @hidden
+     */
+    Button.prototype._onPointerOut = function (target, pi, force) {
+        if (force === void 0) { force = false; }
+        if (!this.isReadOnly && this.pointerOutAnimation) {
+            this.pointerOutAnimation();
+        }
+        _super.prototype._onPointerOut.call(this, target, pi, force);
+    };
+    /**
+     * @param target
+     * @param coordinates
+     * @param pointerId
+     * @param buttonIndex
+     * @param pi
+     * @hidden
+     */
+    Button.prototype._onPointerDown = function (target, coordinates, pointerId, buttonIndex, pi) {
+        if (!_super.prototype._onPointerDown.call(this, target, coordinates, pointerId, buttonIndex, pi)) {
+            return false;
+        }
+        if (!this.isReadOnly && this.pointerDownAnimation) {
+            this.pointerDownAnimation();
+        }
+        return true;
+    };
+    /**
+     * @param target
+     * @param coordinates
+     * @param pointerId
+     * @param buttonIndex
+     * @param notifyClick
+     * @param pi
+     * @hidden
+     */
+    Button.prototype._onPointerUp = function (target, coordinates, pointerId, buttonIndex, notifyClick, pi) {
+        if (!this.isReadOnly && this.pointerUpAnimation) {
+            this.pointerUpAnimation();
+        }
+        _super.prototype._onPointerUp.call(this, target, coordinates, pointerId, buttonIndex, notifyClick, pi);
+    };
+    /**
+     * Serializes the current button
+     * @param serializationObject defines the JSON serialized object
+     */
+    Button.prototype.serialize = function (serializationObject) {
+        _super.prototype.serialize.call(this, serializationObject);
+        if (this._textBlock) {
+            serializationObject.textBlockName = this._textBlock.name;
+        }
+        if (this._image) {
+            serializationObject.imageName = this._image.name;
+        }
+    };
+    /**
+     * @param serializedObject
+     * @param host
+     * @hidden
+     */
+    Button.prototype._parseFromContent = function (serializedObject, host) {
+        _super.prototype._parseFromContent.call(this, serializedObject, host);
+        if (serializedObject.textBlockName) {
+            this._textBlock = this.getChildByName(serializedObject.textBlockName);
+        }
+        if (serializedObject.imageName) {
+            this._image = this.getChildByName(serializedObject.imageName);
+        }
+    };
+    // Statics
+    /**
+     * Creates a new button made with an image and a text
+     * @param name defines the name of the button
+     * @param text defines the text of the button
+     * @param imageUrl defines the url of the image
+     * @returns a new Button
+     */
+    Button.CreateImageButton = function (name, text, imageUrl) {
+        var result = new this(name);
+        // Adding text
+        var textBlock = new TextBlock(name + "_button", text);
+        textBlock.textWrapping = true;
+        textBlock.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER;
+        textBlock.paddingLeft = "20%";
+        result.addControl(textBlock);
+        // Adding image
+        var iconImage = new Image(name + "_icon", imageUrl);
+        iconImage.width = "20%";
+        iconImage.stretch = Image.STRETCH_UNIFORM;
+        iconImage.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;
+        result.addControl(iconImage);
+        // Store
+        result._image = iconImage;
+        result._textBlock = textBlock;
+        return result;
+    };
+    /**
+     * Creates a new button made with an image
+     * @param name defines the name of the button
+     * @param imageUrl defines the url of the image
+     * @returns a new Button
+     */
+    Button.CreateImageOnlyButton = function (name, imageUrl) {
+        var result = new this(name);
+        // Adding image
+        var iconImage = new Image(name + "_icon", imageUrl);
+        iconImage.stretch = Image.STRETCH_FILL;
+        iconImage.horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;
+        result.addControl(iconImage);
+        // Store
+        result._image = iconImage;
+        return result;
+    };
+    /**
+     * Creates a new button made with a text
+     * @param name defines the name of the button
+     * @param text defines the text of the button
+     * @returns a new Button
+     */
+    Button.CreateSimpleButton = function (name, text) {
+        var result = new this(name);
+        // Adding text
+        var textBlock = new TextBlock(name + "_button", text);
+        textBlock.textWrapping = true;
+        textBlock.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER;
+        result.addControl(textBlock);
+        // Store
+        result._textBlock = textBlock;
+        return result;
+    };
+    /**
+     * Creates a new button made with an image and a centered text
+     * @param name defines the name of the button
+     * @param text defines the text of the button
+     * @param imageUrl defines the url of the image
+     * @returns a new Button
+     */
+    Button.CreateImageWithCenterTextButton = function (name, text, imageUrl) {
+        var result = new this(name);
+        // Adding image
+        var iconImage = new Image(name + "_icon", imageUrl);
+        iconImage.stretch = Image.STRETCH_FILL;
+        result.addControl(iconImage);
+        // Adding text
+        var textBlock = new TextBlock(name + "_button", text);
+        textBlock.textWrapping = true;
+        textBlock.textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER;
+        result.addControl(textBlock);
+        // Store
+        result._image = iconImage;
+        result._textBlock = textBlock;
+        return result;
+    };
+    return Button;
+}(Rectangle));
+export { Button };
+RegisterClass("BABYLON.GUI.Button", Button);
 //# sourceMappingURL=button.js.map

package/2D/controls/checkbox.d.ts

@@ -1,59 +1,59 @@
-import { Observable } from "@babylonjs/core/Misc/observable.js";
-import { Vector2 } from "@babylonjs/core/Maths/math.vector.js";
-import { Control } from "./control";
-import { StackPanel } from "./stackPanel";
-import { PointerInfoBase } from "@babylonjs/core/Events/pointerEvents.js";
-import { ICanvasRenderingContext } from "@babylonjs/core/Engines/ICanvas.js";
-/**
- * Class used to represent a 2D checkbox
- */
-export declare class Checkbox extends Control {
-    name?: string | undefined;
-    private _isChecked;
-    private _background;
-    private _checkSizeRatio;
-    private _thickness;
-    /** Gets or sets border thickness  */
-    get thickness(): number;
-    set thickness(value: number);
-    /**
-     * Observable raised when isChecked property changes
-     */
-    onIsCheckedChangedObservable: Observable<boolean>;
-    /** Gets or sets a value indicating the ratio between overall size and check size */
-    get checkSizeRatio(): number;
-    set checkSizeRatio(value: number);
-    /** Gets or sets background color */
-    get background(): string;
-    set background(value: string);
-    /** Gets or sets a boolean indicating if the checkbox is checked or not */
-    get isChecked(): boolean;
-    set isChecked(value: boolean);
-    /**
-     * Creates a new CheckBox
-     * @param name defines the control name
-     */
-    constructor(name?: string | undefined);
-    protected _getTypeName(): string;
-    /**
-     * @param context
-     * @hidden
-     */
-    _draw(context: ICanvasRenderingContext): void;
-    /**
-     * @param target
-     * @param coordinates
-     * @param pointerId
-     * @param buttonIndex
-     * @param pi
-     * @hidden
-     */
-    _onPointerDown(target: Control, coordinates: Vector2, pointerId: number, buttonIndex: number, pi: PointerInfoBase): boolean;
-    /**
-     * Utility function to easily create a checkbox with a header
-     * @param title defines the label to use for the header
-     * @param onValueChanged defines the callback to call when value changes
-     * @returns a StackPanel containing the checkbox and a textBlock
-     */
-    static AddCheckBoxWithHeader(title: string, onValueChanged: (value: boolean) => void): StackPanel;
-}
+import { Observable } from "@babylonjs/core/Misc/observable.js";
+import { Vector2 } from "@babylonjs/core/Maths/math.vector.js";
+import { Control } from "./control";
+import { StackPanel } from "./stackPanel";
+import { PointerInfoBase } from "@babylonjs/core/Events/pointerEvents.js";
+import { ICanvasRenderingContext } from "@babylonjs/core/Engines/ICanvas.js";
+/**
+ * Class used to represent a 2D checkbox
+ */
+export declare class Checkbox extends Control {
+    name?: string | undefined;
+    private _isChecked;
+    private _background;
+    private _checkSizeRatio;
+    private _thickness;
+    /** Gets or sets border thickness  */
+    get thickness(): number;
+    set thickness(value: number);
+    /**
+     * Observable raised when isChecked property changes
+     */
+    onIsCheckedChangedObservable: Observable<boolean>;
+    /** Gets or sets a value indicating the ratio between overall size and check size */
+    get checkSizeRatio(): number;
+    set checkSizeRatio(value: number);
+    /** Gets or sets background color */
+    get background(): string;
+    set background(value: string);
+    /** Gets or sets a boolean indicating if the checkbox is checked or not */
+    get isChecked(): boolean;
+    set isChecked(value: boolean);
+    /**
+     * Creates a new CheckBox
+     * @param name defines the control name
+     */
+    constructor(name?: string | undefined);
+    protected _getTypeName(): string;
+    /**
+     * @param context
+     * @hidden
+     */
+    _draw(context: ICanvasRenderingContext): void;
+    /**
+     * @param target
+     * @param coordinates
+     * @param pointerId
+     * @param buttonIndex
+     * @param pi
+     * @hidden
+     */
+    _onPointerDown(target: Control, coordinates: Vector2, pointerId: number, buttonIndex: number, pi: PointerInfoBase): boolean;
+    /**
+     * Utility function to easily create a checkbox with a header
+     * @param title defines the label to use for the header
+     * @param onValueChanged defines the callback to call when value changes
+     * @returns a StackPanel containing the checkbox and a textBlock
+     */
+    static AddCheckBoxWithHeader(title: string, onValueChanged: (value: boolean) => void): StackPanel;
+}