@babylonjs/gui 5.0.0-rc.1 → 5.0.0-rc.10

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

@@ -1,55 +1,53 @@
-import { Control } from "./control";
-import { Nullable } from '@babylonjs/core/types';
-import { Measure } from '../measure';
-import { ICanvasRenderingContext } from "@babylonjs/core/Engines/ICanvas";
-/** Class used to render a grid  */
-export declare class DisplayGrid extends Control {
-    name?: string | undefined;
-    private _cellWidth;
-    private _cellHeight;
-    private _minorLineTickness;
-    private _minorLineColor;
-    private _majorLineTickness;
-    private _majorLineColor;
-    private _majorLineFrequency;
-    private _background;
-    private _displayMajorLines;
-    private _displayMinorLines;
-    /** Gets or sets a boolean indicating if minor lines must be rendered (true by default)) */
-    get displayMinorLines(): boolean;
-    set displayMinorLines(value: boolean);
-    /** Gets or sets a boolean indicating if major lines must be rendered (true by default)) */
-    get displayMajorLines(): boolean;
-    set displayMajorLines(value: boolean);
-    /** Gets or sets background color (Black by default) */
-    get background(): string;
-    set background(value: string);
-    /** Gets or sets the width of each cell (20 by default) */
-    get cellWidth(): number;
-    set cellWidth(value: number);
-    /** Gets or sets the height of each cell (20 by default) */
-    get cellHeight(): number;
-    set cellHeight(value: number);
-    /** Gets or sets the tickness of minor lines (1 by default) */
-    get minorLineTickness(): number;
-    set minorLineTickness(value: number);
-    /** Gets or sets the color of minor lines (DarkGray by default) */
-    get minorLineColor(): string;
-    set minorLineColor(value: string);
-    /** Gets or sets the tickness of major lines (2 by default) */
-    get majorLineTickness(): number;
-    set majorLineTickness(value: number);
-    /** Gets or sets the color of major lines (White by default) */
-    get majorLineColor(): string;
-    set majorLineColor(value: string);
-    /** Gets or sets the frequency of major lines (default is 1 every 5 minor lines)*/
-    get majorLineFrequency(): number;
-    set majorLineFrequency(value: number);
-    /**
-     * Creates a new GridDisplayRectangle
-     * @param name defines the control name
-     */
-    constructor(name?: string | undefined);
-    _draw(context: ICanvasRenderingContext, invalidatedRectangle?: Nullable<Measure>): void;
-    protected _getTypeName(): string;
-}
+import { Control } from "./control";
+import type { ICanvasRenderingContext } from "@babylonjs/core/Engines/ICanvas.js";
+/** Class used to render a grid  */
+export declare class DisplayGrid extends Control {
+    name?: string | undefined;
+    private _cellWidth;
+    private _cellHeight;
+    private _minorLineTickness;
+    private _minorLineColor;
+    private _majorLineTickness;
+    private _majorLineColor;
+    private _majorLineFrequency;
+    private _background;
+    private _displayMajorLines;
+    private _displayMinorLines;
+    /** Gets or sets a boolean indicating if minor lines must be rendered (true by default)) */
+    get displayMinorLines(): boolean;
+    set displayMinorLines(value: boolean);
+    /** Gets or sets a boolean indicating if major lines must be rendered (true by default)) */
+    get displayMajorLines(): boolean;
+    set displayMajorLines(value: boolean);
+    /** Gets or sets background color (Black by default) */
+    get background(): string;
+    set background(value: string);
+    /** Gets or sets the width of each cell (20 by default) */
+    get cellWidth(): number;
+    set cellWidth(value: number);
+    /** Gets or sets the height of each cell (20 by default) */
+    get cellHeight(): number;
+    set cellHeight(value: number);
+    /** Gets or sets the tickness of minor lines (1 by default) */
+    get minorLineTickness(): number;
+    set minorLineTickness(value: number);
+    /** Gets or sets the color of minor lines (DarkGray by default) */
+    get minorLineColor(): string;
+    set minorLineColor(value: string);
+    /** Gets or sets the tickness of major lines (2 by default) */
+    get majorLineTickness(): number;
+    set majorLineTickness(value: number);
+    /** Gets or sets the color of major lines (White by default) */
+    get majorLineColor(): string;
+    set majorLineColor(value: string);
+    /** Gets or sets the frequency of major lines (default is 1 every 5 minor lines)*/
+    get majorLineFrequency(): number;
+    set majorLineFrequency(value: number);
+    /**
+     * Creates a new GridDisplayRectangle
+     * @param name defines the control name
+     */
+    constructor(name?: string | undefined);
+    _draw(context: ICanvasRenderingContext): void;
+    protected _getTypeName(): string;
+}

package/2D/controls/displayGrid.js

@@ -1,246 +1,246 @@
-import { __decorate, __extends } from "tslib";
-import { Control } from "./control.js";
-import { RegisterClass } from '@babylonjs/core/Misc/typeStore.js';
-import { serialize } from '@babylonjs/core/Misc/decorators.js';
-/** Class used to render a grid  */
-var DisplayGrid = /** @class */ (function (_super) {
-    __extends(DisplayGrid, _super);
-    /**
-     * Creates a new GridDisplayRectangle
-     * @param name defines the control name
-     */
-    function DisplayGrid(name) {
-        var _this = _super.call(this, name) || this;
-        _this.name = name;
-        _this._cellWidth = 20;
-        _this._cellHeight = 20;
-        _this._minorLineTickness = 1;
-        _this._minorLineColor = "DarkGray";
-        _this._majorLineTickness = 2;
-        _this._majorLineColor = "White";
-        _this._majorLineFrequency = 5;
-        _this._background = "Black";
-        _this._displayMajorLines = true;
-        _this._displayMinorLines = true;
-        return _this;
-    }
-    Object.defineProperty(DisplayGrid.prototype, "displayMinorLines", {
-        /** Gets or sets a boolean indicating if minor lines must be rendered (true by default)) */
-        get: function () {
-            return this._displayMinorLines;
-        },
-        set: function (value) {
-            if (this._displayMinorLines === value) {
-                return;
-            }
-            this._displayMinorLines = value;
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DisplayGrid.prototype, "displayMajorLines", {
-        /** Gets or sets a boolean indicating if major lines must be rendered (true by default)) */
-        get: function () {
-            return this._displayMajorLines;
-        },
-        set: function (value) {
-            if (this._displayMajorLines === value) {
-                return;
-            }
-            this._displayMajorLines = value;
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DisplayGrid.prototype, "background", {
-        /** Gets or sets background color (Black by default) */
-        get: function () {
-            return this._background;
-        },
-        set: function (value) {
-            if (this._background === value) {
-                return;
-            }
-            this._background = value;
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DisplayGrid.prototype, "cellWidth", {
-        /** Gets or sets the width of each cell (20 by default) */
-        get: function () {
-            return this._cellWidth;
-        },
-        set: function (value) {
-            this._cellWidth = value;
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DisplayGrid.prototype, "cellHeight", {
-        /** Gets or sets the height of each cell (20 by default) */
-        get: function () {
-            return this._cellHeight;
-        },
-        set: function (value) {
-            this._cellHeight = value;
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DisplayGrid.prototype, "minorLineTickness", {
-        /** Gets or sets the tickness of minor lines (1 by default) */
-        get: function () {
-            return this._minorLineTickness;
-        },
-        set: function (value) {
-            this._minorLineTickness = value;
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DisplayGrid.prototype, "minorLineColor", {
-        /** Gets or sets the color of minor lines (DarkGray by default) */
-        get: function () {
-            return this._minorLineColor;
-        },
-        set: function (value) {
-            this._minorLineColor = value;
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DisplayGrid.prototype, "majorLineTickness", {
-        /** Gets or sets the tickness of major lines (2 by default) */
-        get: function () {
-            return this._majorLineTickness;
-        },
-        set: function (value) {
-            this._majorLineTickness = value;
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DisplayGrid.prototype, "majorLineColor", {
-        /** Gets or sets the color of major lines (White by default) */
-        get: function () {
-            return this._majorLineColor;
-        },
-        set: function (value) {
-            this._majorLineColor = value;
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DisplayGrid.prototype, "majorLineFrequency", {
-        /** Gets or sets the frequency of major lines (default is 1 every 5 minor lines)*/
-        get: function () {
-            return this._majorLineFrequency;
-        },
-        set: function (value) {
-            this._majorLineFrequency = value;
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    DisplayGrid.prototype._draw = function (context, invalidatedRectangle) {
-        context.save();
-        this._applyStates(context);
-        if (this._isEnabled) {
-            if (this._background) {
-                context.fillStyle = this._background;
-                context.fillRect(this._currentMeasure.left, this._currentMeasure.top, this._currentMeasure.width, this._currentMeasure.height);
-            }
-            var cellCountX = this._currentMeasure.width / this._cellWidth;
-            var cellCountY = this._currentMeasure.height / this._cellHeight;
-            // Minor lines
-            var left = this._currentMeasure.left + this._currentMeasure.width / 2;
-            var top_1 = this._currentMeasure.top + this._currentMeasure.height / 2;
-            if (this._displayMinorLines) {
-                context.strokeStyle = this._minorLineColor;
-                context.lineWidth = this._minorLineTickness;
-                for (var x = -cellCountX / 2 + 1; x < cellCountX / 2; x++) {
-                    var cellX = left + x * this.cellWidth;
-                    context.beginPath();
-                    context.moveTo(cellX, this._currentMeasure.top);
-                    context.lineTo(cellX, this._currentMeasure.top + this._currentMeasure.height);
-                    context.stroke();
-                }
-                for (var y = -cellCountY / 2 + 1; y < cellCountY / 2; y++) {
-                    var cellY = top_1 + y * this.cellHeight;
-                    context.beginPath();
-                    context.moveTo(this._currentMeasure.left, cellY);
-                    context.lineTo(this._currentMeasure.left + this._currentMeasure.width, cellY);
-                    context.stroke();
-                }
-            }
-            // Major lines
-            if (this._displayMajorLines) {
-                context.strokeStyle = this._majorLineColor;
-                context.lineWidth = this._majorLineTickness;
-                for (var x = -cellCountX / 2 + this._majorLineFrequency; x < cellCountX / 2; x += this._majorLineFrequency) {
-                    var cellX = left + x * this.cellWidth;
-                    context.beginPath();
-                    context.moveTo(cellX, this._currentMeasure.top);
-                    context.lineTo(cellX, this._currentMeasure.top + this._currentMeasure.height);
-                    context.stroke();
-                }
-                for (var y = -cellCountY / 2 + this._majorLineFrequency; y < cellCountY / 2; y += this._majorLineFrequency) {
-                    var cellY = top_1 + y * this.cellHeight;
-                    context.moveTo(this._currentMeasure.left, cellY);
-                    context.lineTo(this._currentMeasure.left + this._currentMeasure.width, cellY);
-                    context.closePath();
-                    context.stroke();
-                }
-            }
-        }
-        context.restore();
-    };
-    DisplayGrid.prototype._getTypeName = function () {
-        return "DisplayGrid";
-    };
-    __decorate([
-        serialize()
-    ], DisplayGrid.prototype, "displayMinorLines", null);
-    __decorate([
-        serialize()
-    ], DisplayGrid.prototype, "displayMajorLines", null);
-    __decorate([
-        serialize()
-    ], DisplayGrid.prototype, "background", null);
-    __decorate([
-        serialize()
-    ], DisplayGrid.prototype, "cellWidth", null);
-    __decorate([
-        serialize()
-    ], DisplayGrid.prototype, "cellHeight", null);
-    __decorate([
-        serialize()
-    ], DisplayGrid.prototype, "minorLineTickness", null);
-    __decorate([
-        serialize()
-    ], DisplayGrid.prototype, "minorLineColor", null);
-    __decorate([
-        serialize()
-    ], DisplayGrid.prototype, "majorLineTickness", null);
-    __decorate([
-        serialize()
-    ], DisplayGrid.prototype, "majorLineColor", null);
-    __decorate([
-        serialize()
-    ], DisplayGrid.prototype, "majorLineFrequency", null);
-    return DisplayGrid;
-}(Control));
-export { DisplayGrid };
-RegisterClass("BABYLON.GUI.DisplayGrid", DisplayGrid);
+import { __decorate, __extends } from "tslib";
+import { Control } from "./control";
+import { RegisterClass } from "@babylonjs/core/Misc/typeStore.js";
+import { serialize } from "@babylonjs/core/Misc/decorators.js";
+/** Class used to render a grid  */
+var DisplayGrid = /** @class */ (function (_super) {
+    __extends(DisplayGrid, _super);
+    /**
+     * Creates a new GridDisplayRectangle
+     * @param name defines the control name
+     */
+    function DisplayGrid(name) {
+        var _this = _super.call(this, name) || this;
+        _this.name = name;
+        _this._cellWidth = 20;
+        _this._cellHeight = 20;
+        _this._minorLineTickness = 1;
+        _this._minorLineColor = "DarkGray";
+        _this._majorLineTickness = 2;
+        _this._majorLineColor = "White";
+        _this._majorLineFrequency = 5;
+        _this._background = "Black";
+        _this._displayMajorLines = true;
+        _this._displayMinorLines = true;
+        return _this;
+    }
+    Object.defineProperty(DisplayGrid.prototype, "displayMinorLines", {
+        /** Gets or sets a boolean indicating if minor lines must be rendered (true by default)) */
+        get: function () {
+            return this._displayMinorLines;
+        },
+        set: function (value) {
+            if (this._displayMinorLines === value) {
+                return;
+            }
+            this._displayMinorLines = value;
+            this._markAsDirty();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DisplayGrid.prototype, "displayMajorLines", {
+        /** Gets or sets a boolean indicating if major lines must be rendered (true by default)) */
+        get: function () {
+            return this._displayMajorLines;
+        },
+        set: function (value) {
+            if (this._displayMajorLines === value) {
+                return;
+            }
+            this._displayMajorLines = value;
+            this._markAsDirty();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DisplayGrid.prototype, "background", {
+        /** Gets or sets background color (Black by default) */
+        get: function () {
+            return this._background;
+        },
+        set: function (value) {
+            if (this._background === value) {
+                return;
+            }
+            this._background = value;
+            this._markAsDirty();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DisplayGrid.prototype, "cellWidth", {
+        /** Gets or sets the width of each cell (20 by default) */
+        get: function () {
+            return this._cellWidth;
+        },
+        set: function (value) {
+            this._cellWidth = value;
+            this._markAsDirty();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DisplayGrid.prototype, "cellHeight", {
+        /** Gets or sets the height of each cell (20 by default) */
+        get: function () {
+            return this._cellHeight;
+        },
+        set: function (value) {
+            this._cellHeight = value;
+            this._markAsDirty();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DisplayGrid.prototype, "minorLineTickness", {
+        /** Gets or sets the tickness of minor lines (1 by default) */
+        get: function () {
+            return this._minorLineTickness;
+        },
+        set: function (value) {
+            this._minorLineTickness = value;
+            this._markAsDirty();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DisplayGrid.prototype, "minorLineColor", {
+        /** Gets or sets the color of minor lines (DarkGray by default) */
+        get: function () {
+            return this._minorLineColor;
+        },
+        set: function (value) {
+            this._minorLineColor = value;
+            this._markAsDirty();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DisplayGrid.prototype, "majorLineTickness", {
+        /** Gets or sets the tickness of major lines (2 by default) */
+        get: function () {
+            return this._majorLineTickness;
+        },
+        set: function (value) {
+            this._majorLineTickness = value;
+            this._markAsDirty();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DisplayGrid.prototype, "majorLineColor", {
+        /** Gets or sets the color of major lines (White by default) */
+        get: function () {
+            return this._majorLineColor;
+        },
+        set: function (value) {
+            this._majorLineColor = value;
+            this._markAsDirty();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DisplayGrid.prototype, "majorLineFrequency", {
+        /** Gets or sets the frequency of major lines (default is 1 every 5 minor lines)*/
+        get: function () {
+            return this._majorLineFrequency;
+        },
+        set: function (value) {
+            this._majorLineFrequency = value;
+            this._markAsDirty();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DisplayGrid.prototype._draw = function (context) {
+        context.save();
+        this._applyStates(context);
+        if (this._isEnabled) {
+            if (this._background) {
+                context.fillStyle = this._background;
+                context.fillRect(this._currentMeasure.left, this._currentMeasure.top, this._currentMeasure.width, this._currentMeasure.height);
+            }
+            var cellCountX = this._currentMeasure.width / this._cellWidth;
+            var cellCountY = this._currentMeasure.height / this._cellHeight;
+            // Minor lines
+            var left = this._currentMeasure.left + this._currentMeasure.width / 2;
+            var top_1 = this._currentMeasure.top + this._currentMeasure.height / 2;
+            if (this._displayMinorLines) {
+                context.strokeStyle = this._minorLineColor;
+                context.lineWidth = this._minorLineTickness;
+                for (var x = -cellCountX / 2 + 1; x < cellCountX / 2; x++) {
+                    var cellX = left + x * this.cellWidth;
+                    context.beginPath();
+                    context.moveTo(cellX, this._currentMeasure.top);
+                    context.lineTo(cellX, this._currentMeasure.top + this._currentMeasure.height);
+                    context.stroke();
+                }
+                for (var y = -cellCountY / 2 + 1; y < cellCountY / 2; y++) {
+                    var cellY = top_1 + y * this.cellHeight;
+                    context.beginPath();
+                    context.moveTo(this._currentMeasure.left, cellY);
+                    context.lineTo(this._currentMeasure.left + this._currentMeasure.width, cellY);
+                    context.stroke();
+                }
+            }
+            // Major lines
+            if (this._displayMajorLines) {
+                context.strokeStyle = this._majorLineColor;
+                context.lineWidth = this._majorLineTickness;
+                for (var x = -cellCountX / 2 + this._majorLineFrequency; x < cellCountX / 2; x += this._majorLineFrequency) {
+                    var cellX = left + x * this.cellWidth;
+                    context.beginPath();
+                    context.moveTo(cellX, this._currentMeasure.top);
+                    context.lineTo(cellX, this._currentMeasure.top + this._currentMeasure.height);
+                    context.stroke();
+                }
+                for (var y = -cellCountY / 2 + this._majorLineFrequency; y < cellCountY / 2; y += this._majorLineFrequency) {
+                    var cellY = top_1 + y * this.cellHeight;
+                    context.moveTo(this._currentMeasure.left, cellY);
+                    context.lineTo(this._currentMeasure.left + this._currentMeasure.width, cellY);
+                    context.closePath();
+                    context.stroke();
+                }
+            }
+        }
+        context.restore();
+    };
+    DisplayGrid.prototype._getTypeName = function () {
+        return "DisplayGrid";
+    };
+    __decorate([
+        serialize()
+    ], DisplayGrid.prototype, "displayMinorLines", null);
+    __decorate([
+        serialize()
+    ], DisplayGrid.prototype, "displayMajorLines", null);
+    __decorate([
+        serialize()
+    ], DisplayGrid.prototype, "background", null);
+    __decorate([
+        serialize()
+    ], DisplayGrid.prototype, "cellWidth", null);
+    __decorate([
+        serialize()
+    ], DisplayGrid.prototype, "cellHeight", null);
+    __decorate([
+        serialize()
+    ], DisplayGrid.prototype, "minorLineTickness", null);
+    __decorate([
+        serialize()
+    ], DisplayGrid.prototype, "minorLineColor", null);
+    __decorate([
+        serialize()
+    ], DisplayGrid.prototype, "majorLineTickness", null);
+    __decorate([
+        serialize()
+    ], DisplayGrid.prototype, "majorLineColor", null);
+    __decorate([
+        serialize()
+    ], DisplayGrid.prototype, "majorLineFrequency", null);
+    return DisplayGrid;
+}(Control));
+export { DisplayGrid };
+RegisterClass("BABYLON.GUI.DisplayGrid", DisplayGrid);
 //# sourceMappingURL=displayGrid.js.map