igniteui-webcomponents-inputs 4.2.5 → 4.3.0-beta.0

package/esm5/lib/igc-x-input-component.js

@@ -1,4 +1,4 @@
-import * as tslib_1 from "tslib";
+import { __extends, __values } from "tslib";
 import { XInput } from "./XInput";
 import { ensureEnum, brushToString, stringToBrush, ensureBool, NamePatcher, toSpinal, enumToString, getAllPropertyNames } from "igniteui-webcomponents-core";
 import { FontInfo } from "igniteui-webcomponents-core";
@@ -10,6 +10,7 @@ import { IgcInputChangeEventArgs } from './igc-input-change-event-args';
 import { ControlDisplayDensity_$type } from "igniteui-webcomponents-core";
 import { IgcKeyEventArgs } from "igniteui-webcomponents-core";
 import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
+import { HorizontalAlignment_$type } from "igniteui-webcomponents-core";
 var requiredStyle = "\n\n";
 var pending = [];
 var checked = /*@__PURE__*/ new WeakMap(); // TODO why not WeakSet?
@@ -53,7 +54,7 @@ function injectCss(style, attributeName, onload) {
     document.head.appendChild(styleEle);
 }
 var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
-    tslib_1.__extends(IgcXInputComponent, _super);
+    __extends(IgcXInputComponent, _super);
     function IgcXInputComponent() {
         var _this = _super.call(this) || this;
         _this._disconnected = false;
@@ -95,7 +96,7 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         var mut = new MutationObserver(function (list) {
             var e_1, _b;
             try {
-                for (var list_1 = tslib_1.__values(list), list_1_1 = list_1.next(); !list_1_1.done; list_1_1 = list_1.next()) {
+                for (var list_1 = __values(list), list_1_1 = list_1.next(); !list_1_1.done; list_1_1 = list_1.next()) {
                     var mutation = list_1_1.value;
                     if (mutation.type == 'childList') {
                         _this._onChildrenChanged();
@@ -182,7 +183,7 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         get: function () {
             return this._implementation;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent, "observedAttributes", {
@@ -196,7 +197,7 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             return IgcXInputComponent._observedAttributesIgcXInputComponent;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXInputComponent.register = function () {
@@ -216,7 +217,7 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.w = ensureEnum(BaseControlTheme_$type, v);
             this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.w));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "density", {
@@ -230,7 +231,7 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.aa = ensureEnum(ControlDisplayDensity_$type, v);
             this._a("density", enumToString(ControlDisplayDensity_$type, this.i.aa));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "actualDensity", {
@@ -244,7 +245,7 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.z = ensureEnum(ControlDisplayDensity_$type, v);
             this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.z));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "mask", {
@@ -252,12 +253,12 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets/Sets the input mask for the input.
         */
         get: function () {
-            return this.i.cc;
+            return this.i.ce;
         },
         set: function (v) {
-            this.i.cc = v;
+            this.i.ce = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "promptChar", {
@@ -265,12 +266,12 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets/Sets the character representing a fillable spot in the input mask
         */
         get: function () {
-            return this.i.cg;
+            return this.i.ci;
         },
         set: function (v) {
-            this.i.cg = v;
+            this.i.ci = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "includeLiterals", {
@@ -278,13 +279,24 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Specifies if the bound value includes the formatting symbols.
         */
         get: function () {
-            return this.i.at;
+            return this.i.au;
+        },
+        set: function (v) {
+            this.i.au = ensureBool(v);
+            this._a("includeLiterals", this.i.au);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcXInputComponent.prototype, "showSpinner", {
+        get: function () {
+            return this.i.a1;
         },
         set: function (v) {
-            this.i.at = ensureBool(v);
-            this._a("includeLiterals", this.i.at);
+            this.i.a1 = ensureBool(v);
+            this._a("showSpinner", this.i.a1);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "actualTextColor", {
@@ -292,13 +304,13 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual color to use for the text color.
         */
         get: function () {
-            return brushToString(this.i.dx);
+            return brushToString(this.i.d4);
         },
         set: function (v) {
-            this.i.dx = stringToBrush(v);
-            this._a("actualTextColor", brushToString(this.i.dx));
+            this.i.d4 = stringToBrush(v);
+            this._a("actualTextColor", brushToString(this.i.d4));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "actualHoverTextColor", {
@@ -306,13 +318,13 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual hover color to use for the text.
         */
         get: function () {
-            return brushToString(this.i.dw);
+            return brushToString(this.i.d3);
         },
         set: function (v) {
-            this.i.dw = stringToBrush(v);
-            this._a("actualHoverTextColor", brushToString(this.i.dw));
+            this.i.d3 = stringToBrush(v);
+            this._a("actualHoverTextColor", brushToString(this.i.d3));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "textColor", {
@@ -320,13 +332,13 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text.
         */
         get: function () {
-            return brushToString(this.i.d1);
+            return brushToString(this.i.d8);
         },
         set: function (v) {
-            this.i.d1 = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.d1));
+            this.i.d8 = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.d8));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "textStyle", {
@@ -345,7 +357,7 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.af = fi;
             this._a("textStyle", this.i.af != null ? this.i.af.fontString : "");
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "inputType", {
@@ -353,12 +365,12 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the type to use for the input.
         */
         get: function () {
-            return this.i.b6;
+            return this.i.b8;
         },
         set: function (v) {
-            this.i.b6 = v;
+            this.i.b8 = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "placeholder", {
@@ -366,12 +378,12 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the placeholder to use for the input.
         */
         get: function () {
-            return this.i.ce;
+            return this.i.cg;
         },
         set: function (v) {
-            this.i.ce = v;
+            this.i.cg = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "hoverTextColor", {
@@ -379,13 +391,13 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the hovered text of the button regardless of type.
         */
         get: function () {
-            return brushToString(this.i.d0);
+            return brushToString(this.i.d7);
         },
         set: function (v) {
-            this.i.d0 = stringToBrush(v);
-            this._a("hoverTextColor", brushToString(this.i.d0));
+            this.i.d7 = stringToBrush(v);
+            this._a("hoverTextColor", brushToString(this.i.d7));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "id", {
@@ -393,12 +405,12 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the id to use for the checkbox.
         */
         get: function () {
-            return this.i.b3;
+            return this.i.b5;
         },
         set: function (v) {
-            this.i.b3 = v;
+            this.i.b5 = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "tabIndex", {
@@ -406,13 +418,13 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets TabIndex to use for the checkbox.
         */
         get: function () {
-            return this.i.bc;
+            return this.i.be;
         },
         set: function (v) {
-            this.i.bc = +v;
-            this._a("tabIndex", this.i.bc);
+            this.i.be = +v;
+            this._a("tabIndex", this.i.be);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "for", {
@@ -420,12 +432,12 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the for attribute to use for the input.
         */
         get: function () {
-            return this.i.b0;
+            return this.i.b2;
         },
         set: function (v) {
-            this.i.b0 = v;
+            this.i.b2 = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "ariaLabel", {
@@ -433,12 +445,12 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the value of the aria-label attribute.
         */
         get: function () {
-            return this.i.bv;
+            return this.i.bx;
         },
         set: function (v) {
-            this.i.bv = v;
+            this.i.bx = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "isHover", {
@@ -446,13 +458,13 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the input is hovered.
         */
         get: function () {
-            return this.i.av;
+            return this.i.aw;
         },
         set: function (v) {
-            this.i.av = ensureBool(v);
-            this._a("isHover", this.i.av);
+            this.i.aw = ensureBool(v);
+            this._a("isHover", this.i.aw);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "value", {
@@ -460,19 +472,19 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the value for the input.
         */
         get: function () {
-            return this.i.cm;
+            return this.i.cq;
         },
         set: function (v) {
-            this.i.cm = v;
+            this.i.cq = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "hasValue", {
         get: function () {
-            return this.i.as;
+            return this.i.at;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "disabled", {
@@ -486,7 +498,7 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.disabled = ensureBool(v);
             this._a("disabled", this.i.disabled);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "readonly", {
@@ -500,7 +512,21 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.readonly = ensureBool(v);
             this._a("readonly", this.i.readonly);
         },
-        enumerable: true,
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcXInputComponent.prototype, "textAlignment", {
+        /**
+         * Gets or sets the alignment of the text.
+        */
+        get: function () {
+            return this.i.dy;
+        },
+        set: function (v) {
+            this.i.dy = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("textAlignment", enumToString(HorizontalAlignment_$type, this.i.dy));
+        },
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "selectionStart", {
@@ -514,7 +540,7 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.selectionStart = +v;
             this._a("selectionStart", this.i.selectionStart);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "selectionEnd", {
@@ -528,7 +554,7 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.selectionEnd = +v;
             this._a("selectionEnd", this.i.selectionEnd);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXInputComponent.prototype.onDetachedFromUI = function () {
@@ -542,7 +568,7 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcXInputComponent.prototype.exportVisualModel = function () {
-        var iv = this.i.be();
+        var iv = this.i.bg();
         return (iv);
     };
     /**
@@ -550,17 +576,17 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcXInputComponent.prototype.exportSerializedVisualModel = function () {
-        var iv = this.i.bz();
+        var iv = this.i.b1();
         return (iv);
     };
     IgcXInputComponent.prototype.setSelectionRange = function (selectionStart, selectionEnd) {
-        this.i.dl(selectionStart, selectionEnd);
+        this.i.dr(selectionStart, selectionEnd);
     };
     IgcXInputComponent.prototype.blur = function () {
-        this.i.cp();
+        this.i.ct();
     };
     IgcXInputComponent.prototype.select = function () {
-        this.i.dj();
+        this.i.dp();
     };
     Object.defineProperty(IgcXInputComponent.prototype, "keyDown", {
         get: function () {
@@ -587,7 +613,7 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.keyDown = delegateCombine(this.i.keyDown, this._keyDown_wrapped);
             ;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "keyUp", {
@@ -615,7 +641,7 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.keyUp = delegateCombine(this.i.keyUp, this._keyUp_wrapped);
             ;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "keyPress", {
@@ -643,7 +669,7 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.keyPress = delegateCombine(this.i.keyPress, this._keyPress_wrapped);
             ;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "change", {
@@ -671,7 +697,7 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.change = delegateCombine(this.i.change, this._change_wrapped);
             ;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "changing", {
@@ -699,7 +725,7 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.changing = delegateCombine(this.i.changing, this._changing_wrapped);
             ;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "compositionEnd", {
@@ -727,7 +753,7 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.compositionEnd = delegateCombine(this.i.compositionEnd, this._compositionEnd_wrapped);
             ;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXInputComponent._observedAttributesIgcXInputComponent = null;