babylonjs-gui 5.10.0 → 5.12.1

package/babylon.gui.js

@@ -7,7 +7,7 @@
 		exports["babylonjs-gui"] = factory(require("babylonjs"));
 	else
 		root["BABYLON"] = root["BABYLON"] || {}, root["BABYLON"]["GUI"] = factory(root["BABYLON"]);
-})((typeof self !== "undefined" ? self : typeof global !== "undefined" ? global : this), function(__WEBPACK_EXTERNAL_MODULE_core_Misc_observable__) {
+})((typeof self !== "undefined" ? self : typeof global !== "undefined" ? global : this), (__WEBPACK_EXTERNAL_MODULE_core_Misc_observable__) => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
@@ -27,6 +27,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "__await": () => (/* binding */ __await),
 /* harmony export */   "__awaiter": () => (/* binding */ __awaiter),
 /* harmony export */   "__classPrivateFieldGet": () => (/* binding */ __classPrivateFieldGet),
+/* harmony export */   "__classPrivateFieldIn": () => (/* binding */ __classPrivateFieldIn),
 /* harmony export */   "__classPrivateFieldSet": () => (/* binding */ __classPrivateFieldSet),
 /* harmony export */   "__createBinding": () => (/* binding */ __createBinding),
 /* harmony export */   "__decorate": () => (/* binding */ __decorate),
@@ -45,7 +46,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "__spreadArrays": () => (/* binding */ __spreadArrays),
 /* harmony export */   "__values": () => (/* binding */ __values)
 /* harmony export */ });
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -154,7 +155,11 @@ function __generator(thisArg, body) {
 
 var __createBinding = Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+        desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -284,6 +289,11 @@ function __classPrivateFieldSet(receiver, state, value, kind, f) {
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 }
+
+function __classPrivateFieldIn(state, receiver) {
+    if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function")) throw new TypeError("Cannot use 'in' operator on non-object");
+    return typeof state === "function" ? receiver === state : state.has(receiver);
+}
 
 
 /***/ }),
@@ -8311,6 +8321,7 @@ var Image = /** @class */ (function (_super) {
             };
             if (value) {
                 core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__.Tools.SetCorsBehavior(value, this._domImage);
+                core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__.Tools.SetReferrerPolicyBehavior(this.referrerPolicy, this._domImage);
                 this._domImage.src = value;
             }
         },
@@ -8727,41 +8738,42 @@ var Image = /** @class */ (function (_super) {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "BaseSlider": () => (/* reexport safe */ _sliders_baseSlider__WEBPACK_IMPORTED_MODULE_24__.BaseSlider),
+/* harmony export */   "BaseSlider": () => (/* reexport safe */ _sliders_baseSlider__WEBPACK_IMPORTED_MODULE_25__.BaseSlider),
 /* harmony export */   "Button": () => (/* reexport safe */ _button__WEBPACK_IMPORTED_MODULE_0__.Button),
 /* harmony export */   "Checkbox": () => (/* reexport safe */ _checkbox__WEBPACK_IMPORTED_MODULE_1__.Checkbox),
-/* harmony export */   "CheckboxGroup": () => (/* reexport safe */ _selector__WEBPACK_IMPORTED_MODULE_16__.CheckboxGroup),
+/* harmony export */   "CheckboxGroup": () => (/* reexport safe */ _selector__WEBPACK_IMPORTED_MODULE_17__.CheckboxGroup),
 /* harmony export */   "ColorPicker": () => (/* reexport safe */ _colorpicker__WEBPACK_IMPORTED_MODULE_2__.ColorPicker),
 /* harmony export */   "Container": () => (/* reexport safe */ _container__WEBPACK_IMPORTED_MODULE_3__.Container),
 /* harmony export */   "Control": () => (/* reexport safe */ _control__WEBPACK_IMPORTED_MODULE_4__.Control),
-/* harmony export */   "DisplayGrid": () => (/* reexport safe */ _displayGrid__WEBPACK_IMPORTED_MODULE_23__.DisplayGrid),
+/* harmony export */   "DisplayGrid": () => (/* reexport safe */ _displayGrid__WEBPACK_IMPORTED_MODULE_24__.DisplayGrid),
 /* harmony export */   "Ellipse": () => (/* reexport safe */ _ellipse__WEBPACK_IMPORTED_MODULE_5__.Ellipse),
 /* harmony export */   "FocusableButton": () => (/* reexport safe */ _focusableButton__WEBPACK_IMPORTED_MODULE_6__.FocusableButton),
 /* harmony export */   "Grid": () => (/* reexport safe */ _grid__WEBPACK_IMPORTED_MODULE_8__.Grid),
 /* harmony export */   "Image": () => (/* reexport safe */ _image__WEBPACK_IMPORTED_MODULE_9__.Image),
-/* harmony export */   "ImageBasedSlider": () => (/* reexport safe */ _sliders_imageBasedSlider__WEBPACK_IMPORTED_MODULE_26__.ImageBasedSlider),
-/* harmony export */   "ImageScrollBar": () => (/* reexport safe */ _sliders_imageScrollBar__WEBPACK_IMPORTED_MODULE_28__.ImageScrollBar),
-/* harmony export */   "InputPassword": () => (/* reexport safe */ _inputPassword__WEBPACK_IMPORTED_MODULE_11__.InputPassword),
+/* harmony export */   "ImageBasedSlider": () => (/* reexport safe */ _sliders_imageBasedSlider__WEBPACK_IMPORTED_MODULE_27__.ImageBasedSlider),
+/* harmony export */   "ImageScrollBar": () => (/* reexport safe */ _sliders_imageScrollBar__WEBPACK_IMPORTED_MODULE_29__.ImageScrollBar),
+/* harmony export */   "InputPassword": () => (/* reexport safe */ _inputPassword__WEBPACK_IMPORTED_MODULE_12__.InputPassword),
 /* harmony export */   "InputText": () => (/* reexport safe */ _inputText__WEBPACK_IMPORTED_MODULE_10__.InputText),
-/* harmony export */   "KeyPropertySet": () => (/* reexport safe */ _virtualKeyboard__WEBPACK_IMPORTED_MODULE_21__.KeyPropertySet),
-/* harmony export */   "Line": () => (/* reexport safe */ _line__WEBPACK_IMPORTED_MODULE_12__.Line),
-/* harmony export */   "MultiLine": () => (/* reexport safe */ _multiLine__WEBPACK_IMPORTED_MODULE_13__.MultiLine),
-/* harmony export */   "RadioButton": () => (/* reexport safe */ _radioButton__WEBPACK_IMPORTED_MODULE_14__.RadioButton),
-/* harmony export */   "RadioGroup": () => (/* reexport safe */ _selector__WEBPACK_IMPORTED_MODULE_16__.RadioGroup),
-/* harmony export */   "Rectangle": () => (/* reexport safe */ _rectangle__WEBPACK_IMPORTED_MODULE_22__.Rectangle),
-/* harmony export */   "ScrollBar": () => (/* reexport safe */ _sliders_scrollBar__WEBPACK_IMPORTED_MODULE_27__.ScrollBar),
-/* harmony export */   "ScrollViewer": () => (/* reexport safe */ _scrollViewers_scrollViewer__WEBPACK_IMPORTED_MODULE_17__.ScrollViewer),
-/* harmony export */   "SelectionPanel": () => (/* reexport safe */ _selector__WEBPACK_IMPORTED_MODULE_16__.SelectionPanel),
-/* harmony export */   "SelectorGroup": () => (/* reexport safe */ _selector__WEBPACK_IMPORTED_MODULE_16__.SelectorGroup),
-/* harmony export */   "Slider": () => (/* reexport safe */ _sliders_slider__WEBPACK_IMPORTED_MODULE_25__.Slider),
-/* harmony export */   "SliderGroup": () => (/* reexport safe */ _selector__WEBPACK_IMPORTED_MODULE_16__.SliderGroup),
-/* harmony export */   "StackPanel": () => (/* reexport safe */ _stackPanel__WEBPACK_IMPORTED_MODULE_15__.StackPanel),
-/* harmony export */   "TextBlock": () => (/* reexport safe */ _textBlock__WEBPACK_IMPORTED_MODULE_18__.TextBlock),
-/* harmony export */   "TextWrapper": () => (/* reexport safe */ _textWrapper__WEBPACK_IMPORTED_MODULE_19__.TextWrapper),
-/* harmony export */   "TextWrapping": () => (/* reexport safe */ _textBlock__WEBPACK_IMPORTED_MODULE_18__.TextWrapping),
-/* harmony export */   "ToggleButton": () => (/* reexport safe */ _toggleButton__WEBPACK_IMPORTED_MODULE_20__.ToggleButton),
-/* harmony export */   "VirtualKeyboard": () => (/* reexport safe */ _virtualKeyboard__WEBPACK_IMPORTED_MODULE_21__.VirtualKeyboard),
-/* harmony export */   "name": () => (/* reexport safe */ _statics__WEBPACK_IMPORTED_MODULE_29__.name)
+/* harmony export */   "InputTextArea": () => (/* reexport safe */ _inputTextArea__WEBPACK_IMPORTED_MODULE_11__.InputTextArea),
+/* harmony export */   "KeyPropertySet": () => (/* reexport safe */ _virtualKeyboard__WEBPACK_IMPORTED_MODULE_22__.KeyPropertySet),
+/* harmony export */   "Line": () => (/* reexport safe */ _line__WEBPACK_IMPORTED_MODULE_13__.Line),
+/* harmony export */   "MultiLine": () => (/* reexport safe */ _multiLine__WEBPACK_IMPORTED_MODULE_14__.MultiLine),
+/* harmony export */   "RadioButton": () => (/* reexport safe */ _radioButton__WEBPACK_IMPORTED_MODULE_15__.RadioButton),
+/* harmony export */   "RadioGroup": () => (/* reexport safe */ _selector__WEBPACK_IMPORTED_MODULE_17__.RadioGroup),
+/* harmony export */   "Rectangle": () => (/* reexport safe */ _rectangle__WEBPACK_IMPORTED_MODULE_23__.Rectangle),
+/* harmony export */   "ScrollBar": () => (/* reexport safe */ _sliders_scrollBar__WEBPACK_IMPORTED_MODULE_28__.ScrollBar),
+/* harmony export */   "ScrollViewer": () => (/* reexport safe */ _scrollViewers_scrollViewer__WEBPACK_IMPORTED_MODULE_18__.ScrollViewer),
+/* harmony export */   "SelectionPanel": () => (/* reexport safe */ _selector__WEBPACK_IMPORTED_MODULE_17__.SelectionPanel),
+/* harmony export */   "SelectorGroup": () => (/* reexport safe */ _selector__WEBPACK_IMPORTED_MODULE_17__.SelectorGroup),
+/* harmony export */   "Slider": () => (/* reexport safe */ _sliders_slider__WEBPACK_IMPORTED_MODULE_26__.Slider),
+/* harmony export */   "SliderGroup": () => (/* reexport safe */ _selector__WEBPACK_IMPORTED_MODULE_17__.SliderGroup),
+/* harmony export */   "StackPanel": () => (/* reexport safe */ _stackPanel__WEBPACK_IMPORTED_MODULE_16__.StackPanel),
+/* harmony export */   "TextBlock": () => (/* reexport safe */ _textBlock__WEBPACK_IMPORTED_MODULE_19__.TextBlock),
+/* harmony export */   "TextWrapper": () => (/* reexport safe */ _textWrapper__WEBPACK_IMPORTED_MODULE_20__.TextWrapper),
+/* harmony export */   "TextWrapping": () => (/* reexport safe */ _textBlock__WEBPACK_IMPORTED_MODULE_19__.TextWrapping),
+/* harmony export */   "ToggleButton": () => (/* reexport safe */ _toggleButton__WEBPACK_IMPORTED_MODULE_21__.ToggleButton),
+/* harmony export */   "VirtualKeyboard": () => (/* reexport safe */ _virtualKeyboard__WEBPACK_IMPORTED_MODULE_22__.VirtualKeyboard),
+/* harmony export */   "name": () => (/* reexport safe */ _statics__WEBPACK_IMPORTED_MODULE_30__.name)
 /* harmony export */ });
 /* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./button */ "../../../lts/gui/dist/2D/controls/button.js");
 /* harmony import */ var _checkbox__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkbox */ "../../../lts/gui/dist/2D/controls/checkbox.js");
@@ -8774,25 +8786,27 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _grid__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./grid */ "../../../lts/gui/dist/2D/controls/grid.js");
 /* harmony import */ var _image__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./image */ "../../../lts/gui/dist/2D/controls/image.js");
 /* harmony import */ var _inputText__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./inputText */ "../../../lts/gui/dist/2D/controls/inputText.js");
-/* harmony import */ var _inputPassword__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./inputPassword */ "../../../lts/gui/dist/2D/controls/inputPassword.js");
-/* harmony import */ var _line__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./line */ "../../../lts/gui/dist/2D/controls/line.js");
-/* harmony import */ var _multiLine__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./multiLine */ "../../../lts/gui/dist/2D/controls/multiLine.js");
-/* harmony import */ var _radioButton__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./radioButton */ "../../../lts/gui/dist/2D/controls/radioButton.js");
-/* harmony import */ var _stackPanel__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./stackPanel */ "../../../lts/gui/dist/2D/controls/stackPanel.js");
-/* harmony import */ var _selector__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./selector */ "../../../lts/gui/dist/2D/controls/selector.js");
-/* harmony import */ var _scrollViewers_scrollViewer__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./scrollViewers/scrollViewer */ "../../../lts/gui/dist/2D/controls/scrollViewers/scrollViewer.js");
-/* harmony import */ var _textBlock__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./textBlock */ "../../../lts/gui/dist/2D/controls/textBlock.js");
-/* harmony import */ var _textWrapper__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./textWrapper */ "../../../lts/gui/dist/2D/controls/textWrapper.js");
-/* harmony import */ var _toggleButton__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./toggleButton */ "../../../lts/gui/dist/2D/controls/toggleButton.js");
-/* harmony import */ var _virtualKeyboard__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./virtualKeyboard */ "../../../lts/gui/dist/2D/controls/virtualKeyboard.js");
-/* harmony import */ var _rectangle__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./rectangle */ "../../../lts/gui/dist/2D/controls/rectangle.js");
-/* harmony import */ var _displayGrid__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./displayGrid */ "../../../lts/gui/dist/2D/controls/displayGrid.js");
-/* harmony import */ var _sliders_baseSlider__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./sliders/baseSlider */ "../../../lts/gui/dist/2D/controls/sliders/baseSlider.js");
-/* harmony import */ var _sliders_slider__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./sliders/slider */ "../../../lts/gui/dist/2D/controls/sliders/slider.js");
-/* harmony import */ var _sliders_imageBasedSlider__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./sliders/imageBasedSlider */ "../../../lts/gui/dist/2D/controls/sliders/imageBasedSlider.js");
-/* harmony import */ var _sliders_scrollBar__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./sliders/scrollBar */ "../../../lts/gui/dist/2D/controls/sliders/scrollBar.js");
-/* harmony import */ var _sliders_imageScrollBar__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./sliders/imageScrollBar */ "../../../lts/gui/dist/2D/controls/sliders/imageScrollBar.js");
-/* harmony import */ var _statics__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./statics */ "../../../lts/gui/dist/2D/controls/statics.js");
+/* harmony import */ var _inputTextArea__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./inputTextArea */ "../../../lts/gui/dist/2D/controls/inputTextArea.js");
+/* harmony import */ var _inputPassword__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./inputPassword */ "../../../lts/gui/dist/2D/controls/inputPassword.js");
+/* harmony import */ var _line__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./line */ "../../../lts/gui/dist/2D/controls/line.js");
+/* harmony import */ var _multiLine__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./multiLine */ "../../../lts/gui/dist/2D/controls/multiLine.js");
+/* harmony import */ var _radioButton__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./radioButton */ "../../../lts/gui/dist/2D/controls/radioButton.js");
+/* harmony import */ var _stackPanel__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./stackPanel */ "../../../lts/gui/dist/2D/controls/stackPanel.js");
+/* harmony import */ var _selector__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./selector */ "../../../lts/gui/dist/2D/controls/selector.js");
+/* harmony import */ var _scrollViewers_scrollViewer__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./scrollViewers/scrollViewer */ "../../../lts/gui/dist/2D/controls/scrollViewers/scrollViewer.js");
+/* harmony import */ var _textBlock__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./textBlock */ "../../../lts/gui/dist/2D/controls/textBlock.js");
+/* harmony import */ var _textWrapper__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./textWrapper */ "../../../lts/gui/dist/2D/controls/textWrapper.js");
+/* harmony import */ var _toggleButton__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./toggleButton */ "../../../lts/gui/dist/2D/controls/toggleButton.js");
+/* harmony import */ var _virtualKeyboard__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./virtualKeyboard */ "../../../lts/gui/dist/2D/controls/virtualKeyboard.js");
+/* harmony import */ var _rectangle__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./rectangle */ "../../../lts/gui/dist/2D/controls/rectangle.js");
+/* harmony import */ var _displayGrid__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./displayGrid */ "../../../lts/gui/dist/2D/controls/displayGrid.js");
+/* harmony import */ var _sliders_baseSlider__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./sliders/baseSlider */ "../../../lts/gui/dist/2D/controls/sliders/baseSlider.js");
+/* harmony import */ var _sliders_slider__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./sliders/slider */ "../../../lts/gui/dist/2D/controls/sliders/slider.js");
+/* harmony import */ var _sliders_imageBasedSlider__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./sliders/imageBasedSlider */ "../../../lts/gui/dist/2D/controls/sliders/imageBasedSlider.js");
+/* harmony import */ var _sliders_scrollBar__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./sliders/scrollBar */ "../../../lts/gui/dist/2D/controls/sliders/scrollBar.js");
+/* harmony import */ var _sliders_imageScrollBar__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./sliders/imageScrollBar */ "../../../lts/gui/dist/2D/controls/sliders/imageScrollBar.js");
+/* harmony import */ var _statics__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./statics */ "../../../lts/gui/dist/2D/controls/statics.js");
+
 
 
 
@@ -10013,21 +10027,22 @@ var InputText = /** @class */ (function (_super) {
 
 /***/ }),
 
-/***/ "../../../lts/gui/dist/2D/controls/line.js":
-/*!*************************************************!*\
-  !*** ../../../lts/gui/dist/2D/controls/line.js ***!
-  \*************************************************/
+/***/ "../../../lts/gui/dist/2D/controls/inputTextArea.js":
+/*!**********************************************************!*\
+  !*** ../../../lts/gui/dist/2D/controls/inputTextArea.js ***!
+  \**********************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Line": () => (/* binding */ Line)
+/* harmony export */   "InputTextArea": () => (/* binding */ InputTextArea)
 /* harmony export */ });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../../../node_modules/tslib/tslib.es6.js");
-/* harmony import */ var core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/Misc/decorators */ "core/Misc/observable");
-/* harmony import */ var core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/Misc/decorators */ "core/Misc/observable");
+/* harmony import */ var core_Misc_observable__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./control */ "../../../lts/gui/dist/2D/controls/control.js");
 /* harmony import */ var _valueAndUnit__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../valueAndUnit */ "../../../lts/gui/dist/2D/valueAndUnit.js");
+/* harmony import */ var _inputText__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./inputText */ "../../../lts/gui/dist/2D/controls/inputText.js");
 
 
 
@@ -10035,269 +10050,1358 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-/** Class used to render 2D lines */
-var Line = /** @class */ (function (_super) {
-    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(Line, _super);
+/**
+ * Class used to create input text control
+ */
+var InputTextArea = /** @class */ (function (_super) {
+    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(InputTextArea, _super);
     /**
-     * Creates a new Line
+     * Creates a new InputTextArea
      * @param name defines the control name
+     * @param text defines the text of the control
      */
-    function Line(name) {
+    function InputTextArea(name, text) {
+        if (text === void 0) { text = ""; }
         var _this = _super.call(this, name) || this;
         _this.name = name;
-        _this._lineWidth = 1;
-        _this._x1 = new _valueAndUnit__WEBPACK_IMPORTED_MODULE_3__.ValueAndUnit(0);
-        _this._y1 = new _valueAndUnit__WEBPACK_IMPORTED_MODULE_3__.ValueAndUnit(0);
-        _this._x2 = new _valueAndUnit__WEBPACK_IMPORTED_MODULE_3__.ValueAndUnit(0);
-        _this._y2 = new _valueAndUnit__WEBPACK_IMPORTED_MODULE_3__.ValueAndUnit(0);
-        _this._dash = new Array();
-        _this._automaticSize = true;
-        _this.isHitTestVisible = false;
-        _this._horizontalAlignment = _control__WEBPACK_IMPORTED_MODULE_2__.Control.HORIZONTAL_ALIGNMENT_LEFT;
-        _this._verticalAlignment = _control__WEBPACK_IMPORTED_MODULE_2__.Control.VERTICAL_ALIGNMENT_TOP;
+        _this._textHorizontalAlignment = _control__WEBPACK_IMPORTED_MODULE_2__.Control.HORIZONTAL_ALIGNMENT_LEFT;
+        _this._textVerticalAlignment = _control__WEBPACK_IMPORTED_MODULE_2__.Control.VERTICAL_ALIGNMENT_TOP;
+        _this._lineSpacing = new _valueAndUnit__WEBPACK_IMPORTED_MODULE_3__.ValueAndUnit(0);
+        _this._outlineWidth = 0;
+        _this._outlineColor = "white";
+        _this._maxHeight = new _valueAndUnit__WEBPACK_IMPORTED_MODULE_3__.ValueAndUnit(1, _valueAndUnit__WEBPACK_IMPORTED_MODULE_3__.ValueAndUnit.UNITMODE_PERCENTAGE, false);
+        /**
+         * An event triggered after the text was broken up into lines
+         */
+        _this.onLinesReadyObservable = new core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__.Observable();
+        _this.text = text;
+        _this.isPointerBlocker = true;
+        _this.onLinesReadyObservable.add(function () { return _this._updateCursorPosition(); });
+        _this._highlightCursorInfo = {
+            initialStartIndex: -1,
+            initialRelativeStartIndex: -1,
+            initialLineIndex: -1,
+        };
+        _this._cursorInfo = {
+            globalStartIndex: 0,
+            globalEndIndex: 0,
+            relativeEndIndex: 0,
+            relativeStartIndex: 0,
+            currentLineIndex: 0,
+        };
         return _this;
     }
-    Object.defineProperty(Line.prototype, "dash", {
-        /** Gets or sets the dash pattern */
+    Object.defineProperty(InputTextArea.prototype, "outlineWidth", {
+        /**
+         * Gets or sets outlineWidth of the text to display
+         */
         get: function () {
-            return this._dash;
+            return this._outlineWidth;
         },
+        /**
+         * Gets or sets outlineWidth of the text to display
+         */
         set: function (value) {
-            if (this._dash === value) {
+            if (this._outlineWidth === value) {
                 return;
             }
-            this._dash = value;
+            this._outlineWidth = value;
             this._markAsDirty();
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(Line.prototype, "connectedControl", {
-        /** Gets or sets the control connected with the line end */
+    Object.defineProperty(InputTextArea.prototype, "outlineColor", {
+        /**
+         * Gets or sets outlineColor of the text to display
+         */
         get: function () {
-            return this._connectedControl;
+            return this._outlineColor;
         },
+        /**
+         * Gets or sets outlineColor of the text to display
+         */
         set: function (value) {
-            var _this = this;
-            if (this._connectedControl === value) {
+            if (this._outlineColor === value) {
                 return;
             }
-            if (this._connectedControlDirtyObserver && this._connectedControl) {
-                this._connectedControl.onDirtyObservable.remove(this._connectedControlDirtyObserver);
-                this._connectedControlDirtyObserver = null;
-            }
-            if (value) {
-                this._connectedControlDirtyObserver = value.onDirtyObservable.add(function () { return _this._markAsDirty(); });
-            }
-            this._connectedControl = value;
+            this._outlineColor = value;
             this._markAsDirty();
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(Line.prototype, "x1", {
-        /** Gets or sets start coordinates on X axis */
-        get: function () {
-            return this._x1.toString(this._host);
-        },
-        set: function (value) {
-            if (this._x1.toString(this._host) === value) {
-                return;
-            }
-            if (this._x1.fromString(value)) {
-                this._markAsDirty();
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Line.prototype, "y1", {
-        /** Gets or sets start coordinates on Y axis */
+    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._y1.toString(this._host);
+            return this._autoStretchHeight;
         },
         set: function (value) {
-            if (this._y1.toString(this._host) === value) {
+            if (this._autoStretchHeight === value) {
                 return;
             }
-            if (this._y1.fromString(value)) {
-                this._markAsDirty();
-            }
+            this._autoStretchHeight = value;
+            this._markAsDirty();
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(Line.prototype, "x2", {
-        /** Gets or sets end coordinates on X axis */
-        get: function () {
-            return this._x2.toString(this._host);
-        },
+    Object.defineProperty(InputTextArea.prototype, "height", {
         set: function (value) {
-            if (this._x2.toString(this._host) === value) {
+            this._fixedRatioMasterIsWidth = false;
+            if (this._height.toString(this._host) === value) {
                 return;
             }
-            if (this._x2.fromString(value)) {
+            if (this._height.fromString(value)) {
                 this._markAsDirty();
             }
+            this._autoStretchHeight = false;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(Line.prototype, "y2", {
-        /** Gets or sets end coordinates on Y axis */
+    Object.defineProperty(InputTextArea.prototype, "maxHeight", {
         get: function () {
-            return this._y2.toString(this._host);
+            return this._maxHeight.toString(this._host);
         },
         set: function (value) {
-            if (this._y2.toString(this._host) === value) {
+            if (this._maxHeight.toString(this._host) === value) {
                 return;
             }
-            if (this._y2.fromString(value)) {
+            if (this._maxHeight.fromString(value)) {
                 this._markAsDirty();
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(Line.prototype, "lineWidth", {
-        /** Gets or sets line width */
-        get: function () {
-            return this._lineWidth;
-        },
-        set: function (value) {
-            if (this._lineWidth === value) {
-                return;
-            }
-            this._lineWidth = value;
-            this._markAsDirty();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Line.prototype, "horizontalAlignment", {
-        /** Gets or sets horizontal alignment */
-        set: function (value) {
-            return;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Line.prototype, "verticalAlignment", {
-        /** Gets or sets vertical alignment */
-        set: function (value) {
-            return;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Line.prototype, "_effectiveX2", {
-        get: function () {
-            return (this._connectedControl ? this._connectedControl.centerX : 0) + this._x2.getValue(this._host);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Line.prototype, "_effectiveY2", {
+    Object.defineProperty(InputTextArea.prototype, "maxHeightInPixels", {
+        /** Gets the maximum width allowed by the control in pixels */
         get: function () {
-            return (this._connectedControl ? this._connectedControl.centerY : 0) + this._y2.getValue(this._host);
+            return this._maxHeight.getValueInPixel(this._host, this._cachedParentMeasure.height);
         },
         enumerable: false,
         configurable: true
     });
-    Line.prototype._getTypeName = function () {
-        return "Line";
-    };
-    Line.prototype._draw = function (context) {
-        context.save();
-        if (this.shadowBlur || this.shadowOffsetX || this.shadowOffsetY) {
-            context.shadowColor = this.shadowColor;
-            context.shadowBlur = this.shadowBlur;
-            context.shadowOffsetX = this.shadowOffsetX;
-            context.shadowOffsetY = this.shadowOffsetY;
-        }
-        this._applyStates(context);
-        context.strokeStyle = this.color;
-        context.lineWidth = this._lineWidth;
-        context.setLineDash(this._dash);
-        context.beginPath();
-        context.moveTo(this._cachedParentMeasure.left + this._x1.getValue(this._host), this._cachedParentMeasure.top + this._y1.getValue(this._host));
-        context.lineTo(this._cachedParentMeasure.left + this._effectiveX2, this._cachedParentMeasure.top + this._effectiveY2);
-        context.stroke();
-        context.restore();
-    };
-    Line.prototype._measure = function () {
-        // Width / Height
-        this._currentMeasure.width = Math.abs(this._x1.getValue(this._host) - this._effectiveX2) + this._lineWidth;
-        this._currentMeasure.height = Math.abs(this._y1.getValue(this._host) - this._effectiveY2) + this._lineWidth;
-    };
-    Line.prototype._computeAlignment = function (parentMeasure) {
-        this._currentMeasure.left = parentMeasure.left + Math.min(this._x1.getValue(this._host), this._effectiveX2) - this._lineWidth / 2;
-        this._currentMeasure.top = parentMeasure.top + Math.min(this._y1.getValue(this._host), this._effectiveY2) - this._lineWidth / 2;
+    InputTextArea.prototype._getTypeName = function () {
+        return "InputTextArea";
     };
     /**
-     * Move one end of the line given 3D cartesian coordinates.
-     * @param position Targeted world position
-     * @param scene Scene
-     * @param end (opt) Set to true to assign x2 and y2 coordinates of the line. Default assign to x1 and y1.
+     * Handles the keyboard event
+     * @param evt Defines the KeyboardEvent
      */
-    Line.prototype.moveToVector3 = function (position, scene, end) {
-        if (end === void 0) { end = false; }
-        if (!this._host || this.parent !== this._host._rootContainer) {
-            core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__.Tools.Error("Cannot move a control to a vector3 if the control is not at root level");
-            return;
-        }
-        var globalViewport = this._host._getGlobalViewport();
-        var projectedPosition = core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__.Vector3.Project(position, core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__.Matrix.Identity(), scene.getTransformMatrix(), globalViewport);
-        this._moveToProjectedPosition(projectedPosition, end);
-        if (projectedPosition.z < 0 || projectedPosition.z > 1) {
-            this.notRenderable = true;
-            return;
-        }
-        this.notRenderable = false;
+    InputTextArea.prototype.processKeyboard = function (evt) {
+        // process pressed key
+        this.alternativeProcessKey(evt.code, evt.key, evt);
+        this.onKeyboardEventProcessedObservable.notifyObservers(evt);
     };
     /**
-     * Move one end of the line to a position in screen absolute space.
-     * @param projectedPosition Position in screen absolute space (X, Y)
-     * @param end (opt) Set to true to assign x2 and y2 coordinates of the line. Default assign to x1 and y1.
+     * Process the last keyboard input
+     *
+     * @param code The ascii input number
+     * @param key The key string representation
+     * @param evt The keyboard event emits with input
+     * @hidden
      */
-    Line.prototype._moveToProjectedPosition = function (projectedPosition, end) {
-        if (end === void 0) { end = false; }
-        var x = projectedPosition.x + this._linkOffsetX.getValue(this._host) + "px";
-        var y = projectedPosition.y + this._linkOffsetY.getValue(this._host) + "px";
-        if (end) {
-            this.x2 = x;
-            this.y2 = y;
-            this._x2.ignoreAdaptiveScaling = true;
-            this._y2.ignoreAdaptiveScaling = true;
-        }
-        else {
-            this.x1 = x;
-            this.y1 = y;
-            this._x1.ignoreAdaptiveScaling = true;
-            this._y1.ignoreAdaptiveScaling = true;
+    InputTextArea.prototype.alternativeProcessKey = function (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;
         }
-    };
-    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
-        (0,core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__.serialize)()
-    ], Line.prototype, "dash", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
-        (0,core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__.serialize)()
-    ], Line.prototype, "x1", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
-        (0,core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__.serialize)()
-    ], Line.prototype, "y1", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
-        (0,core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__.serialize)()
-    ], Line.prototype, "x2", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
-        (0,core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__.serialize)()
-    ], Line.prototype, "y2", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
-        (0,core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__.serialize)()
-    ], Line.prototype, "lineWidth", null);
-    return Line;
-}(_control__WEBPACK_IMPORTED_MODULE_2__.Control));
-
+        // Specific cases
+        switch (code) {
+            case "KeyA": // A - select all
+                if (evt && (evt.ctrlKey || evt.metaKey)) {
+                    this._selectAllText();
+                    evt.preventDefault();
+                    return;
+                }
+                break;
+            case "Period": //SLASH
+                if (evt && evt.shiftKey) {
+                    evt.preventDefault();
+                }
+                break;
+            case "Backspace": // BACKSPACE
+                if (!this._isTextHighlightOn && this._cursorInfo.globalStartIndex > 0) {
+                    this._cursorInfo.globalEndIndex = this._cursorInfo.globalStartIndex;
+                    this._cursorInfo.globalStartIndex--;
+                }
+                this._textWrapper.removePart(this._cursorInfo.globalStartIndex, this._cursorInfo.globalEndIndex);
+                this._cursorInfo.globalEndIndex = this._cursorInfo.globalStartIndex;
+                if (evt) {
+                    evt.preventDefault();
+                }
+                this._blinkIsEven = false;
+                this._isTextHighlightOn = false;
+                this._textHasChanged();
+                break;
+            case "Delete": // DELETE
+                if (!this._isTextHighlightOn && this._cursorInfo.globalEndIndex < this.text.length) {
+                    this._cursorInfo.globalEndIndex = this._cursorInfo.globalStartIndex + 1;
+                }
+                this._textWrapper.removePart(this._cursorInfo.globalStartIndex, this._cursorInfo.globalEndIndex);
+                this._cursorInfo.globalEndIndex = this._cursorInfo.globalStartIndex;
+                if (evt) {
+                    evt.preventDefault();
+                }
+                this._blinkIsEven = false;
+                this._isTextHighlightOn = false;
+                this._textHasChanged();
+                break;
+            case "Enter": // RETURN
+                this._textWrapper.removePart(this._cursorInfo.globalStartIndex, this._cursorInfo.globalEndIndex, "\n");
+                this._cursorInfo.globalStartIndex++;
+                this._cursorInfo.globalEndIndex = this._cursorInfo.globalStartIndex;
+                this._blinkIsEven = false;
+                this._isTextHighlightOn = false;
+                this._textHasChanged();
+                return;
+            case "End": // END
+                this._cursorInfo.globalStartIndex = this.text.length;
+                this._blinkIsEven = false;
+                this._isTextHighlightOn = false;
+                this._markAsDirty();
+                return;
+            case "Home": // HOME
+                this._cursorInfo.globalStartIndex = 0;
+                this._blinkIsEven = false;
+                this._isTextHighlightOn = false;
+                this._markAsDirty();
+                return;
+            case "ArrowLeft": // LEFT
+                this._markAsDirty();
+                if (evt && evt.shiftKey) {
+                    // shift + ctrl/cmd + <-
+                    if (evt.ctrlKey || evt.metaKey) {
+                        // Go to line's start by substract the relativeStartIndex to the globalStartIndex
+                        this._cursorInfo.globalStartIndex -= this._cursorInfo.relativeStartIndex;
+                        this._cursorInfo.globalEndIndex = this._highlightCursorInfo.initialStartIndex;
+                    }
+                    // store the starting point
+                    if (!this._isTextHighlightOn) {
+                        this._highlightCursorInfo.initialLineIndex = this._cursorInfo.currentLineIndex;
+                        this._highlightCursorInfo.initialStartIndex = this._cursorInfo.globalStartIndex;
+                        this._highlightCursorInfo.initialRelativeStartIndex = this._cursorInfo.relativeStartIndex;
+                        this._cursorInfo.globalEndIndex = this._cursorInfo.globalStartIndex;
+                        this._cursorInfo.globalStartIndex--;
+                        this._isTextHighlightOn = true;
+                    }
+                    else {
+                        if (this._cursorInfo.globalEndIndex > this._highlightCursorInfo.initialStartIndex) {
+                            this._cursorInfo.globalEndIndex--;
+                        }
+                        else {
+                            this._cursorInfo.globalStartIndex--;
+                        }
+                    }
+                    this._blinkIsEven = true;
+                    evt.preventDefault();
+                    return;
+                }
+                if (this._isTextHighlightOn) {
+                    this._cursorInfo.globalEndIndex = this._cursorInfo.globalStartIndex;
+                }
+                else if (evt && (evt.ctrlKey || evt.metaKey)) {
+                    // ctr + <-
+                    this._cursorInfo.globalStartIndex -= this._cursorInfo.relativeStartIndex;
+                    evt.preventDefault();
+                }
+                else if (this._cursorInfo.globalStartIndex > 0) {
+                    this._cursorInfo.globalStartIndex--;
+                }
+                // update the cursor
+                this._blinkIsEven = false;
+                this._isTextHighlightOn = false;
+                return;
+            case "ArrowRight": // RIGHT
+                this._markAsDirty();
+                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;
+                        this._cursorInfo.globalEndIndex += rightDelta;
+                        this._cursorInfo.globalStartIndex = this._highlightCursorInfo.initialStartIndex;
+                    }
+                    // store the starting point
+                    if (!this._isTextHighlightOn) {
+                        this._highlightCursorInfo.initialLineIndex = this._cursorInfo.currentLineIndex;
+                        this._highlightCursorInfo.initialStartIndex = this._cursorInfo.globalStartIndex;
+                        this._highlightCursorInfo.initialRelativeStartIndex = this._cursorInfo.relativeStartIndex;
+                        this._cursorInfo.globalEndIndex = this._cursorInfo.globalStartIndex;
+                        this._cursorInfo.globalEndIndex++;
+                        this._isTextHighlightOn = true;
+                    }
+                    else {
+                        if (this._cursorInfo.globalStartIndex < this._highlightCursorInfo.initialStartIndex) {
+                            this._cursorInfo.globalStartIndex++;
+                        }
+                        else {
+                            this._cursorInfo.globalEndIndex++;
+                        }
+                    }
+                    this._blinkIsEven = true;
+                    evt.preventDefault();
+                    return;
+                }
+                if (this._isTextHighlightOn) {
+                    this._cursorInfo.globalStartIndex = this._cursorInfo.globalEndIndex;
+                }
+                else if (evt && (evt.ctrlKey || evt.metaKey)) {
+                    //ctr + ->
+                    var rightDelta = this._lines[this._cursorInfo.currentLineIndex].text.length - this._cursorInfo.relativeEndIndex;
+                    this._cursorInfo.globalStartIndex += rightDelta;
+                }
+                else if (this._cursorInfo.globalStartIndex < this.text.length) {
+                    this._cursorInfo.globalStartIndex++;
+                }
+                // update the cursor
+                this._blinkIsEven = false;
+                this._isTextHighlightOn = false;
+                return;
+            case "ArrowUp": // UP
+                // update the cursor
+                this._blinkIsEven = false;
+                if (evt) {
+                    if (evt.shiftKey) {
+                        if (!this._isTextHighlightOn) {
+                            this._highlightCursorInfo.initialLineIndex = this._cursorInfo.currentLineIndex;
+                            this._highlightCursorInfo.initialStartIndex = this._cursorInfo.globalStartIndex;
+                            this._highlightCursorInfo.initialRelativeStartIndex = this._cursorInfo.relativeStartIndex;
+                        }
+                        this._isTextHighlightOn = true;
+                        this._blinkIsEven = true;
+                    }
+                    else {
+                        this._isTextHighlightOn = false;
+                    }
+                    evt.preventDefault();
+                }
+                if (this._cursorInfo.currentLineIndex === 0) {
+                    // First line
+                    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;
+                    if (!this._isTextHighlightOn || this._cursorInfo.currentLineIndex < this._highlightCursorInfo.initialLineIndex) {
+                        tmpIndex = this._cursorInfo.globalStartIndex;
+                        relativeIndex = this._cursorInfo.relativeStartIndex;
+                    }
+                    else {
+                        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;
+                    tmpIndex -= relativeIndex; // Start of current line
+                    tmpIndex -= upperLine.text.length + upperLine.lineEnding.length; // Start of upper line
+                    var upperLineRelativeIndex = 0;
+                    while (upperWidth < currentWidth && upperLineRelativeIndex < upperLine.text.length) {
+                        tmpIndex++;
+                        upperLineRelativeIndex++;
+                        previousWidth = Math.abs(currentWidth - upperWidth);
+                        upperWidth = this._contextForBreakLines.measureText(upperLine.text.substr(0, upperLineRelativeIndex)).width;
+                    }
+                    // Find closest move
+                    if (Math.abs(currentWidth - upperWidth) > previousWidth && upperLineRelativeIndex > 0) {
+                        tmpIndex--;
+                    }
+                    if (!this._isTextHighlightOn) {
+                        this._cursorInfo.globalStartIndex = tmpIndex;
+                    }
+                    else if (this._cursorInfo.currentLineIndex <= this._highlightCursorInfo.initialLineIndex) {
+                        this._cursorInfo.globalStartIndex = tmpIndex;
+                        this._cursorInfo.globalEndIndex = this._highlightCursorInfo.initialStartIndex;
+                        this._cursorInfo.relativeEndIndex = this._highlightCursorInfo.initialRelativeStartIndex;
+                    }
+                    else {
+                        this._cursorInfo.globalEndIndex = tmpIndex;
+                    }
+                }
+                this._markAsDirty();
+                return;
+            case "ArrowDown": // DOWN
+                // update the cursor
+                this._blinkIsEven = false;
+                if (evt) {
+                    if (evt.shiftKey) {
+                        if (!this._isTextHighlightOn) {
+                            this._highlightCursorInfo.initialLineIndex = this._cursorInfo.currentLineIndex;
+                            this._highlightCursorInfo.initialStartIndex = this._cursorInfo.globalStartIndex;
+                            this._highlightCursorInfo.initialRelativeStartIndex = this._cursorInfo.relativeStartIndex;
+                        }
+                        this._isTextHighlightOn = true;
+                        this._blinkIsEven = true;
+                    }
+                    else {
+                        this._isTextHighlightOn = false;
+                    }
+                    evt.preventDefault();
+                }
+                if (this._cursorInfo.currentLineIndex === this._lines.length - 1) {
+                    // Last line
+                    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;
+                    if (!this._isTextHighlightOn || this._cursorInfo.currentLineIndex < this._highlightCursorInfo.initialLineIndex) {
+                        tmpIndex = this._cursorInfo.globalStartIndex;
+                        relativeIndex = this._cursorInfo.relativeStartIndex;
+                    }
+                    else {
+                        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;
+                    tmpIndex += currentLine.text.length - relativeIndex + currentLine.lineEnding.length; // Start of current line
+                    var underLineRelativeIndex = 0;
+                    while (underWidth < currentWidth && underLineRelativeIndex < underLine.text.length) {
+                        tmpIndex++;
+                        underLineRelativeIndex++;
+                        previousWidth = Math.abs(currentWidth - underWidth);
+                        underWidth = this._contextForBreakLines.measureText(underLine.text.substr(0, underLineRelativeIndex)).width;
+                    }
+                    // Find closest move
+                    if (Math.abs(currentWidth - underWidth) > previousWidth && underLineRelativeIndex > 0) {
+                        tmpIndex--;
+                    }
+                    if (!this._isTextHighlightOn) {
+                        this._cursorInfo.globalStartIndex = tmpIndex;
+                    }
+                    else if (this._cursorInfo.currentLineIndex < this._highlightCursorInfo.initialLineIndex) {
+                        this._cursorInfo.globalStartIndex = tmpIndex;
+                        if (this._cursorInfo.globalStartIndex > this._cursorInfo.globalEndIndex) {
+                            this._cursorInfo.globalEndIndex += this._cursorInfo.globalStartIndex;
+                            this._cursorInfo.globalStartIndex = this._cursorInfo.globalEndIndex - this._cursorInfo.globalStartIndex;
+                            this._cursorInfo.globalEndIndex -= this._cursorInfo.globalStartIndex;
+                        }
+                    }
+                    else {
+                        this._cursorInfo.globalEndIndex = tmpIndex;
+                        this._cursorInfo.globalStartIndex = this._highlightCursorInfo.initialStartIndex;
+                    }
+                }
+                this._markAsDirty();
+                return;
+        }
+        // Printable characters
+        if ((key === null || key === void 0 ? void 0 : key.length) === 1) {
+            evt === null || evt === void 0 ? void 0 : evt.preventDefault();
+            this._currentKey = key;
+            this.onBeforeKeyAddObservable.notifyObservers(this);
+            key = this._currentKey;
+            if (this._addKey) {
+                this._isTextHighlightOn = false;
+                this._blinkIsEven = false;
+                this._textWrapper.removePart(this._cursorInfo.globalStartIndex, this._cursorInfo.globalEndIndex, key);
+                this._cursorInfo.globalStartIndex += key.length;
+                this._cursorInfo.globalEndIndex = this._cursorInfo.globalStartIndex;
+                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;
+            if (testWidth > width) {
+                if (n > 0) {
+                    // Avoid first word duplication if of too long
+                    lineWidth = context.measureText(line).width;
+                    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 = "";
+                    }
+                    flushedLine_1 += char;
+                });
+                line = flushedLine_1;
+                // Measure remaining characters
+                lineWidth = context.measureText(line).width;
+            }
+            else {
+                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");
+        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));
+            }
+        }
+        else {
+            for (var _a = 0, _lines_2 = _lines; _a < _lines_2.length; _a++) {
+                var _line = _lines_2[_a];
+                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 = ""; }
+        return { text: line, width: context.measureText(line).width, lineEnding: " " };
+    };
+    /**
+     * Processing of child right before the parent measurement update
+     *
+     * @param parentMeasure The parent measure
+     * @param context The rendering canvas
+     * @hidden
+     */
+    InputTextArea.prototype._preMeasure = function (parentMeasure, context) {
+        if (!this._fontOffset || this._wasDirty) {
+            this._fontOffset = _control__WEBPACK_IMPORTED_MODULE_2__.Control._GetFontOffset(context.font);
+        }
+        var text = this._beforeRenderText(this._textWrapper).text;
+        // placeholder conditions and color setting
+        if (!this._isFocused && !this.text && this._placeholderText) {
+            text = this._placeholderText;
+            if (this._placeholderColor) {
+                context.fillStyle = this._placeholderColor;
+            }
+        }
+        // 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;
+        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;
+                return valueLength > accLength ? val : acc;
+            }, "");
+            var longerStringWidth = context.measureText(longerString).width;
+            this.width = Math.min(this._maxWidth.getValueInPixel(this._host, parentMeasure.width), longerStringWidth + marginWidth) + "px";
+            this.autoStretchWidth = true;
+        }
+        this._availableWidth = this._width.getValueInPixel(this._host, parentMeasure.width) - marginWidth;
+        // Prepare lines
+        this._lines = this._breakLines(this._availableWidth, context);
+        // 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;
+            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;
+            while (tmpLength + lineLength <= this._cursorInfo.globalStartIndex) {
+                tmpLength += lineLength;
+                if (this._cursorInfo.currentLineIndex < this._lines.length - 1) {
+                    this._cursorInfo.currentLineIndex++;
+                    lineLength = this._lines[this._cursorInfo.currentLineIndex].text.length + this._lines[this._cursorInfo.currentLineIndex].lineEnding.length;
+                }
+            }
+        }
+    };
+    /**
+     * Processing of child after the parent measurement update
+     *
+     * @param parentMeasure The parent measure
+     * @param context The rendering canvas
+     * @hidden
+     */
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    InputTextArea.prototype._additionalProcessing = function (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;
+            if (!this._scrollLeft) {
+                this._scrollLeft = textLeft;
+            }
+        }
+        else {
+            this._scrollLeft = this._clipTextLeft;
+        }
+        if (this._isFocused && !this._autoStretchHeight) {
+            var selectedHeight = (this._cursorInfo.currentLineIndex + 1) * this._fontOffset.height;
+            var textTop = this._clipTextTop - selectedHeight;
+            if (!this._scrollTop) {
+                this._scrollTop = textTop;
+            }
+        }
+        else {
+            this._scrollTop = this._clipTextTop;
+        }
+        // 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;
+        switch (this._textHorizontalAlignment) {
+            case _control__WEBPACK_IMPORTED_MODULE_2__.Control.HORIZONTAL_ALIGNMENT_LEFT:
+                x += 0;
+                break;
+            case _control__WEBPACK_IMPORTED_MODULE_2__.Control.HORIZONTAL_ALIGNMENT_RIGHT:
+                x += width - textWidth;
+                break;
+            case _control__WEBPACK_IMPORTED_MODULE_2__.Control.HORIZONTAL_ALIGNMENT_CENTER:
+                x += (width - textWidth) / 2;
+                break;
+        }
+        if (this.shadowBlur || this.shadowOffsetX || this.shadowOffsetY) {
+            context.shadowColor = this.shadowColor;
+            context.shadowBlur = this.shadowBlur;
+            context.shadowOffsetX = this.shadowOffsetX;
+            context.shadowOffsetY = this.shadowOffsetY;
+        }
+        if (this.outlineWidth) {
+            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) {
+        this._isTextHighlightOn = false;
+        //when write permission to clipbaord data is denied
+        try {
+            ev.clipboardData && ev.clipboardData.setData("text/plain", this._highlightedText);
+        }
+        catch (_a) { } //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) {
+        if (!this._highlightedText) {
+            return;
+        }
+        //when write permission to clipbaord data is denied
+        try {
+            ev.clipboardData && ev.clipboardData.setData("text/plain", this._highlightedText);
+        }
+        catch (_a) { } //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 = "";
+        if (ev.clipboardData && ev.clipboardData.types.indexOf("text/plain") !== -1) {
+            data = ev.clipboardData.getData("text/plain");
+        }
+        else {
+            //get the cached data; returns blank string by default
+            data = this._host.clipboardData;
+        }
+        this._isTextHighlightOn = false;
+        this._textWrapper.removePart(this._cursorInfo.globalStartIndex, this._cursorInfo.globalEndIndex, data);
+        var 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;
+        context.save();
+        this._applyStates(context);
+        if (this.shadowBlur || this.shadowOffsetX || this.shadowOffsetY) {
+            context.shadowColor = this.shadowColor;
+            context.shadowBlur = this.shadowBlur;
+            context.shadowOffsetX = this.shadowOffsetX;
+            context.shadowOffsetY = this.shadowOffsetY;
+        }
+        // Background
+        if (this._isFocused) {
+            if (this._focusedBackground) {
+                context.fillStyle = this._isEnabled ? this._focusedBackground : this._disabledColor;
+                context.fillRect(this._currentMeasure.left, this._currentMeasure.top, this._currentMeasure.width, this._currentMeasure.height);
+            }
+        }
+        else if (this._background) {
+            context.fillStyle = this._isEnabled ? this._background : this._disabledColor;
+            context.fillRect(this._currentMeasure.left, this._currentMeasure.top, this._currentMeasure.width, this._currentMeasure.height);
+        }
+        if (this.shadowBlur || this.shadowOffsetX || this.shadowOffsetY) {
+            context.shadowBlur = 0;
+            context.shadowOffsetX = 0;
+            context.shadowOffsetY = 0;
+        }
+        // sets the color of the rectangle (border if background available)
+        if (this.color) {
+            context.fillStyle = this.color;
+        }
+        var height = this._currentMeasure.height;
+        var width = this._currentMeasure.width;
+        var rootY = 0;
+        switch (this._textVerticalAlignment) {
+            case _control__WEBPACK_IMPORTED_MODULE_2__.Control.VERTICAL_ALIGNMENT_TOP:
+                rootY = this._fontOffset.ascent;
+                break;
+            case _control__WEBPACK_IMPORTED_MODULE_2__.Control.VERTICAL_ALIGNMENT_BOTTOM:
+                rootY = height - this._fontOffset.height * (this._lines.length - 1) - this._fontOffset.descent;
+                break;
+            case _control__WEBPACK_IMPORTED_MODULE_2__.Control.VERTICAL_ALIGNMENT_CENTER:
+                rootY = this._fontOffset.ascent + (height - this._fontOffset.height * this._lines.length) / 2;
+                break;
+        }
+        context.save();
+        context.beginPath();
+        context.fillStyle = this.fontStyle;
+        // here we define the visible reactangle to clip it in next line
+        context.rect(this._clipTextLeft, this._clipTextTop, this._availableWidth + 2, this._availableHeight + 2);
+        context.clip();
+        // Text
+        rootY += this._scrollTop;
+        for (var i = 0; i < this._lines.length; i++) {
+            var line = this._lines[i];
+            if (i !== 0 && this._lineSpacing.internalValue !== 0) {
+                if (this._lineSpacing.isPixel) {
+                    rootY += this._lineSpacing.getValue(this._host);
+                }
+                else {
+                    rootY = rootY + this._lineSpacing.getValue(this._host) * this._height.getValueInPixel(this._host, this._cachedParentMeasure.height);
+                }
+            }
+            this._drawText(line.text, line.width, rootY, context);
+            rootY += this._fontOffset.height;
+        }
+        context.restore();
+        // Cursor
+        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;
+                if (cursorLeft < this._clipTextLeft) {
+                    this._scrollLeft += this._clipTextLeft - cursorLeft;
+                    cursorLeft = this._clipTextLeft;
+                    this._markAsDirty();
+                }
+                else if (cursorLeft > this._clipTextLeft + this._availableWidth) {
+                    this._scrollLeft += this._clipTextLeft + this._availableWidth - cursorLeft;
+                    cursorLeft = this._clipTextLeft + this._availableWidth;
+                    this._markAsDirty();
+                }
+                var 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;
+                    this._markAsDirty();
+                }
+                else if (cursorTop + this._fontOffset.height > this._clipTextTop + this._availableHeight) {
+                    this._scrollTop += this._clipTextTop + this._availableHeight - cursorTop - this._fontOffset.height;
+                    cursorTop = this._clipTextTop + this._availableHeight - this._fontOffset.height;
+                    this._markAsDirty();
+                }
+                if (!this._isTextHighlightOn) {
+                    context.fillRect(cursorLeft, cursorTop, 2, this._fontOffset.height);
+                }
+            }
+            this._resetBlinking();
+            //show the highlighted text
+            if (this._isTextHighlightOn) {
+                clearTimeout(this._blinkTimeout);
+                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;
+                    switch (this._textHorizontalAlignment) {
+                        case _control__WEBPACK_IMPORTED_MODULE_2__.Control.HORIZONTAL_ALIGNMENT_LEFT:
+                            highlightRootX += 0;
+                            break;
+                        case _control__WEBPACK_IMPORTED_MODULE_2__.Control.HORIZONTAL_ALIGNMENT_RIGHT:
+                            highlightRootX += width - line.width;
+                            break;
+                        case _control__WEBPACK_IMPORTED_MODULE_2__.Control.HORIZONTAL_ALIGNMENT_CENTER:
+                            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;
+                    context.fillRect(highlightRootX + leftOffsetWidth, highlightRootY, hightlightWidth, this._fontOffset.height);
+                    highlightRootY += this._fontOffset.height;
+                }
+                if (this._cursorInfo.globalEndIndex === this._cursorInfo.globalStartIndex) {
+                    this._resetBlinking();
+                }
+            }
+        }
+        context.restore();
+        // Border
+        if (this._thickness) {
+            if (this._isFocused) {
+                if (this.focusedColor) {
+                    context.strokeStyle = this.focusedColor;
+                }
+            }
+            else {
+                if (this.color) {
+                    context.strokeStyle = this.color;
+                }
+            }
+            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;
+        clearTimeout(this._blinkTimeout);
+        this._blinkTimeout = setTimeout(function () {
+            _this._blinkIsEven = !_this._blinkIsEven;
+            _this._markAsDirty();
+        }, 500);
+    };
+    InputTextArea.prototype._applyStates = function (context) {
+        _super.prototype._applyStates.call(this, 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)) {
+            return false;
+        }
+        this._clickedCoordinateX = coordinates.x;
+        this._clickedCoordinateY = coordinates.y;
+        this._isTextHighlightOn = false;
+        this._highlightedText = "";
+        this._isPointerDown = true;
+        this._host._capturingControl[pointerId] = this;
+        if (this._host.focusedControl === this) {
+            // Move cursor
+            clearTimeout(this._blinkTimeout);
+            this._markAsDirty();
+            return true;
+        }
+        if (!this._isEnabled) {
+            return false;
+        }
+        this._host.focusedControl = this;
+        return true;
+    };
+    // for textselection
+    InputTextArea.prototype._onPointerMove = function (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;
+        }
+        if (this._host.focusedControl === this && this._isPointerDown) {
+            this._clickedCoordinateX = coordinates.x;
+            this._clickedCoordinateY = coordinates.y;
+            if (!this._isTextHighlightOn) {
+                this._highlightCursorInfo.initialLineIndex = this._cursorInfo.currentLineIndex;
+                this._highlightCursorInfo.initialStartIndex = this._cursorInfo.globalStartIndex;
+                this._highlightCursorInfo.initialRelativeStartIndex = this._cursorInfo.relativeStartIndex;
+                this._isTextHighlightOn = true;
+            }
+            this._markAsDirty();
+        }
+        _super.prototype._onPointerMove.call(this, target, coordinates, pointerId, pi);
+    };
+    /**
+     * Apply the correct position of cursor according to current modification
+     */
+    InputTextArea.prototype._updateCursorPosition = function () {
+        var _a;
+        if (!this._isFocused) {
+            return;
+        }
+        if (this._clickedCoordinateX && this._clickedCoordinateY) {
+            if (!this._isTextHighlightOn) {
+                this._cursorInfo = {
+                    globalStartIndex: 0,
+                    globalEndIndex: 0,
+                    relativeStartIndex: 0,
+                    relativeEndIndex: 0,
+                    currentLineIndex: 0,
+                };
+            }
+            var globalIndex = 0;
+            var relativeIndex = 0;
+            var lastClickedCoordinateY = this._clickedCoordinateY - this._scrollTop;
+            var 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];
+                globalIndex += line.text.length + line.lineEnding.length;
+            }
+            while (currentSize < relativeXPosition && this._lines[this._cursorInfo.currentLineIndex].text.length > relativeIndex) {
+                relativeIndex++;
+                previousDist = Math.abs(relativeXPosition - currentSize);
+                currentSize = this._contextForBreakLines.measureText(this._lines[this._cursorInfo.currentLineIndex].text.substr(0, relativeIndex)).width;
+            }
+            // Find closest move
+            if (Math.abs(relativeXPosition - currentSize) > previousDist && relativeIndex > 0) {
+                relativeIndex--;
+            }
+            globalIndex += relativeIndex;
+            if (!this._isTextHighlightOn) {
+                this._cursorInfo.globalStartIndex = globalIndex;
+                this._cursorInfo.relativeStartIndex = relativeIndex;
+                this._cursorInfo.globalEndIndex = this._cursorInfo.globalStartIndex;
+                this._cursorInfo.relativeEndIndex = this._cursorInfo.relativeStartIndex;
+            }
+            else {
+                if (globalIndex < this._highlightCursorInfo.initialStartIndex) {
+                    this._cursorInfo.globalStartIndex = globalIndex;
+                    this._cursorInfo.relativeStartIndex = relativeIndex;
+                    this._cursorInfo.globalEndIndex = this._highlightCursorInfo.initialStartIndex;
+                    this._cursorInfo.relativeEndIndex = this._highlightCursorInfo.initialRelativeStartIndex;
+                }
+                else {
+                    this._cursorInfo.globalStartIndex = this._highlightCursorInfo.initialStartIndex;
+                    this._cursorInfo.relativeStartIndex = this._highlightCursorInfo.initialRelativeStartIndex;
+                    this._cursorInfo.globalEndIndex = globalIndex;
+                    this._cursorInfo.relativeEndIndex = relativeIndex;
+                }
+            }
+            // Avoid the caret during highlighting
+            this._blinkIsEven = this._isTextHighlightOn;
+            this._clickedCoordinateX = null;
+            this._clickedCoordinateY = null;
+        }
+        else {
+            // 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;
+            while (tmpLength + lineLength <= this._cursorInfo.globalStartIndex) {
+                tmpLength += lineLength;
+                if (this._cursorInfo.currentLineIndex < this._lines.length - 1) {
+                    this._cursorInfo.currentLineIndex++;
+                    lineLength = this._lines[this._cursorInfo.currentLineIndex].text.length + this._lines[this._cursorInfo.currentLineIndex].lineEnding.length;
+                }
+            }
+            this._cursorInfo.relativeStartIndex = this._cursorInfo.globalStartIndex - tmpLength;
+            if (this._highlightCursorInfo.initialStartIndex !== -1 && this._cursorInfo.globalStartIndex >= this._highlightCursorInfo.initialStartIndex) {
+                // Current line is at least below the initial highlight index
+                while (tmpLength + lineLength <= this._cursorInfo.globalEndIndex) {
+                    tmpLength += lineLength;
+                    if (this._cursorInfo.currentLineIndex < this._lines.length - 1) {
+                        this._cursorInfo.currentLineIndex++;
+                        lineLength = this._lines[this._cursorInfo.currentLineIndex].text.length + this._lines[this._cursorInfo.currentLineIndex].lineEnding.length;
+                    }
+                }
+                this._cursorInfo.relativeEndIndex = this._cursorInfo.globalEndIndex - tmpLength;
+            }
+            else if (!this._isTextHighlightOn) {
+                this._cursorInfo.relativeEndIndex = this._cursorInfo.relativeStartIndex;
+                this._cursorInfo.globalEndIndex = this._cursorInfo.globalStartIndex;
+            }
+        }
+    };
+    /**
+     * Update all values of cursor information based on cursorIndex value
+     *
+     * @param offset The index to take care of
+     * @hidden
+     */
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    InputTextArea.prototype._updateValueFromCursorIndex = function (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) {
+        //pre-find the start and end index of the word under cursor, speeds up the rendering
+        var moveLeft, moveRight;
+        do {
+            moveLeft = this._cursorInfo.globalStartIndex > 0 && this._textWrapper.isWord(this._cursorInfo.globalStartIndex - 1) ? --this._cursorInfo.globalStartIndex : 0;
+            moveRight =
+                this._cursorInfo.globalEndIndex < this._textWrapper.length && this._textWrapper.isWord(this._cursorInfo.globalEndIndex) ? ++this._cursorInfo.globalEndIndex : 0;
+        } while (moveLeft || moveRight);
+        this._highlightCursorInfo.initialLineIndex = this._cursorInfo.currentLineIndex;
+        this._highlightCursorInfo.initialStartIndex = this._cursorInfo.globalStartIndex;
+        this.onTextHighlightObservable.notifyObservers(this);
+        this._isTextHighlightOn = true;
+        this._blinkIsEven = true;
+        this._markAsDirty();
+    };
+    /** @hidden */
+    InputTextArea.prototype._selectAllText = function () {
+        this._isTextHighlightOn = true;
+        this._blinkIsEven = true;
+        this._highlightCursorInfo = {
+            initialStartIndex: 0,
+            initialRelativeStartIndex: 0,
+            initialLineIndex: 0,
+        };
+        this._cursorInfo = {
+            globalStartIndex: 0,
+            globalEndIndex: this._textWrapper.length,
+            relativeEndIndex: this._lines[this._lines.length - 1].text.length,
+            relativeStartIndex: 0,
+            currentLineIndex: this._lines.length - 1,
+        };
+        this._markAsDirty();
+    };
+    InputTextArea.prototype.dipose = function () {
+        _super.prototype.dispose.call(this);
+        this.onLinesReadyObservable.clear();
+    };
+    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
+        (0,core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__.serialize)()
+    ], InputTextArea.prototype, "autoStretchHeight", null);
+    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
+        (0,core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__.serialize)()
+    ], InputTextArea.prototype, "maxHeight", null);
+    return InputTextArea;
+}(_inputText__WEBPACK_IMPORTED_MODULE_4__.InputText));
+
+(0,core_Misc_observable__WEBPACK_IMPORTED_MODULE_1__.RegisterClass)("BABYLON.GUI.InputTextArea", InputTextArea);
+
+
+/***/ }),
+
+/***/ "../../../lts/gui/dist/2D/controls/line.js":
+/*!*************************************************!*\
+  !*** ../../../lts/gui/dist/2D/controls/line.js ***!
+  \*************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Line": () => (/* binding */ Line)
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../../../node_modules/tslib/tslib.es6.js");
+/* harmony import */ var core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core/Misc/decorators */ "core/Misc/observable");
+/* harmony import */ var core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./control */ "../../../lts/gui/dist/2D/controls/control.js");
+/* harmony import */ var _valueAndUnit__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../valueAndUnit */ "../../../lts/gui/dist/2D/valueAndUnit.js");
+
+
+
+
+
+
+
+/** Class used to render 2D lines */
+var Line = /** @class */ (function (_super) {
+    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(Line, _super);
+    /**
+     * Creates a new Line
+     * @param name defines the control name
+     */
+    function Line(name) {
+        var _this = _super.call(this, name) || this;
+        _this.name = name;
+        _this._lineWidth = 1;
+        _this._x1 = new _valueAndUnit__WEBPACK_IMPORTED_MODULE_3__.ValueAndUnit(0);
+        _this._y1 = new _valueAndUnit__WEBPACK_IMPORTED_MODULE_3__.ValueAndUnit(0);
+        _this._x2 = new _valueAndUnit__WEBPACK_IMPORTED_MODULE_3__.ValueAndUnit(0);
+        _this._y2 = new _valueAndUnit__WEBPACK_IMPORTED_MODULE_3__.ValueAndUnit(0);
+        _this._dash = new Array();
+        _this._automaticSize = true;
+        _this.isHitTestVisible = false;
+        _this._horizontalAlignment = _control__WEBPACK_IMPORTED_MODULE_2__.Control.HORIZONTAL_ALIGNMENT_LEFT;
+        _this._verticalAlignment = _control__WEBPACK_IMPORTED_MODULE_2__.Control.VERTICAL_ALIGNMENT_TOP;
+        return _this;
+    }
+    Object.defineProperty(Line.prototype, "dash", {
+        /** Gets or sets the dash pattern */
+        get: function () {
+            return this._dash;
+        },
+        set: function (value) {
+            if (this._dash === value) {
+                return;
+            }
+            this._dash = value;
+            this._markAsDirty();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Line.prototype, "connectedControl", {
+        /** Gets or sets the control connected with the line end */
+        get: function () {
+            return this._connectedControl;
+        },
+        set: function (value) {
+            var _this = this;
+            if (this._connectedControl === value) {
+                return;
+            }
+            if (this._connectedControlDirtyObserver && this._connectedControl) {
+                this._connectedControl.onDirtyObservable.remove(this._connectedControlDirtyObserver);
+                this._connectedControlDirtyObserver = null;
+            }
+            if (value) {
+                this._connectedControlDirtyObserver = value.onDirtyObservable.add(function () { return _this._markAsDirty(); });
+            }
+            this._connectedControl = value;
+            this._markAsDirty();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Line.prototype, "x1", {
+        /** Gets or sets start coordinates on X axis */
+        get: function () {
+            return this._x1.toString(this._host);
+        },
+        set: function (value) {
+            if (this._x1.toString(this._host) === value) {
+                return;
+            }
+            if (this._x1.fromString(value)) {
+                this._markAsDirty();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Line.prototype, "y1", {
+        /** Gets or sets start coordinates on Y axis */
+        get: function () {
+            return this._y1.toString(this._host);
+        },
+        set: function (value) {
+            if (this._y1.toString(this._host) === value) {
+                return;
+            }
+            if (this._y1.fromString(value)) {
+                this._markAsDirty();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Line.prototype, "x2", {
+        /** Gets or sets end coordinates on X axis */
+        get: function () {
+            return this._x2.toString(this._host);
+        },
+        set: function (value) {
+            if (this._x2.toString(this._host) === value) {
+                return;
+            }
+            if (this._x2.fromString(value)) {
+                this._markAsDirty();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Line.prototype, "y2", {
+        /** Gets or sets end coordinates on Y axis */
+        get: function () {
+            return this._y2.toString(this._host);
+        },
+        set: function (value) {
+            if (this._y2.toString(this._host) === value) {
+                return;
+            }
+            if (this._y2.fromString(value)) {
+                this._markAsDirty();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Line.prototype, "lineWidth", {
+        /** Gets or sets line width */
+        get: function () {
+            return this._lineWidth;
+        },
+        set: function (value) {
+            if (this._lineWidth === value) {
+                return;
+            }
+            this._lineWidth = value;
+            this._markAsDirty();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Line.prototype, "horizontalAlignment", {
+        /** Gets or sets horizontal alignment */
+        set: function (value) {
+            return;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Line.prototype, "verticalAlignment", {
+        /** Gets or sets vertical alignment */
+        set: function (value) {
+            return;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Line.prototype, "_effectiveX2", {
+        get: function () {
+            return (this._connectedControl ? this._connectedControl.centerX : 0) + this._x2.getValue(this._host);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Line.prototype, "_effectiveY2", {
+        get: function () {
+            return (this._connectedControl ? this._connectedControl.centerY : 0) + this._y2.getValue(this._host);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Line.prototype._getTypeName = function () {
+        return "Line";
+    };
+    Line.prototype._draw = function (context) {
+        context.save();
+        if (this.shadowBlur || this.shadowOffsetX || this.shadowOffsetY) {
+            context.shadowColor = this.shadowColor;
+            context.shadowBlur = this.shadowBlur;
+            context.shadowOffsetX = this.shadowOffsetX;
+            context.shadowOffsetY = this.shadowOffsetY;
+        }
+        this._applyStates(context);
+        context.strokeStyle = this.color;
+        context.lineWidth = this._lineWidth;
+        context.setLineDash(this._dash);
+        context.beginPath();
+        context.moveTo(this._cachedParentMeasure.left + this._x1.getValue(this._host), this._cachedParentMeasure.top + this._y1.getValue(this._host));
+        context.lineTo(this._cachedParentMeasure.left + this._effectiveX2, this._cachedParentMeasure.top + this._effectiveY2);
+        context.stroke();
+        context.restore();
+    };
+    Line.prototype._measure = function () {
+        // Width / Height
+        this._currentMeasure.width = Math.abs(this._x1.getValue(this._host) - this._effectiveX2) + this._lineWidth;
+        this._currentMeasure.height = Math.abs(this._y1.getValue(this._host) - this._effectiveY2) + this._lineWidth;
+    };
+    Line.prototype._computeAlignment = function (parentMeasure) {
+        this._currentMeasure.left = parentMeasure.left + Math.min(this._x1.getValue(this._host), this._effectiveX2) - this._lineWidth / 2;
+        this._currentMeasure.top = parentMeasure.top + Math.min(this._y1.getValue(this._host), this._effectiveY2) - this._lineWidth / 2;
+    };
+    /**
+     * Move one end of the line given 3D cartesian coordinates.
+     * @param position Targeted world position
+     * @param scene Scene
+     * @param end (opt) Set to true to assign x2 and y2 coordinates of the line. Default assign to x1 and y1.
+     */
+    Line.prototype.moveToVector3 = function (position, scene, end) {
+        if (end === void 0) { end = false; }
+        if (!this._host || this.parent !== this._host._rootContainer) {
+            core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__.Tools.Error("Cannot move a control to a vector3 if the control is not at root level");
+            return;
+        }
+        var globalViewport = this._host._getGlobalViewport();
+        var projectedPosition = core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__.Vector3.Project(position, core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__.Matrix.Identity(), scene.getTransformMatrix(), globalViewport);
+        this._moveToProjectedPosition(projectedPosition, end);
+        if (projectedPosition.z < 0 || projectedPosition.z > 1) {
+            this.notRenderable = true;
+            return;
+        }
+        this.notRenderable = false;
+    };
+    /**
+     * Move one end of the line to a position in screen absolute space.
+     * @param projectedPosition Position in screen absolute space (X, Y)
+     * @param end (opt) Set to true to assign x2 and y2 coordinates of the line. Default assign to x1 and y1.
+     */
+    Line.prototype._moveToProjectedPosition = function (projectedPosition, end) {
+        if (end === void 0) { end = false; }
+        var x = projectedPosition.x + this._linkOffsetX.getValue(this._host) + "px";
+        var y = projectedPosition.y + this._linkOffsetY.getValue(this._host) + "px";
+        if (end) {
+            this.x2 = x;
+            this.y2 = y;
+            this._x2.ignoreAdaptiveScaling = true;
+            this._y2.ignoreAdaptiveScaling = true;
+        }
+        else {
+            this.x1 = x;
+            this.y1 = y;
+            this._x1.ignoreAdaptiveScaling = true;
+            this._y1.ignoreAdaptiveScaling = true;
+        }
+    };
+    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
+        (0,core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__.serialize)()
+    ], Line.prototype, "dash", null);
+    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
+        (0,core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__.serialize)()
+    ], Line.prototype, "x1", null);
+    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
+        (0,core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__.serialize)()
+    ], Line.prototype, "y1", null);
+    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
+        (0,core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__.serialize)()
+    ], Line.prototype, "x2", null);
+    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
+        (0,core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__.serialize)()
+    ], Line.prototype, "y2", null);
+    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
+        (0,core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__.serialize)()
+    ], Line.prototype, "lineWidth", null);
+    return Line;
+}(_control__WEBPACK_IMPORTED_MODULE_2__.Control));
+
 (0,core_Maths_math_vector__WEBPACK_IMPORTED_MODULE_1__.RegisterClass)("BABYLON.GUI.Line", Line);
 
 
@@ -14871,6 +15975,9 @@ var TextBlock = /** @class */ (function (_super) {
         return lines;
     };
     TextBlock.prototype._renderLines = function (context) {
+        if (!this._fontOffset || !this._lines) {
+            return;
+        }
         var height = this._currentMeasure.height;
         var rootY = 0;
         switch (this._textVerticalAlignment) {
@@ -15710,6 +16817,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "ImageScrollBar": () => (/* reexport safe */ _controls_index__WEBPACK_IMPORTED_MODULE_0__.ImageScrollBar),
 /* harmony export */   "InputPassword": () => (/* reexport safe */ _controls_index__WEBPACK_IMPORTED_MODULE_0__.InputPassword),
 /* harmony export */   "InputText": () => (/* reexport safe */ _controls_index__WEBPACK_IMPORTED_MODULE_0__.InputText),
+/* harmony export */   "InputTextArea": () => (/* reexport safe */ _controls_index__WEBPACK_IMPORTED_MODULE_0__.InputTextArea),
 /* harmony export */   "KeyPropertySet": () => (/* reexport safe */ _controls_index__WEBPACK_IMPORTED_MODULE_0__.KeyPropertySet),
 /* harmony export */   "Line": () => (/* reexport safe */ _controls_index__WEBPACK_IMPORTED_MODULE_0__.Line),
 /* harmony export */   "Matrix2D": () => (/* reexport safe */ _math2D__WEBPACK_IMPORTED_MODULE_3__.Matrix2D),
@@ -26471,6 +27579,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "ImageScrollBar": () => (/* reexport safe */ _2D_index__WEBPACK_IMPORTED_MODULE_0__.ImageScrollBar),
 /* harmony export */   "InputPassword": () => (/* reexport safe */ _2D_index__WEBPACK_IMPORTED_MODULE_0__.InputPassword),
 /* harmony export */   "InputText": () => (/* reexport safe */ _2D_index__WEBPACK_IMPORTED_MODULE_0__.InputText),
+/* harmony export */   "InputTextArea": () => (/* reexport safe */ _2D_index__WEBPACK_IMPORTED_MODULE_0__.InputTextArea),
 /* harmony export */   "KeyPropertySet": () => (/* reexport safe */ _2D_index__WEBPACK_IMPORTED_MODULE_0__.KeyPropertySet),
 /* harmony export */   "Line": () => (/* reexport safe */ _2D_index__WEBPACK_IMPORTED_MODULE_0__.Line),
 /* harmony export */   "MRDLBackplateMaterial": () => (/* reexport safe */ _3D_index__WEBPACK_IMPORTED_MODULE_1__.MRDLBackplateMaterial),
@@ -26569,6 +27678,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "ImageScrollBar": () => (/* reexport safe */ _index__WEBPACK_IMPORTED_MODULE_0__.ImageScrollBar),
 /* harmony export */   "InputPassword": () => (/* reexport safe */ _index__WEBPACK_IMPORTED_MODULE_0__.InputPassword),
 /* harmony export */   "InputText": () => (/* reexport safe */ _index__WEBPACK_IMPORTED_MODULE_0__.InputText),
+/* harmony export */   "InputTextArea": () => (/* reexport safe */ _index__WEBPACK_IMPORTED_MODULE_0__.InputTextArea),
 /* harmony export */   "KeyPropertySet": () => (/* reexport safe */ _index__WEBPACK_IMPORTED_MODULE_0__.KeyPropertySet),
 /* harmony export */   "Line": () => (/* reexport safe */ _index__WEBPACK_IMPORTED_MODULE_0__.Line),
 /* harmony export */   "MRDLBackplateMaterial": () => (/* reexport safe */ _index__WEBPACK_IMPORTED_MODULE_0__.MRDLBackplateMaterial),