babylonjs-gui 5.21.0 → 5.23.0

package/babylon.gui.d.ts

@@ -391,6 +391,12 @@ declare module BABYLON.GUI {
          * Unregister the clipboard Events from the canvas
          */
         unRegisterClipboardEvents(): void;
+        /**
+         * Transform uvs from mesh space to texture space, taking the texture into account
+         * @param uv the uvs in mesh space
+         * @returns the uvs in texture space
+         */
+        private _transformUvs;
         /**
          * Connect the texture to a hosting mesh to enable interactions
          * @param mesh defines the mesh to attach to
@@ -417,6 +423,12 @@ declare module BABYLON.GUI {
          * @param scaleToSize defines whether to scale to texture to the saved size
          */
         parseSerializedObject(serializedObject: any, scaleToSize?: boolean): void;
+        /**
+         * Clones the ADT
+         * @param newName defines the name of the new ADT
+         * @returns the clone of the ADT
+         */
+        clone(newName?: string): AdvancedDynamicTexture;
         /**
          * Recreate the content of the ADT from a JSON object
          * @param serializedObject define the JSON serialized object to restore from

package/babylon.gui.js

@@ -1423,6 +1423,55 @@ var AdvancedDynamicTexture = /** @class */ (function (_super) {
         self.removeEventListener("cut", this._onClipboardCut);
         self.removeEventListener("paste", this._onClipboardPaste);
     };
+    /**
+     * Transform uvs from mesh space to texture space, taking the texture into account
+     * @param uv the uvs in mesh space
+     * @returns the uvs in texture space
+     */
+    AdvancedDynamicTexture.prototype._transformUvs = function (uv) {
+        var textureMatrix = this.getTextureMatrix();
+        var result;
+        if (textureMatrix.isIdentityAs3x2()) {
+            result = uv;
+        }
+        else {
+            var homogeneousTextureMatrix = core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__.TmpVectors.Matrix[0];
+            textureMatrix.getRowToRef(0, core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__.TmpVectors.Vector4[0]);
+            textureMatrix.getRowToRef(1, core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__.TmpVectors.Vector4[1]);
+            textureMatrix.getRowToRef(2, core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__.TmpVectors.Vector4[2]);
+            var r0 = core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__.TmpVectors.Vector4[0];
+            var r1 = core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__.TmpVectors.Vector4[1];
+            var r2 = core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__.TmpVectors.Vector4[2];
+            homogeneousTextureMatrix.setRowFromFloats(0, r0.x, r0.y, 0, 0);
+            homogeneousTextureMatrix.setRowFromFloats(1, r1.x, r1.y, 0, 0);
+            homogeneousTextureMatrix.setRowFromFloats(2, 0, 0, 1, 0);
+            homogeneousTextureMatrix.setRowFromFloats(3, r2.x, r2.y, 0, 1);
+            result = core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__.TmpVectors.Vector2[0];
+            core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__.Vector2.TransformToRef(uv, homogeneousTextureMatrix, result);
+        }
+        // In wrap and mirror mode, the texture coordinate for coordinates more than 1 is the fractional part of the coordinate
+        if (this.wrapU === core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__.Texture.WRAP_ADDRESSMODE || this.wrapU === core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__.Texture.MIRROR_ADDRESSMODE) {
+            if (result.x > 1) {
+                var fX = result.x - Math.trunc(result.x);
+                // In mirror mode, the sign of the texture coordinate depends on the integer part -
+                // odd integers means it is mirrored from the original coordinate
+                if (this.wrapU === core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__.Texture.MIRROR_ADDRESSMODE && Math.trunc(result.x) % 2 === 1) {
+                    fX = 1 - fX;
+                }
+                result.x = fX;
+            }
+        }
+        if (this.wrapV === core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__.Texture.WRAP_ADDRESSMODE || this.wrapV === core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__.Texture.MIRROR_ADDRESSMODE) {
+            if (result.y > 1) {
+                var fY = result.y - Math.trunc(result.y);
+                if (this.wrapV === core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__.Texture.MIRROR_ADDRESSMODE && Math.trunc(result.x) % 2 === 1) {
+                    fY = 1 - fY;
+                }
+                result.y = fY;
+            }
+        }
+        return result;
+    };
     /**
      * Connect the texture to a hosting mesh to enable interactions
      * @param mesh defines the mesh to attach to
@@ -1449,6 +1498,7 @@ var AdvancedDynamicTexture = /** @class */ (function (_super) {
             if (pi.pickInfo && pi.pickInfo.hit && pi.pickInfo.pickedMesh === mesh) {
                 var uv = pi.pickInfo.getTextureCoordinates();
                 if (uv) {
+                    uv = _this._transformUvs(uv);
                     var size = _this.getSize();
                     _this._doPicking(uv.x * size.width, (_this.applyYInversionOnUpdate ? 1.0 - uv.y : uv.y) * size.height, pi, pi.type, pointerId, pi.event.button, pi.event.deltaX, pi.event.deltaY);
                 }
@@ -1495,6 +1545,7 @@ var AdvancedDynamicTexture = /** @class */ (function (_super) {
             if (pick && pick.hit && pick.pickedMesh === mesh) {
                 var uv = pick.getTextureCoordinates();
                 if (uv) {
+                    uv = _this._transformUvs(uv);
                     var size = _this.getSize();
                     _this._doPicking(uv.x * size.width, (_this.applyYInversionOnUpdate ? 1.0 - uv.y : uv.y) * size.height, null, core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__.PointerEventTypes.POINTERMOVE, pointerId, 0);
                 }
@@ -1602,6 +1653,21 @@ var AdvancedDynamicTexture = /** @class */ (function (_super) {
             }
         }
     };
+    /**
+     * Clones the ADT
+     * @param newName defines the name of the new ADT
+     * @returns the clone of the ADT
+     */
+    AdvancedDynamicTexture.prototype.clone = function (newName) {
+        var scene = this.getScene();
+        if (!scene) {
+            return this;
+        }
+        var data = this.serializeContent();
+        var clone = AdvancedDynamicTexture.CreateFullscreenUI(newName || "Clone of " + this.name, this.isForeground, scene, this.samplingMode);
+        clone.parseSerializedObject(data);
+        return clone;
+    };
     /**
      * Recreate the content of the ADT from a snippet saved by the GUI editor
      * @param snippetId defines the snippet to load
@@ -12114,6 +12180,7 @@ var Rectangle = /** @class */ (function (_super) {
         var width = this._currentMeasure.width - offset * 2;
         var height = this._currentMeasure.height - offset * 2;
         var radius = Math.min(height / 2, Math.min(width / 2, this._cornerRadius));
+        radius = Math.abs(radius);
         context.beginPath();
         context.moveTo(x + radius, y);
         context.lineTo(x + width - radius, y);
@@ -21562,7 +21629,7 @@ var TouchButton3D = /** @class */ (function (_super) {
      * @hidden
      */
     TouchButton3D.prototype._generatePointerEventType = function (providedType, nearMeshPosition, activeInteractionCount) {
-        if (providedType === core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__.PointerEventTypes.POINTERDOWN) {
+        if (providedType === core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__.PointerEventTypes.POINTERDOWN || providedType === core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__.PointerEventTypes.POINTERMOVE) {
             if (!this._isInteractionInFrontOfButton(nearMeshPosition)) {
                 // Near interaction mesh is behind the button, don't send a pointer down
                 return core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__.PointerEventTypes.POINTERMOVE;