igniteui-webcomponents-inputs 3.2.2 → 3.2.4

package/fesm5/igniteui-webcomponents-inputs.js

@@ -14621,7 +14621,11 @@ var InputView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     InputView.prototype.x = function (a) {
         this.e = false;
-        this.b.cu();
+        var b = null;
+        if (a.originalEvent != null) {
+            b = (a.originalEvent.data);
+        }
+        this.b.cu(b);
     };
     InputView.prototype.as = function () {
         this.k.setAttribute("type", this.b.b3);
@@ -14636,7 +14640,7 @@ var InputView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.k.setAttribute("placeholder", this.b.cb);
     };
     InputView.prototype.a1 = function () {
-        switch (this.b.w) {
+        switch (this.b.x) {
             case 1:
                 this.k.setStyleProperty("height", "2rem");
                 this.k.setStyleProperty("font-size", "1rem");
@@ -14656,7 +14660,7 @@ var InputView = /** @class */ /*@__PURE__*/ (function (_super) {
         var a = new TransformGroup();
         a.j.add(((function () {
             var $ret = new TranslateTransform();
-            $ret.k = _this.b.n == 2 ? (_this.i() * -0.25) : 0;
+            $ret.k = _this.b.o == 2 ? (_this.i() * -0.25) : 0;
             return $ret;
         })()));
         a.j.add(((function () {
@@ -15845,17 +15849,17 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
     XInputGroup.prototype.mp = function () {
         var _this = this;
         this.l3(function (a) {
-            a.x = _this.m;
+            a.y = _this.m;
             switch (_this.d) {
                 case 0:
-                    a.n = 0;
+                    a.o = 0;
                     break;
                 case 1:
-                    a.n = 1;
+                    a.o = 1;
                     break;
                 case 2:
                 case 3:
-                    a.n = 2;
+                    a.o = 2;
                     break;
             }
             a.dh(_this.al, false);
@@ -16065,7 +16069,7 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
         get: function () {
             var a = false;
             this.l3(function (b) {
-                if (b.ap) {
+                if (b.aq) {
                     a = true;
                 }
             });
@@ -19121,26 +19125,26 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(XInput, _super);
     function XInput() {
         var _this = _super.call(this) || this;
-        _this.t = null;
+        _this.u = null;
         _this.a3 = 0;
         _this.a4 = 0;
-        _this.p = 0;
+        _this.q = 0;
         _this.bl = "";
         _this.bf = "";
-        _this.ae = false;
-        _this.bg = null;
         _this.af = false;
-        _this.an = false;
+        _this.bg = null;
+        _this.ag = false;
+        _this.ao = false;
         _this._view = null;
-        _this.m = 0;
+        _this.n = 0;
+        _this.w = 1;
         _this.v = 1;
-        _this.u = 1;
         _this.bk = null;
         _this.bn = "_";
-        _this.ah = false;
+        _this.ai = false;
         _this.dq = XInput.dw;
         _this.dp = XInput.dv;
-        _this.y = null;
+        _this.z = null;
         _this.ds = XInput.dw;
         _this.keyDown = null;
         _this.keyUp = null;
@@ -19149,35 +19153,35 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.lostFocus = null;
         _this.mouseDown = null;
         _this.mouseUp = null;
-        _this.z = null;
+        _this.aa = null;
         _this.bj = "text";
         _this.bm = "text";
         _this.dr = null;
         _this.bi = "ig-input-" + XInput.bb++;
         _this.a5 = 0;
-        _this.ag = false;
+        _this.ah = false;
         _this.bh = null;
         _this.be = null;
-        _this.ak = false;
+        _this.al = false;
         _this.bd = null;
         _this.bo = null;
+        _this.ak = false;
         _this.aj = false;
-        _this.ai = false;
-        _this.al = false;
+        _this.am = false;
         _this.change = null;
         _this.changing = null;
         _this.compositionStart = null;
         _this.compositionEnd = null;
-        _this.am = true;
-        _this.ad = null;
-        _this.aw = false;
-        _this.t = new MaskParsingService();
+        _this.an = true;
+        _this.ae = null;
+        _this.ax = false;
+        _this.u = new MaskParsingService();
         var a = new InputView();
         a.b = _this;
         _this.view = a;
         _this.view.ao();
-        XInput.ab = new FontInfo();
-        XInput.ab.n = "Verdana";
+        XInput.ac = new FontInfo();
+        XInput.ac.n = "Verdana";
         return _this;
     }
     Object.defineProperty(XInput.prototype, "view", {
@@ -19193,42 +19197,42 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
     XInput.prototype.destroy = function () {
         this.provideContainer(null);
     };
-    Object.defineProperty(XInput.prototype, "n", {
+    Object.defineProperty(XInput.prototype, "o", {
         get: function () {
-            return this.m;
+            return this.n;
         },
         set: function (a) {
-            var b = this.m;
-            this.m = a;
-            if (b != this.m) {
+            var b = this.n;
+            this.n = a;
+            if (b != this.n) {
                 this.g("ShiftType", enumGetBox(InputShiftType_$type, b), enumGetBox(InputShiftType_$type, a));
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(XInput.prototype, "x", {
+    Object.defineProperty(XInput.prototype, "y", {
         get: function () {
-            return this.v;
+            return this.w;
         },
         set: function (a) {
-            var b = this.v;
-            this.v = a;
-            if (b != this.v) {
+            var b = this.w;
+            this.w = a;
+            if (b != this.w) {
                 this.g("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, a));
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(XInput.prototype, "w", {
+    Object.defineProperty(XInput.prototype, "x", {
         get: function () {
-            return this.u;
+            return this.v;
         },
         set: function (a) {
-            var b = this.u;
-            this.u = a;
-            if (b != this.u) {
+            var b = this.v;
+            this.v = a;
+            if (b != this.v) {
                 this.g("ActualDensity", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, a));
             }
         },
@@ -19263,14 +19267,14 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(XInput.prototype, "aq", {
+    Object.defineProperty(XInput.prototype, "ar", {
         get: function () {
-            return this.ah;
+            return this.ai;
         },
         set: function (a) {
-            var b = this.ah;
-            this.ah = a;
-            if (b != this.ah) {
+            var b = this.ai;
+            this.ai = a;
+            if (b != this.ai) {
                 this.g("IncludeLiterals", b, a);
             }
         },
@@ -19291,12 +19295,12 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.dl();
                 break;
             case "Value":
-                if (!this.ai) {
+                if (!this.aj) {
                     this.view.at(this.cj);
                     if (this.b != null) {
                         this.b.mt();
                     }
-                    if (this.b9 != null && !this.an) {
+                    if (this.b9 != null && !this.ao) {
                         this.dn(this.cj);
                     }
                 }
@@ -19305,7 +19309,7 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.view.av(this.e);
                 break;
             case "Density":
-                this.w = this.x == 0 ? 1 : this.x;
+                this.x = this.y == 0 ? 1 : this.y;
                 break;
             case "ActualDensity":
                 this.view.a1();
@@ -19332,10 +19336,10 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.c1();
                 break;
             case "IsDisabled":
-                this.view.au(this.aj);
+                this.view.au(this.ak);
                 break;
             case "IsReadOnly":
-                this.view.aw(this.al);
+                this.view.aw(this.am);
                 break;
         }
     };
@@ -19354,11 +19358,11 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
     XInput.prototype.dm = function () {
         this.du = this.dy != null ? this.dy : XInput.dw;
         this.dt = this.dx != null ? this.dx : XInput.dw;
-        this.aa = this.ac != null ? this.ac : XInput.ab;
+        this.ab = this.ad != null ? this.ad : XInput.ac;
     };
     XInput.prototype.dl = function () {
-        if (this.aa != null) {
-            this.view.a3(this.aa);
+        if (this.ab != null) {
+            this.view.a3(this.ab);
         }
         NativeUI.o(this.view.o, this.du);
     };
@@ -19390,14 +19394,14 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(XInput.prototype, "aa", {
+    Object.defineProperty(XInput.prototype, "ab", {
         get: function () {
-            return this.y;
+            return this.z;
         },
         set: function (a) {
-            var b = this.y;
-            this.y = a;
-            if (b != this.y) {
+            var b = this.z;
+            this.z = a;
+            if (b != this.z) {
                 this.g("ActualTextStyle", b, a);
             }
         },
@@ -19440,7 +19444,7 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
             if ((b == 17 && b == 90) || (b == 17 && b == 89)) {
                 a.preventDefault();
             }
-            this.p = b;
+            this.q = b;
             this.a4 = this.a7();
             this.a3 = this.a6();
         }
@@ -19476,21 +19480,21 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     XInput.prototype.cx = function () {
         if (this.b9 != null) {
-            if (!this.ae) {
+            if (!this.af) {
                 this.dk(this.bf);
             }
         }
     };
     XInput.prototype.cy = function () {
         if (this.b9 != null) {
-            if (!this.ae) {
+            if (!this.af) {
                 this.dj(this.cj);
             }
         }
     };
     XInput.prototype.cs = function () {
         var _this = this;
-        this.ai = true;
+        this.aj = true;
         this.cj = this.view.q();
         if (this.change != null) {
             this.change(this, ((function () {
@@ -19500,25 +19504,25 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
                 return $ret;
             })()));
         }
-        this.ai = false;
+        this.aj = false;
     };
     XInput.prototype.ct = function () {
         var _this = this;
-        this.ai = true;
+        this.aj = true;
         this.cj = this.view.q();
-        this.ai = false;
+        this.aj = false;
         if (this.b9 != null) {
-            this.an = true;
-            if (this.af) {
+            this.ao = true;
+            if (this.ag) {
                 this.a4 = this.a7();
             }
-            if (this.cj.length < this.bl.length && this.p == 229) {
-                this.p = 8;
+            if (this.cj.length < this.bl.length && this.q == 229) {
+                this.q = 8;
             }
             var a = this.a7();
             var b = this.a6();
             var c = "";
-            switch (this.p) {
+            switch (this.q) {
                 case 46:
                     this.a3 = this.a4 == this.a3 ? ++this.a3 : this.a3;
                     break;
@@ -19532,18 +19536,18 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
             var d = new MaskOptions();
             d.a = this.b9;
             d.b = this.cd;
-            var e = this.t.a(this.bl, c, d, this.a4, this.a3);
+            var e = this.u.a(this.bl, c, d, this.a4, this.a3);
             this.cj = e.b;
-            if (this.p == 8) {
+            if (this.q == 8) {
                 e.a = this.a4;
             }
             this.di(e.a, e.a);
-            var f = this.t.i(this.cj, d);
-            this.bf = this.aq ? this.cj : f;
+            var f = this.u.i(this.cj, d);
+            this.bf = this.ar ? this.cj : f;
             this.cl();
-            this.an = false;
+            this.ao = false;
         }
-        this.ai = true;
+        this.aj = true;
         if (this.changing != null) {
             this.changing(this, ((function () {
                 var $ret = new InputChangeEventArgs();
@@ -19552,32 +19556,36 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
                 return $ret;
             })()));
         }
-        this.ai = false;
+        this.aj = false;
     };
     XInput.prototype.cv = function () {
         if (this.compositionStart != null) {
             this.compositionStart(this, new EventArgs());
         }
     };
-    XInput.prototype.cu = function () {
+    XInput.prototype.cu = function (a) {
         if (this.compositionEnd != null) {
-            this.compositionEnd(this, new EventArgs());
+            this.compositionEnd(this, ((function () {
+                var $ret = new InputChangeEventArgs();
+                $ret.value = a;
+                return $ret;
+            })()));
         }
     };
     XInput.prototype.c6 = function () {
-        this.as = true;
+        this.at = true;
     };
     XInput.prototype.c7 = function () {
-        this.as = false;
+        this.at = false;
     };
-    Object.defineProperty(XInput.prototype, "ac", {
+    Object.defineProperty(XInput.prototype, "ad", {
         get: function () {
-            return this.z;
+            return this.aa;
         },
         set: function (a) {
-            var b = this.z;
-            this.z = a;
-            if (b != this.z) {
+            var b = this.aa;
+            this.aa = a;
+            if (b != this.aa) {
                 this.g("TextStyle", b, a);
             }
         },
@@ -19640,9 +19648,9 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(XInput.prototype, "ao", {
+    Object.defineProperty(XInput.prototype, "ap", {
         get: function () {
-            return this.ag;
+            return this.ah;
         },
         enumerable: true,
         configurable: true
@@ -19654,7 +19662,7 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
         set: function (a) {
             var b = this.a5;
             this.a5 = a;
-            this.ag = true;
+            this.ah = true;
             if (b != this.a5) {
                 this.g("TabIndex", b, a);
             }
@@ -19690,14 +19698,14 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(XInput.prototype, "as", {
+    Object.defineProperty(XInput.prototype, "at", {
         get: function () {
-            return this.ak;
+            return this.al;
         },
         set: function (a) {
-            var b = this.ak;
-            this.ak = a;
-            if (b != this.ak) {
+            var b = this.al;
+            this.al = a;
+            if (b != this.al) {
                 this.g("IsHover", b, a);
             }
         },
@@ -19718,7 +19726,7 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(XInput.prototype, "ap", {
+    Object.defineProperty(XInput.prototype, "aq", {
         get: function () {
             return !stringIsNullOrEmpty(this.cj);
         },
@@ -19727,12 +19735,12 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(XInput.prototype, "disabled", {
         get: function () {
-            return this.aj;
+            return this.ak;
         },
         set: function (a) {
-            var b = this.aj;
-            this.aj = a;
-            if (b != this.aj) {
+            var b = this.ak;
+            this.ak = a;
+            if (b != this.ak) {
                 this.g("IsDisabled", b, a);
             }
         },
@@ -19741,13 +19749,13 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(XInput.prototype, "readonly", {
         get: function () {
-            return this.al;
+            return this.am;
         },
         set: function (a) {
-            var b = this.al;
-            this.al = a;
-            if (b != this.al) {
-                this.g("IsReadOnly", b, this.al);
+            var b = this.am;
+            this.am = a;
+            if (b != this.am) {
+                this.g("IsReadOnly", b, this.am);
             }
         },
         enumerable: true,
@@ -19761,7 +19769,7 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
     XInput.prototype.onAttachedToUI = function () {
         this.view.aj();
     };
-    XInput.prototype.av = function () {
+    XInput.prototype.aw = function () {
         return this.view.f();
     };
     XInput.prototype.bc = function () {
@@ -19776,19 +19784,19 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
         var b = this.view.o;
         a.h = this.view.j.rootWrapper.getNativeElement().offsetTop;
         a.f = this.view.j.rootWrapper.getNativeElement().offsetLeft;
-        a.b = this.n;
-        a.c = this.w;
+        a.b = this.o;
+        a.c = this.x;
         a.j = this.b9;
         a.m = this.cd;
-        a.d = this.aq;
+        a.d = this.ar;
         a.a = AppearanceHelper.a(NativeUI.ah(b));
         a.i = this.b3;
         a.l = this.cb;
-        a.e = this.as;
+        a.e = this.at;
         a.t = this.cj;
         a.k = this.e;
-        if (this.aa != null) {
-            var c = this.aa;
+        if (this.ab != null) {
+            var c = this.ab;
             if (this.view != null && c.n == null) {
                 var d = this.view.j;
                 var e = FontUtil.getFontInfoFromString(d, c.fontString);
@@ -19838,23 +19846,23 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
         this.view.ar();
     };
     XInput.prototype.dk = function (a) {
-        this.an = true;
+        this.ao = true;
         var b = new MaskOptions();
         b.a = this.b9;
         b.b = this.cd;
-        this.cj = this.t.h(this.cj, b);
+        this.cj = this.u.h(this.cj, b);
         this.bl = this.cj;
-        this.an = false;
+        this.ao = false;
     };
     XInput.prototype.dj = function (a) {
-        this.an = true;
+        this.ao = true;
         var b = new MaskOptions();
         b.a = this.b9;
         b.b = this.cd;
-        if (a == this.t.h(null, b)) {
+        if (a == this.u.h(null, b)) {
             this.cj = "";
         }
-        this.an = false;
+        this.ao = false;
     };
     XInput.prototype.dn = function (a) {
         var _this = this;
@@ -19864,8 +19872,8 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.cd != null && this.cd.length > 1) {
             b.b = this.cd.substr(0, 1);
         }
-        this.cj = a != null ? this.t.h(a, b) : "";
-        this.bf = this.aq ? this.cj : a;
+        this.cj = a != null ? this.u.h(a, b) : "";
+        this.bf = this.ar ? this.cj : a;
         if (this.changing != null) {
             this.changing(this, ((function () {
                 var $ret = new InputChangeEventArgs();
@@ -19877,15 +19885,15 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     XInput.prototype.cl = function () {
         this.bl = this.cj;
-        this.af = false;
+        this.ag = false;
         this.a4 = 0;
         this.a3 = 0;
-        this.p = 0;
+        this.q = 0;
     };
     XInput.prototype.a7 = function () {
         var a = this.view.n();
         var b = this.view.m();
-        return a == b && this.af ? b - this.bg.length : a;
+        return a == b && this.ag ? b - this.bg.length : a;
     };
     XInput.prototype.a6 = function () {
         return this.view.m();
@@ -19910,14 +19918,14 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(XInput.prototype, "au", {
+    Object.defineProperty(XInput.prototype, "av", {
         get: function () {
-            return this.am;
+            return this.an;
         },
         set: function (a) {
-            var b = this.am;
-            this.am = a;
-            if (b != this.am) {
+            var b = this.an;
+            this.an = a;
+            if (b != this.an) {
                 this.g("IsShown", b, a);
             }
         },
@@ -19928,27 +19936,27 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
         if (b === void 0) {
             b = true;
         }
-        var c = this.aw;
+        var c = this.ax;
         if (!b) {
-            this.aw = true;
+            this.ax = true;
         }
         try {
-            this.au = a;
+            this.av = a;
         }
         finally {
             if (!b) {
-                this.aw = c;
+                this.ax = c;
             }
         }
     };
     XInput.prototype.c1 = function () {
         this.co();
-        this.de(this.ad, this.au);
+        this.de(this.ae, this.av);
     };
     XInput.prototype.co = function () {
         this.view.ai();
-        if (this.ad == null) {
-            this.ad = KeyFrameAnimationFactory.f.c(this.view.a(this.i).m(new AnimationKeyFrameProperty(1, 0)).m(new AnimationKeyFrameProperty(1, 1)));
+        if (this.ae == null) {
+            this.ae = KeyFrameAnimationFactory.f.c(this.view.a(this.i).m(new AnimationKeyFrameProperty(1, 0)).m(new AnimationKeyFrameProperty(1, 1)));
         }
     };
     Object.defineProperty(XInput.prototype, "i", {
@@ -19969,7 +19977,7 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
         else {
             a.reverse();
         }
-        if (this.aw) {
+        if (this.ax) {
             a.finish();
             a.commitStyles();
             return;
@@ -19979,7 +19987,7 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
     XInput.$t = markType(XInput, 'XInput', XInputGroupItem.$);
     XInput.dw = BrushUtil.g(221, 0, 0, 0);
     XInput.dv = BrushUtil.g(221, 0, 0, 0);
-    XInput.ab = null;
+    XInput.ac = null;
     XInput.bb = 0;
     return XInput;
 }(XInputGroupItem));
@@ -20286,6 +20294,8 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         _this._change_wrapped = null;
         _this._changing = null;
         _this._changing_wrapped = null;
+        _this._compositionEnd = null;
+        _this._compositionEnd_wrapped = null;
         ensureCss();
         if (_this._styling) {
             NamePatcher.ensureStylablePatched(Object.getPrototypeOf(_this));
@@ -20427,11 +20437,11 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
      * Gets or sets the display density to use for the input.
     */
         get: function () {
-            return this.i.x;
+            return this.i.y;
         },
         set: function (v) {
-            this.i.x = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.x));
+            this.i.y = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.y));
         },
         enumerable: true,
         configurable: true
@@ -20441,11 +20451,11 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual display density to use for the label.
         */
         get: function () {
-            return this.i.w;
+            return this.i.x;
         },
         set: function (v) {
-            this.i.w = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.w));
+            this.i.x = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.x));
         },
         enumerable: true,
         configurable: true
@@ -20481,11 +20491,11 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Specifies if the bound value includes the formatting symbols.
         */
         get: function () {
-            return this.i.aq;
+            return this.i.ar;
         },
         set: function (v) {
-            this.i.aq = ensureBool(v);
-            this._a("includeLiterals", this.i.aq);
+            this.i.ar = ensureBool(v);
+            this._a("includeLiterals", this.i.ar);
         },
         enumerable: true,
         configurable: true
@@ -20537,16 +20547,16 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the use for the button.
         */
         get: function () {
-            if (this.i.ac == null) {
+            if (this.i.ad == null) {
                 return null;
             }
-            return this.i.ac.fontString;
+            return this.i.ad.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.ac = fi;
-            this._a("textStyle", this.i.ac != null ? this.i.ac.fontString : "");
+            this.i.ad = fi;
+            this._a("textStyle", this.i.ad != null ? this.i.ad.fontString : "");
         },
         enumerable: true,
         configurable: true
@@ -20649,11 +20659,11 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the input is hovered.
         */
         get: function () {
-            return this.i.as;
+            return this.i.at;
         },
         set: function (v) {
-            this.i.as = ensureBool(v);
-            this._a("isHover", this.i.as);
+            this.i.at = ensureBool(v);
+            this._a("isHover", this.i.at);
         },
         enumerable: true,
         configurable: true
@@ -20673,7 +20683,7 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcXInputComponent.prototype, "hasValue", {
         get: function () {
-            return this.i.ap;
+            return this.i.aq;
         },
         enumerable: true,
         configurable: true
@@ -20900,6 +20910,33 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(IgcXInputComponent.prototype, "compositionEnd", {
+        get: function () {
+            return this._compositionEnd;
+        },
+        set: function (ev) {
+            var _this = this;
+            if (this._compositionEnd_wrapped !== null) {
+                this.i.compositionEnd = delegateRemove(this.i.compositionEnd, this._compositionEnd_wrapped);
+                this._compositionEnd_wrapped = null;
+                this._compositionEnd = null;
+            }
+            this._compositionEnd = ev;
+            this._compositionEnd_wrapped = function (o, e) {
+                var outerArgs = new IgcInputChangeEventArgs();
+                outerArgs._provideImplementation(e);
+                if (_this.beforeCompositionEnd) {
+                    _this.beforeCompositionEnd(_this, outerArgs);
+                }
+                if (_this._compositionEnd) {
+                    _this._compositionEnd(_this, outerArgs);
+                }
+            };
+            this.i.compositionEnd = delegateCombine(this.i.compositionEnd, this._compositionEnd_wrapped);
+        },
+        enumerable: true,
+        configurable: true
+    });
     IgcXInputComponent._observedAttributesIgcXInputComponent = null;
     IgcXInputComponent.htmlTagName = "igc-x-input";
     IgcXInputComponent._isElementRegistered = false;
@@ -25386,7 +25423,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     DatePicker.prototype.c5 = function () {
         if (this.aa != null) {
-            this.o.ac = this.aa;
+            this.o.ad = this.aa;
         }
     };
     DatePicker.prototype.cd = function () {
@@ -25408,7 +25445,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
         this.h.ak(this.o);
         this.o.b3 = "text";
         if (this.aa != null) {
-            this.o.ac = this.aa;
+            this.o.ad = this.aa;
         }
         this.o.disabled = !this.ap;
         this.o.dy = this.de;
@@ -32757,7 +32794,7 @@ GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOA
 /**
  * @hidden
  */
-var KEYCODES_$type = /*@__PURE__*/ markEnum('KEYCODES', 'ENTER,13|SPACE,32|ESCAPE,27|LEFT_ARROW,37|UP_ARROW,38|RIGHT_ARROW,39|DOWN_ARROW,40|F2,113|TAB,9|CTRL,17|Z,90|Y,89|X,88|BACKSPACE,8|DELETE,46|INPUT_METHOD,229');
+var KEYCODES_$type = /*@__PURE__*/ markEnum('KEYCODES', 'ENTER,13|SPACE,32|ESCAPE,27|LEFT_ARROW,37|UP_ARROW,38|RIGHT_ARROW,39|DOWN_ARROW,40|F2,113|TAB,9|CTRL,17|C,67|Z,90|Y,89|X,88|BACKSPACE,8|DELETE,46|INPUT_METHOD,229');
 
 /*
 THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE: