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

package/2D/controls/rectangle.js

@@ -1,151 +1,151 @@
-import { __decorate, __extends } from "tslib";
-import { Container } from "./container.js";
-import { RegisterClass } from "@babylonjs/core/Misc/typeStore.js";
-import { serialize } from "@babylonjs/core/Misc/decorators.js";
-/** Class used to create rectangle container */
-var Rectangle = /** @class */ (function (_super) {
-    __extends(Rectangle, _super);
-    /**
-     * Creates a new Rectangle
-     * @param name defines the control name
-     */
-    function Rectangle(name) {
-        var _this = _super.call(this, name) || this;
-        _this.name = name;
-        _this._thickness = 1;
-        _this._cornerRadius = 0;
-        return _this;
-    }
-    Object.defineProperty(Rectangle.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
-    });
-    Object.defineProperty(Rectangle.prototype, "cornerRadius", {
-        /** Gets or sets the corner radius angle */
-        get: function () {
-            return this._cornerRadius;
-        },
-        set: function (value) {
-            if (value < 0) {
-                value = 0;
-            }
-            if (this._cornerRadius === value) {
-                return;
-            }
-            this._cornerRadius = value;
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Rectangle.prototype._getTypeName = function () {
-        return "Rectangle";
-    };
-    /** @hidden */
-    Rectangle.prototype._computeAdditionnalOffsetX = function () {
-        if (this._cornerRadius) {
-            // Take in account the aliasing
-            return 1;
-        }
-        return 0;
-    };
-    /** @hidden */
-    Rectangle.prototype._computeAdditionnalOffsetY = function () {
-        if (this._cornerRadius) {
-            // Take in account the aliasing
-            return 1;
-        }
-        return 0;
-    };
-    Rectangle.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;
-        }
-        if (this._background) {
-            context.fillStyle = this.typeName === "Button" ? (this.isEnabled ? this._background : this.disabledColor) : this._background;
-            if (this._cornerRadius) {
-                this._drawRoundedRect(context, this._thickness / 2);
-                context.fill();
-            }
-            else {
-                context.fillRect(this._currentMeasure.left, this._currentMeasure.top, this._currentMeasure.width, this._currentMeasure.height);
-            }
-        }
-        if (this._thickness) {
-            if (this.shadowBlur || this.shadowOffsetX || this.shadowOffsetY) {
-                context.shadowBlur = 0;
-                context.shadowOffsetX = 0;
-                context.shadowOffsetY = 0;
-            }
-            if (this.color) {
-                context.strokeStyle = this.color;
-            }
-            context.lineWidth = this._thickness;
-            if (this._cornerRadius) {
-                this._drawRoundedRect(context, this._thickness / 2);
-                context.stroke();
-            }
-            else {
-                context.strokeRect(this._currentMeasure.left + this._thickness / 2, this._currentMeasure.top + this._thickness / 2, this._currentMeasure.width - this._thickness, this._currentMeasure.height - this._thickness);
-            }
-        }
-        context.restore();
-    };
-    Rectangle.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;
-    };
-    Rectangle.prototype._drawRoundedRect = function (context, offset) {
-        if (offset === void 0) { offset = 0; }
-        var x = this._currentMeasure.left + offset;
-        var y = this._currentMeasure.top + offset;
-        var width = this._currentMeasure.width - offset * 2;
-        var height = this._currentMeasure.height - offset * 2;
-        var radius = Math.min(height / 2 - 2, Math.min(width / 2 - 2, this._cornerRadius));
-        context.beginPath();
-        context.moveTo(x + radius, y);
-        context.lineTo(x + width - radius, y);
-        context.quadraticCurveTo(x + width, y, x + width, y + radius);
-        context.lineTo(x + width, y + height - radius);
-        context.quadraticCurveTo(x + width, y + height, x + width - radius, y + height);
-        context.lineTo(x + radius, y + height);
-        context.quadraticCurveTo(x, y + height, x, y + height - radius);
-        context.lineTo(x, y + radius);
-        context.quadraticCurveTo(x, y, x + radius, y);
-        context.closePath();
-    };
-    Rectangle.prototype._clipForChildren = function (context) {
-        if (this._cornerRadius) {
-            this._drawRoundedRect(context, this._thickness);
-            context.clip();
-        }
-    };
-    __decorate([
-        serialize()
-    ], Rectangle.prototype, "thickness", null);
-    __decorate([
-        serialize()
-    ], Rectangle.prototype, "cornerRadius", null);
-    return Rectangle;
-}(Container));
-export { Rectangle };
-RegisterClass("BABYLON.GUI.Rectangle", Rectangle);
+import { __decorate, __extends } from "tslib";
+import { Container } from "./container";
+import { RegisterClass } from "@babylonjs/core/Misc/typeStore.js";
+import { serialize } from "@babylonjs/core/Misc/decorators.js";
+/** Class used to create rectangle container */
+var Rectangle = /** @class */ (function (_super) {
+    __extends(Rectangle, _super);
+    /**
+     * Creates a new Rectangle
+     * @param name defines the control name
+     */
+    function Rectangle(name) {
+        var _this = _super.call(this, name) || this;
+        _this.name = name;
+        _this._thickness = 1;
+        _this._cornerRadius = 0;
+        return _this;
+    }
+    Object.defineProperty(Rectangle.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
+    });
+    Object.defineProperty(Rectangle.prototype, "cornerRadius", {
+        /** Gets or sets the corner radius angle */
+        get: function () {
+            return this._cornerRadius;
+        },
+        set: function (value) {
+            if (value < 0) {
+                value = 0;
+            }
+            if (this._cornerRadius === value) {
+                return;
+            }
+            this._cornerRadius = value;
+            this._markAsDirty();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Rectangle.prototype._getTypeName = function () {
+        return "Rectangle";
+    };
+    /** @hidden */
+    Rectangle.prototype._computeAdditionnalOffsetX = function () {
+        if (this._cornerRadius) {
+            // Take in account the aliasing
+            return 1;
+        }
+        return 0;
+    };
+    /** @hidden */
+    Rectangle.prototype._computeAdditionnalOffsetY = function () {
+        if (this._cornerRadius) {
+            // Take in account the aliasing
+            return 1;
+        }
+        return 0;
+    };
+    Rectangle.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;
+        }
+        if (this._background) {
+            context.fillStyle = this.typeName === "Button" ? (this.isEnabled ? this._background : this.disabledColor) : this._background;
+            if (this._cornerRadius) {
+                this._drawRoundedRect(context, this._thickness / 2);
+                context.fill();
+            }
+            else {
+                context.fillRect(this._currentMeasure.left, this._currentMeasure.top, this._currentMeasure.width, this._currentMeasure.height);
+            }
+        }
+        if (this._thickness) {
+            if (this.shadowBlur || this.shadowOffsetX || this.shadowOffsetY) {
+                context.shadowBlur = 0;
+                context.shadowOffsetX = 0;
+                context.shadowOffsetY = 0;
+            }
+            if (this.color) {
+                context.strokeStyle = this.color;
+            }
+            context.lineWidth = this._thickness;
+            if (this._cornerRadius) {
+                this._drawRoundedRect(context, this._thickness / 2);
+                context.stroke();
+            }
+            else {
+                context.strokeRect(this._currentMeasure.left + this._thickness / 2, this._currentMeasure.top + this._thickness / 2, this._currentMeasure.width - this._thickness, this._currentMeasure.height - this._thickness);
+            }
+        }
+        context.restore();
+    };
+    Rectangle.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;
+    };
+    Rectangle.prototype._drawRoundedRect = function (context, offset) {
+        if (offset === void 0) { offset = 0; }
+        var x = this._currentMeasure.left + offset;
+        var y = this._currentMeasure.top + offset;
+        var width = this._currentMeasure.width - offset * 2;
+        var height = this._currentMeasure.height - offset * 2;
+        var radius = Math.min(height / 2 - 2, Math.min(width / 2 - 2, this._cornerRadius));
+        context.beginPath();
+        context.moveTo(x + radius, y);
+        context.lineTo(x + width - radius, y);
+        context.quadraticCurveTo(x + width, y, x + width, y + radius);
+        context.lineTo(x + width, y + height - radius);
+        context.quadraticCurveTo(x + width, y + height, x + width - radius, y + height);
+        context.lineTo(x + radius, y + height);
+        context.quadraticCurveTo(x, y + height, x, y + height - radius);
+        context.lineTo(x, y + radius);
+        context.quadraticCurveTo(x, y, x + radius, y);
+        context.closePath();
+    };
+    Rectangle.prototype._clipForChildren = function (context) {
+        if (this._cornerRadius) {
+            this._drawRoundedRect(context, this._thickness);
+            context.clip();
+        }
+    };
+    __decorate([
+        serialize()
+    ], Rectangle.prototype, "thickness", null);
+    __decorate([
+        serialize()
+    ], Rectangle.prototype, "cornerRadius", null);
+    return Rectangle;
+}(Container));
+export { Rectangle };
+RegisterClass("BABYLON.GUI.Rectangle", Rectangle);
 //# sourceMappingURL=rectangle.js.map

package/2D/controls/scrollViewers/scrollViewer.d.ts

@@ -1,182 +1,182 @@
-import { Nullable } from "@babylonjs/core/types.js";
-import { Rectangle } from "../rectangle";
-import { Image } from "../image";
-import { Control } from "../control";
-import { Container } from "../container";
-import { Measure } from "../../measure";
-import { AdvancedDynamicTexture } from "../../advancedDynamicTexture";
-import { ScrollBar } from "../sliders/scrollBar";
-import { ImageScrollBar } from "../sliders/imageScrollBar";
-import { ICanvasRenderingContext } from "@babylonjs/core/Engines/ICanvas.js";
-/**
- * Class used to hold a viewer window and sliders in a grid
- */
-export declare class ScrollViewer extends Rectangle {
-    private _grid;
-    private _horizontalBarSpace;
-    private _verticalBarSpace;
-    private _dragSpace;
-    private _horizontalBar;
-    private _verticalBar;
-    private _barColor;
-    private _barBackground;
-    private _barImage;
-    private _horizontalBarImage;
-    private _verticalBarImage;
-    private _barBackgroundImage;
-    private _horizontalBarBackgroundImage;
-    private _verticalBarBackgroundImage;
-    private _barSize;
-    private _window;
-    private _pointerIsOver;
-    private _wheelPrecision;
-    private _onWheelObserver;
-    private _clientWidth;
-    private _clientHeight;
-    private _useImageBar;
-    private _thumbLength;
-    private _thumbHeight;
-    private _barImageHeight;
-    private _horizontalBarImageHeight;
-    private _verticalBarImageHeight;
-    private _oldWindowContentsWidth;
-    private _oldWindowContentsHeight;
-    /**
-     * Gets the horizontal scrollbar
-     */
-    get horizontalBar(): ScrollBar | ImageScrollBar;
-    /**
-     * Gets the vertical scrollbar
-     */
-    get verticalBar(): ScrollBar | ImageScrollBar;
-    /**
-     * Adds a new control to the current container
-     * @param control defines the control to add
-     * @returns the current container
-     */
-    addControl(control: Nullable<Control>): Container;
-    /**
-     * Removes a control from the current container
-     * @param control defines the control to remove
-     * @returns the current container
-     */
-    removeControl(control: Control): Container;
-    /** Gets the list of children */
-    get children(): Control[];
-    _flagDescendantsAsMatrixDirty(): void;
-    /**
-     * Freezes or unfreezes the controls in the window.
-     * When controls are frozen, the scroll viewer can render a lot more quickly but updates to positions/sizes of controls
-     * are not taken into account. If you want to change positions/sizes, unfreeze, perform the changes then freeze again
-     */
-    get freezeControls(): boolean;
-    set freezeControls(value: boolean);
-    /** Gets the bucket width */
-    get bucketWidth(): number;
-    /** Gets the bucket height */
-    get bucketHeight(): number;
-    /**
-     * Sets the bucket sizes.
-     * When freezeControls is true, setting a non-zero bucket size will improve performances by updating only
-     * controls that are visible. The bucket sizes is used to subdivide (internally) the window area to smaller areas into which
-     * controls are dispatched. So, the size should be roughly equals to the mean size of all the controls of
-     * the window. To disable the usage of buckets, sets either width or height (or both) to 0.
-     * Please note that using this option will raise the memory usage (the higher the bucket sizes, the less memory
-     * used), that's why it is not enabled by default.
-     * @param width width of the bucket
-     * @param height height of the bucket
-     */
-    setBucketSizes(width: number, height: number): void;
-    private _forceHorizontalBar;
-    private _forceVerticalBar;
-    /**
-     * Forces the horizontal scroll bar to be displayed
-     */
-    get forceHorizontalBar(): boolean;
-    set forceHorizontalBar(value: boolean);
-    /**
-     * Forces the vertical scroll bar to be displayed
-     */
-    get forceVerticalBar(): boolean;
-    set forceVerticalBar(value: boolean);
-    /**
-     * Creates a new ScrollViewer
-     * @param name of ScrollViewer
-     * @param isImageBased
-     */
-    constructor(name?: string, isImageBased?: boolean);
-    /** Reset the scroll viewer window to initial size */
-    resetWindow(): void;
-    protected _getTypeName(): string;
-    private _buildClientSizes;
-    protected _additionalProcessing(parentMeasure: Measure, context: ICanvasRenderingContext): void;
-    protected _postMeasure(): void;
-    /**
-     * Gets or sets the mouse wheel precision
-     * from 0 to 1 with a default value of 0.05
-     * */
-    get wheelPrecision(): number;
-    set wheelPrecision(value: number);
-    /** Gets or sets the scroll bar container background color */
-    get scrollBackground(): string;
-    set scrollBackground(color: string);
-    /** Gets or sets the bar color */
-    get barColor(): string;
-    set barColor(color: string);
-    /** Gets or sets the bar image */
-    get thumbImage(): Image;
-    set thumbImage(value: Image);
-    /** Gets or sets the horizontal bar image */
-    get horizontalThumbImage(): Image;
-    set horizontalThumbImage(value: Image);
-    /** Gets or sets the vertical bar image */
-    get verticalThumbImage(): Image;
-    set verticalThumbImage(value: Image);
-    /** Gets or sets the size of the bar */
-    get barSize(): number;
-    set barSize(value: number);
-    /** Gets or sets the length of the thumb */
-    get thumbLength(): number;
-    set thumbLength(value: number);
-    /** Gets or sets the height of the thumb */
-    get thumbHeight(): number;
-    set thumbHeight(value: number);
-    /** Gets or sets the height of the bar image */
-    get barImageHeight(): number;
-    set barImageHeight(value: number);
-    /** Gets or sets the height of the horizontal bar image */
-    get horizontalBarImageHeight(): number;
-    set horizontalBarImageHeight(value: number);
-    /** Gets or sets the height of the vertical bar image */
-    get verticalBarImageHeight(): number;
-    set verticalBarImageHeight(value: number);
-    /** Gets or sets the bar background */
-    get barBackground(): string;
-    set barBackground(color: string);
-    /** Gets or sets the bar background image */
-    get barImage(): Image;
-    set barImage(value: Image);
-    /** Gets or sets the horizontal bar background image */
-    get horizontalBarImage(): Image;
-    set horizontalBarImage(value: Image);
-    /** Gets or sets the vertical bar background image */
-    get verticalBarImage(): Image;
-    set verticalBarImage(value: Image);
-    private _setWindowPosition;
-    /** @hidden */
-    private _updateScroller;
-    _link(host: AdvancedDynamicTexture): void;
-    /**
-     * @param barControl
-     * @param barContainer
-     * @param isVertical
-     * @param rotation
-     * @hidden
-     */
-    private _addBar;
-    /** @hidden */
-    private _attachWheel;
-    _renderHighlightSpecific(context: ICanvasRenderingContext): void;
-    /** Releases associated resources */
-    dispose(): void;
-}
+import { Nullable } from "@babylonjs/core/types.js";
+import { Rectangle } from "../rectangle";
+import { Image } from "../image";
+import { Control } from "../control";
+import { Container } from "../container";
+import { Measure } from "../../measure";
+import { AdvancedDynamicTexture } from "../../advancedDynamicTexture";
+import { ScrollBar } from "../sliders/scrollBar";
+import { ImageScrollBar } from "../sliders/imageScrollBar";
+import { ICanvasRenderingContext } from "@babylonjs/core/Engines/ICanvas.js";
+/**
+ * Class used to hold a viewer window and sliders in a grid
+ */
+export declare class ScrollViewer extends Rectangle {
+    private _grid;
+    private _horizontalBarSpace;
+    private _verticalBarSpace;
+    private _dragSpace;
+    private _horizontalBar;
+    private _verticalBar;
+    private _barColor;
+    private _barBackground;
+    private _barImage;
+    private _horizontalBarImage;
+    private _verticalBarImage;
+    private _barBackgroundImage;
+    private _horizontalBarBackgroundImage;
+    private _verticalBarBackgroundImage;
+    private _barSize;
+    private _window;
+    private _pointerIsOver;
+    private _wheelPrecision;
+    private _onWheelObserver;
+    private _clientWidth;
+    private _clientHeight;
+    private _useImageBar;
+    private _thumbLength;
+    private _thumbHeight;
+    private _barImageHeight;
+    private _horizontalBarImageHeight;
+    private _verticalBarImageHeight;
+    private _oldWindowContentsWidth;
+    private _oldWindowContentsHeight;
+    /**
+     * Gets the horizontal scrollbar
+     */
+    get horizontalBar(): ScrollBar | ImageScrollBar;
+    /**
+     * Gets the vertical scrollbar
+     */
+    get verticalBar(): ScrollBar | ImageScrollBar;
+    /**
+     * Adds a new control to the current container
+     * @param control defines the control to add
+     * @returns the current container
+     */
+    addControl(control: Nullable<Control>): Container;
+    /**
+     * Removes a control from the current container
+     * @param control defines the control to remove
+     * @returns the current container
+     */
+    removeControl(control: Control): Container;
+    /** Gets the list of children */
+    get children(): Control[];
+    _flagDescendantsAsMatrixDirty(): void;
+    /**
+     * Freezes or unfreezes the controls in the window.
+     * When controls are frozen, the scroll viewer can render a lot more quickly but updates to positions/sizes of controls
+     * are not taken into account. If you want to change positions/sizes, unfreeze, perform the changes then freeze again
+     */
+    get freezeControls(): boolean;
+    set freezeControls(value: boolean);
+    /** Gets the bucket width */
+    get bucketWidth(): number;
+    /** Gets the bucket height */
+    get bucketHeight(): number;
+    /**
+     * Sets the bucket sizes.
+     * When freezeControls is true, setting a non-zero bucket size will improve performances by updating only
+     * controls that are visible. The bucket sizes is used to subdivide (internally) the window area to smaller areas into which
+     * controls are dispatched. So, the size should be roughly equals to the mean size of all the controls of
+     * the window. To disable the usage of buckets, sets either width or height (or both) to 0.
+     * Please note that using this option will raise the memory usage (the higher the bucket sizes, the less memory
+     * used), that's why it is not enabled by default.
+     * @param width width of the bucket
+     * @param height height of the bucket
+     */
+    setBucketSizes(width: number, height: number): void;
+    private _forceHorizontalBar;
+    private _forceVerticalBar;
+    /**
+     * Forces the horizontal scroll bar to be displayed
+     */
+    get forceHorizontalBar(): boolean;
+    set forceHorizontalBar(value: boolean);
+    /**
+     * Forces the vertical scroll bar to be displayed
+     */
+    get forceVerticalBar(): boolean;
+    set forceVerticalBar(value: boolean);
+    /**
+     * Creates a new ScrollViewer
+     * @param name of ScrollViewer
+     * @param isImageBased
+     */
+    constructor(name?: string, isImageBased?: boolean);
+    /** Reset the scroll viewer window to initial size */
+    resetWindow(): void;
+    protected _getTypeName(): string;
+    private _buildClientSizes;
+    protected _additionalProcessing(parentMeasure: Measure, context: ICanvasRenderingContext): void;
+    protected _postMeasure(): void;
+    /**
+     * Gets or sets the mouse wheel precision
+     * from 0 to 1 with a default value of 0.05
+     * */
+    get wheelPrecision(): number;
+    set wheelPrecision(value: number);
+    /** Gets or sets the scroll bar container background color */
+    get scrollBackground(): string;
+    set scrollBackground(color: string);
+    /** Gets or sets the bar color */
+    get barColor(): string;
+    set barColor(color: string);
+    /** Gets or sets the bar image */
+    get thumbImage(): Image;
+    set thumbImage(value: Image);
+    /** Gets or sets the horizontal bar image */
+    get horizontalThumbImage(): Image;
+    set horizontalThumbImage(value: Image);
+    /** Gets or sets the vertical bar image */
+    get verticalThumbImage(): Image;
+    set verticalThumbImage(value: Image);
+    /** Gets or sets the size of the bar */
+    get barSize(): number;
+    set barSize(value: number);
+    /** Gets or sets the length of the thumb */
+    get thumbLength(): number;
+    set thumbLength(value: number);
+    /** Gets or sets the height of the thumb */
+    get thumbHeight(): number;
+    set thumbHeight(value: number);
+    /** Gets or sets the height of the bar image */
+    get barImageHeight(): number;
+    set barImageHeight(value: number);
+    /** Gets or sets the height of the horizontal bar image */
+    get horizontalBarImageHeight(): number;
+    set horizontalBarImageHeight(value: number);
+    /** Gets or sets the height of the vertical bar image */
+    get verticalBarImageHeight(): number;
+    set verticalBarImageHeight(value: number);
+    /** Gets or sets the bar background */
+    get barBackground(): string;
+    set barBackground(color: string);
+    /** Gets or sets the bar background image */
+    get barImage(): Image;
+    set barImage(value: Image);
+    /** Gets or sets the horizontal bar background image */
+    get horizontalBarImage(): Image;
+    set horizontalBarImage(value: Image);
+    /** Gets or sets the vertical bar background image */
+    get verticalBarImage(): Image;
+    set verticalBarImage(value: Image);
+    private _setWindowPosition;
+    /** @hidden */
+    private _updateScroller;
+    _link(host: AdvancedDynamicTexture): void;
+    /**
+     * @param barControl
+     * @param barContainer
+     * @param isVertical
+     * @param rotation
+     * @hidden
+     */
+    private _addBar;
+    /** @hidden */
+    private _attachWheel;
+    _renderHighlightSpecific(context: ICanvasRenderingContext): void;
+    /** Releases associated resources */
+    dispose(): void;
+}