babylonjs-gui 5.27.1 → 5.29.0

package/babylon.gui.d.ts

@@ -556,7 +556,7 @@ declare module BABYLON.GUI {
         get image(): BABYLON.Nullable<Image>;
         private _textBlock;
         /**
-         * Returns the image part of the button (if any)
+         * Returns the TextBlock part of the button (if any)
          */
         get textBlock(): BABYLON.Nullable<TextBlock>;
         /**
@@ -922,7 +922,7 @@ declare module BABYLON.GUI {
      * Root class used for all 2D controls
      * @see https://doc.babylonjs.com/how_to/gui#controls
      */
-    export class Control {
+    export class Control implements BABYLON.IAnimatable {
         /** defines the name of the control */
         name?: string | undefined;
         /**
@@ -1419,6 +1419,10 @@ declare module BABYLON.GUI {
          * Gets/sets the deoverlap movement multiplier
          */
         overlapDeltaMultiplier?: number;
+        /**
+         * Array of animations
+         */
+        animations: BABYLON.Nullable<BABYLON.Animation[]>;
         /**
          * Creates a new control
          * @param name defines the name of the control

package/babylon.gui.js

@@ -451,7 +451,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "AdvancedDynamicTexture": () => (/* binding */ AdvancedDynamicTexture)
 /* harmony export */ });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../../../node_modules/tslib/tslib.es6.js");
-/* harmony import */ var core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/Misc/typeStore */ "core/Misc/observable");
+/* harmony import */ var core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/Misc/stringTools */ "core/Misc/observable");
 /* harmony import */ var core_Misc_observable__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _controls_container__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./controls/container */ "../../../lts/gui/dist/2D/controls/container.js");
 /* harmony import */ var _controls_control__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./controls/control */ "../../../lts/gui/dist/2D/controls/control.js");
@@ -476,6 +476,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 /**
  * Class used to create texture to support 2D GUI elements
@@ -1751,7 +1752,14 @@ var AdvancedDynamicTexture = /** @class */ (function (_super) {
             request.addEventListener("readystatechange", function () {
                 if (request.readyState == 4) {
                     if (request.status == 200) {
-                        var gui = snippet ? JSON.parse(JSON.parse(request.responseText).jsonPayload).gui : request.responseText;
+                        var gui = void 0;
+                        if (snippet) {
+                            var payload = JSON.parse(JSON.parse(request.responseText).jsonPayload);
+                            gui = payload.encodedGui ? new TextDecoder("utf-8").decode((0,core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__.DecodeBase64ToBinary)(payload.encodedGui)) : payload.gui;
+                        }
+                        else {
+                            gui = request.responseText;
+                        }
                         var serializationObject = JSON.parse(gui);
                         resolve(serializationObject);
                     }
@@ -1973,7 +1981,7 @@ var Button = /** @class */ (function (_super) {
     });
     Object.defineProperty(Button.prototype, "textBlock", {
         /**
-         * Returns the image part of the button (if any)
+         * Returns the TextBlock part of the button (if any)
          */
         get: function () {
             return this._textBlock;
@@ -4597,6 +4605,10 @@ var Control = /** @class */ (function () {
          */
         this.fixedRatio = 0;
         this._fixedRatioMasterIsWidth = true;
+        /**
+         * Array of animations
+         */
+        this.animations = null;
         this._tmpMeasureA = new _measure__WEBPACK_IMPORTED_MODULE_3__.Measure(0, 0, 0, 0);
     }
     Object.defineProperty(Control.prototype, "isReadOnly", {
@@ -6491,6 +6503,8 @@ var Control = /** @class */ (function () {
             serializationObject.fontWeight = this.fontWeight;
             serializationObject.fontStyle = this.fontStyle;
         }
+        // Animations
+        core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__.SerializationHelper.AppendSerializedAnimations(this, serializationObject);
     };
     /**
      * @internal
@@ -6508,6 +6522,22 @@ var Control = /** @class */ (function () {
         if (serializedObject.fontStyle) {
             this.fontStyle = serializedObject.fontStyle;
         }
+        // Animations
+        if (serializedObject.animations) {
+            this.animations = [];
+            for (var animationIndex = 0; animationIndex < serializedObject.animations.length; animationIndex++) {
+                var parsedAnimation = serializedObject.animations[animationIndex];
+                var internalClass = (0,core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__.GetClass)("BABYLON.Animation");
+                if (internalClass) {
+                    this.animations.push(internalClass.Parse(parsedAnimation));
+                }
+            }
+            if (serializedObject.autoAnimate && this._host && this._host.getScene()) {
+                this._host
+                    .getScene()
+                    .beginAnimation(this, serializedObject.autoAnimateFrom, serializedObject.autoAnimateTo, serializedObject.autoAnimateLoop, serializedObject.autoAnimateSpeed || 1.0);
+            }
+        }
     };
     /** Releases associated resources */
     Control.prototype.dispose = function () {