@babylonjs/gui 5.21.0 → 5.23.0

package/2D/controls/inputTextArea.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 { Control } from "./control.js";
 import { ValueAndUnit } from "../valueAndUnit.js";
@@ -8,148 +8,121 @@ import { serialize } from "@babylonjs/core/Misc/decorators.js";
 /**
  * Class used to create input text control
  */
-var InputTextArea = /** @class */ (function (_super) {
-    __extends(InputTextArea, _super);
+export class InputTextArea extends InputText {
     /**
      * Creates a new InputTextArea
      * @param name defines the control name
      * @param text defines the text of the control
      */
-    function InputTextArea(name, text) {
-        if (text === void 0) { text = ""; }
-        var _this = _super.call(this, name) || this;
-        _this.name = name;
-        _this._textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;
-        _this._textVerticalAlignment = Control.VERTICAL_ALIGNMENT_TOP;
-        _this._lineSpacing = new ValueAndUnit(0);
-        _this._outlineWidth = 0;
-        _this._outlineColor = "white";
-        _this._maxHeight = new ValueAndUnit(1, ValueAndUnit.UNITMODE_PERCENTAGE, false);
+    constructor(name, text = "") {
+        super(name);
+        this.name = name;
+        this._textHorizontalAlignment = Control.HORIZONTAL_ALIGNMENT_LEFT;
+        this._textVerticalAlignment = Control.VERTICAL_ALIGNMENT_TOP;
+        this._lineSpacing = new ValueAndUnit(0);
+        this._outlineWidth = 0;
+        this._outlineColor = "white";
+        this._maxHeight = new ValueAndUnit(1, ValueAndUnit.UNITMODE_PERCENTAGE, false);
         /**
          * An event triggered after the text was broken up into lines
          */
-        _this.onLinesReadyObservable = new Observable();
-        _this.text = text;
-        _this.isPointerBlocker = true;
-        _this.onLinesReadyObservable.add(function () { return _this._updateCursorPosition(); });
-        _this._highlightCursorInfo = {
+        this.onLinesReadyObservable = new Observable();
+        this.text = text;
+        this.isPointerBlocker = true;
+        this.onLinesReadyObservable.add(() => this._updateCursorPosition());
+        this._highlightCursorInfo = {
             initialStartIndex: -1,
             initialRelativeStartIndex: -1,
             initialLineIndex: -1,
         };
-        _this._cursorInfo = {
+        this._cursorInfo = {
             globalStartIndex: 0,
             globalEndIndex: 0,
             relativeEndIndex: 0,
             relativeStartIndex: 0,
             currentLineIndex: 0,
         };
-        return _this;
     }
-    Object.defineProperty(InputTextArea.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(InputTextArea.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;
+    /**
+     * 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 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 a boolean indicating if the control can auto stretch its height to adapt to the text */
+    get autoStretchHeight() {
+        return this._autoStretchHeight;
+    }
+    set autoStretchHeight(value) {
+        if (this._autoStretchHeight === value) {
+            return;
+        }
+        this._autoStretchHeight = value;
+        this._markAsDirty();
+    }
+    set height(value) {
+        this._fixedRatioMasterIsWidth = false;
+        if (this._height.toString(this._host) === value) {
+            return;
+        }
+        if (this._height.fromString(value)) {
             this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(InputTextArea.prototype, "autoStretchHeight", {
-        /** Gets or sets a boolean indicating if the control can auto stretch its height to adapt to the text */
-        get: function () {
-            return this._autoStretchHeight;
-        },
-        set: function (value) {
-            if (this._autoStretchHeight === value) {
-                return;
-            }
-            this._autoStretchHeight = value;
+        }
+        this._autoStretchHeight = false;
+    }
+    get maxHeight() {
+        return this._maxHeight.toString(this._host);
+    }
+    /** Gets the maximum width allowed by the control in pixels */
+    get maxHeightInPixels() {
+        return this._maxHeight.getValueInPixel(this._host, this._cachedParentMeasure.height);
+    }
+    set maxHeight(value) {
+        if (this._maxHeight.toString(this._host) === value) {
+            return;
+        }
+        if (this._maxHeight.fromString(value)) {
             this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(InputTextArea.prototype, "height", {
-        set: function (value) {
-            this._fixedRatioMasterIsWidth = false;
-            if (this._height.toString(this._host) === value) {
-                return;
-            }
-            if (this._height.fromString(value)) {
-                this._markAsDirty();
-            }
-            this._autoStretchHeight = false;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(InputTextArea.prototype, "maxHeight", {
-        get: function () {
-            return this._maxHeight.toString(this._host);
-        },
-        set: function (value) {
-            if (this._maxHeight.toString(this._host) === value) {
-                return;
-            }
-            if (this._maxHeight.fromString(value)) {
-                this._markAsDirty();
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(InputTextArea.prototype, "maxHeightInPixels", {
-        /** Gets the maximum width allowed by the control in pixels */
-        get: function () {
-            return this._maxHeight.getValueInPixel(this._host, this._cachedParentMeasure.height);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    InputTextArea.prototype._getTypeName = function () {
+        }
+    }
+    _getTypeName() {
         return "InputTextArea";
-    };
+    }
     /**
      * Handles the keyboard event
      * @param evt Defines the KeyboardEvent
      */
-    InputTextArea.prototype.processKeyboard = function (evt) {
+    processKeyboard(evt) {
         // process pressed key
         this.alternativeProcessKey(evt.code, evt.key, evt);
         this.onKeyboardEventProcessedObservable.notifyObservers(evt);
-    };
+    }
     /**
      * Process the last keyboard input
      *
@@ -158,7 +131,7 @@ var InputTextArea = /** @class */ (function (_super) {
      * @param evt The keyboard event emits with input
      * @hidden
      */
-    InputTextArea.prototype.alternativeProcessKey = function (code, key, evt) {
+    alternativeProcessKey(code, key, evt) {
         //return if clipboard event keys (i.e -ctr/cmd + c,v,x)
         if (evt && (evt.ctrlKey || evt.metaKey) && (code === "KeyC" || code === "KeyV" || code === "KeyX")) {
             return;
@@ -274,7 +247,7 @@ var InputTextArea = /** @class */ (function (_super) {
                 if (evt && evt.shiftKey) {
                     // shift + ctrl/cmd + ->
                     if (evt.ctrlKey || evt.metaKey) {
-                        var rightDelta = this._lines[this._cursorInfo.currentLineIndex].text.length - this._cursorInfo.relativeEndIndex - 1;
+                        const rightDelta = this._lines[this._cursorInfo.currentLineIndex].text.length - this._cursorInfo.relativeEndIndex - 1;
                         this._cursorInfo.globalEndIndex += rightDelta;
                         this._cursorInfo.globalStartIndex = this._highlightCursorInfo.initialStartIndex;
                     }
@@ -304,7 +277,7 @@ var InputTextArea = /** @class */ (function (_super) {
                 }
                 else if (evt && (evt.ctrlKey || evt.metaKey)) {
                     //ctr + ->
-                    var rightDelta = this._lines[this._cursorInfo.currentLineIndex].text.length - this._cursorInfo.relativeEndIndex;
+                    const rightDelta = this._lines[this._cursorInfo.currentLineIndex].text.length - this._cursorInfo.relativeEndIndex;
                     this._cursorInfo.globalStartIndex += rightDelta;
                 }
                 else if (this._cursorInfo.globalStartIndex < this.text.length) {
@@ -337,10 +310,10 @@ var InputTextArea = /** @class */ (function (_super) {
                     this._cursorInfo.globalStartIndex = 0;
                 }
                 else {
-                    var currentLine = this._lines[this._cursorInfo.currentLineIndex];
-                    var upperLine = this._lines[this._cursorInfo.currentLineIndex - 1];
-                    var tmpIndex = 0;
-                    var relativeIndex = 0;
+                    const currentLine = this._lines[this._cursorInfo.currentLineIndex];
+                    const upperLine = this._lines[this._cursorInfo.currentLineIndex - 1];
+                    let tmpIndex = 0;
+                    let relativeIndex = 0;
                     if (!this._isTextHighlightOn || this._cursorInfo.currentLineIndex < this._highlightCursorInfo.initialLineIndex) {
                         tmpIndex = this._cursorInfo.globalStartIndex;
                         relativeIndex = this._cursorInfo.relativeStartIndex;
@@ -349,13 +322,13 @@ var InputTextArea = /** @class */ (function (_super) {
                         tmpIndex = this._cursorInfo.globalEndIndex;
                         relativeIndex = this._cursorInfo.relativeEndIndex;
                     }
-                    var currentText = currentLine.text.substr(0, relativeIndex);
-                    var currentWidth = this._contextForBreakLines.measureText(currentText).width;
-                    var upperWidth = 0;
-                    var previousWidth = 0;
+                    const currentText = currentLine.text.substr(0, relativeIndex);
+                    const currentWidth = this._contextForBreakLines.measureText(currentText).width;
+                    let upperWidth = 0;
+                    let previousWidth = 0;
                     tmpIndex -= relativeIndex; // Start of current line
                     tmpIndex -= upperLine.text.length + upperLine.lineEnding.length; // Start of upper line
-                    var upperLineRelativeIndex = 0;
+                    let upperLineRelativeIndex = 0;
                     while (upperWidth < currentWidth && upperLineRelativeIndex < upperLine.text.length) {
                         tmpIndex++;
                         upperLineRelativeIndex++;
@@ -403,10 +376,10 @@ var InputTextArea = /** @class */ (function (_super) {
                     this._cursorInfo.globalStartIndex = this.text.length;
                 }
                 else {
-                    var currentLine = this._lines[this._cursorInfo.currentLineIndex];
-                    var underLine = this._lines[this._cursorInfo.currentLineIndex + 1];
-                    var tmpIndex = 0;
-                    var relativeIndex = 0;
+                    const currentLine = this._lines[this._cursorInfo.currentLineIndex];
+                    const underLine = this._lines[this._cursorInfo.currentLineIndex + 1];
+                    let tmpIndex = 0;
+                    let relativeIndex = 0;
                     if (!this._isTextHighlightOn || this._cursorInfo.currentLineIndex < this._highlightCursorInfo.initialLineIndex) {
                         tmpIndex = this._cursorInfo.globalStartIndex;
                         relativeIndex = this._cursorInfo.relativeStartIndex;
@@ -415,12 +388,12 @@ var InputTextArea = /** @class */ (function (_super) {
                         tmpIndex = this._cursorInfo.globalEndIndex;
                         relativeIndex = this._cursorInfo.relativeEndIndex;
                     }
-                    var currentText = currentLine.text.substr(0, relativeIndex);
-                    var currentWidth = this._contextForBreakLines.measureText(currentText).width;
-                    var underWidth = 0;
-                    var previousWidth = 0;
+                    const currentText = currentLine.text.substr(0, relativeIndex);
+                    const currentWidth = this._contextForBreakLines.measureText(currentText).width;
+                    let underWidth = 0;
+                    let previousWidth = 0;
                     tmpIndex += currentLine.text.length - relativeIndex + currentLine.lineEnding.length; // Start of current line
-                    var underLineRelativeIndex = 0;
+                    let underLineRelativeIndex = 0;
                     while (underWidth < currentWidth && underLineRelativeIndex < underLine.text.length) {
                         tmpIndex++;
                         underLineRelativeIndex++;
@@ -451,8 +424,8 @@ var InputTextArea = /** @class */ (function (_super) {
                 return;
         }
         // Printable characters
-        if ((key === null || key === void 0 ? void 0 : key.length) === 1) {
-            evt === null || evt === void 0 ? void 0 : evt.preventDefault();
+        if (key?.length === 1) {
+            evt?.preventDefault();
             this._currentKey = key;
             this.onBeforeKeyAddObservable.notifyObservers(this);
             key = this._currentKey;
@@ -465,16 +438,15 @@ var InputTextArea = /** @class */ (function (_super) {
                 this._textHasChanged();
             }
         }
-    };
-    InputTextArea.prototype._parseLineWordWrap = function (line, width, context) {
-        if (line === void 0) { line = ""; }
-        var lines = [];
-        var words = line.split(" ");
-        var lineWidth = 0;
-        var _loop_1 = function (n) {
-            var testLine = n > 0 ? line + " " + words[n] : words[0];
-            var metrics = context.measureText(testLine);
-            var testWidth = metrics.width;
+    }
+    _parseLineWordWrap(line = "", width, context) {
+        const lines = [];
+        const words = line.split(" ");
+        let lineWidth = 0;
+        for (let n = 0; n < words.length; n++) {
+            const testLine = n > 0 ? line + " " + words[n] : words[0];
+            const metrics = context.measureText(testLine);
+            const testWidth = metrics.width;
             if (testWidth > width) {
                 if (n > 0) {
                     // Avoid first word duplication if of too long
@@ -482,15 +454,15 @@ var InputTextArea = /** @class */ (function (_super) {
                     lines.push({ text: line, width: lineWidth, lineEnding: " " });
                 }
                 line = words[n];
-                var flushedLine_1 = "";
-                line.split("").map(function (char) {
-                    if (context.measureText(flushedLine_1 + char).width > width) {
-                        lines.push({ text: flushedLine_1, width: context.measureText(flushedLine_1).width, lineEnding: "\n" });
-                        flushedLine_1 = "";
+                let flushedLine = "";
+                line.split("").map((char) => {
+                    if (context.measureText(flushedLine + char).width > width) {
+                        lines.push({ text: flushedLine, width: context.measureText(flushedLine).width, lineEnding: "\n" });
+                        flushedLine = "";
                     }
-                    flushedLine_1 += char;
+                    flushedLine += char;
                 });
-                line = flushedLine_1;
+                line = flushedLine;
                 // Measure remaining characters
                 lineWidth = context.measureText(line).width;
             }
@@ -498,35 +470,29 @@ var InputTextArea = /** @class */ (function (_super) {
                 lineWidth = testWidth;
                 line = testLine;
             }
-        };
-        for (var n = 0; n < words.length; n++) {
-            _loop_1(n);
         }
         lines.push({ text: line, width: lineWidth, lineEnding: " " });
         return lines;
-    };
-    InputTextArea.prototype._breakLines = function (refWidth, context) {
-        var lines = [];
-        var _lines = this.text.split("\n");
+    }
+    _breakLines(refWidth, context) {
+        const lines = [];
+        const _lines = this.text.split("\n");
         if (this.clipContent) {
-            for (var _i = 0, _lines_1 = _lines; _i < _lines_1.length; _i++) {
-                var _line = _lines_1[_i];
-                lines.push.apply(lines, this._parseLineWordWrap(_line, refWidth, context));
+            for (const _line of _lines) {
+                lines.push(...this._parseLineWordWrap(_line, refWidth, context));
             }
         }
         else {
-            for (var _a = 0, _lines_2 = _lines; _a < _lines_2.length; _a++) {
-                var _line = _lines_2[_a];
+            for (const _line of _lines) {
                 lines.push(this._parseLine(_line, context));
             }
         }
         lines[lines.length - 1].lineEnding = "\n";
         return lines;
-    };
-    InputTextArea.prototype._parseLine = function (line, context) {
-        if (line === void 0) { line = ""; }
+    }
+    _parseLine(line = "", context) {
         return { text: line, width: context.measureText(line).width, lineEnding: " " };
-    };
+    }
     /**
      * Processing of child right before the parent measurement update
      *
@@ -534,11 +500,11 @@ var InputTextArea = /** @class */ (function (_super) {
      * @param context The rendering canvas
      * @hidden
      */
-    InputTextArea.prototype._preMeasure = function (parentMeasure, context) {
+    _preMeasure(parentMeasure, context) {
         if (!this._fontOffset || this._wasDirty) {
             this._fontOffset = Control._GetFontOffset(context.font);
         }
-        var text = this._beforeRenderText(this._textWrapper).text;
+        let text = this._beforeRenderText(this._textWrapper).text;
         // placeholder conditions and color setting
         if (!this._isFocused && !this.text && this._placeholderText) {
             text = this._placeholderText;
@@ -549,15 +515,15 @@ var InputTextArea = /** @class */ (function (_super) {
         // measures the textlength -> this.measure.width
         this._textWidth = context.measureText(text).width;
         // we double up the margin width
-        var marginWidth = this._margin.getValueInPixel(this._host, parentMeasure.width) * 2;
+        const marginWidth = this._margin.getValueInPixel(this._host, parentMeasure.width) * 2;
         if (this._autoStretchWidth) {
-            var tmpLines = text.split("\n");
-            var longerString = tmpLines.reduce(function (acc, val) {
-                var valueLength = context.measureText(val).width;
-                var accLength = context.measureText(acc).width;
+            const tmpLines = text.split("\n");
+            const longerString = tmpLines.reduce((acc, val) => {
+                const valueLength = context.measureText(val).width;
+                const accLength = context.measureText(acc).width;
                 return valueLength > accLength ? val : acc;
             }, "");
-            var longerStringWidth = context.measureText(longerString).width;
+            const longerStringWidth = context.measureText(longerString).width;
             this.width = Math.min(this._maxWidth.getValueInPixel(this._host, parentMeasure.width), longerStringWidth + marginWidth) + "px";
             this.autoStretchWidth = true;
         }
@@ -567,16 +533,16 @@ var InputTextArea = /** @class */ (function (_super) {
         // can we find a cleaner implementation here?
         this._contextForBreakLines = context;
         if (this._autoStretchHeight) {
-            var textHeight = this._lines.length * this._fontOffset.height;
-            var totalHeight = textHeight + this._margin.getValueInPixel(this._host, parentMeasure.height) * 2;
+            const textHeight = this._lines.length * this._fontOffset.height;
+            const totalHeight = textHeight + this._margin.getValueInPixel(this._host, parentMeasure.height) * 2;
             this.height = Math.min(this._maxHeight.getValueInPixel(this._host, parentMeasure.height), totalHeight) + "px";
             this._autoStretchHeight = true;
         }
         this._availableHeight = this._height.getValueInPixel(this._host, parentMeasure.height) - marginWidth;
         if (this._isFocused) {
             this._cursorInfo.currentLineIndex = 0;
-            var lineLength = this._lines[this._cursorInfo.currentLineIndex].text.length + this._lines[this._cursorInfo.currentLineIndex].lineEnding.length;
-            var tmpLength = 0;
+            let lineLength = this._lines[this._cursorInfo.currentLineIndex].text.length + this._lines[this._cursorInfo.currentLineIndex].lineEnding.length;
+            let tmpLength = 0;
             while (tmpLength + lineLength <= this._cursorInfo.globalStartIndex) {
                 tmpLength += lineLength;
                 if (this._cursorInfo.currentLineIndex < this._lines.length - 1) {
@@ -585,7 +551,7 @@ var InputTextArea = /** @class */ (function (_super) {
                 }
             }
         }
-    };
+    }
     /**
      * Processing of child after the parent measurement update
      *
@@ -594,11 +560,11 @@ var InputTextArea = /** @class */ (function (_super) {
      * @hidden
      */
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    InputTextArea.prototype._additionalProcessing = function (parentMeasure, context) {
+    _additionalProcessing(parentMeasure, context) {
         this._clipTextLeft = this._currentMeasure.left + this._margin.getValueInPixel(this._host, parentMeasure.width);
         this._clipTextTop = this._currentMeasure.top + this._margin.getValueInPixel(this._host, parentMeasure.height);
         if (this._isFocused && this._lines[this._cursorInfo.currentLineIndex].width > this._availableWidth) {
-            var textLeft = this._clipTextLeft - this._lines[this._cursorInfo.currentLineIndex].width + this._availableWidth;
+            const textLeft = this._clipTextLeft - this._lines[this._cursorInfo.currentLineIndex].width + this._availableWidth;
             if (!this._scrollLeft) {
                 this._scrollLeft = textLeft;
             }
@@ -607,8 +573,8 @@ var InputTextArea = /** @class */ (function (_super) {
             this._scrollLeft = this._clipTextLeft;
         }
         if (this._isFocused && !this._autoStretchHeight) {
-            var selectedHeight = (this._cursorInfo.currentLineIndex + 1) * this._fontOffset.height;
-            var textTop = this._clipTextTop - selectedHeight;
+            const selectedHeight = (this._cursorInfo.currentLineIndex + 1) * this._fontOffset.height;
+            const textTop = this._clipTextTop - selectedHeight;
             if (!this._scrollTop) {
                 this._scrollTop = textTop;
             }
@@ -619,10 +585,10 @@ var InputTextArea = /** @class */ (function (_super) {
         // Flush the highlighted text each frame
         this.highlightedText = "";
         this.onLinesReadyObservable.notifyObservers(this);
-    };
-    InputTextArea.prototype._drawText = function (text, textWidth, y, context) {
-        var width = this._currentMeasure.width;
-        var x = this._scrollLeft;
+    }
+    _drawText(text, textWidth, y, context) {
+        const width = this._currentMeasure.width;
+        let x = this._scrollLeft;
         switch (this._textHorizontalAlignment) {
             case Control.HORIZONTAL_ALIGNMENT_LEFT:
                 x += 0;
@@ -644,29 +610,29 @@ var InputTextArea = /** @class */ (function (_super) {
             context.strokeText(text, this._currentMeasure.left + x, y);
         }
         context.fillText(text, x, y);
-    };
+    }
     /**
      * Copy the text in the clipboard
      *
      * @param ev The clipboard event
      * @hidden
      */
-    InputTextArea.prototype._onCopyText = function (ev) {
+    _onCopyText(ev) {
         this._isTextHighlightOn = false;
         //when write permission to clipbaord data is denied
         try {
             ev.clipboardData && ev.clipboardData.setData("text/plain", this._highlightedText);
         }
-        catch (_a) { } //pass
+        catch { } //pass
         this._host.clipboardData = this._highlightedText;
-    };
+    }
     /**
      * Cut the text and copy it in the clipboard
      *
      * @param ev The clipboard event
      * @hidden
      */
-    InputTextArea.prototype._onCutText = function (ev) {
+    _onCutText(ev) {
         if (!this._highlightedText) {
             return;
         }
@@ -674,19 +640,19 @@ var InputTextArea = /** @class */ (function (_super) {
         try {
             ev.clipboardData && ev.clipboardData.setData("text/plain", this._highlightedText);
         }
-        catch (_a) { } //pass
+        catch { } //pass
         this._host.clipboardData = this._highlightedText;
         this._textWrapper.removePart(this._cursorInfo.globalStartIndex, this._cursorInfo.globalEndIndex);
         this._textHasChanged();
-    };
+    }
     /**
      * Paste the copied text from the clipboard
      *
      * @param ev The clipboard event
      * @hidden
      */
-    InputTextArea.prototype._onPasteText = function (ev) {
-        var data = "";
+    _onPasteText(ev) {
+        let data = "";
         if (ev.clipboardData && ev.clipboardData.types.indexOf("text/plain") !== -1) {
             data = ev.clipboardData.getData("text/plain");
         }
@@ -696,15 +662,14 @@ var InputTextArea = /** @class */ (function (_super) {
         }
         this._isTextHighlightOn = false;
         this._textWrapper.removePart(this._cursorInfo.globalStartIndex, this._cursorInfo.globalEndIndex, data);
-        var deltaIndex = data.length - (this._cursorInfo.globalEndIndex - this._cursorInfo.globalStartIndex);
+        const deltaIndex = data.length - (this._cursorInfo.globalEndIndex - this._cursorInfo.globalStartIndex);
         this._cursorInfo.globalStartIndex += deltaIndex;
         this._cursorInfo.globalEndIndex = this._cursorInfo.globalStartIndex;
         this._textHasChanged();
-    };
-    InputTextArea.prototype._draw = function (context) {
-        var _a, _b;
-        this._scrollLeft = (_a = this._scrollLeft) !== null && _a !== void 0 ? _a : 0;
-        this._scrollTop = (_b = this._scrollTop) !== null && _b !== void 0 ? _b : 0;
+    }
+    _draw(context) {
+        this._scrollLeft = this._scrollLeft ?? 0;
+        this._scrollTop = this._scrollTop ?? 0;
         context.save();
         this._applyStates(context);
         if (this.shadowBlur || this.shadowOffsetX || this.shadowOffsetY) {
@@ -733,9 +698,9 @@ var InputTextArea = /** @class */ (function (_super) {
         if (this.color) {
             context.fillStyle = this.color;
         }
-        var height = this._currentMeasure.height;
-        var width = this._currentMeasure.width;
-        var rootY = 0;
+        const height = this._currentMeasure.height;
+        const width = this._currentMeasure.width;
+        let rootY = 0;
         switch (this._textVerticalAlignment) {
             case Control.VERTICAL_ALIGNMENT_TOP:
                 rootY = this._fontOffset.ascent;
@@ -755,8 +720,8 @@ var InputTextArea = /** @class */ (function (_super) {
         context.clip();
         // Text
         rootY += this._scrollTop;
-        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);
@@ -773,7 +738,7 @@ var InputTextArea = /** @class */ (function (_super) {
         if (this._isFocused) {
             // Render cursor
             if (!this._blinkIsEven || this._isTextHighlightOn) {
-                var cursorLeft = this._scrollLeft + context.measureText(this._lines[this._cursorInfo.currentLineIndex].text.substr(0, this._cursorInfo.relativeStartIndex)).width;
+                let cursorLeft = this._scrollLeft + context.measureText(this._lines[this._cursorInfo.currentLineIndex].text.substr(0, this._cursorInfo.relativeStartIndex)).width;
                 if (cursorLeft < this._clipTextLeft) {
                     this._scrollLeft += this._clipTextLeft - cursorLeft;
                     cursorLeft = this._clipTextLeft;
@@ -784,7 +749,7 @@ var InputTextArea = /** @class */ (function (_super) {
                     cursorLeft = this._clipTextLeft + this._availableWidth;
                     this._markAsDirty();
                 }
-                var cursorTop = this._scrollTop + this._cursorInfo.currentLineIndex * this._fontOffset.height; //cursorTop distance from top to cursor start
+                let cursorTop = this._scrollTop + this._cursorInfo.currentLineIndex * this._fontOffset.height; //cursorTop distance from top to cursor start
                 if (cursorTop < this._clipTextTop) {
                     this._scrollTop += this._clipTextTop - cursorTop;
                     cursorTop = this._clipTextTop;
@@ -806,12 +771,12 @@ var InputTextArea = /** @class */ (function (_super) {
                 this._highlightedText = this.text.substring(this._cursorInfo.globalStartIndex, this._cursorInfo.globalEndIndex);
                 context.globalAlpha = this._highligherOpacity;
                 context.fillStyle = this._textHighlightColor;
-                var startLineIndex = Math.min(this._cursorInfo.currentLineIndex, this._highlightCursorInfo.initialLineIndex);
-                var endLineIndex = Math.max(this._cursorInfo.currentLineIndex, this._highlightCursorInfo.initialLineIndex);
-                var highlightRootY = this._scrollTop + startLineIndex * this._fontOffset.height;
-                for (var i = startLineIndex; i <= endLineIndex; i++) {
-                    var line = this._lines[i];
-                    var highlightRootX = this._scrollLeft;
+                const startLineIndex = Math.min(this._cursorInfo.currentLineIndex, this._highlightCursorInfo.initialLineIndex);
+                const endLineIndex = Math.max(this._cursorInfo.currentLineIndex, this._highlightCursorInfo.initialLineIndex);
+                let highlightRootY = this._scrollTop + startLineIndex * this._fontOffset.height;
+                for (let i = startLineIndex; i <= endLineIndex; i++) {
+                    const line = this._lines[i];
+                    let highlightRootX = this._scrollLeft;
                     switch (this._textHorizontalAlignment) {
                         case Control.HORIZONTAL_ALIGNMENT_LEFT:
                             highlightRootX += 0;
@@ -823,11 +788,11 @@ var InputTextArea = /** @class */ (function (_super) {
                             highlightRootX += (width - line.width) / 2;
                             break;
                     }
-                    var begin = i === startLineIndex ? this._cursorInfo.relativeStartIndex : 0;
-                    var end = i === endLineIndex ? this._cursorInfo.relativeEndIndex : line.text.length;
-                    var leftOffsetWidth = context.measureText(line.text.substr(0, begin)).width;
-                    var selectedText = line.text.substring(begin, end);
-                    var hightlightWidth = context.measureText(selectedText).width;
+                    const begin = i === startLineIndex ? this._cursorInfo.relativeStartIndex : 0;
+                    const end = i === endLineIndex ? this._cursorInfo.relativeEndIndex : line.text.length;
+                    const leftOffsetWidth = context.measureText(line.text.substr(0, begin)).width;
+                    const selectedText = line.text.substring(begin, end);
+                    const hightlightWidth = context.measureText(selectedText).width;
                     context.fillRect(highlightRootX + leftOffsetWidth, highlightRootY, hightlightWidth, this._fontOffset.height);
                     highlightRootY += this._fontOffset.height;
                 }
@@ -852,24 +817,23 @@ var InputTextArea = /** @class */ (function (_super) {
             context.lineWidth = this._thickness;
             context.strokeRect(this._currentMeasure.left + this._thickness / 2, this._currentMeasure.top + this._thickness / 2, this._currentMeasure.width - this._thickness, this._currentMeasure.height - this._thickness);
         }
-    };
-    InputTextArea.prototype._resetBlinking = function () {
-        var _this = this;
+    }
+    _resetBlinking() {
         clearTimeout(this._blinkTimeout);
-        this._blinkTimeout = setTimeout(function () {
-            _this._blinkIsEven = !_this._blinkIsEven;
-            _this._markAsDirty();
+        this._blinkTimeout = setTimeout(() => {
+            this._blinkIsEven = !this._blinkIsEven;
+            this._markAsDirty();
         }, 500);
-    };
-    InputTextArea.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;
         }
-    };
-    InputTextArea.prototype._onPointerDown = function (target, coordinates, pointerId, buttonIndex, pi) {
-        if (!_super.prototype._onPointerDown.call(this, target, coordinates, pointerId, buttonIndex, pi)) {
+    }
+    _onPointerDown(target, coordinates, pointerId, buttonIndex, pi) {
+        if (!super._onPointerDown(target, coordinates, pointerId, buttonIndex, pi)) {
             return false;
         }
         this._clickedCoordinateX = coordinates.x;
@@ -889,9 +853,9 @@ var InputTextArea = /** @class */ (function (_super) {
         }
         this._host.focusedControl = this;
         return true;
-    };
+    }
     // for textselection
-    InputTextArea.prototype._onPointerMove = function (target, coordinates, pointerId, pi) {
+    _onPointerMove(target, coordinates, pointerId, pi) {
         // Avoid Chromium-like beahavior when this event is fired right after onPointerDown
         if (pi.event.movementX === 0 && pi.event.movementY === 0) {
             return;
@@ -907,13 +871,12 @@ var InputTextArea = /** @class */ (function (_super) {
             }
             this._markAsDirty();
         }
-        _super.prototype._onPointerMove.call(this, target, coordinates, pointerId, pi);
-    };
+        super._onPointerMove(target, coordinates, pointerId, pi);
+    }
     /**
      * Apply the correct position of cursor according to current modification
      */
-    InputTextArea.prototype._updateCursorPosition = function () {
-        var _a;
+    _updateCursorPosition() {
         if (!this._isFocused) {
             return;
         }
@@ -927,16 +890,16 @@ var InputTextArea = /** @class */ (function (_super) {
                     currentLineIndex: 0,
                 };
             }
-            var globalIndex = 0;
-            var relativeIndex = 0;
-            var lastClickedCoordinateY = this._clickedCoordinateY - this._scrollTop;
-            var relativeCoordinateY = Math.floor(lastClickedCoordinateY / this._fontOffset.height);
+            let globalIndex = 0;
+            let relativeIndex = 0;
+            const lastClickedCoordinateY = this._clickedCoordinateY - this._scrollTop;
+            const relativeCoordinateY = Math.floor(lastClickedCoordinateY / this._fontOffset.height);
             this._cursorInfo.currentLineIndex = Math.min(Math.max(relativeCoordinateY, 0), this._lines.length - 1);
-            var currentSize = 0;
-            var relativeXPosition = this._clickedCoordinateX - ((_a = this._scrollLeft) !== null && _a !== void 0 ? _a : 0);
-            var previousDist = 0;
-            for (var index = 0; index < this._cursorInfo.currentLineIndex; index++) {
-                var line = this._lines[index];
+            let currentSize = 0;
+            const relativeXPosition = this._clickedCoordinateX - (this._scrollLeft ?? 0);
+            let previousDist = 0;
+            for (let index = 0; index < this._cursorInfo.currentLineIndex; index++) {
+                const line = this._lines[index];
                 globalIndex += line.text.length + line.lineEnding.length;
             }
             while (currentSize < relativeXPosition && this._lines[this._cursorInfo.currentLineIndex].text.length > relativeIndex) {
@@ -978,8 +941,8 @@ var InputTextArea = /** @class */ (function (_super) {
             // Standard behavior same as Current line is at least above the initial highlight index
             this._cursorInfo.relativeStartIndex = 0;
             this._cursorInfo.currentLineIndex = 0;
-            var lineLength = this._lines[this._cursorInfo.currentLineIndex].text.length + this._lines[this._cursorInfo.currentLineIndex].lineEnding.length;
-            var tmpLength = 0;
+            let lineLength = this._lines[this._cursorInfo.currentLineIndex].text.length + this._lines[this._cursorInfo.currentLineIndex].lineEnding.length;
+            let tmpLength = 0;
             while (tmpLength + lineLength <= this._cursorInfo.globalStartIndex) {
                 tmpLength += lineLength;
                 if (this._cursorInfo.currentLineIndex < this._lines.length - 1) {
@@ -1004,7 +967,7 @@ var InputTextArea = /** @class */ (function (_super) {
                 this._cursorInfo.globalEndIndex = this._cursorInfo.globalStartIndex;
             }
         }
-    };
+    }
     /**
      * Update all values of cursor information based on cursorIndex value
      *
@@ -1012,18 +975,18 @@ var InputTextArea = /** @class */ (function (_super) {
      * @hidden
      */
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    InputTextArea.prototype._updateValueFromCursorIndex = function (offset) {
+    _updateValueFromCursorIndex(offset) {
         // Override to avoid parent behavior during _onPointerMove
-    };
+    }
     /**
      * Select the word immediatly under the cursor on double click
      *
      * @param _evt Pointer informations of double click
      * @hidden
      */
-    InputTextArea.prototype._processDblClick = function (_evt) {
+    _processDblClick(_evt) {
         //pre-find the start and end index of the word under cursor, speeds up the rendering
-        var moveLeft, moveRight;
+        let moveLeft, moveRight;
         do {
             moveLeft = this._cursorInfo.globalStartIndex > 0 && this._textWrapper.isWord(this._cursorInfo.globalStartIndex - 1) ? --this._cursorInfo.globalStartIndex : 0;
             moveRight =
@@ -1035,9 +998,9 @@ var InputTextArea = /** @class */ (function (_super) {
         this._isTextHighlightOn = true;
         this._blinkIsEven = true;
         this._markAsDirty();
-    };
+    }
     /** @hidden */
-    InputTextArea.prototype._selectAllText = function () {
+    _selectAllText() {
         this._isTextHighlightOn = true;
         this._blinkIsEven = true;
         this._highlightCursorInfo = {
@@ -1053,19 +1016,17 @@ var InputTextArea = /** @class */ (function (_super) {
             currentLineIndex: this._lines.length - 1,
         };
         this._markAsDirty();
-    };
-    InputTextArea.prototype.dipose = function () {
-        _super.prototype.dispose.call(this);
+    }
+    dipose() {
+        super.dispose();
         this.onLinesReadyObservable.clear();
-    };
-    __decorate([
-        serialize()
-    ], InputTextArea.prototype, "autoStretchHeight", null);
-    __decorate([
-        serialize()
-    ], InputTextArea.prototype, "maxHeight", null);
-    return InputTextArea;
-}(InputText));
-export { InputTextArea };
+    }
+}
+__decorate([
+    serialize()
+], InputTextArea.prototype, "autoStretchHeight", null);
+__decorate([
+    serialize()
+], InputTextArea.prototype, "maxHeight", null);
 RegisterClass("BABYLON.GUI.InputTextArea", InputTextArea);
 //# sourceMappingURL=inputTextArea.js.map