@babylonjs/gui 5.21.0 → 5.23.0

package/2D/valueAndUnit.js

@@ -2,20 +2,18 @@ import { Observable } from "@babylonjs/core/Misc/observable.js";
 /**
  * Class used to specific a value and its associated unit
  */
-var ValueAndUnit = /** @class */ (function () {
+export class ValueAndUnit {
     /**
      * Creates a new ValueAndUnit
      * @param value defines the value to store
      * @param unit defines the unit to store - defaults to ValueAndUnit.UNITMODE_PIXEL
      * @param negativeValueAllowed defines a boolean indicating if the value can be negative
      */
-    function ValueAndUnit(value, 
+    constructor(value, 
     /** defines the unit to store */
-    unit, 
+    unit = ValueAndUnit.UNITMODE_PIXEL, 
     /** defines a boolean indicating if the value can be negative */
-    negativeValueAllowed) {
-        if (unit === void 0) { unit = ValueAndUnit.UNITMODE_PIXEL; }
-        if (negativeValueAllowed === void 0) { negativeValueAllowed = true; }
+    negativeValueAllowed = true) {
         this.negativeValueAllowed = negativeValueAllowed;
         this._value = 1;
         this._unit = ValueAndUnit.UNITMODE_PIXEL;
@@ -32,83 +30,62 @@ var ValueAndUnit = /** @class */ (function () {
         this._unit = unit;
         this._originalUnit = unit;
     }
-    Object.defineProperty(ValueAndUnit.prototype, "isPercentage", {
-        /** Gets a boolean indicating if the value is a percentage */
-        get: function () {
-            return this._unit === ValueAndUnit.UNITMODE_PERCENTAGE;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ValueAndUnit.prototype, "isPixel", {
-        /** Gets a boolean indicating if the value is store as pixel */
-        get: function () {
-            return this._unit === ValueAndUnit.UNITMODE_PIXEL;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ValueAndUnit.prototype, "internalValue", {
-        /**
-         * Gets value (without units)
-         * @deprecated use value property instead
-         */
-        get: function () {
-            return this._value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ValueAndUnit.prototype, "value", {
-        /** Gets value (without units) */
-        get: function () {
-            return this._value;
-        },
-        /** Sets value (without units) */
-        set: function (value) {
-            if (value !== this._value) {
-                this._value = value;
-                this.onChangedObservable.notifyObservers();
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ValueAndUnit.prototype, "unit", {
-        /** Gets units (without value) */
-        get: function () {
-            return this._unit;
-        },
-        /** Sets units (without value) */
-        set: function (value) {
-            if (value !== this._unit) {
-                this._unit = value;
-                this.onChangedObservable.notifyObservers();
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
+    /** Gets a boolean indicating if the value is a percentage */
+    get isPercentage() {
+        return this._unit === ValueAndUnit.UNITMODE_PERCENTAGE;
+    }
+    /** Gets a boolean indicating if the value is store as pixel */
+    get isPixel() {
+        return this._unit === ValueAndUnit.UNITMODE_PIXEL;
+    }
+    /**
+     * Gets value (without units)
+     * @deprecated use value property instead
+     */
+    get internalValue() {
+        return this._value;
+    }
+    /** Gets value (without units) */
+    get value() {
+        return this._value;
+    }
+    /** Sets value (without units) */
+    set value(value) {
+        if (value !== this._value) {
+            this._value = value;
+            this.onChangedObservable.notifyObservers();
+        }
+    }
+    /** Gets units (without value) */
+    get unit() {
+        return this._unit;
+    }
+    /** Sets units (without value) */
+    set unit(value) {
+        if (value !== this._unit) {
+            this._unit = value;
+            this.onChangedObservable.notifyObservers();
+        }
+    }
     /**
      * Gets value as pixel
      * @param host defines the root host
      * @param refValue defines the reference value for percentages
      * @returns the value as pixel
      */
-    ValueAndUnit.prototype.getValueInPixel = function (host, refValue) {
+    getValueInPixel(host, refValue) {
         if (this.isPixel) {
             return this.getValue(host);
         }
         return this.getValue(host) * refValue;
-    };
+    }
     /**
      * Update the current value and unit.
      * @param value defines the value to store
      * @param unit defines the unit to store
      * @returns the current ValueAndUnit
      */
-    ValueAndUnit.prototype.updateInPlace = function (value, unit) {
-        if (unit === void 0) { unit = ValueAndUnit.UNITMODE_PIXEL; }
+    updateInPlace(value, unit = ValueAndUnit.UNITMODE_PIXEL) {
         if (this.value !== value || this.unit !== unit) {
             // set member variables to notify only once
             this._value = value;
@@ -116,16 +93,16 @@ var ValueAndUnit = /** @class */ (function () {
             this.onChangedObservable.notifyObservers();
         }
         return this;
-    };
+    }
     /**
      * Gets the value accordingly to its unit
      * @param host  defines the root host
      * @returns the value
      */
-    ValueAndUnit.prototype.getValue = function (host) {
+    getValue(host) {
         if (host && !this.ignoreAdaptiveScaling && this.unit !== ValueAndUnit.UNITMODE_PERCENTAGE) {
-            var width = 0;
-            var height = 0;
+            let width = 0;
+            let height = 0;
             if (host.idealWidth) {
                 width = (this._value * host.getSize().width) / host.idealWidth;
             }
@@ -145,38 +122,38 @@ var ValueAndUnit = /** @class */ (function () {
             }
         }
         return this._value;
-    };
+    }
     /**
      * Gets a string representation of the value
      * @param host defines the root host
      * @param decimals defines an optional number of decimals to display
      * @returns a string
      */
-    ValueAndUnit.prototype.toString = function (host, decimals) {
+    toString(host, decimals) {
         switch (this._unit) {
             case ValueAndUnit.UNITMODE_PERCENTAGE: {
-                var percentage = this.getValue(host) * 100;
+                const percentage = this.getValue(host) * 100;
                 return (decimals ? percentage.toFixed(decimals) : percentage) + "%";
             }
             case ValueAndUnit.UNITMODE_PIXEL: {
-                var pixels = this.getValue(host);
+                const pixels = this.getValue(host);
                 return (decimals ? pixels.toFixed(decimals) : pixels) + "px";
             }
         }
         return this._unit.toString();
-    };
+    }
     /**
      * Store a value parsed from a string
      * @param source defines the source string
      * @returns true if the value was successfully parsed and updated
      */
-    ValueAndUnit.prototype.fromString = function (source) {
-        var match = ValueAndUnit._Regex.exec(source.toString());
+    fromString(source) {
+        const match = ValueAndUnit._Regex.exec(source.toString());
         if (!match || match.length === 0) {
             return false;
         }
-        var sourceValue = parseFloat(match[1]);
-        var sourceUnit = this._originalUnit;
+        let sourceValue = parseFloat(match[1]);
+        let sourceUnit = this._originalUnit;
         if (!this.negativeValueAllowed) {
             if (sourceValue < 0) {
                 sourceValue = 0;
@@ -200,28 +177,18 @@ var ValueAndUnit = /** @class */ (function () {
         this._unit = sourceUnit;
         this.onChangedObservable.notifyObservers();
         return true;
-    };
-    Object.defineProperty(ValueAndUnit, "UNITMODE_PERCENTAGE", {
-        /** UNITMODE_PERCENTAGE */
-        get: function () {
-            return ValueAndUnit._UNITMODE_PERCENTAGE;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ValueAndUnit, "UNITMODE_PIXEL", {
-        /** UNITMODE_PIXEL */
-        get: function () {
-            return ValueAndUnit._UNITMODE_PIXEL;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    // Static
-    ValueAndUnit._Regex = /(^-?\d*(\.\d+)?)(%|px)?/;
-    ValueAndUnit._UNITMODE_PERCENTAGE = 0;
-    ValueAndUnit._UNITMODE_PIXEL = 1;
-    return ValueAndUnit;
-}());
-export { ValueAndUnit };
+    }
+    /** UNITMODE_PERCENTAGE */
+    static get UNITMODE_PERCENTAGE() {
+        return ValueAndUnit._UNITMODE_PERCENTAGE;
+    }
+    /** UNITMODE_PIXEL */
+    static get UNITMODE_PIXEL() {
+        return ValueAndUnit._UNITMODE_PIXEL;
+    }
+}
+// Static
+ValueAndUnit._Regex = /(^-?\d*(\.\d+)?)(%|px)?/;
+ValueAndUnit._UNITMODE_PERCENTAGE = 0;
+ValueAndUnit._UNITMODE_PIXEL = 1;
 //# sourceMappingURL=valueAndUnit.js.map

package/2D/valueAndUnit.js.map

@@ -1 +1 @@
-{"version":3,"file":"valueAndUnit.js","sourceRoot":"","sources":["../../../../../lts/gui/generated/2D/valueAndUnit.ts"],"names":[],"mappings":"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","sourcesContent":["import { Observable } from \"core/Misc/observable\";\r\nimport type { AdvancedDynamicTexture } from \"./advancedDynamicTexture\";\r\n\r\n/**\r\n * Class used to specific a value and its associated unit\r\n */\r\nexport class ValueAndUnit {\r\n    private _value = 1;\r\n    private _unit = ValueAndUnit.UNITMODE_PIXEL;\r\n    private _originalUnit: number;\r\n\r\n    /**\r\n     * Gets or sets a value indicating that this value will not scale accordingly with adaptive scaling property\r\n     * @see https://doc.babylonjs.com/how_to/gui#adaptive-scaling\r\n     */\r\n    public ignoreAdaptiveScaling = false;\r\n\r\n    /**\r\n     * Observable event triggered each time the value or unit changes\r\n     */\r\n    public onChangedObservable = new Observable<void>();\r\n\r\n    /**\r\n     * Creates a new ValueAndUnit\r\n     * @param value defines the value to store\r\n     * @param unit defines the unit to store - defaults to ValueAndUnit.UNITMODE_PIXEL\r\n     * @param negativeValueAllowed defines a boolean indicating if the value can be negative\r\n     */\r\n    public constructor(\r\n        value: number,\r\n        /** defines the unit to store */\r\n        unit = ValueAndUnit.UNITMODE_PIXEL,\r\n        /** defines a boolean indicating if the value can be negative */\r\n        public negativeValueAllowed = true\r\n    ) {\r\n        this._value = value;\r\n        this._unit = unit;\r\n        this._originalUnit = unit;\r\n    }\r\n\r\n    /** Gets a boolean indicating if the value is a percentage */\r\n    public get isPercentage(): boolean {\r\n        return this._unit === ValueAndUnit.UNITMODE_PERCENTAGE;\r\n    }\r\n\r\n    /** Gets a boolean indicating if the value is store as pixel */\r\n    public get isPixel(): boolean {\r\n        return this._unit === ValueAndUnit.UNITMODE_PIXEL;\r\n    }\r\n\r\n    /**\r\n     * Gets value (without units)\r\n     * @deprecated use value property instead\r\n     */\r\n    public get internalValue(): number {\r\n        return this._value;\r\n    }\r\n\r\n    /** Gets value (without units) */\r\n    public get value(): number {\r\n        return this._value;\r\n    }\r\n\r\n    /** Sets value (without units) */\r\n    public set value(value: number) {\r\n        if (value !== this._value) {\r\n            this._value = value;\r\n            this.onChangedObservable.notifyObservers();\r\n        }\r\n    }\r\n\r\n    /** Gets units (without value) */\r\n    public get unit(): number {\r\n        return this._unit;\r\n    }\r\n\r\n    /** Sets units (without value) */\r\n    public set unit(value: number) {\r\n        if (value !== this._unit) {\r\n            this._unit = value;\r\n            this.onChangedObservable.notifyObservers();\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Gets value as pixel\r\n     * @param host defines the root host\r\n     * @param refValue defines the reference value for percentages\r\n     * @returns the value as pixel\r\n     */\r\n    public getValueInPixel(host: AdvancedDynamicTexture, refValue: number): number {\r\n        if (this.isPixel) {\r\n            return this.getValue(host);\r\n        }\r\n\r\n        return this.getValue(host) * refValue;\r\n    }\r\n\r\n    /**\r\n     * Update the current value and unit.\r\n     * @param value defines the value to store\r\n     * @param unit defines the unit to store\r\n     * @returns the current ValueAndUnit\r\n     */\r\n    public updateInPlace(value: number, unit = ValueAndUnit.UNITMODE_PIXEL): ValueAndUnit {\r\n        if (this.value !== value || this.unit !== unit) {\r\n            // set member variables to notify only once\r\n            this._value = value;\r\n            this._unit = unit;\r\n            this.onChangedObservable.notifyObservers();\r\n        }\r\n\r\n        return this;\r\n    }\r\n\r\n    /**\r\n     * Gets the value accordingly to its unit\r\n     * @param host  defines the root host\r\n     * @returns the value\r\n     */\r\n    public getValue(host: AdvancedDynamicTexture): number {\r\n        if (host && !this.ignoreAdaptiveScaling && this.unit !== ValueAndUnit.UNITMODE_PERCENTAGE) {\r\n            let width: number = 0;\r\n            let height: number = 0;\r\n\r\n            if (host.idealWidth) {\r\n                width = (this._value * host.getSize().width) / host.idealWidth;\r\n            }\r\n\r\n            if (host.idealHeight) {\r\n                height = (this._value * host.getSize().height) / host.idealHeight;\r\n            }\r\n\r\n            if (host.useSmallestIdeal && host.idealWidth && host.idealHeight) {\r\n                return window.innerWidth < window.innerHeight ? width : height;\r\n            }\r\n\r\n            if (host.idealWidth) {\r\n                // horizontal\r\n                return width;\r\n            }\r\n\r\n            if (host.idealHeight) {\r\n                // vertical\r\n                return height;\r\n            }\r\n        }\r\n        return this._value;\r\n    }\r\n\r\n    /**\r\n     * Gets a string representation of the value\r\n     * @param host defines the root host\r\n     * @param decimals defines an optional number of decimals to display\r\n     * @returns a string\r\n     */\r\n    public toString(host: AdvancedDynamicTexture, decimals?: number): string {\r\n        switch (this._unit) {\r\n            case ValueAndUnit.UNITMODE_PERCENTAGE: {\r\n                const percentage = this.getValue(host) * 100;\r\n                return (decimals ? percentage.toFixed(decimals) : percentage) + \"%\";\r\n            }\r\n            case ValueAndUnit.UNITMODE_PIXEL: {\r\n                const pixels = this.getValue(host);\r\n                return (decimals ? pixels.toFixed(decimals) : pixels) + \"px\";\r\n            }\r\n        }\r\n\r\n        return this._unit.toString();\r\n    }\r\n\r\n    /**\r\n     * Store a value parsed from a string\r\n     * @param source defines the source string\r\n     * @returns true if the value was successfully parsed and updated\r\n     */\r\n    public fromString(source: string | number): boolean {\r\n        const match = ValueAndUnit._Regex.exec(source.toString());\r\n\r\n        if (!match || match.length === 0) {\r\n            return false;\r\n        }\r\n\r\n        let sourceValue = parseFloat(match[1]);\r\n        let sourceUnit = this._originalUnit;\r\n\r\n        if (!this.negativeValueAllowed) {\r\n            if (sourceValue < 0) {\r\n                sourceValue = 0;\r\n            }\r\n        }\r\n\r\n        if (match.length === 4) {\r\n            switch (match[3]) {\r\n                case \"px\":\r\n                    sourceUnit = ValueAndUnit.UNITMODE_PIXEL;\r\n                    break;\r\n                case \"%\":\r\n                    sourceUnit = ValueAndUnit.UNITMODE_PERCENTAGE;\r\n                    sourceValue /= 100.0;\r\n                    break;\r\n            }\r\n        }\r\n\r\n        if (sourceValue === this._value && sourceUnit === this._unit) {\r\n            return false;\r\n        }\r\n\r\n        this._value = sourceValue;\r\n        this._unit = sourceUnit;\r\n        this.onChangedObservable.notifyObservers();\r\n\r\n        return true;\r\n    }\r\n\r\n    // Static\r\n    private static _Regex = /(^-?\\d*(\\.\\d+)?)(%|px)?/;\r\n    private static _UNITMODE_PERCENTAGE = 0;\r\n    private static _UNITMODE_PIXEL = 1;\r\n\r\n    /** UNITMODE_PERCENTAGE */\r\n    public static get UNITMODE_PERCENTAGE(): number {\r\n        return ValueAndUnit._UNITMODE_PERCENTAGE;\r\n    }\r\n\r\n    /** UNITMODE_PIXEL */\r\n    public static get UNITMODE_PIXEL(): number {\r\n        return ValueAndUnit._UNITMODE_PIXEL;\r\n    }\r\n}\r\n"]}
+{"version":3,"file":"valueAndUnit.js","sourceRoot":"","sources":["../../../../../lts/gui/generated/2D/valueAndUnit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,2CAA6B;AAGlD;;GAEG;AACH,MAAM,OAAO,YAAY;IAgBrB;;;;;OAKG;IACH,YACI,KAAa;IACb,gCAAgC;IAChC,IAAI,GAAG,YAAY,CAAC,cAAc;IAClC,gEAAgE;IACzD,uBAAuB,IAAI;QAA3B,yBAAoB,GAApB,oBAAoB,CAAO;QA1B9B,WAAM,GAAG,CAAC,CAAC;QACX,UAAK,GAAG,YAAY,CAAC,cAAc,CAAC;QAG5C;;;WAGG;QACI,0BAAqB,GAAG,KAAK,CAAC;QAErC;;WAEG;QACI,wBAAmB,GAAG,IAAI,UAAU,EAAQ,CAAC;QAehD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;IAC9B,CAAC;IAED,6DAA6D;IAC7D,IAAW,YAAY;QACnB,OAAO,IAAI,CAAC,KAAK,KAAK,YAAY,CAAC,mBAAmB,CAAC;IAC3D,CAAC;IAED,+DAA+D;IAC/D,IAAW,OAAO;QACd,OAAO,IAAI,CAAC,KAAK,KAAK,YAAY,CAAC,cAAc,CAAC;IACtD,CAAC;IAED;;;OAGG;IACH,IAAW,aAAa;QACpB,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAED,iCAAiC;IACjC,IAAW,KAAK;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAED,iCAAiC;IACjC,IAAW,KAAK,CAAC,KAAa;QAC1B,IAAI,KAAK,KAAK,IAAI,CAAC,MAAM,EAAE;YACvB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,mBAAmB,CAAC,eAAe,EAAE,CAAC;SAC9C;IACL,CAAC;IAED,iCAAiC;IACjC,IAAW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,iCAAiC;IACjC,IAAW,IAAI,CAAC,KAAa;QACzB,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE;YACtB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,mBAAmB,CAAC,eAAe,EAAE,CAAC;SAC9C;IACL,CAAC;IAED;;;;;OAKG;IACI,eAAe,CAAC,IAA4B,EAAE,QAAgB;QACjE,IAAI,IAAI,CAAC,OAAO,EAAE;YACd,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;SAC9B;QAED,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC;IAC1C,CAAC;IAED;;;;;OAKG;IACI,aAAa,CAAC,KAAa,EAAE,IAAI,GAAG,YAAY,CAAC,cAAc;QAClE,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE;YAC5C,2CAA2C;YAC3C,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YAClB,IAAI,CAAC,mBAAmB,CAAC,eAAe,EAAE,CAAC;SAC9C;QAED,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;;;OAIG;IACI,QAAQ,CAAC,IAA4B;QACxC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,mBAAmB,EAAE;YACvF,IAAI,KAAK,GAAW,CAAC,CAAC;YACtB,IAAI,MAAM,GAAW,CAAC,CAAC;YAEvB,IAAI,IAAI,CAAC,UAAU,EAAE;gBACjB,KAAK,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC;aAClE;YAED,IAAI,IAAI,CAAC,WAAW,EAAE;gBAClB,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC;aACrE;YAED,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,EAAE;gBAC9D,OAAO,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;aAClE;YAED,IAAI,IAAI,CAAC,UAAU,EAAE;gBACjB,aAAa;gBACb,OAAO,KAAK,CAAC;aAChB;YAED,IAAI,IAAI,CAAC,WAAW,EAAE;gBAClB,WAAW;gBACX,OAAO,MAAM,CAAC;aACjB;SACJ;QACD,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAED;;;;;OAKG;IACI,QAAQ,CAAC,IAA4B,EAAE,QAAiB;QAC3D,QAAQ,IAAI,CAAC,KAAK,EAAE;YAChB,KAAK,YAAY,CAAC,mBAAmB,CAAC,CAAC;gBACnC,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;gBAC7C,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,GAAG,CAAC;aACvE;YACD,KAAK,YAAY,CAAC,cAAc,CAAC,CAAC;gBAC9B,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACnC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;aAChE;SACJ;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;IACjC,CAAC;IAED;;;;OAIG;IACI,UAAU,CAAC,MAAuB;QACrC,MAAM,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC;QAE1D,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;YAC9B,OAAO,KAAK,CAAC;SAChB;QAED,IAAI,WAAW,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QACvC,IAAI,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC;QAEpC,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE;YAC5B,IAAI,WAAW,GAAG,CAAC,EAAE;gBACjB,WAAW,GAAG,CAAC,CAAC;aACnB;SACJ;QAED,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;YACpB,QAAQ,KAAK,CAAC,CAAC,CAAC,EAAE;gBACd,KAAK,IAAI;oBACL,UAAU,GAAG,YAAY,CAAC,cAAc,CAAC;oBACzC,MAAM;gBACV,KAAK,GAAG;oBACJ,UAAU,GAAG,YAAY,CAAC,mBAAmB,CAAC;oBAC9C,WAAW,IAAI,KAAK,CAAC;oBACrB,MAAM;aACb;SACJ;QAED,IAAI,WAAW,KAAK,IAAI,CAAC,MAAM,IAAI,UAAU,KAAK,IAAI,CAAC,KAAK,EAAE;YAC1D,OAAO,KAAK,CAAC;SAChB;QAED,IAAI,CAAC,MAAM,GAAG,WAAW,CAAC;QAC1B,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC;QACxB,IAAI,CAAC,mBAAmB,CAAC,eAAe,EAAE,CAAC;QAE3C,OAAO,IAAI,CAAC;IAChB,CAAC;IAOD,0BAA0B;IACnB,MAAM,KAAK,mBAAmB;QACjC,OAAO,YAAY,CAAC,oBAAoB,CAAC;IAC7C,CAAC;IAED,qBAAqB;IACd,MAAM,KAAK,cAAc;QAC5B,OAAO,YAAY,CAAC,eAAe,CAAC;IACxC,CAAC;;AAbD,SAAS;AACM,mBAAM,GAAG,yBAAyB,CAAC;AACnC,iCAAoB,GAAG,CAAC,CAAC;AACzB,4BAAe,GAAG,CAAC,CAAC","sourcesContent":["import { Observable } from \"core/Misc/observable\";\r\nimport type { AdvancedDynamicTexture } from \"./advancedDynamicTexture\";\r\n\r\n/**\r\n * Class used to specific a value and its associated unit\r\n */\r\nexport class ValueAndUnit {\r\n    private _value = 1;\r\n    private _unit = ValueAndUnit.UNITMODE_PIXEL;\r\n    private _originalUnit: number;\r\n\r\n    /**\r\n     * Gets or sets a value indicating that this value will not scale accordingly with adaptive scaling property\r\n     * @see https://doc.babylonjs.com/how_to/gui#adaptive-scaling\r\n     */\r\n    public ignoreAdaptiveScaling = false;\r\n\r\n    /**\r\n     * Observable event triggered each time the value or unit changes\r\n     */\r\n    public onChangedObservable = new Observable<void>();\r\n\r\n    /**\r\n     * Creates a new ValueAndUnit\r\n     * @param value defines the value to store\r\n     * @param unit defines the unit to store - defaults to ValueAndUnit.UNITMODE_PIXEL\r\n     * @param negativeValueAllowed defines a boolean indicating if the value can be negative\r\n     */\r\n    public constructor(\r\n        value: number,\r\n        /** defines the unit to store */\r\n        unit = ValueAndUnit.UNITMODE_PIXEL,\r\n        /** defines a boolean indicating if the value can be negative */\r\n        public negativeValueAllowed = true\r\n    ) {\r\n        this._value = value;\r\n        this._unit = unit;\r\n        this._originalUnit = unit;\r\n    }\r\n\r\n    /** Gets a boolean indicating if the value is a percentage */\r\n    public get isPercentage(): boolean {\r\n        return this._unit === ValueAndUnit.UNITMODE_PERCENTAGE;\r\n    }\r\n\r\n    /** Gets a boolean indicating if the value is store as pixel */\r\n    public get isPixel(): boolean {\r\n        return this._unit === ValueAndUnit.UNITMODE_PIXEL;\r\n    }\r\n\r\n    /**\r\n     * Gets value (without units)\r\n     * @deprecated use value property instead\r\n     */\r\n    public get internalValue(): number {\r\n        return this._value;\r\n    }\r\n\r\n    /** Gets value (without units) */\r\n    public get value(): number {\r\n        return this._value;\r\n    }\r\n\r\n    /** Sets value (without units) */\r\n    public set value(value: number) {\r\n        if (value !== this._value) {\r\n            this._value = value;\r\n            this.onChangedObservable.notifyObservers();\r\n        }\r\n    }\r\n\r\n    /** Gets units (without value) */\r\n    public get unit(): number {\r\n        return this._unit;\r\n    }\r\n\r\n    /** Sets units (without value) */\r\n    public set unit(value: number) {\r\n        if (value !== this._unit) {\r\n            this._unit = value;\r\n            this.onChangedObservable.notifyObservers();\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Gets value as pixel\r\n     * @param host defines the root host\r\n     * @param refValue defines the reference value for percentages\r\n     * @returns the value as pixel\r\n     */\r\n    public getValueInPixel(host: AdvancedDynamicTexture, refValue: number): number {\r\n        if (this.isPixel) {\r\n            return this.getValue(host);\r\n        }\r\n\r\n        return this.getValue(host) * refValue;\r\n    }\r\n\r\n    /**\r\n     * Update the current value and unit.\r\n     * @param value defines the value to store\r\n     * @param unit defines the unit to store\r\n     * @returns the current ValueAndUnit\r\n     */\r\n    public updateInPlace(value: number, unit = ValueAndUnit.UNITMODE_PIXEL): ValueAndUnit {\r\n        if (this.value !== value || this.unit !== unit) {\r\n            // set member variables to notify only once\r\n            this._value = value;\r\n            this._unit = unit;\r\n            this.onChangedObservable.notifyObservers();\r\n        }\r\n\r\n        return this;\r\n    }\r\n\r\n    /**\r\n     * Gets the value accordingly to its unit\r\n     * @param host  defines the root host\r\n     * @returns the value\r\n     */\r\n    public getValue(host: AdvancedDynamicTexture): number {\r\n        if (host && !this.ignoreAdaptiveScaling && this.unit !== ValueAndUnit.UNITMODE_PERCENTAGE) {\r\n            let width: number = 0;\r\n            let height: number = 0;\r\n\r\n            if (host.idealWidth) {\r\n                width = (this._value * host.getSize().width) / host.idealWidth;\r\n            }\r\n\r\n            if (host.idealHeight) {\r\n                height = (this._value * host.getSize().height) / host.idealHeight;\r\n            }\r\n\r\n            if (host.useSmallestIdeal && host.idealWidth && host.idealHeight) {\r\n                return window.innerWidth < window.innerHeight ? width : height;\r\n            }\r\n\r\n            if (host.idealWidth) {\r\n                // horizontal\r\n                return width;\r\n            }\r\n\r\n            if (host.idealHeight) {\r\n                // vertical\r\n                return height;\r\n            }\r\n        }\r\n        return this._value;\r\n    }\r\n\r\n    /**\r\n     * Gets a string representation of the value\r\n     * @param host defines the root host\r\n     * @param decimals defines an optional number of decimals to display\r\n     * @returns a string\r\n     */\r\n    public toString(host: AdvancedDynamicTexture, decimals?: number): string {\r\n        switch (this._unit) {\r\n            case ValueAndUnit.UNITMODE_PERCENTAGE: {\r\n                const percentage = this.getValue(host) * 100;\r\n                return (decimals ? percentage.toFixed(decimals) : percentage) + \"%\";\r\n            }\r\n            case ValueAndUnit.UNITMODE_PIXEL: {\r\n                const pixels = this.getValue(host);\r\n                return (decimals ? pixels.toFixed(decimals) : pixels) + \"px\";\r\n            }\r\n        }\r\n\r\n        return this._unit.toString();\r\n    }\r\n\r\n    /**\r\n     * Store a value parsed from a string\r\n     * @param source defines the source string\r\n     * @returns true if the value was successfully parsed and updated\r\n     */\r\n    public fromString(source: string | number): boolean {\r\n        const match = ValueAndUnit._Regex.exec(source.toString());\r\n\r\n        if (!match || match.length === 0) {\r\n            return false;\r\n        }\r\n\r\n        let sourceValue = parseFloat(match[1]);\r\n        let sourceUnit = this._originalUnit;\r\n\r\n        if (!this.negativeValueAllowed) {\r\n            if (sourceValue < 0) {\r\n                sourceValue = 0;\r\n            }\r\n        }\r\n\r\n        if (match.length === 4) {\r\n            switch (match[3]) {\r\n                case \"px\":\r\n                    sourceUnit = ValueAndUnit.UNITMODE_PIXEL;\r\n                    break;\r\n                case \"%\":\r\n                    sourceUnit = ValueAndUnit.UNITMODE_PERCENTAGE;\r\n                    sourceValue /= 100.0;\r\n                    break;\r\n            }\r\n        }\r\n\r\n        if (sourceValue === this._value && sourceUnit === this._unit) {\r\n            return false;\r\n        }\r\n\r\n        this._value = sourceValue;\r\n        this._unit = sourceUnit;\r\n        this.onChangedObservable.notifyObservers();\r\n\r\n        return true;\r\n    }\r\n\r\n    // Static\r\n    private static _Regex = /(^-?\\d*(\\.\\d+)?)(%|px)?/;\r\n    private static _UNITMODE_PERCENTAGE = 0;\r\n    private static _UNITMODE_PIXEL = 1;\r\n\r\n    /** UNITMODE_PERCENTAGE */\r\n    public static get UNITMODE_PERCENTAGE(): number {\r\n        return ValueAndUnit._UNITMODE_PERCENTAGE;\r\n    }\r\n\r\n    /** UNITMODE_PIXEL */\r\n    public static get UNITMODE_PIXEL(): number {\r\n        return ValueAndUnit._UNITMODE_PIXEL;\r\n    }\r\n}\r\n"]}

package/2D/xmlLoader.js

@@ -1,16 +1,14 @@
-import { __awaiter, __generator } from "tslib";
 import { GetClass } from "@babylonjs/core/Misc/typeStore.js";
-var XmlLoaderError = "XmlLoader Exception : XML file is malformed or corrupted.";
+const XmlLoaderError = "XmlLoader Exception : XML file is malformed or corrupted.";
 /**
  * Class used to load GUI via XML.
  */
-var XmlLoader = /** @class */ (function () {
+export class XmlLoader {
     /**
      * Create a new xml loader
      * @param parentClass Sets the class context. Used when the loader is instanced inside a class and not in a global context
      */
-    function XmlLoader(parentClass) {
-        if (parentClass === void 0) { parentClass = null; }
+    constructor(parentClass = null) {
         this._nodes = {};
         this._nodeTypes = {
             element: 1,
@@ -29,37 +27,36 @@ var XmlLoader = /** @class */ (function () {
             this._parentClass = parentClass;
         }
     }
-    XmlLoader.prototype._getChainElement = function (attributeValue) {
-        var element = window;
+    _getChainElement(attributeValue) {
+        let element = window;
         if (this._parentClass) {
             element = this._parentClass;
         }
-        var value = attributeValue;
+        let value = attributeValue;
         value = value.split(".");
-        for (var i = 0; i < value.length; i++) {
+        for (let i = 0; i < value.length; i++) {
             element = element[value[i]];
         }
         return element;
-    };
-    XmlLoader.prototype._getClassAttribute = function (attributeName) {
-        var attribute = attributeName.split(".");
-        var className = GetClass("BABYLON.GUI." + attribute[0]);
+    }
+    _getClassAttribute(attributeName) {
+        const attribute = attributeName.split(".");
+        const className = GetClass("BABYLON.GUI." + attribute[0]);
         return className[attribute[1]];
-    };
-    XmlLoader.prototype._createGuiElement = function (node, parent, linkParent) {
-        if (linkParent === void 0) { linkParent = true; }
+    }
+    _createGuiElement(node, parent, linkParent = true) {
         try {
-            var className = GetClass("BABYLON.GUI." + node.nodeName);
-            var guiNode = new className();
+            const className = GetClass("BABYLON.GUI." + node.nodeName);
+            const guiNode = new className();
             if (parent && linkParent) {
                 parent.addControl(guiNode);
             }
-            for (var i = 0; i < node.attributes.length; i++) {
+            for (let i = 0; i < node.attributes.length; i++) {
                 if (node.attributes[i].name.toLowerCase().includes("datasource")) {
                     continue;
                 }
                 if (node.attributes[i].name.toLowerCase().includes("observable")) {
-                    var element = this._getChainElement(node.attributes[i].value);
+                    const element = this._getChainElement(node.attributes[i].value);
                     guiNode[node.attributes[i].name].add(element);
                     continue;
                 }
@@ -72,7 +69,7 @@ var XmlLoader = /** @class */ (function () {
                     }
                 }
                 else if (node.attributes[i].value.startsWith("{{") && node.attributes[i].value.endsWith("}}")) {
-                    var element = this._getChainElement(node.attributes[i].value.substring(2, node.attributes[i].value.length - 2));
+                    const element = this._getChainElement(node.attributes[i].value.substring(2, node.attributes[i].value.length - 2));
                     guiNode[node.attributes[i].name] = element;
                 }
                 else if (!this._objectAttributes[node.attributes[i].name]) {
@@ -91,7 +88,7 @@ var XmlLoader = /** @class */ (function () {
                 this._nodes[node.nodeName + Object.keys(this._nodes).length + "_gen"] = guiNode;
                 return guiNode;
             }
-            var id = node.attributes.getNamedItem("id").value;
+            let id = node.attributes.getNamedItem("id").value;
             if (id.startsWith("{{") && id.endsWith("}}")) {
                 id = this._getChainElement(id.substring(2, id.length - 2));
             }
@@ -106,19 +103,19 @@ var XmlLoader = /** @class */ (function () {
         catch (exception) {
             throw "XmlLoader Exception : Error parsing Control " + node.nodeName + "," + exception + ".";
         }
-    };
-    XmlLoader.prototype._parseGrid = function (node, guiNode, parent) {
-        var width;
-        var height;
-        var columns;
-        var rows = node.children;
-        var cells;
-        var isPixel = false;
-        var cellNode;
-        var rowNumber = -1;
-        var columnNumber = -1;
-        var totalColumnsNumber = 0;
-        for (var i = 0; i < rows.length; i++) {
+    }
+    _parseGrid(node, guiNode, parent) {
+        let width;
+        let height;
+        let columns;
+        const rows = node.children;
+        let cells;
+        let isPixel = false;
+        let cellNode;
+        let rowNumber = -1;
+        let columnNumber = -1;
+        let totalColumnsNumber = 0;
+        for (let i = 0; i < rows.length; i++) {
             if (rows[i].nodeType != this._nodeTypes.element) {
                 continue;
             }
@@ -133,7 +130,7 @@ var XmlLoader = /** @class */ (function () {
             height = Number(rows[i].attributes.getNamedItem("height").nodeValue);
             isPixel = rows[i].attributes.getNamedItem("isPixel") ? JSON.parse(rows[i].attributes.getNamedItem("isPixel").nodeValue) : false;
             guiNode.addRowDefinition(height, isPixel);
-            for (var j = 0; j < columns.length; j++) {
+            for (let j = 0; j < columns.length; j++) {
                 if (columns[j].nodeType != this._nodeTypes.element) {
                     continue;
                 }
@@ -153,7 +150,7 @@ var XmlLoader = /** @class */ (function () {
                     guiNode.addColumnDefinition(width, isPixel);
                 }
                 cells = columns[j].children;
-                for (var k = 0; k < cells.length; k++) {
+                for (let k = 0; k < cells.length; k++) {
                     if (cells[k].nodeType != this._nodeTypes.element) {
                         continue;
                     }
@@ -172,16 +169,16 @@ var XmlLoader = /** @class */ (function () {
         if (node.nextSibling) {
             this._parseXml(node.nextSibling, parent);
         }
-    };
-    XmlLoader.prototype._parseElement = function (node, guiNode, parent) {
+    }
+    _parseElement(node, guiNode, parent) {
         if (node.firstChild) {
             this._parseXml(node.firstChild, guiNode);
         }
         if (node.nextSibling) {
             this._parseXml(node.nextSibling, parent);
         }
-    };
-    XmlLoader.prototype._prepareSourceElement = function (node, guiNode, variable, source, iterator) {
+    }
+    _prepareSourceElement(node, guiNode, variable, source, iterator) {
         if (this._parentClass) {
             this._parentClass[variable] = source[iterator];
         }
@@ -191,19 +188,19 @@ var XmlLoader = /** @class */ (function () {
         if (node.firstChild) {
             this._parseXml(node.firstChild, guiNode, true);
         }
-    };
-    XmlLoader.prototype._parseElementsFromSource = function (node, guiNode, parent) {
-        var dataSource = node.attributes.getNamedItem("dataSource").value;
+    }
+    _parseElementsFromSource(node, guiNode, parent) {
+        const dataSource = node.attributes.getNamedItem("dataSource").value;
         if (!dataSource.includes(" in ")) {
             throw "XmlLoader Exception : Malformed XML, Data Source must include an in";
         }
         else {
-            var isArray = true;
-            var splittedSource = dataSource.split(" in ");
+            let isArray = true;
+            const splittedSource = dataSource.split(" in ");
             if (splittedSource.length < 2) {
                 throw "XmlLoader Exception : Malformed XML, Data Source must have an iterator and a source";
             }
-            var source = splittedSource[1];
+            let source = splittedSource[1];
             if (source.startsWith("{") && source.endsWith("}")) {
                 isArray = false;
             }
@@ -217,12 +214,12 @@ var XmlLoader = /** @class */ (function () {
                 source = window[source];
             }
             if (isArray) {
-                for (var i = 0; i < source.length; i++) {
+                for (let i = 0; i < source.length; i++) {
                     this._prepareSourceElement(node, guiNode, splittedSource[0], source, i);
                 }
             }
             else {
-                for (var i in source) {
+                for (const i in source) {
                     this._prepareSourceElement(node, guiNode, splittedSource[0], source, i);
                 }
             }
@@ -230,9 +227,8 @@ var XmlLoader = /** @class */ (function () {
                 this._parseXml(node.nextSibling, parent);
             }
         }
-    };
-    XmlLoader.prototype._parseXml = function (node, parent, generated) {
-        if (generated === void 0) { generated = false; }
+    }
+    _parseXml(node, parent, generated = false) {
         if (node.nodeType != this._nodeTypes.element) {
             if (node.nextSibling) {
                 this._parseXml(node.nextSibling, parent, generated);
@@ -242,7 +238,7 @@ var XmlLoader = /** @class */ (function () {
         if (generated) {
             node.setAttribute("id", parent.id + (parent._children.length + 1));
         }
-        var guiNode = this._createGuiElement(node, parent);
+        const guiNode = this._createGuiElement(node, parent);
         if (!this._rootNode) {
             this._rootNode = guiNode;
         }
@@ -255,39 +251,39 @@ var XmlLoader = /** @class */ (function () {
         else {
             this._parseElementsFromSource(node, guiNode, parent);
         }
-    };
+    }
     /**
      * Gets if the loading has finished.
      * @returns whether the loading has finished or not
      */
-    XmlLoader.prototype.isLoaded = function () {
+    isLoaded() {
         return this._isLoaded;
-    };
+    }
     /**
      * Gets a loaded node / control by id.
      * @param id the Controls id set in the xml
      * @returns element of type Control
      */
-    XmlLoader.prototype.getNodeById = function (id) {
+    getNodeById(id) {
         return this._nodes[id];
-    };
+    }
     /**
      * Gets all loaded nodes / controls
      * @returns Array of controls
      */
-    XmlLoader.prototype.getNodes = function () {
+    getNodes() {
         return this._nodes;
-    };
+    }
     /**
      * Disposes the loaded layout
      */
-    XmlLoader.prototype.dispose = function () {
+    dispose() {
         if (this._rootNode) {
             this._rootNode.dispose();
             this._rootNode = null;
             this._nodes = {};
         }
-    };
+    }
     /**
      * Initiates the xml layout loading
      * @param xmlFile defines the xml layout to load
@@ -295,12 +291,9 @@ var XmlLoader = /** @class */ (function () {
      * @param onSuccess defines the callback called on layout load successfully.
      * @param onError defines the callback called on layout load failure.
      */
-    XmlLoader.prototype.loadLayout = function (xmlFile, rootNode, onSuccess, onError) {
-        var _this = this;
-        if (onSuccess === void 0) { onSuccess = null; }
-        if (onError === void 0) { onError = null; }
-        var xhttp = new XMLHttpRequest();
-        xhttp.onload = function () {
+    loadLayout(xmlFile, rootNode, onSuccess = null, onError = null) {
+        const xhttp = new XMLHttpRequest();
+        xhttp.onload = () => {
             if (xhttp.readyState === 4 && xhttp.status === 200) {
                 if (!xhttp.responseXML) {
                     if (onError) {
@@ -311,9 +304,9 @@ var XmlLoader = /** @class */ (function () {
                         throw XmlLoaderError;
                     }
                 }
-                var xmlDoc = xhttp.responseXML.documentElement;
-                _this._parseXml(xmlDoc.firstChild, rootNode);
-                _this._isLoaded = true;
+                const xmlDoc = xhttp.responseXML.documentElement;
+                this._parseXml(xmlDoc.firstChild, rootNode);
+                this._isLoaded = true;
                 if (onSuccess) {
                     onSuccess();
                 }
@@ -326,24 +319,17 @@ var XmlLoader = /** @class */ (function () {
         };
         xhttp.open("GET", xmlFile, true);
         xhttp.send();
-    };
+    }
     /**
      * Initiates the xml layout loading asynchronously
      * @param xmlFile defines the xml layout to load
      * @param rootNode defines the node / control to use as a parent for the loaded layout controls.
      * @returns Promise
      */
-    XmlLoader.prototype.loadLayoutAsync = function (xmlFile, rootNode) {
-        return __awaiter(this, void 0, void 0, function () {
-            var _this = this;
-            return __generator(this, function (_a) {
-                return [2 /*return*/, new Promise(function (resolve, reject) {
-                        _this.loadLayout(xmlFile, rootNode, resolve, reject);
-                    })];
-            });
+    async loadLayoutAsync(xmlFile, rootNode) {
+        return new Promise((resolve, reject) => {
+            this.loadLayout(xmlFile, rootNode, resolve, reject);
         });
-    };
-    return XmlLoader;
-}());
-export { XmlLoader };
+    }
+}
 //# sourceMappingURL=xmlLoader.js.map