igniteui-webcomponents-inputs 3.2.3 → 3.5.0

package/fesm2015/igniteui-webcomponents-inputs.js

@@ -726,6 +726,11 @@ let IgcXRippleComponent = /*@__PURE__*/ (() => {
             this._a("isHoverEnabled", this.i.k);
         }
         findByName(name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             return null;
         }
         get hasUserValues() {
@@ -5856,6 +5861,11 @@ let IgcXButtonComponent = /*@__PURE__*/ (() => {
             this._a("disableTransitions", this.i.ag);
         }
         findByName(name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             return null;
         }
         get hasUserValues() {
@@ -5954,6 +5964,7 @@ let IgcXButtonComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.clicked = delegateCombine(this.i.clicked, this._clicked_wrapped);
+            ;
         }
     }
     IgcXButtonComponent._observedAttributesIgcXButtonComponent = null;
@@ -7078,6 +7089,11 @@ let IgcXIconComponent = /*@__PURE__*/ (() => {
             this._a("opacity", this.i.x);
         }
         findByName(name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             return null;
         }
         get hasUserValues() {
@@ -10723,6 +10739,7 @@ let IgcXCalendarComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.selectedValueChanged = delegateCombine(this.i.selectedValueChanged, this._selectedValueChanged_wrapped);
+            ;
         }
         get valueChange() {
             return this._valueChange;
@@ -12261,7 +12278,11 @@ let InputView = /*@__PURE__*/ (() => {
         }
         x(a) {
             this.e = false;
-            this.b.cu();
+            let b = null;
+            if (a.originalEvent != null) {
+                b = (a.originalEvent.data);
+            }
+            this.b.cu(b);
         }
         as() {
             this.k.setAttribute("type", this.b.b3);
@@ -12276,7 +12297,7 @@ let InputView = /*@__PURE__*/ (() => {
             this.k.setAttribute("placeholder", this.b.cb);
         }
         a1() {
-            switch (this.b.w) {
+            switch (this.b.x) {
                 case 1:
                     this.k.setStyleProperty("height", "2rem");
                     this.k.setStyleProperty("font-size", "1rem");
@@ -12295,7 +12316,7 @@ let InputView = /*@__PURE__*/ (() => {
             let a = new TransformGroup();
             a.j.add(((() => {
                 let $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(((() => {
@@ -13354,17 +13375,17 @@ let XInputGroup = /*@__PURE__*/ (() => {
         }
         mp() {
             this.l3((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);
@@ -13568,7 +13589,7 @@ let XInputGroup = /*@__PURE__*/ (() => {
         get af() {
             let a = false;
             this.l3((b) => {
-                if (b.ap) {
+                if (b.aq) {
                     a = true;
                 }
             });
@@ -15991,26 +16012,26 @@ let XInput = /*@__PURE__*/ (() => {
     class XInput extends XInputGroupItem {
         constructor() {
             super();
-            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;
@@ -16019,35 +16040,35 @@ let XInput = /*@__PURE__*/ (() => {
             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();
             let 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";
         }
         get view() {
             return this._view;
@@ -16058,16 +16079,26 @@ let XInput = /*@__PURE__*/ (() => {
         destroy() {
             this.provideContainer(null);
         }
-        get n() {
-            return this.m;
+        get o() {
+            return this.n;
         }
-        set n(a) {
-            let b = this.m;
-            this.m = a;
-            if (b != this.m) {
+        set o(a) {
+            let b = this.n;
+            this.n = a;
+            if (b != this.n) {
                 this.g("ShiftType", enumGetBox(InputShiftType_$type, b), enumGetBox(InputShiftType_$type, a));
             }
         }
+        get y() {
+            return this.w;
+        }
+        set y(a) {
+            let b = this.w;
+            this.w = a;
+            if (b != this.w) {
+                this.g("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, a));
+            }
+        }
         get x() {
             return this.v;
         }
@@ -16075,16 +16106,6 @@ let XInput = /*@__PURE__*/ (() => {
             let b = this.v;
             this.v = a;
             if (b != this.v) {
-                this.g("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, a));
-            }
-        }
-        get w() {
-            return this.u;
-        }
-        set w(a) {
-            let b = this.u;
-            this.u = a;
-            if (b != this.u) {
                 this.g("ActualDensity", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, a));
             }
         }
@@ -16108,13 +16129,13 @@ let XInput = /*@__PURE__*/ (() => {
                 this.g("PromptChar", b, a);
             }
         }
-        get aq() {
-            return this.ah;
+        get ar() {
+            return this.ai;
         }
-        set aq(a) {
-            let b = this.ah;
-            this.ah = a;
-            if (b != this.ah) {
+        set ar(a) {
+            let b = this.ai;
+            this.ai = a;
+            if (b != this.ai) {
                 this.g("IncludeLiterals", b, a);
             }
         }
@@ -16132,12 +16153,12 @@ let XInput = /*@__PURE__*/ (() => {
                     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);
                         }
                     }
@@ -16146,7 +16167,7 @@ let XInput = /*@__PURE__*/ (() => {
                     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();
@@ -16173,10 +16194,10 @@ let XInput = /*@__PURE__*/ (() => {
                     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;
             }
         }
@@ -16195,11 +16216,11 @@ let XInput = /*@__PURE__*/ (() => {
         dm() {
             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;
         }
         dl() {
-            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);
         }
@@ -16223,13 +16244,13 @@ let XInput = /*@__PURE__*/ (() => {
                 this.g("ActualHoverTextColor", b, a);
             }
         }
-        get aa() {
-            return this.y;
+        get ab() {
+            return this.z;
         }
-        set aa(a) {
-            let b = this.y;
-            this.y = a;
-            if (b != this.y) {
+        set ab(a) {
+            let b = this.z;
+            this.z = a;
+            if (b != this.z) {
                 this.g("ActualTextStyle", b, a);
             }
         }
@@ -16265,7 +16286,7 @@ let XInput = /*@__PURE__*/ (() => {
                 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();
             }
@@ -16301,20 +16322,20 @@ let XInput = /*@__PURE__*/ (() => {
         }
         cx() {
             if (this.b9 != null) {
-                if (!this.ae) {
+                if (!this.af) {
                     this.dk(this.bf);
                 }
             }
         }
         cy() {
             if (this.b9 != null) {
-                if (!this.ae) {
+                if (!this.af) {
                     this.dj(this.cj);
                 }
             }
         }
         cs() {
-            this.ai = true;
+            this.aj = true;
             this.cj = this.view.q();
             if (this.change != null) {
                 this.change(this, ((() => {
@@ -16324,24 +16345,24 @@ let XInput = /*@__PURE__*/ (() => {
                     return $ret;
                 })()));
             }
-            this.ai = false;
+            this.aj = false;
         }
         ct() {
-            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;
                 }
                 let a = this.a7();
                 let b = this.a6();
                 let c = "";
-                switch (this.p) {
+                switch (this.q) {
                     case 46:
                         this.a3 = this.a4 == this.a3 ? ++this.a3 : this.a3;
                         break;
@@ -16355,18 +16376,18 @@ let XInput = /*@__PURE__*/ (() => {
                 let d = new MaskOptions();
                 d.a = this.b9;
                 d.b = this.cd;
-                let e = this.t.a(this.bl, c, d, this.a4, this.a3);
+                let 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);
-                let f = this.t.i(this.cj, d);
-                this.bf = this.aq ? this.cj : f;
+                let 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, ((() => {
                     let $ret = new InputChangeEventArgs();
@@ -16375,31 +16396,35 @@ let XInput = /*@__PURE__*/ (() => {
                     return $ret;
                 })()));
             }
-            this.ai = false;
+            this.aj = false;
         }
         cv() {
             if (this.compositionStart != null) {
                 this.compositionStart(this, new EventArgs());
             }
         }
-        cu() {
+        cu(a) {
             if (this.compositionEnd != null) {
-                this.compositionEnd(this, new EventArgs());
+                this.compositionEnd(this, ((() => {
+                    let $ret = new InputChangeEventArgs();
+                    $ret.value = a;
+                    return $ret;
+                })()));
             }
         }
         c6() {
-            this.as = true;
+            this.at = true;
         }
         c7() {
-            this.as = false;
+            this.at = false;
         }
-        get ac() {
-            return this.z;
+        get ad() {
+            return this.aa;
         }
-        set ac(a) {
-            let b = this.z;
-            this.z = a;
-            if (b != this.z) {
+        set ad(a) {
+            let b = this.aa;
+            this.aa = a;
+            if (b != this.aa) {
                 this.g("TextStyle", b, a);
             }
         }
@@ -16443,8 +16468,8 @@ let XInput = /*@__PURE__*/ (() => {
                 this.g("Id", b, a);
             }
         }
-        get ao() {
-            return this.ag;
+        get ap() {
+            return this.ah;
         }
         get ba() {
             return this.a5;
@@ -16452,7 +16477,7 @@ let XInput = /*@__PURE__*/ (() => {
         set ba(a) {
             let b = this.a5;
             this.a5 = a;
-            this.ag = true;
+            this.ah = true;
             if (b != this.a5) {
                 this.g("TabIndex", b, a);
             }
@@ -16477,13 +16502,13 @@ let XInput = /*@__PURE__*/ (() => {
                 this.g("AriaLabel", b, a);
             }
         }
-        get as() {
-            return this.ak;
+        get at() {
+            return this.al;
         }
-        set as(a) {
-            let b = this.ak;
-            this.ak = a;
-            if (b != this.ak) {
+        set at(a) {
+            let b = this.al;
+            this.al = a;
+            if (b != this.al) {
                 this.g("IsHover", b, a);
             }
         }
@@ -16497,27 +16522,27 @@ let XInput = /*@__PURE__*/ (() => {
                 this.g("Value", b, a);
             }
         }
-        get ap() {
+        get aq() {
             return !stringIsNullOrEmpty(this.cj);
         }
         get disabled() {
-            return this.aj;
+            return this.ak;
         }
         set disabled(a) {
-            let b = this.aj;
-            this.aj = a;
-            if (b != this.aj) {
+            let b = this.ak;
+            this.ak = a;
+            if (b != this.ak) {
                 this.g("IsDisabled", b, a);
             }
         }
         get readonly() {
-            return this.al;
+            return this.am;
         }
         set readonly(a) {
-            let b = this.al;
-            this.al = a;
-            if (b != this.al) {
-                this.g("IsReadOnly", b, this.al);
+            let b = this.am;
+            this.am = a;
+            if (b != this.am) {
+                this.g("IsReadOnly", b, this.am);
             }
         }
         dd() {
@@ -16528,7 +16553,7 @@ let XInput = /*@__PURE__*/ (() => {
         onAttachedToUI() {
             this.view.aj();
         }
-        av() {
+        aw() {
             return this.view.f();
         }
         bc() {
@@ -16543,19 +16568,19 @@ let XInput = /*@__PURE__*/ (() => {
             let 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) {
-                let c = this.aa;
+            if (this.ab != null) {
+                let c = this.ab;
                 if (this.view != null && c.n == null) {
                     let d = this.view.j;
                     let e = FontUtil.getFontInfoFromString(d, c.fontString);
@@ -16602,23 +16627,23 @@ let XInput = /*@__PURE__*/ (() => {
             this.view.ar();
         }
         dk(a) {
-            this.an = true;
+            this.ao = true;
             let 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;
         }
         dj(a) {
-            this.an = true;
+            this.ao = true;
             let 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;
         }
         dn(a) {
             let b = new MaskOptions();
@@ -16627,8 +16652,8 @@ let XInput = /*@__PURE__*/ (() => {
             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, ((() => {
                     let $ret = new InputChangeEventArgs();
@@ -16640,15 +16665,15 @@ let XInput = /*@__PURE__*/ (() => {
         }
         cl() {
             this.bl = this.cj;
-            this.af = false;
+            this.ag = false;
             this.a4 = 0;
             this.a3 = 0;
-            this.p = 0;
+            this.q = 0;
         }
         a7() {
             let a = this.view.n();
             let b = this.view.m();
-            return a == b && this.af ? b - this.bg.length : a;
+            return a == b && this.ag ? b - this.bg.length : a;
         }
         a6() {
             return this.view.m();
@@ -16665,38 +16690,38 @@ let XInput = /*@__PURE__*/ (() => {
         set selectionEnd(a) {
             this.view.ax(a);
         }
-        get au() {
-            return this.am;
+        get av() {
+            return this.an;
         }
-        set au(a) {
-            let b = this.am;
-            this.am = a;
-            if (b != this.am) {
+        set av(a) {
+            let b = this.an;
+            this.an = a;
+            if (b != this.an) {
                 this.g("IsShown", b, a);
             }
         }
         dh(a, b = true) {
-            let c = this.aw;
+            let 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;
                 }
             }
         }
         c1() {
             this.co();
-            this.de(this.ad, this.au);
+            this.de(this.ae, this.av);
         }
         co() {
             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)));
             }
         }
         get i() {
@@ -16713,7 +16738,7 @@ let XInput = /*@__PURE__*/ (() => {
             else {
                 a.reverse();
             }
-            if (this.aw) {
+            if (this.ax) {
                 a.finish();
                 a.commitStyles();
                 return;
@@ -16724,7 +16749,7 @@ let XInput = /*@__PURE__*/ (() => {
     XInput.$t = /*@__PURE__*/ markType(XInput, 'XInput', XInputGroupItem.$);
     XInput.dw = /*@__PURE__*/ BrushUtil.g(221, 0, 0, 0);
     XInput.dv = /*@__PURE__*/ BrushUtil.g(221, 0, 0, 0);
-    XInput.ab = null;
+    XInput.ac = null;
     XInput.bb = 0;
     return XInput;
 })();
@@ -16815,11 +16840,25 @@ let IgcXInputGroupItemComponent = /*@__PURE__*/ (() => {
             if (super["connectedCallback"]) {
                 super["connectedCallback"]();
             }
+            if (this.i.connectedCallback) {
+                this.i.connectedCallback();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
             }
         }
+        disconnectedCallback() {
+            if (super["disconnectedCallback"]) {
+                super["disconnectedCallback"]();
+            }
+            if (this.i.disconnectedCallback) {
+                this.i.disconnectedCallback();
+            }
+            if (this._attached) {
+                this._attached = false;
+            }
+        }
         static get observedAttributes() {
             if (IgcXInputGroupItemComponent._observedAttributesIgcXInputGroupItemComponent == null) {
                 let names = getAllPropertyNames(IgcXInputGroupItemComponent);
@@ -16849,6 +16888,11 @@ let IgcXInputGroupItemComponent = /*@__PURE__*/ (() => {
             this.i.e = v;
         }
         findByName(name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             return null;
         }
         get hasUserValues() {
@@ -17001,6 +17045,8 @@ let IgcXInputComponent = /*@__PURE__*/ (() => {
             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));
@@ -17115,21 +17161,21 @@ let IgcXInputComponent = /*@__PURE__*/ (() => {
      * Gets or sets the display density to use for the input.
     */
         get density() {
-            return this.i.x;
+            return this.i.y;
         }
         set density(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));
         }
         /**
          * Gets the actual display density to use for the label.
         */
         get actualDensity() {
-            return this.i.w;
+            return this.i.x;
         }
         set actualDensity(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));
         }
         /**
          * Gets/Sets the input mask for the input.
@@ -17153,11 +17199,11 @@ let IgcXInputComponent = /*@__PURE__*/ (() => {
          * Specifies if the bound value includes the formatting symbols.
         */
         get includeLiterals() {
-            return this.i.aq;
+            return this.i.ar;
         }
         set includeLiterals(v) {
-            this.i.aq = ensureBool(v);
-            this._a("includeLiterals", this.i.aq);
+            this.i.ar = ensureBool(v);
+            this._a("includeLiterals", this.i.ar);
         }
         /**
          * Gets the actual color to use for the text color.
@@ -17193,16 +17239,16 @@ let IgcXInputComponent = /*@__PURE__*/ (() => {
          * Gets or sets the use for the button.
         */
         get textStyle() {
-            if (this.i.ac == null) {
+            if (this.i.ad == null) {
                 return null;
             }
-            return this.i.ac.fontString;
+            return this.i.ad.fontString;
         }
         set textStyle(v) {
             let 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 : "");
         }
         /**
          * Gets or sets the type to use for the input.
@@ -17273,11 +17319,11 @@ let IgcXInputComponent = /*@__PURE__*/ (() => {
          * Gets or sets whether the input is hovered.
         */
         get isHover() {
-            return this.i.as;
+            return this.i.at;
         }
         set isHover(v) {
-            this.i.as = ensureBool(v);
-            this._a("isHover", this.i.as);
+            this.i.at = ensureBool(v);
+            this._a("isHover", this.i.at);
         }
         /**
          * Gets or sets the value for the input.
@@ -17289,7 +17335,7 @@ let IgcXInputComponent = /*@__PURE__*/ (() => {
             this.i.cj = v;
         }
         get hasValue() {
-            return this.i.ap;
+            return this.i.aq;
         }
         /**
          * Gets or sets whether the checkbox is disabled.
@@ -17383,6 +17429,7 @@ let IgcXInputComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.keyDown = delegateCombine(this.i.keyDown, this._keyDown_wrapped);
+            ;
         }
         get keyUp() {
             return this._keyUp;
@@ -17405,6 +17452,7 @@ let IgcXInputComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.keyUp = delegateCombine(this.i.keyUp, this._keyUp_wrapped);
+            ;
         }
         get keyPress() {
             return this._keyPress;
@@ -17427,6 +17475,7 @@ let IgcXInputComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.keyPress = delegateCombine(this.i.keyPress, this._keyPress_wrapped);
+            ;
         }
         get change() {
             return this._change;
@@ -17449,6 +17498,7 @@ let IgcXInputComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.change = delegateCombine(this.i.change, this._change_wrapped);
+            ;
         }
         get changing() {
             return this._changing;
@@ -17471,6 +17521,30 @@ let IgcXInputComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.changing = delegateCombine(this.i.changing, this._changing_wrapped);
+            ;
+        }
+        get compositionEnd() {
+            return this._compositionEnd;
+        }
+        set compositionEnd(ev) {
+            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 = (o, e) => {
+                let 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);
+            ;
         }
     }
     IgcXInputComponent._observedAttributesIgcXInputComponent = null;
@@ -19845,6 +19919,11 @@ let IgcXInputGroupComponent = /*@__PURE__*/ (() => {
             this._a("disabled", this.i.disabled);
         }
         findByName(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);
             }
@@ -21039,7 +21118,7 @@ let DatePicker = /*@__PURE__*/ (() => {
         }
         c5() {
             if (this.aa != null) {
-                this.o.ac = this.aa;
+                this.o.ad = this.aa;
             }
         }
         cd() {
@@ -21061,7 +21140,7 @@ let DatePicker = /*@__PURE__*/ (() => {
             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;
@@ -22250,6 +22329,7 @@ let IgcDatePickerComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.selectedValueChanged = delegateCombine(this.i.selectedValueChanged, this._selectedValueChanged_wrapped);
+            ;
         }
         get gotFocus() {
             return this._gotFocus;
@@ -22272,6 +22352,7 @@ let IgcDatePickerComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.gotFocus = delegateCombine(this.i.gotFocus, this._gotFocus_wrapped);
+            ;
         }
         get lostFocus() {
             return this._lostFocus;
@@ -22294,6 +22375,7 @@ let IgcDatePickerComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.lostFocus = delegateCombine(this.i.lostFocus, this._lostFocus_wrapped);
+            ;
         }
         get keyDown() {
             return this._keyDown;
@@ -22316,6 +22398,7 @@ let IgcDatePickerComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.keyDown = delegateCombine(this.i.keyDown, this._keyDown_wrapped);
+            ;
         }
         get changing() {
             return this._changing;
@@ -22338,6 +22421,7 @@ let IgcDatePickerComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.changing = delegateCombine(this.i.changing, this._changing_wrapped);
+            ;
         }
         get valueChange() {
             return this._valueChange;
@@ -24057,6 +24141,11 @@ let IgcXCheckboxComponent = /*@__PURE__*/ (() => {
             this._a("disableTransitions", this.i.u);
         }
         findByName(name) {
+            if (this.findEphemera) {
+                if (name && name.indexOf("@@e:") == 0) {
+                    return this.findEphemera(name);
+                }
+            }
             return null;
         }
         get hasUserValues() {
@@ -24155,6 +24244,7 @@ let IgcXCheckboxComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.change = delegateCombine(this.i.change, this._change_wrapped);
+            ;
         }
     }
     IgcXCheckboxComponent._observedAttributesIgcXCheckboxComponent = null;
@@ -26588,6 +26678,11 @@ let IgcXButtonGroupComponent = /*@__PURE__*/ (() => {
             this._a("isMultiSelect", this.i.z);
         }
         findByName(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);
             }
@@ -26689,6 +26784,7 @@ let IgcXButtonGroupComponent = /*@__PURE__*/ (() => {
                 }
             };
             this.i.selectionChanged = delegateCombine(this.i.selectionChanged, this._selectionChanged_wrapped);
+            ;
         }
     }
     IgcXButtonGroupComponent._observedAttributesIgcXButtonGroupComponent = null;
@@ -27108,7 +27204,7 @@ GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOA
 /**
  * @hidden
  */
-let 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');
+let 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: