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

package/2D/controls/ellipse.js

@@ -1,86 +1,86 @@
-import { __decorate, __extends } from "tslib";
-import { Container } from "./container.js";
-import { Control } from "./control.js";
-import { RegisterClass } from "@babylonjs/core/Misc/typeStore.js";
-import { serialize } from "@babylonjs/core/Misc/decorators.js";
-/** Class used to create 2D ellipse containers */
-var Ellipse = /** @class */ (function (_super) {
-    __extends(Ellipse, _super);
-    /**
-     * Creates a new Ellipse
-     * @param name defines the control name
-     */
-    function Ellipse(name) {
-        var _this = _super.call(this, name) || this;
-        _this.name = name;
-        _this._thickness = 1;
-        return _this;
-    }
-    Object.defineProperty(Ellipse.prototype, "thickness", {
-        /** Gets or sets border thickness */
-        get: function () {
-            return this._thickness;
-        },
-        set: function (value) {
-            if (this._thickness === value) {
-                return;
-            }
-            this._thickness = value;
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Ellipse.prototype._getTypeName = function () {
-        return "Ellipse";
-    };
-    Ellipse.prototype._localDraw = function (context) {
-        context.save();
-        if (this.shadowBlur || this.shadowOffsetX || this.shadowOffsetY) {
-            context.shadowColor = this.shadowColor;
-            context.shadowBlur = this.shadowBlur;
-            context.shadowOffsetX = this.shadowOffsetX;
-            context.shadowOffsetY = this.shadowOffsetY;
-        }
-        Control.drawEllipse(this._currentMeasure.left + this._currentMeasure.width / 2, this._currentMeasure.top + this._currentMeasure.height / 2, this._currentMeasure.width / 2 - this._thickness / 2, this._currentMeasure.height / 2 - this._thickness / 2, context);
-        if (this._background) {
-            context.fillStyle = this._background;
-            context.fill();
-        }
-        if (this.shadowBlur || this.shadowOffsetX || this.shadowOffsetY) {
-            context.shadowBlur = 0;
-            context.shadowOffsetX = 0;
-            context.shadowOffsetY = 0;
-        }
-        if (this._thickness) {
-            if (this.color) {
-                context.strokeStyle = this.color;
-            }
-            context.lineWidth = this._thickness;
-            context.stroke();
-        }
-        context.restore();
-    };
-    Ellipse.prototype._additionalProcessing = function (parentMeasure, context) {
-        _super.prototype._additionalProcessing.call(this, parentMeasure, context);
-        this._measureForChildren.width -= 2 * this._thickness;
-        this._measureForChildren.height -= 2 * this._thickness;
-        this._measureForChildren.left += this._thickness;
-        this._measureForChildren.top += this._thickness;
-    };
-    Ellipse.prototype._clipForChildren = function (context) {
-        Control.drawEllipse(this._currentMeasure.left + this._currentMeasure.width / 2, this._currentMeasure.top + this._currentMeasure.height / 2, this._currentMeasure.width / 2, this._currentMeasure.height / 2, context);
-        context.clip();
-    };
-    Ellipse.prototype._renderHighlightSpecific = function (context) {
-        Control.drawEllipse(this._currentMeasure.left + this._currentMeasure.width / 2, this._currentMeasure.top + this._currentMeasure.height / 2, this._currentMeasure.width / 2 - this._highlightLineWidth / 2, this._currentMeasure.height / 2 - this._highlightLineWidth / 2, context);
-        context.stroke();
-    };
-    __decorate([
-        serialize()
-    ], Ellipse.prototype, "thickness", null);
-    return Ellipse;
-}(Container));
-export { Ellipse };
-RegisterClass("BABYLON.GUI.Ellipse", Ellipse);
+import { __decorate, __extends } from "tslib";
+import { Container } from "./container";
+import { Control } from "./control";
+import { RegisterClass } from "@babylonjs/core/Misc/typeStore.js";
+import { serialize } from "@babylonjs/core/Misc/decorators.js";
+/** Class used to create 2D ellipse containers */
+var Ellipse = /** @class */ (function (_super) {
+    __extends(Ellipse, _super);
+    /**
+     * Creates a new Ellipse
+     * @param name defines the control name
+     */
+    function Ellipse(name) {
+        var _this = _super.call(this, name) || this;
+        _this.name = name;
+        _this._thickness = 1;
+        return _this;
+    }
+    Object.defineProperty(Ellipse.prototype, "thickness", {
+        /** Gets or sets border thickness */
+        get: function () {
+            return this._thickness;
+        },
+        set: function (value) {
+            if (this._thickness === value) {
+                return;
+            }
+            this._thickness = value;
+            this._markAsDirty();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Ellipse.prototype._getTypeName = function () {
+        return "Ellipse";
+    };
+    Ellipse.prototype._localDraw = function (context) {
+        context.save();
+        if (this.shadowBlur || this.shadowOffsetX || this.shadowOffsetY) {
+            context.shadowColor = this.shadowColor;
+            context.shadowBlur = this.shadowBlur;
+            context.shadowOffsetX = this.shadowOffsetX;
+            context.shadowOffsetY = this.shadowOffsetY;
+        }
+        Control.drawEllipse(this._currentMeasure.left + this._currentMeasure.width / 2, this._currentMeasure.top + this._currentMeasure.height / 2, this._currentMeasure.width / 2 - this._thickness / 2, this._currentMeasure.height / 2 - this._thickness / 2, context);
+        if (this._background) {
+            context.fillStyle = this._background;
+            context.fill();
+        }
+        if (this.shadowBlur || this.shadowOffsetX || this.shadowOffsetY) {
+            context.shadowBlur = 0;
+            context.shadowOffsetX = 0;
+            context.shadowOffsetY = 0;
+        }
+        if (this._thickness) {
+            if (this.color) {
+                context.strokeStyle = this.color;
+            }
+            context.lineWidth = this._thickness;
+            context.stroke();
+        }
+        context.restore();
+    };
+    Ellipse.prototype._additionalProcessing = function (parentMeasure, context) {
+        _super.prototype._additionalProcessing.call(this, parentMeasure, context);
+        this._measureForChildren.width -= 2 * this._thickness;
+        this._measureForChildren.height -= 2 * this._thickness;
+        this._measureForChildren.left += this._thickness;
+        this._measureForChildren.top += this._thickness;
+    };
+    Ellipse.prototype._clipForChildren = function (context) {
+        Control.drawEllipse(this._currentMeasure.left + this._currentMeasure.width / 2, this._currentMeasure.top + this._currentMeasure.height / 2, this._currentMeasure.width / 2, this._currentMeasure.height / 2, context);
+        context.clip();
+    };
+    Ellipse.prototype._renderHighlightSpecific = function (context) {
+        Control.drawEllipse(this._currentMeasure.left + this._currentMeasure.width / 2, this._currentMeasure.top + this._currentMeasure.height / 2, this._currentMeasure.width / 2 - this._highlightLineWidth / 2, this._currentMeasure.height / 2 - this._highlightLineWidth / 2, context);
+        context.stroke();
+    };
+    __decorate([
+        serialize()
+    ], Ellipse.prototype, "thickness", null);
+    return Ellipse;
+}(Container));
+export { Ellipse };
+RegisterClass("BABYLON.GUI.Ellipse", Ellipse);
 //# sourceMappingURL=ellipse.js.map

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

@@ -1,59 +1,59 @@
-import { Nullable } from "@babylonjs/core/types.js";
-import { Vector2 } from "@babylonjs/core/Maths/math.vector.js";
-import { Button } from "./button";
-import { Control } from "./control";
-import { PointerInfoBase } from "@babylonjs/core/Events/pointerEvents.js";
-import { IFocusableControl } from "./focusableControl";
-import { Observable } from "@babylonjs/core/Misc/observable.js";
-import { IKeyboardEvent } from "@babylonjs/core/Events/deviceInputEvents.js";
-/**
- * Class used to create a focusable button that can easily handle keyboard events
- * @since 5.0.0
- */
-export declare class FocusableButton extends Button implements IFocusableControl {
-    name?: string | undefined;
-    /** Highlight color when button is focused */
-    focusedColor: Nullable<string>;
-    private _isFocused;
-    private _unfocusedColor;
-    /** Observable raised when the control gets the focus */
-    onFocusObservable: Observable<Button>;
-    /** Observable raised when the control loses the focus */
-    onBlurObservable: Observable<Button>;
-    /** Observable raised when a key event was processed */
-    onKeyboardEventProcessedObservable: Observable<IKeyboardEvent>;
-    constructor(name?: string | undefined);
-    /** @hidden */
-    onBlur(): void;
-    /** @hidden */
-    onFocus(): void;
-    /**
-     * Function called to get the list of controls that should not steal the focus from this control
-     * @returns an array of controls
-     */
-    keepsFocusWith(): Nullable<Control[]>;
-    /**
-     * Function to focus a button programmatically
-     */
-    focus(): void;
-    /**
-     * Function to unfocus a button programmatically
-     */
-    blur(): void;
-    /**
-     * Handles the keyboard event
-     * @param evt Defines the KeyboardEvent
-     */
-    processKeyboard(evt: IKeyboardEvent): void;
-    /**
-     * @param target
-     * @param coordinates
-     * @param pointerId
-     * @param buttonIndex
-     * @param pi
-     * @hidden
-     */
-    _onPointerDown(target: Control, coordinates: Vector2, pointerId: number, buttonIndex: number, pi: PointerInfoBase): boolean;
-    /** @hidden */
-    displose(): void;
-}
+import { Nullable } from "@babylonjs/core/types.js";
+import { Vector2 } from "@babylonjs/core/Maths/math.vector.js";
+import { Button } from "./button";
+import { Control } from "./control";
+import { PointerInfoBase } from "@babylonjs/core/Events/pointerEvents.js";
+import { IFocusableControl } from "./focusableControl";
+import { Observable } from "@babylonjs/core/Misc/observable.js";
+import { IKeyboardEvent } from "@babylonjs/core/Events/deviceInputEvents.js";
+/**
+ * Class used to create a focusable button that can easily handle keyboard events
+ * @since 5.0.0
+ */
+export declare class FocusableButton extends Button implements IFocusableControl {
+    name?: string | undefined;
+    /** Highlight color when button is focused */
+    focusedColor: Nullable<string>;
+    private _isFocused;
+    private _unfocusedColor;
+    /** Observable raised when the control gets the focus */
+    onFocusObservable: Observable<Button>;
+    /** Observable raised when the control loses the focus */
+    onBlurObservable: Observable<Button>;
+    /** Observable raised when a key event was processed */
+    onKeyboardEventProcessedObservable: Observable<IKeyboardEvent>;
+    constructor(name?: string | undefined);
+    /** @hidden */
+    onBlur(): void;
+    /** @hidden */
+    onFocus(): void;
+    /**
+     * Function called to get the list of controls that should not steal the focus from this control
+     * @returns an array of controls
+     */
+    keepsFocusWith(): Nullable<Control[]>;
+    /**
+     * Function to focus a button programmatically
+     */
+    focus(): void;
+    /**
+     * Function to unfocus a button programmatically
+     */
+    blur(): void;
+    /**
+     * Handles the keyboard event
+     * @param evt Defines the KeyboardEvent
+     */
+    processKeyboard(evt: IKeyboardEvent): void;
+    /**
+     * @param target
+     * @param coordinates
+     * @param pointerId
+     * @param buttonIndex
+     * @param pi
+     * @hidden
+     */
+    _onPointerDown(target: Control, coordinates: Vector2, pointerId: number, buttonIndex: number, pi: PointerInfoBase): boolean;
+    /** @hidden */
+    displose(): void;
+}

package/2D/controls/focusableButton.js

@@ -1,100 +1,100 @@
-import { __extends } from "tslib";
-import { Button } from "./button.js";
-import { RegisterClass } from "@babylonjs/core/Misc/typeStore.js";
-import { Observable } from "@babylonjs/core/Misc/observable.js";
-/**
- * Class used to create a focusable button that can easily handle keyboard events
- * @since 5.0.0
- */
-var FocusableButton = /** @class */ (function (_super) {
-    __extends(FocusableButton, _super);
-    function FocusableButton(name) {
-        var _this = _super.call(this, name) || this;
-        _this.name = name;
-        /** Highlight color when button is focused */
-        _this.focusedColor = null;
-        _this._isFocused = false;
-        _this._unfocusedColor = null;
-        /** Observable raised when the control gets the focus */
-        _this.onFocusObservable = new Observable();
-        /** Observable raised when the control loses the focus */
-        _this.onBlurObservable = new Observable();
-        /** Observable raised when a key event was processed */
-        _this.onKeyboardEventProcessedObservable = new Observable();
-        _this._unfocusedColor = _this.color;
-        return _this;
-    }
-    /** @hidden */
-    FocusableButton.prototype.onBlur = function () {
-        if (this._isFocused) {
-            this._isFocused = false;
-            if (this.focusedColor && this._unfocusedColor != null) {
-                // Set color back to saved unfocused color
-                this.color = this._unfocusedColor;
-            }
-            this.onBlurObservable.notifyObservers(this);
-        }
-    };
-    /** @hidden */
-    FocusableButton.prototype.onFocus = function () {
-        this._isFocused = true;
-        if (this.focusedColor) {
-            // Save the unfocused color
-            this._unfocusedColor = this.color;
-            this.color = this.focusedColor;
-        }
-        this.onFocusObservable.notifyObservers(this);
-    };
-    /**
-     * Function called to get the list of controls that should not steal the focus from this control
-     * @returns an array of controls
-     */
-    FocusableButton.prototype.keepsFocusWith = function () {
-        return null;
-    };
-    /**
-     * Function to focus a button programmatically
-     */
-    FocusableButton.prototype.focus = function () {
-        this._host.moveFocusToControl(this);
-    };
-    /**
-     * Function to unfocus a button programmatically
-     */
-    FocusableButton.prototype.blur = function () {
-        this._host.focusedControl = null;
-    };
-    /**
-     * Handles the keyboard event
-     * @param evt Defines the KeyboardEvent
-     */
-    FocusableButton.prototype.processKeyboard = function (evt) {
-        this.onKeyboardEventProcessedObservable.notifyObservers(evt, -1, this);
-    };
-    /**
-     * @param target
-     * @param coordinates
-     * @param pointerId
-     * @param buttonIndex
-     * @param pi
-     * @hidden
-     */
-    FocusableButton.prototype._onPointerDown = function (target, coordinates, pointerId, buttonIndex, pi) {
-        if (!this.isReadOnly) {
-            // Clicking on button should focus
-            this.focus();
-        }
-        return _super.prototype._onPointerDown.call(this, target, coordinates, pointerId, buttonIndex, pi);
-    };
-    /** @hidden */
-    FocusableButton.prototype.displose = function () {
-        _super.prototype.dispose.call(this);
-        this.onBlurObservable.clear();
-        this.onFocusObservable.clear();
-        this.onKeyboardEventProcessedObservable.clear();
-    };
-    return FocusableButton;
-}(Button));
-export { FocusableButton };
-RegisterClass("BABYLON.GUI.FocusableButton", FocusableButton);
+import { __extends } from "tslib";
+import { Button } from "./button";
+import { RegisterClass } from "@babylonjs/core/Misc/typeStore.js";
+import { Observable } from "@babylonjs/core/Misc/observable.js";
+/**
+ * Class used to create a focusable button that can easily handle keyboard events
+ * @since 5.0.0
+ */
+var FocusableButton = /** @class */ (function (_super) {
+    __extends(FocusableButton, _super);
+    function FocusableButton(name) {
+        var _this = _super.call(this, name) || this;
+        _this.name = name;
+        /** Highlight color when button is focused */
+        _this.focusedColor = null;
+        _this._isFocused = false;
+        _this._unfocusedColor = null;
+        /** Observable raised when the control gets the focus */
+        _this.onFocusObservable = new Observable();
+        /** Observable raised when the control loses the focus */
+        _this.onBlurObservable = new Observable();
+        /** Observable raised when a key event was processed */
+        _this.onKeyboardEventProcessedObservable = new Observable();
+        _this._unfocusedColor = _this.color;
+        return _this;
+    }
+    /** @hidden */
+    FocusableButton.prototype.onBlur = function () {
+        if (this._isFocused) {
+            this._isFocused = false;
+            if (this.focusedColor && this._unfocusedColor != null) {
+                // Set color back to saved unfocused color
+                this.color = this._unfocusedColor;
+            }
+            this.onBlurObservable.notifyObservers(this);
+        }
+    };
+    /** @hidden */
+    FocusableButton.prototype.onFocus = function () {
+        this._isFocused = true;
+        if (this.focusedColor) {
+            // Save the unfocused color
+            this._unfocusedColor = this.color;
+            this.color = this.focusedColor;
+        }
+        this.onFocusObservable.notifyObservers(this);
+    };
+    /**
+     * Function called to get the list of controls that should not steal the focus from this control
+     * @returns an array of controls
+     */
+    FocusableButton.prototype.keepsFocusWith = function () {
+        return null;
+    };
+    /**
+     * Function to focus a button programmatically
+     */
+    FocusableButton.prototype.focus = function () {
+        this._host.moveFocusToControl(this);
+    };
+    /**
+     * Function to unfocus a button programmatically
+     */
+    FocusableButton.prototype.blur = function () {
+        this._host.focusedControl = null;
+    };
+    /**
+     * Handles the keyboard event
+     * @param evt Defines the KeyboardEvent
+     */
+    FocusableButton.prototype.processKeyboard = function (evt) {
+        this.onKeyboardEventProcessedObservable.notifyObservers(evt, -1, this);
+    };
+    /**
+     * @param target
+     * @param coordinates
+     * @param pointerId
+     * @param buttonIndex
+     * @param pi
+     * @hidden
+     */
+    FocusableButton.prototype._onPointerDown = function (target, coordinates, pointerId, buttonIndex, pi) {
+        if (!this.isReadOnly) {
+            // Clicking on button should focus
+            this.focus();
+        }
+        return _super.prototype._onPointerDown.call(this, target, coordinates, pointerId, buttonIndex, pi);
+    };
+    /** @hidden */
+    FocusableButton.prototype.displose = function () {
+        _super.prototype.dispose.call(this);
+        this.onBlurObservable.clear();
+        this.onFocusObservable.clear();
+        this.onKeyboardEventProcessedObservable.clear();
+    };
+    return FocusableButton;
+}(Button));
+export { FocusableButton };
+RegisterClass("BABYLON.GUI.FocusableButton", FocusableButton);
 //# sourceMappingURL=focusableButton.js.map

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

@@ -1,34 +1,34 @@
-import { IKeyboardEvent } from "@babylonjs/core/Events/deviceInputEvents.js";
-import { Nullable } from "@babylonjs/core/types.js";
-import { Control } from "./control";
-/**
- * Interface used to define a control that can receive focus
- */
-export interface IFocusableControl {
-    /**
-     * Function called when the control receives the focus
-     */
-    onFocus(): void;
-    /**
-     * Function called when the control loses the focus
-     */
-    onBlur(): void;
-    /**
-     * Function called to let the control handle keyboard events
-     * @param evt defines the current keyboard event
-     */
-    processKeyboard(evt: IKeyboardEvent): void;
-    /**
-     * Function called to get the list of controls that should not steal the focus from this control
-     * @returns an array of controls
-     */
-    keepsFocusWith(): Nullable<Control[]>;
-    /**
-     * Function to focus the control programmatically
-     */
-    focus(): void;
-    /**
-     * Function to unfocus the control programmatically
-     */
-    blur(): void;
-}
+import { IKeyboardEvent } from "@babylonjs/core/Events/deviceInputEvents.js";
+import { Nullable } from "@babylonjs/core/types.js";
+import { Control } from "./control";
+/**
+ * Interface used to define a control that can receive focus
+ */
+export interface IFocusableControl {
+    /**
+     * Function called when the control receives the focus
+     */
+    onFocus(): void;
+    /**
+     * Function called when the control loses the focus
+     */
+    onBlur(): void;
+    /**
+     * Function called to let the control handle keyboard events
+     * @param evt defines the current keyboard event
+     */
+    processKeyboard(evt: IKeyboardEvent): void;
+    /**
+     * Function called to get the list of controls that should not steal the focus from this control
+     * @returns an array of controls
+     */
+    keepsFocusWith(): Nullable<Control[]>;
+    /**
+     * Function to focus the control programmatically
+     */
+    focus(): void;
+    /**
+     * Function to unfocus the control programmatically
+     */
+    blur(): void;
+}

package/2D/controls/focusableControl.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=focusableControl.js.map