babylonjs-gui 5.40.1 → 5.41.0

package/babylon.gui.d.ts

@@ -980,7 +980,7 @@ declare module BABYLON.GUI {
         /** @internal */
         _prevCurrentMeasureTransformedIntoGlobalSpace: Measure;
         /** @internal */
-        protected _cachedParentMeasure: Measure;
+        _cachedParentMeasure: Measure;
         private _descendantsOnlyPadding;
         private _paddingLeft;
         private _paddingRight;
@@ -1564,7 +1564,7 @@ declare module BABYLON.GUI {
         /** @internal */
         protected _computeAdditionnalOffsetY(): number;
         /** @internal */
-        protected invalidateRect(): void;
+        invalidateRect(): void;
         /**
          * @internal
          */
@@ -2527,14 +2527,13 @@ declare module BABYLON.GUI {
          * @internal
          */
         protected _preMeasure(parentMeasure: Measure, context: BABYLON.ICanvasRenderingContext): void;
+        private _computeScroll;
         /**
          * Processing of child after the parent measurement update
          *
-         * @param parentMeasure The parent measure
-         * @param context The rendering canvas
          * @internal
          */
-        protected _additionalProcessing(parentMeasure: Measure, context: BABYLON.ICanvasRenderingContext): void;
+        protected _additionalProcessing(): void;
         private _drawText;
         /**
          * Copy the text in the clipboard
@@ -2590,10 +2589,14 @@ declare module BABYLON.GUI {
     export class Line extends Control {
         name?: string | undefined;
         private _lineWidth;
-        private _x1;
-        private _y1;
-        private _x2;
-        private _y2;
+        /** @internal */
+        _x1: ValueAndUnit;
+        /** @internal */
+        _y1: ValueAndUnit;
+        /** @internal */
+        _x2: ValueAndUnit;
+        /** @internal */
+        _y2: ValueAndUnit;
         private _dash;
         private _connectedControl;
         private _connectedControlDirtyObserver;
@@ -2622,8 +2625,10 @@ declare module BABYLON.GUI {
         set horizontalAlignment(value: number);
         /** Gets or sets vertical alignment */
         set verticalAlignment(value: number);
-        private get _effectiveX2();
-        private get _effectiveY2();
+        /** @internal */
+        get _effectiveX2(): number;
+        /** @internal */
+        get _effectiveY2(): number;
         /**
          * Creates a new Line
          * @param name defines the control name

package/babylon.gui.js

@@ -1191,8 +1191,12 @@ var AdvancedDynamicTexture = /** @class */ (function (_super) {
                     return "continue";
                 }
                 control.notRenderable = false;
+                if (this_1.useInvalidateRectOptimization) {
+                    control.invalidateRect();
+                }
                 control._moveToProjectedPosition(projectedPosition);
             };
+            var this_1 = this;
             for (var _i = 0, _a = this._linkedControls; _i < _a.length; _i++) {
                 var control = _a[_i];
                 _loop_1(control);
@@ -10702,17 +10706,9 @@ var InputTextArea = /** @class */ (function (_super) {
             }
         }
     };
-    /**
-     * Processing of child after the parent measurement update
-     *
-     * @param parentMeasure The parent measure
-     * @param context The rendering canvas
-     * @internal
-     */
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    InputTextArea.prototype._additionalProcessing = function (parentMeasure, context) {
-        this._clipTextLeft = this._currentMeasure.left + this._margin.getValueInPixel(this._host, parentMeasure.width);
-        this._clipTextTop = this._currentMeasure.top + this._margin.getValueInPixel(this._host, parentMeasure.height);
+    InputTextArea.prototype._computeScroll = function () {
+        this._clipTextLeft = this._currentMeasure.left + this._margin.getValueInPixel(this._host, this._cachedParentMeasure.width);
+        this._clipTextTop = this._currentMeasure.top + this._margin.getValueInPixel(this._host, this._cachedParentMeasure.height);
         if (this._isFocused && this._lines[this._cursorInfo.currentLineIndex].width > this._availableWidth) {
             var textLeft = this._clipTextLeft - this._lines[this._cursorInfo.currentLineIndex].width + this._availableWidth;
             if (!this._scrollLeft) {
@@ -10732,6 +10728,13 @@ var InputTextArea = /** @class */ (function (_super) {
         else {
             this._scrollTop = this._clipTextTop;
         }
+    };
+    /**
+     * Processing of child after the parent measurement update
+     *
+     * @internal
+     */
+    InputTextArea.prototype._additionalProcessing = function () {
         // Flush the highlighted text each frame
         this.highlightedText = "";
         this.onLinesReadyObservable.notifyObservers(this);
@@ -10819,6 +10822,7 @@ var InputTextArea = /** @class */ (function (_super) {
     };
     InputTextArea.prototype._draw = function (context) {
         var _a, _b;
+        this._computeScroll();
         this._scrollLeft = (_a = this._scrollLeft) !== null && _a !== void 0 ? _a : 0;
         this._scrollTop = (_b = this._scrollTop) !== null && _b !== void 0 ? _b : 0;
         context.save();
@@ -11221,9 +11225,13 @@ var Line = /** @class */ (function (_super) {
         var _this = _super.call(this, name) || this;
         _this.name = name;
         _this._lineWidth = 1;
+        /** @internal */
         _this._x1 = new _valueAndUnit__WEBPACK_IMPORTED_MODULE_3__.ValueAndUnit(0);
+        /** @internal */
         _this._y1 = new _valueAndUnit__WEBPACK_IMPORTED_MODULE_3__.ValueAndUnit(0);
+        /** @internal */
         _this._x2 = new _valueAndUnit__WEBPACK_IMPORTED_MODULE_3__.ValueAndUnit(0);
+        /** @internal */
         _this._y2 = new _valueAndUnit__WEBPACK_IMPORTED_MODULE_3__.ValueAndUnit(0);
         _this._dash = new Array();
         _this._automaticSize = true;
@@ -11366,6 +11374,7 @@ var Line = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(Line.prototype, "_effectiveX2", {
+        /** @internal */
         get: function () {
             return (this._connectedControl ? this._connectedControl.centerX : 0) + this._x2.getValue(this._host);
         },
@@ -11373,6 +11382,7 @@ var Line = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(Line.prototype, "_effectiveY2", {
+        /** @internal */
         get: function () {
             return (this._connectedControl ? this._connectedControl.centerY : 0) + this._y2.getValue(this._host);
         },