@babylonjs/gui 5.0.0-beta.9 → 5.0.0-rc.10

package/2D/controls/focusableButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"focusableButton.js","sourceRoot":"","sources":["../../../../sourceES6/gui/src/2D/controls/focusableButton.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAG/D,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAG7D;;;GAGG;AACH;IAAqC,mCAAM;IAavC,yBAAmB,IAAa;QAAhC,YACI,kBAAM,IAAI,CAAC,SAGd;QAJkB,UAAI,GAAJ,IAAI,CAAS;QAZhC,6CAA6C;QACtC,kBAAY,GAAqB,IAAI,CAAC;QACrC,gBAAU,GAAG,KAAK,CAAC;QACnB,qBAAe,GAAqB,IAAI,CAAC;QAEjD,wDAAwD;QACjD,uBAAiB,GAAG,IAAI,UAAU,EAAU,CAAC;QACpD,yDAAyD;QAClD,sBAAgB,GAAG,IAAI,UAAU,EAAU,CAAC;QACnD,uDAAuD;QAChD,wCAAkC,GAAG,IAAI,UAAU,EAAkB,CAAC;QAKzE,KAAI,CAAC,eAAe,GAAG,KAAI,CAAC,KAAK,CAAC;;IACtC,CAAC;IAED,cAAc;IACP,gCAAM,GAAb;QACI,IAAI,IAAI,CAAC,UAAU,EAAE;YACjB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,EAAE;gBACnD,0CAA0C;gBAC1C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC;aACrC;YACD,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;SAC/C;IACL,CAAC;IAED,cAAc;IACP,iCAAO,GAAd;QACI,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QAEvB,IAAI,IAAI,CAAC,YAAY,EAAE;YACnB,2BAA2B;YAC3B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC;YAClC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;SAClC;QACD,IAAI,CAAC,iBAAiB,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IACjD,CAAC;IAED;;;OAGG;IACI,wCAAc,GAArB;QACI,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;OAEG;IACI,+BAAK,GAAZ;QACI,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC;IAED;;OAEG;IACI,8BAAI,GAAX;QACI,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC;IACrC,CAAC;IAED;;;OAGG;IACI,yCAAe,GAAtB,UAAuB,GAAmB;QACtC,IAAI,CAAC,kCAAkC,CAAC,eAAe,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IAC3E,CAAC;IAED,cAAc;IACP,wCAAc,GAArB,UAAsB,MAAe,EAAE,WAAoB,EAAE,SAAiB,EAAE,WAAmB,EAAE,EAAmB;QACpH,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YAClB,kCAAkC;YAClC,IAAI,CAAC,KAAK,EAAE,CAAC;SAChB;QAED,OAAO,iBAAM,cAAc,YAAC,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC;IACjF,CAAC;IAED,cAAc;IACP,kCAAQ,GAAf;QACI,iBAAM,OAAO,WAAE,CAAC;QAEhB,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC9B,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;QAC/B,IAAI,CAAC,kCAAkC,CAAC,KAAK,EAAE,CAAC;IACpD,CAAC;IACL,sBAAC;AAAD,CAAC,AA3FD,CAAqC,MAAM,GA2F1C;;AACD,aAAa,CAAC,6BAA6B,EAAE,eAAe,CAAC,CAAC","sourcesContent":["import { Nullable } from \"@babylonjs/core/types\";\nimport { Vector2 } from \"@babylonjs/core/Maths/math.vector\";\n\nimport { Button } from \"./button\";\nimport { Control } from \"./control\";\nimport { RegisterClass } from '@babylonjs/core/Misc/typeStore';\nimport { PointerInfoBase } from '@babylonjs/core/Events/pointerEvents';\nimport { IFocusableControl } from \"./focusableControl\";\nimport { Observable } from '@babylonjs/core/Misc/observable';\nimport { IKeyboardEvent } from \"@babylonjs/core/Events/deviceInputEvents\";\n\n/**\n * Class used to create a focusable button that can easily handle keyboard events\n * @since 5.0.0\n */\nexport class FocusableButton extends Button implements IFocusableControl {\n    /** Highlight color when button is focused */\n    public focusedColor: Nullable<string> = null;\n    private _isFocused = false;\n    private _unfocusedColor: Nullable<string> = null;\n\n    /** Observable raised when the control gets the focus */\n    public onFocusObservable = new Observable<Button>();\n    /** Observable raised when the control loses the focus */\n    public onBlurObservable = new Observable<Button>();\n    /** Observable raised when a key event was processed */\n    public onKeyboardEventProcessedObservable = new Observable<IKeyboardEvent>();\n\n    constructor(public name?: string) {\n        super(name);\n\n        this._unfocusedColor = this.color;\n    }\n\n    /** @hidden */\n    public onBlur(): void {\n        if (this._isFocused) {\n            this._isFocused = false;\n            if (this.focusedColor && this._unfocusedColor != null) {\n                // Set color back to saved unfocused color\n                this.color = this._unfocusedColor;\n            }\n            this.onBlurObservable.notifyObservers(this);\n        }\n    }\n\n    /** @hidden */\n    public onFocus(): void {\n        this._isFocused = true;\n\n        if (this.focusedColor) {\n            // Save the unfocused color\n            this._unfocusedColor = this.color;\n            this.color = this.focusedColor;\n        }\n        this.onFocusObservable.notifyObservers(this);\n    }\n\n    /**\n     * Function called to get the list of controls that should not steal the focus from this control\n     * @returns an array of controls\n     */\n    public keepsFocusWith(): Nullable<Control[]> {\n        return null;\n    }\n\n    /**\n     * Function to focus a button programmatically\n     */\n    public focus() {\n        this._host.moveFocusToControl(this);\n    }\n\n    /**\n     * Function to unfocus a button programmatically\n     */\n    public blur() {\n        this._host.focusedControl = null;\n    }\n\n    /**\n     * Handles the keyboard event\n     * @param evt Defines the KeyboardEvent\n     */\n    public processKeyboard(evt: IKeyboardEvent): void {\n        this.onKeyboardEventProcessedObservable.notifyObservers(evt, -1, this);\n    }\n\n    /** @hidden */\n    public _onPointerDown(target: Control, coordinates: Vector2, pointerId: number, buttonIndex: number, pi: PointerInfoBase): boolean {\n        if (!this.isReadOnly) {\n            // Clicking on button should focus\n            this.focus();\n        }\n\n        return super._onPointerDown(target, coordinates, pointerId, buttonIndex, pi);\n    }\n\n    /** @hidden */\n    public displose() {\n        super.dispose();\n\n        this.onBlurObservable.clear();\n        this.onFocusObservable.clear();\n        this.onKeyboardEventProcessedObservable.clear();\n    }\n}\nRegisterClass(\"BABYLON.GUI.FocusableButton\", FocusableButton);"]}
+{"version":3,"file":"focusableButton.js","sourceRoot":"","sources":["../../../../../../lts/gui/generated/2D/controls/focusableButton.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,aAAa,EAAE,0CAA4B;AAGpD,OAAO,EAAE,UAAU,EAAE,2CAA6B;AAGlD;;;GAGG;AACH;IAAqC,mCAAM;IAavC,yBAAmB,IAAa;QAAhC,YACI,kBAAM,IAAI,CAAC,SAGd;QAJkB,UAAI,GAAJ,IAAI,CAAS;QAZhC,6CAA6C;QACtC,kBAAY,GAAqB,IAAI,CAAC;QACrC,gBAAU,GAAG,KAAK,CAAC;QACnB,qBAAe,GAAqB,IAAI,CAAC;QAEjD,wDAAwD;QACjD,uBAAiB,GAAG,IAAI,UAAU,EAAU,CAAC;QACpD,yDAAyD;QAClD,sBAAgB,GAAG,IAAI,UAAU,EAAU,CAAC;QACnD,uDAAuD;QAChD,wCAAkC,GAAG,IAAI,UAAU,EAAkB,CAAC;QAKzE,KAAI,CAAC,eAAe,GAAG,KAAI,CAAC,KAAK,CAAC;;IACtC,CAAC;IAED,cAAc;IACP,gCAAM,GAAb;QACI,IAAI,IAAI,CAAC,UAAU,EAAE;YACjB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,EAAE;gBACnD,0CAA0C;gBAC1C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC;aACrC;YACD,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;SAC/C;IACL,CAAC;IAED,cAAc;IACP,iCAAO,GAAd;QACI,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QAEvB,IAAI,IAAI,CAAC,YAAY,EAAE;YACnB,2BAA2B;YAC3B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC;YAClC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;SAClC;QACD,IAAI,CAAC,iBAAiB,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IACjD,CAAC;IAED;;;OAGG;IACI,wCAAc,GAArB;QACI,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;OAEG;IACI,+BAAK,GAAZ;QACI,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC;IAED;;OAEG;IACI,8BAAI,GAAX;QACI,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC;IACrC,CAAC;IAED;;;OAGG;IACI,yCAAe,GAAtB,UAAuB,GAAmB;QACtC,IAAI,CAAC,kCAAkC,CAAC,eAAe,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IAC3E,CAAC;IAED;;;;;;;OAOG;IACI,wCAAc,GAArB,UAAsB,MAAe,EAAE,WAAoB,EAAE,SAAiB,EAAE,WAAmB,EAAE,EAAmB;QACpH,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YAClB,kCAAkC;YAClC,IAAI,CAAC,KAAK,EAAE,CAAC;SAChB;QAED,OAAO,iBAAM,cAAc,YAAC,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC;IACjF,CAAC;IAED,cAAc;IACP,kCAAQ,GAAf;QACI,iBAAM,OAAO,WAAE,CAAC;QAEhB,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC9B,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;QAC/B,IAAI,CAAC,kCAAkC,CAAC,KAAK,EAAE,CAAC;IACpD,CAAC;IACL,sBAAC;AAAD,CAAC,AAlGD,CAAqC,MAAM,GAkG1C;;AACD,aAAa,CAAC,6BAA6B,EAAE,eAAe,CAAC,CAAC","sourcesContent":["import type { Nullable } from \"core/types\";\r\nimport type { Vector2 } from \"core/Maths/math.vector\";\r\n\r\nimport { Button } from \"./button\";\r\nimport type { Control } from \"./control\";\r\nimport { RegisterClass } from \"core/Misc/typeStore\";\r\nimport type { PointerInfoBase } from \"core/Events/pointerEvents\";\r\nimport type { IFocusableControl } from \"./focusableControl\";\r\nimport { Observable } from \"core/Misc/observable\";\r\nimport type { IKeyboardEvent } from \"core/Events/deviceInputEvents\";\r\n\r\n/**\r\n * Class used to create a focusable button that can easily handle keyboard events\r\n * @since 5.0.0\r\n */\r\nexport class FocusableButton extends Button implements IFocusableControl {\r\n    /** Highlight color when button is focused */\r\n    public focusedColor: Nullable<string> = null;\r\n    private _isFocused = false;\r\n    private _unfocusedColor: Nullable<string> = null;\r\n\r\n    /** Observable raised when the control gets the focus */\r\n    public onFocusObservable = new Observable<Button>();\r\n    /** Observable raised when the control loses the focus */\r\n    public onBlurObservable = new Observable<Button>();\r\n    /** Observable raised when a key event was processed */\r\n    public onKeyboardEventProcessedObservable = new Observable<IKeyboardEvent>();\r\n\r\n    constructor(public name?: string) {\r\n        super(name);\r\n\r\n        this._unfocusedColor = this.color;\r\n    }\r\n\r\n    /** @hidden */\r\n    public onBlur(): void {\r\n        if (this._isFocused) {\r\n            this._isFocused = false;\r\n            if (this.focusedColor && this._unfocusedColor != null) {\r\n                // Set color back to saved unfocused color\r\n                this.color = this._unfocusedColor;\r\n            }\r\n            this.onBlurObservable.notifyObservers(this);\r\n        }\r\n    }\r\n\r\n    /** @hidden */\r\n    public onFocus(): void {\r\n        this._isFocused = true;\r\n\r\n        if (this.focusedColor) {\r\n            // Save the unfocused color\r\n            this._unfocusedColor = this.color;\r\n            this.color = this.focusedColor;\r\n        }\r\n        this.onFocusObservable.notifyObservers(this);\r\n    }\r\n\r\n    /**\r\n     * Function called to get the list of controls that should not steal the focus from this control\r\n     * @returns an array of controls\r\n     */\r\n    public keepsFocusWith(): Nullable<Control[]> {\r\n        return null;\r\n    }\r\n\r\n    /**\r\n     * Function to focus a button programmatically\r\n     */\r\n    public focus() {\r\n        this._host.moveFocusToControl(this);\r\n    }\r\n\r\n    /**\r\n     * Function to unfocus a button programmatically\r\n     */\r\n    public blur() {\r\n        this._host.focusedControl = null;\r\n    }\r\n\r\n    /**\r\n     * Handles the keyboard event\r\n     * @param evt Defines the KeyboardEvent\r\n     */\r\n    public processKeyboard(evt: IKeyboardEvent): void {\r\n        this.onKeyboardEventProcessedObservable.notifyObservers(evt, -1, this);\r\n    }\r\n\r\n    /**\r\n     * @param target\r\n     * @param coordinates\r\n     * @param pointerId\r\n     * @param buttonIndex\r\n     * @param pi\r\n     * @hidden\r\n     */\r\n    public _onPointerDown(target: Control, coordinates: Vector2, pointerId: number, buttonIndex: number, pi: PointerInfoBase): boolean {\r\n        if (!this.isReadOnly) {\r\n            // Clicking on button should focus\r\n            this.focus();\r\n        }\r\n\r\n        return super._onPointerDown(target, coordinates, pointerId, buttonIndex, pi);\r\n    }\r\n\r\n    /** @hidden */\r\n    public displose() {\r\n        super.dispose();\r\n\r\n        this.onBlurObservable.clear();\r\n        this.onFocusObservable.clear();\r\n        this.onKeyboardEventProcessedObservable.clear();\r\n    }\r\n}\r\nRegisterClass(\"BABYLON.GUI.FocusableButton\", FocusableButton);\r\n"]}

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

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

package/2D/controls/focusableControl.js

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

package/2D/controls/focusableControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"focusableControl.js","sourceRoot":"","sources":["../../../../sourceES6/gui/src/2D/controls/focusableControl.ts"],"names":[],"mappings":"","sourcesContent":["import { IKeyboardEvent } from \"@babylonjs/core/Events/deviceInputEvents\";\nimport { Nullable } from \"@babylonjs/core/types\";\nimport { Control } from \"./control\";\n\n/**\n* Interface used to define a control that can receive focus\n*/\nexport interface IFocusableControl {\n    /**\n     * Function called when the control receives the focus\n     */\n    onFocus(): void;\n    /**\n     * Function called when the control loses the focus\n     */\n    onBlur(): void;\n    /**\n     * Function called to let the control handle keyboard events\n     * @param evt defines the current keyboard event\n     */\n    processKeyboard(evt: IKeyboardEvent): void;\n    /**\n    * Function called to get the list of controls that should not steal the focus from this control\n    * @returns an array of controls\n    */\n    keepsFocusWith(): Nullable<Control[]>;\n    /**\n    * Function to focus the control programmatically\n    */\n    focus(): void;\n    /**\n    * Function to unfocus the control programmatically\n    */\n    blur(): void;\n}"]}
+{"version":3,"file":"focusableControl.js","sourceRoot":"","sources":["../../../../../../lts/gui/generated/2D/controls/focusableControl.ts"],"names":[],"mappings":"","sourcesContent":["import type { IKeyboardEvent } from \"core/Events/deviceInputEvents\";\r\nimport type { Nullable } from \"core/types\";\r\nimport type { Control } from \"./control\";\r\n\r\n/**\r\n * Interface used to define a control that can receive focus\r\n */\r\nexport interface IFocusableControl {\r\n    /**\r\n     * Function called when the control receives the focus\r\n     */\r\n    onFocus(): void;\r\n    /**\r\n     * Function called when the control loses the focus\r\n     */\r\n    onBlur(): void;\r\n    /**\r\n     * Function called to let the control handle keyboard events\r\n     * @param evt defines the current keyboard event\r\n     */\r\n    processKeyboard(evt: IKeyboardEvent): void;\r\n    /**\r\n     * Function called to get the list of controls that should not steal the focus from this control\r\n     * @returns an array of controls\r\n     */\r\n    keepsFocusWith(): Nullable<Control[]>;\r\n    /**\r\n     * Function to focus the control programmatically\r\n     */\r\n    focus(): void;\r\n    /**\r\n     * Function to unfocus the control programmatically\r\n     */\r\n    blur(): void;\r\n}\r\n"]}

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

@@ -1,135 +1,139 @@
-import { Nullable } from "@babylonjs/core/types";
-import { Container } from "./container";
-import { ValueAndUnit } from "../valueAndUnit";
-import { Control } from "./control";
-import { Measure } from "../measure";
-import { ICanvasRenderingContext } from "@babylonjs/core/Engines/ICanvas";
-import { AdvancedDynamicTexture } from "../advancedDynamicTexture";
-/**
- * Class used to create a 2D grid container
- */
-export declare class Grid extends Container {
-    name?: string | undefined;
-    private _rowDefinitions;
-    private _rowDefinitionObservers;
-    private _columnDefinitions;
-    private _columnDefinitionObservers;
-    private _cells;
-    private _childControls;
-    /**
-     * Gets the number of columns
-     */
-    get columnCount(): number;
-    /**
-     * Gets the number of rows
-     */
-    get rowCount(): number;
-    /** Gets the list of children */
-    get children(): Control[];
-    /** Gets the list of cells (e.g. the containers) */
-    get cells(): {
-        [key: string]: Container;
-    };
-    /**
-     * Gets the definition of a specific row
-     * @param index defines the index of the row
-     * @returns the row definition
-     */
-    getRowDefinition(index: number): Nullable<ValueAndUnit>;
-    /**
-     * Gets the definition of a specific column
-     * @param index defines the index of the column
-     * @returns the column definition
-     */
-    getColumnDefinition(index: number): Nullable<ValueAndUnit>;
-    /**
-     * Adds a new row to the grid
-     * @param height defines the height of the row (either in pixel or a value between 0 and 1)
-     * @param isPixel defines if the height is expressed in pixel (or in percentage)
-     * @returns the current grid
-     */
-    addRowDefinition(height: number, isPixel?: boolean): Grid;
-    /**
-     * Adds a new column to the grid
-     * @param width defines the width of the column (either in pixel or a value between 0 and 1)
-     * @param isPixel defines if the width is expressed in pixel (or in percentage)
-     * @returns the current grid
-     */
-    addColumnDefinition(width: number, isPixel?: boolean): Grid;
-    /**
-     * Update a row definition
-     * @param index defines the index of the row to update
-     * @param height defines the height of the row (either in pixel or a value between 0 and 1)
-     * @param isPixel defines if the weight is expressed in pixel (or in percentage)
-     * @returns the current grid
-     */
-    setRowDefinition(index: number, height: number, isPixel?: boolean): Grid;
-    /**
-     * Update a column definition
-     * @param index defines the index of the column to update
-     * @param width defines the width of the column (either in pixel or a value between 0 and 1)
-     * @param isPixel defines if the width is expressed in pixel (or in percentage)
-     * @returns the current grid
-     */
-    setColumnDefinition(index: number, width: number, isPixel?: boolean): Grid;
-    /**
-     * Gets the list of children stored in a specific cell
-     * @param row defines the row to check
-     * @param column defines the column to check
-     * @returns the list of controls
-     */
-    getChildrenAt(row: number, column: number): Nullable<Array<Control>>;
-    /**
-     * Gets a string representing the child cell info (row x column)
-     * @param child defines the control to get info from
-     * @returns a string containing the child cell info (row x column)
-     */
-    getChildCellInfo(child: Control): string;
-    private _removeCell;
-    private _offsetCell;
-    /**
-     * Remove a column definition at specified index
-     * @param index defines the index of the column to remove
-     * @returns the current grid
-     */
-    removeColumnDefinition(index: number): Grid;
-    /**
-     * Remove a row definition at specified index
-     * @param index defines the index of the row to remove
-     * @returns the current grid
-     */
-    removeRowDefinition(index: number): Grid;
-    /**
-     * Adds a new control to the current grid
-     * @param control defines the control to add
-     * @param row defines the row where to add the control (0 by default)
-     * @param column defines the column where to add the control (0 by default)
-     * @returns the current grid
-     */
-    addControl(control: Control, row?: number, column?: number): Grid;
-    /**
-     * Removes a control from the current container
-     * @param control defines the control to remove
-     * @returns the current container
-     */
-    removeControl(control: Control): Container;
-    /**
-     * Creates a new Grid
-     * @param name defines control name
-     */
-    constructor(name?: string | undefined);
-    protected _getTypeName(): string;
-    protected _getGridDefinitions(definitionCallback: (lefts: number[], tops: number[], widths: number[], heights: number[]) => void): void;
-    protected _additionalProcessing(parentMeasure: Measure, context: ICanvasRenderingContext): void;
-    _flagDescendantsAsMatrixDirty(): void;
-    _renderHighlightSpecific(context: ICanvasRenderingContext): void;
-    /** Releases associated resources */
-    dispose(): void;
-    /**
-     * Serializes the current control
-     * @param serializationObject defined the JSON serialized object
-     */
-    serialize(serializationObject: any): void;
-    /** @hidden */
-    _parseFromContent(serializedObject: any, host: AdvancedDynamicTexture): void;
-}
+import type { Nullable } from "@babylonjs/core/types.js";
+import { Container } from "./container";
+import { ValueAndUnit } from "../valueAndUnit";
+import { Control } from "./control";
+import type { Measure } from "../measure";
+import type { ICanvasRenderingContext } from "@babylonjs/core/Engines/ICanvas.js";
+import type { AdvancedDynamicTexture } from "../advancedDynamicTexture";
+/**
+ * Class used to create a 2D grid container
+ */
+export declare class Grid extends Container {
+    name?: string | undefined;
+    private _rowDefinitions;
+    private _rowDefinitionObservers;
+    private _columnDefinitions;
+    private _columnDefinitionObservers;
+    private _cells;
+    private _childControls;
+    /**
+     * Gets the number of columns
+     */
+    get columnCount(): number;
+    /**
+     * Gets the number of rows
+     */
+    get rowCount(): number;
+    /** Gets the list of children */
+    get children(): Control[];
+    /** Gets the list of cells (e.g. the containers) */
+    get cells(): {
+        [key: string]: Container;
+    };
+    /**
+     * Gets the definition of a specific row
+     * @param index defines the index of the row
+     * @returns the row definition
+     */
+    getRowDefinition(index: number): Nullable<ValueAndUnit>;
+    /**
+     * Gets the definition of a specific column
+     * @param index defines the index of the column
+     * @returns the column definition
+     */
+    getColumnDefinition(index: number): Nullable<ValueAndUnit>;
+    /**
+     * Adds a new row to the grid
+     * @param height defines the height of the row (either in pixel or a value between 0 and 1)
+     * @param isPixel defines if the height is expressed in pixel (or in percentage)
+     * @returns the current grid
+     */
+    addRowDefinition(height: number, isPixel?: boolean): Grid;
+    /**
+     * Adds a new column to the grid
+     * @param width defines the width of the column (either in pixel or a value between 0 and 1)
+     * @param isPixel defines if the width is expressed in pixel (or in percentage)
+     * @returns the current grid
+     */
+    addColumnDefinition(width: number, isPixel?: boolean): Grid;
+    /**
+     * Update a row definition
+     * @param index defines the index of the row to update
+     * @param height defines the height of the row (either in pixel or a value between 0 and 1)
+     * @param isPixel defines if the weight is expressed in pixel (or in percentage)
+     * @returns the current grid
+     */
+    setRowDefinition(index: number, height: number, isPixel?: boolean): Grid;
+    /**
+     * Update a column definition
+     * @param index defines the index of the column to update
+     * @param width defines the width of the column (either in pixel or a value between 0 and 1)
+     * @param isPixel defines if the width is expressed in pixel (or in percentage)
+     * @returns the current grid
+     */
+    setColumnDefinition(index: number, width: number, isPixel?: boolean): Grid;
+    /**
+     * Gets the list of children stored in a specific cell
+     * @param row defines the row to check
+     * @param column defines the column to check
+     * @returns the list of controls
+     */
+    getChildrenAt(row: number, column: number): Nullable<Array<Control>>;
+    /**
+     * Gets a string representing the child cell info (row x column)
+     * @param child defines the control to get info from
+     * @returns a string containing the child cell info (row x column)
+     */
+    getChildCellInfo(child: Control): string;
+    private _removeCell;
+    private _offsetCell;
+    /**
+     * Remove a column definition at specified index
+     * @param index defines the index of the column to remove
+     * @returns the current grid
+     */
+    removeColumnDefinition(index: number): Grid;
+    /**
+     * Remove a row definition at specified index
+     * @param index defines the index of the row to remove
+     * @returns the current grid
+     */
+    removeRowDefinition(index: number): Grid;
+    /**
+     * Adds a new control to the current grid
+     * @param control defines the control to add
+     * @param row defines the row where to add the control (0 by default)
+     * @param column defines the column where to add the control (0 by default)
+     * @returns the current grid
+     */
+    addControl(control: Control, row?: number, column?: number): Grid;
+    /**
+     * Removes a control from the current container
+     * @param control defines the control to remove
+     * @returns the current container
+     */
+    removeControl(control: Control): Container;
+    /**
+     * Creates a new Grid
+     * @param name defines control name
+     */
+    constructor(name?: string | undefined);
+    protected _getTypeName(): string;
+    protected _getGridDefinitions(definitionCallback: (lefts: number[], tops: number[], widths: number[], heights: number[]) => void): void;
+    protected _additionalProcessing(parentMeasure: Measure, context: ICanvasRenderingContext): void;
+    _flagDescendantsAsMatrixDirty(): void;
+    _renderHighlightSpecific(context: ICanvasRenderingContext): void;
+    /** Releases associated resources */
+    dispose(): void;
+    /**
+     * Serializes the current control
+     * @param serializationObject defined the JSON serialized object
+     */
+    serialize(serializationObject: any): void;
+    /**
+     * @param serializedObject
+     * @param host
+     * @hidden
+     */
+    _parseFromContent(serializedObject: any, host: AdvancedDynamicTexture): void;
+}