@babylonjs/gui - npm Package Compare versions

Comparing version 4.0.0-rc.2 to 4.0.0-rc.3

2D/controls/control.d.ts

@@ -124,2 +124,7 @@ import { Nullable } from "@babylonjs/core/types";
     /**
+     * Gets or sets a boolean indicating that control content must be clipped
+     * Please note that not clipping children may generate issues with adt.useInvalidateRectOptimization so it is recommended to turn this optimization off if you want to use unclipped children
+     */
+    clipContent: boolean;
+    /**
      * Gets or sets a boolean indicating that the current control should cache its rendering (useful when the control does not change often)
@@ -242,6 +247,6 @@ */
     /**
-     * Gets control width in pixel
+     * Gets or sets the control width in pixel
      * @see http://doc.babylonjs.com/how_to/gui#position-and-size
      */
-    readonly widthInPixels: number;
+    widthInPixels: number;
     /**
@@ -253,6 +258,6 @@ * Gets or sets control height
     /**
-     * Gets control height in pixel
+     * Gets or sets control height in pixel
      * @see http://doc.babylonjs.com/how_to/gui#position-and-size
      */
-    readonly heightInPixels: number;
+    heightInPixels: number;
     /** Gets or set font family */
@@ -271,4 +276,4 @@ fontFamily: string;
     readonly _isFontSizeInPercentage: boolean;
-    /** Gets font size in pixels */
-    readonly fontSizeInPixels: number;
+    /** Gets or sets font size in pixels */
+    fontSizeInPixels: number;
     /** Gets or sets font size */
@@ -296,6 +301,6 @@ fontSize: string | number;
     /**
-     * Gets a value indicating the padding in pixels to use on the left of the control
+     * Gets or sets a value indicating the padding in pixels to use on the left of the control
      * @see http://doc.babylonjs.com/how_to/gui#position-and-size
      */
-    readonly paddingLeftInPixels: number;
+    paddingLeftInPixels: number;
     /**
@@ -307,6 +312,6 @@ * Gets or sets a value indicating the padding to use on the right of the control
     /**
-     * Gets a value indicating the padding in pixels to use on the right of the control
+     * Gets or sets a value indicating the padding in pixels to use on the right of the control
      * @see http://doc.babylonjs.com/how_to/gui#position-and-size
      */
-    readonly paddingRightInPixels: number;
+    paddingRightInPixels: number;
     /**
@@ -318,6 +323,6 @@ * Gets or sets a value indicating the padding to use on the top of the control
     /**
-     * Gets a value indicating the padding in pixels to use on the top of the control
+     * Gets or sets a value indicating the padding in pixels to use on the top of the control
      * @see http://doc.babylonjs.com/how_to/gui#position-and-size
      */
-    readonly paddingTopInPixels: number;
+    paddingTopInPixels: number;
     /**
@@ -329,6 +334,6 @@ * Gets or sets a value indicating the padding to use on the bottom of the control
     /**
-     * Gets a value indicating the padding in pixels to use on the bottom of the control
+     * Gets or sets a value indicating the padding in pixels to use on the bottom of the control
      * @see http://doc.babylonjs.com/how_to/gui#position-and-size
      */
-    readonly paddingBottomInPixels: number;
+    paddingBottomInPixels: number;
     /**
@@ -340,6 +345,6 @@ * Gets or sets a value indicating the left coordinate of the control
     /**
-     * Gets a value indicating the left coordinate in pixels of the control
+     * Gets or sets a value indicating the left coordinate in pixels of the control
      * @see http://doc.babylonjs.com/how_to/gui#position-and-size
      */
-    readonly leftInPixels: number;
+    leftInPixels: number;
     /**
@@ -351,6 +356,6 @@ * Gets or sets a value indicating the top coordinate of the control
     /**
-     * Gets a value indicating the top coordinate in pixels of the control
+     * Gets or sets a value indicating the top coordinate in pixels of the control
      * @see http://doc.babylonjs.com/how_to/gui#position-and-size
      */
-    readonly topInPixels: number;
+    topInPixels: number;
     /**
@@ -362,6 +367,6 @@ * Gets or sets a value indicating the offset on X axis to the linked mesh
     /**
-     * Gets a value indicating the offset in pixels on X axis to the linked mesh
+     * Gets or sets a value indicating the offset in pixels on X axis to the linked mesh
      * @see http://doc.babylonjs.com/how_to/gui#tracking-positions
      */
-    readonly linkOffsetXInPixels: number;
+    linkOffsetXInPixels: number;
     /**
@@ -373,6 +378,6 @@ * Gets or sets a value indicating the offset on Y axis to the linked mesh
     /**
-     * Gets a value indicating the offset in pixels on Y axis to the linked mesh
+     * Gets or sets a value indicating the offset in pixels on Y axis to the linked mesh
      * @see http://doc.babylonjs.com/how_to/gui#tracking-positions
      */
-    readonly linkOffsetYInPixels: number;
+    linkOffsetYInPixels: number;
     /** Gets the center coordinate on X axis */
@@ -379,0 +384,0 @@ readonly centerX: number;

2D/controls/grid.d.ts

@@ -25,2 +25,6 @@ import { Nullable } from "@babylonjs/core/types";
     readonly children: Control[];
+    /** Gets the list of cells (e.g. the containers) */
+    readonly cells: {
+        [key: string]: Container;
+    };
     /**
@@ -27,0 +31,0 @@ * Gets the definition of a specific row

2D/controls/grid.js

@@ -5,2 +5,3 @@ import * as tslib_1 from "tslib";
 import { Control } from "./control";
+import { Tools } from '@babylonjs/core/Misc/tools';
 /**
@@ -52,2 +53,10 @@ * Class used to create a 2D grid container
     });
+    Object.defineProperty(Grid.prototype, "cells", {
+        /** Gets the list of cells (e.g. the containers) */
+        get: function () {
+            return this._cells;
+        },
+        enumerable: true,
+        configurable: true
+    });
     /**
@@ -253,2 +262,6 @@ * Gets the definition of a specific row
         }
+        if (this._childControls.indexOf(control) !== -1) {
+            Tools.Warn("Control (Name:" + control.name + ", UniqueId:" + control.uniqueId + ") is already associated with this grid. You must remove it before reattaching it");
+            return this;
+        }
         var x = Math.min(row, this._rowDefinitions.length - 1);
@@ -285,2 +298,3 @@ var y = Math.min(column, this._columnDefinitions.length - 1);
             cell.removeControl(control);
+            control._tag = null;
         }
@@ -287,0 +301,0 @@ this._markAsDirty();

package.json

@@ -7,3 +7,3 @@ {
     "description": "The Babylon.js GUI library is an extension you can use to generate interactive user interface. It is build on top of the DynamicTexture.",
-    "version": "4.0.0-rc.2",
+    "version": "4.0.0-rc.3",
     "repository": {
@@ -198,3 +198,3 @@ "type": "git",
     "dependencies": {
-        "@babylonjs/core": "4.0.0-rc.2",
+        "@babylonjs/core": "4.0.0-rc.3",
         "tslib": "^1.9.3"
@@ -201,0 +201,0 @@ },

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1651110

increased by0.47%

Lines of code

17625

increased by0.54%

Dependency changes

• + Added@babylonjs/core@4.0.0-rc.3(transitive)

• - Removed@babylonjs/core@4.0.0-rc.2(transitive)

• Updated@babylonjs/core@4.0.0-rc.3