@babylonjs/gui 5.19.0 → 5.22.0

package/2D/controls/textBlock.js

@@ -1,4 +1,4 @@
-import { __decorate, __extends } from "tslib";
+import { __decorate } from "@babylonjs/core/tslib.es6.js";
 import { Observable } from "@babylonjs/core/Misc/observable.js";
 import { ValueAndUnit } from "../valueAndUnit.js";
 import { Control } from "./control.js";
@@ -30,305 +30,254 @@ export var TextWrapping;
 /**
  * Class used to create text block control
  */
-var TextBlock = /** @class */ (function (_super) {
-    __extends(TextBlock, _super);
+export class TextBlock extends Control {
     /**
      * Creates a new TextBlock object
      * @param name defines the name of the control
      * @param text defines the text to display (empty string by default)
      */
-    function TextBlock(
+    constructor(
     /**
      * Defines the name of the control
      */
-    name, text) {
-        if (text === void 0) { text = ""; }
-        var _this = _super.call(this, name) || this;
-        _this.name = name;
-        _this._text = "";
-        _this._textWrapping = TextWrapping.Clip;
-        _this._textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER;
-        _this._textVerticalAlignment = Control.VERTICAL_ALIGNMENT_CENTER;
-        _this._resizeToFit = false;
-        _this._lineSpacing = new ValueAndUnit(0);
-        _this._outlineWidth = 0;
-        _this._outlineColor = "white";
-        _this._underline = false;
-        _this._lineThrough = false;
-        _this._wordDivider = " ";
+    name, text = "") {
+        super(name);
+        this.name = name;
+        this._text = "";
+        this._textWrapping = TextWrapping.Clip;
+        this._textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER;
+        this._textVerticalAlignment = Control.VERTICAL_ALIGNMENT_CENTER;
+        this._resizeToFit = false;
+        this._lineSpacing = new ValueAndUnit(0);
+        this._outlineWidth = 0;
+        this._outlineColor = "white";
+        this._underline = false;
+        this._lineThrough = false;
+        this._wordDivider = " ";
         /**
          * An event triggered after the text is changed
          */
-        _this.onTextChangedObservable = new Observable();
+        this.onTextChangedObservable = new Observable();
         /**
          * An event triggered after the text was broken up into lines
          */
-        _this.onLinesReadyObservable = new Observable();
-        _this.text = text;
-        return _this;
+        this.onLinesReadyObservable = new Observable();
+        this.text = text;
     }
-    Object.defineProperty(TextBlock.prototype, "lines", {
-        /**
-         * Return the line list (you may need to use the onLinesReadyObservable to make sure the list is ready)
-         */
-        get: function () {
-            return this._lines;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TextBlock.prototype, "resizeToFit", {
-        /**
-         * Gets or sets an boolean indicating that the TextBlock will be resized to fit container
-         */
-        get: function () {
-            return this._resizeToFit;
-        },
-        /**
-         * Gets or sets an boolean indicating that the TextBlock will be resized to fit container
-         */
-        set: function (value) {
-            if (this._resizeToFit === value) {
-                return;
-            }
-            this._resizeToFit = value;
-            if (this._resizeToFit) {
-                this._width.ignoreAdaptiveScaling = true;
-                this._height.ignoreAdaptiveScaling = true;
-            }
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TextBlock.prototype, "textWrapping", {
-        /**
-         * Gets or sets a boolean indicating if text must be wrapped
-         */
-        get: function () {
-            return this._textWrapping;
-        },
-        /**
-         * Gets or sets a boolean indicating if text must be wrapped
-         */
-        set: function (value) {
-            if (this._textWrapping === value) {
-                return;
-            }
-            this._textWrapping = +value;
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TextBlock.prototype, "text", {
-        /**
-         * Gets or sets text to display
-         */
-        get: function () {
-            return this._text;
-        },
-        /**
-         * Gets or sets text to display
-         */
-        set: function (value) {
-            if (this._text === value) {
-                return;
-            }
-            this._text = value + ""; // Making sure it is a text
-            this._markAsDirty();
-            this.onTextChangedObservable.notifyObservers(this);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TextBlock.prototype, "textHorizontalAlignment", {
-        /**
-         * Gets or sets text horizontal alignment (BABYLON.GUI.Control.HORIZONTAL_ALIGNMENT_CENTER by default)
-         */
-        get: function () {
-            return this._textHorizontalAlignment;
-        },
-        /**
-         * Gets or sets text horizontal alignment (BABYLON.GUI.Control.HORIZONTAL_ALIGNMENT_CENTER by default)
-         */
-        set: function (value) {
-            if (this._textHorizontalAlignment === value) {
-                return;
-            }
-            this._textHorizontalAlignment = value;
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TextBlock.prototype, "textVerticalAlignment", {
-        /**
-         * Gets or sets text vertical alignment (BABYLON.GUI.Control.VERTICAL_ALIGNMENT_CENTER by default)
-         */
-        get: function () {
-            return this._textVerticalAlignment;
-        },
-        /**
-         * Gets or sets text vertical alignment (BABYLON.GUI.Control.VERTICAL_ALIGNMENT_CENTER by default)
-         */
-        set: function (value) {
-            if (this._textVerticalAlignment === value) {
-                return;
-            }
-            this._textVerticalAlignment = value;
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TextBlock.prototype, "lineSpacing", {
-        /**
-         * Gets or sets line spacing value
-         */
-        get: function () {
-            return this._lineSpacing.toString(this._host);
-        },
-        /**
-         * Gets or sets line spacing value
-         */
-        set: function (value) {
-            if (this._lineSpacing.fromString(value)) {
-                this._markAsDirty();
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TextBlock.prototype, "outlineWidth", {
-        /**
-         * Gets or sets outlineWidth of the text to display
-         */
-        get: function () {
-            return this._outlineWidth;
-        },
-        /**
-         * Gets or sets outlineWidth of the text to display
-         */
-        set: function (value) {
-            if (this._outlineWidth === value) {
-                return;
-            }
-            this._outlineWidth = value;
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TextBlock.prototype, "underline", {
-        /**
-         * Gets or sets a boolean indicating that text must have underline
-         */
-        get: function () {
-            return this._underline;
-        },
-        /**
-         * Gets or sets a boolean indicating that text must have underline
-         */
-        set: function (value) {
-            if (this._underline === value) {
-                return;
-            }
-            this._underline = value;
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TextBlock.prototype, "lineThrough", {
-        /**
-         * Gets or sets an boolean indicating that text must be crossed out
-         */
-        get: function () {
-            return this._lineThrough;
-        },
-        /**
-         * Gets or sets an boolean indicating that text must be crossed out
-         */
-        set: function (value) {
-            if (this._lineThrough === value) {
-                return;
-            }
-            this._lineThrough = value;
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TextBlock.prototype, "outlineColor", {
-        /**
-         * Gets or sets outlineColor of the text to display
-         */
-        get: function () {
-            return this._outlineColor;
-        },
-        /**
-         * Gets or sets outlineColor of the text to display
-         */
-        set: function (value) {
-            if (this._outlineColor === value) {
-                return;
-            }
-            this._outlineColor = value;
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TextBlock.prototype, "wordDivider", {
-        /**
-         * Gets or sets word divider
-         */
-        get: function () {
-            return this._wordDivider;
-        },
-        /**
-         * Gets or sets word divider
-         */
-        set: function (value) {
-            if (this._wordDivider === value) {
-                return;
-            }
-            this._wordDivider = value;
+    /**
+     * Return the line list (you may need to use the onLinesReadyObservable to make sure the list is ready)
+     */
+    get lines() {
+        return this._lines;
+    }
+    /**
+     * Gets or sets an boolean indicating that the TextBlock will be resized to fit container
+     */
+    get resizeToFit() {
+        return this._resizeToFit;
+    }
+    /**
+     * Gets or sets an boolean indicating that the TextBlock will be resized to fit container
+     */
+    set resizeToFit(value) {
+        if (this._resizeToFit === value) {
+            return;
+        }
+        this._resizeToFit = value;
+        if (this._resizeToFit) {
+            this._width.ignoreAdaptiveScaling = true;
+            this._height.ignoreAdaptiveScaling = true;
+        }
+        this._markAsDirty();
+    }
+    /**
+     * Gets or sets a boolean indicating if text must be wrapped
+     */
+    get textWrapping() {
+        return this._textWrapping;
+    }
+    /**
+     * Gets or sets a boolean indicating if text must be wrapped
+     */
+    set textWrapping(value) {
+        if (this._textWrapping === value) {
+            return;
+        }
+        this._textWrapping = +value;
+        this._markAsDirty();
+    }
+    /**
+     * Gets or sets text to display
+     */
+    get text() {
+        return this._text;
+    }
+    /**
+     * Gets or sets text to display
+     */
+    set text(value) {
+        if (this._text === value) {
+            return;
+        }
+        this._text = value + ""; // Making sure it is a text
+        this._markAsDirty();
+        this.onTextChangedObservable.notifyObservers(this);
+    }
+    /**
+     * Gets or sets text horizontal alignment (BABYLON.GUI.Control.HORIZONTAL_ALIGNMENT_CENTER by default)
+     */
+    get textHorizontalAlignment() {
+        return this._textHorizontalAlignment;
+    }
+    /**
+     * Gets or sets text horizontal alignment (BABYLON.GUI.Control.HORIZONTAL_ALIGNMENT_CENTER by default)
+     */
+    set textHorizontalAlignment(value) {
+        if (this._textHorizontalAlignment === value) {
+            return;
+        }
+        this._textHorizontalAlignment = value;
+        this._markAsDirty();
+    }
+    /**
+     * Gets or sets text vertical alignment (BABYLON.GUI.Control.VERTICAL_ALIGNMENT_CENTER by default)
+     */
+    get textVerticalAlignment() {
+        return this._textVerticalAlignment;
+    }
+    /**
+     * Gets or sets text vertical alignment (BABYLON.GUI.Control.VERTICAL_ALIGNMENT_CENTER by default)
+     */
+    set textVerticalAlignment(value) {
+        if (this._textVerticalAlignment === value) {
+            return;
+        }
+        this._textVerticalAlignment = value;
+        this._markAsDirty();
+    }
+    /**
+     * Gets or sets line spacing value
+     */
+    set lineSpacing(value) {
+        if (this._lineSpacing.fromString(value)) {
             this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    TextBlock.prototype._getTypeName = function () {
+        }
+    }
+    /**
+     * Gets or sets line spacing value
+     */
+    get lineSpacing() {
+        return this._lineSpacing.toString(this._host);
+    }
+    /**
+     * Gets or sets outlineWidth of the text to display
+     */
+    get outlineWidth() {
+        return this._outlineWidth;
+    }
+    /**
+     * Gets or sets outlineWidth of the text to display
+     */
+    set outlineWidth(value) {
+        if (this._outlineWidth === value) {
+            return;
+        }
+        this._outlineWidth = value;
+        this._markAsDirty();
+    }
+    /**
+     * Gets or sets a boolean indicating that text must have underline
+     */
+    get underline() {
+        return this._underline;
+    }
+    /**
+     * Gets or sets a boolean indicating that text must have underline
+     */
+    set underline(value) {
+        if (this._underline === value) {
+            return;
+        }
+        this._underline = value;
+        this._markAsDirty();
+    }
+    /**
+     * Gets or sets an boolean indicating that text must be crossed out
+     */
+    get lineThrough() {
+        return this._lineThrough;
+    }
+    /**
+     * Gets or sets an boolean indicating that text must be crossed out
+     */
+    set lineThrough(value) {
+        if (this._lineThrough === value) {
+            return;
+        }
+        this._lineThrough = value;
+        this._markAsDirty();
+    }
+    /**
+     * Gets or sets outlineColor of the text to display
+     */
+    get outlineColor() {
+        return this._outlineColor;
+    }
+    /**
+     * Gets or sets outlineColor of the text to display
+     */
+    set outlineColor(value) {
+        if (this._outlineColor === value) {
+            return;
+        }
+        this._outlineColor = value;
+        this._markAsDirty();
+    }
+    /**
+     * Gets or sets word divider
+     */
+    get wordDivider() {
+        return this._wordDivider;
+    }
+    /**
+     * Gets or sets word divider
+     */
+    set wordDivider(value) {
+        if (this._wordDivider === value) {
+            return;
+        }
+        this._wordDivider = value;
+        this._markAsDirty();
+    }
+    _getTypeName() {
         return "TextBlock";
-    };
-    TextBlock.prototype._processMeasures = function (parentMeasure, context) {
+    }
+    _processMeasures(parentMeasure, context) {
         if (!this._fontOffset || this.isDirty) {
             this._fontOffset = Control._GetFontOffset(context.font);
         }
-        _super.prototype._processMeasures.call(this, parentMeasure, context);
+        super._processMeasures(parentMeasure, context);
         // Prepare lines
         this._lines = this._breakLines(this._currentMeasure.width, this._currentMeasure.height, context);
         this.onLinesReadyObservable.notifyObservers(this);
-        var maxLineWidth = 0;
-        for (var i = 0; i < this._lines.length; i++) {
-            var line = this._lines[i];
+        let maxLineWidth = 0;
+        for (let i = 0; i < this._lines.length; i++) {
+            const line = this._lines[i];
             if (line.width > maxLineWidth) {
                 maxLineWidth = line.width;
             }
         }
         if (this._resizeToFit) {
             if (this._textWrapping === TextWrapping.Clip) {
-                var newWidth = (this._paddingLeftInPixels + this._paddingRightInPixels + maxLineWidth) | 0;
+                const newWidth = (this._paddingLeftInPixels + this._paddingRightInPixels + maxLineWidth) | 0;
                 if (newWidth !== this._width.internalValue) {
                     this._width.updateInPlace(newWidth, ValueAndUnit.UNITMODE_PIXEL);
                     this._rebuildLayout = true;
                 }
             }
-            var newHeight = (this._paddingTopInPixels + this._paddingBottomInPixels + this._fontOffset.height * this._lines.length) | 0;
+            let newHeight = (this._paddingTopInPixels + this._paddingBottomInPixels + this._fontOffset.height * this._lines.length) | 0;
             if (this._lines.length > 0 && this._lineSpacing.internalValue !== 0) {
-                var lineSpacing = 0;
+                let lineSpacing = 0;
                 if (this._lineSpacing.isPixel) {
                     lineSpacing = this._lineSpacing.getValue(this._host);
                 }
@@ -342,10 +291,10 @@ var TextBlock = /** @class */ (function (_super) {
                 this._rebuildLayout = true;
             }
         }
-    };
-    TextBlock.prototype._drawText = function (text, textWidth, y, context) {
-        var width = this._currentMeasure.width;
-        var x = 0;
+    }
+    _drawText(text, textWidth, y, context) {
+        const width = this._currentMeasure.width;
+        let x = 0;
         switch (this._textHorizontalAlignment) {
             case Control.HORIZONTAL_ALIGNMENT_LEFT:
                 x = 0;
@@ -383,75 +332,69 @@ var TextBlock = /** @class */ (function (_super) {
             context.stroke();
             context.closePath();
         }
-    };
+    }
     /**
      * @param context
      * @hidden
      */
-    TextBlock.prototype._draw = function (context) {
+    _draw(context) {
         context.save();
         this._applyStates(context);
         // Render lines
         this._renderLines(context);
         context.restore();
-    };
-    TextBlock.prototype._applyStates = function (context) {
-        _super.prototype._applyStates.call(this, context);
+    }
+    _applyStates(context) {
+        super._applyStates(context);
         if (this.outlineWidth) {
             context.lineWidth = this.outlineWidth;
             context.strokeStyle = this.outlineColor;
             context.lineJoin = "miter";
             context.miterLimit = 2;
         }
-    };
-    TextBlock.prototype._breakLines = function (refWidth, refHeight, context) {
-        var lines = [];
-        var _lines = this.text.split("\n");
+    }
+    _breakLines(refWidth, refHeight, context) {
+        const lines = [];
+        const _lines = this.text.split("\n");
         if (this._textWrapping === TextWrapping.Ellipsis) {
-            for (var _i = 0, _lines_1 = _lines; _i < _lines_1.length; _i++) {
-                var _line = _lines_1[_i];
+            for (const _line of _lines) {
                 lines.push(this._parseLineEllipsis(_line, refWidth, context));
             }
         }
         else if (this._textWrapping === TextWrapping.WordWrap) {
-            for (var _a = 0, _lines_2 = _lines; _a < _lines_2.length; _a++) {
-                var _line = _lines_2[_a];
-                lines.push.apply(lines, this._parseLineWordWrap(_line, refWidth, context));
+            for (const _line of _lines) {
+                lines.push(...this._parseLineWordWrap(_line, refWidth, context));
             }
         }
         else if (this._textWrapping === TextWrapping.WordWrapEllipsis) {
-            for (var _b = 0, _lines_3 = _lines; _b < _lines_3.length; _b++) {
-                var _line = _lines_3[_b];
-                lines.push.apply(lines, this._parseLineWordWrapEllipsis(_line, refWidth, refHeight, context));
+            for (const _line of _lines) {
+                lines.push(...this._parseLineWordWrapEllipsis(_line, refWidth, refHeight, context));
             }
         }
         else {
-            for (var _c = 0, _lines_4 = _lines; _c < _lines_4.length; _c++) {
-                var _line = _lines_4[_c];
+            for (const _line of _lines) {
                 lines.push(this._parseLine(_line, context));
             }
         }
         return lines;
-    };
-    TextBlock.prototype._parseLine = function (line, context) {
-        if (line === void 0) { line = ""; }
+    }
+    _parseLine(line = "", context) {
         return { text: line, width: this._getTextMetricsWidth(context.measureText(line)) };
-    };
+    }
     //Calculate how many characters approximately we need to remove
-    TextBlock.prototype._getCharsToRemove = function (lineWidth, width, lineLength) {
-        var diff = lineWidth > width ? lineWidth - width : 0;
+    _getCharsToRemove(lineWidth, width, lineLength) {
+        const diff = lineWidth > width ? lineWidth - width : 0;
         // This isn't exact unless the font is monospaced
-        var charWidth = lineWidth / lineLength;
-        var removeChars = Math.max(Math.floor(diff / charWidth), 1);
+        const charWidth = lineWidth / lineLength;
+        const removeChars = Math.max(Math.floor(diff / charWidth), 1);
         return removeChars;
-    };
-    TextBlock.prototype._parseLineEllipsis = function (line, width, context) {
-        if (line === void 0) { line = ""; }
-        var lineWidth = this._getTextMetricsWidth(context.measureText(line));
-        var removeChars = this._getCharsToRemove(lineWidth, width, line.length);
+    }
+    _parseLineEllipsis(line = "", width, context) {
+        let lineWidth = this._getTextMetricsWidth(context.measureText(line));
+        let removeChars = this._getCharsToRemove(lineWidth, width, line.length);
         // unicode support. split('') does not work with unicode!
         // make sure Array.from is available
-        var characters = Array.from && Array.from(line);
+        const characters = Array.from && Array.from(line);
         if (!characters) {
             // no array.from, use the old method
             while (line.length > 2 && lineWidth > width) {
@@ -465,27 +408,26 @@ var TextBlock = /** @class */ (function (_super) {
         else {
             while (characters.length && lineWidth > width) {
                 characters.splice(characters.length - removeChars, removeChars);
-                line = "".concat(characters.join(""), "\u2026");
+                line = `${characters.join("")}…`;
                 lineWidth = this._getTextMetricsWidth(context.measureText(line));
                 removeChars = this._getCharsToRemove(lineWidth, width, line.length);
             }
         }
         return { text: line, width: lineWidth };
-    };
-    TextBlock.prototype._getTextMetricsWidth = function (textMetrics) {
+    }
+    _getTextMetricsWidth(textMetrics) {
         if (textMetrics.actualBoundingBoxLeft !== undefined) {
             return Math.abs(textMetrics.actualBoundingBoxLeft) + Math.abs(textMetrics.actualBoundingBoxRight);
         }
         return textMetrics.width;
-    };
-    TextBlock.prototype._parseLineWordWrap = function (line, width, context) {
-        if (line === void 0) { line = ""; }
-        var lines = [];
-        var words = this.wordSplittingFunction ? this.wordSplittingFunction(line) : line.split(this._wordDivider);
-        var lineWidth = this._getTextMetricsWidth(context.measureText(line));
-        for (var n = 0; n < words.length; n++) {
-            var testLine = n > 0 ? line + this._wordDivider + words[n] : words[0];
-            var testWidth = this._getTextMetricsWidth(context.measureText(testLine));
+    }
+    _parseLineWordWrap(line = "", width, context) {
+        const lines = [];
+        const words = this.wordSplittingFunction ? this.wordSplittingFunction(line) : line.split(this._wordDivider);
+        let lineWidth = this._getTextMetricsWidth(context.measureText(line));
+        for (let n = 0; n < words.length; n++) {
+            const testLine = n > 0 ? line + this._wordDivider + words[n] : words[0];
+            const testWidth = this._getTextMetricsWidth(context.measureText(testLine));
             if (testWidth > width && n > 0) {
                 lines.push({ text: line, width: lineWidth });
                 line = words[n];
@@ -498,31 +440,30 @@ var TextBlock = /** @class */ (function (_super) {
         }
         lines.push({ text: line, width: lineWidth });
         return lines;
-    };
-    TextBlock.prototype._parseLineWordWrapEllipsis = function (line, width, height, context) {
-        if (line === void 0) { line = ""; }
-        var lines = this._parseLineWordWrap(line, width, context);
-        for (var n = 1; n <= lines.length; n++) {
-            var currentHeight = this._computeHeightForLinesOf(n);
+    }
+    _parseLineWordWrapEllipsis(line = "", width, height, context) {
+        const lines = this._parseLineWordWrap(line, width, context);
+        for (let n = 1; n <= lines.length; n++) {
+            const currentHeight = this._computeHeightForLinesOf(n);
             if (currentHeight > height && n > 1) {
-                var lastLine = lines[n - 2];
-                var currentLine = lines[n - 1];
-                lines[n - 2] = this._parseLineEllipsis("".concat(lastLine.text + currentLine.text), width, context);
-                var linesToRemove = lines.length - n + 1;
-                for (var i = 0; i < linesToRemove; i++) {
+                const lastLine = lines[n - 2];
+                const currentLine = lines[n - 1];
+                lines[n - 2] = this._parseLineEllipsis(`${lastLine.text + currentLine.text}`, width, context);
+                const linesToRemove = lines.length - n + 1;
+                for (let i = 0; i < linesToRemove; i++) {
                     lines.pop();
                 }
                 return lines;
             }
         }
         return lines;
-    };
-    TextBlock.prototype._renderLines = function (context) {
+    }
+    _renderLines(context) {
         if (!this._fontOffset || !this._lines) {
             return;
         }
-        var height = this._currentMeasure.height;
-        var rootY = 0;
+        const height = this._currentMeasure.height;
+        let rootY = 0;
         switch (this._textVerticalAlignment) {
             case Control.VERTICAL_ALIGNMENT_TOP:
                 rootY = this._fontOffset.ascent;
@@ -535,8 +476,8 @@ var TextBlock = /** @class */ (function (_super) {
                 break;
         }
         rootY += this._currentMeasure.top;
-        for (var i = 0; i < this._lines.length; i++) {
-            var line = this._lines[i];
+        for (let i = 0; i < this._lines.length; i++) {
+            const line = this._lines[i];
             if (i !== 0 && this._lineSpacing.internalValue !== 0) {
                 if (this._lineSpacing.isPixel) {
                     rootY += this._lineSpacing.getValue(this._host);
@@ -548,11 +489,11 @@ var TextBlock = /** @class */ (function (_super) {
             this._drawText(line.text, line.width, rootY, context);
             rootY += this._fontOffset.height;
         }
-    };
-    TextBlock.prototype._computeHeightForLinesOf = function (lineCount) {
-        var newHeight = this._paddingTopInPixels + this._paddingBottomInPixels + this._fontOffset.height * lineCount;
+    }
+    _computeHeightForLinesOf(lineCount) {
+        let newHeight = this._paddingTopInPixels + this._paddingBottomInPixels + this._fontOffset.height * lineCount;
         if (lineCount > 0 && this._lineSpacing.internalValue !== 0) {
-            var lineSpacing = 0;
+            let lineSpacing = 0;
             if (this._lineSpacing.isPixel) {
                 lineSpacing = this._lineSpacing.getValue(this._host);
             }
@@ -562,68 +503,65 @@ var TextBlock = /** @class */ (function (_super) {
             newHeight += (lineCount - 1) * lineSpacing;
         }
         return newHeight;
-    };
+    }
     /**
      * Given a width constraint applied on the text block, find the expected height
      * @returns expected height
      */
-    TextBlock.prototype.computeExpectedHeight = function () {
-        var _a;
+    computeExpectedHeight() {
         if (this.text && this.widthInPixels) {
             // Should abstract platform instead of using LastCreatedEngine
-            var context_1 = (_a = EngineStore.LastCreatedEngine) === null || _a === void 0 ? void 0 : _a.createCanvas(0, 0).getContext("2d");
-            if (context_1) {
-                this._applyStates(context_1);
+            const context = EngineStore.LastCreatedEngine?.createCanvas(0, 0).getContext("2d");
+            if (context) {
+                this._applyStates(context);
                 if (!this._fontOffset) {
-                    this._fontOffset = Control._GetFontOffset(context_1.font);
+                    this._fontOffset = Control._GetFontOffset(context.font);
                 }
-                var lines = this._lines
+                const lines = this._lines
                     ? this._lines
-                    : this._breakLines(this.widthInPixels - this._paddingLeftInPixels - this._paddingRightInPixels, this.heightInPixels - this._paddingTopInPixels - this._paddingBottomInPixels, context_1);
+                    : this._breakLines(this.widthInPixels - this._paddingLeftInPixels - this._paddingRightInPixels, this.heightInPixels - this._paddingTopInPixels - this._paddingBottomInPixels, context);
                 return this._computeHeightForLinesOf(lines.length);
             }
         }
         return 0;
-    };
-    TextBlock.prototype.dispose = function () {
-        _super.prototype.dispose.call(this);
+    }
+    dispose() {
+        super.dispose();
         this.onTextChangedObservable.clear();
-    };
-    __decorate([
-        serialize()
-    ], TextBlock.prototype, "resizeToFit", null);
-    __decorate([
-        serialize()
-    ], TextBlock.prototype, "textWrapping", null);
-    __decorate([
-        serialize()
-    ], TextBlock.prototype, "text", null);
-    __decorate([
-        serialize()
-    ], TextBlock.prototype, "textHorizontalAlignment", null);
-    __decorate([
-        serialize()
-    ], TextBlock.prototype, "textVerticalAlignment", null);
-    __decorate([
-        serialize()
-    ], TextBlock.prototype, "lineSpacing", null);
-    __decorate([
-        serialize()
-    ], TextBlock.prototype, "outlineWidth", null);
-    __decorate([
-        serialize()
-    ], TextBlock.prototype, "underline", null);
-    __decorate([
-        serialize()
-    ], TextBlock.prototype, "lineThrough", null);
-    __decorate([
-        serialize()
-    ], TextBlock.prototype, "outlineColor", null);
-    __decorate([
-        serialize()
-    ], TextBlock.prototype, "wordDivider", null);
-    return TextBlock;
-}(Control));
-export { TextBlock };
+    }
+}
+__decorate([
+    serialize()
+], TextBlock.prototype, "resizeToFit", null);
+__decorate([
+    serialize()
+], TextBlock.prototype, "textWrapping", null);
+__decorate([
+    serialize()
+], TextBlock.prototype, "text", null);
+__decorate([
+    serialize()
+], TextBlock.prototype, "textHorizontalAlignment", null);
+__decorate([
+    serialize()
+], TextBlock.prototype, "textVerticalAlignment", null);
+__decorate([
+    serialize()
+], TextBlock.prototype, "lineSpacing", null);
+__decorate([
+    serialize()
+], TextBlock.prototype, "outlineWidth", null);
+__decorate([
+    serialize()
+], TextBlock.prototype, "underline", null);
+__decorate([
+    serialize()
+], TextBlock.prototype, "lineThrough", null);
+__decorate([
+    serialize()
+], TextBlock.prototype, "outlineColor", null);
+__decorate([
+    serialize()
+], TextBlock.prototype, "wordDivider", null);
 RegisterClass("BABYLON.GUI.TextBlock", TextBlock);
 //# sourceMappingURL=textBlock.js.map