babylonjs-gui 5.50.0 → 5.51.0

package/babylon.gui.d.ts

@@ -916,6 +916,8 @@ declare module BABYLON.GUI {
          */
         _layout(parentMeasure: Measure, context: BABYLON.ICanvasRenderingContext): boolean;
         protected _postMeasure(): void;
+        private _inverseTransformMatrix;
+        private _inverseMeasure;
         /**
          * @internal
          */

package/babylon.gui.js

@@ -3899,6 +3899,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var core_Misc_logger__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_Misc_logger__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./control */ "../../../lts/gui/dist/2D/controls/control.js");
 /* harmony import */ var _measure__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../measure */ "../../../lts/gui/dist/2D/measure.js");
+/* harmony import */ var _math2D__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../math2D */ "../../../lts/gui/dist/2D/math2D.js");
+
 
 
 
@@ -3955,6 +3957,8 @@ var Container = /** @class */ (function (_super) {
          * An event triggered when any control is removed from this container.
          */
         _this.onControlRemovedObservable = new core_Misc_logger__WEBPACK_IMPORTED_MODULE_1__.Observable();
+        _this._inverseTransformMatrix = _math2D__WEBPACK_IMPORTED_MODULE_4__.Matrix2D.Identity();
+        _this._inverseMeasure = new _measure__WEBPACK_IMPORTED_MODULE_3__.Measure(0, 0, 0, 0);
         return _this;
     }
     Object.defineProperty(Container.prototype, "renderToIntermediateTexture", {
@@ -4345,7 +4349,9 @@ var Container = /** @class */ (function (_super) {
             contextToDrawTo.save();
             contextToDrawTo.translate(-this._currentMeasure.left, -this._currentMeasure.top);
             if (invalidatedRectangle) {
-                contextToDrawTo.clearRect(invalidatedRectangle.left, invalidatedRectangle.top, invalidatedRectangle.width, invalidatedRectangle.height);
+                this._transformMatrix.invertToRef(this._inverseTransformMatrix);
+                invalidatedRectangle.transformToRef(this._inverseTransformMatrix, this._inverseMeasure);
+                contextToDrawTo.clearRect(this._inverseMeasure.left, this._inverseMeasure.top, this._inverseMeasure.width, this._inverseMeasure.height);
             }
             else {
                 contextToDrawTo.clearRect(this._currentMeasure.left, this._currentMeasure.top, this._currentMeasure.width, this._currentMeasure.height);
@@ -15839,6 +15845,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var core_Misc_tools__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_Misc_tools__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _container__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./container */ "../../../lts/gui/dist/2D/controls/container.js");
 /* harmony import */ var _control__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./control */ "../../../lts/gui/dist/2D/controls/control.js");
+/* harmony import */ var _textBlock__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./textBlock */ "../../../lts/gui/dist/2D/controls/textBlock.js");
+
 
 
 
@@ -16004,7 +16012,11 @@ var StackPanel = /** @class */ (function (_super) {
                     this._rebuildLayout = true;
                     child._left.ignoreAdaptiveScaling = true;
                 }
-                if (child._width.isPercentage && !child._automaticSize) {
+                if (child._width.isPercentage &&
+                    !child._automaticSize &&
+                    child.getClassName() === "TextBlock" &&
+                    child.textWrapping !== _textBlock__WEBPACK_IMPORTED_MODULE_4__.TextWrapping.Clip &&
+                    !child.forceResizeWidth) {
                     if (!this.ignoreLayoutWarnings) {
                         core_Misc_tools__WEBPACK_IMPORTED_MODULE_1__.Tools.Warn("Control (Name:".concat(child.name, ", UniqueId:").concat(child.uniqueId, ") is using width in percentage mode inside a horizontal StackPanel"));
                     }
@@ -16510,7 +16522,7 @@ var TextBlock = /** @class */ (function (_super) {
         }
         if (this._resizeToFit) {
             if (this._textWrapping === TextWrapping.Clip || this._forceResizeWidth) {
-                var newWidth = Math.ceil(this._paddingLeftInPixels + this._paddingRightInPixels + maxLineWidth);
+                var newWidth = Math.ceil(this._paddingLeftInPixels) + Math.ceil(this._paddingRightInPixels) + Math.ceil(maxLineWidth);
                 if (newWidth !== this._width.getValueInPixel(this._host, this._tempParentMeasure.width)) {
                     this._width.updateInPlace(newWidth, _valueAndUnit__WEBPACK_IMPORTED_MODULE_2__.ValueAndUnit.UNITMODE_PIXEL);
                     this._rebuildLayout = true;
@@ -24900,7 +24912,7 @@ var GUI3DManager = /** @class */ (function () {
                 this._lastControlDown[pointerEvent.pointerId].forcePointerUp();
                 delete this._lastControlDown[pointerEvent.pointerId];
             }
-            if (pointerEvent.pointerType === "touch") {
+            if (pointerEvent.pointerType === "touch" || (pointerEvent.pointerType === "xr" && this._scene.getEngine().hostInformation.isMobile)) {
                 this._handlePointerOut(pointerId, false);
             }
         }