igniteui-webcomponents-inputs 4.0.3 → 4.2.2

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

@@ -1,11 +1,12 @@
 import * as tslib_1 from "tslib";
 import { XIcon } from "./XIcon";
-import { brushToString, stringToBrush, ensureBool, initializePropertiesFromCss, NamePatcher, toSpinal, getAllPropertyNames, fromSpinal } from "igniteui-webcomponents-core";
+import { ensureEnum, brushToString, stringToBrush, ensureBool, initializePropertiesFromCss, NamePatcher, toSpinal, enumToString, getAllPropertyNames, fromSpinal } from "igniteui-webcomponents-core";
 import { FontInfo } from "igniteui-webcomponents-core";
 import { WebComponentRenderer, PortalManager } from "igniteui-webcomponents-core";
 import { TypeRegistrar } from "igniteui-webcomponents-core";
 import { RegisterElementHelper } from "igniteui-webcomponents-core";
 import { IgcHTMLElement } from "igniteui-webcomponents-core";
+import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
 var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     tslib_1.__extends(IgcXIconComponent, _super);
     function IgcXIconComponent() {
@@ -208,16 +209,30 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             RegisterElementHelper.registerElement(IgcXIconComponent.htmlTagName, IgcXIconComponent);
         }
     };
-    Object.defineProperty(IgcXIconComponent.prototype, "actualFill", {
+    Object.defineProperty(IgcXIconComponent.prototype, "baseTheme", {
         /**
-     * Gets the color to use for the actual background.
+     * Gets or sets the base built in theme to use for the button.
     */
         get: function () {
-            return brushToString(this.i.bu);
+            return this.i.e;
+        },
+        set: function (v) {
+            this.i.e = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.e));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcXIconComponent.prototype, "actualFill", {
+        /**
+         * Gets the color to use for the actual background.
+        */
+        get: function () {
+            return brushToString(this.i.bx);
         },
         set: function (v) {
-            this.i.bu = stringToBrush(v);
-            this._a("actualFill", brushToString(this.i.bu));
+            this.i.bx = stringToBrush(v);
+            this._a("actualFill", brushToString(this.i.bx));
         },
         enumerable: true,
         configurable: true
@@ -227,11 +242,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the color to use for the actual text color.
         */
         get: function () {
-            return brushToString(this.i.by);
+            return brushToString(this.i.b1);
         },
         set: function (v) {
-            this.i.by = stringToBrush(v);
-            this._a("actualTextColor", brushToString(this.i.by));
+            this.i.b1 = stringToBrush(v);
+            this._a("actualTextColor", brushToString(this.i.b1));
         },
         enumerable: true,
         configurable: true
@@ -241,11 +256,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the color to use for the actual background.
         */
         get: function () {
-            return brushToString(this.i.bv);
+            return brushToString(this.i.by);
         },
         set: function (v) {
-            this.i.bv = stringToBrush(v);
-            this._a("actualHoverFill", brushToString(this.i.bv));
+            this.i.by = stringToBrush(v);
+            this._a("actualHoverFill", brushToString(this.i.by));
         },
         enumerable: true,
         configurable: true
@@ -255,11 +270,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the hover stroke to use for the icon.
         */
         get: function () {
-            return brushToString(this.i.bw);
+            return brushToString(this.i.bz);
         },
         set: function (v) {
-            this.i.bw = stringToBrush(v);
-            this._a("actualHoverStroke", brushToString(this.i.bw));
+            this.i.bz = stringToBrush(v);
+            this._a("actualHoverStroke", brushToString(this.i.bz));
         },
         enumerable: true,
         configurable: true
@@ -269,11 +284,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the stroke to use for the icon.
         */
         get: function () {
-            return brushToString(this.i.bx);
+            return brushToString(this.i.b0);
         },
         set: function (v) {
-            this.i.bx = stringToBrush(v);
-            this._a("actualStroke", brushToString(this.i.bx));
+            this.i.b0 = stringToBrush(v);
+            this._a("actualStroke", brushToString(this.i.b0));
         },
         enumerable: true,
         configurable: true
@@ -283,11 +298,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the hover stroke to use for the icon.
         */
         get: function () {
-            return this.i.s;
+            return this.i.u;
         },
         set: function (v) {
-            this.i.s = +v;
-            this._a("actualHoverStrokeThickness", this.i.s);
+            this.i.u = +v;
+            this._a("actualHoverStrokeThickness", this.i.u);
         },
         enumerable: true,
         configurable: true
@@ -297,11 +312,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the stroke to use for the icon.
         */
         get: function () {
-            return this.i.t;
+            return this.i.v;
         },
         set: function (v) {
-            this.i.t = +v;
-            this._a("actualStrokeThickness", this.i.t);
+            this.i.v = +v;
+            this._a("actualStrokeThickness", this.i.v);
         },
         enumerable: true,
         configurable: true
@@ -325,11 +340,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text.
         */
         get: function () {
-            return brushToString(this.i.b8);
+            return brushToString(this.i.cb);
         },
         set: function (v) {
-            this.i.b8 = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.b8));
+            this.i.cb = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.cb));
         },
         enumerable: true,
         configurable: true
@@ -352,11 +367,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the actual background.
         */
         get: function () {
-            return brushToString(this.i.b4);
+            return brushToString(this.i.b7);
         },
         set: function (v) {
-            this.i.b4 = stringToBrush(v);
-            this._a("hoverFill", brushToString(this.i.b4));
+            this.i.b7 = stringToBrush(v);
+            this._a("hoverFill", brushToString(this.i.b7));
         },
         enumerable: true,
         configurable: true
@@ -366,11 +381,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the hover stroke to use for the icon.
         */
         get: function () {
-            return brushToString(this.i.b5);
+            return brushToString(this.i.b8);
         },
         set: function (v) {
-            this.i.b5 = stringToBrush(v);
-            this._a("hoverStroke", brushToString(this.i.b5));
+            this.i.b8 = stringToBrush(v);
+            this._a("hoverStroke", brushToString(this.i.b8));
         },
         enumerable: true,
         configurable: true
@@ -380,11 +395,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stroke to use for the icon.
         */
         get: function () {
-            return brushToString(this.i.b7);
+            return brushToString(this.i.ca);
         },
         set: function (v) {
-            this.i.b7 = stringToBrush(v);
-            this._a("stroke", brushToString(this.i.b7));
+            this.i.ca = stringToBrush(v);
+            this._a("stroke", brushToString(this.i.ca));
         },
         enumerable: true,
         configurable: true
@@ -394,11 +409,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the hover stroke to use for the icon.
         */
         get: function () {
-            return this.i.w;
+            return this.i.y;
         },
         set: function (v) {
-            this.i.w = +v;
-            this._a("hoverStrokeThickness", this.i.w);
+            this.i.y = +v;
+            this._a("hoverStrokeThickness", this.i.y);
         },
         enumerable: true,
         configurable: true
@@ -408,11 +423,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stroke to use for the icon.
         */
         get: function () {
-            return this.i.y;
+            return this.i.aa;
         },
         set: function (v) {
-            this.i.y = +v;
-            this._a("strokeThickness", this.i.y);
+            this.i.aa = +v;
+            this._a("strokeThickness", this.i.aa);
         },
         enumerable: true,
         configurable: true
@@ -422,16 +437,16 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the use for the button.
         */
         get: function () {
-            if (this.i.e == null) {
+            if (this.i.g == null) {
                 return null;
             }
-            return this.i.e.fontString;
+            return this.i.g.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.e = fi;
-            this._a("textStyle", this.i.e != null ? this.i.e.fontString : "");
+            this.i.g = fi;
+            this._a("textStyle", this.i.g != null ? this.i.g.fontString : "");
         },
         enumerable: true,
         configurable: true
@@ -441,11 +456,11 @@ var IgcXIconComponent = /** @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.b6);
+            return brushToString(this.i.b9);
         },
         set: function (v) {
-            this.i.b6 = stringToBrush(v);
-            this._a("hoverTextColor", brushToString(this.i.b6));
+            this.i.b9 = stringToBrush(v);
+            this._a("hoverTextColor", brushToString(this.i.b9));
         },
         enumerable: true,
         configurable: true
@@ -455,10 +470,10 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the id to use for the checkbox.
         */
         get: function () {
-            return this.i.av;
+            return this.i.ay;
         },
         set: function (v) {
-            this.i.av = v;
+            this.i.ay = v;
         },
         enumerable: true,
         configurable: true
@@ -468,11 +483,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets TabIndex to use for the checkbox.
         */
         get: function () {
-            return this.i.aa;
+            return this.i.ac;
         },
         set: function (v) {
-            this.i.aa = +v;
-            this._a("tabIndex", this.i.aa);
+            this.i.ac = +v;
+            this._a("tabIndex", this.i.ac);
         },
         enumerable: true,
         configurable: true
@@ -482,10 +497,10 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the value of the aria-label attribute.
         */
         get: function () {
-            return this.i.an;
+            return this.i.ap;
         },
         set: function (v) {
-            this.i.an = v;
+            this.i.ap = v;
         },
         enumerable: true,
         configurable: true
@@ -495,11 +510,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the icon is hovered.
         */
         get: function () {
-            return this.i.l;
+            return this.i.n;
         },
         set: function (v) {
-            this.i.l = ensureBool(v);
-            this._a("isHover", this.i.l);
+            this.i.n = ensureBool(v);
+            this._a("isHover", this.i.n);
         },
         enumerable: true,
         configurable: true
@@ -520,11 +535,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcXIconComponent.prototype, "opacity", {
         get: function () {
-            return this.i.x;
+            return this.i.z;
         },
         set: function (v) {
-            this.i.x = +v;
-            this._a("opacity", this.i.x);
+            this.i.z = +v;
+            this._a("opacity", this.i.z);
         },
         enumerable: true,
         configurable: true
@@ -605,7 +620,7 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcXIconComponent.prototype.exportVisualModel = function () {
-        var iv = this.i.ac();
+        var iv = this.i.ae();
         return (iv);
     };
     /**
@@ -613,7 +628,7 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcXIconComponent.prototype.exportSerializedVisualModel = function () {
-        var iv = this.i.ap();
+        var iv = this.i.as();
         return (iv);
     };
     IgcXIconComponent._observedAttributesIgcXIconComponent = null;

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

@@ -9,6 +9,7 @@ import { IgcXInputGroupItemComponent } from './igc-x-input-group-item-component'
 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";
 var requiredStyle = "\n\n";
 var pending = [];
 var checked = /*@__PURE__*/ new WeakMap(); // TODO why not WeakSet?
@@ -204,16 +205,30 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             RegisterElementHelper.registerElement(IgcXInputComponent.htmlTagName, IgcXInputComponent);
         }
     };
-    Object.defineProperty(IgcXInputComponent.prototype, "density", {
+    Object.defineProperty(IgcXInputComponent.prototype, "baseTheme", {
         /**
-     * Gets or sets the display density to use for the input.
+     * Gets or sets the base built in theme to use for the button.
     */
         get: function () {
-            return this.i.y;
+            return this.i.w;
+        },
+        set: function (v) {
+            this.i.w = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.w));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcXInputComponent.prototype, "density", {
+        /**
+         * Gets or sets the display density to use for the input.
+        */
+        get: function () {
+            return this.i.aa;
         },
         set: function (v) {
-            this.i.y = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.y));
+            this.i.aa = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.aa));
         },
         enumerable: true,
         configurable: true
@@ -223,11 +238,11 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual display density to use for the label.
         */
         get: function () {
-            return this.i.x;
+            return this.i.z;
         },
         set: function (v) {
-            this.i.x = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.x));
+            this.i.z = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.z));
         },
         enumerable: true,
         configurable: true
@@ -237,10 +252,10 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets/Sets the input mask for the input.
         */
         get: function () {
-            return this.i.b9;
+            return this.i.cc;
         },
         set: function (v) {
-            this.i.b9 = v;
+            this.i.cc = v;
         },
         enumerable: true,
         configurable: true
@@ -250,10 +265,10 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets/Sets the character representing a fillable spot in the input mask
         */
         get: function () {
-            return this.i.cd;
+            return this.i.cg;
         },
         set: function (v) {
-            this.i.cd = v;
+            this.i.cg = v;
         },
         enumerable: true,
         configurable: true
@@ -263,11 +278,11 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Specifies if the bound value includes the formatting symbols.
         */
         get: function () {
-            return this.i.ar;
+            return this.i.at;
         },
         set: function (v) {
-            this.i.ar = ensureBool(v);
-            this._a("includeLiterals", this.i.ar);
+            this.i.at = ensureBool(v);
+            this._a("includeLiterals", this.i.at);
         },
         enumerable: true,
         configurable: true
@@ -277,11 +292,11 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual color to use for the text color.
         */
         get: function () {
-            return brushToString(this.i.du);
+            return brushToString(this.i.dx);
         },
         set: function (v) {
-            this.i.du = stringToBrush(v);
-            this._a("actualTextColor", brushToString(this.i.du));
+            this.i.dx = stringToBrush(v);
+            this._a("actualTextColor", brushToString(this.i.dx));
         },
         enumerable: true,
         configurable: true
@@ -291,11 +306,11 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual hover color to use for the text.
         */
         get: function () {
-            return brushToString(this.i.dt);
+            return brushToString(this.i.dw);
         },
         set: function (v) {
-            this.i.dt = stringToBrush(v);
-            this._a("actualHoverTextColor", brushToString(this.i.dt));
+            this.i.dw = stringToBrush(v);
+            this._a("actualHoverTextColor", brushToString(this.i.dw));
         },
         enumerable: true,
         configurable: true
@@ -305,11 +320,11 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text.
         */
         get: function () {
-            return brushToString(this.i.dy);
+            return brushToString(this.i.d1);
         },
         set: function (v) {
-            this.i.dy = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.dy));
+            this.i.d1 = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.d1));
         },
         enumerable: true,
         configurable: true
@@ -319,16 +334,16 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the use for the button.
         */
         get: function () {
-            if (this.i.ad == null) {
+            if (this.i.af == null) {
                 return null;
             }
-            return this.i.ad.fontString;
+            return this.i.af.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.ad = fi;
-            this._a("textStyle", this.i.ad != null ? this.i.ad.fontString : "");
+            this.i.af = fi;
+            this._a("textStyle", this.i.af != null ? this.i.af.fontString : "");
         },
         enumerable: true,
         configurable: true
@@ -338,10 +353,10 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the type to use for the input.
         */
         get: function () {
-            return this.i.b3;
+            return this.i.b6;
         },
         set: function (v) {
-            this.i.b3 = v;
+            this.i.b6 = v;
         },
         enumerable: true,
         configurable: true
@@ -351,10 +366,10 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the placeholder to use for the input.
         */
         get: function () {
-            return this.i.cb;
+            return this.i.ce;
         },
         set: function (v) {
-            this.i.cb = v;
+            this.i.ce = v;
         },
         enumerable: true,
         configurable: true
@@ -364,11 +379,11 @@ 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.dx);
+            return brushToString(this.i.d0);
         },
         set: function (v) {
-            this.i.dx = stringToBrush(v);
-            this._a("hoverTextColor", brushToString(this.i.dx));
+            this.i.d0 = stringToBrush(v);
+            this._a("hoverTextColor", brushToString(this.i.d0));
         },
         enumerable: true,
         configurable: true
@@ -378,10 +393,10 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the id to use for the checkbox.
         */
         get: function () {
-            return this.i.b0;
+            return this.i.b3;
         },
         set: function (v) {
-            this.i.b0 = v;
+            this.i.b3 = v;
         },
         enumerable: true,
         configurable: true
@@ -391,11 +406,11 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets TabIndex to use for the checkbox.
         */
         get: function () {
-            return this.i.ba;
+            return this.i.bc;
         },
         set: function (v) {
-            this.i.ba = +v;
-            this._a("tabIndex", this.i.ba);
+            this.i.bc = +v;
+            this._a("tabIndex", this.i.bc);
         },
         enumerable: true,
         configurable: true
@@ -405,10 +420,10 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the for attribute to use for the input.
         */
         get: function () {
-            return this.i.bx;
+            return this.i.b0;
         },
         set: function (v) {
-            this.i.bx = v;
+            this.i.b0 = v;
         },
         enumerable: true,
         configurable: true
@@ -418,10 +433,10 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the value of the aria-label attribute.
         */
         get: function () {
-            return this.i.bt;
+            return this.i.bv;
         },
         set: function (v) {
-            this.i.bt = v;
+            this.i.bv = v;
         },
         enumerable: true,
         configurable: true
@@ -431,11 +446,11 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the input is hovered.
         */
         get: function () {
-            return this.i.at;
+            return this.i.av;
         },
         set: function (v) {
-            this.i.at = ensureBool(v);
-            this._a("isHover", this.i.at);
+            this.i.av = ensureBool(v);
+            this._a("isHover", this.i.av);
         },
         enumerable: true,
         configurable: true
@@ -445,17 +460,17 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the value for the input.
         */
         get: function () {
-            return this.i.cj;
+            return this.i.cm;
         },
         set: function (v) {
-            this.i.cj = v;
+            this.i.cm = v;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcXInputComponent.prototype, "hasValue", {
         get: function () {
-            return this.i.aq;
+            return this.i.as;
         },
         enumerable: true,
         configurable: true
@@ -527,7 +542,7 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcXInputComponent.prototype.exportVisualModel = function () {
-        var iv = this.i.bc();
+        var iv = this.i.be();
         return (iv);
     };
     /**
@@ -535,17 +550,17 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcXInputComponent.prototype.exportSerializedVisualModel = function () {
-        var iv = this.i.bw();
+        var iv = this.i.bz();
         return (iv);
     };
     IgcXInputComponent.prototype.setSelectionRange = function (selectionStart, selectionEnd) {
-        this.i.di(selectionStart, selectionEnd);
+        this.i.dl(selectionStart, selectionEnd);
     };
     IgcXInputComponent.prototype.blur = function () {
-        this.i.cm();
+        this.i.cp();
     };
     IgcXInputComponent.prototype.select = function () {
-        this.i.dg();
+        this.i.dj();
     };
     Object.defineProperty(IgcXInputComponent.prototype, "keyDown", {
         get: function () {