@babylonjs/gui 6.6.1 → 6.8.0

package/2D/controls/control.d.ts

@@ -326,14 +326,22 @@ export declare class Control implements IAnimatable {
      */
     get verticalAlignment(): number;
     set verticalAlignment(value: number);
+    private _fixedRatio;
+    set fixedRatio(value: number);
     /**
      * Gets or sets a fixed ratio for this control.
      * When different from 0, the ratio is used to compute the "second" dimension.
      * The first dimension used in the computation is the last one set (by setting width / widthInPixels or height / heightInPixels), and the
      * second dimension is computed as first dimension * fixedRatio
      */
-    fixedRatio: number;
-    protected _fixedRatioMasterIsWidth: boolean;
+    get fixedRatio(): number;
+    private _fixedRatioMasterIsWidth;
+    set fixedRatioMasterIsWidth(value: boolean);
+    /**
+     * Gets or sets a boolean indicating that the fixed ratio is set on the width instead of the height. True by default.
+     * When the height of a control is set, this property is changed to false.
+     */
+    get fixedRatioMasterIsWidth(): boolean;
     /**
      * Gets or sets control width
      * @see https://doc.babylonjs.com/features/featuresDeepDive/gui/gui#position-and-size

package/2D/controls/control.js

@@ -281,6 +281,36 @@ export class Control {
         this._verticalAlignment = value;
         this._markAsDirty();
     }
+    set fixedRatio(value) {
+        if (this._fixedRatio === value) {
+            return;
+        }
+        this._fixedRatio = value;
+        this._markAsDirty();
+    }
+    /**
+     * Gets or sets a fixed ratio for this control.
+     * When different from 0, the ratio is used to compute the "second" dimension.
+     * The first dimension used in the computation is the last one set (by setting width / widthInPixels or height / heightInPixels), and the
+     * second dimension is computed as first dimension * fixedRatio
+     */
+    get fixedRatio() {
+        return this._fixedRatio;
+    }
+    set fixedRatioMasterIsWidth(value) {
+        if (this._fixedRatioMasterIsWidth === value) {
+            return;
+        }
+        this._fixedRatioMasterIsWidth = value;
+        this._markAsDirty();
+    }
+    /**
+     * Gets or sets a boolean indicating that the fixed ratio is set on the width instead of the height. True by default.
+     * When the height of a control is set, this property is changed to false.
+     */
+    get fixedRatioMasterIsWidth() {
+        return this._fixedRatioMasterIsWidth;
+    }
     /**
      * Gets or sets control width
      * @see https://doc.babylonjs.com/features/featuresDeepDive/gui/gui#position-and-size
@@ -963,13 +993,7 @@ export class Control {
          * An event triggered when the control isVisible is changed
          */
         this.onIsVisibleChangedObservable = new Observable();
-        /**
-         * Gets or sets a fixed ratio for this control.
-         * When different from 0, the ratio is used to compute the "second" dimension.
-         * The first dimension used in the computation is the last one set (by setting width / widthInPixels or height / heightInPixels), and the
-         * second dimension is computed as first dimension * fixedRatio
-         */
-        this.fixedRatio = 0;
+        this._fixedRatio = 0;
         this._fixedRatioMasterIsWidth = true;
         /**
          * Array of animations
@@ -1478,12 +1502,12 @@ export class Control {
         else {
             this._currentMeasure.height *= this._height.getValue(this._host);
         }
-        if (this.fixedRatio !== 0) {
+        if (this._fixedRatio !== 0) {
             if (this._fixedRatioMasterIsWidth) {
-                this._currentMeasure.height = this._currentMeasure.width * this.fixedRatio;
+                this._currentMeasure.height = this._currentMeasure.width * this._fixedRatio;
             }
             else {
-                this._currentMeasure.width = this._currentMeasure.height * this.fixedRatio;
+                this._currentMeasure.width = this._currentMeasure.height * this._fixedRatio;
             }
         }
     }
@@ -1921,7 +1945,7 @@ export class Control {
      * @internal
      */
     _parseFromContent(serializedObject, host) {
-        var _a;
+        var _a, _b;
         if (serializedObject.fontFamily) {
             this.fontFamily = serializedObject.fontFamily;
         }
@@ -1956,6 +1980,7 @@ export class Control {
                     .beginAnimation(this, serializedObject.autoAnimateFrom, serializedObject.autoAnimateTo, serializedObject.autoAnimateLoop, serializedObject.autoAnimateSpeed || 1.0);
             }
         }
+        this.fixedRatioMasterIsWidth = (_b = serializedObject.fixedRatioMasterIsWidth) !== null && _b !== void 0 ? _b : this.fixedRatioMasterIsWidth;
     }
     /** Releases associated resources */
     dispose() {
@@ -2139,7 +2164,10 @@ __decorate([
 ], Control.prototype, "verticalAlignment", null);
 __decorate([
     serialize()
-], Control.prototype, "fixedRatio", void 0);
+], Control.prototype, "fixedRatio", null);
+__decorate([
+    serialize()
+], Control.prototype, "fixedRatioMasterIsWidth", null);
 __decorate([
     serialize()
 ], Control.prototype, "width", null);