igniteui-webcomponents-inputs 3.2.3 → 3.5.0

package/bundles/igniteui-webcomponents-inputs.umd.js

@@ -886,6 +886,11 @@
             configurable: true
         });
         IgcXRippleComponent.prototype.findByName = function (name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             return null;
         };
         Object.defineProperty(IgcXRippleComponent.prototype, "hasUserValues", {
@@ -7382,6 +7387,11 @@
             configurable: true
         });
         IgcXButtonComponent.prototype.findByName = function (name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             return null;
         };
         Object.defineProperty(IgcXButtonComponent.prototype, "hasUserValues", {
@@ -7486,6 +7496,7 @@
                     }
                 };
                 this.i.clicked = igniteuiWebcomponentsCore.delegateCombine(this.i.clicked, this._clicked_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -8889,6 +8900,11 @@
             configurable: true
         });
         IgcXIconComponent.prototype.findByName = function (name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             return null;
         };
         Object.defineProperty(IgcXIconComponent.prototype, "hasUserValues", {
@@ -12789,6 +12805,7 @@
                     }
                 };
                 this.i.selectedValueChanged = igniteuiWebcomponentsCore.delegateCombine(this.i.selectedValueChanged, this._selectedValueChanged_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -14623,7 +14640,11 @@
         };
         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);
@@ -14638,7 +14659,7 @@
             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");
@@ -14658,7 +14679,7 @@
             var a = new igniteuiWebcomponentsCore.TransformGroup();
             a.j.add(((function () {
                 var $ret = new igniteuiWebcomponentsCore.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 () {
@@ -15847,17 +15868,17 @@
         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);
@@ -16067,7 +16088,7 @@
             get: function () {
                 var a = false;
                 this.l3(function (b) {
-                    if (b.ap) {
+                    if (b.aq) {
                         a = true;
                     }
                 });
@@ -19123,26 +19144,26 @@
         tslib_1.__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;
@@ -19151,35 +19172,35 @@
             _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 igniteuiWebcomponentsCore.FontInfo();
-            XInput.ab.n = "Verdana";
+            XInput.ac = new igniteuiWebcomponentsCore.FontInfo();
+            XInput.ac.n = "Verdana";
             return _this;
         }
         Object.defineProperty(XInput.prototype, "view", {
@@ -19195,42 +19216,42 @@
         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", igniteuiWebcomponentsCore.enumGetBox(InputShiftType_$type, b), igniteuiWebcomponentsCore.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", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.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", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, a));
                 }
             },
@@ -19265,14 +19286,14 @@
             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);
                 }
             },
@@ -19293,12 +19314,12 @@
                     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);
                         }
                     }
@@ -19307,7 +19328,7 @@
                     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();
@@ -19334,10 +19355,10 @@
                     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;
             }
         };
@@ -19356,11 +19377,11 @@
         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);
             }
             igniteuiWebcomponentsCore.NativeUI.o(this.view.o, this.du);
         };
@@ -19392,14 +19413,14 @@
             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);
                 }
             },
@@ -19442,7 +19463,7 @@
                 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();
             }
@@ -19478,21 +19499,21 @@
         };
         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 () {
@@ -19502,25 +19523,25 @@
                     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;
@@ -19534,18 +19555,18 @@
                 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();
@@ -19554,32 +19575,36 @@
                     return $ret;
                 })()));
             }
-            this.ai = false;
+            this.aj = false;
         };
         XInput.prototype.cv = function () {
             if (this.compositionStart != null) {
                 this.compositionStart(this, new igniteuiWebcomponentsCore.EventArgs());
             }
         };
-        XInput.prototype.cu = function () {
+        XInput.prototype.cu = function (a) {
             if (this.compositionEnd != null) {
-                this.compositionEnd(this, new igniteuiWebcomponentsCore.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);
                 }
             },
@@ -19642,9 +19667,9 @@
             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
@@ -19656,7 +19681,7 @@
             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);
                 }
@@ -19692,14 +19717,14 @@
             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);
                 }
             },
@@ -19720,7 +19745,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(XInput.prototype, "ap", {
+        Object.defineProperty(XInput.prototype, "aq", {
             get: function () {
                 return !igniteuiWebcomponentsCore.stringIsNullOrEmpty(this.cj);
             },
@@ -19729,12 +19754,12 @@
         });
         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);
                 }
             },
@@ -19743,13 +19768,13 @@
         });
         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,
@@ -19763,7 +19788,7 @@
         XInput.prototype.onAttachedToUI = function () {
             this.view.aj();
         };
-        XInput.prototype.av = function () {
+        XInput.prototype.aw = function () {
             return this.view.f();
         };
         XInput.prototype.bc = function () {
@@ -19778,19 +19803,19 @@
             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 = igniteuiWebcomponentsCore.AppearanceHelper.a(igniteuiWebcomponentsCore.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 = igniteuiWebcomponentsCore.FontUtil.getFontInfoFromString(d, c.fontString);
@@ -19840,23 +19865,23 @@
             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;
@@ -19866,8 +19891,8 @@
             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();
@@ -19879,15 +19904,15 @@
         };
         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();
@@ -19912,14 +19937,14 @@
             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);
                 }
             },
@@ -19930,27 +19955,27 @@
             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 = igniteuiWebcomponentsCore.KeyFrameAnimationFactory.f.c(this.view.a(this.i).m(new igniteuiWebcomponentsCore.AnimationKeyFrameProperty(1, 0)).m(new igniteuiWebcomponentsCore.AnimationKeyFrameProperty(1, 1)));
+            if (this.ae == null) {
+                this.ae = igniteuiWebcomponentsCore.KeyFrameAnimationFactory.f.c(this.view.a(this.i).m(new igniteuiWebcomponentsCore.AnimationKeyFrameProperty(1, 0)).m(new igniteuiWebcomponentsCore.AnimationKeyFrameProperty(1, 1)));
             }
         };
         Object.defineProperty(XInput.prototype, "i", {
@@ -19971,7 +19996,7 @@
             else {
                 a.reverse();
             }
-            if (this.aw) {
+            if (this.ax) {
                 a.finish();
                 a.commitStyles();
                 return;
@@ -19981,7 +20006,7 @@
         XInput.$t = igniteuiWebcomponentsCore.markType(XInput, 'XInput', XInputGroupItem.$);
         XInput.dw = igniteuiWebcomponentsCore.BrushUtil.g(221, 0, 0, 0);
         XInput.dv = igniteuiWebcomponentsCore.BrushUtil.g(221, 0, 0, 0);
-        XInput.ab = null;
+        XInput.ac = null;
         XInput.bb = 0;
         return XInput;
     }(XInputGroupItem));
@@ -20077,11 +20102,25 @@
             if (_super.prototype["connectedCallback"]) {
                 _super.prototype["connectedCallback"].call(this);
             }
+            if (this.i.connectedCallback) {
+                this.i.connectedCallback();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
             }
         };
+        IgcXInputGroupItemComponent.prototype.disconnectedCallback = function () {
+            if (_super.prototype["disconnectedCallback"]) {
+                _super.prototype["disconnectedCallback"].call(this);
+            }
+            if (this.i.disconnectedCallback) {
+                this.i.disconnectedCallback();
+            }
+            if (this._attached) {
+                this._attached = false;
+            }
+        };
         Object.defineProperty(IgcXInputGroupItemComponent, "observedAttributes", {
             get: function () {
                 if (IgcXInputGroupItemComponent._observedAttributesIgcXInputGroupItemComponent == null) {
@@ -20119,6 +20158,11 @@
             configurable: true
         });
         IgcXInputGroupItemComponent.prototype.findByName = function (name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             return null;
         };
         Object.defineProperty(IgcXInputGroupItemComponent.prototype, "hasUserValues", {
@@ -20288,6 +20332,8 @@
             _this._change_wrapped = null;
             _this._changing = null;
             _this._changing_wrapped = null;
+            _this._compositionEnd = null;
+            _this._compositionEnd_wrapped = null;
             ensureCss();
             if (_this._styling) {
                 igniteuiWebcomponentsCore.NamePatcher.ensureStylablePatched(Object.getPrototypeOf(_this));
@@ -20429,11 +20475,11 @@
          * 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 = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, v);
-                this._a("density", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, this.i.x));
+                this.i.y = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, v);
+                this._a("density", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, this.i.y));
             },
             enumerable: true,
             configurable: true
@@ -20443,11 +20489,11 @@
              * 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 = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, v);
-                this._a("actualDensity", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, this.i.w));
+                this.i.x = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, v);
+                this._a("actualDensity", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, this.i.x));
             },
             enumerable: true,
             configurable: true
@@ -20483,11 +20529,11 @@
              * 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 = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("includeLiterals", this.i.aq);
+                this.i.ar = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("includeLiterals", this.i.ar);
             },
             enumerable: true,
             configurable: true
@@ -20539,16 +20585,16 @@
              * 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 igniteuiWebcomponentsCore.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
@@ -20651,11 +20697,11 @@
              * Gets or sets whether the input is hovered.
             */
             get: function () {
-                return this.i.as;
+                return this.i.at;
             },
             set: function (v) {
-                this.i.as = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("isHover", this.i.as);
+                this.i.at = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("isHover", this.i.at);
             },
             enumerable: true,
             configurable: true
@@ -20675,7 +20721,7 @@
         });
         Object.defineProperty(IgcXInputComponent.prototype, "hasValue", {
             get: function () {
-                return this.i.ap;
+                return this.i.aq;
             },
             enumerable: true,
             configurable: true
@@ -20790,6 +20836,7 @@
                     }
                 };
                 this.i.keyDown = igniteuiWebcomponentsCore.delegateCombine(this.i.keyDown, this._keyDown_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -20817,6 +20864,7 @@
                     }
                 };
                 this.i.keyUp = igniteuiWebcomponentsCore.delegateCombine(this.i.keyUp, this._keyUp_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -20844,6 +20892,7 @@
                     }
                 };
                 this.i.keyPress = igniteuiWebcomponentsCore.delegateCombine(this.i.keyPress, this._keyPress_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -20871,6 +20920,7 @@
                     }
                 };
                 this.i.change = igniteuiWebcomponentsCore.delegateCombine(this.i.change, this._change_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -20898,6 +20948,35 @@
                     }
                 };
                 this.i.changing = igniteuiWebcomponentsCore.delegateCombine(this.i.changing, this._changing_wrapped);
+                ;
+            },
+            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 = igniteuiWebcomponentsCore.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 = igniteuiWebcomponentsCore.delegateCombine(this.i.compositionEnd, this._compositionEnd_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -24083,6 +24162,11 @@
             configurable: true
         });
         IgcXInputGroupComponent.prototype.findByName = function (name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             if (this.inputs != null && this.inputs.findByName && this.inputs.findByName(name)) {
                 return this.inputs.findByName(name);
             }
@@ -25388,7 +25472,7 @@
         };
         DatePicker.prototype.c5 = function () {
             if (this.aa != null) {
-                this.o.ac = this.aa;
+                this.o.ad = this.aa;
             }
         };
         DatePicker.prototype.cd = function () {
@@ -25410,7 +25494,7 @@
             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;
@@ -26728,6 +26812,7 @@
                     }
                 };
                 this.i.selectedValueChanged = igniteuiWebcomponentsCore.delegateCombine(this.i.selectedValueChanged, this._selectedValueChanged_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -26755,6 +26840,7 @@
                     }
                 };
                 this.i.gotFocus = igniteuiWebcomponentsCore.delegateCombine(this.i.gotFocus, this._gotFocus_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -26782,6 +26868,7 @@
                     }
                 };
                 this.i.lostFocus = igniteuiWebcomponentsCore.delegateCombine(this.i.lostFocus, this._lostFocus_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -26809,6 +26896,7 @@
                     }
                 };
                 this.i.keyDown = igniteuiWebcomponentsCore.delegateCombine(this.i.keyDown, this._keyDown_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -26836,6 +26924,7 @@
                     }
                 };
                 this.i.changing = igniteuiWebcomponentsCore.delegateCombine(this.i.changing, this._changing_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -28935,6 +29024,11 @@
             configurable: true
         });
         IgcXCheckboxComponent.prototype.findByName = function (name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             return null;
         };
         Object.defineProperty(IgcXCheckboxComponent.prototype, "hasUserValues", {
@@ -29039,6 +29133,7 @@
                     }
                 };
                 this.i.change = igniteuiWebcomponentsCore.delegateCombine(this.i.change, this._change_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -32143,6 +32238,11 @@
             configurable: true
         });
         IgcXButtonGroupComponent.prototype.findByName = function (name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             if (this.buttons != null && this.buttons.findByName && this.buttons.findByName(name)) {
                 return this.buttons.findByName(name);
             }
@@ -32250,6 +32350,7 @@
                     }
                 };
                 this.i.selectionChanged = igniteuiWebcomponentsCore.delegateCombine(this.i.selectionChanged, this._selectionChanged_wrapped);
+                ;
             },
             enumerable: true,
             configurable: true
@@ -32759,7 +32860,7 @@
     /**
      * @hidden
      */
-    var KEYCODES_$type = /*@__PURE__*/ igniteuiWebcomponentsCore.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__*/ igniteuiWebcomponentsCore.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: