igniteui-webcomponents-inputs 3.2.2 → 3.2.4

package/esm2015/lib/DatePickerView_combined.js

@@ -875,7 +875,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
         }
         c5() {
             if (this.aa != null) {
-                this.o.ac = this.aa;
+                this.o.ad = this.aa;
             }
         }
         cd() {
@@ -897,7 +897,7 @@ export 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;

package/esm2015/lib/InputGroupView_combined.js

@@ -750,7 +750,11 @@ export 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);
@@ -765,7 +769,7 @@ export 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");
@@ -784,7 +788,7 @@ export 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(((() => {
@@ -1843,17 +1847,17 @@ export 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);
@@ -2057,7 +2061,7 @@ export let XInputGroup = /*@__PURE__*/ (() => {
         get af() {
             let a = false;
             this.l3((b) => {
-                if (b.ap) {
+                if (b.aq) {
                     a = true;
                 }
             });
@@ -4480,26 +4484,26 @@ export 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;
@@ -4508,35 +4512,35 @@ export 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;
@@ -4547,16 +4551,26 @@ export 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;
         }
@@ -4564,16 +4578,6 @@ export 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));
             }
         }
@@ -4597,13 +4601,13 @@ export 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);
             }
         }
@@ -4621,12 +4625,12 @@ export 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);
                         }
                     }
@@ -4635,7 +4639,7 @@ export 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();
@@ -4662,10 +4666,10 @@ export 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;
             }
         }
@@ -4684,11 +4688,11 @@ export 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);
         }
@@ -4712,13 +4716,13 @@ export 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);
             }
         }
@@ -4754,7 +4758,7 @@ export 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();
             }
@@ -4790,20 +4794,20 @@ export 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, ((() => {
@@ -4813,24 +4817,24 @@ export 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;
@@ -4844,18 +4848,18 @@ export 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();
@@ -4864,31 +4868,35 @@ export 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);
             }
         }
@@ -4932,8 +4940,8 @@ export let XInput = /*@__PURE__*/ (() => {
                 this.g("Id", b, a);
             }
         }
-        get ao() {
-            return this.ag;
+        get ap() {
+            return this.ah;
         }
         get ba() {
             return this.a5;
@@ -4941,7 +4949,7 @@ export 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);
             }
@@ -4966,13 +4974,13 @@ export 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);
             }
         }
@@ -4986,27 +4994,27 @@ export 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() {
@@ -5017,7 +5025,7 @@ export let XInput = /*@__PURE__*/ (() => {
         onAttachedToUI() {
             this.view.aj();
         }
-        av() {
+        aw() {
             return this.view.f();
         }
         bc() {
@@ -5032,19 +5040,19 @@ export 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);
@@ -5091,23 +5099,23 @@ export 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();
@@ -5116,8 +5124,8 @@ export 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();
@@ -5129,15 +5137,15 @@ export 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();
@@ -5154,38 +5162,38 @@ export 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() {
@@ -5202,7 +5210,7 @@ export let XInput = /*@__PURE__*/ (() => {
             else {
                 a.reverse();
             }
-            if (this.aw) {
+            if (this.ax) {
                 a.finish();
                 a.commitStyles();
                 return;
@@ -5213,7 +5221,7 @@ export 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;
 })();

package/esm2015/lib/KEYCODES.js

@@ -8,4 +8,4 @@ import { markEnum } from "igniteui-webcomponents-core";
 /**
  * @hidden
  */
-export 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');
+export 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');