@babylonjs/gui 9.14.0 → 9.16.0

package/2D/controls/displayGrid.pure.js

@@ -1,203 +1,214 @@
-import { __decorate } from "@babylonjs/core/tslib.es6.js";
+import { __esDecorate, __runInitializers } from "@babylonjs/core/tslib.es6.js";
 import { Control } from "./control.pure.js";
 import { RegisterClass } from "@babylonjs/core/Misc/typeStore.js";
 import { serialize } from "@babylonjs/core/Misc/decorators.js";
 /** Class used to render a grid  */
-export class DisplayGrid extends Control {
-    /** Gets or sets a boolean indicating if minor lines must be rendered (true by default)) */
-    get displayMinorLines() {
-        return this._displayMinorLines;
-    }
-    set displayMinorLines(value) {
-        if (this._displayMinorLines === value) {
-            return;
-        }
-        this._displayMinorLines = value;
-        this._markAsDirty();
-    }
-    /** Gets or sets a boolean indicating if major lines must be rendered (true by default)) */
-    get displayMajorLines() {
-        return this._displayMajorLines;
-    }
-    set displayMajorLines(value) {
-        if (this._displayMajorLines === value) {
-            return;
-        }
-        this._displayMajorLines = value;
-        this._markAsDirty();
-    }
-    /** Gets or sets background color (Black by default) */
-    get background() {
-        return this._background;
-    }
-    set background(value) {
-        if (this._background === value) {
-            return;
-        }
-        this._background = value;
-        this._markAsDirty();
-    }
-    /** Gets or sets the width of each cell (20 by default) */
-    get cellWidth() {
-        return this._cellWidth;
-    }
-    set cellWidth(value) {
-        this._cellWidth = value;
-        this._markAsDirty();
-    }
-    /** Gets or sets the height of each cell (20 by default) */
-    get cellHeight() {
-        return this._cellHeight;
-    }
-    set cellHeight(value) {
-        this._cellHeight = value;
-        this._markAsDirty();
-    }
-    /** Gets or sets the tickness of minor lines (1 by default) */
-    get minorLineTickness() {
-        return this._minorLineTickness;
-    }
-    set minorLineTickness(value) {
-        this._minorLineTickness = value;
-        this._markAsDirty();
-    }
-    /** Gets or sets the color of minor lines (DarkGray by default) */
-    get minorLineColor() {
-        return this._minorLineColor;
-    }
-    set minorLineColor(value) {
-        this._minorLineColor = value;
-        this._markAsDirty();
-    }
-    /** Gets or sets the tickness of major lines (2 by default) */
-    get majorLineTickness() {
-        return this._majorLineTickness;
-    }
-    set majorLineTickness(value) {
-        this._majorLineTickness = value;
-        this._markAsDirty();
-    }
-    /** Gets or sets the color of major lines (White by default) */
-    get majorLineColor() {
-        return this._majorLineColor;
-    }
-    set majorLineColor(value) {
-        this._majorLineColor = value;
-        this._markAsDirty();
-    }
-    /** Gets or sets the frequency of major lines (default is 1 every 5 minor lines)*/
-    get majorLineFrequency() {
-        return this._majorLineFrequency;
-    }
-    set majorLineFrequency(value) {
-        this._majorLineFrequency = value;
-        this._markAsDirty();
-    }
-    /**
-     * Creates a new GridDisplayRectangle
-     * @param name defines the control name
-     */
-    constructor(name) {
-        super(name);
-        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;
-    }
-    _draw(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);
-            }
-            const cellCountX = this._currentMeasure.width / this._cellWidth;
-            const cellCountY = this._currentMeasure.height / this._cellHeight;
-            // Minor lines
-            const left = this._currentMeasure.left + this._currentMeasure.width / 2;
-            const top = this._currentMeasure.top + this._currentMeasure.height / 2;
-            if (this._displayMinorLines) {
-                context.strokeStyle = this._minorLineColor;
-                context.lineWidth = this._minorLineTickness;
-                for (let x = -cellCountX / 2 + 1; x < cellCountX / 2; x++) {
-                    const cellX = left + x * this.cellWidth;
-                    context.beginPath();
-                    context.moveTo(cellX, this._currentMeasure.top);
-                    context.lineTo(cellX, this._currentMeasure.top + this._currentMeasure.height);
-                    context.stroke();
+let DisplayGrid = (() => {
+    var _a;
+    let _classSuper = Control;
+    let _instanceExtraInitializers = [];
+    let _get_displayMinorLines_decorators;
+    let _get_displayMajorLines_decorators;
+    let _get_background_decorators;
+    let _get_cellWidth_decorators;
+    let _get_cellHeight_decorators;
+    let _get_minorLineTickness_decorators;
+    let _get_minorLineColor_decorators;
+    let _get_majorLineTickness_decorators;
+    let _get_majorLineColor_decorators;
+    let _get_majorLineFrequency_decorators;
+    return _a = class DisplayGrid extends _classSuper {
+            /** Gets or sets a boolean indicating if minor lines must be rendered (true by default)) */
+            get displayMinorLines() {
+                return this._displayMinorLines;
+            }
+            set displayMinorLines(value) {
+                if (this._displayMinorLines === value) {
+                    return;
                 }
-                for (let y = -cellCountY / 2 + 1; y < cellCountY / 2; y++) {
-                    const cellY = top + y * this.cellHeight;
-                    context.beginPath();
-                    context.moveTo(this._currentMeasure.left, cellY);
-                    context.lineTo(this._currentMeasure.left + this._currentMeasure.width, cellY);
-                    context.stroke();
+                this._displayMinorLines = value;
+                this._markAsDirty();
+            }
+            /** Gets or sets a boolean indicating if major lines must be rendered (true by default)) */
+            get displayMajorLines() {
+                return this._displayMajorLines;
+            }
+            set displayMajorLines(value) {
+                if (this._displayMajorLines === value) {
+                    return;
                 }
+                this._displayMajorLines = value;
+                this._markAsDirty();
+            }
+            /** Gets or sets background color (Black by default) */
+            get background() {
+                return this._background;
             }
-            // Major lines
-            if (this._displayMajorLines) {
-                context.strokeStyle = this._majorLineColor;
-                context.lineWidth = this._majorLineTickness;
-                for (let x = -cellCountX / 2 + this._majorLineFrequency; x < cellCountX / 2; x += this._majorLineFrequency) {
-                    const cellX = left + x * this.cellWidth;
-                    context.beginPath();
-                    context.moveTo(cellX, this._currentMeasure.top);
-                    context.lineTo(cellX, this._currentMeasure.top + this._currentMeasure.height);
-                    context.stroke();
+            set background(value) {
+                if (this._background === value) {
+                    return;
                 }
-                for (let y = -cellCountY / 2 + this._majorLineFrequency; y < cellCountY / 2; y += this._majorLineFrequency) {
-                    const cellY = top + y * this.cellHeight;
-                    context.moveTo(this._currentMeasure.left, cellY);
-                    context.lineTo(this._currentMeasure.left + this._currentMeasure.width, cellY);
-                    context.closePath();
-                    context.stroke();
+                this._background = value;
+                this._markAsDirty();
+            }
+            /** Gets or sets the width of each cell (20 by default) */
+            get cellWidth() {
+                return this._cellWidth;
+            }
+            set cellWidth(value) {
+                this._cellWidth = value;
+                this._markAsDirty();
+            }
+            /** Gets or sets the height of each cell (20 by default) */
+            get cellHeight() {
+                return this._cellHeight;
+            }
+            set cellHeight(value) {
+                this._cellHeight = value;
+                this._markAsDirty();
+            }
+            /** Gets or sets the tickness of minor lines (1 by default) */
+            get minorLineTickness() {
+                return this._minorLineTickness;
+            }
+            set minorLineTickness(value) {
+                this._minorLineTickness = value;
+                this._markAsDirty();
+            }
+            /** Gets or sets the color of minor lines (DarkGray by default) */
+            get minorLineColor() {
+                return this._minorLineColor;
+            }
+            set minorLineColor(value) {
+                this._minorLineColor = value;
+                this._markAsDirty();
+            }
+            /** Gets or sets the tickness of major lines (2 by default) */
+            get majorLineTickness() {
+                return this._majorLineTickness;
+            }
+            set majorLineTickness(value) {
+                this._majorLineTickness = value;
+                this._markAsDirty();
+            }
+            /** Gets or sets the color of major lines (White by default) */
+            get majorLineColor() {
+                return this._majorLineColor;
+            }
+            set majorLineColor(value) {
+                this._majorLineColor = value;
+                this._markAsDirty();
+            }
+            /** Gets or sets the frequency of major lines (default is 1 every 5 minor lines)*/
+            get majorLineFrequency() {
+                return this._majorLineFrequency;
+            }
+            set majorLineFrequency(value) {
+                this._majorLineFrequency = value;
+                this._markAsDirty();
+            }
+            /**
+             * Creates a new GridDisplayRectangle
+             * @param name defines the control name
+             */
+            constructor(name) {
+                super(name);
+                this.name = (__runInitializers(this, _instanceExtraInitializers), 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;
+            }
+            _draw(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);
+                    }
+                    const cellCountX = this._currentMeasure.width / this._cellWidth;
+                    const cellCountY = this._currentMeasure.height / this._cellHeight;
+                    // Minor lines
+                    const left = this._currentMeasure.left + this._currentMeasure.width / 2;
+                    const top = this._currentMeasure.top + this._currentMeasure.height / 2;
+                    if (this._displayMinorLines) {
+                        context.strokeStyle = this._minorLineColor;
+                        context.lineWidth = this._minorLineTickness;
+                        for (let x = -cellCountX / 2 + 1; x < cellCountX / 2; x++) {
+                            const 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 (let y = -cellCountY / 2 + 1; y < cellCountY / 2; y++) {
+                            const cellY = top + 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 (let x = -cellCountX / 2 + this._majorLineFrequency; x < cellCountX / 2; x += this._majorLineFrequency) {
+                            const 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 (let y = -cellCountY / 2 + this._majorLineFrequency; y < cellCountY / 2; y += this._majorLineFrequency) {
+                            const cellY = top + y * this.cellHeight;
+                            context.moveTo(this._currentMeasure.left, cellY);
+                            context.lineTo(this._currentMeasure.left + this._currentMeasure.width, cellY);
+                            context.closePath();
+                            context.stroke();
+                        }
+                    }
                 }
+                context.restore();
             }
-        }
-        context.restore();
-    }
-    _getTypeName() {
-        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);
+            _getTypeName() {
+                return "DisplayGrid";
+            }
+        },
+        (() => {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _get_displayMinorLines_decorators = [serialize()];
+            _get_displayMajorLines_decorators = [serialize()];
+            _get_background_decorators = [serialize()];
+            _get_cellWidth_decorators = [serialize()];
+            _get_cellHeight_decorators = [serialize()];
+            _get_minorLineTickness_decorators = [serialize()];
+            _get_minorLineColor_decorators = [serialize()];
+            _get_majorLineTickness_decorators = [serialize()];
+            _get_majorLineColor_decorators = [serialize()];
+            _get_majorLineFrequency_decorators = [serialize()];
+            __esDecorate(_a, null, _get_displayMinorLines_decorators, { kind: "getter", name: "displayMinorLines", static: false, private: false, access: { has: obj => "displayMinorLines" in obj, get: obj => obj.displayMinorLines }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _get_displayMajorLines_decorators, { kind: "getter", name: "displayMajorLines", static: false, private: false, access: { has: obj => "displayMajorLines" in obj, get: obj => obj.displayMajorLines }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _get_background_decorators, { kind: "getter", name: "background", static: false, private: false, access: { has: obj => "background" in obj, get: obj => obj.background }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _get_cellWidth_decorators, { kind: "getter", name: "cellWidth", static: false, private: false, access: { has: obj => "cellWidth" in obj, get: obj => obj.cellWidth }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _get_cellHeight_decorators, { kind: "getter", name: "cellHeight", static: false, private: false, access: { has: obj => "cellHeight" in obj, get: obj => obj.cellHeight }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _get_minorLineTickness_decorators, { kind: "getter", name: "minorLineTickness", static: false, private: false, access: { has: obj => "minorLineTickness" in obj, get: obj => obj.minorLineTickness }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _get_minorLineColor_decorators, { kind: "getter", name: "minorLineColor", static: false, private: false, access: { has: obj => "minorLineColor" in obj, get: obj => obj.minorLineColor }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _get_majorLineTickness_decorators, { kind: "getter", name: "majorLineTickness", static: false, private: false, access: { has: obj => "majorLineTickness" in obj, get: obj => obj.majorLineTickness }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _get_majorLineColor_decorators, { kind: "getter", name: "majorLineColor", static: false, private: false, access: { has: obj => "majorLineColor" in obj, get: obj => obj.majorLineColor }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _get_majorLineFrequency_decorators, { kind: "getter", name: "majorLineFrequency", static: false, private: false, access: { has: obj => "majorLineFrequency" in obj, get: obj => obj.majorLineFrequency }, metadata: _metadata }, null, _instanceExtraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { DisplayGrid };
 let _Registered = false;
 /**
  * Registers the DisplayGrid class with the type store for serialization support.

package/2D/controls/displayGrid.pure.js.map

@@ -1 +1 @@
-{"version":3,"file":"displayGrid.pure.js","sourceRoot":"","sources":["../../../../../dev/gui/src/2D/controls/displayGrid.pure.ts"],"names":[],"mappings":"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","sourcesContent":["import { Control } from \"./control.pure\";\r\nimport { RegisterClass } from \"core/Misc/typeStore\";\r\nimport { serialize } from \"core/Misc/decorators\";\r\nimport { type ICanvasRenderingContext } from \"core/Engines/ICanvas\";\r\n\r\n/** Class used to render a grid  */\r\nexport class DisplayGrid extends Control {\r\n    private _cellWidth = 20;\r\n    private _cellHeight = 20;\r\n\r\n    private _minorLineTickness = 1;\r\n    private _minorLineColor = \"DarkGray\";\r\n\r\n    private _majorLineTickness = 2;\r\n    private _majorLineColor = \"White\";\r\n\r\n    private _majorLineFrequency = 5;\r\n\r\n    private _background = \"Black\";\r\n\r\n    private _displayMajorLines = true;\r\n    private _displayMinorLines = true;\r\n\r\n    /** Gets or sets a boolean indicating if minor lines must be rendered (true by default)) */\r\n    @serialize()\r\n    public get displayMinorLines(): boolean {\r\n        return this._displayMinorLines;\r\n    }\r\n\r\n    public set displayMinorLines(value: boolean) {\r\n        if (this._displayMinorLines === value) {\r\n            return;\r\n        }\r\n\r\n        this._displayMinorLines = value;\r\n        this._markAsDirty();\r\n    }\r\n\r\n    /** Gets or sets a boolean indicating if major lines must be rendered (true by default)) */\r\n    @serialize()\r\n    public get displayMajorLines(): boolean {\r\n        return this._displayMajorLines;\r\n    }\r\n\r\n    public set displayMajorLines(value: boolean) {\r\n        if (this._displayMajorLines === value) {\r\n            return;\r\n        }\r\n\r\n        this._displayMajorLines = value;\r\n        this._markAsDirty();\r\n    }\r\n\r\n    /** Gets or sets background color (Black by default) */\r\n    @serialize()\r\n    public get background(): string {\r\n        return this._background;\r\n    }\r\n\r\n    public set background(value: string) {\r\n        if (this._background === value) {\r\n            return;\r\n        }\r\n\r\n        this._background = value;\r\n        this._markAsDirty();\r\n    }\r\n\r\n    /** Gets or sets the width of each cell (20 by default) */\r\n    @serialize()\r\n    public get cellWidth(): number {\r\n        return this._cellWidth;\r\n    }\r\n\r\n    public set cellWidth(value: number) {\r\n        this._cellWidth = value;\r\n\r\n        this._markAsDirty();\r\n    }\r\n\r\n    /** Gets or sets the height of each cell (20 by default) */\r\n    @serialize()\r\n    public get cellHeight(): number {\r\n        return this._cellHeight;\r\n    }\r\n\r\n    public set cellHeight(value: number) {\r\n        this._cellHeight = value;\r\n\r\n        this._markAsDirty();\r\n    }\r\n\r\n    /** Gets or sets the tickness of minor lines (1 by default) */\r\n    @serialize()\r\n    public get minorLineTickness(): number {\r\n        return this._minorLineTickness;\r\n    }\r\n\r\n    public set minorLineTickness(value: number) {\r\n        this._minorLineTickness = value;\r\n\r\n        this._markAsDirty();\r\n    }\r\n\r\n    /** Gets or sets the color of minor lines (DarkGray by default) */\r\n    @serialize()\r\n    public get minorLineColor(): string {\r\n        return this._minorLineColor;\r\n    }\r\n\r\n    public set minorLineColor(value: string) {\r\n        this._minorLineColor = value;\r\n\r\n        this._markAsDirty();\r\n    }\r\n\r\n    /** Gets or sets the tickness of major lines (2 by default) */\r\n    @serialize()\r\n    public get majorLineTickness(): number {\r\n        return this._majorLineTickness;\r\n    }\r\n\r\n    public set majorLineTickness(value: number) {\r\n        this._majorLineTickness = value;\r\n\r\n        this._markAsDirty();\r\n    }\r\n\r\n    /** Gets or sets the color of major lines (White by default) */\r\n    @serialize()\r\n    public get majorLineColor(): string {\r\n        return this._majorLineColor;\r\n    }\r\n\r\n    public set majorLineColor(value: string) {\r\n        this._majorLineColor = value;\r\n\r\n        this._markAsDirty();\r\n    }\r\n\r\n    /** Gets or sets the frequency of major lines (default is 1 every 5 minor lines)*/\r\n    @serialize()\r\n    public get majorLineFrequency(): number {\r\n        return this._majorLineFrequency;\r\n    }\r\n\r\n    public set majorLineFrequency(value: number) {\r\n        this._majorLineFrequency = value;\r\n\r\n        this._markAsDirty();\r\n    }\r\n\r\n    /**\r\n     * Creates a new GridDisplayRectangle\r\n     * @param name defines the control name\r\n     */\r\n    constructor(public override name?: string) {\r\n        super(name);\r\n    }\r\n\r\n    public override _draw(context: ICanvasRenderingContext): void {\r\n        context.save();\r\n\r\n        this._applyStates(context);\r\n\r\n        if (this._isEnabled) {\r\n            if (this._background) {\r\n                context.fillStyle = this._background;\r\n                context.fillRect(this._currentMeasure.left, this._currentMeasure.top, this._currentMeasure.width, this._currentMeasure.height);\r\n            }\r\n\r\n            const cellCountX = this._currentMeasure.width / this._cellWidth;\r\n            const cellCountY = this._currentMeasure.height / this._cellHeight;\r\n\r\n            // Minor lines\r\n            const left = this._currentMeasure.left + this._currentMeasure.width / 2;\r\n            const top = this._currentMeasure.top + this._currentMeasure.height / 2;\r\n\r\n            if (this._displayMinorLines) {\r\n                context.strokeStyle = this._minorLineColor;\r\n                context.lineWidth = this._minorLineTickness;\r\n\r\n                for (let x = -cellCountX / 2 + 1; x < cellCountX / 2; x++) {\r\n                    const cellX = left + x * this.cellWidth;\r\n\r\n                    context.beginPath();\r\n                    context.moveTo(cellX, this._currentMeasure.top);\r\n                    context.lineTo(cellX, this._currentMeasure.top + this._currentMeasure.height);\r\n\r\n                    context.stroke();\r\n                }\r\n\r\n                for (let y = -cellCountY / 2 + 1; y < cellCountY / 2; y++) {\r\n                    const cellY = top + y * this.cellHeight;\r\n\r\n                    context.beginPath();\r\n                    context.moveTo(this._currentMeasure.left, cellY);\r\n                    context.lineTo(this._currentMeasure.left + this._currentMeasure.width, cellY);\r\n                    context.stroke();\r\n                }\r\n            }\r\n\r\n            // Major lines\r\n            if (this._displayMajorLines) {\r\n                context.strokeStyle = this._majorLineColor;\r\n                context.lineWidth = this._majorLineTickness;\r\n\r\n                for (let x = -cellCountX / 2 + this._majorLineFrequency; x < cellCountX / 2; x += this._majorLineFrequency) {\r\n                    const cellX = left + x * this.cellWidth;\r\n\r\n                    context.beginPath();\r\n                    context.moveTo(cellX, this._currentMeasure.top);\r\n                    context.lineTo(cellX, this._currentMeasure.top + this._currentMeasure.height);\r\n                    context.stroke();\r\n                }\r\n\r\n                for (let y = -cellCountY / 2 + this._majorLineFrequency; y < cellCountY / 2; y += this._majorLineFrequency) {\r\n                    const cellY = top + y * this.cellHeight;\r\n                    context.moveTo(this._currentMeasure.left, cellY);\r\n                    context.lineTo(this._currentMeasure.left + this._currentMeasure.width, cellY);\r\n                    context.closePath();\r\n                    context.stroke();\r\n                }\r\n            }\r\n        }\r\n\r\n        context.restore();\r\n    }\r\n\r\n    protected override _getTypeName(): string {\r\n        return \"DisplayGrid\";\r\n    }\r\n}\r\n\r\nlet _Registered = false;\r\n/**\r\n * Registers the DisplayGrid class with the type store for serialization support.\r\n * Safe to call multiple times; only the first call has an effect.\r\n */\r\nexport function RegisterDisplayGrid(): void {\r\n    if (_Registered) {\r\n        return;\r\n    }\r\n    _Registered = true;\r\n\r\n    RegisterClass(\"BABYLON.GUI.DisplayGrid\", DisplayGrid);\r\n}\r\n"]}
+{"version":3,"file":"displayGrid.pure.js","sourceRoot":"","sources":["../../../../../dev/gui/src/2D/controls/displayGrid.pure.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,mCAAmC;IACtB,WAAW;;sBAAS,OAAO;;;;;;;;;;;;sBAA3B,WAAY,SAAQ,WAAO;YAiBpC,2FAA2F;YAE3F,IAAW,iBAAiB;gBACxB,OAAO,IAAI,CAAC,kBAAkB,CAAC;YACnC,CAAC;YAED,IAAW,iBAAiB,CAAC,KAAc;gBACvC,IAAI,IAAI,CAAC,kBAAkB,KAAK,KAAK,EAAE,CAAC;oBACpC,OAAO;gBACX,CAAC;gBAED,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;gBAChC,IAAI,CAAC,YAAY,EAAE,CAAC;YACxB,CAAC;YAED,2FAA2F;YAE3F,IAAW,iBAAiB;gBACxB,OAAO,IAAI,CAAC,kBAAkB,CAAC;YACnC,CAAC;YAED,IAAW,iBAAiB,CAAC,KAAc;gBACvC,IAAI,IAAI,CAAC,kBAAkB,KAAK,KAAK,EAAE,CAAC;oBACpC,OAAO;gBACX,CAAC;gBAED,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;gBAChC,IAAI,CAAC,YAAY,EAAE,CAAC;YACxB,CAAC;YAED,uDAAuD;YAEvD,IAAW,UAAU;gBACjB,OAAO,IAAI,CAAC,WAAW,CAAC;YAC5B,CAAC;YAED,IAAW,UAAU,CAAC,KAAa;gBAC/B,IAAI,IAAI,CAAC,WAAW,KAAK,KAAK,EAAE,CAAC;oBAC7B,OAAO;gBACX,CAAC;gBAED,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;gBACzB,IAAI,CAAC,YAAY,EAAE,CAAC;YACxB,CAAC;YAED,0DAA0D;YAE1D,IAAW,SAAS;gBAChB,OAAO,IAAI,CAAC,UAAU,CAAC;YAC3B,CAAC;YAED,IAAW,SAAS,CAAC,KAAa;gBAC9B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;gBAExB,IAAI,CAAC,YAAY,EAAE,CAAC;YACxB,CAAC;YAED,2DAA2D;YAE3D,IAAW,UAAU;gBACjB,OAAO,IAAI,CAAC,WAAW,CAAC;YAC5B,CAAC;YAED,IAAW,UAAU,CAAC,KAAa;gBAC/B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;gBAEzB,IAAI,CAAC,YAAY,EAAE,CAAC;YACxB,CAAC;YAED,8DAA8D;YAE9D,IAAW,iBAAiB;gBACxB,OAAO,IAAI,CAAC,kBAAkB,CAAC;YACnC,CAAC;YAED,IAAW,iBAAiB,CAAC,KAAa;gBACtC,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;gBAEhC,IAAI,CAAC,YAAY,EAAE,CAAC;YACxB,CAAC;YAED,kEAAkE;YAElE,IAAW,cAAc;gBACrB,OAAO,IAAI,CAAC,eAAe,CAAC;YAChC,CAAC;YAED,IAAW,cAAc,CAAC,KAAa;gBACnC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;gBAE7B,IAAI,CAAC,YAAY,EAAE,CAAC;YACxB,CAAC;YAED,8DAA8D;YAE9D,IAAW,iBAAiB;gBACxB,OAAO,IAAI,CAAC,kBAAkB,CAAC;YACnC,CAAC;YAED,IAAW,iBAAiB,CAAC,KAAa;gBACtC,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;gBAEhC,IAAI,CAAC,YAAY,EAAE,CAAC;YACxB,CAAC;YAED,+DAA+D;YAE/D,IAAW,cAAc;gBACrB,OAAO,IAAI,CAAC,eAAe,CAAC;YAChC,CAAC;YAED,IAAW,cAAc,CAAC,KAAa;gBACnC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;gBAE7B,IAAI,CAAC,YAAY,EAAE,CAAC;YACxB,CAAC;YAED,kFAAkF;YAElF,IAAW,kBAAkB;gBACzB,OAAO,IAAI,CAAC,mBAAmB,CAAC;YACpC,CAAC;YAED,IAAW,kBAAkB,CAAC,KAAa;gBACvC,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;gBAEjC,IAAI,CAAC,YAAY,EAAE,CAAC;YACxB,CAAC;YAED;;;eAGG;YACH,YAA4B,IAAa;gBACrC,KAAK,CAAC,IAAI,CAAC,CAAC;gBADY,SAAI,IAtJvB,mDAAW,EAsJQ,IAAI,EAAS;gBArJjC,eAAU,GAAG,EAAE,CAAC;gBAChB,gBAAW,GAAG,EAAE,CAAC;gBAEjB,uBAAkB,GAAG,CAAC,CAAC;gBACvB,oBAAe,GAAG,UAAU,CAAC;gBAE7B,uBAAkB,GAAG,CAAC,CAAC;gBACvB,oBAAe,GAAG,OAAO,CAAC;gBAE1B,wBAAmB,GAAG,CAAC,CAAC;gBAExB,gBAAW,GAAG,OAAO,CAAC;gBAEtB,uBAAkB,GAAG,IAAI,CAAC;gBAC1B,uBAAkB,GAAG,IAAI,CAAC;YAyIlC,CAAC;YAEe,KAAK,CAAC,OAAgC;gBAClD,OAAO,CAAC,IAAI,EAAE,CAAC;gBAEf,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;gBAE3B,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;oBAClB,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;wBACnB,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC;wBACrC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,GAAG,EAAE,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;oBACnI,CAAC;oBAED,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC;oBAChE,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC;oBAElE,cAAc;oBACd,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,GAAG,CAAC,CAAC;oBACxE,MAAM,GAAG,GAAG,IAAI,CAAC,eAAe,CAAC,GAAG,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC;oBAEvE,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC;wBAC1B,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC;wBAC3C,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,kBAAkB,CAAC;wBAE5C,KAAK,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;4BACxD,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC;4BAExC,OAAO,CAAC,SAAS,EAAE,CAAC;4BACpB,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;4BAChD,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC,GAAG,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;4BAE9E,OAAO,CAAC,MAAM,EAAE,CAAC;wBACrB,CAAC;wBAED,KAAK,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;4BACxD,MAAM,KAAK,GAAG,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC;4BAExC,OAAO,CAAC,SAAS,EAAE,CAAC;4BACpB,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;4BACjD,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;4BAC9E,OAAO,CAAC,MAAM,EAAE,CAAC;wBACrB,CAAC;oBACL,CAAC;oBAED,cAAc;oBACd,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC;wBAC1B,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC;wBAC3C,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,kBAAkB,CAAC;wBAE5C,KAAK,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,CAAC,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC,GAAG,UAAU,GAAG,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC;4BACzG,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC;4BAExC,OAAO,CAAC,SAAS,EAAE,CAAC;4BACpB,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;4BAChD,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC,GAAG,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;4BAC9E,OAAO,CAAC,MAAM,EAAE,CAAC;wBACrB,CAAC;wBAED,KAAK,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,CAAC,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC,GAAG,UAAU,GAAG,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC;4BACzG,MAAM,KAAK,GAAG,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC;4BACxC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;4BACjD,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;4BAC9E,OAAO,CAAC,SAAS,EAAE,CAAC;4BACpB,OAAO,CAAC,MAAM,EAAE,CAAC;wBACrB,CAAC;oBACL,CAAC;gBACL,CAAC;gBAED,OAAO,CAAC,OAAO,EAAE,CAAC;YACtB,CAAC;YAEkB,YAAY;gBAC3B,OAAO,aAAa,CAAC;YACzB,CAAC;;;;iDA/MA,SAAS,EAAE;iDAeX,SAAS,EAAE;0CAeX,SAAS,EAAE;yCAeX,SAAS,EAAE;0CAYX,SAAS,EAAE;iDAYX,SAAS,EAAE;8CAYX,SAAS,EAAE;iDAYX,SAAS,EAAE;8CAYX,SAAS,EAAE;kDAYX,SAAS,EAAE;YApHZ,wMAAW,iBAAiB,6DAE3B;YAaD,wMAAW,iBAAiB,6DAE3B;YAaD,mLAAW,UAAU,6DAEpB;YAaD,gLAAW,SAAS,6DAEnB;YAUD,mLAAW,UAAU,6DAEpB;YAUD,wMAAW,iBAAiB,6DAE3B;YAUD,+LAAW,cAAc,6DAExB;YAUD,wMAAW,iBAAiB,6DAE3B;YAUD,+LAAW,cAAc,6DAExB;YAUD,2MAAW,kBAAkB,6DAE5B;;;;;SA1IQ,WAAW;AAoOxB,IAAI,WAAW,GAAG,KAAK,CAAC;AACxB;;;GAGG;AACH,MAAM,UAAU,mBAAmB;IAC/B,IAAI,WAAW,EAAE,CAAC;QACd,OAAO;IACX,CAAC;IACD,WAAW,GAAG,IAAI,CAAC;IAEnB,aAAa,CAAC,yBAAyB,EAAE,WAAW,CAAC,CAAC;AAC1D,CAAC","sourcesContent":["import { Control } from \"./control.pure\";\r\nimport { RegisterClass } from \"core/Misc/typeStore\";\r\nimport { serialize } from \"core/Misc/decorators\";\r\nimport { type ICanvasRenderingContext } from \"core/Engines/ICanvas\";\r\n\r\n/** Class used to render a grid  */\r\nexport class DisplayGrid extends Control {\r\n    private _cellWidth = 20;\r\n    private _cellHeight = 20;\r\n\r\n    private _minorLineTickness = 1;\r\n    private _minorLineColor = \"DarkGray\";\r\n\r\n    private _majorLineTickness = 2;\r\n    private _majorLineColor = \"White\";\r\n\r\n    private _majorLineFrequency = 5;\r\n\r\n    private _background = \"Black\";\r\n\r\n    private _displayMajorLines = true;\r\n    private _displayMinorLines = true;\r\n\r\n    /** Gets or sets a boolean indicating if minor lines must be rendered (true by default)) */\r\n    @serialize()\r\n    public get displayMinorLines(): boolean {\r\n        return this._displayMinorLines;\r\n    }\r\n\r\n    public set displayMinorLines(value: boolean) {\r\n        if (this._displayMinorLines === value) {\r\n            return;\r\n        }\r\n\r\n        this._displayMinorLines = value;\r\n        this._markAsDirty();\r\n    }\r\n\r\n    /** Gets or sets a boolean indicating if major lines must be rendered (true by default)) */\r\n    @serialize()\r\n    public get displayMajorLines(): boolean {\r\n        return this._displayMajorLines;\r\n    }\r\n\r\n    public set displayMajorLines(value: boolean) {\r\n        if (this._displayMajorLines === value) {\r\n            return;\r\n        }\r\n\r\n        this._displayMajorLines = value;\r\n        this._markAsDirty();\r\n    }\r\n\r\n    /** Gets or sets background color (Black by default) */\r\n    @serialize()\r\n    public get background(): string {\r\n        return this._background;\r\n    }\r\n\r\n    public set background(value: string) {\r\n        if (this._background === value) {\r\n            return;\r\n        }\r\n\r\n        this._background = value;\r\n        this._markAsDirty();\r\n    }\r\n\r\n    /** Gets or sets the width of each cell (20 by default) */\r\n    @serialize()\r\n    public get cellWidth(): number {\r\n        return this._cellWidth;\r\n    }\r\n\r\n    public set cellWidth(value: number) {\r\n        this._cellWidth = value;\r\n\r\n        this._markAsDirty();\r\n    }\r\n\r\n    /** Gets or sets the height of each cell (20 by default) */\r\n    @serialize()\r\n    public get cellHeight(): number {\r\n        return this._cellHeight;\r\n    }\r\n\r\n    public set cellHeight(value: number) {\r\n        this._cellHeight = value;\r\n\r\n        this._markAsDirty();\r\n    }\r\n\r\n    /** Gets or sets the tickness of minor lines (1 by default) */\r\n    @serialize()\r\n    public get minorLineTickness(): number {\r\n        return this._minorLineTickness;\r\n    }\r\n\r\n    public set minorLineTickness(value: number) {\r\n        this._minorLineTickness = value;\r\n\r\n        this._markAsDirty();\r\n    }\r\n\r\n    /** Gets or sets the color of minor lines (DarkGray by default) */\r\n    @serialize()\r\n    public get minorLineColor(): string {\r\n        return this._minorLineColor;\r\n    }\r\n\r\n    public set minorLineColor(value: string) {\r\n        this._minorLineColor = value;\r\n\r\n        this._markAsDirty();\r\n    }\r\n\r\n    /** Gets or sets the tickness of major lines (2 by default) */\r\n    @serialize()\r\n    public get majorLineTickness(): number {\r\n        return this._majorLineTickness;\r\n    }\r\n\r\n    public set majorLineTickness(value: number) {\r\n        this._majorLineTickness = value;\r\n\r\n        this._markAsDirty();\r\n    }\r\n\r\n    /** Gets or sets the color of major lines (White by default) */\r\n    @serialize()\r\n    public get majorLineColor(): string {\r\n        return this._majorLineColor;\r\n    }\r\n\r\n    public set majorLineColor(value: string) {\r\n        this._majorLineColor = value;\r\n\r\n        this._markAsDirty();\r\n    }\r\n\r\n    /** Gets or sets the frequency of major lines (default is 1 every 5 minor lines)*/\r\n    @serialize()\r\n    public get majorLineFrequency(): number {\r\n        return this._majorLineFrequency;\r\n    }\r\n\r\n    public set majorLineFrequency(value: number) {\r\n        this._majorLineFrequency = value;\r\n\r\n        this._markAsDirty();\r\n    }\r\n\r\n    /**\r\n     * Creates a new GridDisplayRectangle\r\n     * @param name defines the control name\r\n     */\r\n    constructor(public override name?: string) {\r\n        super(name);\r\n    }\r\n\r\n    public override _draw(context: ICanvasRenderingContext): void {\r\n        context.save();\r\n\r\n        this._applyStates(context);\r\n\r\n        if (this._isEnabled) {\r\n            if (this._background) {\r\n                context.fillStyle = this._background;\r\n                context.fillRect(this._currentMeasure.left, this._currentMeasure.top, this._currentMeasure.width, this._currentMeasure.height);\r\n            }\r\n\r\n            const cellCountX = this._currentMeasure.width / this._cellWidth;\r\n            const cellCountY = this._currentMeasure.height / this._cellHeight;\r\n\r\n            // Minor lines\r\n            const left = this._currentMeasure.left + this._currentMeasure.width / 2;\r\n            const top = this._currentMeasure.top + this._currentMeasure.height / 2;\r\n\r\n            if (this._displayMinorLines) {\r\n                context.strokeStyle = this._minorLineColor;\r\n                context.lineWidth = this._minorLineTickness;\r\n\r\n                for (let x = -cellCountX / 2 + 1; x < cellCountX / 2; x++) {\r\n                    const cellX = left + x * this.cellWidth;\r\n\r\n                    context.beginPath();\r\n                    context.moveTo(cellX, this._currentMeasure.top);\r\n                    context.lineTo(cellX, this._currentMeasure.top + this._currentMeasure.height);\r\n\r\n                    context.stroke();\r\n                }\r\n\r\n                for (let y = -cellCountY / 2 + 1; y < cellCountY / 2; y++) {\r\n                    const cellY = top + y * this.cellHeight;\r\n\r\n                    context.beginPath();\r\n                    context.moveTo(this._currentMeasure.left, cellY);\r\n                    context.lineTo(this._currentMeasure.left + this._currentMeasure.width, cellY);\r\n                    context.stroke();\r\n                }\r\n            }\r\n\r\n            // Major lines\r\n            if (this._displayMajorLines) {\r\n                context.strokeStyle = this._majorLineColor;\r\n                context.lineWidth = this._majorLineTickness;\r\n\r\n                for (let x = -cellCountX / 2 + this._majorLineFrequency; x < cellCountX / 2; x += this._majorLineFrequency) {\r\n                    const cellX = left + x * this.cellWidth;\r\n\r\n                    context.beginPath();\r\n                    context.moveTo(cellX, this._currentMeasure.top);\r\n                    context.lineTo(cellX, this._currentMeasure.top + this._currentMeasure.height);\r\n                    context.stroke();\r\n                }\r\n\r\n                for (let y = -cellCountY / 2 + this._majorLineFrequency; y < cellCountY / 2; y += this._majorLineFrequency) {\r\n                    const cellY = top + y * this.cellHeight;\r\n                    context.moveTo(this._currentMeasure.left, cellY);\r\n                    context.lineTo(this._currentMeasure.left + this._currentMeasure.width, cellY);\r\n                    context.closePath();\r\n                    context.stroke();\r\n                }\r\n            }\r\n        }\r\n\r\n        context.restore();\r\n    }\r\n\r\n    protected override _getTypeName(): string {\r\n        return \"DisplayGrid\";\r\n    }\r\n}\r\n\r\nlet _Registered = false;\r\n/**\r\n * Registers the DisplayGrid class with the type store for serialization support.\r\n * Safe to call multiple times; only the first call has an effect.\r\n */\r\nexport function RegisterDisplayGrid(): void {\r\n    if (_Registered) {\r\n        return;\r\n    }\r\n    _Registered = true;\r\n\r\n    RegisterClass(\"BABYLON.GUI.DisplayGrid\", DisplayGrid);\r\n}\r\n"]}